body {
    background-image: url("../assets/img/cover-bg.webp");
    background-size: cover;
    min-height: 100vh;
    background-repeat: no-repeat;
    padding-top: 60px;
    font-size: 17px;
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, 
.h3, h2, .h2, h1, .h1 {
    font-family: 'Source Sans Pro', sans-serif !important;
    letter-spacing: 3px;
}

/* Menu Mobile */
.navbar-toggler {
    position: relative;
    right: 24px;
    border-radius: 0;
    border-color: #000;
}

#mainNav .nav-link {
    color: #000 !important;
}

#mainNav .nav-link.active {
    text-decoration: underline;
}

#mainNav .nav-link.btn-custom {
    background-color: #000;
    color: #fff !important;
    font-size: 18px !important;
}


/* Heading */
.sub-title {
    font-size: 24px;
    margin-bottom: 1rem;
}

/* BUTTONS */
.btn-custom {
    border-radius: 0;
    border:2px solid #000;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    padding-left: 14px;
    padding-right: 14px;
    min-width: 140px;
}

.btn-custom:hover {
    background-color: #000;
    border-color: #000;
}

.into-website {
    padding-top: 280px;
    color: #000;
    max-width: 480px;
    text-align: left;
}

.into-website .heading,
.section-award-into h1 {
    font-size: 38px;
}

.into-website .des {
    font-size: 18px;
    line-height: 1.48;
}

.into-website b {
    font-size: 16px;
}

.award-lebel {
    padding-top: 16px;
}

.about-ledu { 
    padding-bottom: 0;
}


.about-ledu h2 { 
    font-size: 38px;
    margin-bottom: 1rem;
}

.about-ledu img,
.object-fit {
    max-width: 100%;
}

/* HOME */
.reservations-ledu {
    padding-top: 120px;
}

.reservations-ledu .content {
    max-width: 440px;
    margin: auto;
}

.reservations-ledu h2 {
    font-size: 38px;
    margin-bottom: 0.5rem;
}

.cover-reservation {
    background-image: url("../assets/img/temp/Reservation.Cover.webp");
    background-color: #002100;
    background-size: contain;
    padding-bottom: 0;
    padding-top: 10.5rem;
    padding-bottom: 10.5rem;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.reservations-ledu-page .content {
    max-width: 548px;
}

.reservation-info {
    max-width: 640px;
    text-align: center;
    padding: 0 24px;
}

.reservation-info .heading {
    margin-bottom: 24px;
    font-size: 38px;
}

.reservation-info .btn-custom {
    background-color: #000;
    color: #fff;
    min-width: 200px;
    border: 2px solid #fff;
    font-size: 18px;
    margin-top: 20px;
}

.reservation-info .price {
    line-height: 1;
    font-size: 24px;
    margin-bottom: 0;
}

.reservation-info .price-item {
    font-size: 15px;
    font-weight: 300;
}

.reservation-info p {
    line-height: 1.4;
}

.reservation-info small {
    font-size: 12px;
}

/* ================  TEAM */
.team-ledu-page {
    padding: 120px 0 0;
}

.team-ledu-page .content {
    max-width: 520px;
}

.team-lead-ledu {
    max-height: 640px;
    padding: 0 2rem;
}

.team-ledu-footer {
    position: relative;
    margin-top: -80px;
    padding: 120px 24px 40px;
}

.team-ledu-footer .division {
    height: 80px;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
}

.section-award-list,
.section-award-into {
    padding: 24px 24px 0;
}

.section-award-list .award-tpye {
    max-height: 74px;
    margin-bottom: 1rem;
}

.section-award-list .content {
    max-width: 480px;
}

/* LINK */
.section-contact a,
footer a {
    color: #000;
    text-decoration: none;
}

.section-contact a:hover,
footer a:hover {
    text-decoration: underline;
    color: #000;
}

.division-section {
    position: relative;
    padding-top: 120px;
}

.division-section::after {
    content: "";
    height: 80px;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 20px;
}

/* RESPONSIVE */
@media (min-width: 576px) {
    .container { max-width: none;}
}

@media (min-width: 768px) {
    .container { max-width: none;}

    .about-ledu .content {
        padding-right: 30%;
    }

    .section-contact {
        margin-top: 120px;
    }
    

    .into-website .des {
        max-width: 90%;
    }

    .reservations-ledu {
        margin-top: 0;
    }
    .reservation-info {
        text-align: left;
        padding: 0;
    }

    header.masthead {
        min-height: 780px;
        position: relative;
    }

    .award-lebel .object-fit {
        max-height: 120px;
        position: absolute;
        bottom: 40px;
        left: 40px;
    }
}

.section-awards {
    border: 1px solid #B98223;
    border-radius: 10px;
    margin-top: 60px;
    overflow: hidden;
}

.section-awards .heading {
    padding-left: 40px;
}

.team-member-ledu .job-position,
.team-ledu-page .job-position {
    font-size: 14px;
    padding: 0 0 20px;
    opacity: .8;
}

.menu-left > a:last-child {
    margin-left: 1.5rem;
}

.modal-content {
    border: none !important;
    border-radius: 0 !important;
    min-height: 97vh;
}

.type-modal:hover {
    cursor: pointer;
    opacity: .9;
}

/* MOBILE ONLY */
@media (max-width: 768px) {
    body {
        padding-top: 80px;
    }

    #mainNav {
        border-bottom: 1px solid #ddd;
    }

    #navbarResponsive {
        position: fixed;
        left: 0;
        right: 0;
        top: 80px;
        padding: 20px;
        background-color: #fff;
        border-top: 1px solid #ddd;
    }

    header.masthead {
        background-image: url("../assets/img/cover-ledu-mobile-v2.webp");
        background-size: contain;
        padding-bottom: 0;
    }

    .cover-reservation {
        background-image: url("../assets/img/temp/reservations.cover.webp");
        padding-bottom: 0;
        padding-top: 8rem;
        padding-bottom: 8rem;
        color: #fff;
        background-position: center;
    }

    .into-website {
        padding-top: 312px !important;
        padding-bottom: 4rem !important;
        text-align: center !important;
    }

    #mainNav .navbar-nav .nav-item .nav-link {
        margin-bottom: 1rem;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden;
    }

    .space-mobile {
        padding: 2rem 0;
    }

    .about-ledu.space-mobile {
        padding-top: 0;
    }

    .into-website,
    .content-mobile {
        padding: 0 2rem;
    }

    .section-contact {
        padding: 60px 0 40px;
    }

    /* ABOUT */
    .section-awards {
        margin: 24px;
        padding: 40px 20px;
    }

    .section-awards .heading,
    .about-page-ledu .sub-heading {
        margin-bottom: 24px;
    }

    .section-awards > .row {
        display: block !important;
    }

    .section-awards img {
        max-width: 100%;
    }

    .section-awards .object-fit {
        margin-top: 24px;
    }

    .team-ledu-page {
        padding: 0;
    }

    .team-member-ledu {
        padding: 0 25px 80px !important;
        margin-top: 24px;
    }
    
    .footer {
        font-size: 80%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    header.masthead {
        background-size: cover;
    }

    #mainNav {
        padding-left: 1.5vw;
    }

    .about-ledu.space-mobile {
        max-width: 660px;
        margin: auto;
        padding-top: 60px;
    }

    .about-ledu .content {
        padding-right: 0;
        padding-left: 0;
    }

    .reservations-ledu .object-fit {
        width: 100%;
        max-width: 660px;
        margin: auto auto 60px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1140px;
    }

    .content-suppliers {
        max-width: 60%;
    }

    .navbar > .container {
        max-width: calc(100% - 40px);
    }
  }
  @media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1320px;
    }
  }