@font-face {
font-family: Sempione;
src: url(//italea.com/wp-content/themes/tema-mitdev/fonts/SempioneGrotesk-Regular.otf) format("opentype");
}
@font-face {
font-family: Sempione;
font-weight: 500;
src: url(//italea.com/wp-content/themes/tema-mitdev/fonts/SempioneGrotesk-Medium.otf) format("opentype");
}
@font-face {
font-family: Sempione;
font-weight: bold;
src: url(//italea.com/wp-content/themes/tema-mitdev/fonts/SempioneGrotesk-Bold.otf) format("opentype");
}
body {
min-width: 360px;
}
html {
font-family: "Sempione", sans-serif !important;
}
body, h1, h2, h3, h4, h5, p, label, span {
font-family: "Sempione", sans-serif !important;
color: black;
}
p, span {
font-size: 18px !important;
}
p {
line-height: 28px !important;
}
::-moz-placeholder {
font-family: "Sempione", sans-serif !important;
}
::placeholder {
font-family: "Sempione", sans-serif !important;
}
:root {
--primary-1: #DBF6F9;
--primary-2: #B6EDF2;
--light-neutral: #F5F5F5;
--main-neutral: #8a8a8a;
--light-blue: #BCC2E4;
--main-blue: #001491;
--main-blue-hover: #7E87CB;
--main-blue-active: #00117D;
--main-violet: #DABFE1;
--main-light-green: #B0F0D9;
--main-green: #00BE73;
--main-green-hover: #59E1B3;
--main-pink: #FFEDF6;
--main-pink-hover: #FFDBF0;
--main-yellow: #fffadb;
--main-yellow-hover: #FFF085;
--main-brown: #5F0514;
--main-black: #222222;
}
::-moz-selection {
color: white;
background: var(--main-blue);
}
::selection {
color: white;
background: var(--main-blue);
}
:focus:not(.focus--mouse) {
outline: 3px solid blue !important;
box-shadow: 0 0 0 7px white !important;
border-radius: 8px !important;
border-color: unset !important;
} * {
scrollbar-width: thin;
scrollbar-color: #001491 #DFE9EB;
} *::-webkit-scrollbar {
height: 7px;
width: 7px;
}
*::-webkit-scrollbar-track {
border-radius: 7px;
background-color: #DFE9EB;
}
*::-webkit-scrollbar-track:hover {
background-color: #DFE9EB;
}
*::-webkit-scrollbar-track:active {
background-color: #DFE9EB;
}
*::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #001491;
}
*::-webkit-scrollbar-thumb:hover {
background-color: #7E87CB;
}
*::-webkit-scrollbar-thumb:active {
background-color: #7E87CB;
}
.form-check [type=checkbox]:checked + label::after {
border-color: var(--main-blue);
background-color: var(--main-blue);
}
.color-text-primary-1 {
color: var(--primary-1) !important;
}
.color-text-primary-2 {
color: var(--primary-2) !important;
}
.color-text-main-blue {
color: var(--main-blue) !important;
}
.color-text-main-blue-hover {
color: var(--main-blue-hover) !important;
}
.color-text-main-black {
color: var(--main-black) !important;
}
.color-bg-primary-1 {
background-color: var(--primary-1) !important;
}
.color-bg-primary-2 {
background-color: var(--primary-2) !important;
}
.color-bg-light-blue {
background-color: var(--light-blue) !important;
}
.color-bg-light-neutral {
background-color: var(--light-neutral) !important;
}
.color-bg-main-blue, .cat-bg-main-blue {
background-color: var(--main-blue) !important;
color: white;
transition: all 0.2s ease-in-out;
}
.cat-bg-main-blue:hover {
background-color: var(--main-blue-hover) !important;
transition: all 0.2s ease-in-out;
}
.color-bg-main-violet {
background-color: var(--main-violet) !important;
}
.color-bg-main-light-green {
background-color: var(--main-light-green) !important;
}
.color-bg-main-green, .cat-bg-main-green {
background-color: var(--main-green) !important;
color: white;
transition: all 0.2s ease-in-out;
}
.cat-bg-main-green:hover {
background-color: var(--main-green-hover) !important;
transition: all 0.2s ease-in-out;
}
.color-bg-main-pink, .cat-bg-main-pink {
background-color: var(--main-pink) !important;
color: var(--main-brown);
transition: all 0.2s ease-in-out;
}
.cat-bg-main-pink:hover {
background-color: var(--main-pink-hover) !important;
transition: all 0.2s ease-in-out;
}
.color-bg-main-yellow, .cat-bg-main-yellow {
background-color: var(--main-yellow) !important;
transition: all 0.2s ease-in-out;
color: var(--main-brown);
}
.cat-bg-main-yellow:hover {
background-color: var(--main-yellow-hover) !important;
transition: all 0.2s ease-in-out;
}
.color-bg-primary-to-white {
background: linear-gradient(to bottom, var(--primary-1) 0%, var(--primary-1) 11%, white 11%, white 100%);
}
.font-lora {
font-family: "Lora", serif !important;
}
.font-arial {
font-family: "Arial", serif !important;
}
.font-helvetica {
font-family: "Helvetica", sans-serif !important;
}
.shadow-light {
box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.06) !important;
transition: 0.2s box-shadow ease-in;
}
.shadow-light:hover {
box-shadow: 0 0.125rem 1rem 0px rgba(16, 15, 15, 0.22) !important;
}
.shadow-light-newsletter {
box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.06) !important;
transition: 0.2s box-shadow ease-in;
}
.shadow-light-newsletter:hover {
box-shadow: 0 0.125rem 1rem 0px rgba(16, 15, 15, 0.22) !important;
opacity: 0.8;
}
.font-titillium {
font-family: "Titillium Web", sans-serif !important;
}
.font-sempione {
font-family: "Sempione", sans-serif !important;
}
.border-bottom-rounded {
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
.border-top-rounded-5 {
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.icon-main-blue {
fill: var(--main-blue) !important;
}
.chips-bg-brown {
background-color: #5f0514 !important;
color: white !important;
}
.chips-bg-grey {
background-color: #E6E6E6 !important;
color: #5C6F82 !important;
padding: 5px 10px 4px 10px;
}
.fix-chips-position {
margin-top: 15px;
margin-left: 30px;
padding-top: 6px;
margin-right: 30px;
}
.chips-newsletter {
bottom: 5%;
padding: 5px 10px 4px 10px;
}
.fs10px {
font-size: 10px !important;
}
.fs12px {
font-size: 12px !important;
}
.fs13px {
font-size: 13px !important;
}
.fs14px {
font-size: 14px !important;
}
.fs16px {
font-size: 16px !important;
}
.fs18px {
font-size: 18px !important;
}
.fs20px {
font-size: 20px !important;
}
.fs24px {
font-size: 24px !important;
}
.fs26px {
font-size: 26px !important;
line-height: 30px !important;
}
.fs28px {
font-size: 28px !important;
line-height: 32px !important;
}
.fs32px {
font-size: 32px !important;
line-height: 40px !important;
}
.fs36px {
font-size: 36px !important;
}
.fs40px {
font-size: 40px !important;
line-height: 48px !important;
}
.fs48px {
font-size: 48px !important;
line-height: 48px !important;
}
.fs52px {
font-size: 52px !important;
line-height: 48px !important;
}
.fs55px {
font-size: 55px !important;
line-height: 58px !important;
}
.fs72px {
font-size: 72px !important;
line-height: 48px !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fit-image {
width: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
aspect-ratio: 4/3 !important;
}
.fit-image-vertical {
width: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
aspect-ratio: 3/4 !important;
}
.fit-image-16-9 {
width: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
aspect-ratio: 16/9 !important;
}
.fit-image-big-splide {
height: 380px;
-o-object-fit: cover !important;
object-fit: cover !important;
aspect-ratio: 16/9 !important;
}
.fit-image-big-splide-2 {
height: 320px;
-o-object-fit: cover !important;
object-fit: cover !important;
aspect-ratio: 4/3 !important;
}
.fit-image-square {
aspect-ratio: 1/1;
width: 100px !important;
height: auto !important;
}
.fit-title {
height: 2.5em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-3-5 {
height: 3.5em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-4-8 {
height: 4.8em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-8 {
height: 8em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-10 {
height: 10em;
line-height: 1.1;
overflow: hidden;
}
.fit-width-content {
width: -moz-fit-content !important;
width: fit-content !important;
}
.black-veil {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
}
.top-40 {
top: 40% !important;
}
.text-pretty {
text-wrap: pretty;
}
.mini-divider {
margin: 0 auto;
height: 6px;
width: 54px;
background-color: #687076;
border-radius: 3px;
}
.text-no-wrap {
white-space: nowrap;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-grabbable {
cursor: move;
cursor: grab;
cursor: -webkit-grab;
}
.cursor-grabbable:active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.hover-white-to-main-secondary {
background-color: white;
transition: all 0.3s ease-in-out;
}
.hover-white-to-main-secondary:hover {
background-color: var(--main-blue-hover) !important;
color: white !important;
transition: all 0.3s ease-in-out;
}
.ls-05 {
letter-spacing: 0.5px;
}
.border-radius-24px {
border-radius: 24px;
}
.display-inline {
display: inline !important;
}
.clear-float::after {
content: "";
display: table;
clear: both;
}
.fake-button {
padding: 12px 24px;
font-size: 16px;
white-space: initial;
text-decoration: none;
box-shadow: none;
display: inline-block;
}
.h-82 {
height: 82% !important;
}
.z-0 {
z-index: 0 !important;
}
.link-with-underline {
color: var(--main-blue);
}
.link-with-underline:hover {
text-decoration: underline !important;
color: var(--main-blue) !important;
}
.chiusura-blocco {
margin-bottom: 40px !important;
}
.btn-primary {
min-width: 284px;
font-size: 16px;
color: white;
background-color: var(--main-blue);
box-shadow: inset 0 0 0 2px var(--main-blue);
transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
color: white;
background-color: var(--main-blue-hover);
box-shadow: inset 0 0 0 2px var(--main-blue-hover);
}
.btn-primary:focus {
color: white !important;
background-color: var(--main-blue) !important;
}
.btn-primary:active {
color: white;
background-color: var(--main-blue-active) !important;
box-shadow: none !important;
border-color: unset !important;
transition: all 0s ease-in-out;
}
.btn-primary:disabled {
color: var(--main-neutral);
background-color: var(--light-neutral);
}
.btn-outline-primary {
min-width: 284px;
font-size: 16px;
color: var(--main-blue);
box-shadow: inset 0 0 0 2px var(--main-blue);
transition: all 0.3s ease-in-out;
background-color: var(--main-light-green);
}
.btn-outline-primary:hover {
color: white;
background-color: var(--main-blue);
box-shadow: inset 0 0 0 2px var(--main-blue);
}
.btn-outline-primary:focus {
color: white !important;
background-color: var(--main-blue) !important;
}
.btn-outline-primary:active {
color: white;
background-color: var(--main-blue-hover) !important;
box-shadow: none !important;
border-color: unset !important;
transition: all 0s ease-in-out;
}
.btn-outline-primary:disabled {
color: var(--main-neutral);
background-color: var(--light-neutral);
}
.card {
background-color: transparent !important;
}
.card:after {
content: none;
}
.card a.read-more {
position: unset;
text-transform: none;
letter-spacing: normal;
}
.select-wrapper label {
letter-spacing: unset;
text-transform: unset;
transform: translateY(-80%);
}
.select-wrapper input {
border-radius: 4px;
border: 1px solid #5b6f82;
height: unset;
font-weight: 500;
}
.card.card-img .img-responsive-wrapper .img-responsive {
padding-bottom: 150px;
}
.icon-sm {
margin-top: -2px;
width: 24px !important;
height: 24px !important;
}
.icon-md {
margin-top: -2px;
width: 32px !important;
height: 32px !important;
}
.btn-outline-secondary {
box-shadow: inset 0 0 0 1px hsl(210, 4%, 78%);
font-weight: normal;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
transition: all 0.2s ease-in-out;
}
.btn-outline-secondary:hover {
color: var(--main-blue) !important;
font-weight: bold;
transition: all 0.2s ease-in-out;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.modal-body .form-check {
box-shadow: none;
}
.modal-body .form-check label {
text-transform: none;
}
#modale-nota #chiudi-modale-nota {
color: white;
background: #5d7083;
}
#modale-nota #chiudi-modale-nota:hover {
background: #444;
}
#modale-nota #salva-modale-nota {
color: white;
background: var(--main-green);
}
#modale-nota #salva-modale-nota:hover {
background: #096943;
}
#modale-nota #cancella-modale-nota {
color: white;
background: #cc334d;
}
#modale-nota #cancella-modale-nota:hover {
background: #8b3342;
}
.form-group input[type=text] {
border-bottom: 1px solid transparent !important;
}
.it-footer-main {
background-color: var(--footer-blue) !important;
}
.it-footer-main h4, .it-footer-main p, .it-footer-main li {
font-family: "Arial", sans-serif !important;
color: white !important;
line-height: 2 !important;
font-weight: 400;
}
.it-footer-main #mini-cta-newsletter p {
line-height: 1.3 !important;
}
.footer-link-progetto p {
margin-bottom: 0px;
}
.footer-link-progetto p a {
font-size: 14px;
color: white;
letter-spacing: 0.5px;
line-height: 2;
font-family: "Arial", sans-serif !important;
}
.footer-link-progetto p a:hover {
color: white;
text-decoration: underline !important;
transition: all 0.3s ease-in-out;
}
.footer-link-accessibilita p {
margin-bottom: 0px;
}
.footer-link-accessibilita p a {
font-size: 16px;
color: white;
text-decoration: underline !important;
}
#mini-cta-newsletter p {
color: var(--main-blue) !important;
}
#logo-italea-footer {
height: 40px;
}
.nav-tabs .nav-link.active {
border-bottom-color: var(--main-blue);
color: var(--main-blue);
transition: all 0.3s ease-in-out;
}
.accordion-header .accordion-button:after {
display: none;
}
body .splide__track .img-responsive-wrapper .img-responsive {
padding-bottom: 0px;
}
body .splide:not(.is-overflow) .splide__pagination {
display: flex !important;
}
body .splide__pagination__page {
background-color: var(--main-blue-hover) !important;
}
body .splide__pagination__page.is-active {
background-color: var(--main-blue) !important;
opacity: unset;
}
body #categorie-attivita .splide__pagination {
bottom: -1.5em;
}
body .splide__arrow:disabled {
opacity: 0;
}
#info-text-italia-bottom .contenuto {
font-size: 25px !important;
font-weight: 700 !important;
}
#info-text-italia-bottom .card-body {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
#box-wwoof .card-title, #box-eduitalia .card-title {
font-size: 19px !important;
font-weight: 700 !important;
line-height: unset !important;
}
.home-titolo-text h1 {
font-weight: unset !important;
font-weight: 500px !important;
font-size: 40px !important;
margin-bottom: 20px;
}
.home-titolo-text p {
font-size: 24px !important;
line-height: 36px !important;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item:last-child {
padding: 30px 0px 13px !important;
border-top: 1px solid lightgray;
margin: 0 10px;
}
.wpml-ls-legacy-dropdown-click {
width: unset !important;
margin-top: -4px;
}
.wpml-ls-legacy-dropdown-click ul li a {
border: none;
}
.wpml-ls-legacy-dropdown-click ul .wpml-ls-sub-menu {
border: none;
}
.wpml-ls-legacy-dropdown-click a {
border: none !important;
}
#logo-italea, #logo-italea > img {
width: 70px;
margin-bottom: -8px;
}
#switch-language-wpml-mobile .wpml-ls-legacy-dropdown-click .wpml-ls-item {
margin-right: 24px !important;
margin-left: 24px !important;
}
#switch-language-wpml-mobile ul {
width: 100%;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
top: calc(50% - 7px) !important;
}
.wpml-ls-native, .wpml-ls-link {
color: var(--main-blue) !important;
}
.it-header-slim-wrapper .wpml-ls-legacy-dropdown-click ul {
display: flex;
justify-content: end;
}
.it-header-slim-wrapper .wpml-ls-legacy-dropdown-click ul li {
width: 64px;
}
.dropdown-text-fix {
font-weight: 600;
font-size: 18px;
padding: 0px 24px;
}
.fit-root-main-hp {
transform: scale(1.3, 1);
bottom: 50px;
}
.container-bottone-guida svg {
margin-top: -8px;
}
#mini-box-info-regione .card-body {
max-width: 200px;
}
.immagine-quadrata {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.bottone-mese {
width: 53px;
}
.immagine-eventi-slider {
height: 600px !important;
}
.altezza-eventi-slider {
height: 500px !important;
}
.card-text-eventi-evidenza {
min-height: 230px;
}
.card-eventi-mensili {
width: 275px;
height: 350px;
}
.icon-card-eventi-attivita {
margin-left: -5px;
}
#template-attivita #mappa-regione path {
fill: rgb(188, 194, 228);
}
.card-eventi-attivita {
position: relative;
box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.06);
border-radius: 12px;
height: 100%;
}
.card-eventi-attivita-bg {
background-size: cover;
background-position: center;
height: 150px;
border-radius: 12px;
}
.card-eventi-attivita-bottom-container {
min-height: 60px;
}
.card-eventi-attivita-info {
background: white;
border-radius: 12px;
margin-top: -20px;
min-height: 160px;
flex-grow: 1;
}
.card-eventi-attivita-chips-position {
top: 20px;
left: 15px;
}
.card-eventi-attivita-box-data {
top: 0;
right: 20px;
background-color: white;
}
.swipe-mobile {
position: relative;
background-color: #fff;
display: flex;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
}
#navbar-immagini-tassonomie .card-wrapper {
max-width: 130px;
}
.barra-ricerca-mt--35 {
margin-top: -35px;
}
.offset-grey-box {
top: 2px;
right: 30px;
width: 200px;
}
.offset-grey-box-new {
right: 10px;
background-color: white;
}
.offset-white-box {
background-color: white;
top: 15px;
right: 30px;
width: 62px;
height: 62px;
color: black;
}
.divider:after {
margin-left: 0;
}
#label-email {
text-transform: lowercase;
letter-spacing: 0;
color: white;
font-weight: 300;
}
.modal-content {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
#mini-box-elenco-attivita .card, .card-guida .card, .card-attivita .card, #mini-box-elenco-eventi .card, [id^=slider-card-attivita-big] .card, [id^=slider-card-storie-viaggi] .card, [id^=slider-elenco-eventi] .card, [id^=slider-card-faq] .card {
width: 325px;
}
[id^=slider-elenco-eventi] {
width: 100%;
}
[id^=slider-card-attivita-big], [id^=slider-card-storie-viaggi], [id^=slider-card-image-gallery], [id^=slider-card-faq] {
width: 100%;
}
[id^=slider-card-attivita-big] .card, [id^=slider-card-storie-viaggi] .card, [id^=slider-card-image-gallery] .card, [id^=slider-card-faq] .card {
width: 300px;
}
[id^=slider-card-attivita-big] .card img, [id^=slider-card-storie-viaggi] .card img, [id^=slider-card-image-gallery] .card img, [id^=slider-card-faq] .card img {
height: 350px;
}
.immagine-eventi-slider {
height: 600px !important;
}
.mini-image-square {
min-width: 120px;
max-width: 120px;
height: 128px !important;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.mini-image-rectangle {
min-width: 120px;
max-width: 120px;
height: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
#card-guida-attivita .card-guida .card {
width: unset;
max-width: 530px;
}
.card-guida .card.card-img .img-responsive-wrapper .img-responsive {
padding-bottom: 100px;
}
.card-guida.card-wrapper {
box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 0.2);
}
#slider-elenco-eventi-foto .card-wrapper {
height: 100%;
}
#mini-box-info-eventi .card-wrapper, [id^=slider-elenco-eventi] .card-wrapper {
height: 50%;
padding-right: 0px !important;
}
.mini-box-elenco-eventi img, [id^=slider-elenco-eventi] img {
height: 180px;
}
.mini-box-elenco-eventi .offset-grey-box, [id^=slider-elenco-eventi] .offset-grey-box {
top: 0px;
width: 80px;
height: 80px;
}
.mini-box-elenco-eventi .card-text, [id^=slider-elenco-eventi] .card-text {
height: 120px;
}
.img-root-bg {
background-position: right -40px bottom -27px;
background-repeat: no-repeat;
}
.fix-form-position {
z-index: 10;
margin-top: -22px;
position: relative;
}
.tronca-testo-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-5 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-6 {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-7 {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-8 {
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#contattaci .card-domande-frequenti {
border-radius: 0 0 25px 25px;
height: 160px;
}
.tronca-testo-5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tronca-testo-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#mini-box-elenco-regioni, .mappa-italia-compressa {
max-height: 0;
overflow-y: hidden;
transition: all 0.5s ease-in-out;
}
#mini-box-elenco-regioni .card-wrapper .card div, .mappa-italia-compressa .card-wrapper .card div {
height: 170px;
}
#richiedi-itinerario {
min-width: unset;
}
.mini-grey-box-fix {
padding-bottom: 2px;
}
#richiedi-itinerari.btn-outline-primary {
background: var(--main-light-green);
}
#richiedi-itinerari.btn-outline-primary:hover {
background: var(--main-blue-hover);
box-shadow: inset 0 0 0 2px var(--main-blue-hover);
transition: all 0.3s ease-in-out;
}
#single-itinerario .chips-group .chip {
background-color: var(--primary-1);
}
#single-itinerario .chips-group .chip:hover {
color: black !important;
background-color: var(--primary-1);
transition: all 0.3s ease-in-out;
}
#single-itinerario .chips-group .chip .chip-label {
height: 20px;
}
.tappa-citta:before {
content: "";
display: inline-block;
width: 9px;
height: 9px;
margin-right: 15px;
margin-left: -4px;
margin-bottom: 1px;
background-color: var(--main-blue-hover);
border-radius: 50%;
}
.tappa-giorno:before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
margin-right: 16px;
background-color: var(--main-blue);
border-radius: 50%;
}
.arrow-accordion:after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='hsl(210deg, 100%, 40%)' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
float: right;
width: 1.5rem;
height: auto;
line-height: 0.1rem;
color: #06c;
transition: transform 0.3s;
background-image: none;
transform: scaleY(1);
margin-top: -1px;
margin-left: 6px;
}
.flip-180:after {
transform: scaleY(-1);
transition: transform 0.3s;
}
.espandi-mini-box-elenco-regioni, .mappa-italia-estesa {
max-height: 1600px !important;
transition: all 0.5s ease-in-out;
}
.fix-margin-testo-regione {
margin-top: -12px;
}
.fix-margin-testo-regione-desktop {
height: 78px;
margin-top: -78px;
}
#slider-regioni {
z-index: 0;
}
.image-container-slider-regioni-desktop {
width: 100%;
height: 170px;
position: relative;
background-size: cover;
margin-bottom: 5px;
border-radius: 5px 5px 9px 9px;
}
#slider-regioni-desktop .focus--mouse:not(.btn) {
box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.15) !important;
}
.card-itinerario-bg {
background-repeat: no-repeat;
background-size: cover;
}
.black-overlay {
position: absolute;
top: 0;
left: 0;
background-color: #000;
opacity: 0.5;
width: 100%;
height: 100%;
}
.accordion-header .accordion-button:after {
display: none;
}
.accordion-header .accordion-button:hover {
text-decoration: none;
}
.accordion-itinerario-image {
max-height: 7rem;
}
.slider-incontri-itinerario .card {
width: 250px;
}
.card-eventi-evidenza .box-data {
top: 2px;
right: 30px;
min-width: 130px;
}
.hover-immagine:hover {
filter: brightness(70%);
}
#italea-card .card-info-text-background-desktop-small {
height: 344px;
}
.testo-card-vantaggi p {
font-size: 18px;
font-weight: 400;
}
.fix-immagine-telefonino {
width: 360px;
margin-top: -50px;
margin-bottom: -50px;
}
.card-storia-singolo-image {
max-height: 600px;
max-width: auto;
}
#storia-social-link .container {
width: unset;
margin: 0px;
}
#storia-social-link ul {
display: flex;
justify-content: end;
flex-wrap: nowrap;
}
#storia-social-link ul li {
text-align: right;
margin-right: 15px;
}
#template-eventi input[type=text] {
margin-top: -28px !important;
}
#template-eventi .input-group .icon-sm {
margin-top: 0px !important;
margin-bottom: -16px !important;
}
#new-searchbar input::-moz-placeholder {
font-weight: 400;
}
#new-searchbar input::placeholder {
font-weight: 400;
}
#new-searchbar .select2 {
width: 100% !important;
}
.search-icon {
position: absolute;
top: -28px;
}
.new-searchbar {
overflow: visible;
z-index: 10;
}
.mini-image-search {
width: 50px;
height: 50px;
}
.twitter-typeahead {
width: 100%;
}
.twitter-typeahead .tt-menu {
background-color: white;
border: 1px solid #dee2e6 !important;
width: 100%;
max-height: 350px;
overflow: scroll;
max-height: 300px;
overflow-x: hidden;
z-index: 500 !important;
}
.twitter-typeahead .tt-highlight {
color: var(--main-blue);
}
.description-section p {
color: var(--main-blue);
}
.tt-suggestion:hover {
backgroun-color: var(--main-blue-hover) !important;
cursor: pointer;
}
.tt-suggestion:hover .description-section p {
color: white !important;
transition: all 0.3s ease-in-out;
}
.tt-suggestion:hover .description-section .tt-highlight {
color: white;
transition: all 0.3s ease-in-out;
}
.lb-caption {
color: white;
font-weight: 500 !important;
}
.lb-details {
padding-top: 10px !important;
}
.lb-next, .lb-prev {
width: 50px;
}
.lb-close {
position: absolute;
top: -30px;
}
.lb-nav a.lb-next, .lb-nav a.lb-prev {
width: 25% !important;
}
.lb-nav a.lb-next, .lb-nav a.lb-prev {
opacity: 1 !important;
}
.fix-instagram-author {
left: 2px;
top: 10px;
}
.container-social-wall {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: 14em 2em 14em;
grid-template-areas: "item1 item2" "item3 item2" "item3 item4";
}
.item-social1 {
grid-area: item1;
}
.item-social3 {
grid-area: item3;
}
.item-social2 {
grid-area: item2;
}
.item-social4 {
grid-area: item4;
}
.fit-grig-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.select2-container .select2-dropdown--below {
border-radius: 4px !important;
border: 1px solid hsl(210, 4%, 78%) !important;
}
.select2-container .select2-selection__choice {
border-radius: 14px !important;
background-color: var(--primary-1) !important;
border: none !important;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px !important;
}
.select2-container .select2-selection__choice .select2-selection__choice__display {
font-size: 14px !important;
margin-left: 10px;
padding-right: 12px !important;
}
.select2-container .select2-selection__choice__remove {
border-right: unset !important;
background-color: var(--primary-1) !important;
}
.select2-container .select2-selection__choice__remove:focus {
box-shadow: none !important;
}
.select2-container .select2-selection__choice__remove span {
margin-left: 5px !important;
border: none !important;
padding-left: 2px;
color: black !important;
}
.wpcf7-form.sent .wpcf7-response-output {
color: #4F8A10;
background-color: #DFF2BF;
border: 0;
padding: 10px;
}
.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.failed .wpcf7-response-output {
color: #D8000C;
background-color: #FFBABA;
border: 0;
padding: 10px;
}
.wpcf7-form.spam .wpcf7-response-output {
color: #856404;
background-color: #fff3cd;
border: 0;
padding: 10px;
}
.wpcf7-form .wpcf7-response-output:before {
font: 26px/30px lined-icons;
margin-right: 16px;
vertical-align: middle;
}
#richiedi-itinerario h1, #richiedi-itinerario h2, #richiedi-itinerario h3, #richiedi-itinerario h4, #richiedi-itinerario h5, #richiedi-itinerario p, #richiedi-itinerario label, #richiedi-itinerario span, #contatto-generico h1, #contatto-generico h2, #contatto-generico h3, #contatto-generico h4, #contatto-generico h5, #contatto-generico p, #contatto-generico label, #contatto-generico span {
font-family: "Sempione", sans-serif !important;
color: black;
}
#richiedi-itinerario #caratteri-rimanenti, #contatto-generico #caratteri-rimanenti {
font-family: "Roboto Mono", monospace !important;
}
#richiedi-itinerario .fieldset-cf7mls-wrapper h4, #contatto-generico .fieldset-cf7mls-wrapper h4 {
position: relative;
z-index: 1;
}
#richiedi-itinerario form, #contatto-generico form {
margin-bottom: unset;
}
#richiedi-itinerario form p, #contatto-generico form p {
margin-bottom: unset;
}
#richiedi-itinerario form .contatore-step, #contatto-generico form .contatore-step {
background-color: #B6EDF2;
}
#richiedi-itinerario form input, #contatto-generico form input {
border: 1px solid darkgrey;
border-radius: 4px;
font-weight: normal;
}
#richiedi-itinerario form input::-moz-placeholder, #richiedi-itinerario form textarea::-moz-placeholder, #richiedi-itinerario form input[type=date]::-moz-placeholder, #contatto-generico form input::-moz-placeholder, #contatto-generico form textarea::-moz-placeholder, #contatto-generico form input[type=date]::-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-family: "Sempione", sans-serif !important;
color: darkgrey;
}
#richiedi-itinerario form input::placeholder, #richiedi-itinerario form textarea::placeholder, #richiedi-itinerario form input[type=date]::placeholder, #contatto-generico form input::placeholder, #contatto-generico form textarea::placeholder, #contatto-generico form input[type=date]::placeholder {
font-size: 14px;
font-weight: 400;
font-family: "Sempione", sans-serif !important;
color: darkgrey;
}
#richiedi-itinerario form textarea, #contatto-generico form textarea {
font-weight: normal;
}
#richiedi-itinerario form .bg-color-form, #contatto-generico form .bg-color-form {
background: linear-gradient(180deg, rgb(219, 246, 249) 0%, rgb(255, 255, 255) 35%);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(100vh - 279px) !important;
}
#richiedi-itinerario form .button-form-wrapper, #contatto-generico form .button-form-wrapper {
display: flex;
align-items: baseline !important;
justify-content: space-between !important;
border-top: 2px solid var(--main-blue);
}
#richiedi-itinerario form .button-form-wrapper button, #richiedi-itinerario form .button-form-wrapper #invia-form-itinerario, #contatto-generico form .button-form-wrapper button, #contatto-generico form .button-form-wrapper #invia-form-itinerario {
border: 2px solid var(--main-blue);
border-radius: 6px;
font-size: 16px;
font-weight: 500;
width: 140px;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#richiedi-itinerario form .button-form-wrapper button img, #richiedi-itinerario form .button-form-wrapper #invia-form-itinerario img, #contatto-generico form .button-form-wrapper button img, #contatto-generico form .button-form-wrapper #invia-form-itinerario img {
display: none !important;
}
#richiedi-itinerario form #invia-form-itinerario, #richiedi-itinerario form #invia-form-generico, #contatto-generico form #invia-form-itinerario, #contatto-generico form #invia-form-generico {
border: 2px solid var(--main-blue);
border-radius: 6px;
background-color: var(--main-blue);
color: white;
font-size: 16px;
width: 140px;
margin-top: 26px;
padding-top: 8px !important;
padding-bottom: 8px !important;
font-weight: 500;
}
#richiedi-itinerario form #invia-form-generico, #contatto-generico form #invia-form-generico {
width: 100%;
}
#richiedi-itinerario form .wpcf7-form-control.wpcf7-radio, #richiedi-itinerario form .wpcf7-form-control.wpcf7-checkbox, #contatto-generico form .wpcf7-form-control.wpcf7-radio, #contatto-generico form .wpcf7-form-control.wpcf7-checkbox {
display: flex;
flex-direction: column;
}
#richiedi-itinerario form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label, #richiedi-itinerario form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label, #contatto-generico form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label, #contatto-generico form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
#richiedi-itinerario form .wpcf7-not-valid-tip, #richiedi-itinerario form .wpcf7-validation-errors, #contatto-generico form .wpcf7-not-valid-tip, #contatto-generico form .wpcf7-validation-errors {
margin-top: 2px;
font-size: 14px !important;
font-family: "Sempione";
color: #dc3232;
}
#richiedi-itinerario form .wpcf7-icon-wraning, #contatto-generico form .wpcf7-icon-wraning {
fill: #dc3232;
color: #dc3232;
margin-top: unset;
margin-left: 10px;
}
#richiedi-itinerario form .wpcf7-form-control.wpcf7-select, #richiedi-itinerario form #data-inizio-viaggio, #richiedi-itinerario form #data-fine-viaggio, #contatto-generico form .wpcf7-form-control.wpcf7-select, #contatto-generico form #data-inizio-viaggio, #contatto-generico form #data-fine-viaggio {
width: 100%;
}
#richiedi-itinerario #cf7mls-next-btn-cf7mls_step-1, #contatto-generico #cf7mls-next-btn-cf7mls_step-1 {
color: white;
font-weight: 400;
}
#richiedi-itinerario #cf7mls-next-btn-cf7mls_step-1 .cf7mls-btns, #contatto-generico #cf7mls-next-btn-cf7mls_step-1 .cf7mls-btns {
display: none;
}
#richiedi-itinerario #fine-form, #contatto-generico #fine-form {
height: calc(100vh - 200px) !important;
}
#richiedi-itinerario [name=regione-delle-radici], #contatto-generico [name=regione-delle-radici] {
padding: 12px 5px !important;
border-color: darkgrey !important;
}
#richiedi-itinerario [data-name=interesse-attivita] .wpcf7-list-item, #richiedi-itinerario [data-name=compagnia-viaggio] .wpcf7-list-item, #contatto-generico [data-name=interesse-attivita] .wpcf7-list-item, #contatto-generico [data-name=compagnia-viaggio] .wpcf7-list-item {
margin-bottom: 15px;
}
#richiedi-itinerario #cf-privacy .wpcf7-list-item, #contatto-generico #cf-privacy .wpcf7-list-item {
margin: unset;
}
#richiedi-itinerario #cf-privacy span .wpcf7-list-item-label, #contatto-generico #cf-privacy span .wpcf7-list-item-label {
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
#richiedi-itinerario [data-cf7mls-order="0"], #contatto-generico [data-cf7mls-order="0"] {
background-color: var(--primary-1);
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100vh - 230px) !important;
}
#richiedi-itinerario [data-cf7mls-order="0"] .button-form-wrapper, #contatto-generico [data-cf7mls-order="0"] .button-form-wrapper {
display: flex;
justify-content: center;
width: 100%;
border-top: unset;
}
#richiedi-itinerario [data-cf7mls-order="0"] .cf7mls-btns, #contatto-generico [data-cf7mls-order="0"] .cf7mls-btns {
display: flex;
justify-content: center;
}
#richiedi-itinerario [data-cf7mls-order="0"] .cf7mls-btns button, #contatto-generico [data-cf7mls-order="0"] .cf7mls-btns button {
width: 100%;
max-width: 360px;
font-family: "Sempione", sans-serif !important;
background-color: var(--main-blue);
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 600;
}
#richiedi-itinerario [data-cf7mls-order="0"] .cf7mls-btns + p, #contatto-generico [data-cf7mls-order="0"] .cf7mls-btns + p {
display: none;
}
#richiedi-itinerario [data-cf7mls-order="2"] select, #contatto-generico [data-cf7mls-order="2"] select {
padding: 4px;
border-radius: 4px;
}
#richiedi-itinerario [data-cf7mls-order="4"] .button-form-wrapper, #richiedi-itinerario [data-cf7mls-order="5"] .button-form-wrapper, #contatto-generico [data-cf7mls-order="4"] .button-form-wrapper, #contatto-generico [data-cf7mls-order="5"] .button-form-wrapper {
background-color: white;
}
#richiedi-itinerario [data-cf7mls-order="8"] .cf7mls-btns, #contatto-generico [data-cf7mls-order="8"] .cf7mls-btns {
display: none;
}
#richiedi-itinerario [data-cf7mls-order="9"] .button-form-wrapper, #contatto-generico [data-cf7mls-order="9"] .button-form-wrapper {
border-top: unset;
}
#richiedi-itinerario [data-cf7mls-order="9"] div, #contatto-generico [data-cf7mls-order="9"] div {
height: calc(100vh - 200px) !important;
}
#richiedi-itinerario [data-cf7mls-order="9"] #cf7mls-back-btn-cf7mls_step-10, #contatto-generico [data-cf7mls-order="9"] #cf7mls-back-btn-cf7mls_step-10 {
margin-left: 48px;
margin-right: 48px;
margin-bottom: 80px;
}
#richiedi-itinerario #bottone-scopri-attivita, #contatto-generico #bottone-scopri-attivita {
width: 200px;
left: 0;
right: 0;
margin: auto;
margin-top: -100px;
}
#richiedi-itinerario .select2.select2-container.select2-container--default {
width: 100% !important;
}
.select2-dropdown.select2-dropdown--below {
margin-top: 50px;
}
.select2-selection__choice__remove {
left: 5px !important;
height: 18px !important;
padding-left: 0px !important;
}
.select2-selection__choice__remove span {
padding-left: 0px !important;
}
#form-contatto-newsletter .wpcf7-not-valid-tip, #form-mailup .wpcf7-not-valid-tip {
display: none;
}
#form-contatto-newsletter .wpcf7-spinner, #form-mailup .wpcf7-spinner {
display: none;
}
#form-contatto-newsletter #email2, #form-mailup #email2 {
border-radius: 4px 0 0 4px;
}
#form-contatto-newsletter #invia-form-newsletter, #form-mailup #invia-form-newsletter {
border: 2px solid var(--main-blue);
border-radius: 6px;
color: white;
font-size: 16px;
margin-top: 26px;
width: 80px;
min-width: unset;
margin-top: unset;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 0 4px 4px 0;
}
#form-mailup input {
font-weight: normal;
}
#form-mailup input::-moz-placeholder {
font-size: 16px;
font-weight: 400;
font-family: "Sempione", sans-serif !important;
color: darkgrey;
}
#form-mailup input::placeholder {
font-size: 16px;
font-weight: 400;
font-family: "Sempione", sans-serif !important;
color: darkgrey;
}
#card-info-passaporto .contenuto {
font-size: 16px !important;
}
.select2-search--inline .select2-search__field {
height: 23px;
margin-bottom: 2px;
}
#richiedi-itinerario form button.cf7mls_back, #richiedi-itinerario form button.cf7mls_next:not(#cf7mls-next-btn-cf7mls_step-1) {
background: white;
color: var(--main-blue);
font-weight: 500;
}
#richiedi-itinerario form button.cf7mls_back:hover, #richiedi-itinerario form button.cf7mls_next:not(#cf7mls-next-btn-cf7mls_step-1):hover {
color: var(--main-blue);
background-color: white;
box-shadow: inset 0 0 0 2px var(--main-blue-hover);
}
#richiedi-itinerario form button.cf7mls_back:focus, #richiedi-itinerario form button.cf7mls_next:not(#cf7mls-next-btn-cf7mls_step-1):focus {
color: var(--main-blue);
background-color: white;
box-shadow: inset 0 0 0 2px var(--light-blue) !important;
}
#richiedi-itinerario form button.cf7mls_back:active, #richiedi-itinerario form button.cf7mls_next:not(#cf7mls-next-btn-cf7mls_step-1):active {
color: white;
background-color: var(--main-blue-active) !important;
box-shadow: none !important;
border-color: unset !important;
transition: all 0s ease-in-out;
}
#richiedi-itinerario form button.cf7mls_back:disabled, #richiedi-itinerario form button.cf7mls_next:not(#cf7mls-next-btn-cf7mls_step-1):disabled {
color: var(--main-neutral);
background-color: var(--light-neutral);
}
.tooltip, .tooltip-inner {
background: var(--main-blue) !important;
color: white;
font-size: 17px;
}
.card-domande-frequenti-home {
height: 300px;
}
.card-hover:hover {
filter: brightness(70%);
}
.card-domande-frequenti {
overflow: hidden;
background-color: var(--primary-1) !important;
}
.card-domande-frequenti .card-domande-frequenti-bg {
position: absolute;
top: -60px;
right: 0;
}
.accordion-domande-frequenti-item-active {
background-color: var(--primary-1) !important;
}
.icon-accordion-faq {
position: absolute;
right: 50px;
}
.card-info-text-background {
position: absolute;
top: 0;
right: 0;
}
.testo-risposta-faq p, .testo-risposta-faq span {
font-size: 16px !important;
line-height: 1.5 !important;
}
.accordion-item a {
color: var(--main-blue);
}
.accordion-item a:hover {
text-decoration: underline !important;
}
.faq-bottom-read-more {
left: 23px;
right: 23px;
}
#trova-le-tue-radici .fit-root-main-hp {
top: -110px !important;
right: 0;
height: 500px !important;
width: unset !important;
}
#trova-le-tue-radici-list .container > div {
flex-direction: column;
justify-content: center;
align-items: start !important;
}
#cambio-denominazione p span {
font-size: 20px !important;
}
.card-recensioni-container {
height: 350px;
}
.fix-immagine-banner-azzurro {
top: -60px;
right: 0;
position: absolute;
}
.card-info-main-italea {
background-repeat: no-repeat;
background-position-x: right;
background-position-y: 0px;
}
.root-livello-2-viola {
background-image: url(//italea.com/wp-content/uploads/2023/12/Livello-2-viola.svg);
background-repeat: no-repeat;
background-position-x: right;
background-position-y: 0px;
}
.searchbar-container-mit .search {
z-index: 1001;
}
#mappe-filtrate-container .attivita-mappa-carousel .splide__slide {
width: 320px !important;
margin: 0 10px !important;
}
.attivita-mappa-container {
display: none;
}
.blinking {
animation: pulse-animation 0.5s;
animation-fill-mode: forwards;
}
@keyframes pulse-animation {
0% {
width: 38px;
}
100% {
width: 52px;
margin-left: -7px;
margin-top: -7px;
}
}
.searchbar-container-mit .search {
z-index: 1001;
}
.splide__splide .attivita-filter-slide-card {
width: 150px !important;
}
.leaflet-marker-icon:focus {
border: none;
box-shadow: none !important;
}
.card-tax {
width: 130px;
cursor: pointer;
}
#carousel-tax-attivita-desk {
display: block;
}
#template-attivita .input-group .icon-sm {
margin-bottom: -66px !important;
}
.searchbar-container-mit .input-group .icon-sm {
margin-bottom: -3px !important;
position: relative;
left: 40px;
}
[id^=comuni-search-bar] .input-group .icon-sm {
margin-bottom: -77px !important;
position: relative;
left: 5px;
top: 5px;
}
.tt-cursor {
backgroun-color: var(--main-blue-hover) !important;
}
.menu-wrapper {
z-index: 9999;
}
.card-title-newsletter {
color: white;
position: relative;
z-index: 1;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
font-size: 25px !important;
}
.righ-arrow-newsletter {
padding: 2px;
border-radius: 50%;
background-color: #ee4239;
}
.righ-arrow-newsletter .icon {
fill: white !important;
}
.container-single-newsletters {
max-width: 800px !important;
}
.article-newsletter-banner {
bottom: 0px;
background-color: #5f0514 !important;
color: white !important;
}
.fix-immagine-banner-azzurro-guida-viaggi-radici {
height: 220px;
right: -30px;
}
.footer-link {
color: white;
text-decoration: none;
}
.footer-link:hover {
color: white;
text-decoration: underline !important;
}
a.read-more:hover {
text-decoration: underline !important;
}
.card-attivita-big-cont:hover {
opacity: 0.75;
}
.card-custom-hover:hover {
opacity: 0.75;
}
.mini-image-square-map {
min-width: 120px;
max-width: 120px;
height: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.header-img {
height: 600px;
-o-object-fit: cover;
object-fit: cover;
}
#contatta-genealogista form button.cf7mls_back, #contatta-genealogista form button.cf7mls_next, #contatta-genealogista form #cf7mls-next-btn-cf7mls_step-1 {
background: white;
color: var(--main-blue);
font-weight: 500;
}
#contatta-genealogista form button.cf7mls_back:hover, #contatta-genealogista form button.cf7mls_next:hover, #contatta-genealogista form #cf7mls-next-btn-cf7mls_step-1:hover {
color: var(--main-blue);
background-color: white;
box-shadow: inset 0 0 0 2px var(--main-blue-hover);
}
#contatta-genealogista form button.cf7mls_back:focus, #contatta-genealogista form button.cf7mls_next:focus, #contatta-genealogista form #cf7mls-next-btn-cf7mls_step-1:focus {
color: var(--main-blue);
background-color: white;
box-shadow: inset 0 0 0 2px var(--light-blue) !important;
}
#contatta-genealogista form button.cf7mls_back:active, #contatta-genealogista form button.cf7mls_next:active, #contatta-genealogista form #cf7mls-next-btn-cf7mls_step-1:active {
color: white;
background-color: var(--main-blue-active) !important;
box-shadow: none !important;
border-color: unset !important;
transition: all 0s ease-in-out;
}
#contatta-genealogista form button.cf7mls_back:disabled, #contatta-genealogista form button.cf7mls_next:disabled, #contatta-genealogista form #cf7mls-next-btn-cf7mls_step-1:disabled {
color: var(--main-neutral);
background-color: var(--light-neutral);
}
#contatta-genealogista h1, #contatta-genealogista h2, #contatta-genealogista h3, #contatta-genealogista h4, #contatta-genealogista h5, #contatta-genealogista p, #contatta-genealogista label, #contatta-genealogista span {
font-family: "Sempione", sans-serif !important;
color: black;
}
#contatta-genealogista #caratteri-rimanenti {
font-family: "Roboto Mono", monospace !important;
}
#contatta-genealogista form {
margin-bottom: unset;
}
#contatta-genealogista form p {
margin-bottom: unset;
}
#contatta-genealogista form .contatore-step {
background-color: #B6EDF2;
}
#contatta-genealogista form input {
border: 1px solid darkgrey;
border-radius: 4px;
font-weight: normal;
}
#contatta-genealogista form input::-moz-placeholder, #contatta-genealogista form textarea::-moz-placeholder, #contatta-genealogista form input[type=date]::-moz-placeholder {
font-size: 14px;
font-weight: 400;
font-family: "Sempione", sans-serif !important;
color: darkgrey;
}
#contatta-genealogista form input::placeholder, #contatta-genealogista form textarea::placeholder, #contatta-genealogista form input[type=date]::placeholder {
font-size: 14px;
font-weight: 400;
font-family: "Sempione", sans-serif !important;
color: darkgrey;
}
#contatta-genealogista form textarea {
font-weight: normal;
}
#contatta-genealogista form .bg-color-form {
background: linear-gradient(180deg, rgb(219, 246, 249) 0%, rgb(255, 255, 255) 35%);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(100vh - 279px) !important;
}
#contatta-genealogista form .button-form-wrapper {
display: flex;
align-items: baseline !important;
justify-content: space-between !important;
border-top: 2px solid var(--main-blue);
}
#contatta-genealogista form .button-form-wrapper button, #contatta-genealogista form .button-form-wrapper #invia-form-genealogista {
border: 2px solid var(--main-blue);
border-radius: 6px;
font-size: 16px;
font-weight: 500;
width: 140px;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#contatta-genealogista form .button-form-wrapper button img, #contatta-genealogista form .button-form-wrapper #invia-form-genealogista img {
display: none !important;
}
#contatta-genealogista form #invia-form-genealogista {
border: 2px solid var(--main-blue);
border-radius: 6px;
background-color: var(--main-blue);
color: white;
font-size: 16px;
width: 140px;
margin-top: 26px;
padding-top: 8px !important;
padding-bottom: 8px !important;
font-weight: 500;
}
#contatta-genealogista form .wpcf7-form-control.wpcf7-radio, #contatta-genealogista form .wpcf7-form-control.wpcf7-checkbox {
display: flex;
flex-direction: column;
}
#contatta-genealogista form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label, #contatta-genealogista form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
#contatta-genealogista form .wpcf7-not-valid-tip, #contatta-genealogista form .wpcf7-validation-errors {
margin-top: 2px;
font-size: 14px !important;
font-family: "Sempione";
color: #dc3232;
}
#contatta-genealogista form .wpcf7-icon-wraning {
fill: #dc3232;
color: #dc3232;
margin-top: unset;
margin-left: 10px;
}
#contatta-genealogista form .wpcf7-form-control.wpcf7-select {
width: 100%;
}
#contatta-genealogista #fine-form {
height: calc(100vh - 200px) !important;
}
#contatta-genealogista #anno-nascita {
padding: 12px 5px !important;
border-color: darkgrey !important;
}
#contatta-genealogista #nome-regione-avo {
padding: 12px 5px !important;
border-color: darkgrey !important;
}
#contatta-genealogista [data-name=interesse-attivita] .wpcf7-list-item, #contatta-genealogista [data-name=compagnia-viaggio] .wpcf7-list-item {
margin-bottom: 15px;
}
#contatta-genealogista #cf-privacy .wpcf7-list-item {
margin: unset;
}
#contatta-genealogista #cf-privacy span .wpcf7-list-item-label {
text-transform: none;
letter-spacing: normal;
font-weight: 400;
}
#contatta-genealogista [data-cf7mls-order="0"] .button-form-wrapper {
display: flex;
justify-content: center;
width: 100%;
}
#contatta-genealogista [data-cf7mls-order="0"] .cf7mls-btns {
display: flex;
justify-content: center;
}
#contatta-genealogista [data-cf7mls-order="0"] .cf7mls-btns button {
border: 2px solid var(--main-blue);
border-radius: 6px;
font-size: 16px;
font-weight: 500;
width: 140px;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#contatta-genealogista [data-cf7mls-order="0"] .cf7mls-btns button img {
display: none !important;
}
#contatta-genealogista [data-cf7mls-order="0"] .cf7mls-btns + p {
display: none;
}
#contatta-genealogista [data-cf7mls-order="2"] select {
padding: 4px;
border-radius: 4px;
}
#contatta-genealogista [data-cf7mls-order="4"] .button-form-wrapper, #contatta-genealogista [data-cf7mls-order="5"] .button-form-wrapper {
background-color: white;
}
#contatta-genealogista [data-cf7mls-order="8"] .cf7mls-btns {
display: none;
}
#contatta-genealogista [data-cf7mls-order="9"] .button-form-wrapper {
border-top: unset;
}
#contatta-genealogista [data-cf7mls-order="9"] div {
height: calc(100vh - 200px) !important;
}
#contatta-genealogista [data-cf7mls-order="9"] #cf7mls-back-btn-cf7mls_step-10 {
margin-left: 48px;
margin-right: 48px;
margin-bottom: 80px;
}
#contatta-genealogista #bottone-scopri-attivita {
width: 200px;
left: 0;
right: 0;
margin: auto;
margin-top: -100px;
}
#form-iscrizione-newsletter input {
font-weight: 400;
}
#form-iscrizione-newsletter input::-moz-placeholder {
font-weight: 400;
font-size: 14px;
}
#form-iscrizione-newsletter input::placeholder {
font-weight: 400;
font-size: 14px;
}
#magazine .splide__pagination, #numeri-precedenti .splide__pagination {
margin-bottom: -35px;
}
#banner-magazine .color-bg-main-pink {
margin-bottom: 0px !important;
}
.fix-height-banner-magazine {
height: 210px;
}
.pagination-container .pagination {
justify-content: center;
}
.pagination-container .pagination .page-item .page-link {
color: #5C6F82;
border-radius: 4px;
}
.pagination-container .pagination .page-item .page-link:hover {
color: var(--main-blue) !important;
background-color: var(--light-blue) !important;
border-color: var(--light-blue) !important;
}
.pagination-container .pagination .page-item .page-link:focus {
color: var(--main-blue) !important;
background-color: var(--light-blue) !important;
border-color: var(--light-blue) !important;
}
.pagination-container .pagination .page-item.active .page-link {
color: var(--main-blue) !important;
background-color: var(--light-blue) !important;
border-color: var(--light-blue) !important;
}@media (min-width: 576px) {
.fit-image-height-desktop {
height: 250px !important;
}
.fix-margin-testo-regione {
margin-top: -28px;
}
#invia-form-newsletter {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
}
@media (min-width: 768px) {
.center-text-absolute {
transform: translate(-50%, 0);
left: 50%;
}
.left-text-absolute {
left: 0%;
}
.tronca-testo-7 {
-webkit-line-clamp: 5;
}
#logo-italea-footer {
height: 60px;
}
#form-contattaci.btn {
width: 284px;
}
#banner-magazine .card-info-text-background.d-lg-none {
top: -17px;
}
.fix-height-banner-magazine {
height: 297px;
}
}
@media (min-width: 992px) {
#menu-italea a {
padding-left: 0px !important;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item:last-child {
display: none !important;
}
.custom-navbar-toggler {
display: none !important;
}
.voce-menu-attiva {
border-bottom: 2px solid var(--main-blue) !important;
margin-bottom: 1px;
}
.it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav span {
font-weight: 400 !important;
}
.it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav span:hover {
text-stroke: 0.3px var(--main-blue);
-webkit-text-stroke: 0.3px var(--main-blue);
text-decoration: none !important;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link {
font-weight: 400 !important;
padding: 6px 10px;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link:hover {
text-stroke: 0.3px var(--main-blue);
-webkit-text-stroke: 0.3px var(--main-blue);
text-decoration: none !important;
}
.navbar .navbar-collapsable .navbar-nav li.nav-item .nav-link span:hover {
text-decoration: none !important;
}
.navbar-nav li a, .navbar-nav li span {
font-size: 17px !important;
}
.dropdown .nav-link {
padding-bottom: 11px !important;
}
.dropdown .link-list-wrapper ul li a:hover:not(.disabled) span {
text-decoration: none !important;
}
.fix-immagine-banner-azzurro-desktop {
top: -60px;
right: -3px;
}
#header-wrap {
position: unset;
}
.it-header-slim-wrapper {
height: unset !important;
}
.voce-0 {
display: none !important;
}
.card-info-text-background-desktop-big {
height: 441px;
}
#guida .card-info-text-background-desktop-big {
height: 100%;
border-bottom-right-radius: 20px;
}
.card-info-text-background-desktop-small {
height: 292px;
}
.dropdown-text-fix {
font-weight: 400;
padding: 0px;
}
.root-livello-2 {
background-image: none !important;
}
#richiedi-itinerario form .bg-color-form, #contatto-generico form .bg-color-form {
background: linear-gradient(180deg, rgb(219, 246, 249) 0%, rgb(255, 255, 255) 35%);
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: auto !important;
}
#richiedi-itinerario fieldset, #contatto-generico fieldset {
padding-bottom: 80px;
gap: 3rem;
}
#richiedi-itinerario fieldset[data-cf7mls-order="0"], #contatto-generico fieldset[data-cf7mls-order="0"] {
background-color: var(--primary-1);
display: flex;
flex-direction: column;
justify-content: start;
gap: 3rem;
height: auto !important;
}
#richiedi-itinerario fieldset[data-cf7mls-order="1"], #contatto-generico fieldset[data-cf7mls-order="1"] {
height: auto !important;
}
.chisura-blocco {
margin-bottom: 80px !important;
}
.altezza-eventi-slider {
height: 680px !important;
}
.home-titolo-text h1:first-child {
width: 80%;
}
#contatto-generico {
width: 900px;
}
#trova-le-tue-radici .fit-root-main-hp {
top: 0 !important;
}
}
@media (min-width: 1200px) {
.root-livello-2-992 {
background-image: none !important;
}
.card-info-text-background-desktop-big {
height: 413px;
}
.card-info-text-background-desktop-small {
height: 264px;
}
.home-titolo-text h1:first-child {
width: 65%;
}
#banner-magazine .card-info-text-background-desktop-big {
height: 300px;
}
.navbar-nav li a, .navbar-nav li span {
font-size: 18px !important;
}
}
@media (min-width: 1400px) {
.card-info-text-background-desktop-big {
height: 374px;
}
.home-titolo-text h1:first-child {
width: 60%;
}
.fit-title-3-5-xxl {
height: 3.5em;
line-height: 1.1;
overflow: hidden;
}
}
@media (min-width: 1920px) {
.fix-immagine-banner-azzurro-desktop {
display: none !important;
}
}