/* Reset ------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

/* FA styles */

.fa-twitter-square {color:#4099FF;}
.fa-facebook-square {color:#3b5998;}
.fa-instagram {color:#a64931;}
.fa-lock {color:#f93;}

/* Styles ------------ */

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url('/css/boxsizing.htc'); -webkit-hyphens:manual; -moz-hyphens:manual; hyphens:manual;}

html {min-height:100%; height:100%; width:100%;}
body {background:#fff; color:#000; font:14px/1.3 'Amiri', serif; height:100%; min-height:100%; width:100%; -webkit-text-size-adjust:100%;}

hr {border:0; border-bottom:1px solid #cecece; float:left; height:0px; margin:5px 0 10px 0; padding:0; width:100%;}
em {font-style: italic;}

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

.container {width:90%; max-width:1200px; margin:0 auto; clear:both; padding-left:0; padding-right:0;}

#response {background:#ffc; padding:12px; font-family:'Muli', Arial, Helvetica, sans-serif;}

header {z-index:2; position:relative; width:100%; background:#fff; border-bottom:1px solid #ddd; color:#222; font-family:'Muli', Arial, Helvetica, sans-serif; text-align:left;}
header .toptier {position:relative; margin:0 auto 15px auto; min-height:70px; overflow: hidden; vertical-align: bottom;}

header ul {list-style:none;}
header ul li {display:inline;}

header h1 {width:34%; width:150px; position:absolute; bottom:0; left:0;}
header h1 img {width:100%; height:auto;}

header .rest {width:65%; text-align:right; position:absolute; bottom:0; right:0;}

header .social {font-size:18px; position:absolute; bottom:5px; right:240px;}
header .social li {margin-left:15px;}
header .social li:first-child {margin-left:0;}
header .social a, header .social a:link, header .social a:visited {color:#222; opacity:0.8;}
header .social a:hover {opacity:1;}
header .social li.account:before {content:''; padding-left:20px; border-left:1px solid rgba( 0,0,0, .1 ); line-height:1em;}

header .search {width:220px; background:#eee; border-radius: 2px; position:absolute; bottom:0; right:0;}
/*header .search:hover, header .search:hover input {background:#222;}*/
/*header .search label {width:15%; float:left;}*/
header .search input.text {width:85%; float:left; font-size:14px; padding:10px; background:transparent; border:0; color:#222;}
header .search input.text:focus {outline:none;}
header .search input[type="submit"] {font-family: FontAwesome; float:right; font-size:14px; padding:10px; color:#222; width:15%; border:0; background:transparent;}

header .search .hide {display:inline-flex; align-items:center; float:right; font-size:14px; padding:10px; color:#222; text-decoration:none;}
@media ( min-width:501px ){
  .search-icon {display:none;}
  header .search .hide {display:none;}
}
@media ( max-width:500px ){
  header .rest {position:static;}
  header .search {position:fixed; z-index:3; opacity:0; top:0; left:0; right:0; bottom:auto; width:100%; padding:10px; transform:translateY(-100%); display:inline-flex; transition:transform .2s, opacity .2s; background:#fff; box-shadow:0 0 5px 0 rgba( 0,0,0, .2 );}
  header .search.show {transform:translateY(0); opacity:1;}
}

header .user {float:right; width:45%; margin-right:10%; margin-top:15px; font-size:12px; color:#222; display:block; overflow:hidden; border-radius: 2px;}
header .user ul {margin-left:10px;}
header .user ul li {border-left:1px solid #888;}
header .user ul li:first-child {border-left:0;}
header .user ul li a {color:#222; padding:10px 8px; display:inline-block; text-decoration: none;}
header .user ul li a:hover {color:#666;}

header .navlogo, header .navsocial {display:none;}
header i.fa-twitter-square {color:#222;}
header i.fa-facebook-square {color:#222;}
header i.fa-instagram {color:#222;}

section.footnotes {border-top:1px #eee solid; padding:10px 0; font-family:'Muli', Arial, Helvetica, sans-serif;}
section.footnotes header {display:none;}
section.footnotes ol {display:block; list-style-type: decimal; padding-left:30px;}
section.footnotes ol li {opacity:0.8;}
section.footnotes ol li sup {padding-right:10px; vertical-align: middle;}
section.footnotes ol cite {display:inline-block; width:95%; vertical-align:top;}
@media ( max-width:450px ){
  section.footnotes ol cite {width:90%;}
}
@media ( max-width:700px ){
  section.footnotes a {word-break: break-all;}
}

.stick {position:fixed; top:0; left:0; width:100%; z-index:9; /*overflow:hidden;*/}
.stick .search {display:none;}
.stick .social {right:0;}
.stick .toptier {display:none;}
.stick .burger {display:none;}
.stick .navlogo {display:inline-block;}
.stick .navlogo img {max-width:50px;}
.stick .navsocial i {font-size:18px; padding-left:20px;}
.stick h1 {width:100px; min-width:100px;}
.stick nav {float:left; border:0; font-size:12px; margin-top:0;}
.stick nav>ul>li>a {padding:15px 10px;}
.stick nav>ul>li>ul {position:absolute; display:none; z-index:5; left:0px; top:45px;}

nav {clear:both; position:relative; font-size:0.00001px; z-index:6; width:100%; text-align:center; padding:0; border-top:1px solid rgba(0,0,0,0.1); 
     font-family:'Muli', Arial, Helvetica, sans-serif; font-size:15px; margin:15px auto 0 auto;}
nav>ul {display:block; width:100%; list-style:none;}
nav>ul>li {display:inline-block; position:relative;}
nav>ul>li>a {padding:15px 25px; display:block; text-decoration:none; text-transform:uppercase; color:#222; opacity:0.8; font-weight:normal;}
nav>ul>li:hover>a {opacity:1; color:#f60; background-color:#fff;}

nav ul li.navlogo a:hover, nav ul li.navsocial a:hover {background:transparent;}

nav>ul>li>ul {position:absolute; display:none; z-index:5; left:0px; top:49px; margin:0 10px; background:#fff; border:1px solid #ddd; border-top:0; box-shadow:0 5px 5px 0 rgba(0,0,0,.1);}
nav ul ul li {display:block; position:relative;}
nav>ul ul li a {display:block; position:relative; color:#222; font-size:12px; width:200px; text-align:left; padding:8px 15px; background-color:rgba(255,255,255,0.2); text-decoration:none;}
nav>ul ul li:hover a { background-color:rgba(150,150,150,0.1);}

nav .burger {display:none;}

.issuehero {clear:both; display:block; background:#fff; padding:20px 0 40px 0; margin:0; overflow:hidden;}
.issuehero .topics {font-size:14px;}

.issueheroimage {position:relative; min-height:420px; width:100%;}

.issueheroimage h1 {color:#fff; line-height:100%; font-size:60px; width:100%; position:absolute; bottom:0; left:0; text-align:center; margin:0 auto; padding:50px 0 20px 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.issueheroimage h1 span.subname {font-size:30px; opacity:0.8; line-height:100%;}

#featurehero {min-height:500px; width:100%;}

.issueinfo {float:left; width:50%;}
.issueinfo .issuedetails {padding:30px 0 15px 0; border-bottom:1px solid #ddd; opacity:0.7; margin-bottom:5px; font-family:'Muli', Arial, Helvetica, sans-serif; font-size:14px;}

.issueinfo h2 {font-family:'Muli', Arial, Helvetica, sans-serif; font-size:32px; color:#3a3a3a; margin:15px 0 5px 0;}
.issueinfo h2 span {opacity:0.7; font-size:25px;}
.issueinfo hr {margin-bottom:20px; border-color:#eee;}
.issueinfo p {font-size:18px; margin-top:15px; color:#000;}
.issueinfo p i.fa {margin-right:10px;}
.issueinfo p.editorinfo {font-size:14px; margin:15px 0 0 0; opacity:0.7; font-family: 'Muli', Arial, Helvetica, sans-serif;}
.issueinfo a {color:#000;}

.issuepage .issueinfo p.heroimagecaption, .issueinfo p.heroimagecaption {font-size:11px; opacity:0.5; margin:10px 0 5px 0;}

.featureherocaption {color:rgba(255,255,255,0.5); padding:5px; text-align:left; font-style: italic;/* width:100%;*/ /*max-width:1200px;*/ 
  position:absolute; bottom:0; margin:-80px auto auto auto; font-family: 'Muli', Arial, Helvetica, sans-serif; z-index:3; 
  overflow:hidden; background:rgba(0,0,0,0.4); display:inline-block; font-size:11px;}
.featureherocaption:hover {color:rgba(255,255,255,1); background:rgba(0,0,0,1);}

.issuecover {float:left; width:20%; margin-right:5%;}
.issuecover img {width:100%; margin-top:20px; height:auto;/* -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5);*/}
/*
.issuecover a.buyissue {margin:-35px 0 0 10px; white-space: nowrap; position:absolute; font-size:11px; text-transform: uppercase; border-radius:3px; background:#f60; font-family: 'Muli', Arial, Helvetica, sans-serif; color:#fff; padding:4px 10px; text-decoration: none;}
.issuecover a.buyissue:hover {opacity:0.8;}
.issuecover a.buyissue.soldout {background:#999;}
.issuecover a.buyissue i {color:#ffbda3; margin-left:10px;}
*/

.issueside {float:right; width:20%; margin-left:5%;}
.issuesidetop {padding:30px 0 15px 0; border-bottom:1px solid #ddd; opacity:0.7; margin-bottom:5px; font-family:'Muli', Arial, Helvetica, sans-serif; font-size:14px;}
.issueside h4 {font-size:16px; font-weight:bold; margin:15px 0;}
.issueside p {font-size:18px; color:#595959; margin-top:15px; margin-bottom:10px; line-height:1.5em;}
.issueside p i {margin-left:10px; font-size:15px;}
.issueside p i.fa-twitter-square {color:#0084b4;}
.issueside p i.fa-facebook-square {color:#3b5998;}
.issueside .source {font-size: 13px; font-family:'Muli', Arial, Helvetica, sans-serif;}

/*
.showinfo {min-height:250px; max-height:250px; position:relative; overflow:hidden; margin-bottom:20px;}
.showinfo p {display:block;}
.showinfo .readmore {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 100px 0 0 0; 
  background-image: linear-gradient(to bottom, transparent, #f2f2f2);}
.showinfo .readmorebutton {background:#ccc; padding:5px; font-size:14px; color:#000; text-decoration: none;}
*/

.actionbuttons {text-transform: uppercase; font-size:12px; font-family: 'Muli', Arial, Helvetica, sans-serif; margin-top:20px; line-height:45px;}
.actionbuttons a {border-radius:3px; background:#000; /* background:#f60; */ color:#fff; padding:8px 10px; text-decoration: none; white-space: nowrap; display:inline; margin-right:15px;}
.actionbuttons a.donate {background:#3333cc;}
.actionbuttons a:hover {opacity:0.8;}
.actionbuttons a.soldout {background:#999;}
.actionbuttons a i {color:#fff; opacity:0.5; margin-left:10px;}

.action {background:#eee; padding:30px 20px; margin:30px auto; width:70%; border-radius: 5px; text-align:center;}

.issuepage .issueinfo {width:50%;}
.issuepage .issueinfo p {font-size:15px;}
.issuepage .issueinfo div.infointro p {font-size:18px;}
.issuepage .issueinfo div.infofull p {font-size:18px;}

.articleyears {margin:10px 20px 20px 20px; text-align:center; line-height:2.5em; font-size:13px; font-family: 'Muli', Arial, Helvetica, sans-serif;}
.articleyears a {border-radius:3px; font-size:12px; padding:6px 12px; margin:0 3px; background:#f60; text-decoration: none; color:#fff;}
.articleyears a:hover {opacity:0.8;}
.articleyears a.selected {background:#fff; color:#333; border:1px solid #eee; font-weight:bold;}
.articleyears a.selected i {display:none;}

h3 {font-size:22px; margin:20px 0 30px 0; color:#595959; text-transform: uppercase; font-family:'Muli', Arial, Helvetica, sans-serif;}
h3 span {color:#999;}

.cards {width:100%; max-width:1200px; font-size:0.0000001px;
-webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance;
    -webkit-margin-bottom-collapse: separate;}

.cardscats, .cardspromos {-webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px;}

.cardssidebar {border-bottom:0; -webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px;}
.cardspromosslim {-webkit-column-width: auto; -moz-column-width: auto; column-width: auto;
 -webkit-column-count: 5; -moz-column-count: 5; column-count: 5;}

.card {display:block;/* float:left;*/ width:100%; background:#fff; margin:0 0 20px 0; padding-bottom:15px; min-height:100px;
       -webkit-column-break-inside: avoid; break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; border-bottom:1px solid rgba(0,0,0,0.1); border-radius:0;}
.card:hover {opacity: 0.8;}

.cardspromos .card {background:#fff; border:1px solid rgba(0,0,0,0.1);}
.cardspromos .card:hover {border:1px solid rgba(0,0,0,0.3);}

.cardpromo {padding-bottom:0;}
.cardpromo .details {padding-top:10px; padding-bottom:10px;}

.cards .card iframe {width:100%; height:217px;}
@media ( max-width: 1210px ){
  .cards .card iframe {height:25vw;}
}
@media ( max-width: 757px ){
  .cards .card iframe {height:54vw;}
}

/*.card:hover {background:#eee;}*/
.cards .card img {width:100%; text-align:center; }

.cards .card img.cardportraitphoto {margin:10px 7% 0 7%; max-width:86%;}
.cards .card img.cardveryportraitphoto {margin:10px 15% 0 15%; max-width:70%;}

.cards .card .reviewcard img {max-width:88%; text-align:center; margin:20px auto 0 auto; display: block;}

/*.card a:hover img {opacity:0.9;}*/
.cards .card div.details {/*text-transform: uppercase;*/ line-height:1.2em; margin:5px 6% 10px 6%; padding:0; 
    font-family:'Muli', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration: none;}
.cards .card div.details div.articletype {opacity:0.7; font-size:15px; margin-bottom:3px; font-weight:normal;/* text-transform: uppercase;*/}
.cards .card div.details div.author {opacity:0.7; font-size:15px; font-weight:normal;/* text-transform: uppercase;*/}
.cards .card div.details div.author:hover {color:#000;}
.cards .card h5 {/*text-transform: capitalize;*/ line-height:1.2em; text-decoration: none; font-size:15px; 
    margin:15px 6% 5px 6%; color:#363636; font-family:'Muli', Arial, Helvetica, sans-serif;}
.cards .card .articleissue {display:none; font-size:9px; margin-top:10px; color:#999;}
.cards .card .articleinfo {border-top:1px solid #ccc; padding-top:10px;}
.cards .card .noimageband {display:none; background:#b83a64; height:10px;}

.cards .card .articleinforeview {display:none; font-family:'Muli', Arial, Helvetica, sans-serif; font-size:12px;}
.cards .card .articlecontext {color:#999; font-family:'Muli', Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px;}

.cardsissueindex {-webkit-column-width: 350px; -moz-column-width: 350px; column-width: 350px;}

/* Flex style */
/*
.cardsissueindex {display:flex; flex-wrap:wrap;}
.cardsissueindex .card {flex:1;}

@media ( min-width:901px ){
  .cardsissueindex .card {min-width:325px;}
}

@media ( max-width:900px ){
  .cardsissueindex .card {min-width:325px;}
}

@media ( max-width:700px ){
  .cardsissueindex .card {min-width:200px;}
}

@media ( max-width:600px ){
  .cardsissueindex .card {min-width:100%;}
}
*/

.cardsfeatured {

width:100%; max-width:1200px; font-size:0.0000001px; column-fill: balance;
-webkit-column-width:inherit; -moz-column-width: inherit; column-width: inherit;
    -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit;
    -webkit-column-fill: inherit; -moz-column-fill: inherit; column-fill: inherit;
    -webkit-margin-bottom-collapse: separate;

  }
.cardsfeatured .card { float:left;width:32%; margin-right:2%;}
.cardsfeatured .card:last-child {margin-right:0;}
.cardsfeatured .card h5 {margin-top:25px;}
.cardsfeatured .card p {margin-bottom:15px;}
.cardsfeatured .card .articletype {display:none;}
.cardsfeatured .card .articleissue {display:none;}
.cardsfeatured .card div.author {}

.cardsissues {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.cardsissues .card {width:21%; margin:30px 10px 0 10px; border:0; text-decoration:none;}
.cardsissues .card img {width:100%; height:auto;}
.cardsissues .card:hover {background:transparent;}
.cardsissues .card:hover img {opacity: 0.9;}
.cardsissues .card h5 {border-bottom:0; font-weight:bold; width:100%; font-size:16px; text-decoration:none;}

.cardsrelated .card .articleinfo {display:none;}

.cardsreadonline .card {border:1px solid rgba(0,0,0,0.1); background:#fff;}
.cardsreadonline .card div.details {border-bottom:0; padding-bottom:0;}
.cardsreadonline .card .articleissue {display:none;}
.cardsreadonline .card .articletype {display:none;}
.cardsreadonline .card .freeread {display:none;}

.cardsreviews .card {border:1px solid rgba(0,0,0,0.3); background:#fff;}
.cardsreviews .card div.details {border-bottom:0; padding-bottom:0;}
.cardsreviews .card .articleissue {display:none;}
.cardsreviews .card .articletype {display:none;}
.cardsreviews .card .freeread {display:none;}

.cardsarchives .card {background:#fff; border:1px solid rgba(0,0,0,0.1);}
.cardsarchives .card .articleinfo {display:none;}
.cardsarchives .card .articleissue {display:none;}
.cardsarchives .card .noimageband {display:block;}

.cardssidebar .card {margin-bottom:20px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.cardssidebar .card h5 {font-size:14px;}
.cardssidebar .card:hover {border-bottom:1px solid #ccc;}
.cardssidebar .card .articleinfo {display:none;}
.cardssidebar .card .articleissue {display:none;}
.cardssidebar .card .articletype {display:none;}

.horizcards {}
.horizcards .card {width:20%; margin-right:5%;}
.horizcards .card img {width:100%;}

.cards .card:hover h5 {color:#b83a64;}
.cards .card:hover div.details div.articletype {color:#333;}
.cards .card p {font-size:15px; color:#595959; margin:0 6%; text-decoration: none;}
.cards .card a {text-decoration: none;}
.cards .card i.fa {color:#ff6699; font-size:11px;}

.cards .card div.infoless {border-bottom:none; margin-bottom:0; padding-bottom:0;}


/* .cards .card span.premiumread {font-size:12px; z-index:5; text-align: center; width:18px; height:18px; float:left; font-family:'Amiri', serif;
    text-align: center; padding-top:2px; background:#f93; color:#fff; border-radius:9000px;}
.cards .card>a>span.premiumread {float:right; margin:-5px 10px 0 0; }
.list span.premiumread {font-size:12px; z-index:5; width:18px; height:18px; float:left; font-family:'Amiri', serif;
    text-align: center; padding-top:2px; background:#f93; text-align: center; color:#fff; border-radius:9000px;}
.cards .card .premiumread i.fa-lock {color:#fff;} */

.cards .card span.premiumread {font-size:12px; z-index:5; float:left;}
.cards .card>a>span.premiumread {float:right; margin:0 10px 0 0; }
.list span.premiumread {font-size:12px; z-index:5; float:left;}

.cards .card span.freeread {font-size:11px; z-index:5; float:left; font-family:'Muli', Arial, Helvetica, sans-serif;
    text-align: center; padding:2px 4px; border-radius: 2px; margin:5px 6% 0 6%; background:#6c6; color:#fff;}

.cards .card div.designatead {font-size:9px; z-index:5; width:15px; height:15px; float:left; font-family:'Amiri', serif;
    text-align: center; padding-top:2px; background:#9c0; color:#fff; border-radius:9000px;}
.cards .card>a>div.designatead {float:left; margin:10px 0 10px 10px; }

.articlesidebar .card div.designatead {display:block;}


.issuecoverside {width:100%; height:auto; padding:0 20px;}
.issuecoverside img {max-width:100%; height:auto;}


.footerads {display:block; overflow:hidden;}
.footerads .item img {width:100%; height:auto;}
.footerads .item a:hover {opacity:0.9;}
.footerads .card {border:0;}

.supportpromo {display:block; text-decoration:none; overflow:hidden; border-radius:3px; clear:both; margin:20px 0; padding:15px; background:#f60; color:#ccc; font-size:18px; color:rgba(255,255,255,1);}
.supportpromo a {color:rgba(255,255,255,1); text-decoration: underline;}
.supportpromo b {color:#fff; font-weight:normal;}
.supportpromo i {opacity:0.5; float:right;}
.supportpromo a:hover {opacity:0.9; text-decoration: underline;}

.searchinput {width:300px; max-width:80%;}
.searchbutton {background:#333; color:#fff; padding:5px 15px; border:0; border-radius: 5px; font-size:14px; margin-left:10px;}
.searchbutton:hover {opacity:0.7;}

.searchitem {width:100%;  background:#fff; margin:0; padding:15px; border-top:1px solid #ccc;}
.searchitem .details {padding-top:10px; padding-bottom:10px;}
.searchitem img {width:100%; }
.searchitem div.details {text-transform: uppercase; line-height:1.2em; margin:0; padding:0; 
    font-family:'Muli', Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration: none;}
.searchitem div.details div.articletype {color:#b83a64;}
.searchitem div.details div.author {color:#999; font-weight:normal;}
.searchitem h5 {line-height:1.2em; text-decoration: none; font-size:18px; margin:0; color:#363636; font-family:'Muli', Arial, Helvetica, sans-serif;}
.searchitem .articleissue {display:none; font-size:9px; margin-top:10px; color:#999;}
.searchitem .articleinfo {border-top:1px solid #ccc; padding-top:10px;}
.searchitem span.premiumread {z-index:5; float:left;}
.searchitem>a>span.premiumread {float:right; margin:0 10px 0 0; }
.searchitem .premiumread i {font-size:18px;}
.searchitem:hover h5 {color:#b83a64;}
.searchitem:hover div.details div.articletype {color:#333;}
.searchitem p {font-size:15px; color:#595959; margin:0 6%; text-decoration: none;}
.searchitem a {text-decoration: none;}
.searchitem i.fa {color:#ff6699; font-size:11px;}
.searchitem div.infoless {border-bottom:none; margin-bottom:0; padding-bottom:0;}

.column {width:30%; float:left; margin-right:5%; padding:40px 0;}
.column h4 {font-size:20px; margin-bottom:15px; color:#595959; text-transform: uppercase; font-family:'Muli', Arial, Helvetica, sans-serif;}
.column h5 {font-weight:bold; font-size:18px; margin-bottom:10px; color:#313131; font-family:'Muli', Arial, Helvetica, sans-serif;}
.column p {font-size:16px; color:#595959; margin:0 0 10px 0;}
.column p a {color:#595959;}

.issueheader {background:#eee; padding:20px 0; margin-bottom:20px; font-size:15px; font-family:'Muli', Arial, Helvetica, sans-serif; color:#595959;}
.issueheader .container {/*border-bottom:1px solid #eee; padding-bottom:15px;*/}
.issueheader ul {list-style:none; margin:20px 20px 0 20px;}
.issueheader ul li {display:block; margin:5px 0;}
.issueheader ul li:first-child a {}
.issueheader a {color:#595959;}
.issueheader a:hover {color:#000;}
.issueheader span {padding:0 10px; color:#ddd;}

.content {padding:0 0 50px 0; float:left; width:58%; margin:0 auto;}

.pagecontent {margin-left:250px; /*margin-right:100px;*/}

.subnav {float:left; width:200px; font-family:'Muli', Arial, Helvetica, sans-serif; font-size:16px; margin-top:48px;}
.subnav ul {list-style:none; margin:0;}
.subnav ul li a {text-decoration:none; display:block; border-bottom:1px solid #ccc; padding:5px 0; font-size:14px; color:#333;}
.subnav ul li a.current {opacity:0.5;}
.subnav>ul>li {font-weight:bold;}
.subnav ul ul {}
.subnav ul ul li {font-weight:normal;}

.sidebar {width:25%; float:right; margin-left:7%; padding:40px 0;}
.sidebar table {border-collapse: collapse;}
.sidebar table tr td, .sidebar table tr th {border-top:1px solid #ccc; padding:5px 0; vertical-align:top;}
.sidebar table tr th {color:#666; padding-right:10px;}

figure {margin:0; text-align:center;}
figure.image {padding:20px 0 0 0; border-bottom:1px solid #eee; margin-bottom:30px; width:100%;}
figure.image img {margin-bottom:10px;}
figure.image:not(.keepsize) img {width:100%; height:auto;}
figure.image.keepsize {display:flex; flex-direction:column; align-items:flex-start;}
figure.image figcaption {font-size:12px; opacity:0.6; padding-bottom:10px; font-family:'Muli', Arial, Helvetica, sans-serif; font-style: italic; text-align:left;}
.portraitphoto, figure.portraitphoto, figure.image img.portraitphoto {width:75%; margin-left:auto; margin-right:auto;}
.veryportraitphoto, figure.veryportraitphoto, figure.image img.veryportraitphoto {width:50%; margin-left:auto; margin-right:auto;}
figure.portraitphoto img.portraitphoto {width:100%;}
figure.veryportraitphoto img.veryportraitphoto {width:100%;}
figure.image:hover figcaption {opacity:1;}

.articlesidebar {width:22%; float:right; margin-left:3%; margin-top:0; border-bottom:0;}
.articlesidebar h3 {background:#999; padding:5px 15px; margin-bottom:20px; color:#fff; font-size:15px;}

.articleleftsidebar {width:12%; float:left; margin-right:3%; margin-top:0; border-bottom:0; font-family:'Muli', Arial, Helvetica, sans-serif;}

.articleleftsidebar .socialheading {padding-top:40px; font-weight:600;}
.articleleftsidebar .socialshare a {background:none; border:0; padding:5px 0; display: block; text-decoration: none;}
.articleleftsidebar .socialshare a:hover {background:#fff; border:0;}
.articleleftsidebar .socialshare a i {margin-right:5px;}

.articleleftsidebar ul {list-style:none; margin:0 0 30px 0; padding:0;}
.articleleftsidebar ul li {padding:5px 0; border-top:1px solid rgba(0,0,0,0.1);}
.articleleftsidebar ul li:first-of-type {border-top:0;}

.searchform {background:#eee; padding:20px; margin-bottom:20px; font-size:12px;}
.searchform tr {vertical-align: top;}
.searchform th, .searchform td {padding:10px 20px 10px 0;}
.searchform th {text-align:left; font-weight:bold; font-size:15px;}
.searchform select {margin-top:10px;}
.searchform input[type=text] {padding:5px; font-size:15px;}
.searchform input[type=submit] {border-radius:5px; font-size:15px; background:#f60; color:#fff; border:0; padding:8px 20px; text-decoration: none; white-space: nowrap;}
.searchform input[type=submit]:hover {background:#cd4f09;}
.searchform input[type=checkbox] {margin-left:20px;}

.paging {padding:20px; border-bottom:1px solid #eee; margin-bottom:20px;}

.searchresults {border-collapse: collapse; font-family:'Muli', Arial, Helvetica, sans-serif;}
.searchresults tr {vertical-align: top;}
.searchresults tr td {border-bottom:1px solid #eee; padding:10px 20px 10px 0; font-size:14px;}

.searchrank {text-align: right; color:#999;}
.searchtype {color:#666;}
.searchitem p {font-size:14px; line-height:135%;}
.searchitem p u {background:#ffc; text-decoration: none;}
.searchitem p cite {color:#090;}

table.list {width:100%; border-collapse:collapse; margin-bottom:30px; font-family:'Muli', Arial, Helvetica, sans-serif;}
table.list tr th {padding:10px; color:#ccc; font-weight:normal; text-align:left; font-size:11px;}
table.list tr td {padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
table.list tr td a:link,
table.list tr td a:visited {text-decoration:none;}
table.list a {text-decoration:none;}
table.list tr:hover td {background:#f7f7f7;}
table.list .demote {font-size:11px; color:#666;}

.subfooter {overflow:hidden;}
.subfooter .column:last-child {margin-right:0;}

footer {clear:both; background:#fff;}

footer .column {width:48%; float:left; margin-right:4%; text-align:center; padding:40px 0;} 
footer .column img {max-width:400px;}

footer .container .column:last-child {margin-right:0;}
.logos img.devices {width:60%; margin:0 auto;}
.logos img.offer {width:100%; margin:20px auto; text-align: center;}
.logos img.supporters {margin:30px auto; width:100%; max-width:653px;}
.logos img.aca {margin:50px 0 40px 0; margin-left:30px; max-height:40px;}
.logos img.dpc {margin:50px 0 40px 0; margin-left:30px; max-height:40px;}
.logos img.vacs {margin:50px 0 40px 0; margin-left:30px; max-height:40px;}
.logos img.rise-fund {margin-left:30px; max-height:50px;}
.logos img.cpa {margin-left:30px; max-height:50px;}
.logos img.gdf {margin-left:30px; max-height:50px;}
.logos img.registered-charity {margin-left:30px;}

.logos {}
.logos a {text-decoration:none;}

@media ( max-width: 700px ){
  .logos {display:flex; flex-direction:column; align-items:center; padding:20px 20px 0 20px;}
  .logos a {margin:0 0 30px 0;}
  .logos a:last-child {margin-bottom:0;}
  .logos img {margin:0 !important; max-width:60vw; max-height:100%;}
}

.final {clear:both; text-align:center; background:rgba(0,0,0,0.05); font-family:'Muli', Arial, Helvetica, sans-serif; padding:30px 0;}
.final p {font-size:10px; margin:5px auto; color:#595959;}
.final p a {color:#595959;}
.final p span {margin:0 5px; color:#ccc;}
.final p.first {font-size:12px;}
.final p.credit, .final p.credit a {color:#ccc;}
.final a:hover {color:#000;}

.final .footermain {text-align: left;}
.final .footermain .footerlogo {max-width:200px; margin-bottom:10px;}
.final .footermain p {margin:10px 0; font-size:15px;}
.final .footermain ul {list-style:none; margin-top:20px;}
.final .footermain ul li {display:block; border-top:1px solid rgba(0,0,0,0.1); padding:5px 0;}
.final .footermain ul li i {margin-right:10px;}

.socialshare a {background:#eee; border:1px solid #fff; border-radius:3px; padding:5px 10px; display: inline-block; text-decoration: none;}
.socialshare a:hover {background:#fff; border:1px solid #eee;}
.socialshare a i {margin-right:5px;}

.socialfooter {font-size:18px; background:rgba(0,0,0,0.03); clear:both; text-align:center; font-family:'Muli', Arial, Helvetica, sans-serif;}
.socialfooter ul {list-style:none;}
.socialfooter ul li {display:inline-block; margin:15px 20px;}
.socialfooter ul li i {margin-right:10px;}
.socialfooter a:hover {text-decoration: none; opacity:0.7;}



.stockist-states {display:flex; flex-wrap:wrap; width:100%;}
.stockist-states a:link,
.stockist-states a:visited {display:inline-block; margin:5px; padding:8px 12px; background:rgba( 0,0,0, .1 ); border-radius:3px; color:#000; text-decoration:none; font-size:18px; line-height:1em;}
.stockist-states a:hover {background:rgba( 0,0,0, .15 );}

/*
@media ( min-width:1030px ){
  .stockist-states a:last-child {margin-left:30px;}  
}
*/

        
.forty-plus-one {margin:20px 0 0 0;}
.forty-plus-one a {display:inline-block; width:100%; height:0; padding-bottom:23.55%; background:url('/images/40-plus-1.png') left top no-repeat; background-size:cover;}
.forty-plus-one a:hover {background-image:url('/images/40-plus-1_hover.png');}

@media ( max-width: 700px ){
  
  .forty-plus-one a {background-image:url('/images/40-plus-1_small.png'); padding-bottom:71.75%;}
  .forty-plus-one a:hover,
  .forty-plus-one a:active {background-image:url('/images/40-plus-1_small_hover.png');}
  
}

        
.forty-plus-one-footer {margin:20px 0 30px 0;}
.forty-plus-one-footer a {display:inline-block; width:100%; height:0; padding-bottom:39.8%; background:url('/images/40-plus-1_footer.png') left top no-repeat; background-size:cover;}
.forty-plus-one-footer a:hover {background-image:url('/images/40-plus-1_footer_hover.png');}

@media ( max-width: 700px ){
  
  .forty-plus-one-footer a {background-image:url('/images/40-plus-1_small.png'); padding-bottom:71.75%;}
  .forty-plus-one-footer a:hover,
  .forty-plus-one-footer a:active {background-image:url('/images/40-plus-1_small_hover.png');}
  
}





























/* Responsive Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Number is amount of items in row - eg; grid-lg-8 = 8 items per row at 1200px and above */
.grid { width: 100%; }
.grid .item { display: inline-block; float: left; padding: 0 15px; min-height: 1px; position: relative; }

@media (max-width: 550px) {
  /* Widths */
  .grid-xs-12 .item { width: 8.333333%; }
  .grid-xs-11 .item { width: 9.088888%; }
  .grid-xs-10 .item { width: 10%; }
  .grid-xs-9 .item { width: 11.111111%; }
  .grid-xs-8 .item { width: 12.5%; }
  .grid-xs-7 .item { width: 14.277777%; }
  .grid-xs-6 .item { width: 16.666667%; }
  .grid-xs-5 .item { width: 20%; }
  .grid-xs-4 .item { width: 25%; }
  .grid-xs-3 .item { width: 33.333333333333333%; }
  .grid-xs-2 .item { width: 50%; }
  .grid-xs-1 .item { width: 100%; }
}

@media (min-width: 550px) {
  /* Widths */
  .grid-xs-12 .item { width: 8.333333%; }
  .grid-xs-11 .item { width: 9.088888%; }
  .grid-xs-10 .item { width: 10%; }
  .grid-xs-9 .item { width: 11.111111%; }
  .grid-xs-8 .item { width: 12.5%; }
  .grid-xs-7 .item { width: 14.277777%; }
  .grid-xs-6 .item { width: 16.666667%; }
  .grid-xs-5 .item { width: 20%; }
  .grid-xs-4 .item { width: 25%; }
  .grid-xs-3 .item { width: 33.333333333333333%; }
  .grid-xs-2 .item { width: 50%; }
  .grid-xs-1 .item { width: 100%; }
}

@media (min-width: 768px) {
  /* Widths */
  .grid-sm-12 .item { width: 8.333333%; }
  .grid-sm-11 .item { width: 9.088888%; }
  .grid-sm-10 .item { width: 10%; }
  .grid-sm-9 .item { width: 11.111111%; }
  .grid-sm-8 .item { width: 12.5%; }
  .grid-sm-7 .item { width: 14.277777%; }
  .grid-sm-6 .item { width: 16.666667%; }
  .grid-sm-5 .item { width: 20%; }
  .grid-sm-4 .item { width: 25%; }
  .grid-sm-3 .item { width: 33.333333333333333%; }
  .grid-sm-2 .item { width: 50%; }
  .grid-sm-1 .item { width: 100%; }
}

@media (min-width: 992px) {
  /* Widths */
  .grid-md-12 .item { width: 8.333333%; }
  .grid-md-11 .item { width: 9.088888%; }
  .grid-md-10 .item { width: 10%; }
  .grid-md-9 .item { width: 11.111111%; }
  .grid-md-8 .item { width: 12.5%; }
  .grid-md-7 .item { width: 14.277777%; }
  .grid-md-6 .item { width: 16.666667%; }
  .grid-md-5 .item { width: 20%; }
  .grid-md-4 .item { width: 25%; }
  .grid-md-3 .item { width: 33.333333333333333%; }
  .grid-md-2 .item { width: 50%; }
  .grid-md-1 .item { width: 100%; }
}

@media (min-width: 1200px) {
  /* Widths */
  .grid-lg-12 .item { width: 8.333333%; }
  .grid-lg-11 .item { width: 9.088888%; }
  .grid-lg-10 .item { width: 10%; }
  .grid-lg-9 .item { width: 11.111111%; }
  .grid-lg-8 .item { width: 12.5%; }
  .grid-lg-7 .item { width: 14.277777%; }
  .grid-lg-6 .item { width: 16.666667%; }
  .grid-lg-5 .item { width: 20%; }
  .grid-lg-4 .item { width: 25%; }
  .grid-lg-3 .item { width: 33.333333333333333%; }
  .grid-lg-2 .item { width: 50%; }
  .grid-lg-1 .item { width: 100%; }
}

@media (min-width:1200px){
    .auto-clear.grid-lg-1 .item:nth-of-type(n+1){clear:left;}
    .auto-clear.grid-lg-2 .item:nth-of-type(2n+1){clear:left;}
    .auto-clear.grid-lg-3 .item:nth-of-type(3n+1){clear:left;}
    .auto-clear.grid-lg-4 .item:nth-of-type(4n+1){clear:left;}
    .auto-clear.grid-lg-5 .item:nth-of-type(5n+1){clear:left;}
    .auto-clear.grid-lg-6 .item:nth-of-type(6n+1){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear.grid-md-1 .item:nth-of-type(n+1){clear:left;}
    .auto-clear.grid-md-2 .item:nth-of-type(2n+1){clear:left;}
    .auto-clear.grid-md-3 .item:nth-of-type(3n+1){clear:left;}
    .auto-clear.grid-md-4 .item:nth-of-type(4n+1){clear:left;}
    .auto-clear.grid-md-5 .item:nth-of-type(5n+1){clear:left;}
    .auto-clear.grid-md-6 .item:nth-of-type(6n+1){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear.grid-sm-1 .item:nth-of-type(n+1){clear:left;}
    .auto-clear.grid-sm-2 .item:nth-of-type(2n+1){clear:left;}
    .auto-clear.grid-sm-3 .item:nth-of-type(3n+1){clear:left;}
    .auto-clear.grid-sm-4 .item:nth-of-type(4n+1){clear:left;}
    .auto-clear.grid-sm-5 .item:nth-of-type(5n+1){clear:left;}
    .auto-clear.grid-sm-6 .item:nth-of-type(6n+1){clear:left;}
}
@media (max-width:767px){
    .auto-clear.grid-xs-1 .item:nth-of-type(n+1){clear:left;}
    .auto-clear.grid-xs-2 .item:nth-of-type(2n+1){clear:left;}
    .auto-clear.grid-xs-3 .item:nth-of-type(3n+1){clear:left;}
    .auto-clear.grid-xs-4 .item:nth-of-type(4n+1){clear:left;}
    .auto-clear.grid-xs-5 .item:nth-of-type(5n+1){clear:left;}
    .auto-clear.grid-xs-6 .item:nth-of-type(6n+1){clear:left;}
}







/* Media Queries ------------ */

@media all and (max-width: 1350px){
.cardsfeatured {
}

@media all and (max-width: 1100px){
.container {max-width:95%;}
.issueinfo h2 {font-size:24px; margin:15px 0 10px 0;}
.issueinfo p, .issueinfo ul {font-size:18px;}
nav ul li a {padding-left:8px !important; padding-right:8px !important;}
}

@media all and (max-width: 950px){
.container {width:98%;}
header h3 {display:none;}
nav ul li a {font-size:14px;}
nav>ul>li>ul {top:45px;}
.stick nav a {font-size:12px;}
.cardsfeatured, .cardsrelated {}
.cardsarchives, .cardsreviews {}
.cardssidebar {border-bottom:0; }
.cardspromos .card p.details {font-size:10px;}
.issueside {display:none;}
.issuebuy .buybuttons {font-size:12px; margin-top:20px;}
.issuebuy .buybuttons a {padding:10px;}
.issueinfo, .issuepage .issueinfo {width:65%;}
.issueinfo h2 {font-size:24px; margin:15px 0 10px 0;}
.issueinfo p, .issueinfo ul {font-size:15px;}
.issuecover {float:left; width:30%; margin-right:5%;}
.issuebuy {display:none;}

.cardsissues .card {width:30%;}

.issueheader ul li {margin-right:20px;}

.content {width:70%;}
.articleleftsidebar {width:25%;}
.articlesidebar {display:none;}

.column h4 {font-size:16px; margin-bottom:10px;}
.column h5 {font-size:15px; margin-bottom:10px;}
.column p {font-size:14px;}

.cardspromosslim {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.cardspromosslim .card:nth-of-type(1n+4) {display: none;}
}

@media all and (max-width: 800px){
nav a, nav ul li a {font-size:12px;}
nav>ul>li>a {padding-top:5px; padding-bottom:5px;}
.stick nav>ul>li>a {padding-top:5px; padding-bottom:5px;}

header .toptier {margin:0 auto 15px auto; min-height:60px;}
.stick .social {display:none;}
nav .navlogo, nav .navsocial, .stick .navsocial {display:none;}
nav .extraneous {display:none;}
nav ul li.extraneous {display:none;}
nav .burger, nav .burger a, nav .burger a i {display:inline-block;}
/*.cards {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}*/
.articlesidebar .card:nth-of-type(1n+8) {display: none;}
.pagecontent {margin-right:0;}
.issueheroimage h1 {font-size:30px; padding:20px 0 10px 0;}
.issueheroimage h1 span.subname {font-size:15px;}

.socialfooter {font-size:13px;}
.socialfooter ul li {margin-left:7px; margin-right:7px;}
.socialfooter ul li i {margin-right:5px;}
.socialfooter ul li:first-of-type {display:none;}

.cardsfeatured .card { float:left;width:100%; margin-right:0;}

}

@media (max-width: 700px) {
.container {width:90%;}
#featurehero {min-height:200px; width:100%;}
.featureherocaption {font-size:10px;}
.issueheroimage {min-height:200px;}
.issuecover {display:block; width:80%; margin:0 auto; float:none;}
.issueinfo, .issuepage .issueinfo {width:100%; display:block; margin-top:50px;}
.issueinfo h2 {font-size:24px; margin:15px 0 10px 0;}
.issueinfo p, .issueinfo ul {font-size:15px;}
.issueinfo a.movein {display:inline;}
.cardsfeatured, .cardsrelated {}

.cardsissues .card {width:45%;}

.cardsarchives, .cardsreviews {}
.cardspromos {}
.content {width:100%;}
.articleleftsidebar {width:100%; margin-right:0;}

.issueheader ul {font-size:11px;}
.issueheader ul li {margin-right:10px;}

.horizcards .card {width:45%; margin-right:5%;}

.subfooter .column {display:none;}
footer .column {display:none;}
footer .column:first-child {display:block; width:100%;}
.card p.details {margin:5px 0 0 0; padding:0 10px; font-size:10px;}
.card h5 {font-size:15px; margin:5px 10px; padding-bottom:10px;}
.card p {font-size:12px; margin:0 10px;}
.archives {display:none;}

.subnav {float:none; clear:both; width:100%; margin-top:0;}
.pagecontent {width:100%; margin:20px 0 0 0;}

}

@media (max-width: 500px) {

header .social {right:0;}
header .search {display:none;}
.issueheader ul li.issuename {display:block;}

.cardsissues .card {width:90%;}

}