/* Overwrite Background Theme */

:root {
    --bg-main-color: #321833; /* #000*/
    --bg-secondary-color: #241125; /* #131318 */
    --bg-accent-color: #170b18; /* #141418 */
    --bg-hover-color: #140a14;
    --bg-hover-color-2: #492f4a;
}

body {
    background-color: var(--bg-main-color);
}

nav {
    background-color: var(--bg-main-color);
}

ul.menu li > .sub-menu-wrap {
    background-color: var(--bg-secondary-color);
}

ul.menu li > .sub-menu-wrap li:hover {
    background-color: var(--bg-hover-color-2);
}

/* .logo img {
    filter: grayscale(1) brightness(3.5);
} */

@media (max-width: 47.999rem) {
    ul.menu {
        background: var(--bg-secondary-color);
    }
    a.mobile-contact:active, a.mobile-contact:focus {
        color: var(--bg-secondary-color);
    }
}

.hero-image-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: rgb(19,19,24);
    background: -moz-linear-gradient(90deg, rgb(36 17 37 / 50%) 0%, rgb(50 24 51 / 50%) 100%);
    background: -webkit-linear-gradient(90deg, rgb(36 17 37 / 50%) 0%, rgb(50 24 51 / 50%) 100%);
    background: linear-gradient(90deg, rgb(36 17 37 / 50%) 0%, rgb(50 24 51 / 50%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#241125",endColorstr="#321833",GradientType=1);
}

.container-swiper {
    background-color: var(--bg-secondary-color);
}

.container-blocks .block {
    background-color: var(--bg-secondary-color);
}

.container-blocks .block:hover {
    background-color: var(--bg-hover-color);
}

.container-image-cols {
    background-color: var(--bg-secondary-color);
}

.container-image-cols:hover {
    background-color: var(--bg-hover-color);
}

.container-two-cols {
    background-color: var(--bg-secondary-color);
}

.container-two-cols:hover {
    background-color: var(--bg-hover-color);
}

.container-full-width {
    background-color: var(--bg-secondary-color);
}



.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea {
    background-color: var(--bg-secondary-color);
}

.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input:active, .field-wrap>div input:focus, .field-wrap select, .field-wrap textarea:active, .field-wrap textarea:focus {
    background-color: var(--bg-hover-color-2);
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px var(--bg-hover-color-2) inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #fff;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px var(--bg-hover-color-2) inset;/*your box-shadow*/
    -webkit-text-fill-color: #fff;
} 



footer {
    background-color: var(--bg-accent-color);
}

footer .footer-bar {
    background-color: var(--bg-hover-color);
}