/*
 * ===========================================================================
 * WayAcross - Museu Interativo O Milagre de Fátima Custom CSS
 * ===========================================================================
 *
 * Author: WayAcross, Lda
 * Date: 2024-04-23
 *
 * This stylesheet contains custom styling modifications specifically tailored for the Museu Interativo O Milagre de Fátima website. All changes made here are intended to enhance the appearance and functionality of the website.
 *
 * For support or inquiries, contact info@wayacross.pt.
 *
 * ===========================================================================
 */

body {
    background-color: var(--color-accent-1);
}

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

a:hover {
    color: var(--color-accent-2);
}

a.button {
    width: fit-content !important;
}

/* ==========================================================================
   Header
   ========================================================================== */

.header {
    z-index: 9999;
}

header small {
    font-size: 0.6em;
}

.header__container a:not(a.button):not(.language-selector .select__dropdown a),
.header__container button:not(button:last-of-type) {
    color: var(--color-white);
}

.header__logo img {
    height: 70px;
}

@media (min-width: 576px) {
    .header__logo img {
        height: 100px;
    }
}

header .language-selector .select__dropdown {
    width: auto;
}

header .language-selector .select__dropdown a:hover {
    color: var(--color-accent-1);
}

.menuFullScreen__bottomMobile a.button {
    color: #000;
    width: 100% !important;
}

.language-selector .select__dropdown {
    left: revert;
    width: auto;
}

@media (max-width: 991px) {
    .menuFullScreen__left,
    .menuFullScreen-links {
        overflow-y: revert;
    }
}

@media (min-width: 992px) {
    .language-selector .select__dropdown {
        left: 50%;
        width: 100%;
    }
}

.menuFullScreen {
    z-index: 99999;
    overflow-y: scroll;
}

.menuFullScreen .logo img {
    height: 70px;
}


.menuFullScreen__bottomMobile a.items-center,
.menuFullScreen__bottomMobile span {
    font-size: 14px;
}


@media (max-width: 991px) {
    .menuFullScreen__bottomMobile {
        padding-bottom: 100px;
    }
}
/* ==========================================================================
   Footer
   ========================================================================== */

footer .icon-tripadvisor {
    fill: rgba(255, 255, 255, 0.6);
}

footer .icon-tripadvisor:hover {
    fill: var(--color-accent-2);
}


footer .footer__grid {
    text-align: center;
}

@media (min-width: 768px) {
    footer .footer__grid {
        text-align: left;
    }
}

footer .footer__main button {
    color: #ffffff99;
    transition: color 0.2s ease-in-out;
}

footer .footer__main button:hover {
    color: var(--color-accent-2);
}

/* ==========================================================================
   Homepage
   ========================================================================== */

#tickets-section small {
    font-size: 0.7em;
}

@media (min-width: 768px) {
    #tickets-section {
        font-size: 0.875em;
    }
}

.bg-dark-opacity {
    background: rgba(0, 0, 0, 0.3);
}