/* Colors */
.color-blue{color:#0081c5!important;}
.theme-1 .color-blue{color:#fff!important;}
.theme-2 .color-blue{color:#ffff00!important;}

.h-color-blue:hover{color:#0081c5!important;}
.theme-1 .h-color-blue:hover{color:#fff!important;}
.theme-2 .h-color-blue:hover{color:#ffff00!important;}

.bg-color-blue{background:#0081c5!important;}
.theme-1 .bg-color-blue{background:#fff!important;}
.theme-2 .bg-color-blue{background:#ffff00!important;}


/* Buttons */
.btn.custom-btn-blue, .btn.custom-btn-blue:focus{color:#fff; background:#0081c5;}
.btn.custom-btn-blue:hover, .btn.custom-btn-blue:active{background:#1f9ad3;}
.btn.custom-btn-blue > i, .btn.custom-btn-blue:hover > i{color:#fff;}


/* Topnav */
nav.topnav > .top-container::after{display:none;}
nav.topnav > .top-container .block > .option{padding:.625rem 0;}
nav.topnav > .bottom-container{background:#f7f7f7!important;}
nav.topnav > .bottom-container::after{display:none;}
nav.topnav .logo h1, nav.topnav .logo h2{
    font-size:1.5rem; font-weight:500; color:#3e3e3e; -webkit-text-fill-color:unset;
}
nav.topnav .logo h2{
    font-size:1.125rem; font-weight:600; margin:.25rem 0 .125rem 0; color:#3e3e3e;
}
nav.topnav .menu-container{background:transparent;}
nav.topnav .menu::before{display:none;}
nav.topnav .menu::after, nav.topnav .menu-container::after{
    background:linear-gradient(to bottom, #e9e9e9, #a6a6a6, #a4a4a4);
}
nav.topnav .menu:not(.menu-icon):hover{background:#d7d7d7;}
nav.topnav .menu:not(.menu-icon) > a{color:#000;}
nav.topnav .menu > a::before{color:#8d509e!important; font-weight:600;}
nav.topnav .menu-mobile .hamburger > *{background:#3e3e3e;}

.theme-1 nav.topnav > .top-container{background:#000!important;}
.theme-1 nav.topnav > .bottom-container{
    background:#000!important; border-top:1px solid #fff; border-bottom:1px solid #fff;
}
.theme-1 nav.topnav .logo h1, .theme-1 nav.topnav .logo h2,
.theme-1 nav.topnav .logo h5,
.theme-1 nav.topnav .logo .topnav-header{color:#fff;}
.theme-1 nav.topnav .menu::after, .theme-1 nav.topnav .menu-container::after{background:#fff;}
.theme-1 nav.topnav .menu:not(.menu-icon) > a, .theme-1 nav.topnav .menu > a::before{
    color:#fff!important;
}
.theme-1 nav.topnav .menu:not(.menu-icon):hover{background:#000;}
.theme-1 nav.topnav .menu-mobile .hamburger > *{background:#fff;}

.theme-2 nav.topnav > .top-container{background:#000!important;}
.theme-2 nav.topnav > .bottom-container{
    background:#000!important; border-top:1px solid #ffff00; border-bottom:1px solid #ffff00;
}
.theme-2 nav.topnav .logo h1, .theme-2 nav.topnav .logo h2,
.theme-2 nav.topnav .logo h5,
.theme-2 nav.topnav .logo .topnav-header{color:#ffff00;}
.theme-2 nav.topnav .menu::after, .theme-2 nav.topnav .menu-container::after{background:#ffff00;}
.theme-2 nav.topnav .menu:not(.menu-icon) > a, .theme-2 nav.topnav .menu > a::before{
    color:#ffff00!important;
}
.theme-2 nav.topnav .menu:not(.menu-icon):hover{background:#000;}
.theme-2 nav.topnav .menu-mobile .hamburger > *{background:#ffff00;}

nav.topnav ~ .topnav-spacer{height:7.75rem;}
@media screen and (max-width:1199.98px){
    nav.topnav ~ .topnav-spacer{height:4.625rem;}
}
@media screen and (max-width:767.98px){
    nav.topnav .logo h1, nav.topnav .logo h2{font-size:1.25rem;}
    nav.topnav .logo h2{font-size:1rem; margin:.375rem 0 .125rem 0;}
    nav.topnav ~ .topnav-spacer{height:4.5rem;}
}


/* Buttons */
.btn.custom-btn-primary, .btn.custom-btn-primary:focus, 
.btn.custom-btn-primary:hover, .btn.custom-btn-primary:active{background:#350939;}
.btn.custom-btn-primary > i, .btn.custom-btn-primary:hover > i{color:#3f136d;}
.btn.custom-btn-primary, .btn.custom-btn-primary:focus, 
.btn.custom-btn-primary:hover, .btn.custom-btn-primary:active{background:#350939;}

.btn.custom-btn-secondary, .btn.custom-btn-secondary:focus, 
.btn.custom-btn-secondary:hover, .btn.custom-btn-secondary:active{background:#4f0d4f;}
.btn.custom-btn-secondary > i, .btn.custom-btn-secondary:hover > i{color:#3f136d;}

.btn.custom-btn-warning, .btn.custom-btn-warning:focus, 
.btn.custom-btn-warning:hover, .btn.custom-btn-warning:active{background:#3f136d;}
.btn.custom-btn-warning > i{color:#fff;}

.btn-action.btn-action-primary, .btn-action.btn-action-primary:focus{
    font-size:1.125rem; font-weight:300; padding:.4375rem .75rem .4375rem .5rem;
    border-radius:1000em; background:#63337e; color:#fff; 
}
.btn-action.btn-action-primary:hover{
    background:#63337e; color:#fff; box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);
}
.btn-action.btn-action-primary:active{
    background:#63337e; color:#fff; box-shadow:inset 0 0 0 100rem rgba(0,0,0,.20);
}
.btn-action.btn-action-primary > i{background:#149fd9; color:#fff;}

.theme-1 .btn.custom-btn-primary, .theme-1 .btn.custom-btn-primary:focus,
.theme-1 .btn.custom-btn-secondary, .theme-1 .btn.custom-btn-secondary:focus,
.theme-1 .btn.custom-btn-warning, .theme-1 .btn.custom-btn-warning:focus,
.theme-1 .btn.custom-btn-dark, .theme-1 .btn.custom-btn-dark:focus.top-container,
.theme-1 .btn-action.btn-action-primary, .theme-1 .btn-action.btn-action-primary:focus{
    background:#fff; color:#000;
}
.theme-1 .btn.custom-btn-primary:hover, 
.theme-1 .btn.custom-btn-secondary:hover,
.theme-1 .btn.custom-btn-warning:hover,
.theme-1 .btn.custom-btn-dark:hover,
.theme-1 .btn-action.btn-action-primary:hover{
    background:#fff; color:#000; box-shadow:inset 0 0 0 100rem rgba(0,0,0,.05);
}
.theme-1 .btn.custom-btn-primary:active, 
.theme-1 .btn.custom-btn-secondary:active,
.theme-1 .btn.custom-btn-warning:active,
.theme-1 .btn.custom-btn-dark:active,
.theme-1 .btn-action.btn-action-primary:active{
    background:#fff; color:#000; box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);
}
.theme-1 .btn.custom-btn-primary > i, 
.theme-1 .btn.custom-btn-secondary > i,
.theme-1 .btn.custom-btn-warning > i,
.theme-1 .btn.custom-btn-dark > i{
    color:#fff;
}
.theme-1 .btn-action.btn-action-primary > i{
    background:#000; color:#fff;
}

.theme-2 .btn.custom-btn-primary, .theme-2 .btn.custom-btn-primary:focus,
.theme-2 .btn.custom-btn-secondary, .theme-2 .btn.custom-btn-secondary:focus,
.theme-2 .btn.custom-btn-warning, .theme-2 .btn.custom-btn-warning:focus,
.theme-2 .btn.custom-btn-dark, .theme-2 .btn.custom-btn-dark:focus,
.theme-2 .btn-action.btn-action-primary, .theme-2 .btn-action.btn-action-primary:focus{
    background:#ffff00; color:#000;
}
.theme-2 .btn.custom-btn-primary:hover, 
.theme-2 .btn.custom-btn-secondary:hover,
.theme-2 .btn.custom-btn-warning:hover,
.theme-2 .btn.custom-btn-dark:hover,
.theme-2 .btn-action.btn-action-primary:hover{
    background:#ffff00; color:#000; box-shadow:inset 0 0 0 100rem rgba(0,0,0,.05);
}
.theme-2 .btn.custom-btn-primary:active, 
.theme-2 .btn.custom-btn-secondary:active,
.theme-2 .btn.custom-btn-warning:active,
.theme-2 .btn.custom-btn-dark:active,
.theme-2 .btn-action.btn-action-primary:active{
    background:#ffff00; color:#000; box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);
}
.theme-2 .btn.custom-btn-primary > i, 
.theme-2 .btn.custom-btn-secondary > i,
.theme-2 .btn.custom-btn-warning > i,
.theme-2 .btn.custom-btn-dark > i{
    color:#ffff00;
}
.theme-2 .btn-action.btn-action-primary > i{
    background:#000; color:#ffff00;
}

.btn.custom-btn-theme-2, .btn.custom-btn-theme-2:focus{color:#68edf6;}


/* Pagination */
.pagination .page-btn{
    border-radius:.25rem; width:1.9375rem; height:1.9375rem; line-height:1.75rem;
    transition:all .25s;
}
.pagination .page-btn{border-color:transparent;}
.pagination .page-btn:hover, .pagination .page-btn.active{
    border-color:#3f136d; background:#3f136d!important; color:#fff;
}
.theme-1 .pagination .page-btn:hover, .theme-1 .pagination .page-btn.active{
    border-color:#fff; background:#fff!important; color:#000;
}
.theme-2 .pagination .page-btn:hover, .theme-2 .pagination .page-btn.active{
    border-color:#ffff00; background:#ffff00!important; color:#000;
}


/* Tab COntainer 01 */
.tab-container.tab-container-01 .tab{width:25%;}
.tab-container.tab-container-01 .tabs::before{left:0; right:0; background:#63337e;}
.tab-container.tab-container-01 .tab h5::before{background:#63337e;}
.tab-container.tab-container-01 .tab-content .filter-bg{left:0; right:0;}

.theme-1 .tab-container.tab-container-01 .tabs::before{background:#fff;}

.theme-2 .tab-container.tab-container-01 .tabs::before{background:#ffff00;}

@media screen and (max-width:991.98px){
    .tab-container.tab-container-01 .tab{width:50%;}
}