/*!
 * Start Bootstrap - Blog Home (https://startbootstrap.com/template-overviews/blog-home)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-blog-home/blob/master/LICENSE)
 */
 @import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Staatliches&display=swap');
 html, body {width: auto!important; overflow-x: hidden!important;height: 100%;overflow-y: auto;} 
body {
  padding-top: 56px;
  font-family: 'Open Sans', sans-serif;  
  font-size: 0.9rem;
  line-height: 1.4
}
.navbar-nav > li > a {
    border-right: 1px solid #ccc;
}
a {cursor: pointer;}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
h3 {font-family: 'Staatliches'; font-weight: 100; text-transform: uppercase;line-height: 1;font-size: 4.5rem }
h5 {font-family: 'Staatliches'; font-weight: 100; text-transform: uppercase;line-height: 1}
.bg-dark {background-color: #382152!important;}
.copy-text {font-size: 0.6rem}

.navbar-nav > li:last-child > a {
    border-right: 0;
}
.nav-cta {background-color: #ffa308; border-radius: 10px; text-align: center;color:#000!important;font-size:0.75rem;font-weight: bold; padding: 9px}
.btn-primary {
    color: #fff;
    background-color: #0abc0a;
    border-color: #0abc0a;
}
.main-logo {max-width: 220px}
.card-footer {display: block;}
.ad-area {background-color: #f2f2f2; text-align: center; display: none;}
.mobile-only {display: none}
.article-img-left {max-width: 400px; width: 100%; margin:0 10px 10px 0;}
.fa {color: #fff}
.mt-custom {margin-top: 40px!important}
.navbar-dark .navbar-toggler {border: none;margin-right: 1rem;}
.figure {max-width: 100%}
.figure-caption {max-width: 70%; font-size: 70%;line-height: 1.3}
.figure-img {margin-bottom: 1rem;}
.btn-icon {display: inline-block;}
.btn-icon img {width: 25px;height: 25px; margin-right: 10px }
.tracking-link {font-weight: bold; font-style: normal;color: #3b0e94!important;text-decoration:underline !important;}
.banner-img {width: 100%; max-width: 400px}
.w-70 {width: 70%}
.big-quote {font-family: 'Staatliches'; font-weight: 100; text-transform: uppercase;line-height: 1; font-size:1.50rem; font-style: italic;}
.bottom-article-link {color: #0d0068!important}
.sidebar-ad {max-width: 300px;position: sticky; top:80px;padding-bottom: 30%}
.sidebar-ad-link {}
.ml-custom {margin-left: 5rem}
.mob-main-img {display: none}
.desk-main-img {display: block;}

@media only screen and (max-width: 1299px) {
  .sidebar-ad-desk {display: none}
  .ml-custom {margin-left: 0}
}

@media only screen and (max-width: 600px) {
  .container {
    padding-left: 0; padding-right: 0
  }
  h3 {font-family: 'Staatliches'; font-weight: 100; text-transform: uppercase;line-height: 1;font-size: 2.5rem }
  .figure {max-width: 100%}
  .ps15 {padding-left: 15px;padding-right: 15px}
  .article-img-left {max-width: 100%; margin: 0}
  .pr-4 {padding-right: 0 !important}
 /* .pb-2 {padding-bottom: 0 !important}*/
  .figure-caption {max-width: 60%;}
  .ad-area {display: block;}
  .ad-area img { max-width: 80%}
  .mobile-only {display: block;}
  .cta-button {text-align: center; background-color: #699c1b; color: #fff; text-transform: uppercase;font-weight: 800}
  .mid-img {margin-bottom: 0}
  .white {color: #fff}
  .nav-link {text-align: center;}
  .nav-cta {background-color: #ffa308; border-radius: 10px; width: 38%;text-align: center;color:#000!important;font-size: 0.85rem;font-weight: bold;padding: 7px}
  .main-logo {max-width: 170px}
  .mt-custom {margin-top: 10px!important}
  .sidebar-ad-desk {display: none}
  .mob-main-img {display: block}
  .desk-main-img {display: none;}
  .ml-custom {margin-left: 0}
  .desk-only {display: none;}

}