/* ======================================================= */
/* 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. */


/* Mods for the Header Area */
#section-header h1.site-title, .page-caption strong{font-weight: 700;}
.page-caption {margin: 60px 0 80px; line-height: 5.8rem;}
.home .page-caption {margin: 60px 0 35px;}
.page-caption, .action_button_wrapper{text-align: left;}
h1.page-caption span { 
	background: rgb(0, 0, 0) !important; /* fallback color */
	background: rgba(0, 0, 0, 0.8) !important;
	padding: 5px 15px !important; 
	color: white !important;
}

#section-slider .tp-caption.medium_text{
	font-size: 38px !important;
	background: rgb(0, 0, 0) !important; /* fallback color */
	background: rgba(0, 0, 0, 0.8) !important;
	padding: 15px 15px !important; 
	color: white !important;
}

h1.page-caption .spacer {
   padding:0 8px;
   display: inline;
}

.module-meta{text-align: center;}
.home .module-meta{text-align: left;}

h3.module-headline {
    font-size: 1.6rem;
    margin: 5px 0;
    text-transform: uppercase;
}

#section-sub-footer{z-index: 2;}

.action_button_wrapper {padding-bottom: 45px;}
.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;
}

.action_button_wrapper *{
	   -moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

.action_button a{opacity: 0.9;}
.action_button a:hover{
	opacity: 1;
	border: 2px solid rgba(255, 255, 255, 1);
}

.action_button a:hover{color: white;}
.tp-button{padding: 10px !important;}

/* Fixed Header - This is supplemented by the skeleton-key.js scripting. */
#section-header{
	z-index: 90; 
	position: fixed; 
	top: 0px; 
	padding: 35px 0;
	   -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.super-container:nth-child(2){padding-top: 120px;} /* Padding for the first super-container after the header. This gets ultimately overridden by the jQuery */

/* Float Nav to the Right */
.site-title-wrapper {display: inline-block;}
.site-title-wrapper h1{margin: 0px;}
#menu {float: right;}
.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;
}

.sf-menu > li:hover a strong {
    color: #FFF;
}

.sf-menu .sub-menu{z-index: 9999;}
.pptwj ul, .pptwj li{list-style: none !important;}

/* Mods for the Post Grid */
#skeleton-container .module-container {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
#skeleton-container .hybrid-module{border-bottom: 1px dashed #DDDDDD;}

#skeleton-container a[rel~="category"]{
	color: #aaa !important;
	background: transparent !important;
    font-size: 1.3rem !important;
    font-weight: 500;
    padding: 2px 8px;
}

/* Mods for the Advanced Scroller */
.category_row .module-meta h3 {
    font-size: 1.7rem;
    margin: -5px 0;
}

.category_row h3{text-align: center; margin-bottom: 20px; text-transform: uppercase;}

.advancedscroller .bulletsCon {
    margin: -35px auto 12px;
}


/* 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;
}


/* REVOLUTION SLIDER */
.tp-caption.big_white{
			font-weight: 200 !important; 
			font-size: 6rem !important; 
			line-height: 90% !important; 								
		}
.tp-caption.medium_grey {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}





/* ======================================================= */
/* #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) {
	#section-sub-footer{position: relative; bottom: 0; display: block;}
	#section-sub-footer .colophon {
    display: none;
	}
	
	h1.page-caption .spacer {display: none;}
	h1.page-caption span{display: block;}
	.page-caption {line-height: 4.5rem;}
}

/* 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) {}