/* Global Styling */

.page-node-type-lander h1.page-header, .page-node-type-typ h1.page-header {
    display: none;
  }

  p, body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
    }

    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }

    .btn-primary {
      background: #f57b2d;
background: -moz-linear-gradient(left,  #f57b2d 0%, #fbae3c 100%);
background: -webkit-linear-gradient(left,  #f57b2d 0%,#fbae3c 100%);
background: linear-gradient(to right,  #f57b2d 10%,#fbae3c 510%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57b2d', endColorstr='#fbae3c',GradientType=1 );
  border: 0px !important;
        font-size: 22px !important;
        font-weight: bold !important;
        padding: 20px !important;
    }

  .accent-color {
    color: #0fad58 !important;
  }

  footer.footer {
    background: #0fad58;
background: -moz-linear-gradient(left,  #f57b2d 0%, #fbae3c 100%);
background: -webkit-linear-gradient(left,  #f57b2d 0%,#fbae3c 100%);
background: linear-gradient(to right,  #f57b2d 0%,#fbae3c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57b2d', endColorstr='#fbae3c',GradientType=1 );
      color: #fff;
  }

  footer a {
      color: #fff !important;
  }

  footer {
    margin-top: 0px !important;
  }

  /* Ad unit responsive code */

  .desktop-ads {
    display: none;
    }

  .mobile-ads {
    display: block;
    }

  @media screen and (min-width: 992px) {
      .desktop-ads {
    display: block;
    }

  .mobile-ads {
    display: none;
    }
  }

  /* TYP Styling */

  .page-node-type-typ {
      padding: 10px;
      background: url(/sites/default/files/hatchitt.jpg) center center / cover no-repeat fixed;
    }

  .page-node-type-typ .main-container {
    background: none !important;
    padding: 20px;
  }

  .page-node-type-typ h1, .page-node-type-typ h2, .page-node-type-typ h3 {
      color: #fff;
      font-weight: bold;
  }

  /* Lander Styling */

  img.hero4row {
      text-align: center;
      max-width: 110px;
  }

  .field--name-body h3 {
      font-weight: bold;
      color: #ffffff;
  }

  article.lander {
    background: url(/sites/default/files/apello3.png) center center / cover no-repeat fixed;
  }

  .lander .content {
      max-width: 1200px;
      margin: auto;
  }

  .page-node-type-lander .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .lander form {
      max-width: 460px;
      background: rgba(255,255,255,0.9);
      margin: 30px 0px;
      text-align: center;
      padding: 30px 15px;
      box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  }

  .progress-tracker .progress-text {
    display: none;
  }

  .progress-tracker .progress-marker {
    padding: 18px;
    font-size: 18px;
  }

  .lander .input-group-addon {
    background: none;
    border: none;
    white-space: normal;
    padding: 2px;
  }

  .lander .description h3, .form-type-webform-markup h3 {
    font-size: 25px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

  .lander .description p {
    font-size: 14px;
    }

  .webform-options-display-buttons-wrapper {
      display: block;
      width: 100%;
  }

  .lander label.webform-options-display-buttons-label, .lander button.webform-button--next {
      background-color: #f57b2d;
      color: white;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: bold;
      height: 45px;
      line-height: 45px;
      padding: 0px 15px !important;
      border: none;
      margin: 5px !important;
  }

.webform-options-display-buttons {
  margin: 0 0 0 -10px !important;
}

  .lander button.webform-button--next, .lander button.webform-button--submit {
      width: 100%;
      display: block;
      height: 60px !important;
      margin-left: 0px !important;
      line-height: 20px !important;
  }

  button.webform-button--previous {
    display: none;
  }

  input.form-control {
      border: 1px solid #e1e1e1;
      border-radius: .25rem;
      color: #2a2a2a;
      font-size: 17px;
      height: 54px;
      line-height: 54px;
      padding: 0px 19px !important;
      text-align: center;
  }

  .webform-options-display-one-column .radio {
      display: inline !important;
      padding-left: 12px !important;
  }

  .radios--wrapper .description {
    font-size: 14px;
  }

  fieldset.radios--wrapper {
    margin-bottom: 12px;
  }

  /* Lander below fold block styling */

  .page-node-type-lander .block {
  padding: 15px;
  }

  .page-node-type-lander .block h2 {
    display:block;
    margin:25px auto;
    padding:10px 0;
    text-align:center;
    width:90%;
    font-size: 28px;
  }

.block-white-bg {
    background: #fff !important;
    margin-bottom: -22px;
    padding: 10px;
}

  .th-prop {
    text-align: center;
    margin:auto;
    max-width:1200px;
    }

  .th-prop img {
    width: 90%;
    max-width: 300px;
    }

  .prop-box {
    border-bottom:3px solid orange;
    border-radius:8px;
    box-shadow:rgba(0, 0, 0, 0.3) 0 2px 12px;
    padding:25px 10px;
    margin-bottom: 30px;
    }

  .region-postcript-top .btn-lg {
    max-width: 500px;
    width:90%;
    }

  .th-testimonial img {
    max-width: 200px;
    text-align: center;
    width: 80%;
    border-radius: 100px;
    }

  .ui-dialog {
    width: 100% !important;
    max-width: 500px !important;
  }

  .form-type-webform-terms-of-service label, #edit-toslink {
      font-size: 12px;
      color: #393939;
  }

/* Mobile styling show/hide */

.mobileShow { display: none;}

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
      .mobileShow {display: inline;}
  }
.mobileHide { display: inline; }

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
     .mobileHide { display: none;}
  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1080px) {  
    footer.footer{

    bottom: 0;
    width: 100%;
    max-height: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

 
/* Extra extra large devices (extra large desktops, 1400px and up) */
@media (min-width: 1400px) {  
  
  article {
	padding-bottom: 25px;
	overflow: auto;
    }
  
    footer.footer{

    bottom: 0;
    width: 100%;
    max-height: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.alert.alert-success.alert-dismissible {
  display: none;
}