@import url('/css/responsive_menu3.css');


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

#header .container-fluid {
position:relative;
max-width:1600px;
font-family:'Source Sans Pro', sans-serif;;
}
.micronav a {
color:#fff;
font-size:13px;
padding:8px 10px;
display:inline-block;
}
.micronav a:hover {
background:#F15929;
transition:ease all .5s;
color:#fff;
text-decoration:none;
}
#catnav {
position:absolute;
left:0px;
bottom:0px;
width:100%;
text-align:right;
padding:0px 15px;
}
#catnav #nav, #catnav #site-search {
display:inline-block;
}
#catnav #nav {
padding:0px;
margin:0px;
list-style:none;
}
#catnav #nav li {
display:inline-block;
padding:10px;
font-size:16px;
color:#000;
}
#catnav #nav li > a {
display:inline-block;
color:inherit;
}
#catnav #nav li:hover {
color:#fff;
background:#F15929;
text-decoration:none;
cursor:pointer;
}
#search-query {
outline:none;
border:none;
text-align:left;
padding-right:3px;
width:160px;
background-color:transparent;
text-transform:uppercase;
}
#search_icon {
margin-bottom:-2px;
}
#nav .secondary_nav {
position:absolute;
left:0px;
min-height:100px;
width:100%;
background:#fff;
z-index:10;
display:none;
top:40px;
border-bottom:3px solid #191919;
border-top:3px solid #191919;
color:#000;
box-shadow:0 5px 10px rgba(0,0,0,0.5);
cursor:default;
}
#nav .secondary_nav a {
color:inherit;
}
#catnav #nav li .secondary_nav a:hover {
color:#F15929;
text-decoration:none;
}
#nav li:hover .secondary_nav {
display:block;
transition:ease all .5s;
text-align:center;
}
#catnav #nav li a:hover {
color:#fff;
text-decoration:none;
}
.menu2_item {
width:24%;
display:inline-block;
box-sizing:border-box;
padding:15px;
vertical-align:top;
}
#issues_content > div:first-of-type, #issues_content > div:nth-of-type(2) {
box-sizing:border-box;
padding:15px;
text-align:center;
font-weight:bold;
}
#issues_content > div:first-of-type {
width:30% !important;
}
#issues_content > div:nth-of-type(2) {
width:70% !important;
}
.mag_edition {
display:inline-block;
width:24%;
box-sizing:border-box;
padding:5px;
vertical-align:top;
}
.mag_edition img {
display:block;
margin:0px auto;
}
#issues_content > div:first-of-type img {
display:block;
margin:0px auto;
width:100%;
max-height:420px;
height:auto;
max-width:345px;
}
#article_categories .col {
float:left;
width:20%;
padding:15px 10px;
box-sizing:border-box;
text-align:left;
}
#catnav #nav #article_categories .col ul li {
display:block;
padding:0px 10px;
}
#article_categories .col h4 {
color:#F15929;
}
#catnav #nav #article_categories .col ul li > a:hover {
color:#F15929;
background:none;
}
#catnav #nav #article_categories .col ul li:hover {
background:none;
}
#catnav #nav li.isLink {
padding:0px;
}
#catnav #nav li.isLink a {
padding:10px;
}
#article_categories .col h4, #article_categories .col ul {
max-width:215px;
display:block;
margin-right:auto;
margin-left:auto;
}
#catnav #nav #article_categories .col ul li > a {
display:block;
}
.dl-menuwrapper button.dl-active {
position:fixed;
background:none;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
position:fixed;
transition:ease all .7s;
}
.dl-menuwrapper button:after {
box-shadow:0 10px 0 #F15929, 0 20px 0 #F15929;
background:#F15929;
}
.dl-menuwrapper button:hover:after {
box-shadow:0 10px 0 #C13E00, 0 20px 0 #C13E00;
background:#C13E00;
}
.dl-menuwrapper button:hover {
background:none;
}
.dl-menuwrapper button.dl-active:after {
box-shadow:0 10px 0 #fff, 0 20px 0 #fff;
background:#fff;
}
.dl-menuwrapper li#social_mobile a {
display:inline-block;
font-size:28px;
padding:15px 11px;
}
.dl-menuwrapper li#social_mobile {
padding:0px 15px;
}
.dl-menuwrapper li#social_mobile > a:after {
display:none;
}
.dl-menuwrapper ul {
background:#C13E00;
}
#dl-menu #channel_20, #dl-menu #channel_21 {
display:none;
}
#mobile_secondary {
text-align:center;
}
.dl-menuwrapper ul li {
border-top:1px solid rgba(255,255,255,.2);
}
.micronav {
z-index:1;
position:relative;
}

@media (min-width: 1200px) {
#header .container-fluid {
width:100%;
}
#mobile_menu {
display:none;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#mobile_menu {
display:none;
}
#search-query {
width:125px;
}
#catnav #nav #article_categories .col ul li {
padding:0px;
}
#article_categories .col h4, #article_categories .col ul {
max-width:165px;
}
#article_categories .col ul {
padding-left:10px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#catnav {
display:none;
}
#mobile_menu {
display:none;
}
#search-query {
text-align:left;
}
#search_icon {
padding:4px;
float:right;
}
.menu2_item {
width:auto;
display:block;
text-align:center;
color:#fff;
}
#issues_content > div:first-of-type {
width:100% !important;
float:none !important;
}
#issues_content > div:nth-of-type(2) {
width:100% !important;
float:none !important;
}
.mag_edition {
width:49%;
}
.dl-menuwrapper {
display:block;
max-width:400px;
float:none;
position:absolute;
top:0px;
right:0px;
z-index:0;
height:100%;
width:0px;
}
.dl-menuwrapper button {
top:40px;
right:15px;
left:auto;
z-index:10;
background:none;
}
.dl-menuwrapper .dl-menu {
margin:0px;
padding-top:90px;
height:100%;
overflow-y:scroll;
top:0px;
right:-400px;
background:#C13E00;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
right:0px;
}
.dl-menuwrapper.toFront {
z-index:100;
width:100%;
}
#account_mobile, #micro_mobile, #social_mobile {
display:none;
}
.dl-menuwrapper li .mag_edition a {
padding:15px 5px;
}
.fixed_header .dl-menuwrapper button {
top:0px;
}
.fixed_header .dl-menuwrapper {
top:115px;
}

}

@media (max-width: 767px) {
#catnav {
display:none;
}
#articles_menu {
display:none;
}
#search-query {
text-align:left;
}
#search_icon {
padding:4px;
float:right;
}
.menu2_item {
width:auto;
display:block;
text-align:center;
color:#fff;
}
#issues_content > div:first-of-type {
width:100% !important;
float:none !important;
}
#issues_content > div:nth-of-type(2) {
width:100% !important;
float:none !important;
}
.mag_edition {
width:49%;
}
.dl-menuwrapper {
display:block;
max-width:400px;
float:none;
position:absolute;
top:0px;
right:0px;
z-index:0;
height:100%;
width:0px;
}
.dl-menuwrapper button {
top:5px;
right:15px;
left:auto;
z-index:10;
background:none;
}
.dl-menuwrapper .dl-menu {
margin:0px;
padding-top:55px;
height:100%;
overflow-y:scroll;
top:0px;
right:-400px;
background:#C13E00;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
right:0px;
}
.dl-menuwrapper.toFront {
z-index:100;
width:100%;
}
.dl-menuwrapper li .mag_edition a {
padding:15px 5px;
}
.fixed_header .dl-menuwrapper button {
top:0px;
}

}

@media (max-width: 480px) {

}