/*
 Author:       Azmi Mustafa
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --font-family-sans-serif: 'Poppins', sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Poppins', sans-serif !important;
}

:root {
    --child-root: #fff805;
    --child-primary: #3f6e9b;
    --child-primary-hover: #c8914e;
    --child-secondary: #4575a3;
    --child-secondary-hover: #2e6292;
    --child-footer: #20578a;
}

/* Navbar */
.msj-donasi-darussalam .navbar.navbar-primary-menu {
    border-color: var(--child-root);
}

.msj-donasi-darussalam .navbar.navbar-primary-menu .navbar-nav .nav-item.active .nav-link {
    background-color: #4575a3 !important;
    color: #ffffff !important;
}

.msj-donasi-darussalam .navbar.navbar-primary-menu .navbar-nav .nav-item .nav-link:hover {
    background-color: #4575a3 !important;
    color: #ffffff !important;
}

/* Navbar Toggler */
.msj-donasi-darussalam .navbar.navbar-primary-menu .navbar-toggler .navbar-toggler-icon {
    color: var(--child-primary);
}

/* Carousel */
.msj-donasi-darussalam .home-slider.owl-carousel .owl-dots .owl-dot:hover span,
.msj-donasi-darussalam .home-slider.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--child-primary);
}

/* Statistics */
.msj-donasi-darussalam .section-statistics .statistics-container .row [class*=col] .card {
    background-color: var(--child-secondary) !important;
}

/* Card Campaign */
.msj-donasi-darussalam .card.card-campaign .card-body .card__link:hover {
    color: var(--child-primary);
}

/* Footer */
.msj-donasi-darussalam footer .footer-top {
    background-color: var(--child-secondary) !important;
}

.msj-donasi-darussalam footer .footer-bottom {
    background-color: var(--child-footer) !important;
}

/* Button Helpers */
.msj-donasi-darussalam .btn.btn--others {
    border-color: var(--child-primary) !important;
}

.msj-donasi-darussalam .btn.btn--others:not(:disabled):not(.disabled):hover {
    border-color: var(--child-primary) !important;
    background-color: var(--child-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--child-primary) !important;
}

.msj-donasi-darussalam footer .btn--call-us {
    background-color: var(--child-primary) !important;
}

.msj-donasi-darussalam footer .btn--call-us:hover {
    background-color: var(--child-secondary-hover) !important;
}

/* Button */
.msj-donasi-darussalam .btn-primary {
    color: #fff;
    background-color: var(--child-primary);
    border-color: var(--child-primary);
}

.msj-donasi-darussalam .btn-primary:hover {
    color: #fff;
    background-color: var(--child-primary-hover);
    border-color: var(--child-primary-hover);
}

.msj-donasi-darussalam .btn-primary.btn--hover-outline:hover {
    color: var(--child-primary);
    border-color: var(--child-primary);
    background-color: transparent;
}

.msj-donasi-darussalam .btn-outline-primary {
    color: var(--child-primary);
    border-color: var(--child-primary);
}

.msj-donasi-darussalam .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--child-primary);
    border-color: var(--child-primary);
}

/* Tab */
.msj-donasi-darussalam .campaign-detail .campaign-detail__tab .nav.nav-tabs .nav-item .nav-link.active {
    color: var(--child-secondary);
}

/* Collapse */
.msj-donasi-darussalam .content_collapse__btn {
    color: var(--child-primary);
}

/* Donation Words */
.msj-donasi-darussalam .donation-words .donation-words__title {
    color: var(--child-secondary);
}

.msj-donasi-darussalam .donation-words .donation-words__item-name {
    color: var(--child-secondary);
}

/* Donations load more */
.msj-donasi-darussalam .donation-words .donation-words__load-more {
    border-color: var(--child-primary);
}

/* Input nominal */
.msj-donasi-darussalam .input-group.input-group--nominal {
    border: 1px solid var(--child-secondary, #ccc);
    border-radius: 25px;
    overflow: hidden;
}

.msj-donasi-darussalam .input-group.input-group--nominal .input-group-text {
    background: transparent;
    border: none;
    font-weight: bold;
    color: #333;
}

.msj-donasi-darussalam .input-group.input-group--nominal input.form-control {
    border: none;
    background: transparent;
    box-shadow: none;
    height: 100%;
}

.msj-donasi-darussalam .input-group.input-group--nominal input.form-control:focus {
    box-shadow: none;
}

/* Option Group */
.msj-donasi-darussalam .option-group-button .option-group-button__input {
    display: none;
}

.msj-donasi-darussalam .option-group-button .option-group-button__item {
    flex: 1;
    margin: 0 4px;
}

.msj-donasi-darussalam .option-group-button .option-group-button__item:first-child {
    margin-left: 0;
}

.msj-donasi-darussalam .option-group-button .option-group-button__item:last-child {
    margin-right: 0;
}

.msj-donasi-darussalam .option-group-button .option-group-button__text {
    display: block;
    padding: 10px 10px;
    background-color: #e5e7eb;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #63634b;
    transition: all 0.2s ease-in-out;
}

.msj-donasi-darussalam .option-group-button .option-group-button__item .option-group-button__label .option-group-button__input:checked+.option-group-button__text {
    color: #fff;
}

.msj-donasi-darussalam .option-group-button .option-group-button__item .option-group-button__label .option-group-button__text:hover {
    background-color: var(--child-secondary-hover);
}

.msj-donasi-darussalam .option-group-button .option-group-button__item .option-group-button__label .option-group-button__input:checked+.option-group-button__text {
    background-color: var(--child-primary);
}

/* Fundraiser */
.msj-donasi-darussalam .campaign-detail .campaign-detail__be-fundraiser .campaign-detail__be-fundraiser-title {
    color: var(--child-secondary);
}

/* Cart Item */
.msj-donasi-darussalam .cart-item-title a {
    color: var(--child-primary);
}

/* Step Wizard */
.msj-donasi-darussalam .step-wizard>.step-wizard-step>.step-wizard-dot {
    background: var(--child-primary);
}

.msj-donasi-darussalam .step-wizard>.step-wizard-step>.step-progress,
.msj-donasi-darussalam .step-wizard>.step-wizard-step.complete>.step-progress>.step-progress-bar,
.msj-donasi-darussalam .step-wizard>.step-wizard-step.active>.step-progress>.step-progress-bar,
.msj-donasi-darussalam .step-wizard>.step-wizard-step.complete>.step-wizard-dot {
    background-color: var(--child-primary);
}

.msj-donasi-darussalam .step-wizard>.step-wizard-step.active>.step-wizard-dot {
    background-color: var(--child-primary);
}

/* Card header */
.msj-donasi-darussalam .card .card-header.bg-primary {
    background-color: var(--child-primary) !important;
}

/* Pagination */
.msj-donasi-darussalam .pagination .page-item .page-link:hover,
.msj-donasi-darussalam .pagination .page-item.active .page-link {
    background-color: var(--child-primary);
    border-color: var(--child-primary);
}


/* SECTION CARD */
.section-category {
    background-color: transparent;
    padding-bottom: 0 !important;
}

.section.section-category+.section {
    padding-top: 0 !important;
}

.section-category .card {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    color: #666;
    align-items: center;
    text-align: center;
    text-decoration: none;
}

.section-category .card:hover {
    color: var(--child-primary);
}

.section-category .card .card-body {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important;
    padding: 7px;
    transition: all .2s ease;
}

.section-category .card:hover .card-body {
    background-color: #f3f3f3;
}

.section-category .card .card-body img {
    max-width: 100%;
}

.section-category .card .card-footer {
    font-size: 16px;
    border: 0;
    background-color: transparent;
    font-weight: bold;
}

.section-category .card.disabled,
.section-category .card:disabled {
    opacity: .6;
    cursor: not-allowed;
    pointer-events: none;
}

.section-category .card.disabled .card-body,
.section-category .card:disabled .card-body {
    box-shadow: none !important;
}

@media screen and (max-width: 992px) {
    .section-category {
        margin-top: -50px;
    }

    /* .section-category .card .card-body {
        width: 60px;
        height: 60px;
    } */
    .section-category .card .card-body img {
        max-width: 50px;
    }
}

@media screen and (max-width: 576px) {
    .section-category .card .card-body {
        width: 50px;
        height: 50px;
    }

    .section-category .card .card-body img {
        max-width: 30px;
    }

    .section-category .card .card-footer {
        font-size: 14px;
    }
}

@media screen and (max-width:767px) {
    .section-category .col-4:nth-child(-n+6) {
        margin-bottom: 30px;
    }
}

/* htmx indicator */
.htmx-indicator:not(.htmx-request) {
    display: none !important;
}

/* Custom Button Colors Override */
.halado-donasi-darussalam .btn-primary:not(.btn--call-us) {
    background-color: #2e6292 !important;
    border-color: #2e6292 !important;
    color: #ffffff !important;
}

.halado-donasi-darussalam .btn-primary:not(.btn--call-us):hover {
    background-color: #244d73 !important;
    border-color: #244d73 !important;
}

.halado-donasi-darussalam .btn--call-us {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: #ffffff !important;
    position: relative !important;
    padding-left: 45px !important;
}

.halado-donasi-darussalam .btn--call-us::before {
    content: "\f232" !important;
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 1.2rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Hide Navbar Toggler on Mobile */
@media (max-width: 991.98px) {
    .navbar-toggler {
        display: none !important;
    }
}