/* New Header 2018-2019 */ 
@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700|Poly|Sura');



/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

.bottom-nav {
background-color:white;
z-index:1000;
box-shadow:1px 1px 5px #bfbfbf;
max-height:68px;
}
.bottom-nav a:hover {
color:#e55612;
}
.bottom-nav img {
height:50px;
width:auto;
display:inline-block;
margin-top:11px;
}
.bottom-nav li {
display:inline-block;
padding:25px 15px;
position:relative;
}
.sub {
position:absolute;
background-color:rgba(220,220,220,0.9);
z-index:1001;
top:68px;
display:none;
width:270px;
left:-20px;
padding:0;
}
.sub > li {
padding:20px;
}
.top-nav {
height:45px;
background-color:black;
padding-top:12px;
}
.top-nav li, .top-nav a {
color:white;
list-style-type:none;
display:inline-block;
padding:0 15px;
font-family:'Raleway', sans-serif;
font-weight:bold;
letter-spacing:0.2em;
font-size:0.8em;
}
.top-nav-right li:last-child {
border-right:1px solid #bfbfbf;
}
.top-nav-right * {
float:right;
}
.nav-list {
margin-bottom:0;
}
#mobile-nav {
position:fixed;
width:250px;
height:100vh;
z-index:9999;
background-color:white;
left:0;
overflow-y:scroll !important;
top:0px;
max-width:300px;
}
#mobile-nav li {
list-style-type:none;
margin:5px 15px;
text-align:left;
border-bottom:1px solid #bfbfbf;
padding:10px 0;
}
#mobile-nav ul {
padding:0;
}
.mobile-menu-background {
height:100vh;
width:100vw;
position:fixed;
z-index:9998;
background-color:rgba(0,0,0,0.7);
}
#mobile-nav img {
padding:10px 30px;
}
#mobile-nav span.glyphicon {
padding:15px;
color:#bfbfbf;
font-size:2em;
cursor:pointer;
}
.top-nav-right {
padding-top:5px;
}
.top-nav-right i {
font-size:1.4em;
}
.nav-parent .nav-child li {
display:block;
background-color:#bfbfbf;
color:black;
position:absolute;
z-index:500;
margin-top:25px;
}
ul.sub li:hover {
background-color:#FFDF00;
color:black;
font-weight:700;
}
#siq_searchForm input[type="search"] {
border:1px solid #bfbfbf;
border-radius:5px;
outline:none;
font-family:'Raleway', sans-serif;
padding-left:10px;
font-size:13px;
}
#siq_searchForm {
display:inline-block;
float:right;
padding:23px 0;
}
.bottom-nav div {
max-height:68px;
}
.nav-parent:hover .sub {
display:block;
}
.sub li {
padding:10px 20px;
}
.bottom-nav .sub li {
padding:10px 25px;
width:100%;
}
#header-2018-top .flex {
display:flex;
justify-content:space-between;
align-items:center;
padding:0 15px;
}
#header-2018-bottom .flex {
display:flex;
justify-content:space-between;
align-items:center;
padding:0 20px;
}
#header-2018-bottom .flex > div:last-child {
display:none;
}
#header-2018 .header-logo {
max-width:150px;
}
#header-2018 .header-social {
width:261px;
}
#header-2018-top .fa {
border:1px solid #dadada;
border-radius:100%;
font-size:25px;
margin:0 5px;
text-align:center;
height:50px;
width:50px;
line-height:50px;
transition:color .3s;
}
#header-2018-top .fa:hover {
color:#e80683;
}
#signin_2018 {
position:absolute;
bottom:calc(100% + 22px);
align-self:flex-start;
font-size:18px;
}
#header-2018 .subscribe-today {
align-self:flex-end;
position:relative;
display:flex;
flex-direction:column;
}
#header-2018 .subscribe-cta {
display:inline-block;
background-color:#e80683;
color:white;
padding:10px 15px;
font-family:'freight-sans-pro';
font-weight:bold;
letter-spacing:0.2em;
font-size:0.8em;
position:relative;
left:-4px;
bottom:-44px;
z-index:-1;
margin:0;
}
#header-2018-top {
margin-top:15px;
padding:20px 0;
}
#header-2018-bottom {
border-top:1px solid #dadada;
background:#fff;
}
#header-2018-bottom.condensed {
position:fixed;
top:0;
left:0;
right:0;
z-index:101;
margin:auto;
}
#header-2018-bottom.condensed .header-2018-menu {
display:none;
}
#header-2018-bottom .header-2018-menu li {
display:inline-block;
font-weight:bold;
font-size:.9em;
letter-spacing:0.1em;
padding:20px 15px;
text-decoration:none;
list-style-type:none;
font-family:'freight-sans-pro' !important;
}
#header-2018-bottom .mobile-trigger, #header-2018-bottom  .fa-search {
color:#e80683;
cursor:pointer;
}
.search-modal {
background-color:rgba(0,0,0,0.7);
height:215px;
position:absolute;
top:0;
left:0;
right:0;
z-index:10;
}
.search-modal form {
position:absolute;
top:70px;
left:0;
right:0;
width:90%;
max-width:500px;
margin:auto;
background:#fff;
display:flex;
height:70px;
}
.search-modal form input {
padding:10px;
font-size:20px;
outline:none;
display:block;
width:100% !important;
border:none;
border-right:1px solid #eee;
}
.search-modal form span {
min-width:70px;
height:70px;
display:block;
line-height:70px;
text-align:center;
font-size:25px;
cursor:pointer;
}
.search-modal form .submitButton {
border:none;
background:none;
padding:0;
}
.search-modal.fixed {
position:fixed;
height:75px;
z-index:102;
}
.search-modal.fixed form {
top:0;
}
#logo_bottom_condensed {
display:none;
}
#condensed_signin_link {
display:none;
}
#header-2018-bottom.condensed .flex > div {
max-width:150px;
width:30%;
}
#header-2018-bottom.condensed #logo_bottom_condensed {
display:inline-block;
margin-left:10px;
}
#header-2018-bottom.condensed #condensed_signin_link {
display:inline-block;
}
#header-2018-bottom.condensed #siq_searchForm {
float:none;
width:20px;
margin:auto;
display:block;
}
#header-2018-bottom.subscribe_menu li {
border-radius:3px;
border-style:solid;
border-color:#e64c94;
border-width:2px;
color:#e64c94;
}

@media (min-width: 1200px) {
.bottom-nav li {
padding:25px 5px;
}
.top-nav li, .top-nav a {
padding:0 10px;
}
#header-2018 .subscribe-today {
margin-left:0;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
.bottom-nav li {
padding:25px 5px;
}
.top-nav li, .top-nav a {
padding:0 5px;
}
#signin_2018 {
bottom:calc(100% + 10px);
}
#header-2018 .subscribe-today {
margin-left:25px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
.nav-list {
margin-top:10px;
}
#header-2018 .header-social {
width:125px;
}
#header-2018 .subscribe-cta {
left:0;
bottom:0;
}

}

@media (max-width: 767px) {
.nav-list {
margin-top:10px;
}
#header-2018-bottom .flex > div:last-child {
display:block;
}
#header-2018 .header-logo {
width:100%;
display:block;
}
#header-2018 .header-social {
width:125px;
}
#header-2018 .subscribe-today {
align-self:center;
}
#header-2018 .subscribe-cta {
left:0;
bottom:0;
}

}

@media (max-width: 480px) {
#mobile-nav img {
max-width:100px;
}
#header-2018 .header-logo {
width:60%;
display:block;
padding:0 10px;
}
#header-2018 .header-social {
width:75px;
align-self:flex-end;
}
#header-2018 .header-social a {
margin:5px 2px;
display:inline-block;
}
#header-2018-top .fa {
font-size:20px;
margin:0 2px;
height:25px;
width:25px;
line-height:25px;
}
#header-2018 .subscribe-cta {
left:0;
bottom:0;
}
#header-2018-top {
margin-top:0;
padding:10px 0;
}
#logo_bottom_condensed {
display:none !important;
}

}