/*
Theme Name: Boone County Fire Protection District Theme
Theme URI: http://www.mayecreate.com/
Author: Tim Scheman, Tyler Ernst, Creative Director Monica Pitts
Author URI: http://www.mayecreate.com/
Description: Parent Theme built on Bootstrap v3.3.5. Updated to 5.1.3 on 09-15-22 - TE
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
font-family: 'Oswald', sans-serif;
font-family: 'Droid Sans', sans-serif;
*/

html {
	background: none;
	font-size:62.5%;
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: 'Droid Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem; /* 10 ÷ $rembase */
	color:#1F1F1F;
	font-weight: 400; /* normal */
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}
#navbarTop.navbar, #navbarBottom.navbar {
    padding: 0;
}
/* .container {
	max-width: 100% !important;
} */
.container.wide {
	max-width: 1550px !important;
	width: 98%;
}
#resources .container, .blue_bg .container {
	max-width: 1024px;
}
.noshow {
	display:none !important;
}
#navigation .container {
	display: block;
}


/* PRINT STYLE SHEET
==========================================	*/
@media print {
	a:link:after, a:visited:after {    
		content: "";  
	}
	#mobile_menu {
		display:none !important;
	}
} 

/* GLOBAL STUFF
==========================================	*/
.cleared, .clear {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}
form {
	padding:0 !important;
	margin:0 !important;
}
.search ol.breadcrumb li {
	display:none;
}
.error404 .entry-title, .search .entry-title {
	margin-top:30px;
}
#red-ticket-item {
	background:#98252A;
	padding:20px 0;
}
#red-ticket-item .container * {
	color:#fff !important;
	margin:0 !important;
}
iframe body {
	background:none !important;
}
.center {
	text-align: center !important;
}

/* LINKS: Change the colors of your links here.  These will change he navigation as well.
* To override these color in navigation change the colors in the style-tablet.css file.
==========================================	*/

a, a:link, a:visited {
	color: #006CD8;
	text-decoration:none; 
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
a:hover, a:active, a:focus{
	color: #003C77;
	text-decoration:underline; /* change to none if you don't want links to be underlined wehn hovered */
}

/* TYPOGRAPHY: HEADINGS
==========================================  */
.page-header {
	margin-top: 0;
	border-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 120%;
	margin: 0;
	margin-bottom: 15px;
	-webkit-font-smoothing: antialiased;
	margin-top:0;
}
h1, h1.entry-title, .h1 {
	font-family: 'Oswald', sans-serif;
	color:#1F3263;
	font-size:40px;
	font-size:4.0rem;
	margin-top:20px;
}
h2, .h2 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	color:#98252A;
	font-size:30px;
	font-size:3.0rem;
}
h3, .h3 {
	font-family: 'Oswald', sans-serif;
	color:#1F3263;
	font-size:30px;
	font-size:3.0rem;
}
h4, .h4 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	color:#98252A;
	font-size:25px;
	font-size:2.5rem;
}
h5, .h5 {
	font-family: 'Oswald', sans-serif;
	color:#1F3263;
	font-size:25px;
	font-size:2.5rem;
}
.grey_wrapper h5 {
	color:#98252A;
}
h6, .h6 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	color:#1F3263;
	font-size:20px;
	font-size:2.0rem;
}
.red {
	color:#98252A;
}

/* TYPOGRAPHY: PARAGRAPHS
==========================================  */
p, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-size: 18px;
	font-size: 1.8rem; /* 10 ÷ $rembase */
	margin:0 0 20px 0;
	font-weight:normal;
}
p:empty {
	margin-bottom: 0 !important;
}

/* TYPOGRAPHY: LIST ITEMS
==========================================  */
ol, ul {
	margin:20px 0 20px 45px;
	padding:0;
}
ul {
	list-style-type: none;
	list-style-position:outside;
}
ol {
	list-style-position:outside; 
}
li ol, li ul {
	margin:15px 0 15px 45px;
	padding:0;
}
li {
	margin:15px 0;
	padding:0;
}
ul li {
	padding-left:0;
	list-style-image:url(img/ul_li.png);
}
ol li {
    counter-increment: count-me;
	list-style:none;
}
ol li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    top: .05em;
    color: #98252A;
    font-weight: 700;
}


/* HEADER
==========================================  */
#branding-container {
	margin:0;
	margin-left: 4%;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
	padding-top: 0px;
	padding-bottom: 10px;
	width: 70%;
	max-width: 200px;
}
#branding-container a.brand{
	text-transform: uppercase;
	font-size: 20px;
	color: #000000;
}
#branding-container a.brand img.site-logo{
	display: block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
}
#aboveNav{
	position: relative;
	height:0;
	z-index:1;
}
#aboveNav #branding-container{
	position:absolute;
	top: -9px;
	left: 15px;
	width: 75%;
	max-width: 225px;
	margin: auto;
	z-index: 1100;
}

/* HEADER IMAGE
==========================================  */
div#homefeatured {
	border-bottom:10px solid #98252A;
}
.slideDesc {
	display:none;
}
#internalfeatured {
	width:100%;
	height:150px;
	position:relative;
	overflow:hidden;
}
#internalfeatured img {
	/*max-width:100%;*/
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:-50%;
	right:-50%; 
	margin:auto;
}

/* NAVIGATION
==========================================  */
#navbarTop{
	display: block;
	min-height:20px;
	/*background:rgba(34,34,34,.8);*/
	background:rgba(34,34,34,1);
	border:0 none;
	margin-bottom:0;
}
#top_nav {
	display:none;
	position:relative;
	z-index:2;
}
#navbarBottom { /* Main Navbar */
	display: block;
	/*background:rgba(31,50,99,.8);*/
	background:rgba(31,50,99,1);
	position:relative;
	z-index:1;
	min-height:75px;
	border:0 none;
}
#main_nav {
	display: none;
}
#child_nav {
	background:#98252A;
	min-height:10px;
}
#child_nav .subnav {
	display:none;
}

/* NAVIGATION:: Slide Out Drawer
==========================================  */
#mobile_menu {
	display: block;
    position: absolute;
	float: right;
	height: 60px;
	right: 2%;
	top: 0;
	bottom: 0;
	margin: auto;
}
#mobile_menu select {
	width:85%;
	display:block;
	margin: 10px auto;
}
.nav-button{
	display: block;
	position: absolute;
	overflow: hidden;
	/* margin: 0; */
	/* padding: 0; */
	width: 48px;
	height: 48px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.nav-button:focus {
	outline: none;
}
.nav-button span {
	display: block;
	position: absolute;
	top: 22px;
	left: 11px;
	right: 11px;
	height: 2px;
	background: #fff;
}
.nav-button span::before,
.nav-button span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	content: "";
}
.nav-button span::before {
	top: -8px;
}
.nav-button span::after {
	bottom: -8px;
}
.nav-button-x{
	background-color: transparent;
}
.nav-button-x span {
	-webkit-transition: background 0s 0.3s;
	-moz-transition: background 0s 0.3s;
	-o-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}
.nav-button-x span::before,
.nav-button-x span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	-moz-transition-duration: 0.3s, 0.3s;
	-o-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	-moz-transition-delay: 0.3s, 0s;
	-o-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}
.nav-button-x span::before {
	-webkit-transition-property: top, -webkit-transform;
	-moz-transition-property: top, -moz-transform;
	-o-transition-property: top, -o-transform;
	transition-property: top, transform;
}
.nav-button-x span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	-moz-transition-property: bottom, -moz-transform;
	-o-transition-property: bottom, -o-transform;
	transition-property: bottom, transform;
}

/* NAVIGATION:: Slide Out Drawer (Open)
==========================================*/
.mm-opened .nav-button-x {
	background-color: transparent;
}
.mm-opened .nav-button-x span {
	background: none;
}
.mm-opened .nav-button-x span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color:#F6CC1F;
}
.mm-opened .nav-button-x span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color:#F6CC1F;
}
.mm-opened .nav-button-x span::before,
.mm-opened .nav-button-x span::after {
	-webkit-transition-delay: 0s, 0.3s;
	-moz-transition-delay: 0s, 0.3s;
	-o-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}
.mm-menu {
 	background: #ffffff;
 	color: #1F3263;
	font-family: 'Oswald', sans-serif;
}
.mm-listview > li > a, .mm-listview > li > span {
	font-size: 16px; /* change size of text in drawer menu here */
	text-transform: uppercase;
	white-space:normal;
}
.mm-listview > li.active{
	background: #1F3263;
}
.mm-listview > li.active > a{
	color: #ffffff;
}
.mm-menu .mm-header > a {
 	color: #cb0032;
	text-transform: uppercase;
}


/* NAVIGATION:: Slide Out Drawer Searcch Box
==========================================  */
.mm-menu > .mm-panel {
    padding-top: 55px;
}
#drawer-menu .form-group {
    z-index: 1000;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 10px 10px 10px 20px;
}

#drawer-menu .form-group .form-control {
    width: 80%;
    float: left;
    margin-right: 1%;
}
.mm-menu > .mm-panel > .mm-listview.mm-last.sub-menu {
	padding-top:50px;
}
.mm-header {
	top:50px;
}


/* FOOTER 
==========================================  */
#footer_nav{
	display: none;
}

/* NAVIGATION: SCROLL STICK 
==========================================  */
@keyframes affixFadeIn{
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes affixFadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

#navigation.affix-top{
	z-index: 999;
	position: absolute;
	width: 100%;
}
#navigation.affix{
	animation: affixFadeIn 1s  ease-in;
	-webkit-animation: affixFadeIn 1s;
	border:none;
	z-index: 100;
	width:100%;
	position:fixed;
}

/* NAVIGATION: BREADCRUMB
==========================================  */
.breadcrumb {
	display: none;
	background:none;
	padding:0;
}
.breadcrumb li {
	color:#98252A;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:15px;
	font-size:1.5rem;
	text-transform:uppercase;
}
.breadcrumb li:before {
	display:none !important;
}
.breadcrumb li:first-child .bread_sep {
	display:none;
}


/* CONTENT SECTIONS
==========================================	*/
#homeContentWrap, #contentwrap{
	min-height: 500px;
}
#contentWrap, #page, #station_page {
	padding-top: 0;
	padding-bottom:0;
}
.hfeed {
	padding-bottom:25px;
}
#station_page .site.container {
	/*margin-top:-80px;*/
	position:relative;
	z-index:2;
}
#station_page .site.container:after {
	background:url(img/body_bg.jpg) center center repeat fixed;
	content:'';
	width:100% !important;
	margin:0 !important;
	height:100%;
	position:absolute;
	opacity:.8;
	z-index:1;
	top:0;
	left:0;
	display:block;
}
#station_page #station_inner {
	position:relative;
	z-index:2;
}
#internalfeatured.staion_header_image {
	position:relative;
	z-index:1;
	height:150px;
	overflow:hidden;
}
#internalfeatured.staion_header_image img {
	width:100% !important;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
}
#homeContentWrap.scroll, #contentwrap.scroll{
	padding-top:95px;
}
#contentwrap .child{
	outline: 1px solid yellow;
	min-height: 25vh; /* this will come in handy if you want the child page sections to be full screen height */
	padding-top: 2vw;
	padding-bottom: 2vw;
}
.station_wrapper {
	margin-bottom:20px;
}

/* CALLOUTS
==========================================  */
#callouts{

}
#callouts a[role="button"]{
    position: relative;
    display: block;
	padding:  0;
	margin-bottom: 35px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
   	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#callouts a[role="button"]:hover{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 2px 10px 0 rgba(0, 0, 0, .5);
}
#callouts a[role="button"] h2{
    position: absolute;
    color: blue;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
   	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	bottom: 0;
    left: 5%;
    right: 5%;
    color: #ffffff;
}
#callouts a[role="button"]:hover h2{
	color: #000000;
}
#callouts a[role="button"] p{
	/* Style the callout body text here */
}
#callouts a[role="button"]:hover p{
	/* Style the hover state of the callout body text here */
}
#callouts a[role="button"] img{
	position: relative;
	width: 100%;
	padding: 0;
}



/* BLOG
==========================================  */
.card {
	display: block;
	padding:  0;
	margin-bottom: 35px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
   	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.card:hover, .card:focus {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 2px 10px 0 rgba(0, 0, 0, .25);
}
.card-image {
	padding:  0;
	position: relative;
	width: 100%;
}
.card-image img{
	width: 100%;
	height: auto;
}
.cardTitle{
	position: absolute;
	bottom: 18%;
	left: 5%;
	right: 5%;	
}
.cardTitle a{
	font-family: 'Roboto', sans-serif;
	color: #ffffff; 
	font-weight: 300;
}
.card-content{	
	padding: 5%;
	color: #000000;
}
.card-image .postDate{
	position: absolute;
	bottom: 10%;
	left: 5%;
	color: #ffffff;
	font-weight: 300;
}
.card-image .postCat{
	position: absolute;
	bottom: 3%;
	left: 5%;
	color: #ffffff;
	font-weight: 300;
}
.card-image .postCat a{
	color: #ffffff;
	font-weight: 300;
}


/* SIDEBARS
==========================================  */
.sidebarSection{
	display: block;
	padding:  0;
	margin-bottom: 35px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
   	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.sidebarSection .sidebarTitle{
	margin: 0;
	padding:  5%;
	background: #6d9e42;
	color: #fff;
}
ul.categoryList, 
ul.archiveYearList, 
ul.archiveYearList .archive-sub-menu{
}

ul.categoryList li,
ul.archiveYearList li, 
ul.archiveYearList .archive-sub-menu li{
	padding: 0;
}
ul.categoryList li a,
ul.archiveYearList li a, 
ul.archiveYearList .archive-sub-menu li a{
	display: block;
	padding: 0;
	border-bottom: none;
}
ul.archiveYearList .archive-sub-menu li a{
	display: block;
	padding:0;
	border-bottom: none;
}

/* FOOTER
==========================================  */
footer.site-footer {
	background-color: #eee;
	padding-top: 20px;
	padding-bottom: 0;
	border-top:10px solid #98252A;
}
footer > .container {
	padding-bottom:20px;
}
footer.site-footer .aside{
	padding-top: 0;
	padding-bottom: 0;
}
#credits {
	background:#222222;
	padding:15px 0;
	text-align:center;
}
#credits p {
	color:#EEEEEE;
	font-size:16px;
	font-size:1.6rem;
	margin:0;
	padding:0;
}
#credits a:link, #credits a:visited {
	color:#EEEEEE;
}
#credits a:hover, #credits a:active {
	color:#fff;
}
#credits span {
	display:block;
	height:0;
	overflow:hidden;
}
footer .menu {
	display:none;
}
#news_feed_signup, .dark_grey_wrapper {
	background:#222222;
	padding:30px 0;
}
.red_wrapper {
	background: #98252A;
	padding: 30px 0;
}
#news_feed_signup h2, .dark_grey_wrapper h2, .red_wrapper h2 {
	text-align:center;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	font-size:40px;
	font-size:4.0rem;
}
.dark_grey_wrapper h3, .red_wrapper h3 {
	text-align:center;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	font-size:30px;
	font-size:3.0rem;
}
.red_wrapper h2, .red_wrapper h3 {
	margin-bottom: 0;
}
#news_feed_signup .with_frm_style .frm_submit {
	text-align:center;
}
#news_feed_signup .frm_ajax_loading {
	display:none;
}
#news_feed_signup .frm_style_formidable-style.with_frm_style input[type=submit] {
	background:#F6CC21;
	color:#1F1F1F;
	border-color:#F6CC21;
	text-align:center;
}
#news_feed_signup .frm_style_formidable-style.with_frm_style input[type=submit]:hover, #news_feed_signup .frm_style_formidable-style.with_frm_style input[type=submit]:active {
	background:#222222;
	color:#F6CC21;
}
#weather_and_social_feed {
	padding:30px 0;
}
#weather_and_social_feed h2, .nws-alerts-heading h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	line-height:1.5 !important;
	border-bottom:1px solid #1F3263;
	padding-bottom:5px;
}	
.nws-alerts-heading .nws-alerts-heading-scope {
	font-size:30px !important;
	font-size:3.0rem !important;
}	
#weather_and_social_feed h2 i {
	font-size:35px;
	font-size:3.5rem;
}
#cff .cff-item {
	border-bottom:1px solid #1F3263;
}
#cff.cff-default-styles .cff-author .cff-author-text * {
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	color:#1F3263;
} 
#cff .cff-author img {
	border-radius:8px;
}
#cff .cff-author {
	margin-bottom:0;
}
.nws-alerts-heading .nws-alerts-event, .nws-alerts-event {
	color:#1F3263;
}
.nws-alerts-collapsible .nws-alerts-heading {
	float:none;
}
footer.site-footer a:hover img {
	box-shadow:none !important;
}
/* IMAGES
==========================================	*/
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	max-width:100%;
	height: auto;
	float:none;
	display:block;
	margin: 10px auto 16px auto;
}
#page img, #station_page img, .grey_wrapper img, .normal_wrapper_break img {
	box-shadow: 0 0 7px 4px rgba(0,0,0,.15);
	margin-bottom:16px;
	max-width:100%;
	height:auto;
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
a:hover img {
	box-shadow:0 0 7px 4px rgba(0,0,0,.25) !important;
}
#branding-container a.brand:hover img.site-logo {
	box-shadow:none !important;
}
#page img.no-shadow, img.no-shadow, a:hover img.no-shadow {
	box-shadow:none !important;
}
img.circle {
	border-radius:50%;
}

/* Text meant only for screen readers.
==========================================	*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* BUTTONS: From Shortcodes
==========================================  */
a.btn-mayecreate, a.btn-mayecreate:link, a.btn-mayecreate:visited, a.btn-mayecreate.blue:link, a.btn-mayecreate.blue:visited, .grey_wrapper.quick_link a:link, .grey_wrapper.quick_link a:visited {
	background-color:#1F3263;
	border-radius: 0;
	border: 3px solid #1F3263;
	display: block;
	width: 100%;
	max-width: 300px;
	padding:10px 15px;
	font-size: 20px;
	font-size:2.0rem;
	font-weight:700;
	margin: 25px auto;
	text-align: center;
	color:#fff;
	text-transform:uppercase;
}
a.btn-mayecreate.large:link, a.btn-mayecreate.large:visited {
	max-width: 100%; 
}
a.btn-mayecreate:hover, a.btn-mayecreate:active, a.btn-mayecreate:focus, a.btn-mayecreate.blue:hover, a.btn-mayecreate.blue:active, .grey_wrapper.quick_link a:hover, .grey_wrapper.quick_link a:active {
	background-color: #fff;
	border-radius: 0;
	border: 3px solid #1F3263;
	color:#1F3263;
	text-decoration:none;
}
a.btn-mayecreate.red:link, a.btn-mayecreate.red:visited {
	background-color:#98252A;
	border: 3px solid #98252A;
}
a.btn-mayecreate.red:hover, a.btn-mayecreate.red:active {
	background:#fff;
	border: 3px solid #98252A;
	color:#98252A;
}
a.btn-mayecreate.yellow:link, a.btn-mayecreate.yellow:visited {
	background-color:#F6CC21;
	border: 3px solid #F6CC21;
	color:#222222;
}
a.btn-mayecreate.yellow:hover, a.btn-mayecreate.yellow:active {
	background:#fff;
	border: 3px solid #F6CC21;
	color:#222222;
}
a.btn-mayecreate.small, a.btn-mayecreate.small:link {
	padding:5px;
}
a.btn-mayecreate.table {
	display:table;
	width:auto;
}
a.btn-mayecreate.left {
	display:block;
	width:auto;
	float:left;
	margin-right:15px;
}
a.btn-mayecreate.full, .grey_wrapper.quick_link a:link, .grey_wrapper.quick_link a:visited {
	max-width:100%;
}
.grey_wrapper.quick_link a:link, .grey_wrapper.quick_link a:visited {
	margin:0 auto;
}
a.btn-mayecreate.nomargin {
	margin:0 auto 10px auto;
}
.footer_logo {
	margin-top:0 !important;
	width:150px;
}

/* BUTTONS: More
==========================================  */

a.more-link, a.more-link:link, a.more-link:visited{
	background-color:#1F3263;
	border-radius: 0;
	border: 3px solid #1F3263;
	display: block;
	width: 100%;
	max-width: 170px;
	padding:8px 15px;
	font-size: 20px;
	font-size:2.0rem;
	font-weight:700;
	margin: 0 auto 25px auto;
	text-align: center;
	color:#fff;
	text-transform:uppercase;
} 
a.more-link:hover, a.more-link:active, a.more-link:focus{
	background-color: #fff;
	border-radius: 0;
	border: 3px solid #1F3263;
	color:#1F3263;
	text-decoration:none;
}




/* Social Media Icon Links
============================================*/
ul.social{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	display: block;
	text-align:center;
}
ul.social li {
    display: inline-block;
    padding-left: .4em;
    padding-right: .4em;
	margin:0;
}
ul.social li a .fa {
    font-size: 40px;
	font-size:4.0rem;
    color: #98252A;
}
ul.social li a:hover .fa {
    color: #1F3263;
}

/* Collapsing Content
==========================================  */
.collapsingContent h2{
	position:relative; 
	padding-left: 30px;
}
.collapsingContent h2::before{
	position:absolute; 
	width: 100px; 
	height: 100%; 
	content: '\f056'; 
	font-family: FontAwesome; 
	left: 0; 
	color: #6c9e41;
}
.collapsingContent h2.collapsed::before{
	position:absolute; 
	content: '\f055'; 
	font-family: FontAwesome; 
	color: #6c9e41;
}

/* Responsive Videos
============================================*/
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive-item{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
}
.embed-responsive-16by9{
	padding-bottom: 56.25%;
	position: relative;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
    position: relative;
}

/* FEATURE POSTS
==========================================  */
#featuredPosts{
	/* Place to customize the home page featured posts */
}

/* HOME PAGE: FEATURE BOXES
==========================================  */
#callouts{
	/* Place to customize the home page callouts */
}

 
/* PAGE OF PAGES: NAVIGATION
==========================================  */
#childpageNav{
	position: fixed;
	z-index: 999999;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 175px;
	width: 50px;
	outline: 1px solid #000;
	background: #ffffff;
}
#childpageNav li a{
	display: block;
	width: 15px;
	height: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 50%;
	border: 2px solid #6c9d30;
}
#childpageNav li a:hover{
	text-decoration: none;
	border: 2px solid #000000;
	background: #000000;
}
#childpageNav li a:active, #childpageNav li a:focus{
	text-decoration: none;
	background: #6c9d30;
}

/* Featured Image Slider
==========================================	*/
#featuredPostsSlider{
	margin-top: 5vh;
	padding-top: 5vh;
	padding-bottom: 5vh;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#featuredPostsSlider h2{
	padding-bottom: 2vh;
}

#featuredPostsSlider #lightSlider li{
	height: auto;
}

.lSSlideWrapper.usingCss{
	position: relative;
}

.lightSlider.lsGrab.lSSlide li{
	padding: 0;
}

.lSAction .lSPrev{
	background: url(img/left.png) no-repeat;
    background-size: contain;
	height: 90px;
    margin-top: 0;
    top: 0;
    left: 1%;
    bottom: 0;
    margin: auto;
}
.lSAction .lSNext{
	background: url(img/right.png) no-repeat;
    background-size: contain;
	height: 90px;
    margin-top: 0;
    top: 0;
    right: 1%;
    bottom: 0;
    margin: auto;
}
.divider {
	width:90%;
	border-bottom:1px solid #98252A;
	margin:25px auto; 
}
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_form_submit_style, .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
	text-transform:uppercase;
	box-shadow:none;
	font-weight:700;
}

/* PAGE ITEMS
================================ */
.staff_post {
	text-align:center;
	margin-bottom:25px;
}
.staff_post p {
	margin-bottom:0;
}
.staff_post:nth-child(3n+1){
    clear:left
}
.station_title {
	color:#fff;
	background:#98252A;
	text-align:center;
	display:table;
	padding:15px 25px;
	font-family: 'Oswald', sans-serif;
	font-size:50px;
	font-size:5.0rem;
	text-transform:uppercase;
	margin:-35px auto 20px auto;
}
.station_subnav {
	display:none;
}
.collapseomatic {
	font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    color: #98252A;
    font-size: 30px;
    font-size: 3.0rem;
	background:url(img/collapse.png) top left no-repeat;
	padding-left:35px;
	margin-bottom:0;
	padding-bottom:15px;
}
.colomat-hover {
	background:url(img/collapse_hover.png) top left no-repeat;
	color:#1F3263;
}
.colomat-close {
	background:url(img/collapse_close.png) top left no-repeat;
	color:#1F3263;
}
#ctf .ctf-item:first-child {
	padding-top:0;
}
#ctf .ctf-author-name, #ctf.ctf-styles .ctf-author-screenname {
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-size:1.6rem;
	color:#1F3263 !important;
	font-weight:normal !important;
	display:block;
	float:left;
	width:79%
}
#ctf .ctf-screename-sep {
	display:none !important;
}
#ctf.ctf-styles .ctf-tweet-meta {
	display:block;
	float:right;
}
#ctf.ctf-narrow .ctf-tweet-content {
	float:none;
	clear:both;
	margin-left:0;
}
#ctf .ctf-item {
	border-top:0 none;
	border-bottom:1px solid #1F3263;
}
.board_post h4 {
	margin-bottom:0;
	text-align:center;
	text-transform:uppercase;
}
#searchform input {
	width:100%;
	display:block;
	padding:5px;
	margin-bottom:10px;
}
#blogArchiveList > ul {
	margin-left:0;
}
#blogArchiveList > ul > li {
	list-style:none;
	padding-left:30px;
	background:url(img/date_archive.png) 0 2px no-repeat;
}
#blogArchiveList > ul > li.active {
	background:url(img/date_archive_open.png) 0 2px no-repeat;
}
#blogArchiveList > ul > li.active > a {
	font-weight:700;
}
.grey_wrapper {
	background:#D3D1D1;
	border-top:10px solid #98252A;
	padding:30px 0;
}
.normal_wrapper_break {
	padding:30px 0;
}
.blue_leader_wrapper, .red_leader_wrapper, .white_leader_wrapper {
	text-align:center;
}
.blue_leader_wrapper img, .red_leader_wrapper img, .white_leader_wrapper img {
	border-radius:50%;
	border-width:12px;
	border-style:solid;
	max-width:230px !important;
	height:auto;
	margin:0 auto 10px auto;
	box-shadow:3px 3px 7px 2px rgba(0,0,0,.15);
}
.blue_leader_wrapper a:hover img, .red_leader_wrapper a:hover img, .white_leader_wrapper a:hover img {
	box-shadow:3px 3px 7px 2px rgba(0,0,0,.35) !important
}
.blue_leader_wrapper img {
	border-color:#1F3263;
}
.blue_leader_wrapper a:hover img {
	border-color:#3759B3;
}
.red_leader_wrapper img {
	border-color:#98252A;
}
.red_leader_wrapper a:hover img {
	border-color:#60171B;
}
.white_leader_wrapper img {
	border-color:#fff;
}
.white_leader_wrapper a:hover img {
	border-color:#EEEEEE;
}





/* CUSTOM PAGE SECTIONS: Memeber Page Bottom
===================================================  */
#memberContent{
	padding-top: 3vw;
}
#memberContent h2{
	display: relative;
	line-height: 1.4em;
}
#memberContent h2::before{
	content: '\f1fe'; 
	font-family: FontAwesome; 
	padding-right: 5px;
}
/* CUSTOM PAGE SECTIONS: Resources Bar
===================================================  */
#resources, .blue_bg{
	position: relative;
	padding-top: 3vw;
	padding-bottom: 1.5vw;
	background: url(img/background-truck.jpg) center center;
	background-size: cover;
}
#resources::after, .blue_bg::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(31,50,99, .8);
	z-index: 1;
}
#resources .container, .blue_bg .container{
	position: relative;
	z-index: 10;
}
#resources h3, .blue_bg h3, .blue_bg h2 {
	font-weight: bold;
	color: #ffffff;
}
#resources div.column:first-child h3::before{
	content: '\f07c'; 
	font-family: FontAwesome; 
	padding-right: 5px;
}
#resources div.column:last-child h3::before{
	content: '\f15b'; 
	font-family: FontAwesome; 
	padding-right: 10px;
}
#resources ul{
	padding: 0;
	margin: 0;
	max-width: 100%;
}
#resources ul li{
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
    list-style-image: none;
}
#resources ul li a, .blue_bg a:link, .blue_bg a:visited {
	padding-top: 8px;
	padding-bottom: 8px;
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight:700;
}
.blue_bg a.no_button:link, .blue_bg a.no_button:visited {
	display:inline;
	padding:0;
	border:0 none;
	font-size:18px;
	font-size:1.8rem;
	text-transform:none;
}
#resources ul li a:hover, .blue_bg a:hover, .blue_bg a:active {
	text-decoration: none;
	background: rgba(255,255,255,.75);
	border: 1px solid #ffffff;
	color: #1F3263;
}
.blue_bg a.no_button:hover, .blue_bg a.no_button:active {
	background:none;
	color:#ccc;
	border:0 none;
}
.home .blue_bg .col-md-4:first-child .more-link {
	display:none !important;
}
.blue_bg h2 a:link, .blue_bg h2 a:visited, .blue_bg h3 a:link, .blue_bg h3 a:visited, .blue_bg h4 a:link, .blue_bg h4 a:visited {
	border:0 none;
	text-align:left;
	font-size:inherit;
	padding:0;
	background:none;
	text-transform:inherit;
	margin:0;
	display:inline;
}
.blue_bg h2 a:hover, .blue_bg h2 a:active, .blue_bg h3 a:hover, .blue_bg h3 a:active, .blue_bg h4 a:hover, .blue_bg h4 a:active {
	color:#ddd;
	text-decoration:underline;
}
#resources a.more-link{
	max-width: 100%;
	background: #F6CC21;
	border: 1px solid transparent;
	font-size: 20px;
	color: #1F3263;
}
#resources a.more-link:hover{
	background: transparent;
	border: 1px solid #F6CC21;
	color: #ffffff;
}
.mapp-layout, .wpgmza_map {
	margin:0 !important;
	border:0 none !important;
	border-bottom:10px solid #98252A !important;
	overflow:hidden;
	position:relative !important;
}
.mapp-layout .mapp-canvas, #wpgmza_map_1 {
	height:200px !important;
}
#TB_caption {
	height:auto !important;
}
.op_wrapper {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:180px;
}
.op_wrapper.paid_position {
	background-image:url(img/position_paid.png);
	background-position:25px 25px;
	background-repeat:no-repeat;
}
.op_wrapper.vol_position {
	background-image:url(img/position_vol.png);
	background-position:25px 25px;
	background-repeat:no-repeat;
}
.op_wrapper h5 {
	font-size:18px;
	font-size:1.8rem;
}
.op_wrapper:nth-child(even) {
	background-color:#F4F4F0;
	box-shadow:4px 4px 8px 0px rgba(0,0,0,.15);
}
blockquote {
	margin:45px auto 65px auto;
	width:80%;
	padding:0;
	position:relative;
}
blockquote:before {
	width:43px;
	height:26px;
	position:absolute;
	top:-20px;
	left:-50px;
	content:'';
	background:url(img/blockquote_before.png) center center no-repeat;
}
blockquote:after {
	width:43px;
	height:26px;
	position:absolute;
	bottom:-20px;
	right:-50px;
	content:'';
	background:url(img/blockquote_after.png) center center no-repeat;
}
blockquote p {
	margin:0;
	font-weight:700;
	color:#1F3263;
	line-height:160%;
}
.callout {
	padding:25px 20px;
	background:#98252A;
	color:#fff;
}
.callout h2, .callout h3, .callout h4, .callout h5, .callout h6, .blue_bg h2, .blue_bg h3, .blue_bg h4, .blue_bg h5, .blue_bg h6, .blue_bg p, .blue_bg li {
	color:#fff;
}
.callout a:link, .callout a:visited {
	color:#F6CC1F;
}
.callout a:hover, .callout a:active {
	color:#ddd;
}
.callout p:last-child {
	margin-bottom:0;
}
table h5 {
	margin:0;
}
table td {
	padding:5px 10px;
}
.blue_bg .frm_style_formidable-style.with_frm_style label.frm_primary_label, .blue_bg .frm_style_formidable-style.with_frm_style.frm_login_form label, .blue_bg .frm_style_formidable-style.with_frm_style .frm_required, .blue_bg .frm_style_formidable-style.with_frm_style p.description, .blue_bg .frm_style_formidable-style.with_frm_style div.description, .blue_bg .frm_style_formidable-style.with_frm_style div.frm_description, .blue_bg .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .blue_bg .frm_style_formidable-style.with_frm_style .frm_error {
	color:#fff;
}
.blue_bg .frm_style_formidable-style.with_frm_style input[type=submit] {
	background-color:#F6CC21;
	border: 3px solid #F6CC21;
	color:#222222;
}
.blue_bg .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .blue_bg .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .blue_bg .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover {
	background:#fff;
	border: 3px solid #F6CC21;
	color:#222222;
}
.img_caption_wrapper {
	position:relative;
	margin:0 auto 15px auto;
}
.img_caption_wrapper a:link, .img_caption_wrapper a:visited {
	padding:0;
	margin:0;
	border:0 none;
	background:none;
}
.img_caption_wrapper img {
	display:block;
	margin:0;
	padding:0;
}
.img_caption_wrapper h3 {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:8px 4px;
	background:rgba(95,27,29,.6);
	font-weight:400;
	margin:0;
	font-size:25px;
	font-size:2.5rem;
}
#Headersearchform {
	display:none;
}
.board_post a.btn-mayecreate {
	margin-top:10px;
	margin-bottom:40px;
}
.col-md-6:nth-child(odd) {
	clear:left;
}
.col-md-4:nth-child(3n+1){
    clear:left !important;
}
.hw_step.collapseomatic {
	padding: 50px 0;
	background: none;
}
.step_inner_wrapper:nth-child(odd) .hw_step {
	background: rgba(152,37,42,.2);
}
.step_inner_wrapper .hw_step.colomat-hover, .step_inner_wrapper .hw_step.colomat-close {
	background: #1F3263;
	color: #fff;
}
.hw_step .hw_step_number {
	color: #1F3263;
	text-transform: uppercase;
	font-size: 45px;
	font-size: 4.5rem;
}
.hw_step.colomat-hover .hw_step_number, .hw_step.colomat-close .hw_step_number {
	color: #fff;
}
.hw_step .hw_step_number span {
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background: #1F3263;
	text-align: center;
	padding: 10px 0 0 0;
}
.hw_step.colomat-hover .hw_step_number span, .hw_step.colomat-close .hw_step_number span {
	background: #98252A;
}
.hw_step_title {
	display: block;
	padding-top: 18px;
}
.collapseomatic_content {
	background: #1F3263;
	padding: 30px;
	margin: 0;
	color: #fff;
}
.collapseomatic_content *:last-child {
	margin-bottom: 0;
}
.step_inner_wrapper .collapseomatic_content h2, .step_inner_wrapper .collapseomatic_content h3, .step_inner_wrapper .collapseomatic_content h4, .step_inner_wrapper .collapseomatic_content h5, .step_inner_wrapper .collapseomatic_content h6, .step_inner_wrapper .collapseomatic_content p, .step_inner_wrapper .collapseomatic_content a:link, .step_inner_wrapper .collapseomatic_content a:visited, .step_inner_wrapper .frm_style_formidable-style.with_frm_style label.frm_primary_label, .step_inner_wrapper .frm_style_formidable-style.with_frm_style .frm_checkbox label {
	color: #fff;
}
.step_inner_wrapper .collapseomatic_content a:hover, .step_inner_wrapper .collapseomatic_content a:active {
	color: #98252A;
}
.frm_dropzone.dz-clickable.frm_single_upload {
	max-width: 100% !important;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	color: #222 !important;
}
.logged-in #menu-item-12617, #menu-item-12126, #menu-item-12618, .logged-in #menu-item-12619, #menu-item-12620, .logged-in #menu-item-18863, #menu-item-18864 {
	display: none !important;
}
.logged-in #menu-item-12126, .logged-in #menu-item-12618, .logged-in #menu-item-12620, #menu-item-18863, .logged-in #menu-item-18864 {
	display: block !important;
}
.single_policy_iframe {
	border: 0 none;
	background: transparent;
}
.pagebreak {
	background: #1F3263;
	color: #fff;
	padding: 40px 0;
}
.pagebreak p, .pagebreak h2, .pagebreak h3, .pagebreak h4, .pagebreak h5, .pagebreak h6, .pagebreak a:link, .pagebreak a:visited {
	color: #fff;
}
.pagebreak a:hover, .pagebreak a:active {
	color: #BBBBBB;
}
.policy_link a:link, .policy_link a:visited {
	color: #006CD8;
	padding: 10px 0 10px 55px;
	background: url("img/policy_unread.png") top 3px left no-repeat;
	margin-bottom: 20px;
	display: block;
}
.policy_link a:hover, .policy_link a:active {
	color: #1F3263;
	text-decoration: none;
}
.policy_link.policy_required a:link, .policy_link.policy_required a:visited {
	background: url("img/policy_required.png") top 3px left no-repeat;
	color: #98252A;
}
.policy_link.policy_required a:hover, .policy_link.policy_required a:active {
	color: #1F3263;
}
.policy_link.policy_read a:link, .policy_link.policy_read a:visited {
	background: url("img/policy_done.png") top 3px left no-repeat;
}
.policy_link.policy_read a:hover, .policy_link.policy_read a:active {
	color: #1F3263;
}
.policy_link.policy_read.policy_required a:link, .policy_link.policy_read.policy_required a:visited {
	color: #006CD8;
}
.policy_link.policy_read.policy_required a:hover, .policy_link.policy_read.policy_required a:active {
	color: #1F3263;
}
.key_title_outer span {
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 700;
	display: block;
	padding: 6px 10px 10px 48px;
}
.key_title_outer span.done {
	color: #1F3263;
	background: url("img/policy_done.png") top 3px left no-repeat;
}
.key_title_outer span.required {
	background: url("img/policy_required.png") top 3px left no-repeat;
	color: #98252A;
}
.key_title_outer span.optional {
	background: url("img/policy_unread.png") top 3px left no-repeat;
	color: #006CD8;
}
.policy_cat {
	background: rgba(152,37,42,.75);
	color: #fff;
	margin: 20px 0;
	padding: 10px 15px;
	text-align: center;
}
#memberssearchform {
	padding-top: 18px !important;
}
#memberssearchform input {
	display: block;
	width: 100%;
	padding: 5px !important;
}

/* 2021 edits */
.home_icon_link:link, .home_icon_link:visited {
	display: block;
}
.home_icon_link:hover, .home_icon_link:active {
	text-decoration: none;
}
.home_icon_link h3 {
	font-size: 25px;
	font-size: 2.5rem;
}
.home_icon_link:hover h3 {
	color: #1F3263;
}
.home_icon_link br, .home_icon_link p {
	display: none;
}
.home_icon_link img {
	max-width: 100px
}
.home_featured_left {
	padding: 20px 0;
}

.home_featured_left .container, .home_featured_right .container {
	max-width: 1170px !important;
	width: 98% !important;
	margin: 0 auto;
}
.home_featured_right {
	padding: 20px 0;
	/*background: #1F3263;*/
}
/*.home_featured_right p, .home_featured_right h2, .home_featured_right h3, .home_featured_right h4, .home_featured_right h5, .home_featured_right h6, .home_featured_right a:link, .home_featured_right a:visited {
	color: #fff;
}
.home_featured_right a:hover, .home_featured_right a:active {
	color: #BBBBBB;
}*/
iframe {
	max-width: 100% !important;
}
#side_social_wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	z-index: 100;
	background: #1F3263;
	-webkit-transition: all 0.14s ease-in-out;
    -moz-transition: all 0.14s ease-in-out;
    -o-transition: all 0.14s ease-in-out;
    -ms-transition: all 0.14s ease-in-out;
}
#side_social_wrapper.bottom {
	opacity: 0;
}
#side_social_wrapper ul {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	text-align: center;
}
#side_social_wrapper ul li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	max-width: 68px;
	width: calc(100% / 7);
}
#side_social_wrapper ul li a:link, #side_social_wrapper ul li a:visited {
	display: block;
	color: #fff;
	background: #1F3263;
	width: 100%;
	height: 80px;
	position: relative;
	text-indent: -999em;
}
#side_social_wrapper ul li a:after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	max-width: 68px;
	height: 100%;
	left: 0;
	top: 0;
	background-size: contain;
}
#side_social_wrapper ul li a:hover, #side_social_wrapper ul li a:active {
	background: #98252A;
}
#side_social_wrapper ul li a#twitter:after {
	background: url("img/side_social_tw.png") center center no-repeat;
}
#side_social_wrapper ul li a#facebook:after {
	background: url("img/side_social_fb.png") center center no-repeat;
}
#side_social_wrapper ul li a#linkedin:after {
	background: url("img/side_social_li.png") center center no-repeat;
}
#side_social_wrapper ul li a#instagram:after {
	background: url("img/side_social_insta.png") center center no-repeat;
}
#side_social_wrapper ul li a#youtube:after {
	background: url("img/side_social_yt.png") center center no-repeat;
}
#side_social_wrapper ul li a#field_ops:after {
	background: url("img/side_social_fo.png") center center no-repeat;
}
#side_social_wrapper ul li a#mo_task_force:after {
	background: url("img/side_social_tf1.png") center center no-repeat;
}
#target-search_bar {
    background: #222222;
    padding: 10px;
}
#searchform_header {
    display: block;
    width: 100%;
    margin: 0 auto !important; 
}
#searchform_header input:first-child {
    display: block;
    width: 100%;
    padding: 4px 12px;
    border:0 none;
    outline: none;
}
#searchform input:first-child {
    padding: 4px 12px; 
    border:0 none;
    outline: none;
}


		/* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
		    #internalfeatured.staion_header_image {
				height:300px;
			}
			#internalfeatured {
				height:250px;
			}
			.mapp-layout .mapp-canvas, #wpgmza_map_1 {
				height:300px !important;
			}
			/* TYPOGRAPHY: HEADINGS
			==========================================  */
			/* TYPOGRAPHY: PARAGRAPHS
			==========================================  */
			/* TYPOGRAPHY: LIST ITEMS
			==========================================  */
			
			/* HEADER
		    ==========================================  */
		  	#branding-container {
				margin:0;
				/*padding-top: 15px;
				padding-bottom: 15px;*/
				width: auto;
				/*max-width: 300px;*/
				max-width: 230px;
			}
			#branding-container a.brand {
				font-size: 30px;
				color: #000000;
			}
			
			/* HOME SLIDER
			==========================================  */
			div#homefeatured {
				display: block;
		    	margin-left: auto;
				margin-right: auto;
				margin-bottom: 30px;
			}
			div#homefeatured #myCarousel{
				box-shadow:none;
				-webkit-transition: all .5s ease-in-out;
				-moz-transition: all .5s ease-in-out;
				-ms-transition: all .5s ease-in-out;
				-o-transition: all .5s ease-in-out;
				transition: all .5s ease-in-out;
			}
			
			div#homefeatured #myCarousel:hover{
				box-shadow:none;
			}
			div#homefeatured .carousel{
		    	width: 100%;
			}
			div#homefeatured .carousel-inner>.item>a>img, div#homefeatured .carousel-inner>.item>img{
		    	width: 100%;
			}
			div#homefeatured .slideDesc {
		    	position: absolute;
				z-index: 4000;
				bottom: 0;
				margin: auto;
				width: 100%;
				text-align: right;
				padding:15px 2.5%;
				display:block;
				background:rgba(31,50,99,.6);
			}
			div#homefeatured .slideDesc .slideTitle{
				display: block;
				font-size: 50px;
				font-size: 5rem;
				color: #ffffff;
				font-family: 'Oswald', sans-serif;
				line-height:100%;
			}
			div#homefeatured .slideDesc .slideText{
				display: block;
				font-size: 30px;
				font-size: 3rem;
				color: #ffffff;
				font-family:'Droid Sans', sans-serif;
				font-weight:700;
			}
			
			div#homefeatured .slideDesc .btn.btn-mayecreate{
				margin-top: 5vh;
				width: 200px;
				color: #fff;
			}
			
			
			div#homefeatured .carousel-control{
		    	display: block;
				height: 75px;
				width: 25px;
				top: 0;
				bottom: 0;
				margin: auto;
				background: none;
			}
			div#homefeatured .carousel-control.left{
				background: url(img/left.png) no-repeat;
				background-size: contain;
				left: 3%;
			}
			div#homefeatured .carousel-control.right{
				background: url(img/right.png) no-repeat;
				background-size: contain;
				right: 3%;
			}
			.carousel-fade .carousel-inner .item {
			    -webkit-transition-property: opacity;
				transition-property: opacity;
			}
			.carousel-fade .carousel-inner .item,
			.carousel-fade .carousel-inner .active.left,
			.carousel-fade .carousel-inner .active.right {
				opacity: 0;
			}
			.carousel-fade .carousel-inner .active,
			.carousel-fade .carousel-inner .next.left,
			.carousel-fade .carousel-inner .prev.right {
				opacity: 1;
			}
			.carousel-fade .carousel-inner .next,
			.carousel-fade .carousel-inner .prev,
			.carousel-fade .carousel-inner .active.left,
			.carousel-fade .carousel-inner .active.right {
				left: 0;
			    -webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
			.carousel-fade .carousel-control {
				z-index: 2; 
			}
		  	/* NAVIGATION
			==========================================  */
			#mobile_menu {
				height: 68px;
			}
			
			/* SCROLL STICK NAVIGATION
			==========================================  */
			#navigation{
				margin-top:0;
				/*margin-bottom:35px;*/
				margin-bottom:0;
			}
			#navigation.affix{
				margin-top:0;
				width: 100%;
			}
			#navigation.affix #branding-container {
				max-width: 160px;
				padding:0;
				top:0px;
			}
			#navigation .navbar{
				margin-bottom: 0;
			}
			
			#navigation.affix .navbar-default {
				/*background-color: rgba(31,50,99,.8);*/
				background-color: rgba(31,50,99,1);
				border: none;
			}
			
			#navigation.affix #main_nav a {
		    	font-size: 16px;
				font-size: 1.6rem;
		    	padding: 18px 10px;
		    }
			#navigation.affix #top_nav a:link, #navigation.affix #top_nav a:visited {
				padding:5px 10px;
				font-size:13px;
				font-size:1.3rem;
			}
			#navigation.affix #top_nav li {
				border:0 none;
			}
			
			/* BREADCRUMB NAVIGATION
			==========================================  */
			.breadcrumb {
				display: block;
				margin-left: 0;
			}
			#station_page .breadcrumb {
				display:none;
			}
			h1, h1.entry-title {
				margin-top:0;
			}

			/* CONTENT SECTIONS
			==========================================	*/
			h1, h1.entry-title, .h1 {
				font-size:50px;
				font-size:5.0rem;
			}

			/* BLOG
			==========================================  */

			/* SIDEBARS
			==========================================  */

			/* IMAGES
			==========================================	*/

			img.alignleft{
				float:left;
				display:block;
				margin: 15px 15px 15px 0;
			}
			.wp-caption.alignleft{
				float:left;
				display:block;
				margin: 5px 15px 15px 0;
			}
			img.alignright {
				float:right;
				display:block;
				margin:15px 0 15px 15px;
			}
			.wp-caption.alignright{
				float:right;
				display:block;
				margin: 5px 0 15px 15px;
			}
			img.aligncenter, .wp-caption.aligncenter{
				float:none;
				display:block;
				margin: 15px auto 15px auto;
			}
			
			/* BUTTONS
			==========================================  */
			.btn-mayecreate{
		    	display: inline-block;
		    	width: 32.9%;;
		  	}
			
			/* FEATURE POSTS
			==========================================  */
			#featuredPosts{
				/* Place to customize the home page featured posts */
			}

			/* HOME PAGE: FEATURE BOXES
			==========================================  */
			#callouts{
				/* Place to customize the home page callouts */
			}


		}


				/* Medium devices (desktops, 992px and up) */
				@media (min-width: 992px) {
					#internalfeatured.staion_header_image {
						height:475px;
					}
					#internalfeatured {
						height:250px;
					}
					.mapp-layout .mapp-canvas, #wpgmza_map_1 {
						height:450px !important;
					}
					/* TYPOGRAPHY: HEADINGS
					==========================================  */
					.station_title {
						display:block;
						max-width:700px;
					}
					
					/* TYPOGRAPHY: PARAGRAPHS
					==========================================  */
					/* TYPOGRAPHY: LIST ITEMS
					==========================================  */

					/* HEADER
				    ==========================================  */
				    #branding-container a.brand {
				    	text-transform: uppercase;
				    	font-size: 30px;
				    	color: #000000;
				    }
					#aboveNav #branding-container {
						left:0;
						max-width: 325px;
						top:2px;
					}
					#homeContentWrap.scroll, #contentwrap.scroll {
						padding-top:0;
					}
					#station_page .site.container {
						/*margin-top:-175px;*/
					}
					#Headersearchform {
						float:right;
						margin-top:11px !important;
						max-width:80px !important;
						display:block;
					}
					#Headersearchform input {
						max-width:100% !important;
						font-size:15px;
						font-size:1.5rem;
					}
					.affix #Headersearchform {
						display:none !important;
					}
					/* HEADER IMAGE
					==========================================  */
					div#homefeatured .carousel-control {
				    	height: 100px;
						width: 30px;
					}
					div#homefeatured .carousel-control.left {
						left: 7%;
					}
					div#homefeatured .carousel-control.right {
						right: 7%;
					}
				    

				    /* TOP NAVIGATION
				    ==========================================  */
				    #navbarTop, #navbarBottom, #footer_nav{
				    	display: block;
				    }
					#navbarTop.navbar, #navbarBottom.navbar{
				    	border-radius: 0px;
					}
				    #navbarTop.navbar .container, #navbarBottom.navbar .container{
				    	position: relative;
				    }
					
					#top_nav ul{
				    	margin:0;
				    	padding:0;
				    	list-style:none;
				    	display:inline;
				    }
				    #top_nav ul li{
				    	float: left;
				    	margin:0;
				    	padding:0 0 0 0;
				    	background:none;
						list-style:none !important;
						border-left:1px solid #fff;
						position:relative;
				    }
				    #top_nav a:link, #top_nav a:visited {
				    	display: inline-block;
				    	margin: 0;
				    	text-decoration: none;
				    	font-size: 13px;
						font-size:1.3rem;
				    	padding: 15px 10px;
				    	text-transform: uppercase;
				    	color: #fff;
				    	font-weight: 100;
				    	/* if you have different color for Nav links, change it here */
				    }
					#top_nav li.social_link {
						border:0 none;
					}
				    #top_nav a:hover, #top_nav a:active, #top_nav > ul > li.active > a, #top_nav > ul > li:hover > a {
				    	color: #F6CC1F;
				    	text-decoration:none;
				    	/* if you have different color for Nav link hover state, change it here */
				    }
					#top_nav li ul {
						display:none;
						position:absolute;
						background:rgba(34,34,34,.8);
						border:1px solid #fff;
						border-top:none;
						left:-1px; 
						width:300px;
					}
					#top_nav li ul.sub-menu li ul.sub-menu {
						right:-300px;
						top:0;
						left:auto;
						border-top:1px solid #fff;
					}
					#top_nav > ul > li:hover > ul, #top_nav > ul > li > ul > li:hover > ul {
						display:block;
					}
					#top_nav li ul li {
						border:0 none;
						display:block;
						width:100%;
						position:relative;
					}
					#top_nav li ul li a:link, #top_nav li ul li a:visited {
						display:block;
					}
					#top_nav li ul li a:hover, #top_nav li ul li a:active {
						background:#fff;
						color:#222;
					}
					#navigation.affix #navbarBottom {
						min-height:0;
					}


				    /* MAIN NAVIGATION
				    ==========================================  */
				    #main_nav, #top_nav {
				    	display: block;
				    }
				    
				    #main_nav ul {
				    	margin:0;
				    	padding:0;
				    	list-style:none;
				    }
				    #main_nav ul li {
				    	float: left;
				    	margin:0;
				    	padding:0;
				    	background:none;
				    	display: block;
				    	position: relative;
						list-style:none;
				    }
					#main_nav ul ul{
				    	display: none;
				    	position: absolute;
				    	z-index: 9000;
				    	/*background: rgba(31,50,99,.8);*/
						background: #17264D;
				    	margin: 0;
				    	padding: 0;
				    	width: 210px;
				    	border: 0 none;
				    	border-top: none;
				    }
					#main_nav ul ul ul {
						left:-210px;
						top:0;
					}
					#main_nav ul li:hover > ul{
				    	list-style: none;
				    	position: absolute;
				    	display: list-item;
					}
					#main_nav ul ul li{
				    	float: none;
						margin:0
				    }
				    #main_nav a:link, #main_nav a:visited {
				    	display: inline-block;
				    	margin: 0;
				    	text-decoration: none;
				    	/*font-size: 15px;
						font-size:1.5rem;
				    	padding: 25px 8px;*/
						font-size: 14px;
						font-size:1.4rem;
						padding: 40px 5px;
				    	color: #fff;
				    	font-weight: 400;
						font-family: 'Oswald', sans-serif;
						line-height: 140%;
					}
					#main_nav i {
				    	display: inline-block;
				    	margin: 0;
				    	text-decoration: none;
				    	/*font-size: 15px;
						font-size:1.5rem;
				    	padding: 25px 8px;*/
						font-size: 14px;
						font-size:1.4rem;
						padding: 36px 6px;
				    	color: #fff;
						background: none;
						line-height: 140%;
					}
					#main_nav a:hover, #main_nav a:active, #main_nav > ul > li.active > a, #main_nav i:hover {
				    	/* if you have different color for Nav link hover state, change it here */
				    	color: #F6CC1F;
				    }
				    #main_nav ul ul li a:link, #main_nav ul ul li a:visited {
				    	padding: 10px 15px;
				    	width: 100%;
						font-weight: 300 !important;
				    }
				    #main_nav a:hover {
				    	text-decoration:none;
				    }
				    #main_nav li.current_page_item a { }
				    #main_nav li.current_page_parent a { }  
					#mobile_menu {
				    	display: none;
				    }
					#child_nav .subnav {
						display:block;
						margin:0;
						padding:0;
						text-align:center;
					}
					#child_nav .subnav li {
						display:inline-block;
						list-style:none;
						padding:0;
						margin:0;
					}
					#child_nav .subnav li a:link, #child_nav .subnav li a:visited {
						color:#fff;
						font-size:18px;
						font-size:1.8rem;
						display:block;
						padding:10px 12px;
						border-right: 1px solid #fff;
					}
					#child_nav .subnav li:last-child a {
						border:0 none;
					}
					#child_nav .subnav li a:hover, #child_nav .subnav li a:active, #child_nav .subnav li.current_page_item a {
						color:#F6CC1F;
					}
					
					/* SPECIAL DROPDOWNS 2021 */
					.affix-top #main_nav > ul > .wide-drop > ul {
						width: 100%;
						left: 0;
						position: fixed;
						padding: 45px 10%;
						text-align: center;
						vertical-align: top;
					}
					.affix-top #main_nav > ul > .wide-drop > ul:after {
						display: block;
						clear: both;
						content: '';
					}
					.affix #main_nav > ul > .wide-drop > ul {
						top: auto !important;
					}
					.affix #search_bar {
						display: none !important;
					}
					.affix-top #main_nav > ul > .wide-drop > ul > li {
						float: none;
						display: inline-block;
						width: calc(100% / 3 - 26px);
						margin-right: 15px;
						padding-right: 10px;
						border-right: 1px solid #fff;
						height: 100%;
						text-align: left;
						vertical-align: top;
					}
					.affix-top #main_nav > ul > .wide-drop > ul > li:last-child {
						margin-right: 0;
						padding-right: 0;
						border: 0 none;
						width: calc(100% / 3);
					}
					.affix-top #main_nav > ul > .wide-drop > ul > li a {
						padding: 5px 10px;
						font-weight: 300 !important;
					}
					.affix-top #main_nav > ul > .wide-drop > ul > li > a {
						color: #EEC621;
						margin: 0 0 10px 0;
						font-weight: 300;
					}
					.affix-top #main_nav > ul > .wide-drop > ul ul {
						position: static;
						background: none;
						display: block;
						width: 100%;
						max-width: 100%;
					}

				    /* FOOTER 
				    ==========================================  */
				    #credits span {
						display:inline;
						height:auto;
						overflow:hidden;
					}
					footer .menu {
						display:block;
						margin:0;
						padding:0;
					}
					footer .menu li {
						list-style:none;
						margin:0 0 10px 0;
					}
					footer .menu li a:link, footer .menu li a:visited {
						color:#000;
						font-weight:700;
					}
					footer .menu li a:hover, footer .menu li a:active {
						color:#98252A;
					}
					footer .menu li ul.sub-menu {
						margin:10px 0 10px 25px;
					}
					footer .menu li ul.sub-menu li {
						list-style-image:url(img/footer_sub_menu_li.jpg);
					}
					footer .menu li ul.sub-menu a:link, footer .menu li ul.sub-menu a:visited {
						font-weight:400;
					}
					#news_feed_signup .frm_form_field {
						float:left;
						width:40% !important;
						margin:0 2% 0 0;
					}
					#news_feed_signup .with_frm_style .frm_submit {
						float:left;
						width:16%;
						clear:none;
						text-align:left;
					}
					#news_feed_signup .frm_style_formidable-style.with_frm_style input[type=submit] {
						margin:0;
					}
					

				    /* CONTENT SECTIONS
					==========================================	*/
					.station_subnav {
						display:block;
						text-align:center;
						display:block;
						margin-left:0;
						margin-right:0;
						/*margin-bottom:55px;*/
						margin-bottom:25px;
					}
					.station_subnav li {
						list-style:none;
						display:inline-block;
						margin:0;
						padding:0;
						font-size:21px;
						font-size:2.1rem;
					}
					.station_subnav li a:link, .station_subnav li a:visited {
						display:block;
						color:#1F3263;
						font-family: 'Oswald', sans-serif;	
						padding:10px;
						margin:0 5px;
					}
					.station_subnav li a:hover, .station_subnav li a:active, .station_subnav li.current_page_item a {
						color:#fff;
						background:#1F3263;
						text-decoration:none;
					}
					.station_wrapper:nth-child(3n+1){
						clear:left
					}
					.commander-wrapper {
						padding-top:100px;
					}
					.quick_link p {
						float:left;
						width:30%;
						margin-right:2%;
					}
					.board_post:nth-child(odd){
						clear:left
					}

					/* BLOG
					==========================================  */
					a.btn-mayecreate.inline:link, a.btn-mayecreate.inline:visited {
						display: inline-block;
						margin-right: 10px;
					}

					/* SIDEBARS
					==========================================  */

					/* BUTTONS
				    ==========================================  */
				    .btn-mayecreate{
				    	display: block;
				    	width: 100%;
				    }

					/* PAGE ITEMS
				  	==========================================  */
					.key_title_outer {
						text-align: right;
						padding-top: 13px;
					}
					.key_title_outer span {
						display: inline-block;
					}
					.home_featured_left, .home_featured_right {
						float: left;
						width: 50%; 
						padding: 30px 20px;
						position: relative;
					}
					.home_featured_right:before {
						background: #1F3263;
						position: absolute;
						display: block;
						content: '';
						top: 0;
						bottom: 0;
						left: -2px;
						margin: auto;
						width: 4px;
						height: 90%;
					}
					.home_featured_left:after, .home_featured_right:after {
						display: block;
						clear: both;
						content: '';
					}
					/*.home_featured_left .container, .home_featured_right .container {
						max-width: calc(1170px / 2) !important;
						margin: 0 !important;
					}
					.home_featured_left .container {
						float: right;
					}*/
					.home_featured_left .container, .home_featured_right .container {
						max-width: 720px !important;
						margin: 0 auto !important;
					}
					div#homefeatured.home_video_homefeatured {
						margin-bottom: 0 !important;
					}
					#side_social_wrapper {
						background: none;
						top: 200px;
						left: 0;
						bottom: auto;
						width: 68px;
					}
					#side_social_wrapper ul {
						background: none;
						width: 68px;
					}
					#side_social_wrapper ul li {
						display: block;
						width: 100%;
						margin-bottom: 5px;
					}
					#side_social_wrapper ul li a:link, #side_social_wrapper ul li a:visited {
						text-align: left;
						font-size: 20px;
						font-size: 2.0rem;
						text-transform: uppercase;
					}
					#side_social_wrapper ul li a:hover, #side_social_wrapper ul li a:visited {
						width: 340px !important;
						text-indent: 0;
						padding-left: 78px;
						padding-top: 26px;
						text-decoration: none;
					}
				}

						/* Large devices (large desktops, 1200px and up) */
						@media (min-width: 1200px) { 
							#internalfeatured.staion_header_image {
								height:500px;
							}
							.mapp-layout .mapp-canvas, #wpgmza_map_1 {
								height:500px !important;
							}
						    /* TYPOGRAPHY: HEADINGS
							==========================================  */
							/* TYPOGRAPHY: PARAGRAPHS
							==========================================  */
							/* TYPOGRAPHY: LIST ITEMS
							==========================================  */

							/* HEADER
						    ==========================================  */
						    #branding-container {
						      max-width: 258px;
						    }
						    #branding-container a.brand{
						      font-size: 38px;
						    }
							#Headersearchform {
								max-width:120px !important;
							}
							#Headersearchform input {
								font-size:18px;
								font-size:1.8rem;
							}
							
							/* HOME SLIDER
							==========================================  */
							div#homefeatured .carousel-control{
						    	height: 125px;
								width: 35px;
							}
							div#homefeatured .carousel-control.left{
								left: 10%;
							}
							div#homefeatured .carousel-control.right{
								right: 10%;
							}
							
							/* MAIN NAVIGATION
						    ==========================================  */
						    #top_nav a:link, #top_nav a:visited {
								font-size: 16px;
								font-size:1.6rem;
							}
							#main_nav a:link, #main_nav a:visited, #main_nav i {
								/*font-size: 19px;
								font-size:1.9rem;
								padding:25px 15px;*/
								font-size: 17px;
								font-size:1.7rem;
								padding:40px 10px;
							}

							/* FEATURE POSTS
						  	==========================================  */
							#featuredPosts{
							/* Place to customize the home page featured posts */
							}
						  
						  	/* HOME PAGE: FEATURE BOXES
							==========================================  */
							 #callouts{
							/* Place to customize the home page callouts */
							}
							.col-md-4.col-lg-2:nth-child(3n+1){
								clear:none !important;
							}
							
						}
							@media (min-width: 1366px) {
								#branding-container {
									max-width: 300px
								}
								#main_nav a:link, #main_nav a:visited, #main_nav i {
									font-size: 17px;
									font-size:1.7rem;
									padding:45px 10px;
								}
							}

								/* Extra Large devices */
								@media (min-width: 1550px) {
									#station_page .site.container {
										/*margin-top: -300px;*/
									}
									#internalfeatured.staion_header_image {
										height:510px;
									}
									.affix-top #main_nav > ul > .wide-drop > ul ul {
										width: 100%;
										max-width: 100%;
									}
									.affix-top #main_nav > ul > .wide-drop > ul ul li {
										float: left;
										width: 50%;
									}
									.affix-top #main_nav > ul > .wide-drop > ul li.single-column ul li {
										float: none;
										width: 100%;
									}
									.affix-top #main_nav > ul > .wide-drop > ul ul li:nth-child(odd) {
										clear: left;
									}
									#main_nav a:link, #main_nav a:visited, #main_nav i {
										font-size: 20px;
										font-size:2rem;
										padding:50px 10px;
									}
								}
								@media (min-width: 1700px) {
									
									#internalfeatured.staion_header_image {
										height:600px;
									}
								}




 /* Google Maps embed hover*/

/* container style, which goes inside of figure */
.google-maps-container {
	background: black;
	position: relative;
}

/* map screenshot image */
.google-maps-image {
	width: 100%;
	position: relative;
}

/* image caption to be used as text overlay on hover */
figcaption.map-caption {
	display: none;
}

.google-maps-container:hover .google-maps-image {
	opacity: 20%;
}

.google-maps-container:hover figcaption.map-caption {
	display: inline;
	position: absolute;
	text-align: center;
	margin: auto;
	top: 165px;
	left: 0;
	right: 0;
	color: white;
	/* caption button */
	border:1px solid #ffffff;
	padding:10px;
	width:30%;
}

/* hide Get Directions button on desktop */

@media screen and (min-width: 1025px) {
	.hide-mapbutton {
		display: none;	
	}}
