/* ======================================================= */
/* CUSTOM THEME CSS */
/* ======================================================= */
/* Building your own theme? Add your custom theme CSS here. */
/* It's a much safer spot to put stuff than trying to overwrite things in styles.css. */

.no-bottom-margin{margin-bottom: 5px !important;}
hr.page-title-hr{margin-bottom: 15px;}
.jackbox-container {line-height: 0 !important;}


/* Visual Composer Header Carousel Mods */
.vc_span12 .wpb_carousel.wpb_teaser_grid{margin-top: 7px; margin-bottom: -13px !important;}

.wpb_row .vc_span12 .wpb_carousel .prev, .wpb_row .vc_span12 .wpb_carousel .next {
    font-size: 27px;
    color: white;
}
.vc_span12 .wpb_carousel .prev:after {
	content: "«";
	color: #333333;
	margin-left: -27px;
	text-indent: 0 !important;
}
.vc_span12 .wpb_carousel .next:after {
    content: "»";
    color: #333333;
    margin-left: -27px;
    text-indent: 0 !important;
}
.wpb_carousel li .post-thumb{z-index: 1; overflow: hidden;}
.wpb_carousel .post-title{margin-top: -10px; z-index: 2;}
.wpb_carousel .post-title a, .module-meta h3{
    background: none repeat scroll 0 0 #191919;
    color: white !important;
    display: inline-block;
    font-size: 1.7rem;
    padding: 10px 0;
    text-align: center;
    width: 100% !important;
    border-radius: 0 0 3px 3px;
}
.wpb_carousel li:hover .post-title a {}

.wpb_carousel li:hover .post-thumb img{
}



/* Theme Media Queries */
@media only screen and (min-width: 959px) {	
	#section-header {
	    position: relative;
	    left: -25px;
	}
	#section-tophat .container .sixteen{
		margin-left: -13px;
	}
	#section-sub-footer .container .sixteen {
	    margin-left: -0px;
	}

	.vc_span12 .wpb_carousel .wpb_wrapper{overflow: visible !important; z-index: 2;}
	.vc_span12 .wpb_carousel .teaser_grid_container{overflow: hidden !important;}
	.wpb_row hr{margin-top: 0px !important;}
	
	.vc_span12 .wpb_carousel .prev, .vc_span12 .wpb_carousel .next {
	    background-color: #FFF !important;
	    font-size: 12px;
	    position: absolute;
	    text-decoration: none;
	    top: 40% !important;
	    transition: all 0.2s linear 0s;
	    z-index: 10;
	    width: 50px;
	    height: 60px;
	    text-indent: 24px;
	    line-height: 55px;
	    border-radius: 60px;
	    z-index: 1 !important;
	}
	
	.vc_span12 .wpb_carousel .prev{
	 left: -52px !important;
	 box-shadow: -5px 0 2px rgba(0,0,0,0.05);
	 text-indent: 12px !important;
	}
	
	.vc_span12 .wpb_carousel .next {
	 right: -52px !important;
	  box-shadow: 5px 0 2px rgba(0,0,0,0.05);
	}
	
	.vc_span12 .wpb_carousel .prev:hover, .wpb_carousel .next:hover {
	    background-color: #F00;
	}
}


/* Theme Media Queries */
@media only screen and (max-width: 959px) {		
	.vc_span12 .wpb_carousel .prev, .vc_span12 .wpb_carousel .next {
    padding: 0 6px 4px !important;
    color: transparent !important;
	}
	.boxing {
    border: 0px solid #FFFFFF;
	}
}


/* AJAXY Search Plugin */
.sf_container label {display: none;}
.sf_search {
    margin-bottom: 13px;
    padding: 5px;
    width: 95%;
}
.the_content .sf_search {
    margin: 10px 0 9px;
}
.sidebar .widget:first-child .sf_search {
    margin-bottom: 0px;
}
#sf_results {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    font-family: arial,sans-serif !important;
    font-size: 11px !important;
    margin-left: -7px;
    text-align: left !important;
    width: 94% !important;
    z-index: 9999 !important;
}
#sf_sb{margin-top: 10px;}



/* Tophat Stuff */
#section-tophat{display: block; height: 20px; margin: 0px -15px 40px; padding: 10px 0 10px 15px;}
#section-tophat ul.social {margin: 0 -5px 0 10px;}


/* AJAXY Search TopHat Styling */
#section-tophat .sf_container{}
#section-tophat .sf_container label{display: none;}
#section-tophat .sf_search{float: right; margin-left: 15px; margin-right: -50px;}
#section-tophat .sf_search{
	background: transparent !important;
	width: auto !important;
	border: 0px !important;
	margin-top: -5px !important;
}
#section-tophat .sf_search .sf_input {
	background: rgba(55,55,55,0.8) url("../images/theme/search.png") no-repeat 10px 10px !important;
	border: 0px !important;
	z-index: 2 !important;
	text-indent: -999px !important;
	border: 0px !important;
    border-left: 1px solid rgba(200,200,200,0.05) !important;
    border-right: 1px solid rgba(200,200,200,0.05) !important;
    font-size: 1rem !important;
    height: 38px !important;
    overflow: visible !important;
    padding-left: 10px !important;
    transition: width 0.5s ease-out 0s;
    width: 28px !important;
    margin-top: -10px !important;
    float: right !important;
}
#section-tophat .sf_search .sf_input:focus {
 width: 200px !important;
 text-indent: 0px !important;
 -moz-transition: width 0.5s ease-out !important;
 -webkit-transition: width 0.5s ease-out !important;
 transition: width 0.5s ease-out !important;
 color: #FFF !important;
 padding-left: 35px !important;
}
#section-tophat .sf_search .sf_button{display: none !important;}

/* AJAXY In-Content Styling */
.sf_search .sf_input {margin-top: -4px !important;}

/* Normal Search Form TopHat Styling */
#section-tophat .search{float: right; margin-left: 15px; margin-right: -50px;}
#section-tophat .search input.field {
	background: rgba(55,55,55,0.8) url("../images/theme/search.png") no-repeat 10px 10px;
	border: 0px;
	z-index: 2;
	text-indent: -999px;
    border-left: 1px solid rgba(200,200,200,0.05);
    border-right: 1px solid rgba(200,200,200,0.05);
    font-size: 1rem;
    height: 38px;
    overflow: visible;
    padding-left: 10px;
    transition: width 0.5s ease-out 0s;
    width: 28px;
    margin-top: -10px;
}
#section-tophat .search input.field:focus {
 width: 200px;
 text-indent: 0px;
 -moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
 color: #FFF;
 padding-left: 35px;
}
#section-tophat .search .button{display: none;}


/* Gallery Widget Plugin Mods */
ul.wGallery > li {
    border: 0 none !important;
    display: inline-block;
    float: left;
    list-style: none outside none !important;
    margin: 0 5% 10px 0 !important;
    padding: 0 !important;
    width: 25%;
}

.zilla-dribbble-shots li {
    float: left;
    list-style-type: none !important;
    margin: -10px 10px 10px 0 !important;
    width: 25% !important;
}

/* Flex Slider */
.wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: -50px !important;
}

/* Tabs */
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .wpb_content_element .wpb_accordion_header a {
    color: #FFF;
    font-family: arial;
    font-size: 1.2rem;
}
.wpb_content_element .wpb_tabs_nav li {
    background-color: #888 !important;
    }
.wpb_content_element .wpb_tabs_nav .ui-tabs-active{ background-color: #EEE !important;;}
.wpb_content_element .wpb_tabs_nav .ui-tabs-active a{color: #333 !important;}

.wpb_prev_slide, .wpb_next_slide{display: none !important;}

/* Accordion */
.wpb_accordion_header.ui-state-default {
    background: none repeat scroll 0 0 #EEEEEE !important;
}
.wpb_accordion_header.ui-state-active{
    background: none repeat scroll 0 0 #F7F7F7 !important;
}


/* RSS */
.vc_wp_rss h2 a {
    color: #555555;
}
.vc_wp_rss h2 a {
    color: #555555;
}

.wpb_accordion_header a {
    color: #333333 !important;
    font-weight: 600;
}

/* Jackbox Rounded Corners */
.jackbox-container {
    border-radius: 3px 3px 0px 0px !important;
    overflow: hidden;
}
a.jackbox {
    border-radius: 3px 3px 0px 0px !important;
}


/* Content Area Border and Boxing */
.boxing{border: 15px solid #FFF;}

.full-width #page-header{text-align: center;}

/* Fading Shadows */
#section-header .boxing{box-shadow: 0 350px 60px 50px #ccc, 0 0 10px 2px rgba(0, 0, 0, 0.05); z-index: 101; padding-top: 35px;}
#section-footer, #section-sub-footer{position: relative; z-index: 102;}

#section-page-caption{padding-top: 120px;} /* Padding for the first super-container after the header. This gets ultimately overridden by the jQuery */
#section-slider{display: inline;}

/* Caption Styling */
.page-caption {margin: 15px 0 0; line-height: 4.0rem;}
.page-caption{text-align: center;}

.module-meta{text-align: center; margin-top: -17px;}
.module-meta h3 a{color: white !important; padding: 0 10px;}
.home .module-meta{text-align: left;}


.module-meta p {
    color: #888888;
    font-size: 1.2rem;
    margin-top: 5px;
    padding: 5px 0 5px;
    text-align: left;
}
.module-meta p:last-child {
    border-bottom: 1px dotted #DDDDDD;
    padding: 5px 0 22px;
}

.container .action_button a, .container .action_button:visited a {
  	background: rgb(0, 0, 0); /* fallback color */
  	background: rgba(0, 0, 0, 0.8);
    border: 2px solid rgba(255, 255, 255, 0.2);
    /* border-radius: 5px 5px 5px 5px; */
    font-size: 1.6rem !important;
    text-transform: uppercase;
}


/* Float Nav to the Right */
.site-title-wrapper {display: inline-block;}
.site-title-wrapper h1{margin: 0px;}
#menu {float: right; margin-top: 15px;}
.sf-menu {margin: 0 auto;}


/* Menu Mods */
.sf-menu li {background-color: transparent;}
.sf-menu > li > a strong {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
}
.sf-menu > li:hover a strong {
    color: #FFF;
}
.sf-menu .sub-menu{z-index: 9999;}
.sf-arrows .sf-with-ul {
    padding-left: 1em;
}
.sf-menu li {
    margin-right: 0px;
}
.sf-menu > li {
    border-right: 1px dotted #CCCCCC;
    border-right: 1px dotted rgba(0,0,0,0.08);
    float: left;
}
.sf-menu > li:first-child {
    border-left: 1px dotted #CCCCCC;
    border-left: 1px dotted rgba(0,0,0,0.08);
}
.pptwj ul, .pptwj li{list-style: none !important;}

/* Mods for the Post Grid */
#skeleton-container{position: relative;}
#skeleton-container .module-container {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
#skeleton-container a[rel~="category"]{
	color: #aaa !important;
	background: transparent !important;
    font-size: 1.3rem !important;
    font-weight: 500;
    padding: 2px 8px;
}

/* WP Paginate Mods */
.wp-paginate li span, .wp-paginate li a{
	border-radius: 4px; 
	color: #333;
}

/* Comments tweaks */
.commentlist li.comment article {
    margin-bottom: -2px;
}

/* 404 Page Custom Content Styles */
.the_content li.categories, .the_content li.pagenav, .the_content .tagcloud {
    list-style: none outside none !important;
    margin-top: -23px;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
}

.the_content li.categories ul, .the_content li.pagenav ul, .the_content .tagcloud a {
    text-transform: capitalize;
    font-size: 1.2rem;
    font-weight: 300;
    letter-spacing: 0rem;
    text-transform: capitalize;
}

/* ======================================================= */
/* #MEDIA QUERIES TEMPLATE */
/* ======================================================= */

/* Used for copy/pasting - the full theme set is below */
/* Media Query Breakpoints Stack */ 
/* 960 and above */ 
@media only screen and (min-width: 959px) {} 

/* Tablet to 1280 */ 
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	h1.page-caption .spacer {display: none;}
	h1.page-caption span{display: block; letter-spacing: -0.05rem;}
	.page-caption {line-height: 4.5rem;}
}

/* All Mobile Sizes */ 
@media only screen and (max-width: 767px) {	
	.wpb_content_element {margin: 0 5%;}
	.wpb_teaser_grid.wpb_content_element, .wpb_teaser_grid .wpb_content_element{margin: 0 0 !important;}

	#section-tophat, #section-header, #section-page-caption, #section-content, #section-footer, #section-sub-footer {
	    overflow: hidden !important;
	}
	#section-header .bottom-border {
    border-bottom: 0px dotted rgba(0, 0, 0, 0.15);
    padding-bottom: 20px;
	}
	#menu{display: none;}


	#section-tophat .search {
	    margin-right: 0;
	}
	
	.wpb_carousel .prev {
	    right: auto !important;
	    left: 0px !important;
	}
	.wpb_carousel .next {
	    right: 0px !important;
	    left: auto !important;
	}
	.wpb_carousel .prev, .wpb_carousel .next {
	    top: 42% !important;
	    padding: 10px 15px !important;
	    border: 1px solid #ccc;
	    border: 1px solid rgba(0,0,0,0.2);
	}

	#section-header, #section-header .container{overflow: visible;}
	#section-sub-footer{position: relative; bottom: 0; display: block;}
	#section-sub-footer .colophon {display: none;}
	
	#section-content .container {margin-top: -40px;}
	.ls-wp-fullwidth-container{margin-top: 75px;}
	
	#section-header .container, #section-content .container{border: 0px solid #FFF;}
	#section-content p, #section-content h1, #section-content .wpcf7, #section-content h2{padding: 0 10px;}
	.home .page-caption {margin: 10px 0 65px;}
	
	h1.page-caption .spacer {display: none;}
	h1.page-caption span{display: block;}
	.page-caption {line-height: 4.5rem;}
	
	
	#section-header .boxing:before {
	    background: none !important;
	}

	#section-tophat {
	    display: block;
	    height: 50px;
	    margin: -10px -15px 23px;
	    padding: 10px 0 10px 15px;
	}
	
	#section-tophat fieldset{margin-bottom: 0px;}
	#section-tophat .social {
	    float: none;
	    padding: 9px 5px;
	    position: relative;
	    text-align: right;
	}
	#section-tophat ul.social{margin-right: 25px;}
	
	#section-tophat .search input.field {
	    background-position: 10px 17px;
	    height: 51px;
	    margin: -5px -5px 0 0 !important;
	}
	#section-tophat .search input.field:focus {width: 100px;}
}

/* Mobile Landscape Size to Tablet Size  */ 
@media only screen and (min-width: 480) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */ 
@media only screen and (max-width: 479px) {}