/*
Theme Name: ARL CORE
Author: CCDC ARL
Description: Custom WordPress theme for U.S. Army CCDC Army Research Laboratory, based on Twitter Bootstrap 4
Version: 0.0.1
Text Domain: arlcore

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
jQuery: https://jquery.org | (Code licensed under MIT)
*/


/* SITE WIDE ---------------------------------------------------------------- */


@font-face {
	font-family: 'US Army';
	font-style: normal;
	font-weight: normal;
	src: url('assets/fonts/USArmyWeb-Regular.eot');
	src: url('assets/fonts/USArmyWeb-Regular.eot?#iefix') format('embedded-opentype'),
		 url('assets/fonts/USArmyWeb-Regular.woff2') format('woff2'),
		 url('assets/fonts/USArmyWeb-Regular.woff') format('woff'),
		 url('assets/fonts/USArmyWeb-Regular.ttf') format('truetype'),
		 url('assets/fonts/USArmyWeb-Regular.svg#USArmy') format('svg');
}


body {
	background-color: #cccfcf;
	color: #030000;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    *font-family: Arial, sans-serif;
	font-size: 1.2em;
	text-rendering: optimizeLegibility;
}


a {
	color: #505147;
	text-decoration: underline;
}


header {
	background-color: #030000;
	border-top: 5px solid #ffd530;
	border-bottom: 1px solid #666;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
}


#site-logo a {
    background-image: url('assets/arl-mobile-header.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    min-height: 80px;
    margin-top: 0;
    width: 100%;
}
@media (min-width: 992px) {
    #site-logo a {
        background-image: url('assets/arl-wide-header.svg');
        min-height: 100px;
        margin-top: 20px;
    }
}


.btn, .wp-block-button__link {
    background: #fff url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><g><polygon points="47,0 16.5,0 53,50 16.5,100 47,100 83.5,50"/></g></svg>') no-repeat;
    background-position: 95% center;
    background-size: 0.66em;
    border: 2px solid #030000;
    border-radius: 8px;
    color: #030000 !important;
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    *letter-spacing: 1.0px;
    padding-right: 2.0rem;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all 0.2s;
}

.wp-block-button__link {
    background-image: none;
    padding-right: 1.5rem;
}

.btn-primary, .wp-block-button__link {
    background-color: #ffd530 !important;
    border-color: #030000;
    box-shadow: 0 0 0 rgba(0,0,0,0.0) !important;
    color: #030000;
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
}

.btn-primary:hover, .wp-block-button__link:hover {
    background-color: #bfb8ab;
    border-color: #030000;
    box-shadow: 0 15px 20px rgba(0,0,0,0.5) !important;
    color: #030000;
    transform: scale(1.1);
}


/* /SITE WIDE --------------------------------------------------------------- */
/* MAIN NAVIGATION ---------------------------------------------------------- */


#main-nav .navbar-toggler-icon {
    *background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 100" style="enable-background:new 0 0 300 100;" xml:space="preserve"><g><path class="st0" d="M150.4,31.7l-12,21.3l-12.7-21.3H119V68h6.9V44.8l11.7,20.1h0.8l11.3-19.8V68h7V31.7H150.4z" fill="gray"/></g><g><path class="st0" d="M187.8,38.2v-6.6h-24.5V68h24.5v-6.5h-17.2v-8.6h16v-6.5h-16v-8.2H187.8z" fill="gray"/></g><g><path class="st0" d="M219.5,31.7v24.5l-18.6-24.5h-6.5V68h6.9V43.9L219.8,68h6.5V31.7H219.5z" fill="gray"/></g><g><path class="st0" d="M248.3,68.3c4.9,0,8.5-1.1,11-3.2s3.7-5.5,3.7-10.3V31.7h-7.3v23c0,2.2-0.5,3.9-1.6,5c-1.1,1.2-3,1.8-5.9,1.8 c-2.9,0-4.8-0.6-5.9-1.7c-1.1-1.1-1.6-2.8-1.6-5.1v-23h-7.3v23.2c0,4.7,1.3,8.1,3.8,10.2C239.7,67.3,243.4,68.3,248.3,68.3z" fill="gray"/></g><rect x="37" y="23.9" class="st0" width="52.1" height="10.4" fill="gray"/><rect x="37" y="44.8" class="st0" width="52.1" height="10.4" fill="gray"/><rect x="37" y="65.6" class="st0" width="52.1" height="10.4" fill="gray"/></svg>');
    *width: 4.5em;
}



#main-nav {
    background: linear-gradient(180deg, #fff 7%, #ddd 8%, #f3f3f3 100%);
    *background: #f3f3f3;
    box-shadow: 0 -6px 0 #d6d6d6 inset;
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    font-size: 0.85em;
    padding: 0;
    text-rendering: optimizeLegibility;
	text-transform: uppercase;
}


#main-nav .navbar-nav {
	*padding: 0 0.5em;
}

#main-nav li {
    transition: all 0.5s;
}

#main-nav li a {
	border: 1px solid #d0d0d0;
    border-width: 0 1px;
    color: #616161;
    padding: 0.4em 0.75em 0.5em 0.75em;
    text-decoration: none !important;
}


#main-nav li.active {
    background: linear-gradient(180deg, #fff 7%, #eee 8%, #fff 100%);
    box-shadow: 0 -6px 0 #ffd530 inset;
}


#main-nav li.active > a {
    color: black;
}


#main-nav li:hover {
    background: linear-gradient(180deg, #fff 7%, #ccc 8%, #eee 100%);
    box-shadow: 0 -6px 0 #bbb inset;
}


#main-nav .dropdown-menu {
    background-color: black;
    border: 0;
    border-radius: 0;
    box-shadow: 0 15px 20px rgba(0,0,0,0.5);
    margin-top: -6px;
    padding: 0;
}


#main-nav .dropdown-menu a {
    border: 0;
    color: white;
}


#main-nav .dropdown-menu a.active {
    background-color: #333;
    color: #ffd530;
}


#main-nav .dropdown-menu a:hover {
    background-color: #ffd530;
    color: black;
}


/* Hack to make dropdowns work on hover vs. click */
@media(min-width:1200px) {
    #main-nav li.dropdown:hover > .dropdown-menu {
        display: block;
    }
}

/* Remove dropdown toggle icon on mobile */
@media (max-width: 1199px) {
    #main-nav .dropdown-toggle:after {
        border: 0 !important;
    }
}


/* /MAIN NAVIGATION --------------------------------------------------------- */
/* FOOTER ------------------------------------------------------------------- */


footer {
    background: linear-gradient(180deg, #383838, #5b5b5b);
    border-top: 5px solid #ffd530;
    color: white;
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    line-height: 1.5em;
}


footer .menu a {
    color: #aaa;
    font-size: 133%;
    text-decoration: none;
    text-transform: uppercase;
}

footer .menu li {
    padding-bottom: 1.0em !important;
}


footer .menu a:hover {
    color: #fff;
}


footer .menu {
    list-style: none;
    margin-bottom: 40px;
    padding-left: 0;
}


/* /FOOTER ------------------------------------------------------------------ */
/* SOCIAL MEDIA ICONS ------------------------------------------------------- */


footer .social {
    list-style: none;
    min-height: 140px;
    padding-left: 0;
}

footer .social li a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: right;
    width: 12%;
    padding-top: 10%;
    max-height: 40px;
    position: relative;
    top: 3.0em;
}

footer .social img {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 20%;
    left: 20%;
}

.facebook a {
    *background: #3b5998;
    background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><circle cx="50" cy="50" r="49" fill="%233b5998" /></svg>');
}

.youtube a {
    *background-color: #c4302b;
    background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><circle cx="50" cy="50" r="49" fill="%23c4302b" /></svg>');
}

.instagram a {
    *background: #d6249f;
    *background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><circle cx="50" cy="50" r="49" fill="%23d6249f" /></svg>');
}

.twitter a {
    *background-color: #38a1f3;
    background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><circle cx="50" cy="50" r="49" fill="%2338a1f3" /></svg>');
}

.flickr a {
    *background-color: #ff0084;
    background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><circle cx="50" cy="50" r="49" fill="%23ff0084" /></svg>');
}

.linkedin a {
    *background-color: #0e76a8;
    background-image: url('data:image/svg+xml;utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><circle cx="50" cy="50" r="49" fill="%230e76a8" /></svg>');
}


/* /SOCIAL MEDIA ICONS ------------------------------------------------------ */
/* ARL GLITZ PANEL ---------------------------------------------------------- */


.arl-glitz-panel {
    background-size: cover !important;
    background-position: top center;
    overflow-x: hidden;
}


.arl-glitz-panel .scroller {
    color: rgba(255,255,255,0.5);
    color: rgba(0,0,0,0.07);
    display: block;
    font-size: 8.0em;
    font-weight: bold;
    left: 0;
    position: absolute !important;
    right: auto;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100vw;
    z-index: 1 !important;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


@media(max-width:767px) {
    .arl-glitz-panel .scroller {
        *font-size: 4.0em;
    }
}


.arl-glitz-panel .scroller-right {
    color: rgba(255,255,255,0.35);
    left: auto;
    right: 0;
    text-align: right;
}


.arl-glitz-panel .glitz-content {
    background-color: rgba(242,243,244,0.75);
    line-height: 1.75em;
    padding: 30px 10px;
}


.arl-glitz-panel .glitz-content > * {
    z-index: 2;
    position: relative;
}


.arl-glitz-panel hr {
    border: 0;
    border-top: 5px solid #ffd530;
    height: 0;
    margin: 32px auto 40px 0;
    width: 5.0em;
}


.arl-glitz-panel h2 {
    color: #444;
    font-size: 44px;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}


.arl-glitz-panel .btn {
    margin-top: 1.5em;
}


.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


/* /ARL GLITZ PANEL --------------------------------------------------------- */
/* ARL HERO PANEL ----------------------------------------------------------- */


.arl-hero-panel {
    background: linear-gradient(180deg, #383838 0%, #5b5b5b 100%);
    border: 1px solid rgb(244,244,244);
    border-width: 1px 0;
    font-family: 'US Army', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', Arial, sans-serif;
    overflow: hidden;
    position: relative;
}


.arl-hero-panel .container {
    padding: 72px 0;
    text-align: center;
}


.arl-hero-panel .scroller {
    color: rgba(255,255,255,0.05);
    display: block;
    font-size: 4.0em;
    font-weight: bold;
    position: absolute !important;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100vw;
    z-index: 1 !important;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.arl-hero-panel .scroller-top {
    top: 50px;
    left: 0;
}


.arl-hero-panel .scroller-bottom {
    top: 120px;
    right: 0;
}


.hero-intro {
    color: #ffd530;
    font-size: 1.25em;
    font-weight: 200;
    letter-spacing: 6px;
    opacity: 0.5;
    text-transform: uppercase;
}


.hero-primary {
    color: white;
    text-transform: uppercase;
}


.arl-hero-panel hr {
    border: 0;
    border-top: 5px solid #ffd530;
    height: 0;
    margin: 50px auto;
    width: 8.0em;
}


.hero-content {
    color: rgb(193,193,193);
}


/* /ARL HERO PANEL ---------------------------------------------------------- */
/* HOMEPAGE ----------------------------------------------------------------- */


#home-splash {
    background-attachment: fixed;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 100px;
}


#home-splash h2 {
    color: #83847a;
    text-transform: uppercase;
}


#arl-home-media-panel {
    display: -ms-grid;
    display: grid;
    grid-gap: 0%;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
	height: 100%;
	min-height: 350px;
	overflow: auto;
	padding: 0 0 10px 0;
	margin: 0;
}


.arl-home-media-panel-a, .arl-home-media-panel-b, .arl-home-media-panel-c, .arl-home-media-panel-d {
    padding: 5px;
}


.arl-home-media-panel-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1 / 1 / 2 / 2;
    margin-right: 5px;
}
.arl-home-media-panel-b {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: 2 / 1 / 3 / 2;
    margin-right: 5px;
}
.arl-home-media-panel-c {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: 1 / 2 / 2 / 3;
    margin-left: 5px;
}
.arl-home-media-panel-d {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: 2 / 2 / 3 / 3;
    margin-left: 5px;
}


@media(max-width:767px) {
    #arl-home-media-panel {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 1fr auto 1fr;
        grid-template-rows: auto 1fr auto 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    
    .arl-home-media-panel-a {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    	grid-area: 1 / 1 / 2 / 2;
        margin-right: 0;
    }
    .arl-home-media-panel-b {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    	grid-area: 2 / 1 / 3 / 2;
        margin-right: 0;
        z-index: 20;
    }
    .arl-home-media-panel-c {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    	grid-area: 3 / 1 / 4 / 2;
        margin-left: 5px;
        margin-top: 20px;
    }
    .arl-home-media-panel-d {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    	grid-area: 4 / 1 / 5 / 2;
        margin-left: 0;
    }
}


.arl-home-media-panel-incl {
	background-color: #666;
	background-size: cover;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	display: flex;
	height: 100%;
	padding: 0.75em;
}


.sixteen-by-nine {
    display: block;
	padding-top: 56.25%;
	position: relative;
    width: 100%;
}
.sixteen-by-nine iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.four-by-three {
    display: block;
	padding-top: 75%;
	position: relative;
    width: 100%;
}


.arl-home-media-panel-d p {
    color: white;
    font-size: 90%;
    font-weight: bold;
}


#podcast-badges img {
    max-height: 46px;
    height: 38px;
    margin-right: 10px;
    margin-top: 10px;
    transition: all 0.2s;
}
#podcast-badges img:first-child {
    *max-height: 38px;
}

#podcast-badges img:hover {
    box-shadow: 0 15px 20px rgba(0,0,0,0.5) !important;
    transform: scale(1.1);
}



#arl-news-blocks {
    display: -ms-grid;
	display: grid;
    grid-gap: 0%;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 2fr repeat(2, 1fr);
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
	height: auto !important;
	min-height: 450px;
	overflow: hidden;
	padding: 0 0 10px 0;
	margin: 0;
}

.arl-news-blocks-a, .arl-news-blocks-b, .arl-news-blocks-c, .arl-news-blocks-d, .arl-news-blocks-e {
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    padding: 5px;
    min-height: 225px;
}

.arl-news-blocks-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2;
    grid-area: 1 / 1 / 3 / 2;
    padding-left: 0;
}
.arl-news-blocks-b {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: 1 / 2 / 2 / 3;
}
.arl-news-blocks-c {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: 1 / 3 / 2 / 4;
    padding-right: 0;
}
.arl-news-blocks-d {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: 2 / 2 / 3 / 3;
}
.arl-news-blocks-e {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: 2 / 3 / 3 / 4;
    padding-right: 0;
}

@media(max-width:767px) {
    #arl-news-blocks {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 375px repeat(2, 230px);
    }
    
    .arl-news-blocks-a {
        grid-area: 1 / 1 / 2 / 3;
    	padding-left: 0;
    }
    .arl-news-blocks-b {
        grid-area: 2 / 1 / 3 / 2;
        padding-left: 0;
    }
    .arl-news-blocks-c {
        grid-area: 2 / 2 / 3 / 3;
    	padding-right: 0;
    }
    .arl-news-blocks-d {
        grid-area: 3 / 1 / 4 / 2;
        padding-left: 0;
    }
    .arl-news-blocks-e {
        grid-area: 3 / 2 / 4 / 3;
    	padding-right: 0;
    }
}

#arl-news-blocks div a {
	background-color: #cccfcf;
	background-size: cover;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    display: flex;
    height: 100%;
    min-height: 220px;
    padding: 0.75em;
    text-decoration: none;
	width: 100%;
}

#arl-news-blocks div a h4 {
	align-self: flex-end;
	color: #fff;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#arl-news-blocks div a:hover h4 {
	color: #ffd530;
}

.arl-news-blocks-a a h4 {
	font-size: 1.5em !important;
}

.arl-news-blocks-a a p {
	color: #ffd530;
	font-weight: normal;
	font-size: 66%;
	letter-spacing: 1.1px;
}

.arl-news-blocks-a a:hover p {
	color: #fff;
}


/* /HOMEPAGE ---------------------------------------------------------------- */
/* STANDARD PAGE ------------------------------------------------------------ */


#standard-page .page-content {
    font-size: 1.0em;
    margin-bottom: 4.0em;
    padding-top: 4.0em;
}

#standard-page .page-content a {
    box-shadow: 0 3px 0 #ffd530;
    text-decoration: none;
}

#standard-page .page-content p {
    padding-bottom: 0.5em;
}

#standard-page a[href$='.pdf']:not(.wp-block-button__link) {
    background: url('data:image/svg+xml;utf-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-514-593q33 26 84 56 59-7 117-7 147 0 177 49 16 22 2 52 0 1-1 2l-2 2v1q-6 38-71 38-48 0-115-20t-130-53q-221 24-392 83-153 262-242 262-15 0-28-7l-24-12q-1-1-6-5-10-10-6-36 9-40 56-91.5t132-96.5q14-9 23 6 2 2 2 4 52-85 107-197 68-136 104-262-24-82-30.5-159.5t6.5-127.5q11-40 42-40h22q23 0 35 15 18 21 9 68-2 6-4 8 1 3 1 8v30q-2 123-14 192 55 164 146 238zm-576 411q52-24 137-158-51 40-87.5 84t-49.5 74zm398-920q-15 42-2 132 1-7 7-44 0-3 7-43 1-4 4-8-1-1-1-2-1-2-1-3-1-22-13-36 0 1-1 2v2zm-124 661q135-54 284-81-2-1-13-9.5t-16-13.5q-76-67-127-176-27 86-83 197-30 56-45 83zm646-16q-24-24-140-24 76 28 124 28 14 0 18-1 0-1-2-3z"/></svg>') center left no-repeat;
    background-size: 1.0em;
	padding-left: 1.3em;
}

#standard-page a[href$='.docx']:not(.wp-block-button__link), #standard-page a[href$='.doc']:not(.wp-block-button__link) {
    background: url('data:image/svg+xml;utf-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-1175-896v107h70l164 661h159l128-485q7-20 10-46 2-16 2-24h4l3 24q1 3 3.5 20t5.5 26l128 485h159l164-661h70v-107h-300v107h90l-99 438q-5 20-7 46l-2 21h-4q0-3-.5-6.5t-1.5-8-1-6.5q-1-5-4-21t-5-25l-144-545h-114l-144 545q-2 9-4.5 24.5t-3.5 21.5l-4 21h-4l-2-21q-2-26-7-46l-99-438h90v-107h-300z"/></svg>') center left no-repeat;
    background-size: 1.0em;
	padding-left: 1.3em;
}

#standard-page a[href$='.zip']:not(.wp-block-button__link) {
    background: url('data:image/svg+xml;utf-8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M768 384v-128h-128v128h128zm128 128v-128h-128v128h128zm-128 128v-128h-128v128h128zm128 128v-128h-128v128h128zm700-388q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-128v128h-128v-128h-512v1536h1280zm-627-721l107 349q8 27 8 52 0 83-72.5 137.5t-183.5 54.5-183.5-54.5-72.5-137.5q0-25 8-52 21-63 120-396v-128h128v128h79q22 0 39 13t23 34zm-141 465q53 0 90.5-19t37.5-45-37.5-45-90.5-19-90.5 19-37.5 45 37.5 45 90.5 19z"/></svg>') center left no-repeat;
    background-size: 1.0em;
	padding-left: 1.3em;
}

#standard-page .page-content .col-lg-9 li {
    margin-bottom: 0.66em;
}


/* /STANDARD PAGE ----------------------------------------------------------- */
/* STANDARD PAGE HEADER ----------------------------------------------------- */


.new-header {
    background-size: cover;
    background-attachment: fixed;
    border-bottom: 1px solid #fdfdfd;
    box-shadow: 0 0 54px rgba(0,0,0,0.15);
    display: flex;
    min-height: 400px;
}

.new-header .container {
    padding: 2.5em 0;
    padding-left: 0.75em;
    align-self: center;

}

.new-header hr {
    border: 2px solid #ffd530;
    margin: 0 auto 0 0;
    width: 10%;

}

.new-header h1 {
    color: #fff;
    font-size: 3.4em;
    margin: 0.5em 0;
}

.new-header #breadcrumbs {
    color: #bfb8ab;
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    font-size: 0.9em;
    left: -0.7em;
    letter-spacing: 0.7px;
    *list-style: none;
    padding-left: 0;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-header #breadcrumbs li {
    display: inline;
    padding-left: 0;
}

.new-header #breadcrumbs a {
    color: #ffd530;
    padding: 0 0.75em;
    text-decoration: none;
}

.new-header #breadcrumbs strong {
    font-weight: normal;
    padding: 0 0.75em;
}

.new-header .breadcrumb_last {
    color: #fff;
    padding-left: 0.75em;
}


/* /STANDARD PAGE HEADER ---------------------------------------------------- */
/* STANDARD PAGE HIERARCHY -------------------------------------------------- */


#side-hierarchy {
    border-top: 3px solid #ffd530;
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    margin-bottom: -5.0em;
    padding: 0;
    position: relative;
    top: -7.0em;
    text-transform: uppercase;
}

#side-hierarchy h3 {
    margin: 0;
}

#side-hierarchy h3 a {
    background-color: #030000;
    color: #fff;
    font-size: 0.7em;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 1.0em 10px;
}

#side-hierarchy h3 a:hover {
    color: #ffd530;
}

#side-hierarchy ul {
    list-style-type: none;
    padding: 0;
}

#side-hierarchy a {
    background-color: #f7f7f7;
    box-shadow: 0 4px 4px rgba(45,98,52,0.15) !important;
    color: #898b8b;
    display: block;
    padding: 10px;
    transition: color 0.2s;
}

#side-hierarchy a:hover {
    color: #535454;
}

#side-hierarchy li.current_page_item > a {
    background: #fff url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20' width='10'><polygon points='10,0 10,20 0,10' fill='rgb(159,165,162)'></polygon></svg>") no-repeat;
    background-position: right center;
    border: 1px solid #b1b3b3;
    border-right: 0;
    color: #535454;
    position: relative;
}

#side-hierarchy li ul {
    display: none;
}

#side-hierarchy li.current_page_item ul,
#side-hierarchy li.current_page_ancestor ul,
#side-hierarchy li.current_page_parent ul {
    display: block;
}

#side-hierarchy li.current_page_item ul a {
    background-color: #aaa9a9;
    color: #555;
}

#side-hierarchy li.current_page_item ul a:hover {
    color: #fff;
}

#side-hierarchy li.current_page_item ul ul a {
    background-color: #777575;
    color: #111;
    padding-left: 1.5em;
}

@media (max-width: 991.98px) {
    #zzside-hierarchy > ul > li {
        display: none;
    }

    #zzside-hierarchy li.current_page_item {
        display: block;
    }

    .zzis-top-level {
        display: none;
    }
}

@media (min-width: 992px) {
    #side-hierarchy li.current_page_item > a {
        left: -5%;
        padding-left: 20px;
        width: 105%;
    }
}


/* /STANDARD PAGE HIERARCHY ------------------------------------------------- */
/* CUSTOM CLASSES FOR GUTENBERG --------------------------------------------- */


#standard-page .first-paragraph {
    font-size: 1.3em;
}


@media (min-width: 992px) {
    .split-to-columns {
        columns: 2;
    }
}


/* /CUSTOM CLASSES FOR GUTENBERG -------------------------------------------- */
/* TEAM MEMBERS STYLING ----------------------------------------------------- */


.card-horizontal {
    display: flex;
    flex: 1 auto;
}

.card-body {
    background-color: rgba(255,255,255,0.5);
}

.card-horizontal img {
    width: 200px;
}


/* /TEAM MEMBERS STYLING ---------------------------------------------------- */
/* TESTIMONIALS ------------------------------------------------------------- */


.testimonial {
    background: linear-gradient(180deg, #383838 0%, #5b5b5b 100%);
    border: 1px solid rgb(244,244,244);
    border-width: 1px 0;
    font-family: 'US Army', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', Arial, sans-serif;
    overflow: hidden;
    padding: 72px 0;
    position: relative;
}

.testimonial blockquote {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(104,104,104)' d='M832 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z'/%3E%3C/svg%3E");
    background-size: 2.0em 2.0em;
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 80px;
    font-size: 1.4em;
    line-height: 2.0em;
    color: #ccc;
}

.testimonial cite {
    color: white;
    font-size: 1.8em;
    font-style: normal;
    font-weight: bold;
}

.testimonial cite p {
    color: rgba(164,164,164);
    font-size: 0.5em;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 1.0em;
    text-transform: uppercase;
}

.testimonial svg {
    max-height: 400px;
    position: absolute;
    max-width: 100%;
}

@media (max-width: 575.98px) {
    .testimonial .svg-photo {
        position: relative;
    }
    .testimonial svg {
        transform: translate3d(0,0,0) !important;
    }
}


/* /TESTIMONIALS ------------------------------------------------------------ */
/* PAGE TITLE JUMBOTRON ----------------------------------------------------- */


.glitz-jumbo {
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    min-height: 66vh;
    padding: 0 20px;
}

.glitz-jumbo .row {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" height="20px" width="20px"><polygon points="0,0 20,0 0,20" fill="rgb(255,213,48)" stroke="none" /></svg>') 0 0 no-repeat;
    border-top: 3px solid rgba(3,0,0,0.25);
    margin: 2.0em 0;
}

.glitz-jumbo h1 {
    font-size: 4.0em;
    text-align: right;
    text-transform: uppercase;
}

.glitz-jumbo h1 span {
    color: #83847a;
    display: block;
    font-size: 0.3em;
}

.glitz-jumbo-right {
    background-color: rgba(255,255,255,0.66);
    border-bottom-right-radius: 88px;
    border-left: 12px solid #ffd530;
    color: #333;
    line-height: 1.8em;
    padding: 1.0em 1.0em 0 1.0em;
}


/* /PAGE TITLE JUMBOTRON ---------------------------------------------------- */
/* LOCATION CARD ------------------------------------------------------------ */


.location-card > div {
    background-position: center;
    background-size: cover;
    border: 1px solid #a3a6a6;
    border-radius: 7px;
    box-shadow: inset 0 1px 1px rgb(255,255,255,0.75), 0 3px 15px rgba(0,0,0,0.25), 0 1px 0 rgba(0,0,0,0.25);
    margin-bottom: 20px;
    min-height: 180px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.location-card div div {
    bottom: 25px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.75);
    display: table-cell;
    font-family: "US Army", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;
    font-size: 0.7em;
    left: -5px;
    line-height: 1.4em;
    padding: 10px 20px 10px 10px;
    position: absolute;
}

.location-card strong {
    font-size: 1.25em;
    font-weight: normal;
}

.location-card-hq {
    color: black;
}
.location-card-hq div div {
    background: linear-gradient(115deg, rgba(255,247,154,1) 31%,rgba(255,247,154,1) 31%,rgba(255,235,24,1) 63%,rgba(255,224,48,1) 70%,rgba(255,235,24,1) 78%,rgba(255,247,154,1) 100%); /* #fff79a+31,fff79a+31,ffeb18+63,ffe030+70,ffeb18+78,fff79a+100 */
    box-shadow: inset 0 0 15px #ffd530, 3px 3px 9px rgba(0,0,0,0.75);
}

.location-card-primary {
    color: black;
}
.location-card-primary div div {
    background-color: #ffd530;
}

.location-card-regional {
    color: white;
}
.location-card-regional:hover {
    color: #ffd530;
}
.location-card-regional div div {
    background-color: #030000;
}


/* /LOCATION CARD ----------------------------------------------------------- */
/* DOWNLOAD PANEL ----------------------------------------------------------- */


.download-panel {
    background-color: #ccc;
    min-width: 200px;
}

.download-panel-float-right {
    float: right;
    margin-left: 1.0em;
}

.download-panel-float-left {
    float: left;
    margin-right: 1.0em;
}

.download-panel .card-body {
    text-align: center;
}

.download-panel .wp-block-button__link{
    padding-right: 0.5em;;
}



/* /DOWNLOAD PANEL ---------------------------------------------------------- */
/* MEDIA CENTER ------------------------------------------------------------- */




#media-center h2 {
    color: #83847a;
    text-transform: uppercase;
}


#media-center .panel {
	background-color: #666;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	padding: 0.75em;
}


/* /MEDIA CENTER ------------------------------------------------------------ */
/* SEARCH MODAL ------------------------------------------------------------- */


#search-modal .modal-content {
    background-color: rgba(0,0,0,0.66) !important;
    border-top: 3px #ffd530 solid;
    border-top-left-radius:  0;
    border-top-right-radius: 0;
}

#search-modal .modal-dialog {
    margin: 30px auto;
    max-width: 800px;
}

#search-modal .modal-body {
    padding: 0px;
    position: relative;
}

#search-modal .close {
    color :#fff;
    font-size: 2rem;
    font-weight: normal;
    opacity: 1;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
}

#search-modal-style {
    padding: 40px 20px;
    width: 100%;
}

#search-modal-style h3 {
    color: #ffd530;
    text-transform: uppercase;
}

#search-modal-style button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjE2IDgzMnEwLTE4NS0xMzEuNS0zMTYuNXQtMzE2LjUtMTMxLjUtMzE2LjUgMTMxLjUtMTMxLjUgMzE2LjUgMTMxLjUgMzE2LjUgMzE2LjUgMTMxLjUgMzE2LjUtMTMxLjUgMTMxLjUtMzE2LjV6bTUxMiA4MzJxMCA1Mi0zOCA5MHQtOTAgMzhxLTU0IDAtOTAtMzhsLTM0My0zNDJxLTE3OSAxMjQtMzk5IDEyNC0xNDMgMC0yNzMuNS01NS41dC0yMjUtMTUwLTE1MC0yMjUtNTUuNS0yNzMuNSA1NS41LTI3My41IDE1MC0yMjUgMjI1LTE1MCAyNzMuNS01NS41IDI3My41IDU1LjUgMjI1IDE1MCAxNTAgMjI1IDU1LjUgMjczLjVxMCAyMjAtMTI0IDM5OWwzNDMgMzQzcTM3IDM3IDM3IDkweiIvPjwvc3ZnPg==") !important;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-right: 1rem !important;
    width: 3.0em !important;
}

#search-modal-style button span {
    visibility: hidden !important;
}

#search-modal-style #search-field {
    width: 90%;
}


  /* /SEARCH MODAL ------------------------------------------------------------ */