/**
 * @author Xiradorn
 * @since 1.0.0
 */

/*
  * Pure CSS tooltip based on
  * data-yos-tooltip ATTRIBUTE
  * also add a new tooltip with js
  */
.yos-tooltip, .yos-tooltip-js {
    position: relative;
}

.yos-tooltip:hover::before,
.yos-tooltip-opener:hover .yos-tooltip::before,
.yos-tooltip:active::before,
.yos-tooltip-opener:active .yos-tooltip::before {
    display: block;
    background: #1c1c1c;
    content: attr(data-yos-tooltip);
    padding: 10px;
    position: absolute;
    top: 10px;
    left: -20px;
    font-size: 12px;
    width: auto;
    color: #fff;
    line-height: 1em;
    border-radius: 6px;
    z-index: 10000 !important;
}

.yos-tooltip-mw:hover::before {
    min-width: 200px;
}

.yos-tooltip:hover::after,
.yos-tooltip-opener:hover .yos-tooltip::after,
.yos-tooltip:active::after,
.yos-tooltip-opener:active .yos-tooltip::after {
    position: absolute;
    display: block;
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #1c1c1c;
    top: -8px;
    left: -10px;
    z-index: 10000 !important;
}

/**
 * Attivate da javascript.
 * Sono specifiche per le tab
 */
.yos-tooltip-js .yos-tooltip-js-before {
    display: block;
    background: #1c1c1c;
    padding: 10px;
    position: absolute;
    top: 40px;
    left: -20px;
    font-size: 14px;
    width: 500px;
    max-width: 200px;
    color: #fff;
    line-height: 1em;
    border-radius: 6px;
    z-index: 10000 !important;
}

.yos-tooltip-js .yos-tooltip-js-after {
    position: absolute;
    display: block;
    border: 10px solid transparent;
    border-bottom: 10px solid #1c1c1c;
    top: 24px;
    left: -10px;
    z-index: 10000 !important;
}

/*
 * Yosada: colori per i soccial utilizzati
 * Attualmente usati nei testi, icone e label del calendario
 */
.yos-fb-color,
.yos-ico-fb-color {
    color: #304f85 !important;
}

.yos-is-color,
.yos-ico-is-color {
    color: #ff639e !important;
}

.yos-fb-bg-color,
.yos-fb-bg-br-calendar {
    background-color: #15a7ff !important;
}
.yos-fb-bg-br-calendar {
    border-color: #15a7ff !important;
}

.yos-fb-bg-calendar-new {
    background-color: #304f85 ;
    border-color:#304f85;
}
.yos-is-bg-calendar-new {
    background-color: #962fbf;
    border-color:#962fbf;
}

.yos-is-bg-br-calendar {
    background-color: #d62976  !important;
}

.yos-is-bg-br-calendar {
    border-color: #d62976 !important;
}

/**
 * Labels
 */
.yos-highlight {
    display: inline-block;
    margin-bottom: 5px;
}

/**
 * YOSADA Social Buttons and colors
 */
.yos-btn-facebook {
    color: white !important;
    background: #15a7ff !important;
}

.yos-btn-facebook-program {
    color: white !important;
    background: #304f85 !important;
}

.yos-btn-instagram {
    color: white !important;
    background: #d62976 !important;
}

.yos-btn-instagram-program {
    color: white !important;
    background: #962fbf !important;
}

.yos-btn-dark, .yos-btn-dark-program {
    color: white !important;
    background: #1c1c1c !important;
}

.yos-btn-facebook i,
.yos-btn-facebook-program i,
.yos-btn-instagram i,
.yos-btn-instagram-program i,
.yos-btn-dark i,
.yos-btn-dark-program i {
    color: white !important;
}

/**
 * Price point box
 */

#price_point_section header {
    cursor: pointer;
}

/*.yos-price-point-preview {
    display: block;
    width: 100%;
    height: 270px;
    position: relative;

    background: red;
}*/

.yos-layout-img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

#yos-price-point-preview, .yos-price-point-preview {
    border: 1px solid black;
    width: 1080px;
    height: 270px;
    position: relative
}

/*#yos-price-point-preview::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    content: "";
}*/

/**
 * Slider per price point system
 */

.yos--btns-container {
    padding: 40px;
}

.yos--btns-container .input-group {
    background: #f9f9f9 !important;
}

#yos-price-point-slider .yos--slider-arrows {
    opacity: 0;
    transition: opacity 200ms ease-in-out !important;
}

#yos-price-point-slider:hover .yos--slider-arrows {
    opacity: 1;
}

#yos-slider-prev, #yos-slider-next {
    line-height: 1em;
}

.yos-number-input, .yos-date-input {
    border: none;
    background: none;
    max-width: 100%;
    width: 100%;
    border-bottom: 1px solid #444444;
    text-align: right;
}

.yos-number-input:focus, .yos-number-input:focus-visible,
.yos-date-input:focus, .yos-date-input:focus-visible {
    border: none;
    background: none;
    border-bottom: 2px solid #1c1c1c;
}

.yos-main-choises, .yos-main-choises label {
    font-size: 30px;
}

.yos-pp-label {
    width: 50px;
    display: block;
    text-align: right;
}

.yos-text-20 {
    font-size: 22px !important;
    line-height: 22px !important;
}

#yos-price-point-container input[type="checkbox"],
#yos-price-point-container input[type="radio"] {
    transform: scale(1.5);
}

/**
 * Colori stati per lista contenuti
 */

.yos-bg-completata { background-color: #009fe3; text-decoration: none !important; }
.yos-bg-bozza { background-color: #ed9c28; text-decoration: none !important; }
.yos-bg-altro { background-color: #ed9c28; text-decoration: none !important; }
.yos-bg-attiva { background-color: #2eb155; text-decoration: none !important; }
.yos-bg-ferma { background-color: #fe0000; text-decoration: none !important; }
.yos-bg-disabilitato { background-color: #f6f6f6; color: #aaaaaa !important; cursor: default; text-decoration: none !important; pointer-events: unset; }
.yos-bg-secondario { background-color: #ffdbac; text-decoration: none !important; }
.yos-bg-light { background-color: #eeeeee; text-decoration: none !important; }
.yos-bg-pubblicato { background-color: #009fe3; text-decoration: none !important; }
.yos-bg-programmato { background-color: #4567a7; text-decoration: none !important; }
.yos-bg-yosada { background-color: #f39200; text-decoration: none !important; }

.yos-brd-completata { border-color: #009fe3 !important; }
.yos-brd-bozza { border-color: #ed9c28 !important; }
.yos-brd-altro { border-color: #ed9c28 !important; }
.yos-brd-attiva { border-color: #2eb155 !important; }
.yos-brd-ferma { border-color: #fe0000 !important; }
.yos-brd-disabilitato { border-color: #f6f6f6 !important; }
.yos-brd-secondario { border-color: #ffdbac !important; }
.yos-brd-light { border-color: #eeeeee !important; }
.yos-brd-pubblicato { border-color: #009fe3 !important; }
.yos-brd-programmato { border-color: #4567a7 !important; }
.yos-brd-yosada { border-color: #f39200 !important; }

/* Help elements */
.yos-object-fit-cover {
    object-fit: cover;
}