/* =========================================================
   AVSYS - SPAZIO VENETO
   01 - GLOBAL
   Tema Villagio: variables, ajustes generales, header y footer.
   Carga: TODO EL SITIO.
   ========================================================= */

:root {
    --sv-primary: #839690;
    --sv-primary-hover: #667e77;
    --sv-action: #4c6d5a;
    --sv-action-hover: #2e4f3b;
    --sv-panel: #f5f7f6;
    --sv-border: #dde4e1;
    --sv-field-border: #ccd6d2;
    --sv-text: #333333;
    --sv-white: #ffffff;
}

.grecaptcha-badge {
    visibility: hidden;
}

.main-navigation a {
    color: var(--sv-primary);
}

.entry-content h3 {
    margin-bottom: 0;
}

.entry-child-pages-list .more-link:hover {
    background-color: var(--sv-white);
    border-color: var(--sv-white);
}

#menu-links {
    color: #ececec;
    font-size: 20px;
}

#menu-links li a:hover {
    color: #ececec;
}

.site-footer {
    background: #516250;
}

.site-footer .wrapper-bottom {
    background: var(--sv-primary);
    color: var(--sv-white);
    border-top: none;
}

@media only screen and (min-width: 901px) {
.site-header-main.top-line {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

.main-navigation a,
.main-navigation .sub-menu a {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

.theme-social-menu li a {
        width: 30px;
        height: 30px;
        padding-top: 7px;
        padding-left: 8px;
        background: var(--sv-primary);
        color: var(--sv-white);
        border-radius: 25px;
    }

.theme-social-menu li:last-child a {
        padding-left: 9px;
    }

.theme-social-menu li a:hover {
        background: var(--sv-primary-hover);
        color: var(--sv-white);
    }
}

@media only screen and (max-width: 900px) {
.site-header-main.top-line {
        display: block !important;
        position: relative !important;
        width: 100% !important;
    }

.site-header-main.top-line .site-branding {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px 90px !important;
        text-align: center !important;
        float: none !important;
    }

.site-branding .custom-logo-link {
        display: block !important;
        width: fit-content !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

.site-branding .custom-logo {
        display: block !important;
        width: 110px !important;
        max-width: 110px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

#site-header-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: both !important;
    }

#site-navigation {
        position: absolute !important;
        top: 8px !important;
        left: 0 !important;
        right: auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 9999 !important;
        float: none !important;
        background: transparent !important;
    }

#site-navigation .menu-toggle-wrapper {
        display: block !important;
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        text-align: left !important;
    }

#site-navigation .menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 8px !important;
        background: transparent !important;
        color: var(--sv-text) !important;
        border: none !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

#site-navigation .menu-toggle-wrapper,
#site-navigation .menu-toggle {
        border-bottom: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

#site-navigation .menu-toggle::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }

#site-navigation .menu-toggle i,
#site-navigation .menu-toggle .fa,
#site-navigation .menu-toggle .fas {
        margin-right: 5px !important;
    }

#site-navigation.toggled,
#site-navigation:has(.menu-toggle[aria-expanded="true"]) {
        width: 220px !important;
        max-width: calc(100vw - 30px) !important;
        padding: 0 12px 14px !important;
        background: var(--sv-white) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15) !important;
    }

#site-navigation.toggled .menu-primary-container,
#site-navigation.toggled .menu-top-right-container,
#site-navigation:has(.menu-toggle[aria-expanded="true"]) .menu-primary-container,
#site-navigation:has(.menu-toggle[aria-expanded="true"]) .menu-top-right-container {
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        background: var(--sv-white) !important;
    }

#site-navigation.toggled ul,
#site-navigation:has(.menu-toggle[aria-expanded="true"]) ul,
#site-navigation.toggled li,
#site-navigation:has(.menu-toggle[aria-expanded="true"]) li {
        width: 100% !important;
    }

#site-navigation.toggled li a,
#site-navigation:has(.menu-toggle[aria-expanded="true"]) li a {
        display: block !important;
        width: 100% !important;
        padding: 10px 6px !important;
        text-align: left !important;
    }

#site-navigation .search-icon-wrapper,
#site-header-menu .search-icon-wrapper {
        display: none !important;
    }

#site-header-menu .search-modal {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 5px 0 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        background: var(--sv-white) !important;
        border: none !important;
        box-shadow: none !important;
        clear: both !important;
    }

#site-header-menu .search-modal .search-modal-wrapper {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

#site-header-menu .search-modal .search-modal-close,
#site-header-menu .search-modal .search-close,
#site-header-menu .search-modal .close,
#site-header-menu .search-modal button:not(.search-submit),
#site-header-menu .search-modal a[class*="close"],
#site-header-menu .search-modal .fa-times,
#site-header-menu .search-modal .fa-close {
        display: none !important;
    }

#site-header-menu .search-modal .search-form {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 86% !important;
        max-width: 300px !important;
        height: 40px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: var(--sv-white) !important;
        border: 1px solid #d7dfdc !important;
        border-radius: 25px !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

#site-header-menu .search-modal .search-form label {
        display: block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

#site-header-menu .search-modal .search-field,
#site-header-menu .search-modal input[type="search"] {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 8px 0 16px !important;
        background: transparent !important;
        color: var(--sv-text) !important;
        border: none !important;
        border-radius: 25px 0 0 25px !important;
        outline: none !important;
        box-shadow: none !important;
        font-size: 14px !important;
        line-height: 38px !important;
    }

#site-header-menu .search-modal .search-field::placeholder,
#site-header-menu .search-modal input[type="search"]::placeholder {
        color: #777777 !important;
        opacity: 1 !important;
    }

#site-header-menu .search-modal .search-submit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: var(--sv-primary) !important;
        border: none !important;
        border-radius: 0 25px 25px 0 !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

#site-header-menu .search-modal .search-submit:hover {
        background: #f1f4f3 !important;
        color: var(--sv-primary-hover) !important;
    }
}