@import "/pages/build/build.css";

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('/pages/build/fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/pages/build/fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/pages/build/fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/pages/build/fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/pages/build/fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/pages/build/fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}


/* ------------------------------------------------------------------------------- */
/* Stili vari -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.hidden {
    display: none;
}

#frmMain {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.myform {
    width: 100% !important;
}

.isvisible {
    display: block;
}

.isnotvisible {
    display: none;
}

.customgallery {
    max-width: 200px;
    max-height: 200px;
}

.clearfix {
    clear: both;
}

#cphContent_pnlExtraInfo, @cphContent_pnlExtraInfo ol {
    margin-left: 0 !important;
}

figcaption {
    margin-bottom: 1em;
    font-style: italic;
}

.garbageicon {
    border: none;
    width: 64px;
    height: 64px;
}

.nomargin{margin:0 !important;}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.cursor {
    cursor: pointer;
}

/* ------------------------------------------------------------------------------- */
/* Immagini ---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {
    .u-image {
        width: 100%;
    }
}

@media screen and (min-width: 641px) {
    .u-image {
        max-width: 75%;
    }
}

@media print {
    .u-image {
        max-width: 50%;
    }
}

/* ------------------------------------------------------------------------------- */
/* Microallineamento -------------------------------------------------------------*/
/* ------------------------------------------------------------------------------- */

.Header-titleLink {
    margin: 0 !important;
    line-height: 0.5em;
}

.u-subtitle {
    margin-left: 6px;
    margin-top: -15px;
    line-height: 1em;
}

/* ------------------------------------------------------------------------------- */
/* Vista ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media (min-width: 481px) {
    .u-background-view img {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .u-background-view {
        display: none;
    }
}

/* ------------------------------------------------------------------------------- */
/* Allineamenti ------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------- */
.u-align-left {
    float: left;
}

.u-align-right {
    float: right;
}

.u-align-center {
    text-align: center;
}

/* ------------------------------------------------------------------------------- */
/* Ci sono dei conflitti con gli stili, li forziamo ------------------------------ */
/* ------------------------------------------------------------------------------- */

.Breadcrumb-item:after {
    content: "\203A";
}

.Leads-link:after {
    content: "\203A";
}

.Headroom-hideme a:hover {
    color: #65dde0;
}

.Footer a:hover {
    color: #fff;
}

/* ------------------------------------------------------------------------------- */
/* Dimensioni massime degli stemmi ----------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.Header-logo {
    max-width: 75px;
    max-height: 80px;
}

.Footer-logo {
    max-width: 75px;
    max-height: 80px;
}

/* ------------------------------------------------------------------------------- */
/* Bootstrap --------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
.bootstrap-tabs ul, .row ul {
    list-style-type: square !important;
    list-style-position: inside !important;
}

.collapsible-item-body ul {
    list-style-type: square !important;
    list-style-position: inside !important;
}

.collapsible-item-body ol {
    list-style-type: decimal !important;
    list-style-position: inside !important;
}

/* ------------------------------------------------------------------------------- */
/* Blockquote ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.Prose-blockquote > p, .Prose-blockquote > ul > li, .Prose-blockquote > ol > li {
    font-size: 1.8rem !important;
    letter-spacing: .01em !important;
    font-style: italic !important;
    list-style-type: square !important;
    list-style-position: inside !important;
    color: #1c2024 !important;
}

/* ------------------------------------------------------------------------------- */
/* Margine negativo -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.u-margin-top-xs-negative {
    margin-top: -2px;
}

/* ------------------------------------------------------------------------------- */
/* Video responsive -------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.u-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

    .u-video iframe,
    .u-video object,
    .u-video embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/* ------------------------------------------------------------------------------- */
/* Colori ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------- */

.u-color-red {
    color: #f00 !important;
}

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

.u-color-black {
    color: #000 !important;
}

.u-color-cyan {
    color: #65dde0 !important;
}

/* ------------------------------------------------------------------------------- */
/* Stile tipo accordion ---------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.wrap-collabsible {
}

input[type='checkbox'] {
    display: none !important;
}

.lbl-toggle {
    display: block;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.25s ease-out;
    border: solid 1px #fff;
    border-radius: 7px;
    color: #06c !important;
}

    .lbl-toggle:hover {
        color: #8c343a;
        border: solid 1px #8c343a;
        border-radius: 7px;
    }

    .lbl-toggle::before {
        content: ' ';
        display: inline-block;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid currentColor;
        vertical-align: middle;
        margin-right: .7rem;
        transform: translateY(-2px);
        transition: transform .2s ease-out;
    }

.toggle:checked + .lbl-toggle::before {
    transform: rotate(180deg) translateX(-3px);
}

.collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 100000px;
}

.toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
    background-color: #eeeeee;
    border-bottom: 1px solid rgba(250, 224, 66, .45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: .5rem 1rem;
}

.checkbox, .radio {
    border: 0;
}

.label-checkbox, .label-radio {
    display: table-cell;
    font-weight: 400;
}

.content-inner ul li, .Prose ul li {
    list-style-position: inside;
    list-style-type: square;
}

    .content-inner ul li ul li, .Prose ul li ul li {
        list-style-position: inside;
        list-style-type: circle;
        margin-left: 1.5em;
    }

.wrap-collabsible ol li {
    list-style-position: inside !important;
    list-style-type: decimal
}

li.Grid-cell {
    list-style-type: none !important;
}
/* ------------------------------------------------------------------------------- */
/* Non stampare ------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------- */
@media print {
    .noprint {
        display: none;
    }
}

/* ------------------------------------------------------------------------------- */
/* Calendario -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

#calendar {
    padding: 5px 0;
    width: 100%;
    margin: 0 auto !important;
}
    #calendar table {
        width:100%;
    }

    #calendar td {
        margin: 0;
        padding: 0;
        border: solid 1px #c0c0c0;
    }

    #calendar tfoot td {
        border: none;
    }

        #calendar tfoot td#prev {
            text-align: left;
            font-weight: bold;
            border: none;
        }

            #calendar tfoot td#prev a {
                border: none;
            }

        #calendar tfoot td#next {
            text-align: right;
            font-weight: bold;
            border: none;
        }

            #calendar tfoot td#next a {
                border: none;
            }

.otherMonthDayStyle {
    background-color: lightgray;
    color: black;
    width: 14%;
    padding: 8px;
    text-align:center;
}

.DayStyle {
    background-color: white;
    color: black;
    width: 14%;
    padding: 8px;
    text-align: center;
}

.NextPrevStyle {
    background-color: white;
}

.TitleStyle {
    background-color: white;
    width:100%;
}

.SelectedDayStyle {
    color: #6600cc;
}

#calendar td {
    padding: 2px 0;
    margin: 0;
    text-align: center;
}

/* ------------------------------------------------------------------------------- */
/* Tooltip ----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

/* Tooltip container */
.tooltip-event {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    color: black;
}

   /* Tooltip container */
.tooltip-event {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
    .tooltip-event .tooltiptext {
        visibility: hidden;
        width: 400px;
        text-align: left;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }

/* Show the tooltip text when you mouse over the tooltip container */
    .tooltip-event:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip-event .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%; /* At the top of the tooltip */
        left: 60px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }

/* ------------------------------------------------------------------------------- */
/* Cerca ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.js-Header-search-trigger {
    color: #fff !important;
}

.Icon-search {
    color: #fff !important;
}

/* ------------------------------------------------------------------------------- */
/* Loading ----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    background-color: White;
    z-index: 999999;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

/* ------------------------------------------------------------------------------- */
/* Colori ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------- */

.text-danger {
    color: #d9364f !important
}
.bg-danger {
    background-color: #d9364f !important
}
.text-success {
    color: #008758
}
.text-primary {
    color: #0066cc
}
.text-warning {
    color: #a66300
}
.text-secondary {
    color: #5c6f82
}
.complementary-1-bg-a6 {
    color: #cc334a
}
.complementary-1-bg-b1 {
    color: #ff9900
}
.analogue-2-bg-a4 {
    color: #4fe0dc
}
.analogue-1-bg-a4 {
    color: #6b65e0
}

#iubenda-iframe-content input[type="checkbox"], #iubenda-iframe-content input[type="radio"] {
    display: initial !important;
}