/****** ALL CUSTOM STYLES BELOW ******/
html {
    scroll-behavior: smooth;
}
.nav-bar {
    height: 100px; /*125px*/
    max-height: 100px; /*125px*/
    line-height: 100px; /*125px*/
    border-bottom: 1px solid #ccc;
    background-color: #13181d;
}
nav-bar a {
    display: inline-block;
    height: 75px; /*100px*/
}
nav-bar a:hover {
    opacity: 0.9;
}
.logo {
    max-height: 160%; /*200%*/
    /*filter: invert(90%);*/
}
.image-slider {
     background-color: #13181d;
}
.bottom {
    background-position: 0% 100% !important;
}
.top {
    background-position: 100% 0% !important;
}
/*  --- END CUSTOM SLIDER HEADLINE STYLE --- */
.cover h1 {
    padding-top: 8rem;
}

.smallcaps {
    font-weight: 900;
    font-size: 15px;
    font-variant-caps: all-small-caps;
}
.image-bg .btn:hover span {
    color: #222;
    transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
    .lead.slider {
        font-size: 18px;
    }
}
/* --- END CUSTOM SLIDER HEADLINE STYLE --- */
.ti-menu.white {
    color: white;
    opacity: 1 !important;
}
@media (max-width: 990px) {
    .mobile-toggle i {
        line-height: 10rem !important; /* 11.5rem */
    }
    .module.widget-handle {
        border-top: none;
        height: 100px;
        border-bottom: 1px solid #ccc !important;
    }
}
.pad-0 {
    padding: 0;
}

@media screen and (max-width: 912px) and (min-width: 854px) {
    .pad-0 {
        padding: 52px 0;
    }
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    .pad-0.contactUs {
        padding: 52px 0;
    }
}
.pt40 {
    padding-top: 40px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.pop {
    font-weight: bold;
    font-size: 1.375rem;
    color: #e40000 !important;
}
.lead a, .footerlink a {
    opacity: 0.5;
    text-decoration: underline;
    transition: all 0.3s ease;
}
.lead a:hover, .footerlink a:hover {
    opacity: 1;
    text-decoration: underline;
}
.tight {
    letter-spacing: 0.25rem !important;
}
ul.actions, ul.directory {
    list-style: disc;
}
li.actionItems {
    margin-left: 1.3rem;
}
ul.directory li {
    list-style-position: inside;
}
ul.directory li a:hover {
    text-decoration: underline;
    transition: all 0.3s ease;
}
.narrow-divider{
    width: 75%;
    margin: 0 auto;
}
.start-group {
    padding-bottom: 20px;
}
.icon-web, .icon-email {
    width: 12px;
    height: 12px;
    transform: translate(8px, -1px);
}
br.mobile {
   display:block !important;
}
.footer-2 a {
    text-decoration: underline;
}
@media (min-width: 1025px) {
    li.actionItems {
        max-width: 75%;
    }
}
.actionItems a, p a {
    text-decoration: underline;
}
.image-bg a:hover, .bg-primary a:hover, p a:hover, .nav-bar a:hover  {
    text-decoration: none;
    opacity: 0.8;
    transition: 0.5s;
}
footer {
    padding: 72px 0 30px;
}
.footer-logo {
    /*filter: invert(90%);*/
}
.one-col {
    max-width: 80%;
    margin: auto;
}
.state-name {
    font-weight: bold;
}
.jump-links {
    max-width: 100%;
    margin: 0 auto;
}
table {
    margin-bottom: 0;
}
th, td {
    padding: 5px 10px;
}

@media (min-width: 992px) {
    .col-md-offset-3 {
        margin-left: 20%;
    }
}

@media (min-width: 992px) {
    .col-md-6 {
        width: 50%; /* 60% */
    }
}

@media screen and (min-width: 1280px) {
    .hero {
      max-width: 75%;
    }
    h1.large {
      font-size: 72px;
      line-height: 80px;
    }
    .what {
      font-size: 60px !important;
      line-height: 70px !important;
    }
    .lead.slider {
        font-size: 20px;
        max-width: 80%;
    }
    .jump-links {
        max-width: 75%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
    .hero {
      max-width: 90%;
    }
    h1.large {
      font-size: 52px;
      line-height: 80px;
    }
    .lead.slider {
        font-size: 19px;
        max-width: 90%;
    }
    .jump-links {
        max-width: 75%;
        margin: 0 auto;
    }
    .spread-children * {
      margin-left: 9px;
      margin-right: 9px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 991px) {
    .hero {
      max-width: 90%;
    }
    h1.large {
      font-size: 72px;
      line-height: 80px;
    }
    .lead.slider {
        font-size: 22px;
    }
}

@media screen and (max-width: 990px) and (min-width: 821px) {
    .hero {
      max-width: 90%;
    }
    h1.large {
      font-size: 52px;
      line-height: 80px;
    }
    .lead.slider {
        font-size: 20px;
    }
    .spread-children * {
      margin-left: 9px;
      margin-right: 9px;
    }
    .list-inline > li {
        padding: 0 3px;
    }
    .col-sm-4 {
        padding-right: 7px;
        padding-left: 7px;
    }
}

@media screen and (max-width: 819px) and (min-width: 768px) {
  .fullscreen {
      height: 90vh;
    }
    .no-bots {
        display: none;
    }
}

@media screen and (max-width: 820px) and (min-width: 600px) {
  .hero {
    max-width: 90%;
  }
  h1.large {
      font-size: 42px;
      line-height: 80px;
  }
  .lead.slider {
    font-size: 20px;
  }
  h1.uppercase {
    letter-spacing: 12px;
  }
  .spread-children * {
    margin-left: 9px;
    margin-right: 9px;
  }
  .list-inline > li {
    padding: 0 2px;
  }
  .col-sm-4 {
    padding-right: 7px;
    padding-left: 7px;
  }
}

@media screen and (max-width: 599px) and (min-width: 540px) {
  .hero {
    max-width: 65%;
  }
  h1.large {
    font-size: 42px;
    line-height: 50px;
  }
  h1.uppercase {
    letter-spacing: 12px;
  }
  .jump-links {
    max-width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 539px) and (min-width: 376px) {
  .hero {
    max-width: 87%;
    display: none;
  }
  h1.large {
    font-size: 42px;
    line-height: 50px;
  }
}

@media screen and (max-width: 430px) and (min-width: 415px) {
  .cover h1 {
    margin-top: 73%; /* 1 btn: 88% */
    font-size: 3.5rem;
  }
  h1.uppercase {
    letter-spacing: 12px;
  }
}

@media screen and (max-width: 414px) and (min-width: 391px) {
  .cover h1 {
    margin-top: 68%; /* 1 btn: 85% */
    font-size: 3.2rem;
  }
  h1.uppercase {
    letter-spacing: 10px;
  }
  .jump-links {
    max-width: 95%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 390px) and (min-width: 376px) {
  .cover h1 {
    margin-top: 53%; /* 1 btn: 73% */
    font-size: 3rem;
  }
  h1.uppercase {
    letter-spacing: 9px;
  }
  .jump-links {
    max-width: 85%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 375px) and (min-width: 361px) {
  .hero {
    max-width: 100%;
    display: none;
  }
  h1.large {
    font-size: 42px;
    line-height: 50px;
  }
  .cover h1 {
    margin-top: 20%; /* 1 btn: 25% */
    font-size: 2.95rem;
  }
  h1.uppercase {
    letter-spacing: 8px;
  }
  .lead.slider {
    font-size: 16px;
  }
  .what {
    font-size: 38px !important;
    line-height: 48px !important;
  }
  .jump-links {
    max-width: 85%;
    margin: 0 auto;
  }
  .list-inline > li {
    padding: 0 7px;
  }
}

@media screen and (max-width: 360px) {
  .cover h1 {
    margin-top: 22%; /* 1 btn: 20% */
    font-size: 2.85rem;
  }
  h1.uppercase {
    letter-spacing: 7px;
  }
  .jump-links {
      max-width: 85%;
      margin: 0 auto;
  }
  .list-inline > li {
    padding: 0 5px;
  }
}
@media screen and (max-width: 344px) {
  .jump-links {
      max-width: 85%;
      margin: 0 auto;
  }
  .list-inline > li {
    padding: 0 3px;
  }
}