/*
Theme Name: Betheme Child
Theme URI: https://maawards.nl/
Description: Child theme for Betheme. Add your custom CSS here.
Author: MAAWards
Template: betheme
Version: 1.0.0
Text Domain: betheme-child
*/

/* Add your custom CSS below */

button:hover {
    color: inherit !important;
}

#Content {
    margin-top: 90px;
}

@media (max-width: 960px) {
    #Content {
        margin-top: 61px;
    }
}

@media (max-width: 767px) {
    #Content {
        margin-top: 0px;
    }
}

#header-image .mcb-column,
#header-image .mcb-column-inner {
    margin: 0;
    padding: 0;
}

#header-image {
    position: relative;
}

#header-image .image_wrapper {
    position: relative;
}

#header-image .image_wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
    z-index: 2;
    display: block;
}

#header-image img {
    max-height: 100vh;
    object-fit: cover;
}

#header-title {
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 3;
}

#header-title h2 {
    font-size: 6rem;
    color: #fff;
    text-align: center;
}

#header-subtitle h2 {
    font-size: 3rem;
    color: #fff;
    text-align: center;
}

@media (max-width: 1199px) {
    #header-title h2 {
        font-size: 4.5rem;
    }

    #header-subtitle h2 {
        font-size: 2.25rem;
    }
}

@media (max-width: 991px) {
    #header-title h2 {
        font-size: 3.5rem;
    }

    #header-subtitle h2 {
        font-size: 1.75rem;
    }
}

@media (max-width: 767px) {
    #header-title h2 {
        font-size: 2.5rem;
    }

    #header-subtitle h2 {
        font-size: 1.25rem;
    }
}

@media (max-width: 479px) {
    #header-title h2 {
        font-size: 1.75rem;
    }

    #header-subtitle h2 {
        font-size: 1rem;
    }
}

#header-subtitle {
    position: absolute;
    left: 0;
    top: 37%;
    z-index: 3;
}

.menu_wrapper {
    margin-right: 1rem;
}

#Top_bar .menu li ul li {
    list-style: none;
}