:root {
    --color-font: #212121;
    --color-primary: #730a2e;
    --color-secondary: #aa692e;
    --color-accsent: #f3d33e;
    --color-btn: #EF6911;
    --color-link: #1090ee;
    --color-link-hover: #0D73BE;
    --color-gradient-start: #aa692e;
    --color-gradient-stop: #db9f4b;
    --color-img-holder: #aa692e;
}


/* === Font === */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    /* font-family: 'Helvetica', sans-serif; */
    margin: 1.25em 0 0.75em;
    /* font-weight: 900 !important; */
    line-height: 1.2;
    color: var(--color-font);
}
/* === Font === ./end */


/* === Background === */
.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
}

.bg-firstsection-banner {
    /* background-image: url('/images/bg-15.jpg') !important; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-awmun-4jpg {
    background-image: url('/images/awmun/bg-4.jpg') !important;
}

.bg-21jpg {
    background-image: url('/images/awmun/headbanner-awmun-general.jpg') !important;
}
.bg-banner-general {
    background-image: url('/images/awmun/headbanner-awmun-general.jpg') !important;
}
.bg-banner-bod {
    background-image: url('/images/awmun/headbanner-awmun-bod.jpg') !important;
}
.bg-banner-delegate {
    background-image: url('/images/awmun/headbanner-awmun-delegate.jpg') !important;
}

.bg-desc {
    background-color: transparent !important;
}
/* === Background === ./end */


.event-opt .text-event-desc {
    font-size: 1.125rem !important;
}



/* === Icon === */
.local-icon {
    display: inline-block;
    width: 16px;          /* Set width as needed */
    height: 16px;         /* Set height as needed */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.local-icon.ic-check-green-square-1 {
    background-image: url('/images/icons/ic-check-green-square-1.png') !important;
}
.local-icon.ic-cross-1 {
    background-image: url('/images/icons/ic-cross-1.png') !important;
}

.text-icon {
    display: flex;
    align-items: center;
    gap: 5px;
}
/* === Icon === ./end */



/* ============ General Mobile $ Tablet Sizing Agustus 2024 ============ */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .vh-xs-100 { height: 100vh !important; }
    .vh-xs-80 { height: 80vh !important; }
    .vh-xs-50 { height: 50vh !important; }

    .event-opt .text-event-desc {
        font-size: 0.9rem !important;
    }

    .bg-awmun-4jpg {
        background-image: url('/images/awmun/bg-4m.jpg') !important;
    }
    
    .bg-5 {
        background-image: url('/images/awmun/bg-5m.webp') !important;
    }
    .bg-6 {
        background-image: url('/images/awmun/bg-6m.webp') !important;
    }
    .bg-7 {
        background-image: url('/images/awmun/bg-7m.webp') !important;
    }

    .bg-awmun-general {
        background-image: url('/images/awmun/headbanner-awmun-mobile-general.jpg') !important;
    }
    .bg-banner-bod {
        background-image: url('/images/awmun/headbanner-awmun-mobile-bod.jpg') !important;
    }
    .bg-banner-delegate {
        background-image: url('/images/awmun/headbanner-awmun-mobile-delegate.jpg') !important;
    }
    
    .bg-desc {
        background-color: rgb(115, 10, 46, 0.85) !important;
    }    


    .counter > .counter-number {
        font-size: 45px !important;
    }

    .counter > .counter-text {
        font-size: 18px !important;
        margin-top: 0.1em;
        line-height: 1.2em !important;
    }    
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .vh-sm-100 { height: 100vh !important; }
    .vh-sm-80 { height: 80vh !important; }
    .vh-sm-50 { height: 50vh !important; }

    .event-opt .text-event-desc {
        font-size: 1.125rem !important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .vh-md-100 { height: 100vh !important; }
    .vh-md-80 { height: 80vh !important; }
    .vh-md-50 { height: 50vh !important; }


    /* === Counter === */
    .counter {
        background-color: grey;
        padding: 20px 0;
        border-radius: 5px;
    }
    .counter > .counter-number {
        font-size: 68px !important;
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 0em;
        text-align: center;
    }
    .counter > .counter-text {
        font-size: 18px !important;
        font-weight: 700;
        margin-top: 0.5em;
        margin-bottom: 0px;
        text-align: center;
    }
    /* === Counter === ./end */    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .vh-lg-100 { height: 100vh !important; }
    .vh-lg-80 { height: 80vh !important; }
    .vh-lg-50 { height: 50vh !important; }
}
/* ============ General Mobile $ Tablet Sizing Agustus 2024 ./end ============ */