@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;1,200&display=swap');

* { font-family: 'Work Sans'; }

html, body { height: 100% }

body { padding-top: 4.4rem; color: #5a5a5a; background-color: #d8d8d8; }

.main-cnt { position: relative; min-height: 100%; padding-bottom: 45px }

.footer { position: absolute; height: 45px; bottom: 0; width: 100%; background-color: #212529; padding: 10px; color: rgba(255, 255, 255, 0.55) }
    .footer a { color: rgba(255, 255, 255, 0.55); text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }
        .footer a:hover { color: rgba(255, 255, 255, 0.75); }

.fascione-home { width: 100%; height: 130px; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; background-size: cover }
.fascione-inner { width: 100%; height: 100px; background-repeat: no-repeat; background-position: 50% 100%; background-attachment: scroll; background-size: cover }

.ombra-fascione-bgblu { position: absolute; width: 100%; height: 10px; top: 0; left: 0; background-image: linear-gradient(to bottom, #002233 0%, rgba(0,0,0,0) 100%); }

.striscia { position: relative; padding: 40px 20px; }
    .striscia h1 { text-align: center; line-height: 1em; margin-top: .3em; }
        .striscia h1::after { content: url(/images/baffo-bianco-174.png); display: block; clear: both; padding: 0; margin: -0.5em 0 0 0 }

.striscia-ombra-top { position: absolute; top: 0; left: 0; height: 10px; width: 100%; background-image: linear-gradient(to bottom, #777777 0%, rgba(0,0,0,0) 100%); }
.striscia-ombra-bottom { position: absolute; bottom: 0; left: 0; height: 10px; width: 100%; background-image: linear-gradient(to top, #777777 0%, rgba(0,0,0,0) 100%); }
.striscia-cnt { position: relative; width: 95%; background-color: rgba(0,0,0,0.5); margin: 0 auto; color: white; }

.default-cnt { position: relative; display: flex; width: 100%; padding: 0 }
.default-img { width: 100%; height: auto }
.default-testo { width: 100%; position: absolute; bottom: 0; left: 0; padding: 10px 10px 0 10px; background-color: rgb(0,0,0,0.5) }
.default-titolo { font-size: 1.6em; margin-bottom: 0 }
.default-corpo { font-size: 0.8em; margin-top: 5px }
.default-link { display: none }
.default-link-overlay { background-color: transparent; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.default-logo-rete { max-width:100% }

    .detviaggio-cnt { position: relative; display: flex; width: 100%; padding: 20px; flex-direction: column; align-items: center }
.detviaggio-img-cnt { width: max-content; margin-bottom: 15px }
.detviaggio-img { width: 230px }
/*.detviaggio-dal, .detviaggio-al { white-space: nowrap }*/
.detviaggio-inner-cnt { display: flex; flex-direction: column; width: auto }
.detviaggio-pdf { position: relative; flex-grow: 1; display: flex; justify-content: center; align-items: center; }
    .detviaggio-pdf .btnlink { width: max-content }
.detviaggio-testo { text-align: center; margin-bottom: 15px }

.btnlink { background-color: #014886; padding: 10px; border-radius: 6px; transition: background-color .15s ease-in-out }
    .btnlink:hover { background-color: #0e62ac; }

.contatti-cnt { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 15px }
.contatti-titolo { font-size: 1.6em; margin-bottom: 15px }

.contatti-ag { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px }
    .contatti-ag div { padding: 6px; }
.contatti-ag-nome { width: 100%; text-align: center }

.contatti-ag-indirizzo { width: 100% }
.contatti-ag-citta { width: 100%; }
.contatti-ag-telefono { width: 100%; }

.contatti-ag-bgblu .contatti-ag-nome { background-color: gray; color: white }
.contatti-ag-bgblu .contatti-ag-indirizzo,
.contatti-ag-bgblu .contatti-ag-citta,
.contatti-ag-bgblu .contatti-ag-telefono { background-color: white; color: black }

.contatti-ag-bgbianco .contatti-ag-nome { background-color: #014886; color: white }
.contatti-ag-bgbianco .contatti-ag-indirizzo,
.contatti-ag-bgbianco .contatti-ag-citta,
.contatti-ag-bgbianco .contatti-ag-telefono { background-color: white; color: black }

.viaggio { position: relative }
.viaggi-main-h1 { margin-bottom: 0 !important; }
.viaggi-cnt { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 30px; row-gap: 30px; max-width: 1300px; margin: 0 auto }
.viaggi-testo { width: 100%; position: absolute; bottom: 0; left: 0; padding: 10px 10px 10px 10px; background-color: rgb(0,0,0,0.5) }
.viaggi-img { width: 300px; height: auto }
.viaggi-header-gruppo { width: 100%; text-align: center }
.viaggi-img-adesivo { position: absolute; right: 10px; top: 10px }

.testo-generico-cnt { max-width: 1000px; margin: 0 auto; text-align: justify; color: black }

.bgblu { background-color: #014886; color: white }
    .bgblu a, .bgbianco a { color: white }
    .bgblu h1 { text-align: center; line-height: 1em; margin-top: .3em; }
        .bgblu h1::after { content: url(/images/baffo-bianco-174.png); display: block; clear: both; padding: 0; margin: -0.5em 0 0 0 }

.bgbianco { background-color: #e4e4e4; color: #202020 }
    .bgbianco h2 { text-align: center; line-height: 1em; margin-top: .3em; }
        .bgbianco h2::after { content: url(/images/baffo-nero-174.png); display: block; clear: both; padding: 0; margin: -0.2em 0 0 0 }

.arancione { color: #ffa31f }

.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.max-410 { display:block }
.min-411 { display:none }

@media only screen and (min-width: 411px) {

    .striscia-cnt { position: initial; width: 100%; max-width: 1000px; }

    .default-cnt { display: flex; padding: 15px; }
    .default-img-cnt { display: block; padding-right: 20px; }
    .default-img { width: 130px }
    .default-titolo { font-size: 1.3em; margin-bottom: 0 }
    .default-testo { position: relative; background-color: transparent; padding: 0 }
    .default-link { display: block; font-size: 0.9em; position: absolute; bottom: 0; right: 0; }

    .detviaggio-img { width: 350px }

    .contatti-ag-nome { width: 100% }
    .contatti-ag-indirizzo { width: 34% }
    .contatti-ag-citta { width: 33% }
    .contatti-ag-telefono { width: 33% }

    .max-410 { display: none }
    .min-411 { display: block }
}

@media only screen and (min-width: 768px) {

    .fascione-home { height: 420px; }
    .fascione-inner { height: 188px; }

    .striscia-cnt { max-width: 1000px; }

    .default-titolo { font-size: 2em; margin-bottom: 0 }
    .default-corpo { font-size: 1em; }
    .default-img { width: 200px }
    .default-link-overlay { display: none }

    .contatti-ag { margin-bottom: 0 }
    .contatti-ag-nome { width: 30%; text-align: left }
    .contatti-ag-indirizzo { width: 30% }
    .contatti-ag-citta { width: 25% }
    .contatti-ag-telefono { width: 15% }

    .detviaggio-cnt { flex-direction: row; padding: 20px; align-items: unset }
    .detviaggio-inner-cnt { width: 100% }
    .detviaggio-img-cnt { display: block; padding-right: 20px; margin-bottom: 0 }
    .detviaggio-testo { text-align: start; margin-bottom: 0 }
}

@media only screen and (min-width: 1025px) {
    .viaggi-img { width: 400px; height: auto }
}