December 2018

body, div, table, td, p, a {font-family: sans-serif !important;} table {border-collapse: collapse;} .Serif {font-family: serif !important;} .Cursive {font-family: cursive !important;} /* FONT */ @font-face{font-family:'Pterra'; font-style:normal; font-weight:400; src:url(http://d28hgpri8am2if.cloudfront.net/fonts/Newsletters/Pterra-webfont.woff) format('woff');} /* Simon Teen */ .FacebookW:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/Facebook.png') center no-repeat; background-size:contain;} .FacebookW:hover img{opacity:0; display:none;} .TwitterW:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/Twitter.png') center no-repeat; background-size:contain;} .TwitterW:hover img{opacity:0; display:none;} .InstagramW:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/Instagram.png') center no-repeat; background-size:contain;} .InstagramW:hover img{opacity:0; display:none;} .PinterestW:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/Pinterest.png') center no-repeat; background-size:contain;} .PinterestW:hover img{opacity:0; display:none;} .TumblrW:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/Tumblr.png') center no-repeat; background-size:contain;} .TumblrW:hover img{opacity:0; display:none;} .MortalInstruments:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/MortalInstrumentsH.png') center no-repeat; background-size:contain;} .MortalInstruments:hover img{opacity:0; display:none;} .InfernalDevices:hover{background: url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/InfernalDevicesH.png') center no-repeat; background-size:contain;} .InfernalDevices:hover img{opacity:0; display:none;} .DarkArtifices:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/DarkArtificesH.png') center no-repeat; background-size:contain;} .DarkArtifices:hover img{opacity:0; display:none;} .ShadowAcademy:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/ShadowAcademyH.png') center no-repeat; background-size:contain;} .ShadowAcademy:hover img{opacity:0; display:none;} .BaneChronicles:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/BaneChroniclesH.png') center no-repeat; background-size:contain;} .BaneChronicles:hover img{opacity:0; display:none;} .Codex:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/CodexH.png') center no-repeat; background-size:contain;} .Codex:hover img{opacity:0; display:none;} .Share:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/ShareH.png') center no-repeat; background-size:contain;} .Share:hover img{opacity:0; display:none;} .Share2:hover{background:url('http://simonandschusterpublishing.com/downloadables/SSEmail/Template/Shadowhunters/Share2H.png') center no-repeat; background-size:contain;} .Share2:hover img{opacity:0; display:none;} /* Mso */ img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} /* Outlook Mac */ @media only screen and (min-width: 800px){ .NavPct{width:800px!important;} .BdrPct{width:820px!important;} } @media only screen and (max-width: 800px){ .NavPct{width:100%!important;} .LogoM{float:none!important; display:block!important;} .NavDiv{float:none!important;} .NavNone{padding-top:7px!important;} .View1{padding-top:11px!important;} } /* Gmail */ .Roll1:hover{color:#7a7a7a!important; text-decoration:underline!important;} .Roll2:hover{color:#398295!important;} .RollU:hover{text-decoration:underline!important;} .Roll3:hover{color:#8D7D59!important;} .Uln:hover{border-bottom:2px solid #C4C4C4!important;} .Roll4:hover{color:#7a7a7a!important; text-decoration:underline!important;} .Btn1:hover{background-color:#7a7a7a!important;} .Btn2:hover{background-color:#7a7a7a!important;} u ~ div .View1{padding-top:23px!important;} @media only screen and (max-width: 1230px){ u ~ div .LogoM{float:none!important; display:block!important;} u ~ div .NavDiv{float:none!important;} u ~ div .NavNone{padding-top:7px!important;} u ~ div .View1{padding-top:12px!important;} } @media only screen and (max-width: 950px){ u ~ div .LogoM{float:left!important; display:inline-block!important;} u ~ div .NavDiv{float:right!important;} u ~ div .NavNone{display:none!important;} u ~ div .View1{padding-top:23px!important;} } @media only screen and (max-width: 600px){ /* Outlook Mac */ .LogoM{float:left!important; display:inline-block!important;} .NavDiv{float:right!important;} .NavNone{display:none!important;} /* Gmail App */ .DisplayInitial{display:initial!important;} .DisplayNone{display:none!important;} .HBnr{display:none!important;} .SBnr{max-width:600px!important; width:100%!important; font-size:12px!important; line-height:100%!important;} .Btn2{display:none!important;} .BdrNone{border:none!important;} .MW600P{max-width:600px!important; padding-bottom:0px!important; padding-left:0px!important; padding-right:0px!important;} .MW250{max-width:250px!important; width:100%!important;} .MW220{max-width:220px!important; width:100%!important;} .MW180{max-width:180px!important; width:100%!important; padding:0px!important;} .BPad{padding:0px 0px 20px!important;} u ~ div .View1{padding-top:19px!important;} .View1{padding-top:19px!important;} .View2{width:18px!important;} .Spc{max-width:35px!important; width:100%!important;} .TC{text-align:center!important;} .T15{font-size:15px!important; text-align:center!important;} .T17{font-size:17px!important; text-align:center!important;} .T20{font-size:20px!important; text-align:center!important;} .T25{font-size:25px!important; text-align:center!important;} .T28{font-size:28px!important; text-align:center!important;} .F17{font-size:17px!important;} .P10{padding-left:10px!important; padding-right:10px!important;} .P20{padding-left:20px!important; padding-right:20px!important;} .BtnP{padding-top:15px!important; padding-bottom:5px!important;} .SubP{padding-top:10px!important; padding-left:20px!important; padding-right:20px!important;} .TP10{padding-top:10px!important;} .TP15{padding-top:15px!important;} .BP15{padding-bottom:15px!important;} .BP0{padding-bottom:0px!important;} .Pct100{width:100%!important;} .Pct90{width:90%!important;} .SBtn{background:#222222!important; width:200px!important; padding:10px 7px 7px!important; font-size:18px!important;} u ~ div .SBtn{padding-top:7px!important;} .SBtn:hover{background:#7a7a7a!important;} .SLnk{font-size:17px!important; color:#222222!important; line-height:1.3!important;} .SLnk:hover{color:#7a7a7a!important;} .SUln{border-bottom:2px solid #C4C4C4!important; line-height: 1.4!important;} .SUln:hover{border-bottom:2px solid #C4C4C4!important; line-height: 1.4!important;} .BBW{text-align:center!important; margin-left:20px!important; margin-right:20px!important;} .BB{max-width:110px!important; width:100%!important;} .NavP{padding-top:5px!important; padding-bottom:10px!important;} .SNav{font-size:15px!important;} .SNav:hover{color:#7a7a7a!important; text-decoration: underline!important;} .Scl3{max-width:180px!important;} .Scl4{max-width:240px!important;} .Scl{width:40px!important;} } /* iOS + Android */ @media only screen and (max-width: 420px){ u ~ div .Ghost{display:none!important;} .BdrPct{width:90%!important;} .NavP{padding-left:20px!important; padding-right:20px!important;} .BPad{padding:0px 15px 15px 0px!important;} .View1{padding-top:19px!important; padding-right:25px!important;} .View2{width:20px!important;} /* Nav Menu */ #Ham{display:inline-block!important; float:left!important;} #menu a{text-decoration:none; color:#ffffff; transition:color 0.3s ease;} #menu a:hover{color:#818181;} #menuToggle{display:block; position:relative; top:20px; left:20px; z-index:1; -webkit-user-select:none; user-select:none;} #menuToggle input{display:block; width:40px; height:32px; position:absolute; top:-7px; left:-5px; cursor:pointer; opacity:0; z-index:2; -webkit-touch-callout:none;} /* Activate */ #menuToggle span{display:block; width:29px; height:3px; margin-bottom:5px; position:relative; background:#959595; 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); background:#ffffff;} #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:305px; margin:-50px 0 0 -60px; padding:50px 50px 50px 80px; padding-top:70px; background:#222222; 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);} .LogoM{margin:0px 0px 0px 90px!important;} #menu li{padding:10px 0; font-size:22px;} #menuToggle input:checked ~ ul{transform:none;} u ~ div .LogoM{margin:0px!important;} u ~ div .View1{padding-right:15px!important;} u ~ div .BPad{padding-right:0px!important;} #MessageViewBody .LogoM{margin:0px 0px 0px 70px!important;} } @media only screen and (max-width: 380px){ #menu{margin:-50px 0 0 -50px; padding:50px 30px 50px 50px; padding-top:70px;} .LogoM{margin:0px 0px 0px 70px!important;} } /* Outlook Mac: Safari 6.1-10 */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ @media{.Ghost{display:none!important;} .LogoM{margin:0px!important;} .View1{padding-right:15px!important;}} }