/* ======= ONLY SHOW SHADED BANNER IF THERE IS BANNER TEXT ================== */
.m-header__photo::before,
.m-header__photo::after {
    content: none;
}
.m-title-card + .m-header__photo::before,
.m-title-card + .m-header__photo::after {
    content: "";
}




/* ======= FOR ICON ROWS WITH 9 CARDS ================== */
 @media (min-width: 860px) {
	 .wm-cards.--cards9 {
		 max-width: 1070px;
	}
}




/* =========== CODE FOR 3:2 THUMBS =============== */

/* if it ain't square, force it to 150x100 (with object-fit:cover to make it look nice) */
.user_content .item_listing.news_listing .news-listing-thumb img,
.user_content .dept_news_story_img.news-listing-thumb img {
    width: 150px;
    max-width: none;
    object-fit: cover;
} 
.user_content .dept_news_story_img {
    width: auto;
}
@media screen and (min-width:700px) {
    .user_content .item_listing.news_listing a.news-listing-thumb ~ p,
    .user_content a.dept_news_story_img.news-listing-thumb ~ p {
        margin-left: 165px;
    }
}




/* ======= Directory Page: Namecoach Audio Link ============== */
 .namecoach-icon {
	 vertical-align:top;
	 display:inline-block;
	 margin:0 0 0 4px;
	 font-size: 19px;
	 color: #00467f;
	 position:relative;
	 cursor: pointer;
	 border-color: transparent;
	 border-style: solid;
	 border-width: 5px;
	 transition: color 0.3s;
}
 .namecoach-icon:hover, .namecoach-icon:focus {
	 color: #4577a0;
}
 .mouseuser .namecoach-icon:hover, .mouseuser .namecoach-icon:focus {
	 outline: none;
}
 .namecoach-icon__progressbar {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left:0;
	 width: 0;
	 height: 2px;
	 background: #4577a0;
	 transition: width 0s linear;
}
 .namecoach-icon:hover .namecoach-icon__progressbar, .namecoach-icon:focus .namecoach-icon__progressbar {
	 background: #000;
}
 .namecoach-icon.playing {
	 color: #4577a0;
}
 .namecoach-icon.playing .namecoach-icon__progressbar {
	 width: 100%;
	 background: #4577a0;
}
 @media (min-width: 700px) {
	 .namecoach-icon {
		 transform: translateY(10%);
		 margin:0 0 0 6px;
	}
}


.youvisit-container {
    height: 400px;
}

 .m-header__photo, .banner-img {
	 transition-property: transform !important;
}


/*== temp fix for Event row more button color */
 .h-theme-green .EventRow__morebutton {
	 color: white !important;
}




/* ==================== SIDEMENU ============================ */

 #page-wrapper-outer {
	/*overflow:hidden;
	*/
	 width: 100%;
	 position: relative;
}
 #page-wrapper-inner {
	 position: relative;
	 left: 0;
}
 .locked {
	 overflow:hidden;
}
 .csstransforms3d #page-wrapper-inner {
	 -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	 -webkit-transition: -webkit-transform 300ms ease;
	 -moz-transition: -moz-transform 300ms ease;
	 -o-transition: -o-transform 300ms ease;
	 transition: transform 300ms ease;
	 -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	 /*-ms-backface-visibility: hidden;*/
	 -o-backface-visibility: hidden;
	 /*backface-visibility: hidden;*/
}
 #page-wrapper-inner.page-push-right {
	 left: 269px;
}
 .csstransforms3d #page-wrapper-inner.page-push-right {
	 left: 0;
	 -webkit-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 -moz-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 -ms-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 -o-transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
	 transform: translate3d(269px, 0, 0) scale3d(1, 1, 1);
}
#side_menu * {
    box-sizing: content-box;
}
 .side-menu {
	 background: #00467f;
	 position: absolute;
	 width: 269px;
	 top: 0;
	 left: -269px;
	/* need this for IE 9 and below */
	 height: 100%;
	 z-index: 1000;
	 border-right: 1px solid #c9c9b6;
	 -webkit-overflow-scrolling: touch;
	 -webkit-perspective: 1000;
	 -webkit-transition: translate3d 350ms ease;
	 -moz-transition: translate3d 350ms ease;
	 -o-transition: translate3d 350ms ease;
	 transition: translate3d 350ms ease;
}
 #side_menu[aria-hidden="true"] {
	 visibility: hidden;
}
 #side_menu:focus {
	 outline: none;
}
 .csstransforms3d .side-menu {
	 left: 0;
	 -webkit-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 -moz-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 -ms-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 -o-transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);
	 /*transform: translate3d(-100%, 0, 0) scale3d(1, 1, 1);*/
	 transform: translateX(-100%);
	 -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	 -ms-backface-visibility: hidden;
	 -o-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .side-menu ul, #side_search {
	 width: 269px;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
#side_menu .search_site_submit {
    width: auto;
    padding: 0 5px;
}
 .side-menu a {
	 color: #282828;
	 margin-left: 22px;
	 text-decoration: none;
	 font-weight: 400;
}
 .side-menu a:hover {
	 text-decoration: none;
}
 #side_search {
	 background: #ffffff;
	 padding: 23px 0 18px;
}
 .search_form input {
	 width: 145px;
	 height: 33px;
	 padding: 0 12px;
	 float: left;
	 color: #282828;
	 font-size: 16px;
	 border: 1px solid #b3b3b3;
	 background-color: #ffffff;
	 vertical-align:middle;
	 outline: none;
}
 #side_search_site input[type="text"] {
	 margin-left: 23px;
}
 .search_site_submit {
	 font-size: 21px;
	 background: #00467f;
	 color: #ffffff;
	 height: 35px;
	/*width: 49px;
	*/
	 padding-left: 15px;
	 padding-right: 15px;
	 margin-left: 5px;
	 border: none;
}
 .search_site_submit::-moz-focus-inner {
	 border: 0;
	 padding: 0;
}
 .cf:before, .cf:after{
	 content:"";
	 display:table;
}
 .cf:after{
	 clear:both;
}
 .cf{
	 zoom:1;
}
 #side_tactical_nav li {
	 height: 40px;
	 padding: 0;
	 background: #ffffff;
	 border-bottom: 1px solid #D0D3D4;
}
 #side_tactical_nav li.last-side-tactical {
	 border-bottom: 1px solid #000000;
}
 #side_tactical_nav a {
	 text-transform: uppercase;
	 line-height: 40px;
	 font-size: 12px;
	 display: block;
}
 #side_top_nav li {
	 height: 60px;
	 padding: 0;
	 text-transform: uppercase;
	 background: #00467f;
	 border-bottom: 1px solid rgba(255,255,255,.1);
}
 #side_top_nav a {
	 line-height: 60px;
	 color: #ffffff;
	 display: block;
}
 nav#side_tactical_nav ul a:hover, nav#side_tactical_nav ul a.active {
    transition: none;
    text-decoration-style: solid;
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: #00467f;
    text-underline-offset: 6px;
}
 .no-touch nav#side_top_nav ul li:hover, nav#side_top_nav ul li.active {
	 background-color: rgba(0,0,0,.7) !important;
}
 .menu-left {
	 overflow-y: auto;
	 overflow-x: hidden;
	 left: -280px;
	/*-moz-box-shadow: 0px 7px 8px #000000;
	 -webkit-box-shadow: 0px 7px 8px #000000;
	 box-shadow: 0px 7px 8px #000000;
	*/
}
 .menu-left.menu-open {
	 left: 0;
}


/* ======================== HEADER =================================== */

#desktop_header {
    display: none;
}
#topbar {
    height: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    width: 100%;
    text-align: center;
    border-bottom: 4px solid #4577a0;
    box-sizing: content-box;
}
#topbar .action_left {
    left: 20px;
}
#topbar .action_right {
    right: 20px;
}
#topbar .action_left, #topbar .action_right, #topbar .action_left:hover, #topbar .action_right:hover {
    position: absolute;
    height: 21px;
    color: #00467f;
    text-decoration: none;
    font-size: 21px;
    line-height: 21px;
}
#global_nav ul, #tactical_nav {
    width: 1178px !important;
    max-width: calc(100% - 44px) !important;
}
#global_nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
#global_nav li {
    flex-grow: 1;
    text-align: center;
}
#global_nav a {
    font-weight: 400;
    padding: 23px 0 20px;
}
#global_nav a:hover,
#global_nav a:focus {
    text-decoration: none;
}
#tactical_nav {
    height: 86px;
    display: flex;
    align-items: center;
}
.search_site_submit {
    font-size: 21px;
    background: #00467f;
    color: #ffffff;
    height: 35px;
    width: 49px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 0;
    border: none;
    margin-bottom: 0;
}
#search_form_fields {
    background: #fff;
}


#top_mark {
    /*width: 175px;*/
    padding-top: 0px;
    position: relative;
    /*top: -10px;*/
    height: 21px;
}

#top_mark.tablet {
    display: none;
    top: -24px;
}

@media screen and (min-width: 650px) and (max-width: 999px) {
    #top_mark.tablet {
        width: 360px !important;
        display: inline;
        /*padding-top: 7px;*/
    }
    /*#top_mark.mobile {*/
    /*    display: none;*/
    /*}*/
}

@media screen and (min-width: 800px) {

}


 
@media screen and (min-width: 1000px) {
    #tactical_nav li, #global_nav li {
        display: inline-block;
    }
  
     #tactical_nav li {
        padding: 0 22px 0px 0px;
    }
      
    #topbar, #side_menu {
        display: none;
    }
     
    #desktop_header {
        display: block;
        position: relative;
    } 
    
    #desktop_header #search_site #q {
        width: 0px;
        -webkit-transition: width 500ms;
        transition: width 500ms;
        padding: 0px;
        border-width: 0px;
        float: none;
    }
    #search_site #q {
        width: 280px;
    }
    
    #global_nav ul, #tactical_nav {
        margin: 0 auto;
        position: relative;
        max-width: calc(100% - 44px);
    }
    
    #global_nav ul {
        white-space: nowrap;
        padding: 0;
    }
    
    #global_nav a {
        display: block;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.015rem;
    }
    
    #global_nav a:hover, #global_nav a.active {
        background-color: #0f2c4c;
        text-decoration: none;
    }

    #desktop_header #top_logo {
    margin: 10px 0px !important;
    display: inline-block;
    }
    
    #top_logo, #top_logo img {
        /*padding-top: 6px;*/
        width: auto !important;
    }
    #top_logo img {
        height: 21px;
        margin-right: 20px;
    }
    
    /*#desktop_header #top_logo img {*/
    /*    margin: 0px !important;*/
    /*}*/


    #tactical_nav a {
    color: #144e88;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    }
    #tactical_nav ul a:hover,
    #tactical_nav ul a:focus {
        text-decoration-thickness: 5px;
        text-underline-offset: 8px;
    }
    /*#top_logo, #top_logo img {*/
    /*    display: block;*/
    /*    width: 285px;*/
    /*    margin: 0 auto;*/
    /*}*/
    
    #desktop_header #top_logo {
        margin: 10px 0px !important;
        display: flex;
        align-items: center;
    }
    
    #desktop_header #tactical_nav ul {
        text-align: right;
        margin: 0 60px 0 0;
        position: absolute;
        right: 0;
        padding: 0;
    }
    
    #search_site {
        position: absolute;
        right: 0;
        margin-bottom: 0;
    }
    #desktop_header #tactical_nav .search_site_submit {
        position: relative;
        z-index: 10;
    }

    #desktop_header #search_site #q, #desktop_header #search_site .search_site_close {
        visibility: hidden;
    }
    #desktop_header #tactical_nav .search_site_close {
        font-size: 27px;
        height: 35px;
        padding: 0 15px;
        margin-left: 5px;
        border: none;
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
    }
    #desktop_header #tactical_nav .search_site_submit, #desktop_header #tactical_nav .search_site_close {
        color: #144e88;
        background: transparent;
    }
    
    #desktop_header #search_site.open {
        background-color: #ffffff;
        padding-left: 40px;
    }
    
    #desktop_header #search_site.open #q, #desktop_header #search_site.open .search_site_close {
        visibility: visible;
    }

    #desktop_header #search_site.open .search_site_close {
        opacity: 1;
    }
    #desktop_header #search_site.open #q {
        width: 365px;
        padding: 0 12px;
        margin-right: 55px;
        margin-top: -8px;
        outline: none;
    }
    #global_nav {
        background: var(--color-primary-base);
        /*background: -moz-linear-gradient(left, #115740 32%, #277763 50%, #115740 68%);*/
        /*background: -webkit-gradient(linear, left top, right top, color-stop(32%,#115740), color-stop(50%,#277763), color-stop(68%,#115740));*/
        /*background: -webkit-linear-gradient(left, #115740 32%,#277763 50%,#115740 68%);*/
        /*background: -o-linear-gradient(left, #115740 32%,#277763 50%,#115740 68%);*/
        /*background: -ms-linear-gradient(left, #115740 32%,#277763 50%,#115740 68%);*/
        /*background: linear-gradient(to right, #115740 32%,#277763 50%,#115740 68%);*/
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115740', endColorstr='#115740',GradientType=1 );*/
        border-bottom: 4px solid #6697c2;
    }
    
    /*#global_nav ul {*/
    /*    width: 1035px;*/
    /*    white-space: nowrap;*/
    /*}*/
    
}

@media screen and (min-width: 1100px) {
    /*#global_nav ul {*/
    /*    width: 1014px !important;*/
    /*}*/
    #global_nav a {
        padding-left: 33px;
        padding-right: 33px;
    }

}

@media screen and (min-width: 1680px) {
    #global_nav ul, #tactical_nav {
        width: 1244px !important;
    }
}



/* ============================ FOOTER ===================================== */
 footer {
	 clear: both;
	 background: var(--color-primary-base);
	 color: #ffffff;
	 text-align: center;
	 font-size: 16px;
	 border-top: 8px solid #6697c2;
}
/* .lt-ie9 footer {*/
/*	 background: #115740 !important;*/
/*}*/
 footer a:after {
	 display: block;
	 content: "";
}
 footer a.sm_icon:after {
	 display: inline;
	 content: none;
}
 footer a {
	 color: #ffffff;
	 line-height: 2.1em;
	 font-weight: 400;
}
 footer #contact_info {
	 clear: both;
	 margin: 0 auto;
	 padding-top: 72px;
	 font-weight: 100;
	 line-height: 1.6em;
}
 footer #contact_info a {
	 color: #FFF;
	 font-weight: bold;
	 line-height: 1.5em;
}
 #footer_container {
	 background: transparent;
	 margin: 0 auto;
	 padding:78px 0 68px 0;
	 
}
 #footer_container .sm_icon {
     background: transparent !important;
 }
 #footer_container * {
     box-sizing: content-box;
 }
#footer_mark {
    width: 265px;
}
.footer_col {
	 clear:both;
	 width: 100%;
	 text-align: center;
	 margin:0 auto;
}
 #social_links {
	 margin: 20px auto 30px auto;
}
 #audience_links {
	 margin: 25px auto 0 auto;
}
 #additional_links {
	 margin-top: 0;
}
 #recognition_links {
	 padding-top: 20px;
}
 #recognition_links img {
	 max-width: 150px;
	 margin: 40px 0;
}
footer .sm_icon {
	 display: block;
	 font-weight: normal !important;
	 text-decoration: none;
	 text-align: center;
	 color: #fff !important;
	 font-size: 22px !important;
	 width: 26px;
	 height: 26px;
	 padding: 4px;
	 line-height: 30px;
	 margin: 4px 10px;
	 float: left;
}
footer .sm_icon:hover {
    text-decoration: none;
    color: #fff !important;
}
 footer #social_icons {
	 margin: 0 auto;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
}



/*** Small desktop ***/
 @media screen and (min-width: 850px) {
	 #footer_container {
		 background-size: auto 455px;
		 width: 880px;
		 max-width: 100%;
		 position: relative;
	}

	#recognition_links {
		 max-width: 140px;
		 margin: 20px auto;
		 padding: 0;
	}
	 #recognition_links img {
		 max-width: 140px;
		 margin: 0;
		 padding: 0;
	}
	 #contact_info {
		 width: 100%;
		 bottom: 25px;
		 margin: 0;
		 padding: 0;
	}
}
/*** Desktop styling ***/
 @media screen and (min-width: 1000px) {
	 #footer_container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        max-width: 1200px;
	}
	 .footer_col {
		 clear: none;
		 float: left;
		 text-align: left;
		 margin: 0 auto;
		 width: 320px;
		 max-width: calc(25% - 20px);
		 padding: 0 10px;
	}
    footer #social_links, footer #additional_links {
    	 margin: 0;
    }
    footer #social_icons {
		 max-width: 63%;
	}
	footer .sm_icon {
	    margin: 4px 6px;
	}
 }
