/**
 * Theme Name: YOOtheme Altea
 * Theme URI: https://altea-service.com
 * Description: Child theme di YOOtheme per www.ilpapaverodermohn.it. Sostituisce il colore primario #36afeb con #e13b26.
 * Author: Altea
 * Template: yootheme
 * Version: 1.0.0
 */

/*
rosso            #e13b26
rosso chiaro     #F8DBCE
rosso scuro hover #ae3526
*/


@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/fraunces-latin-variable.woff2') format('woff2-variations'), url('fonts/fraunces-latin-variable.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/fraunces-latin-ext-variable.woff2') format('woff2-variations'), url('fonts/fraunces-latin-ext-variable.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}

body {
    color: #000;
    font-size: 18px;
}

b, strong {
    font-weight: 600 !important;
}

.uk-text-secondary {
    color: #e13b26 !important;
}

p {
    /*  color:#000;*/
}

h1, h2, h3, h4, h5, h6,
.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 {
    font-family: 'Fraunces', serif !important;


}

.subtitle {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500 !important;
}

h1 {
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

h2 {
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

* + .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 {
    margin: 0 !important;
}

/* Solo mobile: margin azzerato su tutti i titoli + font-size h1 ridotto */
@media (max-width: 959px) {
    h1, h2, h3, h4, h5, h6,
    .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 {
        margin: 0 !important;
    }

    .uk-h1, h1 {
        font-size: 38px !important;
    }
}

[id^=anchor_] {
    scroll-margin-top: 200px;
}

::-moz-selection {
    color: #fff !important;
    background: #e13b26 !important;
}

::selection {
    color: #fff;
    background: #e13b26;
}

:focus:not(.focus-visible) {
    outline: 0;
    box-shadow: none;
}

:focus {
    outline: 0;
    box-shadow: none;
}

/*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  background: #e13b26;
  -webkit-border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical:active, ::-webkit-scrollbar-thumb:horizontal:active {
  background: #e13b26;
  -webkit-border-radius: 0;
}*/
/* Override di tutte le sfumature di azzurro (icone SVG incluse) con verde, interpolato tra #f8a535 (scuro) e #fab631 (chiaro), ancorato a #e13b26 per il colore primario */
body .uk-link, body a {
    color: #e13b26;
    text-decoration: none;
    cursor: pointer
}

body .uk-link-toggle:hover .uk-link, body .uk-link:hover, body a:hover {
    color: #f8a535;
    text-decoration: underline
}

body ::selection {
    background: #e13b26;
    color: #fff;
    text-shadow: none
}

body .uk-link-heading a:hover, body .uk-link-toggle:hover .uk-link-heading, body a.uk-link-heading:hover {
    color: #e13b26;
    text-decoration: none
}

body .uk-heading-bullet::before {
    content: "";
    display: inline-block;
    position: relative;
    top: calc(-.1 * 1em);
    vertical-align: middle;
    height: calc(4px + .8em);
    margin-right: calc(5px + .2em);
    border-left: calc(1px + .14em) solid #9dc49f
}

body .uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url("/wp-content/uploads/divider-icon.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

body .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 160px;
    max-width: 100%;
    border-top: 10px solid #9dc49f;
    vertical-align: top;
    background-image: url("/wp-content/uploads/divider-small.svg");
    border-color: transparent
}

body .uk-list-primary > ::marker {
    color: #dfeedf !important
}

body .uk-list-secondary > ::marker {
    color: #fab631 !important
}

body .uk-list-bullet > ::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 1.6em;
    background-image: url("/wp-content/uploads/list-bullet.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.tm-page .uk-grid-match .uk-icon {
    background-color: #fab631 !important;
    border-radius: 15px !important;
    padding: 15px !important;

}

.uk-navbar .uk-logo img {

}

.tm-page .uk-grid-match .uk-icon svg {
    color: #000 !important;
}

.tm-page .uk-grid-match img[src*="icon-m-graduation-cap"],
.tm-page .uk-grid-match img[src*="icon-m-file-text"] {
    box-sizing: border-box !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #fab631 !important;
    border-radius: 15px !important;
    padding: 15px !important;
}

.tm-page img[src*="icon-s-heart"] + svg, .tm-page img[src*="icon-s-family"] + svg,
.tm-page img[src*="colored-icon-s-users"] + svg,
.tm-page img[src*="icon-s-statoscope"] + svg {
    box-sizing: border-box !important;
    background-color: #fab631 !important;
    border-radius: 15px !important;
    padding: 15px !important;
    color: #000 !important;
}

.page-id-3051 {
    .tm-header {
        padding-bottom: 40px;
    }

    .tm-page .tm-header:not(.tm-header-mobile) {
        /*   top:0 !important;*/
        top: 6px !important;
    }

    .tm-page .uk-navbar-sticky .uk-logo img {

        top: 10px;
    }

    .uk-navbar .uk-logo img {
        width: 100px;
        /*    top:-10px;
            position:relative;*/
    }

    /* .tm-page img[src*="icon-s-heart"] + svg, .tm-page img[src*="icon-s-family"] + svg,
     .tm-page img[src*="colored-icon-s-users"] + svg,
     .tm-page img[src*="icon-s-statoscope"] + svg {
         box-sizing: border-box !important;
         background-color: #F8DBCE !important;
         border-radius: 15px !important;
         padding: 15px !important;
         color: #e13b26 !important;






     }*/
    /*.uk-text-primary {
        color: #e13b26 !important;
    }*/

}

.tm-page .uk-grid-match img[src*="icon-xs-mug-hot"],
.tm-page .uk-grid-match img[src*="icon-xs-book"],
.tm-page .uk-grid-match img[src*="neomorphic-icon-m-refresh-user"],
.tm-page .uk-grid-match img[src*="icon-xs-single-bed"],
.tm-page .uk-grid-match img[src*="icon-xs-tv"],
.tm-page .uk-grid-match img[src*="icon-s-rocking-chair"],
.tm-page .uk-grid-match img[src*="icon-s-family"],
.tm-page .uk-grid-match img[src*="icon-s-statoscope"] {
    box-sizing: border-box !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #fab631 !important;
    border-radius: 15px !important;
    padding: 15px !important;
}


body .uk-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -9px;
    height: 18px;
    width: 18px;
    border-radius: 500px;
    background: #9dc49f;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/range-thumb.svg")
}

.foo-text, .foo-text p, .foo-text a, .foo-text li {
    font-size: 15px;
}

body .uk-range::-moz-range-thumb {
    border: none;
    height: 18px;
    width: 18px;
    margin-top: -9px;
    border-radius: 500px;
    background: #d88a81;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/range-thumb.svg")
}

body .uk-checkbox:checked, body .uk-checkbox:indeterminate, body .uk-radio:checked {
    background-color: #e13b26
}

body .uk-checkbox:checked:focus, body .uk-checkbox:indeterminate:focus, body .uk-radio:checked:focus {
    background-color: #e13b26
}


body .uk-button-primary,
body .uk-button-primary:hover {

    font-weight: bold;
}

body .uk-button-text {
    padding: 0;
    line-height: 1.6;
    background: 0 0;
    color: #e13b26;
    position: relative;
    padding-right: 40px
}

body .uk-button-text::after {
    background-image: url("/wp-content/uploads/button-text.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%
}

body .uk-button-text:hover {
    color: #e13b26
}

body .uk-button-text:hover:not(:disabled)::after {
    background-image: url("/wp-content/uploads/button-text-hover.svg");
    background-position: 100% 50%
}

body .uk-progress::-webkit-progress-value {
    background-color: #d88a81;
    transition: width .6s ease
}

body .uk-progress::-moz-progress-bar {
    background-color: #d88a81;
    transition: width .6s ease
}

body .uk-section-primary {
    --uk-inverse: dark;
    background: #dfeedf
}

body .uk-section-secondary {
    --uk-inverse: dark;
    background: #fab631
}

body .uk-section-overlap + .uk-section-primary::before, body :is(:has( > .uk-section-overlap:last-child)) + * > .uk-section-primary:first-child::before, body :is(:has( > .uk-section-overlap:last-child)) + * > :not([class*=uk-section]):first-child + .uk-section-primary::before, body :is(:has( > .uk-section-overlap:last-child)) + * > :not([class*=uk-section]):first-child + :not([class*=uk-section]) + .uk-section-primary::before {
    background-image: url("/wp-content/uploads/section-overlap-primary.svg")
}

body .uk-section-overlap + .uk-section-secondary::before, body :is(:has( > .uk-section-overlap:last-child)) + * > .uk-section-secondary:first-child::before, body :is(:has( > .uk-section-overlap:last-child)) + * > :not([class*=uk-section]):first-child + .uk-section-secondary::before, body :is(:has( > .uk-section-overlap:last-child)) + * > :not([class*=uk-section]):first-child + :not([class*=uk-section]) + .uk-section-secondary::before {
    background-image: url("/wp-content/uploads/section-overlap-secondary.svg")
}

body .uk-tile-primary {
    --uk-inverse: dark;
    background-color: #dfeedf
}

body .uk-tile-secondary {
    --uk-inverse: dark;
    background-color: #fab631
}

body .uk-card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    height: 24px;
    padding: 0 12px;
    background: #b3d2b4;
    color: #333;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-weight: 300;
    background-color: transparent !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/wp-content/uploads/card-badge.svg")
}

body .uk-card-hover:not(.uk-card-default,body .uk-card-primary,body .uk-card-secondary,body .uk-card-overlay):hover {
    background-color: #fff;
    border-image-slice: 3% fill !important;
    border-image-width: 10px !important;
    border-image-repeat: stretch !important;
    border-color: #d88a81;
    border-image-source: url("/wp-content/uploads/card-hover.svg")
}

body .uk-card-default {
    --uk-inverse: dark;
    background-color: #fff;
    color: #666;
    border-image-slice: 3% fill !important;
    border-image-width: 10px !important;
    border-image-repeat: stretch !important;
    border: 10px solid #d88a81;
    border-image-source: url("/wp-content/uploads/card-hover.svg")
}

body .uk-card-default.uk-card-hover:hover {
    background-color: #fff;
    border-color: #d88a81;
    border-image-source: url("/wp-content/uploads/card-default-hover.svg")
}

body .uk-card-primary {
    --uk-inverse: dark;
    background-color: transparent;
    color: #666;
    border-image-slice: 3% fill !important;
    border-image-width: 10px !important;
    border-image-repeat: stretch !important;
    border: 10px solid #dfeedf;
    border-image-source: url("/wp-content/uploads/card-primary.svg")
}

body .uk-card-primary.uk-card-hover:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #d88a81;
    border-image-source: url("/wp-content/uploads/card-primary-hover.svg")
}

body .uk-marker {
    padding: 5px;
    background: #e13b26;
    color: #fff;
    transition: .1s ease-in-out;
    transition-property: color, background-color;
    border-radius: 500px
}

body .uk-alert-primary {
    background: #dfeedf;
    color: #e13b26
}

body .uk-badge {
    box-sizing: border-box;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: #d88a81;
    color: #333 !important;
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    line-height: 0;
    letter-spacing: 0
}

body .uk-label {
    display: inline-block;
    padding: 0 10px;
    background: #d88a81;
    line-height: 1.6;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 300
}

body .uk-comment-meta {
    font-size: 14px;
    line-height: 1.4;
    color: #e13b26;
    font-weight: 300
}

body .uk-comment-primary {
    padding: 30px;
    background-color: #fab631
}

body .uk-search-toggle:hover {
    color: #e13b26
}

body .uk-accordion-default .uk-accordion-title:hover {
    color: #e13b26;
    text-decoration: none
}

body .uk-notification-message-primary {
    color: #e13b26;
    background-color: #dfeedf
}

body .uk-nav-default > li > a:hover {
    color: #e13b26
}

body .uk-nav-default > li.uk-active > a {
    color: #e13b26
}

body .uk-nav-primary > li > a:hover {
    color: #e13b26
}

body .uk-nav-primary > li.uk-active > a {
    color: #e13b26
}

body .uk-nav-secondary > li > a:hover {
    color: #e13b26
}

body .uk-nav-secondary > li.uk-active > a {
    color: #e13b26
}

body .uk-nav-secondary > li > a:hover .uk-nav-subtitle {
    color: #e13b26
}

body .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle {
    color: #e13b26
}

body .uk-nav-secondary .uk-nav-sub a:hover {
    color: #e13b26
}

body .uk-nav-secondary .uk-nav-sub li.uk-active > a {
    color: #e13b26
}

body .uk-navbar-nav > li:hover > a::before, body .uk-navbar-nav > li > a[aria-expanded=true]::before {
    background-color: #dfeedf;
    background-image: url("/wp-content/uploads/menu-bg.svg")
}

body .uk-navbar-nav > li > a:active::before {
    background-color: #c4ddc5;
    background-image: url("/wp-content/uploads/menu-bg.svg")
}

body .uk-navbar-nav > li.uk-active > a::before {
    background-color: #dfeedf;
    background-image: url("/wp-content/uploads/menu-bg.svg")
}

body .uk-navbar-toggle:hover, body .uk-navbar-toggle[aria-expanded=true] {
    color: #e13b26;
    text-decoration: none
}

body .uk-navbar-dropdown-nav > li > a:hover {
    color: #e13b26
}

body .uk-navbar-dropdown-nav > li.uk-active > a {
    color: #e13b26
}

.uk-navbar-dropdown {
    padding: 20px !important;
}

.tm-page .uk-navbar-nav > li.uk-parent > a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-bottom: 2px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.5;
    vertical-align: middle;
}

body .uk-subnav > * > a:hover {
    color: #e13b26;
    text-decoration: none
}

body .uk-subnav > .uk-active > a {
    color: #e13b26
}

body .uk-subnav-pill > .uk-active > a {
    background-color: transparent;
    color: #333;
    border-color: #d88a81;
    border-image-source: url("/wp-content/uploads/subnav-pill-active.svg")
}

body .uk-pagination > * > :hover {
    color: #333;
    text-decoration: none;
    background-color: #dfeedf;
    background-image: url("/wp-content/uploads/pagination-active.svg");
    transition-property: none
}

body .uk-pagination > .uk-active > * {
    color: #333;
    background-color: #dfeedf;
    background-image: url("/wp-content/uploads/pagination-active.svg");
    transition-property: none
}

body .uk-tab > .uk-active > a {
    color: #333;
    border-color: #d88a81;
    border-image-source: url("/wp-content/uploads/tab-active-horizontal.svg");
    border-image-slice: 13
}

body .uk-tab-left > .uk-active > a, body .uk-tab-right > .uk-active > a {
    border-image-source: url("/wp-content/uploads/tab-active-vertical.svg");
    border-image-slice: 13
}

body .uk-dotnav > * > :hover {
    background-color: transparent;
    border-color: #e13b26
}

body .uk-dotnav > .uk-active > * {
    background-color: transparent;
    border-color: #e13b26
}

body .uk-dropdown-nav > li.uk-active > a, body .uk-dropdown-nav > li > a:hover {
    color: #e13b26;
    background-color: transparent
}



body .uk-background-primary {
    background-color: #dfeedf
}

body .uk-background-secondary {
    background-color: #fab631
}

.uk-navbar-nav > li > a {
    color: #000 !important;
}

body .uk-light .uk-navbar-nav > li:hover > a::before, body .uk-light .uk-navbar-nav > li > a[aria-expanded=true]::before {
    background-color: #e13b26
}

body .uk-light .uk-navbar-nav > li:hover > a::before, body .uk-light .uk-navbar-nav > li > a[aria-expanded=true]::before {
    background-image: url("/wp-content/uploads/menu-bg.svg")
}

body .uk-light .uk-navbar-nav > li > a:active::before {
    background-color: #f8a535
}

body .uk-light .uk-navbar-nav > li > a:active::before {
    background-image: url("/wp-content/uploads/menu-bg.svg")
}

body .uk-light .uk-navbar-nav > li.uk-active > a::before {
    background-color: #e13b26
}

body .uk-light .uk-navbar-nav > li.uk-active > a::before {
    background-image: url("/wp-content/uploads/menu-bg.svg")
}

body .tm-toolbar-default {
    background: #fab631
}

body .tm-box-decoration-default::before {
    transform: translate(0, 0);
    background-color: #d88a81
}

body .tm-box-decoration-default::before {
    border-image-source: url("/wp-content/uploads/card-hover.svg")
}

body .tm-box-decoration-primary::before {
    transform: translate(0, 0);
    background-color: #d88a81
}

body .tm-box-decoration-primary::before {
    border-image-source: url("/wp-content/uploads/box-decoration-primary.svg")
}

body .tm-box-decoration-secondary::before {
    transform: translate(0, 0);
    background-color: #d88a81
}

body .tm-box-decoration-secondary::before {
    border-image-source: url("/wp-content/uploads/box-decoration-primary.svg")
}

body .tm-transition-border::after {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
    transition: .1s ease-in-out;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    transition-property: border-color, border-width;
    border: 0 solid #dfeedf
}

body .uk-transition-toggle:focus .tm-transition-border::after, body .uk-transition-toggle:focus.tm-transition-border::after, body .uk-transition-toggle:hover .tm-transition-border::after, body .uk-transition-toggle:hover.tm-transition-border::after {
    border-width: 10px;
    border-color: #dfeedf
}


.tm-page .uk-navbar-container,
.tm-page .uk-navbar,
.tm-page .uk-navbar-left,
.tm-page .uk-navbar-right,
.tm-page .uk-navbar-nav,
.tm-page .uk-navbar-nav > li,
.tm-page .uk-navbar-nav > li > a {
    /* height: 40px !important;
     min-height: 40px !important;*/
}

.tm-page .uk-navbar-container,
.tm-page .uk-navbar,
.tm-page .uk-navbar-left,
.tm-page .uk-navbar-right,
.tm-page .uk-logo {
    overflow: visible;
}

.tm-page .uk-logo {
    display: flex;
    align-items: flex-start;
    height: 100px !important;
}


.tm-page .tm-header:not(.tm-header-mobile) {
    top: 30px !important;
    min-height: 100px;
}

.tm-page .uk-sticky.uk-sticky-fixed {
    top: 0;


}

@media (min-width: 960px) {
    .uk-navbar-nav {
        gap: 10px !important;
    }
}

/* Con la navbar in stato "sticky" (classe applicata da UIkit allo scroll,
   al posto di uk-navbar-transparent) mostriamo solo il fiore al posto del
   logo intero, centrato nella barra ormai bassa. */
.tm-page .uk-navbar-sticky .uk-logo {
    align-items: center;
}

.tm-page .uk-navbar-sticky .uk-logo img {
    content: url("/wp-content/uploads/logo-fiore.png");
    width: 50px;
    height: 50px;
    position: relative;
    top: 0;
}

.page-id-3047 {
    background-color: #fff;

    .tm-header {
        background-color: #fff;
    }

    .uk-navbar-left {
        display: none;
    }
}

.hero-hp {
    min-height: 700px;


}

.hero-hp {
    .uk-background-cover {
        min-height: 700px !important;
    }
}

/* Solo mobile: inverte l'ordine tra colonna-sx e colonna-dx (classi assegnabili da YOOtheme sulle colonne del grid) */
@media (max-width: 959px) {
    .colonna-dx {
        order: -1;
    }
}


.desktop-big-desktop {
    display: block !important;
}

.desktop-big-desktop .uk-background-top-right {
    background-size: 1000px;
}

.tablet-mobile {
    display: none !important;
}

.variabile img {
    @media (max-width: 1399px) {
        max-width:400px;
    }

    @media (max-width: 890px) {
        display:none;
    }
}

.no-mob {

}

@media (max-width: 1399px) {
    .desktop-big-desktop {
        /*display: none !important;*/

    }

    .desktop-big-desktop .uk-background-top-right {
        background-size: 800px;
    }

    .tablet-mobile {
        display: block !important;
    }


    .tablet-mobile {
        background-image: url("/wp-content/uploads/immagine-homepage.svg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 45vw;
    }
}

@media (max-width: 1210px) {

    .desktop-big-desktop .uk-background-top-right {
        background-size: 500px;
    }
}

/* Sotto i 768px (mobile) l'immagine passa in cima a piena larghezza e logo/
   testo scendono sotto invece di restare dietro al testo: background-size in
   vw + padding-top con lo stesso rapporto (618.87/1008.99 = 0.613 dell'SVG
   originale) riservano lo spazio esatto perche' il contenuto non ci si
   sovrapponga. */
@media (max-width: 767px) {
    .tablet-mobile {
        background-position: top center;
        background-size: 88vw auto;
        padding-top: calc(54vw + 20px);
    }
}

/* Barra "Sei entrato come ... Esci" in fondo all'area riservata.
   Il testo era uk-text-meta, quindi piccolo e grigio: qui diventa nero, un
   filo piu' grande del corpo del testo, su una fascia rosso molto chiaro che
   occupa tutta la larghezza del contenuto. */
.area-riservata-sessione {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    background-color: #fceeea;
    color: #000;
    font-size: 1.1rem;
    line-height: 1.5;
}

.area-riservata-sessione a {
    color: #e13b26;
    text-decoration: underline;
}

.area-riservata-sessione a:hover,
.area-riservata-sessione a:focus {
    color: #ae3526;
}

/* Cornice decorativa attorno al contenuto della pagina Area riservata.
   La scorciatoia "border" azzera border-image, quindi va dichiarata PRIMA
   delle border-image-*: cosi' la cornice regge anche senza gli !important. */
#post-3822 {
    border: 10px solid #dfeedf;
    border-image-source: url(/wp-content/uploads/card-primary.svg);
    border-image-slice: 3% fill !important;
    border-image-width: 10px !important;
    border-image-repeat: stretch !important;
    padding: 30px;
    margin: 30px;
}

/* Su schermo stretto 30px di margine + 30px di padding per lato lasciano
   troppo poco spazio al testo: la cornice resta, il respiro si riduce. */
@media (max-width: 639px) {
    #post-3822 {
        padding: 20px;
        margin: 20px 0;
    }
}

/* ==========================================================================
   Correzioni mobile/tablet (<= 959px) per hero homepage e sezione onda
   ========================================================================== */

/* Hero: sotto i 959px l'immagine di sfondo passa a piena larghezza in alto e
   logo + titolo scendono sotto, senza sovrapposizioni. Il padding-top riserva
   lo spazio esatto dell'immagine: l'SVG ha viewBox 1008.99 x 618.87, quindi
   con background-size 100vw l'altezza vale 100vw * (618.87/1008.99) = 61.3vw. */
@media (max-width: 959px) {
    .desktop-big-desktop .uk-background-top-right {
        background-position: top center;
        background-size: 100vw auto;
        padding-top: calc(61.3vw + 30px);
    }
}

/* Sezione onda: sotto i 959px il fiore grande di sfondo non va mostrato
   (background-image e background-size sono inline sull'elemento, servono
   quindi gli !important). */
@media (max-width: 959px) {
    .sezione-onda .uk-background-top-right {
        background-image: none !important;
    }
}

/* Pulsante "Area riservata" nell'header (menu WP "Toolbar Right" -> posizione Header) */
/* Il li eredita l'altezza piena della navbar (flex stretch di UIkit): senza
   queste due regole lo sfondo rosso dell'ancora si allunga per tutta la barra
   invece di restare alto quanto il bottone (padding + testo). */
.uk-navbar-nav > li.btn-area-riservata {
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
}

.uk-navbar-nav > li.btn-area-riservata > a {
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
}

.btn-area-riservata > a {
    background-color: #e13b26 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    margin: 0 !important;
}

.uk-navbar-nav > li.btn-area-riservata > a {
    color: #fff !important;
}

.btn-area-riservata a {
    color: #fff !important;
}

.btn-area-riservata > a:hover,
.btn-area-riservata > a:focus {
    background-color: #b52e1a !important;
    color: #fff !important;
}

.bg-contorno {
    background-color: transparent;
    color: #666;
    border-image-slice: 3% fill !important;
    border-image-width: 10px !important;
    border-image-repeat: stretch !important;
    border: 10px solid #dfeedf;
    border-image-source: url(/wp-content/uploads/card-primary.svg);
}

/*
 * Il form di form-manager.altea-service.it si disegna dentro uno shadow root:
 * il CSS di questo file non lo raggiunge, !important compreso. I colori del
 * bottone stanno quindi in functions.php, che li inietta oltre il confine.
 */