@charset "UTF-8";
/*============================================================================
  #Override Stylesheet 
  #Add Custom Styles Here 
==============================================================================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700");
/*============================================================================
  #Breakpoints: xs - phone vert, sm - phone horiz, md - tablet, lg - laptop, xl - superwide
==============================================================================*/
/* larger fonts for wide & narrow, smaller font for 7 & 8 wide (more text) */
[class*="col-"] {
  font-size: 20px;
  font-weight: 400; }

.col-md-8 {
  font-size: 18px; }

.col-md-7 {
  font-size: 18px; }

/* shorten header height & overlap hero image for transparency */
.header {
  padding: 15px 0;
  width: 100%;
  position: absolute;
  z-index: 999999; }

.header .header-ham {
  height: auto;
  right: 0px;
  top: -5px !important;
  position: relative;
  float: right; }

.section--hero {
  padding-top: 91px; }

/* adjust logo to fit menu when needed */
@media (min-width: 768px) and (max-width: 800px) {
  .header .logo img {
    max-width: 212px; } }
/* Set fonts */
.hero-background h1 {
  font-size: 76px;
  font-weight: 400;
  line-height: 86px; }

.hero-background.background-image {
  background-position: right top; }

.hero-background div p {
  font-size: 21px;
  line-height: normal; }

h1, h2, h4, h5 {
  font-weight: 600; }

h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: normal; }

h2 {
  font-size: 40px; }

h4 {
  font-size: 24px; }

h2, h4 {
  color: #24418c;
  line-height: normal; }

h4 {
  font-weight: 600; }

.section--feature h4 {
  text-align: center; }

.heading__subtitle {
  text-align: left; }

.section--testimonial .testimonial__text {
  font-size: 22px; }

b, strong {
  font-weight: 600; }

.testimonial__name {
  color: white; }

/* Use check boxes instead of bullets for lists 
ul {
  list-style: none;
}
ul li:before {
  content: '✓ ';
}
*/
ul li {
  margin: 3px; }

.col-md-7 ul li {
  margin: 0px;
  font-size: 110%; }

/* shorten footer height */
.footer__logo {
  height: 17px;
  margin-top: 15px;
  margin-bottom: 15px; }

.footer {
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 0; }

.footer__copyright {
  float: none;
  margin-top: 3px;
  margin-bottom: 4px; }

.footer__menu-item {
  margin-top: 3px;
  margin-bottom: 4px;
  margin-left: 10px; }

/*
.testimonial__text {
    text-align:left
}*/
/* For tablet... */
@media screen and (max-width: 991px) {
  .hero-background h1 {
    font-size: 56px;
    line-height: 66px; }

  .hero-background div p {
    font-size: 20px; }

  h2 {
    font-size: 30px;
    font-weight: 600; }

  h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 600; }

  h4 {
    font-size: 20px; } }
/* as seen on icons */
.section--logo_list .col-sm-2 {
  width: 10.5%;
  padding: 2px; }

/* For mobile vert only... */
@media screen and (max-width: 544px) {
  .section--logo_list .col-sm-2 {
    width: 33%; } }
/* For mobile... */
@media screen and (max-width: 767px) {
  .section--logo_list .col-sm-2 {
    display: inline-block;
    padding: 7px 0px 7px 0px; }

  .section--logo_list .col-sm-2 .img-fluid {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    max-width: 90%; }

  .hero-background.background-image {
    background-position: left;
    background-size: auto; }

  /* remove transparent menu for mobile - caused scrolling issues */
  .header {
    position: static; }

  .section--hero {
    padding-top: 44px; }

  /* adjust fonts for mobile */
  .hero-background h1 {
    font-size: 56px;
    line-height: 66px; }

  .hero-background div p {
    font-size: 20px; }

  h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 600; }

  h3 {
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600; }

  h4 {
    text-align: center;
    font-size: 20px; }

  /* adjust footer for mobile */
  .footer__copyright {
    margin: 0px;
    display: none; }

  .footer__menu-item {
    margin: 0px 5px 0px 5px;
    display: inline; }

  .footer__menu {
    margin-bottom: 6px; }

  .footer__logo {
    margin-top: 15px;
    margin-bottom: 0px; } }
/* for mobile horiz - make images smaller */
@media (min-width: 545px) and (max-width: 767px) {
  .img-fluid {
    max-width: 60%;
    text-align: center; } }
/* smaller font or mobile vert */
@media screen and (max-width: 544px) {
  .hero-background h1 {
    font-size: 46px;
    line-height: 56px; } }
/* adjustments for embedded blog posts */
div.blog_post__body {
  text-align: left; }

.blog_post > h4 {
  color: #24418c; }

.blog_post .blog_post__title > a {
  color: #24418c; }

.blog_post .read-more > a {
  color: #4088c8;
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  text-align: center; }

.blog_post .read-more > a:hover {
  text-decoration: none; }

/* adjust top opt-in */
.section--opt_in {
  background: #24418c none repeat scroll 0 0 !important; }

.section--opt_in .img-fluid {
  max-height: 180px; }

.section--opt_in .col-md-8 {
  margin-left: 0; }

.section--opt_in div p {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0; }

.pop .img-fluid {
  max-width: 100%; }

.section--opt_in .optin--inline .col-md-4 {
  padding-right: 0px; }

.section--opt_in form input.form-control:not([type="checkbox"]):not([type="radio"]) {
  line-height: 1.6;
  padding: 0.5rem 1.1rem; }

.section--dark #form-button {
  font-size: 18px;
  padding: 0.4rem;
  background: #FFC766;
  border-color: #FFC766;
  color: #C0392B; }

/* adjust bottom large opt-in */
.optin--stacked input.form-control:not([type="checkbox"]):not([type="radio"]) {
  padding: 0.5rem 1.1rem !important; }

/* bottom opt-in, side by side fields, except on phone vert */
@media screen and (min-width: 545px) {
  .custom-form .optin--stacked div.email-field {
    width: 50%;
    float: left; }

  .custom-form .optin--stacked div.text-field {
    width: 50%;
    float: left;
    padding-right: 15px; } }