/* Tenant farmademo: logo, font e colori di AmaSalus (https://amasalus.it, tema Flatsome).
   Blu ardesia #32445a testo e primario, arancio #f26f43 pulsanti e richiami, verde acqua #25cfb4 link e accento del logo.
   Footer chiaro come sul loro sito, con la barra del copyright blu ardesia. */

/* Parkinsans dalla cartella del tenant (stessi file e intervalli di caratteri di amasalus.it): nessuna richiesta a server esterni */
@font-face {
    font-family: 'Parkinsans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/parkinsans-latin.woff2') format('woff2');
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Parkinsans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/parkinsans-latin-ext.woff2') format('woff2');
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --body-font: 'Parkinsans', sans-serif;
    --heading-font: 'Parkinsans', sans-serif;
    --theme-color: #f26f43;            /* arancio: pulsanti e richiami */
    --theme-color-light: #f2f2f2;      /* grigio delle sezioni chiare di AmaSalus */
    --theme-color2: #32445a;           /* blu ardesia: testo e primario */
    --color-dark: #32445a;
    --body-text-color: #32445a;
    --amasalus-teal: #25cfb4;
    --amasalus-yellow: #f0c808;
    --amasalus-nav: rgba(74, 74, 74, .85);
    --amasalus-nav-active: rgba(18, 18, 18, .85);
    --footer-bg: #f2f2f2;
    --footer-text-color: #32445a;
}

/* Barra in alto: niente bordo arancio, icone verde acqua */
.header-top {
    border-top: none;
}

.header-top-list li i {
    color: var(--amasalus-teal);
}

.header-top-list li a:hover,
.header-top-social a:hover {
    color: var(--amasalus-teal);
}

.header-top-social span,
.header-top-social a {
    color: var(--color-dark);
}

/* Ricerca e icone di utente e carrello: neutre, l'arancio resta al contatore del carrello */
.header-middle-search .search-content {
    border-color: rgba(50, 68, 90, .2);
}

.header-middle-search .search-content:hover {
    border-color: var(--theme-color2);
}

.header-middle-list .list-item-icon {
    background: var(--theme-color-light);
    color: var(--theme-color2);
}

/* Menu: header bianco con ombra e voci maiuscole grigio scuro, come amasalus.it */
.navbar {
    background: var(--color-white);
    border-top: 1px solid var(--border-info-color);
    box-shadow: rgba(0, 0, 0, .15) 1px 1px 10px 0px;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .nav-link,
    .navbar.fixed-top .nav-item .nav-link {
        color: var(--amasalus-nav);
        font-size: 12.8px;
        font-weight: 700;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .navbar .nav-item .nav-link.active,
    .navbar .nav-item:hover .nav-link,
    .navbar.fixed-top .nav-item .nav-link.active,
    .navbar.fixed-top .nav-item:hover .nav-link {
        color: var(--amasalus-nav-active);
    }

    .nav-right-link,
    .nav-right-link:hover {
        color: var(--color-dark) !important;
    }
}

/* Slider: sezione grigio chiaro, forma verde acqua, sottotitolo arancio in grassetto senza nastro */
.hs-1 .hero-slider {
    background: var(--theme-color-light);
}

.hs-1 .hero-slider::before {
    background: var(--amasalus-teal);
}

.hs-1 .hero-single .hero-content .hero-sub-title {
    background: transparent;
    color: var(--theme-color);
    padding: 0;
    clip-path: none;
}

/* Icone di categorie e servizi nei tre colori delle schede di amasalus.it: arancio, giallo, verde acqua */
.owl-item:nth-child(3n+2) .category-info .icon,
.feature-wrap .col-12:nth-child(3n+2) .feature-icon {
    background: var(--amasalus-yellow);
}

.owl-item:nth-child(3n+2) .category-info .icon::before,
.feature-wrap .col-12:nth-child(3n+2) .feature-icon::before {
    border-color: var(--amasalus-yellow);
}

.owl-item:nth-child(3n) .category-info .icon,
.feature-wrap .col-12:nth-child(3n) .feature-icon {
    background: var(--amasalus-teal);
}

.owl-item:nth-child(3n) .category-info .icon::before,
.feature-wrap .col-12:nth-child(3n) .feature-icon::before {
    border-color: var(--amasalus-teal);
}

/* Testi secondari e link: su amasalus.it i link sono verde acqua e al passaggio blu ardesia */
.category-info .content p {
    color: rgba(50, 68, 90, .7);
}

.site-heading-inline a,
.blog-item-meta ul li i {
    color: var(--amasalus-teal);
}

.site-heading-inline a:hover,
.blog-item-meta a:hover {
    color: var(--theme-color2);
}

.blog-date {
    background: var(--theme-color2);
}

.footer-contact li i {
    background: var(--amasalus-teal);
}

/* Pulsanti: al passaggio del mouse blu ardesia (il tema usa --color-red, che serve anche per gli errori) */
.theme-btn::before {
    background: var(--theme-color2);
}

/* Logo orizzontale (1022x111): piu' largo del predefinito per restare leggibile */
.navbar-brand img {
    width: 230px;
}

@media all and (max-width: 991px) {
    .navbar-brand img {
        width: 170px;
    }
}

/* Footer chiaro: stesse regole della variante footer-area2 del tema medion */
.ft-bg::before {
    background-image: none;
}

.footer-logo img {
    width: 170px;
}

/* I social restano con i colori del tema: stanno nella barra del copyright, scura */
.footer-widget-title,
.footer-widget-box p,
.footer-download h5,
.footer-payment span {
    color: var(--color-dark);
}

.footer-widget-title::after {
    background: rgba(50, 68, 90, .15);
}

.footer-list li a,
.footer-contact li,
.footer-contact li a {
    color: var(--body-text-color);
}

.footer-list li a:hover,
.footer-contact li a:hover {
    color: var(--amasalus-teal);
}

/* Barra del copyright blu ardesia, testo bianco, link verde acqua */
.copyright {
    background: var(--theme-color2);
}

.copyright-wrap {
    border-top: none;
}

.copyright .copyright-text {
    color: rgba(255, 255, 255, .8);
}

.copyright .copyright-text a {
    color: var(--amasalus-teal);
}
