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

/* Photo + Amazon blocks */
.phototitles{clear:both;display:flex;flex-wrap:wrap}
.phototitles h3{font-size:1.6rem;line-height:1.3;margin:0 0 -2% 0;padding:2% 2% 6% 0;background-color:#fff;text-decoration:underline;color:#333}
.phototitle p.caption{max-width:420px;font-size:80%;font-style:normal;line-height:1.5;text-align:left;padding:0 2% 3% 0;margin:-2% 0 0;background-color:#fff;color:#606060}
.phototitle:after{content:"";display:table;clear:both}
.phototitles a{color:#222;text-decoration:none}
.amazonads{clear:both;display:flex;flex-wrap:wrap}
.amazonimage,.amazonads h3{font-size:2rem;line-height:1.3;margin:3% 0;color:#333}
.amazonimage img{max-width:420px}
.amazonimage p.caption{max-width:420px;text-align:left;margin:0;color:#007185;text-decoration:underline;font-style:normal}
.amazonimage:after{content:"";display:table;clear:both}
.amazonads a{color:#222;text-decoration:none}

/* Media / embeds */
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:3rem;width:100%;margin-left:0}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.rf-cta{text-decoration:none;font-size:1.8rem}
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}

/* Tables */
#tabby{font-size:90%;border-collapse:collapse;width:100%;margin:5% 0 2%}
#tabby h3{margin:1rem 0}
#tabby td,#tabby th{border:1px solid #e1f2f5;padding:8px}
#tabby td.white{border:1px solid #e1f2f5;padding:8px;background-color:#fff}
#tabby td.center{border:1px solid #e1f2f5;padding:8px;text-align:center}
#tabby tr:nth-child(odd){background-color:#fff}
#tabby tr:nth-child(even){background-color:#e1f2f5}
#tabby th{padding-top:18px;padding-bottom:12px;text-align:left;background-color:#04aa6d;color:#fff}
#tabby .minimage img{min-width:100px;width:auto;margin:0 0 1rem 0}
#tabby .minimage p.caption{margin:0}

/* Layout & typography tweaks by breakpoint */
@media (min-width:480px){
  .phototitle{width:50%;padding:0 2% 0 0}
  .amazonimage{width:50%;padding:0 2% 0 0}
  .phototitles h3{padding:2% 2% 6% 0}
  .phototitle p.caption{padding:0 2% 5% 0}
}
@media (min-width:550px){
  h1{font-size:3rem;margin:auto;max-width:1200px}
  h2{font-size:2.6rem;margin:4rem 0 2rem}
  h3{font-size:2.2rem;margin:4rem 0 2rem}
  img.sla{float:left;margin:5% 8% 2% 0;max-width:22%}
  img.sra{float:right;margin:5% 0 2% 8%;max-width:22%}
}
@media (min-width:768px){
  h3{margin:4rem 0 0}
}
@media (max-width:1000px){
  .nav .nav-btn label{display:inline-block}
  .nav .nav-header .nav-title{display:inline-block;margin:.6rem 0 0}
  .nav .nav-btn>label>span{display:block;width:25px;height:10px;border-top:3px solid #000;margin-bottom:auto}
  .nav .nav-links{position:relative;display:block;text-align:left;overflow:hidden;width:100%;margin:0;background-color:#fcefdf;transition:all .3s ease-in;z-index:2}
  .nav .nav-links a{display:block;width:100%;margin:.5rem 0}
  .nav #nav-check:not(:checked)~.nav-links{height:0}
  .nav #nav-check:checked~.nav-links{height:auto;overflow-y:auto}
  .nav .nav-links img{margin:0 2rem 0 0}
  .dropdown-content{position:static;display:none}
  .dropdown.active .dropdown-content{display:block;padding:1rem 0}
}
@media (min-width:1000px){
  .nav{padding:2rem calc(1.5625vw)}
  .nav .nav-header .nav-title{margin:-.6rem 0 0}
  .dropdown{display:inline-block}
  .largeonly{display:block!important}
  .content.column{margin:1% 0 0 1%;max-width:62%}
  .sidebar{width:30%;margin:1% 0 0;max-width:420px;float:right}
  .sidebar p{margin:0}
  .sidebar img{max-width:100%;height:auto}
  .sidebar .phototitle{width:100%;padding:0}
  .sidebar .phototitles p.caption{font-size:80%;line-height:1.5;background-color:#fff;padding:0 2% 5% 0}
  .sidebar .phototitles h3{font-size:1.6rem;line-height:1.3;background-color:#fff;padding:0 2% 10% 0;color:#333}
  .mask{overflow:hidden}
  .full-screen-mob{margin:0 0 2rem;width:100%}
  .footer .row>p:first-of-type{margin-bottom:1rem}
}