:root {
    --color-theme: #20c1eb;
    --bs-body-font-size: .85rem !important;
    --bs-body-font-family: Arial, Helvetica, sans-serif !important;
}
:root[data-bs-theme=light] {
    --bs-link-color: #333333 !important;
    --bs-link-hover-color: var(--color-theme) !important;
}
:root[data-bs-theme=light] body {
    color: var(--bs-dark);
    background-color: var(--bs-secondary);
    font-size: 0.9rem !important;
    line-height: 1.25rem !important;
}
:root[data-bs-theme=light] .navbar-dark {
    --bs-navbar-color: rgb(255 255 255);
}
:root[data-bs-theme=light] .container {
    background-color: var(--bs-white);
}
small{
    font-size: .7rem !important;
}
.container {
    max-width: 1140px !important;
}
.bg-header {
    background: transparent !important;
}
.bg-color-theme {
	background-color: var(--color-theme);
}
.color-theme {
	color: var(--color-theme);
}
.navbar-brand img {
    max-height: 4rem !important;
}
.berita_iklan:not(:hover) .close_berita_iklan {
    display: none;
}
.bg-pattern,
aside.widget .widget-title,
.heading-theme {
    position: relative;
}
aside.widget .widget-title,
.heading-theme {
    display: flex;
    line-height: 1rem;
    align-items: center;
}
aside.widget .widget-title span,
.heading-theme span {
    font-size: .9rem;
    background-color: var(--color-theme);
    display: inline-block;
    color: #ffffff;
    padding: 0.15rem 0.5rem;
    line-height: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
}
aside.widget .widget-title:after,
.heading-theme:after {
    content: '';
    position: relative;
    border-top: 4px double #acacac;
    display: inline-block;
    width: 100%;
}
#carouselHome .carousel-indicators [data-bs-target] {
    width: 100%;
    height: 10px;
    margin: 0;
    border: 0;
    transition: all .5s;
}
#carouselHome .carousel-indicators [data-bs-target]:nth-child(1n+1) {
    background-color: #e671b5;
}
#carouselHome .carousel-indicators [data-bs-target]:nth-child(2n+1) {
    background: #19a2de;
}
#carouselHome .carousel-indicators [data-bs-target]:nth-child(3n+1){
    background: #8cbe29;
}
#carouselHome .carousel-indicators [data-bs-target]:nth-child(4n+1){
    background: #ef9608;
}
#carouselHome .carousel-indicators [data-bs-target]:nth-child(5n+1){
    background: #a500ff;
}
#carouselHome .carousel-indicators [data-bs-target].active {
    background-color: #212121;
}

@media (min-width: 768px) {
    .widget-area {
        max-width: 25% !important;
    }
    #primary {
        max-width: 75% !important;
    }
    #main-menu > li > .nav-link {
        padding: 0.85rem 1rem !important;
        text-transform: uppercase;
        font-weight: bold;
        color: #000000;
        font-size: .85rem;
        transition: all .5s;
    }
    #main-menu > li > .nav-link:hover,
    #main-menu > li.current-menu-item.active > .nav-link {
        background-color: var(--color-theme);
        color: #ffffff;
    }
}
a{
    text-decoration: none!important;
}