/* Custom breakpoints for mobile carousel */
/* Navy icons */
body.title-apply-now {
  /**** apply now block
  #apply-now-zip-search-form {
    .zip-code-button-wrapper {
      height: 50px;
      display: flex;
      flex-direction: row;

      .form-group {
        height: 100%;
        margin-bottom: 0;
      }

      .btn {
        width: 50px;
        height: 35px;
        position: relative;
        border: none;
        border-radius: 0;
        text-indent: -9999px;
        background-color: $navy-light-blue;
        @include flatEdge($navy-light-blue, 'small');

        &:focus {
          outline: none;
        }

        &[disabled] {
          opacity: 1;
          cursor: pointer;

          &:focus {
            background-color: $navy-light-blue;
          }

          &:hover {
            background-color: $navy-light-blue;
            border: none;
          }
        }
      }

      input {
        height: 50px;
        border-radius: 0;
        padding: 8px 12px 8px 40px;
        color: $navy-white;
        background-color: $navy-dark-blue;
        border: 1px solid $navy-light-blue;
        @include rem(font-size, 16px);

        &:active,
        &:focus {
          box-shadow: none;
          border-color: $navy-gray;
        }
      }

      .button-wrapper {
        position: relative;
        .ajax-throbber {
          display: none;
        }
      }

      .arrowhead {
        position: absolute;
        top: 15px;
        left: 15px;
        height: 25px;
        width: 25px;
        pointer-events: none;

        &::after {
          content: "";
          position: absolute;
          top: 3px;
          right: 8px;
          display: block;
          width: 13px;
          height: 13px;
          transform: rotateZ(45deg);
          border-top: 2px solid $navy-white;
          border-right: 2px solid $navy-white;
        }

        &::before {
          content: "";
          position: absolute;
          top: 2px;
          left: 8px;
          display: block;
          height: 15px;
          width: 2px;
          background-color: $navy-white;
          transform: rotateZ(-90deg);
        }
      }
    }

    .zip-code-input-wrapper {
      position: relative;

      .search-icon {
        position: absolute;
        left: 10px;
        top: 10px;

        &::before {
          content: "";
          display: block;
          height: 15px;
          width: 15px;
          margin-top: 4px;
          border: 2px solid $navy-white;
          border-radius: 50%;
        }

        &::after {
          content: "";
          position: absolute;
          top: 15px;
          left: 14px;
          height: 10px;
          width: 2px;
          background-color: $navy-white;
          transform: rotateZ(-45deg);
        }
      }

      .my-location-pin {
        position: absolute;
        top: 12px;
        right: 5px;
        height: 25px;
        width: 25px;
        cursor: pointer;

        .pin {
          position: absolute;
          height: 25px;
          width: 25px;
          background: url('../../assets/images/MyLocationPin.png') no-repeat center center;
          background-size: 65%;
          transform: scale(1);
          transition: transform 200ms linear 200ms;
          display: none;
        }

        .loader {
          position: absolute;
          height: 25px;
          width: 25px;
          border-radius: 50%;
          border-top: 2px solid $navy-yellow;
          border-right: 2px solid $navy-yellow;
          border-bottom: 2px solid transparent;
          border-left: 2px solid transparent;
          transform: scale(0);
          transition: transform 200ms linear;
        }

        &.fetching {
          .pin {
            transform: scale(0);
            transition: transform 200ms linear;
          }

          .loader {
            animation: rotate 400ms linear infinite;
            transform: scale(1);
            transition: transform 200ms linear 200ms;
          }
        }
      }
    }
    .error-zip-search {
      color: $navy-error-bg;
    }
  }
  ******/ }
  body.title-apply-now .region {
    /**** apply now block
    .apply-now-zip-search-form {
      @include breakpoint(md) {
        margin-top: -40px;
      }
      .form-item-zip-search-title {
        .control-label {
          .input-title {
            font-family: $liberator-light;
            @include rem(font-size, 30px);
          }
        }
      }
      .form-item-zip-search-message {
        .control-label {
          .input-title {
            font-family: $roboto-light;
            @include rem(font-size, 18px);
          }
        }
      }
    }
    *****/ }
    body.title-apply-now .region .node.node--type-component-page.node--view-mode-full {
      padding-bottom: 0; }
    body.title-apply-now .region .component.component-full-html .field--name-field-comp-full-html-content {
      overflow-x: auto; }
    body.title-apply-now .region .node.node--type-component-hero {
      height: auto;
      min-height: auto;
      background: url("../../assets/images/waves-bk.svg") center 0 #022a3a no-repeat;
      background-size: cover;
      padding: 2em 0 4em; }
      body.title-apply-now .region .node.node--type-component-hero h1 {
        margin-top: 30px; }
      body.title-apply-now .region .node.node--type-component-hero .applynow-header h1 {
        margin-bottom: 0;
        text-align: left; }
        @media (min-width: 768px) {
          body.title-apply-now .region .node.node--type-component-hero .applynow-header h1 {
            text-align: center; } }
      body.title-apply-now .region .node.node--type-component-hero .applynow-header p {
        margin-top: 15px;
        font-size: 17.5px;
        font-size: 1.75rem; }
    body.title-apply-now .region .component-full-html .applynow-content .request-info, body.title-apply-now .region .component-full-html .applynow-content .onlineapply-info, body.title-apply-now .region .component-full-html .applynow-content .onlineapply-steps {
      border-bottom: 1px solid #0F5773;
      padding: 46px 0; }
    body.title-apply-now .region .component-full-html .applynow-content .apply-now {
      padding: 46px 0; }
    body.title-apply-now .region .component-full-html .applynow-content .request-info span, body.title-apply-now .region .component-full-html .applynow-content .apply-now span {
      display: block;
      text-align: center; }
    body.title-apply-now .region .component-full-html .applynow-content .request-info .cleft-button.light-blue:hover, body.title-apply-now .region .component-full-html .applynow-content .apply-now .cleft-button.light-blue:hover {
      font-family: "Liberator-Medium", Helvetica, sans-serif; }
    body.title-apply-now .region .component-full-html .applynow-content .section-title {
      font-family: "Liberator-Medium", Helvetica, sans-serif;
      font-size: 36px;
      font-size: 3.6rem; }
    body.title-apply-now .region .component-full-html .applynow-content .onlineapply-steps .section-title {
      font-size: 30px;
      font-size: 3rem; }
    body.title-apply-now .region .component-full-html .applynow-content .onlineapply-steps p {
      font-size: 16px;
      font-size: 1.6rem;
      margin-top: 4px;
      margin-bottom: 30px; }
    body.title-apply-now .region .component-full-html .applynow-content .onlineapply-steps p:last-child {
      margin-bottom: 0; }
    body.title-apply-now .region .component-full-html .applynow-content p {
      margin: 16px 0; }