/*
 Theme Name:   Unimonteco
 Template:     venesport
 Version:      0.0.1
 Description:  Tema child di Venesport per Unimonteco
 Author:       Mapo Studio
*/

/**
 * Colors
 */
:root {
    --colors-primary: #02895C;
    --colors-secondary: #2C4F45;
    --colors-neutral-light: #DEE6E3;
    --bs-border-radius: 0.375rem;
    --venesport-secondary: rgba(45, 72, 118);
}

/**
 * Header
 */

.navbar.navbar-light {
    .nav-link {
        color: var(--colors-secondary) !important;
    }
    .navbar-toggler-icon span {
        background-color: var(--colors-secondary) !important;
    }
}

/*
.navbar.navbar-dark {
    @media only screen and (max-width: 992px) {
        .nav-link {
            color: var(--colors-secondary) !important;
        }

        .navbar-toggler-icon span {
            background-color: var(--colors-secondary) !important;
        }
    }
}
*/

@media only screen and (min-width: 992px) {
    .site-header .navbar-nav li.menu-item--langs {
        margin-left: auto
    }
    .site-header .site-branding {
        flex-basis: 10% !important;
    }
}
@media only screen and (max-width: 992px) {
    .site-header .nav-link {
        color: var(--colors-secondary) !important;
    }
}

.site-header .navbar-nav li:not(.menu-item--langs)::before {
    background-color: rgb(2, 137, 92) !important;
}

.site-header .navbar .site-branding__logo:has(img) {
    --image-logo: '' !important;
}

li.menu-item--langs::after {
    filter: brightness(0) invert(1);
    @media only screen and (max-width: 992px) {
        filter: brightness(0) saturate(100%) invert(27%) sepia(58%) saturate(288%) hue-rotate(112deg) brightness(83%) contrast(91%) !important;
    }
}
.navbar-light li.menu-item--langs::after {
    filter: brightness(0) saturate(100%) invert(27%) sepia(58%) saturate(288%) hue-rotate(112deg) brightness(83%) contrast(91%) !important;
}


/**
 * Hero
 */
.hero:has(img) .hero__overlay,
.hero:has(video) .hero__overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(111deg, rgba(45, 92, 80, 0.80) 0%, rgba(2, 137, 92, 0.10) 104.16%);}

html body .hero {
    place-content: center;
    text-align: center;
}

.hero__title {
    font-size: max(5rem) !important;
}

html body .hero__content {
    padding-bottom: 0 !important;
}

.hero__title {
    line-height: 110%;
    @media only screen and (max-width: 992px) {
        line-height: 100%;
        font-size: 2.6rem !important;
    }
    .text-success {
        display: none;
    }
}

/**
 * Footer
 */
.site-footer {
    background: var(--colors-secondary) !important;
}

/**
 * Sections
 */
.bg-unimonteco {
    background: var(--colors-neutral-light);
}

.wp-child-theme-unimonteco hr {
    color: rgba(67, 115, 96, 0.40);
    height: 1px;
}

.wp-child-theme-unimonteco .media-text__link {
    color: var(--colors-primary) !important;
    font-weight: 600 !important;
}

.wp-child-theme-unimonteco .title-block {
    &.has-fill-animation {
        .row {
            background-image: linear-gradient(90deg, var(--colors-primary) 0%, var(--colors-primary) 50%, var(--colors-primary) 75%, #e9ecef 100%) !important;
        }
    }
}

@media only screen and (min-width: 992px) {
    h4, .h4 {
        font-size: max(2.5rem) !important;
    }

    .fs-xl-bold, .fs-xl {
        font-size: max(1.5rem) !important;
    }

    .fs-lg-bold, .fs-lg {
        font-size: max(1.25rem) !important;
    }

    .fs-base {
        font-size: max(1rem) !important;
        line-height: 150% !important;
    }
}

.btn-arrow__label {
    font-size: 0.875rem !important;
}

.has-rounded-img {
    img {
        border-radius: var(--bs-border-radius) !important;
    }
}

.has-fullwidth-img {
    img {
        width: 100%;
    }
}

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


/**
 * Form
 */
.wpcf7-form-replace-submit {
    background-color: transparent !important;
    font-weight: bold;
    color: var(--colors-primary) !important;
    padding-inline: 0 !important;
}

.wpcf7-form-replace-submit .btn-arrow__label {
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    color: var(--colors-secondary) !important;
}

.wpcf7-form label {
    font-size: 1.125rem;
    margin-bottom: .35rem;
    color: var(--colors-secondary);
}

.wpcf7-form label[for=privacy] {
    color: #444;
}