*{box-sizing:border-box}

/* Fonts */
@font-face{
  font-family:'Poppins';
  font-style:normal;
  font-weight:400;
  src:url('/support/poppins-v19-latin-regular.woff2') format('woff2'),
      url('/support/poppins-v19-latin-regular.woff') format('woff');
  font-display:swap;
}

/* Layout + nav (base) */
.container{
  position:relative;
  width:100%;
  padding:0 calc(1.5625vw);
  max-width:1200px;
  margin:0 auto;
  z-index:1;
}
.column{width:100%;float:left}
.one.column{width:4.66666666667%}
.one-half.column{width:48%}

.nav {
	width:100%;
	padding:2rem calc(1.5625vw) 1rem;
	background-color:#81c8ff;
	position:relative;
	margin:auto;
	max-width:1200px
}
.nav .nav-header{display:inline;float:left}
.nav .nav-btn{display:none}
.nav .nav-links{text-align:right;font-size:1.6rem;font-weight:600}
.nav .nav-links a{
  padding:0 0 1rem 2rem;
  margin:1rem 0 0;
  text-decoration:none;
  color:#000;
}
.nav .nav-links a:hover{
  text-decoration:none;
  color:#fff;
}
.nav>#nav-check{display:none}
.nav .nav-btn{
  display:inline-block;
  position:absolute;
  padding:1.2rem calc(1.5625vw);
  right:1rem;
}
.burger-menu{display:inline-block;cursor:pointer;z-index:10}
.dropdown{position:relative}
.dropdown-content{
  display:none;
  position:absolute;
  background-color:#fcefdf;
  min-width:280px;
  box-shadow:0 8px 16px rgba(0,0,0,.2);
  z-index:3;
  font-weight:400;
  right:0;
  font-size:1.5rem;
}
.dropdown-content a{
  color:#000;
  padding:12px 16px;
  text-decoration:none;
  display:block;
}
.dropdown-content a:hover{
  color:#5a3a1a;
  background-color:transparent;
}
.dropdown:hover .dropdown-content{
  display:block;
  padding:1rem 0;
  text-align:left;
}
.dropdown>a::after{
  content:" ▼";
  font-size:.8em;
  margin-left:5px;
  transition:transform .3s ease;
}
.dropdown.active>a::after,
.dropdown:hover>a::after{
  transform:rotate(180deg);
}

.container:after,
.row:after,
.u-cf{
  content:"";
  display:table;
  clear:both;
}
.hidden{display:none}
.clearfix{clear:both}
.clearfix:after{
  content:"";
  display:table;
  clear:both;
}
.intro{font-weight:600}
.largeonly{display:none!important}

/* Content + layout (base) */
.content.column{max-width:100%}
.centered.content.column{
  float:none;
  margin:auto;
  max-width:750px;
}
.content img{
  max-width:100%;      /* important: no upscaling */
  height:auto;
  margin:1rem 0 0;
  border:none;
  overflow:hidden;
  display:block;
}
.content p.caption{
  border-bottom:none;
  font-size:1.4rem;
  font-style:italic;
  line-height:1.5;
  text-align:center;
  margin:0 4% 6% 4%;
}
.pullout{
  background:#81c8ff;
  padding:3% 6%;
  margin:4% 0;
}
.pullout h3{margin:2% 0}
.byline p{
  text-align:center;
  font-size:90%;
  margin:1rem 0;
}
.recommended-foot{margin:2% 0 0}
.footer{
  text-align:center;
  background-color:#81c8ff;
  color:#222;
  padding:1rem 0;
  margin:1rem 0;
}
.footer a:hover {color:#fff}
.footer p{font-size:1.6rem}

/* Typography */
html{font-size:62.5%}
html,body{overflow-x:hidden!important}
body{
  font-size:1.6em;
  line-height:1.5;
  font-weight:400;
  font-family:'Poppins',Verdana,sans-serif;
  color:#333;
  background:#fff;
}
h1,h2,h3,a,p,span{
  letter-spacing:0;
  word-wrap:normal;
  margin-bottom:2rem;
}
h1,h2,h3,h4{
  font-family:'Poppins',Verdana,sans-serif;
  line-height:1.2em;
}
h1{
  font-size:3rem;
  text-align:center;
  letter-spacing:-1px;
}
h2{
  font-size:2.4rem;
  margin:4rem 0 0;
  letter-spacing:-1px;
}
h3{
  font-size:1.8rem;
  margin:2rem 0 0;
  letter-spacing:-1px;
}
h4{
  font-size:1.3rem;
  margin:0 0 1rem 0;
  font-weight:400;
  text-align:center;
}
a{
  color:#2162a1;
  text-decoration:underline;
  text-underline-offset:3px;
}
a:hover{color:#979797}
strong,b{font-weight:600}
ul{list-style:disc;margin:2rem 0}
ol{list-style:decimal inside}
li{margin:1rem 0}
li p{margin:1rem 0}
ul li{
  position:relative;
  padding:0 0 0 1rem;
}
blockquote{
  margin:3rem;
  color:#1cabff;
}

blockquote a{
	color:#1cabff
}

h3.nogap{
	margin: 1rem 0 3rem
}
h2.nogap{
	margin: 6rem 0 0
}

/* Images */
img.sla,
img.sra,
img.bly,
img.sca,
img.sba{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}
img.sla:after,
img.bly:after,
img.sra:after,
img.sca:after,
img.sqa:after,
img.sha:after,
img.ssa:after,
img.sba:after{
  content:"";
  display:table;
  clear:both;
}
img.sla{
  float:left;
  margin:5% 8% 5% 0;
  max-width:30%;
}
img.sra{
  float:right;
  margin:5% 0 5% 8%;
  max-width:30%;
}
img.sca{
  float:none;
  text-align:center;
  margin:3rem auto 1rem;
}
img.sba{
  float:none;
  text-align:center;
  margin:1rem auto 1rem;
}
img.sqa{
	float:none;
	text-align:center;
	margin:3rem auto 1rem
}
img.sha{
	display:block;
	text-align:center;
	margin:3rem auto
}
img.ssa{
	float:left;
	width:50px;
	height:50px;
	margin:2% 2% 5% 0
}

/* Search header */
h3.search{
  font-size:2rem;
  line-height:1.8em;
  margin:4rem 0;
}
#homemob{
  display:block;
  text-align:center;
  width:100%;
}

/* ========== Ads (CLS-safe, one size per wrapper) ========== */
.ad-wrapper{
  text-align:center;
  margin:1.5rem auto;
  max-width:100%;
}

/* Hide all ads by default in any wrapper */
.ad-wrapper ins.adsbygoogle{
  display:none!important;
}

/* --- TOP --- */
.ad-wrapper-top{
  min-height:280px; /* mobile/tablet default */
}

/* Mobile / tablet: show first ad only (e.g. 336x280) */
@media (max-width:999px){
  .ad-wrapper-top ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-top ins.adsbygoogle:nth-of-type(1){
    display:inline-block!important;
  }
}

/* Desktop: show second ad only (e.g. 728x250) */
@media (min-width:1000px){
  .ad-wrapper-top{
    min-height:250px; /* 728x250 */
  }
  .ad-wrapper-top ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-top ins.adsbygoogle:nth-of-type(2){
    display:inline-block!important;
  }
}

/* --- ARTICLE --- */
.ad-wrapper-article{
  min-height:250px;
}

@media (max-width:479px){
  .ad-wrapper-article ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-article ins.adsbygoogle:nth-of-type(1){
    display:inline-block!important;
  }
}

@media (min-width:480px) and (max-width:999px){
  .ad-wrapper-article{
    min-height:280px;
  }
  .ad-wrapper-article ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-article ins.adsbygoogle:nth-of-type(2){
    display:inline-block!important;
  }
}

@media (min-width:1000px){
  .ad-wrapper-article{
    min-height:250px;
  }
  .ad-wrapper-article ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-article ins.adsbygoogle:nth-of-type(3){
    display:inline-block!important;
  }
}

/* --- CATEGORY --- */
.ad-wrapper-category{
  min-height:250px;
}

@media (max-width:479px){
  .ad-wrapper-category ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-category ins.adsbygoogle:nth-of-type(1){
    display:inline-block!important;
  }
}

@media (min-width:480px){
  .ad-wrapper-category{
    min-height:280px;
  }
  .ad-wrapper-category ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-category ins.adsbygoogle:nth-of-type(2){
    display:inline-block!important;
  }
}

/* --- SIDEBAR --- */
.ad-wrapper-sidebar{
  display:none;
}

@media (min-width:1000px){
  .ad-wrapper-sidebar{
    display:block;
    min-height:600px;
  }
  .ad-wrapper-sidebar ins.adsbygoogle{
    display:none!important;
  }
  .ad-wrapper-sidebar ins.adsbygoogle:nth-of-type(1){
    display:inline-block!important;
  }
}

/* Simple mobile tweak */
@media (min-width:320px){
  .home .content{width:100%}
}
