/* ===== Custom block styles ===== */

/* General */
.has-medium-font-size {
     font-size: 115%;
}
.mb-1 {
     margin-bottom: 7.5px;
}
.mb-2 {
     margin-bottom: 15px;
}
.mb-3 {
     margin-bottom: 22.5px;
}
.mb-4 {
     margin-bottom: 30px;
}
.mb-5 {
     margin-bottom: 45px;
}
.list-inside {
     list-style: inside;
}
.no-underline, .no-underline a {
     text-decoration: none;
}

/* Block - Hero */
#block-hero {
     position: relative;
     padding: 45px;
     background-color: #0E3C71;
     background-position: top left;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: hidden;
}
.hero-content-inner {
     padding: 30px;
     background-color: #fff;
}
.hero-content {
     font-size: 1.2rem;
     line-height: 1.4em;
}
     .hero-button .btn {
          position: relative;
          z-index: 100;
     }
.hero-photo {
     position: absolute;
     z-index: 5;
     width: auto;
     height: 500px;
     bottom: 0;
     left: 0;
}
.checks {
     display: block;
     margin-bottom: 30px;
}
     .checks span {
          display: inline-block;
          margin-right: 22.5px;
          padding-left: 7.5px;
     }
     .checks span:before {
          content: '';
          display: inline-block;
          height: 17px;
          width: 8.5px;
          margin-right: 12.5px;
          border-bottom: 4px solid #0E3C71;
          border-right: 4px solid #0E3C71;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
     }
.col-hero-form {
     height: 100%;
}
.form-inner {
     padding: 30px;
     background-color: #0E3C71;
}
     .form-header span {
          color: #45BC1B;
          text-decoration: underline;
     }
     .col-hero-form .gfield_label {
          margin-bottom: 2.5px !important;
          font-size: .95rem !important;
          font-weight: normal !important;
     }
     .col-hero-form .gfield_required {
          color: #fff !important;
     }
          .col-hero-form .gform_wrapper .gfield {
               margin-top: 7.5px !important;
          }
     .col-hero-form .gform_footer {
          margin: 15px 0 0 !important;
          padding: 0 !important;
     }
     .col-hero-form .gform_button {
          display: block !important;
          width: 100% !important;
          margin: 0 !important;
          background-color: #45BC1B !important;
          color: #000 !important;
          font-size: 1.25rem !important;
          font-weight: normal !important;
     }
     .col-hero-form .gform_button:hover, .col-hero-form .gform_button:focus {
          background-color: #4fd71e !important;
          color: #000 !important;
     }
          .col-hero-form .gfield_error label {
               color: #fff !important;
          }
          .col-hero-form .gform_wrapper .gfield_validation_message {
               padding: 7.5px !important;
               margin: 0 !important;
               border: none !important;
               background: none !important;
               color: #fff !important;
          }
          .col-hero-form .gform_wrapper .gfield_validation_message:before {
               content: '\2191';
               display: inline-block;
               margin-right: 7.5px;
          }

/* Responsive */
@media screen and (min-width: 1920px) {
     .hero-photo {
          height: 435px;
     }
}
@media screen and (max-width: 1081px) {
     .hero-photo {
          width: 50%;
          height: auto;
     }
     .col-hero-form {
          margin-top: 30px !important;
     }
}
@media screen and (max-width: 782px) {
     .hide-br-mobile br {
          display: none;
     }
     .has-medium-font-size {
          font-size: 105%;
     }
     #block-hero {
          padding: 15px 7.5px !important
     }
     #block-hero br {
          display: none;
     }
     .hero-content {
          padding-right: 0;
          font-size: 1.1rem;
     }
     .hero-photo {
          position: relative;
          width: 100%;
          top: auto;
          bottom: auto;
          left: auto;
          right: auto;
          margin: 0 0 -15px -15px;
     }
     .col-hero-form {
          height: auto;
     }
     .steps-row .wp-block-image {
          max-width: 300px !important;
          margin-left: auto;
          margin-right: auto;
     }
}
@media screen and (max-width: 576px) {
     .col-hero-form {
          flex: 0 0 calc(100% + 30px) !important;
          -ms-flex: 0 0 calc(100% + 30px) !important;
          width: calc(100% + 30px) !important;
          max-width: calc(100% + 30px) !important;
          margin-left: -15px !important;
          margin-top: 15px !important;
          overflow: hidden;
     }
     .hero-content-inner, .form-inner {
          padding: 22.5px;
     }
}
@media screen and (max-width: 400px) {
     .checks {
          margin-bottom: 22.5px;
     }
     .checks span {
          display: block;
          margin-top: 5px;
     }
}