February 2020

body, div, table, td, p, a {font-family: sans-serif !important;} table {border-collapse: collapse;} .Font {font-family: serif !important; line-height: 1.1 !important;} /* Webfont */ @font-face {font-family:'Libre Baskerville'; font-style:normal; font-weight:400; src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxUaC82U.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Pterra'; font-style:normal; font-weight:400; src:url(https://d28hgpri8am2if.cloudfront.net/fonts/Newsletters/Pterra-webfont.woff) format('woff');} /**/ /* Hovers */ .FacebookW:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/Facebook.png') center no-repeat; background-size:contain;} /**/ .FacebookW:hover img{opacity:0; display:none;} /**/ .TwitterW:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/Twitter.png') center no-repeat; background-size:contain;} /**/ .TwitterW:hover img{opacity:0; display:none;} /**/ .InstagramW:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/Instagram.png') center no-repeat; background-size:contain;} /**/ .InstagramW:hover img{opacity:0; display:none;} /**/ .TumblrW:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/Tumblr.png') center no-repeat; background-size:contain;} /**/ .TumblrW:hover img{opacity:0; display:none;} /**/ .MortalInstruments:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/MortalInstrumentsH.png') center no-repeat; background-size:contain;} /**/ .MortalInstruments:hover img{opacity:0; display:none;} /**/ .InfernalDevices:hover{background: url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/InfernalDevicesH.png') center no-repeat; background-size:contain;} /**/ .InfernalDevices:hover img{opacity:0; display:none;} /**/ .DarkArtifices:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/DarkArtificesH.png') center no-repeat; background-size:contain;} /**/ .DarkArtifices:hover img{opacity:0; display:none;} /**/ .ShadowAcademy:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/ShadowAcademyH.png') center no-repeat; background-size:contain;} /**/ .ShadowAcademy:hover img{opacity:0; display:none;} /**/ .BaneChronicles:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/BaneChroniclesH.png') center no-repeat; background-size:contain;} /**/ .BaneChronicles:hover img{opacity:0; display:none;} /**/ .Codex:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/CodexH.png') center no-repeat; background-size:contain;} /**/ .Codex:hover img{opacity:0; display:none;} /**/ .Share1:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/Template/Shadowhunters/ShareH.png') center no-repeat; background-size:contain;} /**/ .Share1:hover img{opacity:0; display:none;} /**/ .Share2:hover{background:url('https://d1uhdeijel88iv.cloudfront.net/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.com */ [owa] .Ghost{display:none!important;} [owa] .NavPct{width:100%!important;} [owa] .LogoM{float:none!important; display:block!important; margin:0px!important;} [owa] .NavDiv{float:none!important; max-width:510px!important;} [owa] .NavNone{padding-top:7px!important;} [owa] .View1{padding-top:10px!important; max-width:28px!important;} [owa] .BdrPct{max-width:700px!important; width:90%!important;} [owa] .Font{font-family:Georgia,serif!important; line-height:1.1!important;} /* 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:#117E9d!important;} /**/ .Btn2:hover{background-color:#7a7a7a!important;} .Btn3:hover{background-color:#f5f5f5!important;} /**/ u ~ div .View1{padding-top:23px!important;} /**/ u ~ div .Font{font-family:Georgia,serif!important; line-height:1.1!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;} .TL{text-align:left!important;} .TR{text-align:right!important; display:block!important;} .TC{text-align:center!important;} .T12{font-size:12px!important; 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;} u ~ div .P20{padding-left:10px!important; padding-right:10px!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;} .BP19{padding-bottom:19px!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;}} } /* https://www.w3schools.com/howto/howto_css_zoom_hover.asp */ .Zm{transition:transform .2s!important; margin:0 auto!important;} .Zm:hover{transform:scale(1.5)!important;}