/* pt = page type */

.contactForm {width:100%; margin:auto;}
.contactForm p{text-align:left; clear:both;}
.contactForm p span { float:left; text-align:right; width:95px;	margin-right:10px;	margin-left:10px;}
.contactForm p .input { width:285px; border:1px black solid; background-color:#EEEEEE;}
.contactForm p .input.textarea { height:300px; }
.contactForm .button {color:black; background-color:#EEE; border:1px black solid; width:100px; cursor:pointer;}
inputholder { width:100%; margin-top:5px; text-align:left; }
.inputholder span {	width:150px; padding-right:15px;	text-align:right; float:left; font-size:10pt;}
/* CONTACT PAGE TYPE RELATED STYLES */

/* END CONTACT PAGE TYPE RELATED STYLES */

/* CALENDAR PAGE TYPE RELATED STYLES */
/* these are the styles for the main calendar (the maint table) */
.pt_calendar_main{color:black; margin:auto;}
/* these are the styles for the previous and next buttons */
.pt_calendar_prev, .pt_calendar_next{font-size:14px;}
/* the cell that displays the current month */
.pt_calendar_currentm{	font-size:18px;	font-variant:small-caps; font-weight:bold;}
/* the header cells where it says Sat, Sun, etc... */
.pt_calendar_header_weekday, .pt_calendar_header_weekend{ font-weight:bold; text-decoration:underline; }
/* the cells with the day */
.pt_calendar_weekend, .pt_calendar_weekday{ border:1px black solid; color:black; font-size:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.pt_calendar_weekend{ background-color:#E4E4E4; }
/* where it says 1,2,3,4 for the corresponding day */
.pt_calendar_daynumber { color:black; font-size:12px;}
/* the a tag that holds the event */
.pg_calendar_event{ display:block; margin-bottom:10px; position:relative; padding:0px 5px; text-decoration:none;}
/* the view month, week, day links (a tags) */
.pt_calendar_mwd{}
/* the row that holds the links for month, week and day views */
.pt_calendar_mwd_row {padding:15px 0px;}
/* the table that holds the cells for week view */
.pt_calendar_main_week{border:0px; width:100%;}
/* the cell for a week view */
.pt_calendar_week_cell{border:1px black solid; background-color:#EEEEEE;padding:5px;}
/* where it says which day it is on the week view */
.pt_calendar_week_daynumber{text-align:left;margin-bottom:10px;}
/* the a tag that holds the event for week view */
.pg_calendar_week_event{display:block;margin-bottom:10px;position:relative;padding:0px 5px;text-decoration:none;}
/* the table that holds the cells for day view */
.pt_calendar_main_day{border:0px;width:100%;}
/* the cell for day view */
.pt_calendar_day_cell{border:1px black solid; background-color:#EEEEEE; padding:5px;}
/* where it says which day it is on the day view */
.pt_calendar_day_daynumber{text-align:left;	margin-bottom:10px;}
/* the number that show which day it is, which is also a link to the day view for that day */
.pt_calendar_day_link{color:#333 !important;}
/* the holder of each event in day view */
.pg_calendar_event_day{margin:10px;}
/* holds the time of an event for the day view */
.pg_calendar_event_time_day{font-weight:bold;font-size:12px;}
/* holds the name of an event for the day view */
.pg_calendar_event_name_day{font-size:14px;}
/* holds the description of an event for the day view */
.pg_calendar_event_desc_day{font-size:12px;}
/* a wrapper that holds the hidden details about an event */
.pt_calendar_event_holder{position:relative;}
/* the hidden details about an event */
.pt_calendar_event_details{min-width:300px; min-height:200px; display:none; border:1px #0078b7 solid; position:absolute; z-index:100; top:5px; left:5px; background:url(event_bkg.png); font-size:12px; padding:5px; border-radius:5px;	-webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; }
/* END CALENDAR PAGE TYPE RELATED STYLES */

/* VALIDATION STYLES */
.v_container{width:400px;overflow:hidden; border:3px #b60404 solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:fixed; top:100px; left:50%; margin-left:-200px; box-shadow:2px 2px 3px #333, 0px 0px 2px #b60404 inset; padding:10px; background:#f7f7f7 url(x.png) top right no-repeat; cursor:pointer; z-index:100000;}
.fb-comments{clear:both; margin-top:20px;}
.clear_sys{clear:both;}
.clear_sys.mb20{margin-bottom:20px;}

/* DATE FIELD CUSTOMIZATIONS */
.cms_datefield_wrapper{position:relative; text-align:left;}/* this is span element */
.cms_datefield{width:80px;cursor:pointer;} /* this is input type='text' element */
.cms_datefield_cal_icon {vertical-align: bottom; cursor:pointer;} /* this is img element */
.cms_datefield_container{display: none; position: absolute; z-index:10000; left:-30px; top:20px; border: 1px solid #555; margin:0px; padding:0px; color:#333333;} /* span element */

/* BACK TO TOP OPTION */
#backtotop_sys{width: 41px; height: 41px; background: url(../images/backtotop.svg) no-repeat center; position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 1000000; display: none;}

/* BLOG */
/*customization
.blog_categories_wrapper{margin-bottom: 30px; text-align: center; display: none;}
.blog_category{width: 24%; display: inline-block; vertical-align: top; border-bottom: 1px solid #999; border-right: 1px solid #999; padding-bottom: 5px; }
.blog_category:nth-child(4n+4){border-right: none;}
.blog_category:last-child{border-right: none;}
.blog_posts_wrapper{margin-top: 30px;}
.listed_blog_post{ margin-bottom: 30px; width: 30%; display: inline-block; vertical-align: top; margin-right: 5%;}
.listed_blog_post:nth-child(3n+3){margin-right: 0px;}
.listed_blog_post_img{width: 100%; overflow: hidden; text-align: center; border:1px solid #000;}
.listed_blog_post_img a{display: block;max-height: 300px;}
.listed_blog_post_img img{max-width: 100%; transition: all .2s ease-in-out; height: 300px; object-fit:cover;}
.listed_blog_post_img:hover img{ transform: scale(1.1); }
.listed_blog_post_desc{padding-top: 30px;}
.listed_blog_post_date{color: #898989; font-size: 11px; text-transform: uppercase; letter-spacing: 2px;}
.listed_blog_post_date a{color: #898989; font-size: 11px; text-decoration: none;}
.listed_blog_post_title{font-size: 14px; letter-spacing: 2px; margin-top: 5px; margin-bottom: 20px; text-transform: uppercase;}
.listed_blog_post_title a{text-decoration: none;}
.listed_blog_post_short_desc{margin-bottom: 10px; width: 80%; color:#626262;}
.listed_blog_post_line{background: #000; height: 2px; width: 30px; margin: 25px 0px;}
.listed_blog_post_read_more{}
.listed_blog_post_read_more a{text-decoration: none;}

.blog_post_img{margin-bottom: 20px; text-align: center;}
.blog_post_img img{max-width: 100%;}
.blog_post_header{overflow: hidden;}
.blog_post_date{color: #898989; font-size: 11px; text-transform: uppercase; letter-spacing: 2px;; margin-bottom: 10px; float: left;}
.blog_post_date a{color: #898989; font-size: 11px; text-decoration: none;}
.blog_post_share{float: right;}
.blog_post_title{font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px;}
.blog_post_title a{text-decoration: none;}
.blog_post_content{width: 67%; margin-right: 8%; display: inline-block; vertical-align: top;}
.blog_post_filters{width:25%; margin-left: -4px; display: inline-block; vertical-align: top;}
.blog_post_filter_title{font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;}
.blog_post_filter_line{width: 30px; height: 1px; background: #000; margin: 20px 0px;}
.blog_post_filter_item{letter-spacing: 0.02em; line-height: 23px; padding-bottom: 5px;}
.blog_post_filter_item a{color: #626262; text-decoration: none; font-size: 13px;}
.blog_post_filter_item a:hover{color: #000;}
.blog_post_filter_item span{color: #a8a8a8;}
.blog_post_filter_archive{margin-top: 20px;}
end customization*/
.paginationHolder{text-align:left; margin:20px 0px; clear:both; font-size: 13px; color: #333; font-weight: 400;}
.page_num{text-decoration: none; display:inline-block; vertical-align:middle;}
.page_num.active{color: #000 !important; font-weight: bold;}
.pages_buttons_holder{display: inline-block; vertical-align: middle;margin-left: 13px; padding: 0px 0px 3px 13px; border-left: 1px solid #000; color: #000;}
.pages_button{color: #333 !important; font-size: 13px; font-weight: 400; text-decoration: none; display:inline-block; vertical-align:middle; outline:none;}
.pages_button.go_button {border:1px #333 solid; background:#f2f2f2; cursor:pointer; padding:3px 6px;}
.pagenum_text_field{padding:3px 3px!important; vertical-align:middle!important; display:inline-block!important; width:30px!important; height:17px!important; font-size:12px!important; border:1px #333333 solid!important;}

@media (max-width: 1170px)
{
    .blog_category{width: 50%; margin-right:-4px; margin-bottom:30px;}
    .blog_category:nth-child(2n+2){border-right: none; margin-right:0px;}

    .listed_blog_post{ width: 50%; display: block; margin:auto;}
    .listed_blog_post:nth-child(3n+3){margin-right: auto;}
}

@media (max-width: 750px)
{
    .blog_category{width: 100%; margin:0px auto 30px auto!important;}
    .listed_blog_post{ width: 90%;}

    .blog_post_header{text-align:center;}
    .blog_post_date{float:none;}
    .blog_post_title{text-align:center; font-size:25px; font-weight:300; margin:30px auto;}

    .blog_post_content{width: 100%; margin-right:0px; margin-bottom:30px; display: block;}
    .blog_post_filters{width:100%; margin-left:0px; display:block; text-align:center;}
    .blog_post_filter_line{margin:20px auto;}
}
/* END BLOG STYLES */