:root {
    --font-primary: "Inter", sans-serif;
    --font-heading: "Mulish", sans-serif;
    --font-color: #333633;
    --color-muted: #F8F7F3;
    --color-primary: #1b3244;
    --color-secondary: #1b3244;
    --color-tertiary: #fff;
    --radius: 16px;
}

.text-white a {
    color: #fff !important;
}

#footer .section-contatti img {
    filter: invert(100%) sepia(0%) saturate(622%) hue-rotate(292deg) brightness(113%) contrast(100%);
}

.uk-badge {
    height: 18px;
    background: var(--color-primary);
    line-height: 18px;
}

div.wpforms-container-full:not(:empty) {
    margin: 0px !important;
}

.uk-section-primary {
    background-color: var(--color-primary);
}

.uk-section-secondary {
    background-color: var(--color-secondary);
}

.uk-section-muted {
    background-color: var(--color-muted);
}

.uk-modal-dialog, .uk-modal-close-full {
    background: var(--color-muted);
}

html {
    font-family: var(--font-primary);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.8;
    font-size: 16px;
    color: var(--font-color);
}

.accent {
    color: var(--color-secondary);
}

.uk-link, a, em, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    color: inherit;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle, .uk-nav-default>li>a {
    font-family: var(--font-heading);
    font-weight: 600;
    color: var(--font-color);
    text-transform: lowercase;
    font-size: 20px;
}

.uk-nav>li>a {
    padding: 8px 0;
}

.section-contatti img  {
    height: 20px;
}

.logo img {
    height: 55px;
}

.uk-height-large {
        height: 550px;
    }

@media (min-width: 960px) {

    .uk-navbar-nav {
        gap: 70px;
    }
}

.mobile-logo img {
    height: 30px;
}

.modal-mobile-header .uk-modal-close, #filters-modal .uk-modal-close {
    padding: 0;
    position: relative;
}

.mobile-header {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f8f8f8;
}

/*BUTTONS*/

.uk-button {
    font-weight: bold;
}

.uk-button-primary {
    background-color: var(--color-primary);
}

.uk-button-primary:hover {
    background-color: var(--color-secondary);
    color: var(--font-color);
}

.uk-button-secondary {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}

.form-fixed-button {
    position: fixed;
    bottom: 10px;
    left: 15px;
    right: 15px;
    z-index: 999;
}

/*CARD*/

.uk-card-default {
    background-color: var(--color-muted);
    box-shadow: none;
    border-radius: var(--radius);
}

.sv-border {
    border: 1px solid var(--color-primary);
    border-radius: var(--radius);
}

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    border-radius: var(--radius);
}

/*WP FORM*/

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: var(--color-secondary) !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    border-radius: 0px !important;
}

div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    background: var(--color-primary) !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

/*REVIEW*/

#review {
    background-image: url(/wp-content/themes/sv-theme/assets/images/quote-green.png);
    background-repeat: no-repeat;
    background-position: 45% 10%;
    background-size: 200px;
}

#review img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
}

/*OAK*/

.content-card-immobile h3 {
    font-size: 20px;
    font-weight: 600;
}

.price {
    font-weight: 600;
}

.card-image {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.content-card-immobile {
    background-color: var(--color-muted);
    padding: 40px 20px;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}

.tag-immobile a, .tag-immobile span {
    background: var(--color-secondary);
    color: #fff;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px 8px 8px 0;
}

.tag-immobile {
    left: -8px;
    position: absolute;
    z-index: 9;
    bottom: 20px;
}

.card-title {
    font-family: var(--font-primary);
    font-size: 18px !important;
}

.caratteristiche img {
    width: 30px;
}

.radius {
    border-radius: var(--radius);
    overflow: hidden;
}

/*GRID */

.uk-grid-collapse, .uk-grid-column-collapse {
    margin-left: -2px;
}

.uk-grid-collapse>*, .uk-grid-column-collapse>* {
    padding-left: 2px;
}

.uk-grid+.uk-grid-collapse, .uk-grid+.uk-grid-row-collapse, .uk-grid-collapse>.uk-grid-margin, .uk-grid-row-collapse>.uk-grid-margin {
    margin-top: 2px;
}

/*IMMOBILE*/

@media (max-width: 1200px) {
    .gallery .uk-height-large {
        height: 200px;
    }

    .gallery .uk-height-small {
        height: 100px;
    }
}

@media (max-width: 640px) {
    .uk-height-large {
        height: 400px;
    }
}