@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

#iframe_content {
  width: auto !important;
  padding: 60px 70px;
  /* padding: 60px 121px 60px 130px; */
  /* background-color: #f7f7f7 !important; */

  @media (max-width: 1199px) {
    /* padding: 60px 110px; */
    padding: 60px;
  }

  @media (max-width: 767px) {
    padding: 40px;
  }

  .page_copy {
    h1 {
      font-size: 45px;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 40px;
      color: #000 !important;
      font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;

      @media (max-width: 768px) {
        font-size: 35px;
      }
    }

    p {
      span {
        span {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px !important;
          font-weight: 400 !important;
          color: #231F20 !important;
        }
      }
    }

    .ckeditor-body {
      p {
        font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;

        span {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px;
          font-weight: 400;
          color: #231F20;
        }
      }
    }

    .body {
      width: auto !important;

      p {
        span {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px;
          font-weight: 400;
          color: #231F20;
        }
      }
    }
  }

  #branch_search {
    display: flex;
    gap: 10px;

    #branch {
      border-color: #ccc !important;
      padding: 6px 12px;
      height: 100%;
      min-width: 200px;
      font-size: 17px;
      height: 50px;
    }

    #branch:focus {
      outline: none !important;
      border: 1px solid #A11D23 !important;
      box-shadow: none !important;
    }

    #search {
      display: inline-block;
      border: 1px solid #A11D23 !important;
      color: #fff !important;
      padding: 12px;
      position: relative;
      z-index: 0;
      white-space: nowrap;
      overflow: hidden;
      box-shadow: none;
      outline: none;
      border-radius: 4px;
      height: 50px;
      width: 50px;

      &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 0.4s ease, opacity 0.4s ease;
        z-index: -1;
      }

      &:hover {
        border-color: #000;

        &:before {
          transform: translateX(0) !important;
          opacity: 1;
        }
      }
    }
  }

  .hr_3 {
    border: 0;
  }

  .job_detail {
    article {
      border: 0;
      margin: 0;
      margin-bottom: 20px;

      h1 {
        font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 27px;
        line-height: 2.18rem;
        font-weight: 400;
        color: #000;
        margin-bottom: 15px;
      }

      .job_content {
        .data {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px;
          font-weight: 400;
          color: #231F20;

          .job_description {
            p {
              span {
                font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
                line-height: 1.62857143;
                font-size: 17px;
                font-weight: 400;
                color: #231F20;
              }
            }

            ul {
              list-style-type: disc !important;

              li {
                span {
                  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
                  line-height: 1.62857143;
                  font-size: 17px;
                  font-weight: 400;
                  color: #231F20;
                }

                &::marker {
                  color: #A11D23 !important;
                }
              }
            }
          }
        }
      }
    }
  }

  .job_list {
    .total_record {
      font-weight: 700;
      color: #000;
      line-height: 1.2;
      font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
      margin-bottom: 20px;
    }

    .list {
      .apply-desc {
        padding: 30px 0 !important;
        background: transparent !important;
        border: 0;
        border-radius: 0;
        border-top: 1px #A11D23 solid !important;
        border-bottom: 1px #A11D23 solid !important;

        p {
          margin-bottom: 15px;

          .title {
            font-size: 27px;
            line-height: 2.18rem;
            font-weight: 400;
            color: #000;
            font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          }

          span {
            .apply_now {
              position: relative;
              display: inline-block;
              font-size: 17px;
              border-radius: 27px;
              font-weight: 600;
              padding: 11px 31px 10px 15px;
              line-height: 1.6;
              outline: 0;
              box-shadow: none;
              background-color: #A11D23;
              color: #ffffff;
              white-space: nowrap;
              overflow: hidden;
              transition: all 0.4s ease;
              border: 1px solid transparent;
              font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
              z-index: 0;
            }

            .apply_now::before {
              content: "";
              position: absolute;
              width: 100%;
              height: 100%;
              background-color: #000;
              top: 0;
              left: 0;
              transform: translateX(-100%);
              opacity: 0;
              transition: transform 0.4s ease, opacity 0.4s ease;
              z-index: -1;
            }

            .apply_now:hover::before {
              transform: translateX(0%);
              opacity: 1;
            }

            .apply_now::after {
              content: "";
              position: absolute;
              background: url("https://www.mccallum.org.au/static/themes/theme-3/images/icons/white-arrow.svg") no-repeat right center / contain;
              width: 8px;
              height: 12px;
              right: 17px;
              top: 49%;
              transform: translateY(-49%);
              transition: 0.4s all ease;
            }

          }
        }

        .description {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px;
          font-weight: 400;
          color: #231F20;

          .mobile-joblink-readmore {
            color: #A11D23;
          }
        }

        .info {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px;
          font-weight: 400;
          color: #231F20;
        }

        .job_social {
          display: block;

          .share_text {
            font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            line-height: 1.62857143;
            font-size: 14px;
            font-weight: 400;
            color: #231F20;
          }
        }
      }
    }
  }


  .buttons {
    a {
      position: relative;
      display: inline-block;
      font-size: 17px !important;
      border-radius: 27px;
      font-weight: 600;
      padding: 11px 31px 10px 15px;
      line-height: 1.6;
      outline: 0;
      box-shadow: none;
      background-color: #A11D23;
      color: #ffffff !important;
      white-space: nowrap;
      overflow: hidden;
      transition: all 0.4s ease;
      border: 1px solid transparent;
      font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
      z-index: 0;

      @media(max-width: 767px) {
        font-size: 0.9rem;
        padding: 8px 31px 8px 15px;
      }

      &:after {
        content: "";
        background: url("https://www.mccallum.org.au/static/themes/theme-3/images/icons/white-arrow.svg") no-repeat right center / contain;
        width: 8px;
        height: 12px;
        position: Absolute;
        right: 17px;
        top: 49%;
        -webkit-transform: translateY(-49%);
        transform: translateY(-49%);
        transition: .4s all ease;
      }

      &:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 0.4s ease, opacity 0.4s ease;
        z-index: -1;
      }

      &:hover {
        border-color: #000;

        &:before {
          transform: translateX(0) !important;
          opacity: 1;
        }
      }
    }
  }

  .applyform {
    .job_title {
      h2 {
        font-size: 26px;
        font-weight: 700;
        color: #000;
        line-height: 1.2;
        font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        margin-bottom: 20px;
      }

      .job-title {
        font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        line-height: 1.62857143;
        font-size: 17px;
        font-weight: 400;
        color: #231F20;
      }
    }


    .form-horizontal {

      .input-day-phone {
        @media (max-width: 767px) {
          width: 100% !important;
        }
      }

      .nopadding-left-right {
        @media (max-width: 767px) {
          width: 100% !important;
        }
      }

      .input-ah-phone {
        @media (max-width: 767px) {
          width: 100% !important;
        }
      }

      .applicant_detail {
        .control-label {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1.62857143;
          font-size: 14px;
          font-weight: 700;
          color: #555;
          margin-top: 15px;
          @media (max-width: 600px) {
            margin-top: 0;
          }
        }

        .form-control {
          border: 1px solid #ccc;
          height: 50px;
          font-size: 17px;
          box-shadow: none !important;
          padding: 6px 12px;
          line-height: 1.62857143;

          @media (max-width: 767px) {
            width: 100% !important;
          }
        }

        .form-control:focus {
          outline: none !important;
          border: 1px solid #A11D23 !important;
          box-shadow: none !important;
        }
      }

      .questionnaire {
        padding: 40px 15px;
        background: #F7F7F7;
        border: none !important;

        h4 {
          font-size: 20px;
          font-weight: 700;
          color: #000;
          line-height: 1.2;
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          margin-bottom: 20px;
          font-style: normal !important;
        }

        .warning {
          small {
            font-size: 14px !important;
          }
        }

        .control-group {
          .question_title {
            font-size: 17px;
            font-weight: 700;
            color: #666;
            line-height: 1.2;
            font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            margin-bottom: 20px;
          }

          .question {
            font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            line-height: 1.62857143;
            font-size: 17px;
            font-weight: 400;
            color: #231F20;
          }

          input[type="radio"] {
            margin-top: 8px;
          }

          label {
            div {
              font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
              line-height: 1.62857143;
              font-size: 17px;
              font-weight: 400;
              color: #231F20;
            }
          }

          textarea {
            border: 1px solid #ccc;
            height: 50px;
            font-size: 17px;
            box-shadow: none !important;
            padding: 6px 12px;
            line-height: 1.62857143;
          }

          textarea:focus {
            outline: none !important;
            border: 1px solid #A11D23 !important;
            box-shadow: none !important;
          }
        }
      }
    }



    .file-upload-cv-background {
      margin-top: 20px;

      .control-group {
        #cv-upload-label {
          label {
            font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            line-height: 1.62857143;
            font-size: 17px;
            font-weight: 400;
            color: #231F20;
            width: 200px;
          }
        }

        #cv-upload-controls {
          .file_input_textbox {
            border-color: #ccc !important;
            padding: 10px;
            height: 100%;
            min-width: 200px;
            font-size: 14px;
          }

          .file_size_limit {
            font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            line-height: 1.62857143;
            font-size: 12px !important;
            font-weight: 400;
            color: #231F20;
            width: 80%;
          }
        }

        .control-label {
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
          line-height: 1.62857143;
          font-size: 17px;
          font-weight: 400;
          color: #231F20;
          margin-bottom: 15px;
          width: 200px;
          padding-left: 0;
        }

        .file-upload {
          .file_input_textbox {
            border-color: #ccc !important;
            padding: 10px;
            height: 100%;
            min-width: 200px;
            font-size: 14px;
          }

          .cover-letter {
            margin-left: 0;

            p {
              font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
              line-height: 1.62857143;
              font-size: 12px !important;
              font-weight: 400;
              color: #231F20;
              width: 80%;
            }
          }
        }

        #linkedin-profile-div {
          #linkedin_profile_link {
            border-color: #ccc !important;
            padding: 12px;
            height: 100%;
            min-width: 200px;
            font-size: 17px;
          }
        }


      }


      .apply-buttons-wrapper {
        float: left;

        #save_application {
          position: relative;
          display: inline-block;
          font-size: 17px !important;
          border-radius: 27px;
          font-weight: 600;
          padding: 11px 31px 10px 15px;
          line-height: 1.6;
          outline: 0;
          box-shadow: none;
          background-color: #A11D23;
          color: #ffffff !important;
          white-space: nowrap;
          overflow: hidden;
          transition: all 0.4s ease;
          border: 1px solid transparent;
          font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
          z-index: 0;

          @media(max-width: 767px) {
            font-size: 0.9rem;
            padding: 8px 31px 8px 15px;
          }

          &:after {
            content: "";
            background: url("https://www.mccallum.org.au/static/themes/theme-3/images/icons/white-arrow.svg") no-repeat right center / contain;
            width: 8px;
            height: 12px;
            position: Absolute;
            right: 17px;
            top: 49%;
            -webkit-transform: translateY(-49%);
            transform: translateY(-49%);
            transition: .4s all ease;
          }

          &:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #000;
            top: 0;
            left: 0;
            transform: translateX(-100%);
            opacity: 0;
            transition: transform 0.4s ease, opacity 0.4s ease;
            z-index: -1;
          }

          &:hover {
            border-color: #000;
            /* background-color: #000 !important; */

            &:before {
              transform: translateX(0) !important;
              opacity: 1;
            }
          }
        }
      }
    }
  }

}