/* main.css */

/* Bootstrap Core */
@import url("bootstrap.min.css");

/* Plugins */
@import url("plugins.css");

/* Swiper */
@import url("swiper.css");

/* Main Styles */
@import url("style.css");

/* Coloring */
@import url("coloring.css");

/* Color Scheme */
@import url("colors/scheme-01.css");

/* Dark Glass Effect Header */
header.transparent {
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

#topbar {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.topbar-widget a,
.topbar-widget i,
#mainmenu .menu-item,
.social-icons a i {
    color: #ffffff !important;
}