﻿/* TEMPLATE 1007 */




*, ::after, ::before {    box-sizing: border-box;}


.breadcrumb {  margin-bottom: 0rem; display:none;}
.breadcrumb1007 { font-size:13px; font-weight:600; color:#216a92;}
.l1007{float:left; width:90px; height:0px;}
.c1007{float:left; width:calc(100% - 20px); text-align:left; overflow:hidden;}
.r1007{float:right; width:20px;padding-top: 16px; margin-right:10px; display:none;}
.readtime {    font-size: 13px;    font-weight: 600;    color: gray;    margin-right: 20px;    float: left;}
.pmcovername {    height: 48px;}
.mobpad{padding-top:20px;}
.fs16{font-size:16px;}
.fw600{font-weight:600;}
.ful{text-decoration:underline;}
.t1007{height:60px;}
.m1007{height:calc(100% - 120px); overflow-y:scroll;}
.b1007{height:60px; border-top:1px white solid;  background-color:black; bottom:0px; padding: 0px 8px;}
.sharearticleholder {  padding: 5px 20px;}
.siteholder1005{width:1250px; margin-left:auto; margin-right:auto; padding:0px; box-sizing:border-box; position:relative;}
.topmargin{ margin-top:145px;}
.digitalreaderheader{background-color:black; width:100%; height:120px; top:25px; position:fixed; z-index:8;}
.burger{display:none;}
.archive_logo{height:50px; margin-top:25px; margin-left:0px;}
.ribbon1005{background-color:#202d3d; font-family:'Open Sans'; position:fixed; z-index:8; width:100%; top:0px; height:25px; line-height:25px; color:white; font-size:14px; font-weight:600; padding-left:10px; padding-right:10px; box-sizing:border-box;}

.leftcontent1005{width:250px; float:left;}
.rightcontent1005{width:250px; float:right; margin-top:40px;}
.centercontent1005{width:950px; margin-left:0px; float:left; margin-top:40px; font-size:16px; text-align:center;}

.offerblockcovertop1{position: absolute;    z-index: 3;    height: 300px;    left: 0px;    top: 10px;    transform: rotate(-3deg); }
.offerblockcovertop2{position: absolute; z-index: 2; height: 300px; left: 100px; top:10px; transform: rotate(7deg); }
.offerblockcovertop3{position: absolute; z-index: 1; height: 300px; left: 200px; top:26px; transform: rotate(17deg); }

.cta1005headertxt{font-family:'Rasa'; font-size:65px; font-weight:700; line-height:55px; letter-spacing:-1px; margin-top:40px;}
.cta1005subheadertxt{font-family:'Open Sans'; font-size:25px; font-weight:300; margin-top:30px; height:40px; line-height:40px;  display:inline-block; float:left;}
.cta1005btn{border-radius:20px; background-color:orange; color:black; font-family:'Open Sans'; font-weight:600; font-size: 17px; padding: 0px 40px; height:40px; line-height:39px; display:inline-block; float:left; margin-top:30px; margin-left:30px;}

.container1005 {    width: 100%;    height: 250px;    position: relative;    overflow: hidden;}
.leftblock1005 {    width: 50%;    height: 100%;    float: left;    background-color: white;}
.rightblock1005 {    width: 50%;    height: 100%;    float: left;    background-color: black;    clip-path: ellipse(85% 215% at 100% 0%);}
.contentblockleft1005 {    width: 625px;    height: 250px;    float: right;}
.contentblockright1005 {    position: absolute;    width: 235px;    height: 250px;    margin-left: 160px;}
.sitefooter1005{background-color:#0f1336; width:100%; margin-top:20px; box-sizing:border-box; color:white;}
.sitefooter1005 a{color:white;}
.footerlogo1005 {  float: left;  height: 50px;  margin-top: 8px;}
.footerpad{padding:20px 0px 30px 0px !important;}
.footerlink{line-height:25px; height:25px; display:block;}
.offerholders1005{background-color:#f9f9f9; padding:15px;}
.offerheader1005{font-size:20px; font-weight:700; height:35px; line-height:35px; font-family:'Open Sans';}
.offerred{background-color:red; color:white;}
.offerborder{border:3px red solid;}
.offerbordergray{border:1px #cdcdcd solid;}
.offertxtheader{font-family:'Rasa'; font-size:30px; font-weight:700; line-height: 40px;}
.offertxtsubheader{font-family:'Rasa'; font-size:22px; font-weight:500; line-height: 28px; margin-bottom:10px;}
.offertxt{font-family:'Rasa'; font-size:18px; font-weight:400; line-height: 22px; margin-bottom:20px;}
.ctaButtonred { height: 45px; line-height: 45px; font-family:'Open Sans'; font-weight:600; display: inline-block; width: auto; margin-left: 0px; padding: 0px 40px; text-transform: uppercase; background-color:red; color:white !important;}
.home1005txt .blogtext a{color:black; border-bottom: 1px red solid; padding-bottom: 1px;}
.mobilectacover {   display: block;}
.mobilectabutton {  height: 40px;  line-height: 40px; font-family:'Open Sans'; margin-left: unset;}
.bc_btnholder {  width: 100%;  padding: 15px 0px;  text-align: left;  }
.mobilectabuttonholder{margin-left: 170px;}
.home1005txt .bc_btnholder{width:100%; padding:15px 0px; text-align:center;}
.mobilectacover {  display: block;  width: 150px;  float: left;  margin-right: 20px;}
.mobilectadetails {  display: block; text-align:left;}
.mobilectacover img{-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); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.mobilectaclear{clear:unset;}

.menunav{float:left; margin-right:15px; margin-left:15px;}
#menuToggle {    display: none;    position: relative; width:100%;    top: 0px;    left: 0px;    z-index: 1;    -webkit-user-select: none;    user-select: none;  padding-left:5px; padding-top:15px; padding-bottom:5px;  }
#menuToggle input {   padding:5px;  display: block;    width: 40px;    height: 32px;    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;    width: 20px;    height: 2px;    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:60px;}

.hamburger-menu{display:none;}
#menu__toggle {    opacity: 0;    z-index:11; }
#menu__toggle:checked + .menu__btn > span {    transform: rotate(45deg);    top:8px;}
#menu__toggle:checked + .menu__btn > span::before {    top: 0px;    transform: rotate(0deg);}
#menu__toggle:checked + .menu__btn > span::after {    top: 0px;    transform: rotate(90deg);}
#menu__toggle:checked ~ .menu__box {    left: 0 !important;}
.menu__btn {    position: fixed;    top: 50px;    left: 20px;    width: 20px;    height: 26px;    cursor: pointer;    z-index: 11;}
#menu__toggle:checked + .menu__btn {    left:auto;    right:80px; top:20px;}
.menu__btn > span,.menu__btn > span::before,.menu__btn > span::after {    display: block;    position: absolute;    width: 100%;    height: 2px;    background-color: white;    transition-duration: .25s;}
.menu__btn > span::before {    content: '';    top: 7px;}
.menu__btn > span::after {    content: '';    top: 14px;}
.menu__box {    display: block;    position: fixed;    top: 0;    left: -100%;    width: calc(100vw - 60px);    height: 100%;    margin: 0;    padding: 0px;    list-style: none;    background-color: black;    box-shadow: 60px 0px 0px rgba(0, 0, 0, .2);    transition-duration: .25s;    z-index: 10;    color: white;}
.menu__item {    display: block;    padding: 12px 24px;    color: black;    font-size: 20px;    font-weight: 600;    text-decoration: none;    transition-duration: .25s;}
.menu__item:hover {    background-color: white;}

.r1007 a:hover{color:white;}

.latestissueheadertxt1007v2{color:black !important; font-weight:600; font-size:22px; margin-bottom:20px; display:inline-block;}
.bm1007header {    padding: 20px;    font-size: 20px; font-weight:600;}

.siteholder {  width: 1030px;   padding: 0px;    padding-top: 120px;  box-sizing: border-box;  position: relative;}
.sharearticle1007holder{ position:relative;}
.template1007{padding:0px;}
.sharearticleleft{width:calc(100% - 350px); float:left; box-sizing:border-box;}
.sharearticle1007right{width:350px; margin-left:680px; height:calc(100vh - 120px); background-color:#f3f3f3; position:fixed;}
.menulinksweb{margin-left:0px; margin-top:10px; color:white; width:100%; font-family:'Open Sans';}
.leftmensep{margin-right:30px;}
.digitalreaderheaderlink{font-size:15px; font-weight:600;}
.digitalmenulink {  font-size: 15px;  font-weight: 600;  display: block;  padding: 5px 20px;}
.contentsepgrad {    background: rgb(238,238,238);    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); height:50px; width:100%;}
.contentpadding25{padding:25px;}
.appearsinisuetxt1{font-size:14px; font-weight:400;}
.appearsinisuetxt2{font-size:20px; font-weight:600;}
.rightmenupadholder{width:100%; padding:20px; box-sizing:border-box;}
.rightmenuimgholder{width:100px; float:left; position:relative;}
.rightmenutxtholder{width:calc(100% - 110px); float:right;}
.rightmenucoverimg{width:70px; -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    overflow: hidden;}
.articlepageholder1007{width:100%; display:block;}
.rightmenupageimg{position:absolute; width:40px; bottom:5px; right:15px; -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    overflow: hidden; -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);}
.rightmenubtn{width:150px; margin-top:10px;}
.rightmenusep{border-bottom:1px #dcdcdc solid; padding-top:15px; margin-bottom:15px;}
.rightmenuarticles{height:calc(100vh - 290px); overflow-y:scroll;}
.smtxtarticle2 {   float: left;    width: calc(100% - 85px);    margin-left: 15px;    color: #3d3232;    font-size: 14px;    line-height: 18px;    font-weight: 600;}
.drfooter { z-index: 2;  position: relative;}
.article1007bottom1{background-color:#f3f3f3; padding:25px 25px; box-sizing:border-box; width:100%;}
.articlepadding{padding:25px;}
.bottombackissuepageholder{background-color:#000000; color:white; padding:25px 25px; box-sizing:border-box; width:100%;}
.whatsingrid {    display: grid;     gap: 30px;    margin-bottom: 20px; grid-template-columns: repeat(3, minmax(0, 1fr));  align-items: start; }
.pagesep1005{border-bottom:1px #cdcdcd solid; height:30px; margin-bottom:60px; padding:0px 10%}
.homeh2{font-size:28px; margin-bottom:30px; line-height:34px;}
.whatsintxtheader{font-weight:600; margin-top:10px; margin-bottom:15px;}
.whatsintxt{font-weight:400; font-size:14px; line-height:19px;}
.reviewstar{font-size:34px !important; color:orange;}
.reviewhold{font-size:20px;}
.infoblock1005{background-color:#f9f9f9; color:black; padding:10px;  display: grid; gap: 20px; margin-bottom: 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start;}
.info1005logo{float:left;}
.infoiconblock{line-height: 35px;  display: inline-flex;}
.info1005txt{margin-left:8px;}

.ctaButton { height: 45px; line-height: 45px; font-family:'Open Sans'; display: inline-block; width: auto; margin-left: 0px; padding: 0px 40px; text-transform: uppercase;}
li {    margin-top: 10px;    list-style: disclosure-closed;    margin-bottom: 10px; }
ul {    text-align: left;    width: 70%;    margin-left: 15%;    padding: 10px;}

@media screen and (min-width:750px) and (max-width:1250px) {

    .siteholder1005{width:100%; margin-left:auto; margin-right:auto; padding:0px 25px; box-sizing:border-box; position:relative;}
    .sitefooter1005{width:100%; padding:0px 25px;}
    .topmargin{ margin-top:115px;}
    .contentblockleft1005 { width: calc(100% - 35px); margin-left: 35px; }
    .contentblockright1005 { margin-left: 75px;}
    .cta1005headertxt {  font-size: 42px; line-height: 40px;  letter-spacing: -1px;  margin-top: 30px;}
    .cta1005subheadertxt { margin-top: 15px; }
    .cta1005btn {margin-top: 18px;        margin-left: 0px;    }
    .siteholder {  width: 100%;   padding: 0px;    padding-top: 100px; }
    .c1007{float:left; width:calc(100% - 20px); text-align:left; overflow:hidden;}
    .archive_logo{height:50px; margin-top:15px; margin-left:15px;}
    .hamburger-menu{display:none;}
    .menulinksweb{margin-left:15px; margin-top:5px; color:white;}
    .rightmenuarticles{height:calc(100vh - 270px);}
    .digitalreaderheader{background-color:black; width:100%; height:100px;}
    .digitalreaderheaderlink{font-size:13px; font-weight:600; padding-top:3px;}
    .leftmensep{margin-right:20px;}
    .rightcontent1005{display:none;}
    .centercontent1005{width:100%; margin-left:0px; float:left; margin-top:30px; font-size:16px; text-align:center;}
    .infoblock1005{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .offertxtheader{font-size:24px; line-height: 30px;}
    .offertxtsubheader{font-size:18px; line-height: 28px; margin-bottom:10px;}
    .offertxt{font-size:16px; line-height: 22px; margin-bottom:20px;}

}

@media screen and (max-width:749px) {


    .siteholder1005{width:100%; margin-left:auto; margin-right:auto; padding:0px 20px; box-sizing:border-box; position:relative;}
    .sitefooter1005{width:100%; padding:0px 25px;}
    .topmargin{ margin-top:95px;}
    .contentblockleft1005 { width: calc(100% - 20px); margin-left: 20px; }
    .contentblockright1005 { margin-left: 50px;}
    .cta1005headertxt {  font-size: 25px; line-height: 28px;  letter-spacing: -1px;  margin-top: 30px;}
    .cta1005subheadertxt { margin-top: 15px; font-size: 18px;}
    .cta1005btn {margin-top: 18px; margin-left: 0px; font-size: 15px;  padding: 0px 25px;}
    .rightblock1005 {  clip-path: ellipse(90% 165% at 100% 0%);}
    .offerblockcovertop1 {height: 170px; transform: rotate(0deg); top: 40px;}
    .offerblockcovertop2, .offerblockcovertop3{display:none;}
    .leftcontent1005{display:none;}
    .rightcontent1005{display:none;}
    .centercontent1005{width:100%; }
    .footerlogo1005 {margin-bottom: 30px;}
    .menulinksweb{display:none;}

    .mobpad {        padding-top: 65px;    }
    .l1007 { width: 40px;  height: 50px;}
    .c1007{float:left; width:calc(100% - 50px); text-align:left; overflow:hidden;}
    .r1007{display:none;}
    .digitalreaderheader{background-color:black; width:100%; height:70px; position:fixed}
    .burger{float:left; margin-right:15px; margin-left:15px; margin-top:10px; display:block;}
    .archive_logo{height:36px; margin-top:17px; margin-left:5px;}
    .hamburger-menu{display:block;}
    .infoblock1005{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .offertxtheader{font-size:24px; line-height: 30px;}
    .offertxtsubheader{font-size:18px; line-height: 28px; margin-bottom:10px;}
    .offertxt{font-size:16px; line-height: 22px; margin-bottom:20px;}
    .whatsingrid {     gap: 0px;    margin-bottom: 10px; grid-template-columns: repeat(1, minmax(0, 1fr));  }
    .homeh2{font-size:22px; margin-bottom:30px; line-height:28px;}
    .bc_btnholder { margin-left: 0px;}
    .mobilectacover {  margin-right: 0px; width: 120px;}
    .mobilectadetails {  display: block; text-align:left;}
    .mobilectaclear{clear:both;}

}

