/* ----------------------------------------------------------------
    Custom CSS

    Add all your Custom Styled CSS here for New Styles or
    Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Language Selector Styles */
.language-selector {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.language-flag {
    display: inline-block;
    margin: 0 5px;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.language-flag.active {
    opacity: 1;
    border-bottom: 2px solid #ce343a;
}

.language-flag:hover {
    opacity: 1;
}

.language-flag img {
    width: 24px;
    height: auto;
    border-radius: 2px;
}

.menu-link {
    color: #373737;
}

.menu-item:hover > .menu-link {
    color: #d0343a;
}

.menu-link div:hover {
    color: #d0343a;
}

.fbox-content.fbox-content-lg {
    min-height: 300px;
}

.button {
    background-color: #ce343a;
}

/* Override the blue underline with red on menu hover */
@media (min-width: 992px) {
    .menu-container > .menu-item > .menu-link div::after {
        background: none !important;
        height: 2px !important;
        background-color: #d0343a !important;
    }
}

@media screen and (min-width: 601px) {
    div.slider-caption.slider-caption-center div {
        padding-top: 250px;
    }
}