:root {
    
   
    --grigio: rgba(60, 79, 100, 0.3);
    --marrone: #1D160F;
    --marroncino: #BA7826;
    --grigioscuro: #354557;
   
    --gialloscuro: #ecd41b;
   
    --grigietto: #6D7C86;
    --grigino: #F4F4F4;
    --grigiotesti: #303E47;
    --colmappa: #283147;
    --linee: #707070;
    
   
    --padding-tb: 100px;
    --padding-tb-s: 50px;
    --pad-dx: 100px;
    --collogo: calc(100% / 8);
    --gialloforte: #FFF500;

}


@media all and (max-width: 1200px) {
    :root {
    
        --pad-dx: 10px;
    }
}

@media all and (max-width: 1000px) {
    :root {
        --padding-tb: 50px;
        --pad-dx: 10px;
        --collogo: calc(100% /6);
    }
}

@media all and (max-width: 600px) {
    :root {

        --collogo: calc(100% / 4);
    }
}

*,
*:after,
*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100vw;
    overflow-x: hidden;
}

body {
    position: relative;
    font-family: 'Raleway', sans-serif;
    text-align: left;
    overflow-x: hidden;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


h1,
h2,
h3,
h4,
h5,a,p {
    color: black;
}
button {
    background-color: transparent;
    border: none;
}



a,
button {
    font-family: "Inter", serif;

}



.underline_titolo em,
.itinerario_titolo em,
.underline {
    position: relative;
    display: inline-block;
    backdrop-filter: drop-shadow(10px 10px #000);
    -webkit-backdrop-filter: drop-shadow(10px 10px #000);
}

.underline_titolo em:after,
.itinerario_titolo em:after,
.underline:after {
    content: "";
    display: block;
    position: absolute;
    height: 8px;
    bottom: 0;
    width: 100%;
    background-color: var(--gialloforte);
    transform: translateY(-4px) skew(-12deg);
    z-index: -1;   
}


.btn-close {
    border: 2px solid var(--marroncino);
    border-radius: 50%;
}

.container-modal-custom {
    position: relative;
    display: flex;
    align-self: center;
    width: 100%;
    max-width: 1000px;
}

.modal-header.container-modal-custom,
.modal-body.container-modal-custom {
    flex-direction: column;
}

#modal-body-int {
    margin-top: 20px;
    align-self: flex-start;
}

.container-modal-custom .modal-title {
    width: 100%;
}


/*BREADCRUMBS*/
#breadcrumbs {
    font-size: 14px;
    text-transform: lowercase;
}

#breadcrumbs a {
    text-decoration: underline;
    
}

.separator {
    font-size: 10px;
   
}



@media only screen and (max-width: 1100px) {
    #breadcrumbs {
        font-size: 12px;
        line-height: 12px;
    }
}

@media only screen and (max-width: 900px) {
    #breadcrumbs {
        font-size: 10px;
        line-height: 12px;
    }
}

/*MAIN*/
#main {
    /* padding-top:100px; */
    overflow: hidden;
    /* overflow-x: hidden; */
    display: flex;
    flex-direction: column;
}



.banner-info {
    display: flex;
    flex-direction: column;
    
    padding: 80px 0;
}

.banner-info.grigio {
   
    padding: 0;
    position: relative;
    min-height: 30vw;
    justify-content: center;
}


.banner-info.grigio .img-cont {
    min-height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.banner-info.grigio .img-cont img {
    object-fit: contain;
}

.banner-info p {
    color: #fff;
}

.banner-info.grigio p {
    color: black;
}

.banner-info a {

    font-style: italic;
    color: black;
    text-decoration: underline;
}
 
@media only screen and (max-width: 720px) {
    #main {
        padding-top: 0;
    }
 

    .banner-info.grigio .img-cont {
        min-height: 300px;
        position: relative;
        width: 100%;
    }
}
 
 

@media only screen and (max-width: 900px) {

    #breadcrumbs {
        font-size: 10px;
    }

}



/*LAZY BLOCKS*/
 

a.link::before {
    font-family: "Material Icons";
    content: "\e157";
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.grigio-sfondi {
    background-color: var(--grigino);
}


.loghi h2 {
    font-size: 20px;
    line-height: 20px;
}



/*FOOTER*/
footer a,
footer p,
footer h2 {

    font-size: 12px;
}

.footer {
    display: flex;
    flex-direction: column;

}

.foot-img-cont img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.seguici a {
    text-decoration: none;
    font-size: 50px;
    color: #303E47;
}

footer h2 {
    margin-top: 20px;
    font-size: 20px;
    
    padding-bottom: 5px;
    margin-right: 20px;
}
footer .footerDati h2{
    border-bottom: 1px solid #c7c7c7;
}
.placeholder {
    height: 50px;
}

footer .dati p {
    line-height: 18px;
}

footer #ex-link li {
    padding-right: 20px;
}

.sponsor_logos img {
    width: var( --collogo);
    height: auto;
}

/*COMMONS*/


.lista a {
    margin-left: 34px;
    font-family: 'Roboto', serif;
    text-decoration: none;
    color: black;
}

ol.lista {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0;
    padding: 0;
}

ol.lista li {
    counter-increment: my-awesome-counter;
    display: flex;
    margin-bottom: 0.5rem;
}

ol.lista li::before {
    position: absolute;
    content: "0" counter(my-awesome-counter) ".";
    font-weight: bold;
    font-family: 'Roboto', serif;
    border-radius: 50%;
}

 
.img-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 300px;
}

.img-cont.minH {
    min-height: 600px;
    width: 80%;

    align-self: center;

    margin: 40px auto;
}

.img-cont img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#popup .pallino {
    margin-bottom: 20px;
    margin-top: 0;
    width: 100px;
}


/*CUSTOM BLOCKS*/

.splide__arrow.hide,
.splide__pagination.hide {
    display: none;
}

.splide__pagination{
    position: relative;
    padding: 20px;
    bottom:initial;
}
.splide__arrow{
    top:100%;
    transform: translateY(-130%);
    background-color: transparent;
}
.splide__pagination__page{
    width: 14px;
    height: 14px;
    background-color: var(--bs-yellowSA);
}
.splide__pagination__page.is-active{
    background-color: #6D7C86;
    pointer-events: none;
}
/* .frasi-carosello .splide__slide:nth-child(even){
    margin-top: 80px;
} */
.frasi-carosello .frase.splide__slide:nth-child(even) {
    justify-content: flex-end;
}


.frase p {
    z-index: 2;
}

.elenco .splide__arrow {
    background-color: transparent;
}

.splide__arrow--prev {
    left: 0
}

.splide__arrow--next {
    right: 0
}

#banner-header .splide__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px;
}





.search-main span.fa {
    font-size: 40px;
}

.pagination-search {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
}

.pagination-search .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: black;
    width: 40px;
    height: 40px;
    border: 1px solid var(--linee);
    border-radius: 5px;
    margin: 0 5px;
}

.pagination-search span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: var(--grigietto);
    width: 40px;
    height: 40px;
    border: 1px solid var(--linee);
    border-radius: 5px;
    margin: 0 10px;
}

.nextAP,
.prevAP {
    cursor: pointer;
    margin: 0 10px;
}

.pagination-search .page-numbers.pAP.current {
    background-color: var(--grigietto);
}

.pagination-search .page-numbers.pAP:not(.current) {
    cursor: pointer;
    ;
}

@media only screen and (max-width: 900px) {

    

    .splide__slide {
        height: auto;
    }
}



.material-icons-outlined {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}


@font-face {
    font-family: 'icomoon';
    src:
        url('fonts/icomoon.ttf?rty96n') format('truetype'),
        url('fonts/icomoon.woff?rty96n') format('woff'),
        url('fonts/icomoon.svg?rty96n#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="fa-"],
[class*=" fa-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-i-asolo:before {
    content: "\e901";
}

.fa-i-camposampiero:before {
    content: "\e902";
}

.fa-i-gemona:before {
    content: "\e903";
}

.fa-i-majano:before {
    content: "\e904";
}

.fa-i-monterealevalcellina:before {
    content: "\e905";
}

.fa-i-padova:before {
    content: "\e906";
}

.fa-i-polcenigo:before {
    content: "\e907";
}

.fa-i-sacile:before {
    content: "\e908";
}

.fa-i-sequals:before {
    content: "\e909";
}

.fa-i-susegana:before {
    content: "\e90a";
}

.fa-i-vidor:before {
    content: "\e90b";
}

.fa-i-vittorioveneto:before {
    content: "\e90c";
}

.fa-i-santantonio:before {
    content: "\e900";
    color: #c38a39;
}

.fa-i-instagram:before {
    content: "\e913";
}

.fa-i-facebook:before {
    content: "\e914";
}

.fa-i-twitter:before {
    content: "\e915";
}

.fa-i-youtube:before {
    content: "\e916";
}


.hidden {
    display: none;
}