/*------ Header Styling - All Devices ------*/
.header .container-fluid {max-width:100%;}
.header {box-shadow:2px 2px 4px #efefef;}

header .container-fluid{padding-left:0;padding-right:0}



/*------ Header CSS Grid Setup and default overwrites ------*/

header {height: auto !important;background: #fff !important;padding-top:0px;box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);border-bottom:0px solid #efefef}
header .container-fluid{display: grid;grid-template-columns: 150px auto 150px !important;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
header .container-fluid::before{display: none}
header .container-fluid::after{display: none}
header .container-fluid *{position: relative !important;height: auto !important;width: auto !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important}



/*------ Header Styling - Logo ------*/

.header .logo-wrapper { grid-area: 1 / 1 / 2 / 2;height: 95px !important }
.header .logo-wrapper a#company-logo{background-position: center center;margin-top:0;}
.header #company-logo{margin-left:0;background-size: 190px !important;margin:10px 12px 0px;height: 95px !important;min-height: none !important;width: 260px !important}



/*------ Header Styling - Utility Nav - Social Buttons ------*/

.header .utility-nav-wrapper { grid-area: 1 / 3 / 2 / 4;top:auto !important;right:auto !important;justify-self: right;align-self: center;min-width: 210px;margin-right: 110px;z-index: 10}
.header .utility-nav-wrapper a .fa {font-size:2em;}
nav.utility {line-height:.8;}
nav.utility ul li {margin:0;}
nav.utility ul li a{ font-size:18px;}
nav.utility li.subscribe-btn 	{margin-top:12px;}
nav.utility li.subscribe-btn a {color:#28aaf6 !Important;font-family:'Rubik', sans-serif;font-weight:700;margin-right:0 !important;text-transform:uppercase;}
.header nav.utility .nav li a {color:#000;padding:0;margin-right:10px;}




/*------ Header Styling - Search ------*/

@media (min-width: 991px){

.header .search-form-wrapper { grid-area: 1 / 3 / 2 / 4;align-self:center; justify-self: center;width:50px !important;top: 0 !important }
.header .search-form-wrapper .searchform input {padding: 0px !important}
.header .search-form-wrapper  i {color:#a90533}
.header .search-form-wrapper .sr-only{display: none}

#searchform .fa {font-size:24px;}
.header .search-form-wrapper .searchform input {padding: 0px !important}
#searchform button[type="submit"]{position: absolute !important;line-height: normal !important;right: 0 !important;top: 0 !important;z-index: 10000000 !important ;bottom: auto !important;width:50px !important;height: 38px !important;background:#fff}
#searchform.open button[type="submit"] {background:none}


header #searchform input[type="text"]{height: 40px !important;margin-bottom:0px;padding-left:5px !important;border:1px solid rgba(0,0,0,0);border-radius: 0 !important;display: block;}

#searchform .fa-search{width:auto !important;height: auto !important;line-height: normal;background: none}
.header .search-form-wrapper .searchform #site-search {width: 44px !important;}
.header .search-form-wrapper .searchform.open #site-search {width: 270px !important;}
.header .search-form-wrapper .searchform.open {box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;}
header #searchform.open input[type="text"]{border:1px solid rgba(0,0,0,.25)}

}


/*------ Header Styling - Secondary Nav not in use ------*/

header.header .secondary-nav-wrapper{display: none}
header.header nav.secondary .nav li a {font-size: 16px;color: #888888;text-transform: none;padding: 4px 10px;font-weight:700;}
header.header nav.secondary .nav li a:hover {background: none;color: #002077;opacity: .7;}
.header .secondary-nav-wrapper { grid-area: 4 / 1 / 5 / 5; }
nav.secondary .top-nav{display: grid !important;grid-template-columns: repeat(5, auto) !important; }
nav.secondary .top-nav li a{text-align: center}
nav.secondary .top-nav::before{display: none}
nav.secondary .top-nav::after{display: none}



/*------ Header Styling - Primary Nav ------*/


.header .primary-nav-wrapper { grid-area: 1 / 2 / 2 / 3;top:auto !important;right:auto !important; align-self: center} 
nav.primary .top-nav{display: flex !important;grid-template-columns: repeat(7, auto) !important;align-content: center }
nav.primary .top-nav li a{text-align: center}
nav.primary .top-nav::before{display: none}
nav.primary .top-nav::after{display: none}
.primary-nav-wrapper .wrap{max-width:none;width: auto !important}

nav.primary{width: auto !important;margin:0 auto !important;display: flex;justify-content: center}
nav .nav li ul.sub-menu{position: absolute !important;border-color:rgba(0,0,0,.1);border-top-width: 1px !important;border-top-style: solid}
nav .nav li ul.sub-menu{display: flex;flex-direction: column;min-width: 210px;font-size: 16px;}
nav .nav li ul.sub-menu a{text-align: left;line-height: normal;padding:10px}
nav .nav li ul.sub-menu a:hover{background: #a90533 !important;color:#fff !important}
nav .nav li ul.sub-menu ul.sub-menu{left: 100% !important;top: 0 !important}

nav.primary .current-menu-item{background: #a90533 !important;border-radius: 5px;}
nav.primary .current-menu-item > a{color: #fff !important}
nav.primary .current-menu-item a:focus {text-decoration: none !important;}

nav.primary .nav li:last-of-type {border-right: none;}
nav.primary .nav li a {color: #222;font-family: 'Rubik', sans-serif;font-weight: 600;letter-spacing: .5px;text-transform: uppercase;font-size:18px;}
nav.primary .nav li a:hover {color:#a90533;}




/*------ Header Styling - Primary Nav - Device fixes, spacing, font sizes ------*/

@media (min-width: 1200px) and (max-width: 1670px){
    nav.primary .nav li a {font-size: 15px;padding-left: .5em;padding-right: .5em} 
}

@media (min-width: 1241px) and (max-width: 1400px){
    .header .primary-nav-wrapper{justify-self: start}
    header .container-fluid{grid-template-columns: 150px auto 70px !important;}
    .header .utility-nav-wrapper {margin-right: 60px !important}
}


@media (min-width: 992px) and (max-width: 1240px){
    .header .primary-nav-wrapper{justify-self: start}
    nav.primary .nav li a {font-size: 13px;padding-left: .3em;padding-right: .3em} 
    header .container-fluid{grid-template-columns: 150px auto 70px !important;}
    .header .utility-nav-wrapper {margin-right: 60px !important}
}



/*------ Header Styling - Hamburger Button ------*/

.header .mobile-button-wrapper { grid-area: 2 / 2 / 3 / 3; }
.menu-side ul#menu-connect-with-us{display: flex;}
.mobile-nav-title {color: #a90533;text-transform: uppercase;width: 100% }
.menu-side .menu{width: 100%;text-transform: uppercase}
.menu-side .menu a{color: #000}
.menu-side .sub-menu {font-size: 14px;text-transform: none}
.menu-side .sub-menu a{color: #666}
.menu-side .sub-menu li:first-of-type a{border: 0 !important}

 

/*------ Header Styling - Mobile Fixes ------*/



@media (max-width: 992px){

.utility-nav-wrapper {display: none}
.primary-nav-wrapper {display: none}
.secondary-nav-wrapper {display: none}
header {margin-top:0;border: 0;padding: 0}
header .container-fluid{display: grid;grid-template-columns: 55px auto 55px !important;grid-template-rows: 90px auto !important;grid-column-gap: 5px;grid-row-gap: 5px;align-items: center !important;justify-items: center !important;margin-bottom:0}
.header .mobile-button-wrapper { grid-area: 1 / 1 / 2 / 2; }
.header .logo-wrapper { grid-area: 1 / 2 / 2 / 3 !important;justify-self: center !important;margin:0 auto}
.header .logo-wrapper a#company-logo{background-position: center;margin:5px auto 0;max-width: 200px}
.header .search-form-wrapper{grid-area: 2 / 2 / 3 / 3;}
.header .search-form-wrapper .sr-only{display: none}
.header .search-form-wrapper  i {color:#a90533}
#searchform .fa {font-size:24px;}
header #searchform input[type="text"] {line-height: 35px;margin-bottom: 5px}
#searchform button[type="submit"] {top: 3px !important}

}



/*Top Stories*/
.top-stories-row {background:#000;padding-top:20px;}
.top-stories-row h3.entry-title a {color:#fff;}
.top-stories-row h3.entry-title a:hover{color: #fff;text-decoration: underline} 
.top-stories-row .entry-content {color:#fff;}
.tsr-left .grid-item {border:none;}
.front-black-box-content:before{display: none !important}
.front-black-box-content:after{display: none !important}
.front-black-box-content > .vc_column_container > .vc_column-inner{padding: 0 !important}

.front-black-box-content .wpb_content_element{margin-bottom: 0}
.front-black-box-content{margin-bottom: 0 !important}
.front-black-box-content {display: flex;flex-wrap: wrap;column-gap:30px }
.top-stories-row .tsr-left {flex-basis: 58%;width: 100%;}
.top-stories-row .front-black-box-content > .vc_col-sm-4{width:100%;flex-basis:calc(42% - 30px)}


@media (max-width: 992px){
    .front-black-box-content {display: flex;flex-wrap: wrap;column-gap:30px;flex-direction: column}
    .top-stories-row .tsr-left .loop-wrapper .grid-item{padding: 0}    
}


.front-black-box-content .content-list-wrapper .entry-content-wrap{display: flex;flex-direction: column}
.front-black-box-content .content-list-wrapper .entry-content-wrap .categories-list{order: -1}
.front-black-box-content .content-list-wrapper .entry-content-wrap .categories-list:before{display: none}
.top-stories-row .tsr-left .loop-wrapper .grid-item{padding-left: 0;padding-top: 0;padding-bottom: 0}
.top-stories-row .tsr-left .entry-content-wrap {margin: 0 auto;position: absolute;bottom: 0;background: #0000009e;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    text-align: left;padding: 15px;}
.top-stories-row .tsr-left .loop-wrapper .hentry .entry-title {font-size:1.9em;}
.top-stories-row .tsr-right .categories-list:before {content:'';}
.top-stories-row .tsr-right .categories-list {font-family:'Rubik', sans-serif;margin-bottom:10px;font-weight:600;}
.top-stories-row .tsr-right .categories-list a {background-color: #a90533;color:#FFF;padding:2px 6px;border-radius:3px;}
.top-stories-row .tsr-right .loop-wrapper .hentry {border-bottom:solid 1px #444;}
.top-stories-row .tsr-right .thumb-wrap{width: 40%}
.top-stories-row .tsr-right article:last-of-type{border: 0 !important}

.top-stories-row .tsr-left h3.entry-title a {font-size: 1.2em !important;line-height: normal}
.top-stories-row .tsr-right h3.entry-title a {font-size: 1.2em !important;line-height: normal}

/* -------------- Adjustments ---------------- */
.header .utility-nav-wrapper a .fa.fa-youtube { padding: 3px 0; font-size: 1.7em;}
.header { box-shadow: none;}
.home #content { margin-top: -1px;}
.header:after { content: ''; height: 10px; width: 100%; background: #a22439 linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); display: block;}
.nav li ul.sub-menu { background: rgba(255,255,255,1);}
a.gtx-cl-archive-link {
    color: #fff;
    background-color: #a22439;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 3px;
    font-family: "Alegreya", arial, sans-serif;
    text-transform: uppercase;
}
a.gtx-cl-archive-link:hover {
    color: #a22439;
    background-color: #edeceb;
}
.footer:before { content: ''; height: 10px; width: 100%; background: #a22439 linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); display: block;}
.footer {
    background-color: #000000;
    color: #fff;
}
.copyright {display:none;}
div#extra-footer {
    text-align: center;
    font-size: 12px;
    padding: 20px 0;
    border-top: solid 1px rgba(255,255,255,.1);
}
img.powered-by {filter: brightness(0) invert(1);}
h1 { margin: 0 0 .67em 0;}
.fig-desc {display:none !important;}

@media screen and (max-width: 981px) {
.header #searchform input[type=text] { width: 85%!important;}
.front-black-box-content .content-list-wrapper .entry-content-wrap { padding-left: 15px;}
.front-black-box-content .content-list-wrapper.top-story .entry-content-wrap {
    padding-left: 0;
    padding-right: 0;
}
.top-stories-row .tsr-left .entry-content-wrap {
    position: inherit;
    background: #000000;
    padding: 15px;
}
.top-stories-row .tsr-left h3.entry-title a {
    font-size: 1em !important;
}
}
.loop-wrapper .grid-item {
    margin: 0;
    border: none;
    border-bottom: none;
}
.loop-wrapper .hentry.grid-item .entry-title { margin-top: 15px;}
.loop-wrapper .hentry .entry-title { font-size: 1.4em;}


/* DANI */
.textWhite h2 {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}
.textWhite .hentry .entry-title a, .textWhite .h3.entry-title, .textWhite .entry-content {
    color: #FFF;
}
/*.breakout .entry-content {
    display: none;
}*/


/* Dani */
h1.main-heading, h1, h2 {text-transform: uppercase;color: #a22439;font-weight: 700;}
h1:before {
    content: ">";
    font-weight: 700;
    font-size: 90px;
    position: relative;
    top: 12px;
    margin-right: 5px;
    color: #edeceb;
    -webkit-text-stroke: 3px #edeceb;
}
h2:before {
    content: ">";
    font-weight: 700;
    font-size: 50px;
    position: relative;
    top: 5px;
    margin-right: 5px;
    color: #edeceb;
    -webkit-text-stroke: 3px #edeceb;
}
.vc_icon_element {margin-bottom: 0 !important;}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {height: 30px !important;width: 20px !important;}
.wpb_content_element.noBottomMargin {margin-bottom: 0;}
.vc_icon_element {float: left;}
.clearLeft {clear: left;}
.meetteamheaders h2 {font-size: 15px;}
.meetteamheaders h2::before {content: ">";font-weight: 700;font-size: 20px;position: relative;top: 1px;margin-right: 5px;color: #edeceb;-webkit-text-stroke: 1px #edeceb;}
.smallerimg img {width: auto;height: 255px !important;}
.menu-item-570{background:#edeceb;padding:0 3px}
.primary .nav li.menu-item-570 a, .primary .nav li.menu-item-570 a:hover{color: #a90533}
.primary .nav li.menu-item-570 .sub-menu a {color: #000;}

/* Author Bios */
.author-bio-field.author-bio-field-author_email {
    background: #0316ad;
    max-width: 170px;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 3px 0 0;
    padding:3px 8px;
    position:relative;
    top:-5px !important;
}
.author-bio-field.author-bio-field-author_email a {color: #fff}

/* Article Fixes */
.single-post .gtxfimage {float: none !important;}
