/* MAIN SITE */

/* Move down content because we have a fixed navbar that is 50px tall */
body {    padding-top: 50px;    padding-bottom: 20px;    margin: 0px;    padding: 0px;    font-family: 'Open Sans', sans-serif;    background-color: white;    font-size:14px; }


.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}
.w100{width:100%;}
.web{display:inline}
.mob{display:none;}
.tabweb{display:inline-block}
.tab{display:none}
.topmenuweb{display:flex}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mr10{margin-right:10px;}
.posr{position:relative !important;}
.cur{cursor:pointer;}
b{font-weight:600;}
strong{font-weight:600;}
em{font-style:italic;}
.tac{text-align:center;}

.fw400{font-weight:400;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}

a{cursor:pointer;}

h1{font-size:20px; line-height:22px; font-weight:700; margin:0px; margin-bottom:10px;}
h2{font-size:18px; line-height:20px; font-weight:700; margin:0px; margin-bottom:10px;}
h3{font-size:16px; line-height:18px; font-weight:700; margin:0px;}
h4{font-size:12px; line-height:14px; font-weight:700; margin-top:10px; margin-bottom:10px;}

.h1headunderline{width:90%; border-bottom: 2px #42217a solid;}
.h2headunderline{width:90%; border-bottom: 1px #42217a solid;}
.txtsep{width:100%; border-bottom: 1px #cdcdcd solid; margin-top:25px; margin-bottom:25px;}

.shadow2{-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);}
.shadow5{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.shadow10{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}

.rad5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rad8{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.rad10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rad15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.rad20{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.rad30{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

.siteholder{width:1030px; margin-left:auto; margin-right:auto; padding:15px; box-sizing:border-box; position:relative;}
.siteholdersaga{width:1100px; margin-left:auto; margin-right:auto; padding:0px; box-sizing:border-box; position:relative;}
.tp2siteholder{width:100%; padding:15px; box-sizing:border-box; position:relative;}
.siteholderbg {background-color:white;}
.sitecontentholder{width:100%; margin-left:auto; margin-right:auto; position:relative;}
.headerholder1005{width:100%;}
.ribbon{background-color:#acacac; width:100%; height:30px; line-height:30px; color:white; font-size:16px; font-weight:600; padding-left:10px; padding-right:10px; box-sizing:border-box;}
.headerimage{background-color:white; width:100%; color:white; font-size:16px; font-weight:600; margin-top:5px; position:relative;}
.heroimage{margin-top:0px; margin-bottom:15px;}
.heroimg{display:block;}

.ctacovers{}
.breadcrumb{padding:4px; font-size:12px; font-weight:600; color:#216a92;}

.sitefooter{background-color:#eeeeee; width:100%; padding:10px; margin-top:20px; box-sizing:border-box;}
.footerlogo{float:left; width:200px; margin-top:8px;}
.footercopyright{width:100%; font-size:12px; font-weight:600; margin-top:10px; text-align:center;}
.pmfootercopyright{width:150px; float:right; font-size:12px; font-weight:400; margin-top:10px; text-align:right; color:black;}
.footerlinks{width:590px; font-size:12px; margin-top:0px; float:right; text-align:right;}
.footerlinks a:link{margin-right:10px; color:#337ab7;}
.footerlinks a:visited{color:#337ab7;}
.footerlinks a:hover{color:#265f91;}
.footerlinkspm{width:500px;}
.footercol {width: 190px; float: right; text-align: left;}

.drfooter{background-color:#2e2e3d; width:100%; padding:10px 30px; margin-top:20px; box-sizing:border-box; color:white;}
.footerlogo{float:left; width:200px; margin-top:8px;}
.footercopyright{width:100%; font-size:12px; font-weight:600; margin-top:10px; text-align:center; color:white;}
.pmfootercopyright{width:150px; float:right; font-size:12px; font-weight:400; margin-top:10px; text-align:right; color:white;}
.drfooterlinks{width:590px; font-size:12px; margin-top:0px; float:right; text-align:right; color:white;}
.drfooterlinks a:link{margin-right:10px; color:white;}
.drfooterlinks a:visited{color:white;}
.drfooterlinks a:hover{color:#e98900;}
.drfooterlinkspm{width:500px;}
.drfooterlogo{height:40px;}
.pmfooterlogo{width:150px;}


.coverimg{position:relative;}
.coveroverlayimg{position:absolute; top:calc(50% - 45px);}

.copyright{padding:10px; text-align:center; font-size:12px;}

div#___ratingbadge_0 {    z-index: 10000!important;  }

.leftcontent{width:220px; float:left;}
.rightcontent{width:220px; float:right;}
.centercontent{width:520px; margin-left:20px; float:left;}
.fullrightcontent{width:calc(100% - 240px); float:right;}
.fullcontent{width:100%;}

/*Carousel CSS*/
.fade-carousel {    position: relative;}

.fade-carousel > * + img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}


.leftmenu { width: 100%; display: block; padding: 10px; box-sizing: border-box; background-color: #f4f4f5; min-height: 14px; line-height: 14px; text-indent: 0; font-size: 14px; font-weight: 600; position: relative; top: 0;}
.leftmenu a:link{    text-decoration:none;    color:#333;}
.leftmenu a:visited{    text-decoration:none;    color:#333;}
.leftmenu a:hover{    text-decoration:none;    color:#ffffff; background-color:#bdbdbd;}
.leftmenuborder {    border-top: 1px #cfcfcf solid;  }
/*.leftmenuborder :nth-last-child(-n+2) {    border-bottom: 1px #cfcfcf solid;  }*/
.leftmenuheader{width:100%; display:block; background-color:black; color:white; height:35px; line-height:35px; text-indent:10px; font-size:14px; font-weight:600; position:relative; top:0px; margin-top:10px; }

.topmenu {width: 100%; display: inline-flex; background-color: #1A658F; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; font-weight: 600; position: relative; top: 0px; }
.topmenu a:link { text-decoration: none; color: white; }
.topmenu a:visited { text-decoration: none; color: white; }
.topmenu a:active { text-decoration: none; color: white; }
.topmenu a:hover { text-decoration: none; color: #1A658F; background-color: white; }
.topmenuborder { border-top: 1px #cfcfcf solid; }
.topmenuborder :nth-last-child(-n+2) { border-bottom: 1px #cfcfcf solid;}
.topmenuheader { width: 100%; display: block; background-color: black; color: white; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; font-weight: 600; position: relative; top: 0px; margin-top: 10px; }

.settingsheader{background-color:#e9e9e9; color:black; height:30px; line-height:30px;}

.ctaholder{width:50%; margin-left:25%;}
.txtctaholder{margin-bottom:25px; margin-top:25px; width:100%; margin-left:0%; text-align:center;}
.ctaholdertxt{margin-bottom:25px; margin-top:10px; width:50%; margin-left:25%;}

.rstxthead{font-size:16px; font-weight:600;}
.rstxtquote{font-size:13px; font-weight:500; padding: 20px 10px; display: block;}
.rstxtcta{font-size:16px; text-align:center; font-weight:600; display:inline-block;}

.defaultcta {    height: 35px;    line-height: 35px;    background-color: red;    display: block;     color: white; -webkit-appearance: none;   -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    font-size: 15px; text-align:center; cursor:pointer;}
.defaultcta a:link {        background-color: #1a9cd6;        color: white;        text-decoration: none;    }
.defaultcta a:visited {        background-color: #1a9cd6;        color: white;        text-decoration: none;    }
.defaultcta a:hover {    background-color: #1776a0;    color: blue;    text-decoration:none; }

.ctaButton {    height: 35px;    line-height: 35px;    background-color: red;  font-weight:600;  display: block; -webkit-appearance: none;    color: white !important;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    font-size: 15px; text-align:center; width:200px; margin-left:0px; cursor:pointer;}
.ctaButton a:link {        background-color: #1a9cd6;        color: white;        text-decoration: none;    }
.ctaButton a:visited {        background-color: #1a9cd6;        color: white;        text-decoration: none;    }
.menupad .bc_btnholder .ctaButton a:hover {    background-color: #1776a0 !important;    color: blue;    text-decoration: none;}
.sideimages{margin-top:20px; width:100%;}

.ctaarrow {    line-height: inherit !important;    margin-right: 5px;    font-size: 18px !important;}

.smallprint{font-size:12px;}
.sideinfobullets{padding-left:10px; font-size:13px; line-height:16px;}
.tp3blogtextweb{text-align:center; margin-bottom:10px;}


.blogtitle {    color: #ed1c24; margin-bottom:10px;}
.blogsepline{border-bottom:1px gray solid; margin-top:20px; margin-bottom:20px; clear:both;}

.offerblock{background-color:#f7f7f7; border:1px #cdcdcd solid; position:relative; box-sizing:border-box; width:100%;}
.offerblockpad{padding:8px;}
.offerblocktitle{background-color:#ed1c24; color:white; font-size:22px; font-weight:700; text-transform:uppercase; text-align:center; padding:5px;}
.offerblockcover1{position: absolute;    z-index: 3;    height: 170px;    left: 0px;    top: 10px;    transform: rotate(-3deg); -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);}
.offerblockcover2{position: absolute; z-index: 2; height: 170px; left: 47px; top:10px; transform: rotate(7deg); -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);}
.offerblockcover3{position: absolute; z-index: 1; height: 170px; left: 80px; top:10px; transform: rotate(17deg); -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);}
.offerblocktxt{font-size:18px; font-weight:500; text-align:center; padding:5px; margin-top:190px; margin-bottom:10px; color:black;}

.blogimageleft{width:250px; float:left; margin-right:20px; margin-bottom:20px;}
.blogimageright{width:250px; float:right; margin-left:20px; margin-bottom:20px;}
.blogtextcaption{font-size:12px; font-weight:600; margin-top:3px; padding-bottom:2px; text-align:right; border-bottom:1px #cdcdcd solid;}

.bc_2colleft {    width: 48%;    float: left;}
.bc_2colright{width:48%; float:right;}

.bc_ul {    padding-left: 15px; margin-bottom:20px;}
.bc_li {    padding-bottom: 5px;}
.img{margin-bottom:15px;}

.mobilectaholder {width:100%;}
.mobilectacover {display:none;}
.mobilectadetails {display:none;}
.mobilectabuttonholder {width:100%;}
.mobilectabutton {height: 35px; line-height: 35px; background-color: #2dcc70; font-weight: 600; display: block; color: white !important; cursor:pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; text-align: center; width: 50%; margin-left:25%;}
.mobilectaclear {clear:both; margin-bottom:5px;}
.blogtextweb{ text-align:center; margin-bottom:10px;}

.activeuser{background-color:#025fa7; text-align:center; color:white; width:100%; padding:5px; box-sizing:border-box; display:block;}

/* READER COVERS */
.pmcovergrid { display: grid; gap: 20px; margin-bottom: 20px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: end; padding-top: 8px;}
.pmlatestcovers{width:22.5%; background-color:white; float:left; margin-right:3.33%; margin-bottom:35px;}
.pmlatestcovers:nth-child(4n){margin-right:0%;}
.pmlatestcoversholder{width:100%; padding-top:135%; position:relative; cursor:pointer;}
.pmlatestcoversizer{position:absolute; top:5px; left:5px; right:5px; bottom:5px; width:calc(100% - 10px); height:calc(100% - 10px);  -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.pmcovername{font-size:16px; font-weight:600; padding:5px; height:40px; overflow:hidden;}
.pmissueyearholder{width:100%; position:relative;}
.pmcoveryearname{font-size:16px; font-weight:600; padding:8px; text-align:center;}
.pmyearblockcover1{position: relative; z-index: 3; margin-left:15%;  width:70%; height:auto;  left: 0px;    top: 0px;    transform: rotate(0deg); -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.pmyearblockcover2{position: absolute; z-index: 2; margin-left:15%; width: 70%; height:auto; opacity:0.7; left: -10px; top:0px; transform: rotate(-5deg); border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.pmyearblockcover3{position: absolute; z-index: 1; margin-left:15%; width: 70%; height:auto; opacity:0.7; left: 10px; top:0px; transform: rotate(5deg); border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.pmcoverholder{width:32%; float:left;}
.pmdetailholder{width:65%; float:right;}
.pmsearchholder {    position: absolute;    right: 30px;    top: calc(50% - 15px); width:400px;}
.pmsearchbox {    border-radius: 5px 0px 0px 5px;    -moz-border-radius: 5px 0px 0px 5px;    -webkit-border-radius: 5px 0px 0px 5px;    border: 0px solid black;    height: 40px;    padding: 0px 13px 0px 13px; font-size:16px;    width: 304px;    font-family: 'Open Sans', sans-serif;    float: left;}
.pmsearchbutton {    border-radius: 0px 5px 5px 0px;    -moz-border-radius: 0px 5px 5px 0px;    -webkit-border-radius: 0px 5px 5px 0px;  -webkit-appearance: none;  border: 0px solid black;    height: 40px;    width: 45px;    line-height:38px;    background-color:#00c62a;    display:block;    color:white;    float:left;    text-align:center; cursor:pointer;}
.pmsearchicon{margin-top:0px; color:white; font-size:22px;}
.pmlatestissuetop{width:300px; float:left;}
.pmlatestissuetopimg{width:100%;}
.pmlatestissuetopdesc{width:calc(100% - 340px); float:right;}
.pmlatestissuetoptxt{margin-bottom:20px;}
.pminputboxes { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #cdcdcd; padding: 8px 13px 8px 13px; font-size:15px; font-family: 'Open Sans', sans-serif; width:100%; box-sizing:border-box;}
.logincontrol{position: absolute; right: 10px; top: calc(50% - 15px); width: 140px; color: black; font-weight: 400; font-size: 14px; }
.loginicon{font-size:30px !important;}




/* COOKIE POLICY POP */
#cookie-bar {   background: #333;    height: auto;    line-height: 18px;    font-size: 14px;    color: #eeeeee;    text-align: center;    padding: 10px;    box-sizing: border-box;    z-index: 3147483647;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {top:0; top:auto;}
#cookie-bar .cb-enable {        background: #ff0d00;        color: white;  padding: 5px 15px 5px 15px; -webkit-appearance: none;   -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px; display:block; width:80px; margin-top:10px; margin-left:calc(50% - 40px)  }
#cookie-bar .cb-enable:hover {background:#ff534a;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#284359;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
#cookie-bar .cookiepolicylink{ color:#eeeeee;  text-decoration:underline; padding:0px; text-align:left; width:auto;}

/* SEARCH */
.searchbox{width:290px; border:none; font-size:16px; font-family: 'Inter', sans-serif; -webkit-appearance: none;    border-radius: 0; padding:0px; margin:0px; height:22px;}
.searchbox::placeholder{font-size:13px; color:black;}

.searchicon{color:black; float:left; -webkit-appearance: none;    border-radius: 0;}
.searchgrid {    display: grid;     gap: 30px;    margin-bottom: 20px; grid-template-columns: repeat(2, minmax(0, 1fr));  align-items: end; padding-top:8px; }
.searchItem {    margin-bottom: 30px;    display: block; width:100%; position:relative;}
.searchItem .searchheader {    font-size: 14px;    margin-bottom: 8px;    display: block; font-weight:600;}
.searchItem .searchbody {        font-size: 14px;        color: #545454; line-height:18px;  }
.searchItem .searchbody p {        margin: 0 0 8px 0;    }
.searchPagination {    text-align: center;    margin: 0 10px;    font-size: small;}
.searchPagination .nextprevious {        margin: 0 10px;        width: auto;        display: inline-block;    }
.searchPagination a {        display: inline-block;        margin: 0 5px;        text-align: center;    }
.searchPagination a.active {            color: black;        }
.searchimage{width:120px; float:left;}
.searchtxt{width:calc(100% - 140px); float:right;  height:100px; overflow:hidden; position:relative; text-align:left;}
.searchbookmark{position:absolute; bottom:0px; left:140px; cursor:pointer}
.search-container { float:right; width:250px; float:right; }
.search-container ul { opacity:0; visibility:hidden; overflow:auto; position:absolute; z-index:999; background:white; list-style:none; }
.search-container ul.show { opacity:1; visibility:initial; overflow:auto; border-radius:10px; box-shadow:0px 0px 5px 2px #ededed; }
.search-container li {     align-items:center;     padding:0px;    }
button {    border: 0px;    background: transparent;    color: blue; cursor:pointer; line-height:24px; color:#333;}
#lsRelevance a.selected {    font-weight: 600; font-size: 14px;}
#lsRelevance a.selected:before {    content:  "\2713 "; padding-right:5px; color: red; font-weight: bold; font-size: 14px;}
.sortpop1 {    position: absolute;    top: 30px;    right: 0;    width: 165px;    padding: 5px;}
.sortpop2 {    position: absolute;    top: 30px;    right: 10px;    width: 130px;    padding: 10px;}
#lsDateRange a { background-color: black; padding: 5px 10px; border-radius: 5px; color: white !important; font-size: 11px; margin-top: 3px; width: 100%; display: block; box-sizing: border-box; text-align: center;}
#lsRelevance a{width:100%; line-height:13px; display:block; width:100%; padding:5px 10px; box-sizing:border-box;}
#lsRelevance a:hover{background-color:#ececec; border-radius:5px;}
.mobilesearch{display:none; }

.menunav{float:left; margin-right:15px; margin-left:15px;}
#menuToggle {    display: none;    position: relative; width:95%;    top: 0px;    left: 2.5%;    z-index: 1;    -webkit-user-select: none;    user-select: none;  padding-left:0px; padding-top:10px; padding-bottom:5px;  }
#menuToggle input {   padding:5px;  display: block;    width: 40px;    height: 42px;    position: absolute;    top: -7px;    left: -5px;    cursor: pointer;    opacity: 0; /* hide this */    z-index: 2; /* and place it over the hamburger */    -webkit-touch-callout: none;}
#menuToggle span {    display: block; background-color:black;   width: 33px;    height: 4px;    margin-bottom: 5px;    position: relative;     border-radius: 3px;    z-index: 1;    transform-origin: 4px 0px;    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
    #menuToggle span:first-child {        transform-origin: 0% 0%;   }
    #menuToggle span:nth-last-child(2) {        transform-origin: 0% 100%;    }

#menuToggle input:checked ~ span {    opacity: 1;    transform: rotate(45deg) translate(-2px, -1px);   }
#menuToggle input:checked ~ span:nth-last-child(3) {    opacity: 0;    transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2) {    transform: rotate(-45deg) translate(0, -1px);}
#menu {    position: absolute;    width: 100vw;  margin:0px; padding:0px; left:-15px;  background: #ededed;    list-style-type: none;    -webkit-font-smoothing: antialiased;    /* to stop flickering of text in safari */    transform-origin: 0% 0%;    transform: translate(-100%, 0);    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
#menu li {        padding: 0px 0;        font-size: 22px;    }
#menuToggle input:checked ~ ul {    transform: none;}

.menutogglespanbgwhite{background-color:white;}
.menutogglespanbgblack{background-color:black;}
.menu1003{top:55px;}

.accountblock{border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border: 0px solid #000000; background-color:#f6f6f6; padding:15px; box-sizing:border-box;  }

.overlay {    display: none; /* Hidden by default */    position: fixed; /* Stay in place */    z-index: 10; /* Sit on top */    left: 0;    top: 0;    width: 100%; /* Full width */    height: 100%; /* Full height */    overflow: auto; /* Enable scroll if needed */    background-color: rgb(255,255,255); /* Fallback color */    background-color: rgba(255,255,255,0.9); /* Black w/ opacity */ backdrop-filter:blur(4px); -webkit-backdrop-filter: blur(4px);}
.overlay-content {    position:relative;    background-color: white;    width: 500px;    margin-left: auto;    margin-right: auto;    padding: 25px;    margin-top: 150px;    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    border-radius: 5px 5px 5px 5px;    -moz-border-radius: 5px 5px 5px 5px;    -webkit-border-radius: 5px 5px 5px 5px;    border: 0px solid #000000;    box-sizing:border-box;}
.overlay-content2 {    position: relative;    width: 700px;    margin-left: auto;    margin-right: auto;    padding: 25px;    margin-top: 150px;    box-sizing: border-box;}
.overlay-contentsub {    background-color: white;    float: right;    width: 300px;    margin-left: auto;    margin-right: auto;    padding: 30px;    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    border-radius: 5px 5px 5px 5px;    -moz-border-radius: 5px 5px 5px 5px;    -webkit-border-radius: 5px 5px 5px 5px;    border: 0px solid #000000;    box-sizing: border-box;    text-align:center;}
.overlay-contentissue {    background-color: white;    float: left;    width: 300px;    margin-left: auto;    margin-right: auto;    padding: 30px;    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);    border-radius: 5px 5px 5px 5px;    -moz-border-radius: 5px 5px 5px 5px;    -webkit-border-radius: 5px 5px 5px 5px;    border: 0px solid #000000;    box-sizing: border-box;    text-align: center;}
.popcoverholder {    position: relative;    height: 150px; margin-bottom:20px;}
.popcover {position: absolute; z-index: 3; width:110px; height:150px; left:65px;    -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);    -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);    box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);    }
.popcover2{position: absolute; z-index: 2; height: 120px; left: 10px; top:15px; -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);}
.popcover3{position: absolute; z-index: 1; height: 120px; right: 10px; top:15px;  -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3);}


.popname{color:#003873; margin-top:10px; margin-bottom:20px; font-weight:700; font-size:16px;}
.popprice{margin-bottom:20px; font-weight:700; font-size:16px;}
.popreasons{height:100px; text-align:left; margin-top:20px; font-size:13px; color:black;}
.popbtn {    border: none; font-family: 'Open Sans', sans-serif;  -webkit-appearance: none;  margin-left: calc(50% - 100px) !important; text-transform:uppercase; background-color:#003873 !important; height:40px !important; line-height:40px !important;}

.close {    color: red;    right: 5px;    top:-5px;    font-size: 28px;    font-weight: bold;    position:absolute;}
.close:hover,.close:focus {    color: black;    text-decoration: none;    cursor: pointer;}
.exisitingsub{margin-top:20px; padding-bottom:50px; text-align:center; width:80%; margin-left:auto; margin-right:auto; font-weight:600;}
a.exisitingsublink:link{color:red;}
a.exisitingsublink:visited{color:red;}
a.exisitingsublink:hover{color:black;}

.sharearticleholder{padding:30px 40px;}
.sharearticleright{width:calc(100% - 250px); float:right;}
.sharearticleleft{width:200px; float:left;}

.sharebtnholder{position:fixed; width:200px; display:block; text-align:center; box-sizing:border-box; padding:8px 10px; background-color:#ededed;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.shararticlebtn{width:25%; display:block; text-align:center; box-sizing:border-box; padding:5px 0px;  color:Black !important; line-height:20px; font-weight:600; float:left;}
.shararticleico{font-size:22px; padding-top:5px;}
.sharearticleimgholder{width:100%; margin-top:15px; margin-bottom:20px;}
.sharearticleimg{width:100%;}
.article-full-headline{line-height:36px;}
.allarticleholder{width:23%; margin-right:2.66%; border:0px #cdcdcd solid; box-sizing:border-box; float:left; margin-top:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.22);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.22);}
.allarticleholder:nth-child(4n){margin-right:0%;}
.allarticleholder:hover{-webkit-box-shadow: 0px 0px 3px 3px rgba(130,170,200,1);-moz-box-shadow: 0px 0px 3px 3px rgba(130,170,200,1);box-shadow: 0px 0px 3px 3px rgba(130,170,200,1);}

.allarticletxtholder{padding:10px; height:82px; overflow:hidden; margin-bottom:15px; color:black;}
.allarticleimgholder{height:200px; position:relative; background-size:cover;}
.allarticleimg{position:absolute; background-size:contain;}
.allarticleh3{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; font-size:17px; font-weight:700; margin-bottom:8px; color:black;}

.articlepageholder{position:fixed; width:200px;}
.articlepageheadertxt{font-size:14px; font-weight:600; margin-bottom:8px;}

.bottomarticlepageholder{ width:100%;  box-sizing:border-box; padding:20px; background-color:#ededed;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.bottomarticleupcover{width:150px; float:left;}
.bottomarticleuptxt{width:calc(100% - 170px); float:right;}

.copiedtoclip {    position: absolute;    left: 104px;    top: 13px;    font-size: 10px;    font-weight: 600;    padding: 0px;    background-color: #ededed;    display:none;}
.ccactive{display:block;}

.advert-image{width:100%; margin-top:20px;}

.centercontent > .tp3quote > .siteholder{width:100%;}
.tp3quotetxtholder{width:80%; margin-left:10%; margin-right:10%; position:relative; padding-top:20px; padding-bottom:20px;}
.tp3quotetxt{font-size:20px; text-align:center; width:100%; font-family:Merriweather; line-height:26px !important;}
.tp3quoteperson{font-size:14px; font-weight:400; text-align:center; width:100%;}
.tp3leftquote{position:absolute; left:-65px; top:-20px; font-size:100px; font-family:'Times New Roman'; color:#f0f0f0;}
.tp3rightquote{position:absolute; right:-65px; bottom:-20px; font-size:100px; font-family:'Times New Roman'; color:#f0f0f0;}


@media screen and (min-width:750px) and (max-width:999px) {
    .siteholder, .siteholdersaga { width: 100%; }

.tabweb{display:none}
.tab{display:inline-block}

.headerimage{width:100%; }

.leftcontent{width:220px; float:left;}
.rightcontent{display:none;}
.centercontent{width:calc(100% - 240px);  margin-left:20px; float:left;}

/* READER COVERS */
.pmcoveryearname{font-size:14px; font-weight:600; padding:8px; text-align:center;}
.pmdetailholder{width:65%; float:right;}
.mobilesearch{display:none; }

}

@media screen and (max-width:749px) {

.siteholder, .siteholdersaga { width: 100%; padding:0px; }

.web{display:none;}
.mob{display:inline-block}

.footerlogo{margin-top:8px; }
.footerlinks{width:100%; text-align:left;}
.footerlinkspm{width:100%;}
.footercol {width: 190px; float: left; text-align: left;}
.pmcovername{font-size:14px;}
.contentpadding25{padding-left:15px; padding-right:15px;}
.breadcrumb{padding-left:15px; font-size:12px; font-weight:600; color:#216a92;}
.searchgrid {  grid-template-columns: repeat(1, minmax(0, 1fr));}

.ribbon{background-color:#acacac; width:100%; height:26px; line-height:26px; color:white; font-size:12px; font-weight:600; padding-left:10px; padding-right:10px; box-sizing:border-box;}
.headerimage{width:100%; margin-top:0px; margin-bottom:0px;}
.heroimage{margin-top:0px; margin-bottom:0px;}
.heroimg{display:block;}

.leftcontent{display:none;}
.rightcontent{display:none;}
.centercontent{width:100%; margin-left:0px; padding:0px 15px 0px 15px; box-sizing:border-box;}
.fullrightcontent{width:100%; float:none; padding:15px; box-sizing:border-box;}
.fullcontent{width:100%; float:none; padding:0px; box-sizing:border-box;}

.mobilectacover {width:120px; float:left; display:inline-block;}
.mobilectadetails {width:calc(100% - 130px); float:right; text-align:left; display:inline-block;}
.mobilectabutton {height: 35px; line-height: 35px; background-color: #2dcc70; font-weight: 600; display: block; color: white !important; cursor:pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; text-align: center; width: 100%; margin-left:0%;}
.blogtextweb{ display:none;}
.drfooterlinks{width:100%; margin-top:20px;}

#menuToggle {    display: block;   }

.ctaholder{width:90%; margin-left:5%;}

.blogimageright{width:100%; float:right; margin-left:0px; margin-bottom:20px;}
.blogimageleft{width:100%; float:left; margin-left:0px; margin-bottom:20px;}
.bc_2colleft{width:100%; float:left; margin-bottom:10px;}
.bc_2colright{width:100%; float:right; margin-bottom:10px;}

#cookie-bar {    background: #333;    height: auto;    line-height: 14px;    font-size: 11px;    color: #eeeeee;    text-align: center;    padding: 10px 10px 10px 10px;    box-sizing: border-box;    z-index: 3147483647;}


/* READER COVERS */
.pmcovergrid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
.pmlatestcovers{width:49%; background-color:white; float:left; margin-right:2%; margin-bottom:35px;}
.pmlatestcovers:nth-child(2n){margin-right:0%;}
.pmlatestcoversholder{width:100%; padding-top:135%; position:relative;}
.pmcoveryearname{font-size:14px; font-weight:600; padding:5px;}
.pmcoverholder{width:100%; margin-bottom:20px; float:left;}
.pmdetailholder{width:100%; float:right;}
.pmsearchholder {    position: absolute;    right: 15px;    top: calc(50% - 18px); width:42%;}
.pmsearchbutton {  border: 0px solid red;     background-color:transparent;    color:#216a92;    float:left;  height: 35px;    width: 40px;   }
.pmsearchicon{margin-top:0px; font-size:20px !important; color:#216a92;}
.pmlatestissuetop{width:150px; float:left;}
.pmlatestissuetopimg{width:100%;}
.pmlatestissuetopdesc{width:calc(100% - 170px); float:right;}
.pmlatestissuetoptxt{margin-bottom:20px; font-size:12px;}
.pmsearchbox {     width: calc(100% - 42px);  height:37px;   float: left; box-sizing:border-box; border: 0px solid #5e5e5e;}
.pmsearchbuttonpage {  border: 1px solid red;    height: 35px;    width: 40px;    line-height:32px;    background-color:red;   -webkit-appearance: none;  display:block;    color:white;    float:left;    text-align:center; cursor:pointer;}

.mobilesearch{width:100%; padding:20px 20px 10px 20px; background-color:#cdcdcd;  box-sizing:border-box; height:77px; display:block;  }
.pmsearchiconpage{margin-top:0px;border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;-webkit-border-radius: 0px 5px 5px 0px; font-size:22px; }
.tp3blogtextweb{display:none;}

.overlay-content {  width: 90%; padding: 15px;  margin-top: 100px; }
.overlay-content2 { width: 90%; padding: 15px;  margin-top: 20px;  }
.overlay-contentsub {   float: left; width: 100%;   padding: 15px; margin-bottom:20px;  }
.overlay-contentissue { float: left; width: 100%;   padding: 15px;}
.popcoverholder {   height: 120px;}
.popcover {position: absolute; z-index: 3; width:90px; height:120px; left:calc(50% - 40px);    }
.popcover2{position: absolute; z-index: 2; height: 80px; left: calc(50% + 40px); top:20px; }
.popcover3{position: absolute; z-index: 1; height: 80px; right:  calc(50% + 40px); top:20px; }

.popname{color:red; margin-top:0px; margin-bottom:20px; font-weight:600;}
.popprice{margin-top:10px; margin-bottom:10px; font-weight:600;}
.popbtn {    border: none; font-family: 'Open Sans', sans-serif;    margin-left: calc(50% - 100px); text-transform:uppercase;}

.close {    color: #aaa;    right: 5px;    top:-5px;    font-size: 28px;    font-weight: bold;    position:absolute;  color: orange;  }
.close:hover,.close:focus {    color: black;    text-decoration: none;    cursor: pointer;}

.sharearticleholder{padding:15px 20px;}
.sharearticleright{width:100%; float:right;}
.sharearticleleft{width:100%; float:left;}
.printico{display:none !important;}
.shararticlebtn{width:100%;}

.allarticleh3{font-size:15px;}
.allarticletxtholder{height:76px; font-size:13px;}


.sharebtnholder{width:100%; position:fixed; bottom:20px; left:20px; width:50px; display:block; text-align:center; box-sizing:border-box; padding:8px 10px 15px 8px; background-color:white;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:none; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);}

.allarticleholder{width:48%; margin-right:4%; border:0px #cdcdcd solid; box-sizing:border-box; float:left; margin-top:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.22);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.22);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.22);}
.allarticleholder:nth-child(3n){margin-right:4%;}
.allarticleholder:nth-child(2n){margin-right:0%;}


.copiedtoclip {      left: 7px;    top: 90px; background-color:#dadada;  }


}