/* Body */

@font-face {
    font-family: "Eina01-Bold";
    src: url(../fonts/Eina/Eina01-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-Light";
    src: url(../fonts/OpenSans/OpenSans-Light.ttf);
    font-display: swap;
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src: url(../fonts/OpenSans/OpenSans-SemiBold.ttf);
    font-display: swap;
}

body {
    background: #fff !important;
    font-size: 13px;
    font-family: "OpenSans-Regular";
    font-display: swap;
}


/* Font */

.edu-font {
    font-family: "Eina01-Bold";
}

.edu-fw-bold {
    font-family: "OpenSans-Bold";
}

.edu-fw-semibold {
    font-family: "OpenSans-SemiBold";
}

.edu-fw-light {
    font-family: "OpenSans-Light";
}


/* BACKGROUND */

.edu-bg-primary {
    background-color: #AE1214 !important;
}

.edu-bg-primary-gradient {
    background: transparent linear-gradient(90deg, #DC1E25 0%, #AE1214 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    color: white;
}

.edu-bg-secondary {
    background-color: #FBCE37 !important;
}

.edu-bg-info {
    background-color: #DC1E25 !important;
}

.edu-opacity-10 {
    opacity: .10;
}

.edu-opacity-25 {
    opacity: .25;
}

.edu-opacity-50 {
    opacity: .5;
}

.edu-opacity-75 {
    opacity: .75;
}

.edu-opacity-90 {
    opacity: 9.0;
}

.edu-bg-overlay-banner {
    background: linear-gradient(rgba(148, 13, 11, .7), rgba(148, 13, 11, .8)), url('https://gillandgroup.co.id/_khusus_p2k/_assets_pendaftaran/images/edu-pattern.jpg');
    background-repeat: repeat;
    background-position: center center;
    color: #fff;
}

.edu-bg-overlay {
    background: linear-gradient(rgba(148, 13, 11, .7), rgba(148, 13, 11, .8));
}


/* TEXT */

.edu-text-primary {
    color: #AE1214 !important;
}

.edu-text-secondary {
    color: #FBCE37 !important;
}

.edu-small {
    font-size: small;
}

.edu-small-x {
    font-size: x-small;
}

.edu-small-xx {
    font-size: xx-small;
}

.edu-link {
    text-decoration: none;
}

.edu-pointer {
    cursor: pointer
}

.edu-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    max-height: 100px;
}


/* BUTTON */

.edu-rounded-10 {
    border-radius: 10px;
}

.edu-rounded-20 {
    border-radius: 20px;
}

.edu-rounded-30 {
    border-radius: 30px;
}

.edu-rounded-40 {
    border-radius: 40px;
}

.edu-rounded-50 {
    border-radius: 50px;
}

.edu-btn {
    border-radius: 40px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "OpenSans-SemiBold";
}

.edu-btn-primary {
    color: #fff;
    background-color: #DD1F26;
    border-color: #DD1F26;
}

.edu-btn-primary:hover {
    color: #fff;
    background-color: #9C0D0E;
    border-color: #940D0B;
}

.btn-check:focus+.edu-btn-primary,
.edu-btn-primary:focus {
    color: #fff;
    background-color: #9C0D0E;
    border-color: #940D0B;
    box-shadow: 0 0 0 0.25rem rgba(148, 13, 11, 0.5);
}

.btn-check:checked+.edu-btn-primary,
.btn-check:active+.edu-btn-primary,
.edu-btn-primary:active,
.edu-btn-primary.active,
.show>.edu-btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #940D0B;
    border-color: #9C0D0E;
}

.btn-check:checked+.edu-btn-primary:focus,
.btn-check:active+.edu-btn-primary:focus,
.edu-btn-primary:active:focus,
.edu-btn-primary.active:focus,
.show>.edu-btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(148, 13, 11, 0.5);
}

.edu-btn-primary:disabled,
.edu-btn-primary.disabled {
    color: #fff;
    background-color: #DD1F26;
    border-color: #DD1F26;
}

.edu-btn-secondary {
    color: #151515;
    background-color: #fcec74;
    border-color: #fcec74;
}

.edu-btn-secondary:hover {
    color: #151515;
    background-color: #ffba00;
    border-color: #ffba00;
}

.btn-check:focus+.edu-btn-secondary,
.edu-btn-secondary:focus {
    color: #151515;
    background-color: #ffba00;
    border-color: #ffba00;
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

.btn-check:checked+.edu-btn-secondary,
.btn-check:active+.edu-btn-secondary,
.edu-btn-secondary:active,
.edu-btn-secondary.active,
.show>.edu-btn-secondary.dropdown-toggle {
    color: #151515;
    background-color: #ffba00;
    border-color: #ffba00;
}

.btn-check:checked+.edu-btn-secondary:focus,
.btn-check:active+.edu-btn-secondary:focus,
.edu-btn-secondary:active:focus,
.edu-btn-secondary.active:focus,
.show>.edu-btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}

.edu-btn-secondary:disabled,
.edu-btn-secondary.disabled {
    color: #151515;
    background-color: #FDF3A5;
    border-color: #FDF3A5;
}

.edu-btn-info {
    color: #fff;
    background-color: #DD1F26;
    border-color: #DD1F26;
}

.edu-btn-info:hover {
    color: #fff;
    background-color: #940D0B;
    border-color: #840b08;
}

.btn-check:focus+.edu-btn-info,
.edu-btn-info:focus {
    color: #fff;
    background-color: #940D0B;
    border-color: #840b08;
    box-shadow: 0 0 0 0.25rem rgba(148, 13, 11, 0.5);
}

.btn-check:checked+.edu-btn-info,
.btn-check:active+.edu-btn-info,
.edu-btn-info:active,
.edu-btn-info.active,
.show>.edu-btn-info.dropdown-toggle {
    color: #fff;
    background-color: #940D0B;
    border-color: #840b08;
}

.btn-check:checked+.edu-btn-info:focus,
.btn-check:active+.edu-btn-info:focus,
.edu-btn-info:active:focus,
.edu-btn-info.active:focus,
.show>.edu-btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(148, 13, 11, 0.5);
}

.edu-btn-info:disabled,
.edu-btn-info.disabled {
    color: #fff;
    background-color: #DD1F26;
    border-color: #DD1F26;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #DD1F26 !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #DD1F26;
    border-color: #DD1F26;
}


/* CARD */

.edu-card-hover:hover {
    box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .15) !important;
}

.edu-card-hover:hover {
    box-shadow: 0 .5rem .5rem rgba(0, 0, 255, .15) !important;
}


/* MARGIN NEGATIF */

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

@media (max-width: 576px) {
    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .me-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .me-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .me-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .me-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .me-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ms-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .ms-lg-n10,
    .mx-lg-n10 {
        margin-left: -6rem !important;
    }
}