@font-face {
font-family: 'Bodoni 72';
src: url(//itinere.org/wp-content/themes/itinere-theme/assets/fonts/Bodoni72-Book.woff2) format('woff2'),
url(//itinere.org/wp-content/themes/itinere-theme/assets/fonts/Bodoni72-Book.woff) format('woff'),
url(//itinere.org/wp-content/themes/itinere-theme/assets/fonts/Bodoni72-Book.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Columbia';
src: url(//itinere.org/wp-content/themes/itinere-theme/assets/fonts/columbia.woff2) format('woff2'),
url(//itinere.org/wp-content/themes/itinere-theme/assets/fonts/columbia.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
:root {
--green-color: #2d4d43;
--beige-color: #faf7f4;
--gold-color: #d8c7b0;
--grey-color: #75726E;
--white-color: #FFFFFF;
--light-color: #f7f7f7;
--dark-color: #3A3530;
--body-color: var(--dark-color);
--font-serif: 'Bodoni 72', serif;
--font-light: 'Columbia', serif; --logowidth: 250px;
--spacing: 30px;
--padding: 100px;
--container: 7.5vw;
--titlesize: 72px;
--bodysize: 17px;
--buttonsize: 20px; --swiper-theme-color: var(--dark-color) !important;
--swiper-pagination-progressbar-bg-color: var(--grey-color) !important;
--swiper-navigation-size: 24px !important; --filter-to-black: brightness(0) saturate(100%);
--filter-to-white: brightness(0) saturate(100%) invert(1) sepia(1) saturate(0) brightness(2);
}
@media (max-width: 105.0625em) {
:root {
--buttonsize: 18px;
--bodysize: 16px;
}
}
@media (max-width: 96.0625em) {
:root {
--padding: 80px;
--buttonsize: 16px;
--titlesize: 70px;
}
}
@media (max-width: 91.0625em) {
:root {
--container: 5vw;
--titlesize: 65px;
}
}
@media (max-width: 80.0625em) {
:root {
--logowidth: 225px;
--titlesize: 60px;
}
}
@media (max-width: 70.75em) {
:root {
--buttonsize: 15px;
--bodysize: 15px;
}
}
@media (max-width: 53.0625em) {
:root {
--padding: 50px;
--logowidth: 200px;
--titlesize: 55px;
}
}
@media (max-width: 53.0625em) {
:root {
--titlesize: 50px;
--logowidth: 175px;
}
} * { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: var(--font-light); color: var(--body-color); font-size: var(--bodysize); line-height: 1.75; background-color: var(--white-color); }
html {
scroll-behavior: smooth;
scroll-padding-top: 80px; }
body {
width: 100%;
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
a {
color: var(--body-color);
text-decoration: none;
line-height: 1;
transition: all 0.3s ease;
}
h1, h2, h3, h4 { font-family: var(--font-serif); color: var(--body-color); letter-spacing: 0.5px; margin: 0 0 16px; line-height: 1.3; }
h1 {
font-size: var(--titlesize);
font-weight: 300;
}
h2 {
font-size: calc(var(--titlesize) * 48/72);
font-weight: 300;
}
h3 {
font-size: calc(var(--titlesize) * 30/72);
font-weight: 500;
margin-bottom: 0;
}
p {
display: block;
margin: 0 0 20px;
line-height: 1.475;
color: var(--grey-color);
}
p:last-of-type { margin-bottom: 0; }
p a {
border-bottom: 1px solid var(--grey-color);
}
b, strong {
font-weight: bold;
}
img {
width: 100%;
height: 100%;
max-width: none; display: block;
object-fit: cover; }
.container { 
display: block;
width: 100%;
padding: 0 var(--container);
} .cta {
display: inline-block;
position: relative;
border: unset;
background: unset;
cursor: pointer;
line-height: 1;
font-family: var(--font-light);
font-size: var(--buttonsize);
padding: var(--buttonsize) 0;
color: var(--grey-color);
}
.cta:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(3 * var(--buttonsize));
aspect-ratio: 1/1;
border: 2px solid var(--grey-color);
border-radius: 100%;
transition: width 0.3s ease;
}
.cta:hover:before {
width: 80%;
}
.cta-label {
position: relative;
z-index: 2;
background-color: var(--white-color);
}
.modal-link {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.modal-link .modal-icon {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-link .modal-icon img {
width: 100%;
height: 100%;
display: block;
}
.overtitle {
text-transform: uppercase;
display: inline-block;
} #main-header {
--body-color: var(--light-color);
z-index: 26;
padding: 22px 0;
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.page-template-tpl-single:has(.heading-block[data-media="nomedia"]) #main-header {
--body-color: var(--dark-color);
width: 100vw;
position: fixed;
bottom: auto;
top: 0;
}
@media (max-width: 53.0625em) {
#main-header {
width: 100vw;
position: fixed;
bottom: auto;
top: 0;
}
} #main-header.pinned {
--body-color: var(--dark-color);
position: fixed;
top: 0;
bottom: auto;
transition: all 0.4s ease;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.site-logo .logo {
width: var(--logowidth);
}
.site-logo .logo.alternative {
display: none;
}
.page-template-tpl-single:has(.heading-block[data-media="nomedia"]) #main-header .site-logo .logo:not(.alternative),
#main-header.pinned .site-logo .logo:not(.alternative) {
display: none;
}
.page-template-tpl-single:has(.heading-block[data-media="nomedia"]) #main-header .site-logo .logo.alternative,
#main-header.pinned .site-logo .logo.alternative {
display: block;
}
#main-header .container {
display: flex;
align-items: center;
justify-content: space-between;
}
#main-header .header-right {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 39.99em) {
#main-header .container {
justify-content: center;
}
#main-header .header-right {
display: none;
}
}
nav.main-nav ul {
list-style: none;
display: flex;
gap: 28px;
margin: 0;
padding: 0;
font-size: 15px;
letter-spacing: 0.5px;
}
@media (max-width: 53.0625em) {
nav.main-nav ul {
gap: 25px;
}
}
nav.main-nav a {
color: var(--body-color);
position: relative;
font-size: var(--buttonsize);
}
nav.main-nav a::after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 1px;
background: var(--body-color);
transition: width 0.3s;
}
nav.main-nav a:hover::after { width: 100%; }
.language-switcher a {
text-transform: uppercase;
font-size: var(--buttonsize);
}
.language-switcher a.active {
display: none;
} .heading-block {
width: 100%;
height: 100dvh;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: var(--padding);
background-color: var(--darker);
overflow: hidden;
--textcolor: var(--light-color);
}
.heading-block[data-media="nomedia"] {
--textcolor: var(--dark-color);
height: unset;
padding-bottom: var(--padding);
padding-top: calc(2 * var(--padding));
background-color: unset;
min-height: 55dvh;
}
.heading-block:not([data-media="nomedia"]) {
--body-color: var(--light-color);
}
.dark-mode .heading-block[data-media="nomedia"] {
--body-color: var(--light-color);
}
.light-mode .heading-block[data-media="nomedia"] {
--body-color: var(--dark-color);
}
@media (max-width: 39.99em) {
.home div:has(.scroll-section) .heading-block {
display: none;
}
}
.heading-media {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.heading-media:after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.315) 0%, rgba(0, 0, 0, 0) 28.85%, rgba(0, 0, 0, 0.35) 58.65%, rgba(0, 0, 0, 0.7) 100%);
z-index: 1;
pointer-events: none;
}
.heading-media img,
.heading-media picture {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.heading-media video,
.heading-media iframe {
height: 56.25vw;
width: 100%;
min-height: 100%;
min-width: 177.77vh;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
}
.heading-content {
width: 100%;
padding: 0 var(--container);
position: relative;
z-index: 2;
}
.heading-text {
max-width: 80%;
text-align: center;
display: flex;
gap: calc(var(--spacing) * 0.75);
flex-direction: column;
margin: 0 auto;
position: relative;
}
@media (max-width: 53.0625em) {
.heading-text {
flex-wrap: wrap;
}
} @media (max-width: 53.0625em) {
.heading-text,
.heading-content > div {
width: 100%;
max-width: 100%;
}
}
.heading-content .heading-text h1 {
margin-bottom: 0;
font-weight: 300;
color: var(--textcolor);
}
.heading-content .heading-cta {
display: block;
} .heading-block.single-version .heading-media {
width: 90%;
height: auto;
max-height: 100%;
aspect-ratio: 5/2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .section {
width: 100%;
position: relative;
padding: var(--padding) 0 0;
}
@media (max-width: 53.0625em) {
.section {
width: 100vw;
overflow: hidden;
}
}
.section.alt { background: var(--beige-color); }
.section-intro {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
align-items: flex-end;
width: 100%; }
.gallery-block .section-intro,
.instagram-block .section-intro {
padding: 0 var(--container);
}
.single-media_container .section-intro {
width: 45%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.no-borders .single-media_container.dx .section-intro {
padding-right: var(--container);
}
.no-borders .single-media_container.sx .section-intro {
padding-left: var(--container);
}
.single-media_container.dx {
flex-direction: row-reverse;
}
@media (max-width: 53.0625em) {
.single-media_container .section-intro {
width: 100%;
}
.no-borders .single-media_container.dx .section-intro,
.no-borders .single-media_container.sx .section-intro {
padding: 0 var(--container);
}
}
.section-intro .section-intro_text {
max-width: 80%;
display: flex;
flex-direction: column;
gap: 20px;
}
.centered.section-intro .section-intro_text,
.single-media_container .section-intro .section-intro_text {
max-width: 100%;
}
@media (max-width: 39.99em) {
.section-intro {
gap: 30px;
text-align: center;
align-items: center;
}
.section-intro .section-intro_text {
max-width: unset;
width: 100%;
text-align: center;
align-items: center;
}
}
.section-intro_text > div h3 {
text-transform: unset;
}
.section-intro + div {
margin-top: calc(0.7 * var(--padding));
}
.contacts-version .section-intro {
padding: 0 var(--container);
}
.centered.section-intro {
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
} .doublemedia-block {
width: 100%;
position: relative;
}
.doublemedia_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: var(--padding) 0;
}
.doublemedia-intro {
width: 100%;
position: relative;
text-align: center;
}
.doublemedia-intro h2{
margin-bottom: 0;
}
.doublemedia_wrap {
width: 65%;
position: relative;
}
.doublemedia-single {
aspect-ratio: 3/4;
overflow: hidden;
position: relative;
}
.doublemedia-block .doublemedia-single.first {
width: 70%;
margin-bottom: calc(1.5 * var(--padding));
z-index: 1;
}
.doublemedia-block .doublemedia-single.second {
width: 50%;
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
}
.doublemedia-single picture {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: transform 0.3s ease;
}
.doublemedia-single:hover picture {
transform: scale(1.05);
}
.doublemedia_txt {
margin-left: -10%;
position: relative;
width: 45%;
}
.doublemedia_txt > div {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
@media (max-width: 53.0625em) {
.doublemedia-intro {
order: 1;
}
.doublemedia_txt {
order: 2;
margin-left: 0;
width: 100%;
text-align: center;
}
.doublemedia_txt > div {
align-items: center;
}
.doublemedia_wrap {
order: 3;
width: 100%;
}
} .services-block .grid-3 {
width: 100%;
padding: 0 var(--container);
display: grid;
grid-template-columns: repeat(3, 1fr);
align-content: center;
gap: 30px;
}
@media (max-width: 110.0625em) {
.services-block .grid-3 {
padding: 0;
}
}
@media (max-width: 70.75em) {
.services-block .grid-3 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.services-block .card {
--body-color: var(--light-color);
--highlight-color: var(--light-color);
background: var(--green-color);
color: var(--light-color);
padding: 50px 30px;
display: flex;
aspect-ratio: 1/1;
flex-direction: column;
gap: 20px;
text-align: center;
box-shadow: 0 8px 22px rgba(0,0,0,0.05);
}
.services-block .card .card_icon {
width: 80px;
height: 80px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 30px;
}
.services-block .card .card_icon img {
width: 30px;
height: 30px;
filter: var(--filter-to-white);
}
@media (max-width: 91.0625em) {
.services-block .card {
padding: 30px;
}
.services-block .card .card_icon {
width: 70px;
height: 70px;
}
.services-block .card .card_icon img {
width: 25px;
height: 25px;
}
}
@media (max-width: 70.75em) {
.services-block .card {
width: calc(33% - 20px);
}
}
@media (max-width: 53.0625em) {
.services-block .card {
width: calc(50% - 15px);
}
}
@media (max-width: 39.99em) {
.services-block .card {
width: 100%;
justify-content: center;
}
}
.services-block .card h3 { 
min-height: 2.6em;
}
.services-block .card p { color: var(--light-color); }
.services-block .card p a {
border-color: var(--light-color);
} .sliderlink-block {
--gap: 30px;
--slides_per_view: 2;
--difference: calc(var(--gap)/var(--slides_per_view));
}
.sliderlink-block .swiper-slide {
width: calc(45% - var(--difference));
}
.sliderlink-block .swiper-slide-active {
width: calc(55% - var(--difference));
opacity: 1;
}
@media (max-width: 53.0625em) {
.sliderlink-block .swiper-slide,
.sliderlink-block .swiper-slide-active {
width: calc(50% - var(--difference));
}
}
@media (max-width: 39.99em) {
.sliderlink-block .swiper-slide,
.sliderlink-block .swiper-slide-active {
width: 100%;
}
}
.sliderlink-block .swiper-slide > a {
width: 100%;
display: flex;
flex-direction: column;
gap: 30px;
transition: opacity 0.3s ease-out;
}
.sliderlink-block:has(.swiper-slide:hover) .swiper-slide:not(:hover) a {
opacity: 0.5;
}
.sliderlink-single_img {
width: 100%;
position: relative;
aspect-ratio: 3/2;
overflow: hidden;
}
.sliderlink-single_img picture {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: transform 0.3s ease-out;
}
.sliderlink-block .swiper-slide:hover .sliderlink-single_img picture {
transform: scale(1.05);
}
.sliderlink-single_title {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding-bottom: 15px;
}
@media (max-width: 39.99em) {
.sliderlink-single_title {
align-items: center;
text-align: center;
}
} .no-borders .single-media_container {
padding: 0;
}
.single-media_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 50px 0;
}
.single-media_media {
margin-top: 0 !important;
width: 50%;
aspect-ratio: 3/2;
min-height: 500px;
overflow: hidden;
position: relative; }   
.single-media_media.vr {
aspect-ratio: 545/721;
}
@media (max-width: 80.0625em) {
.single-media_media {
min-height: 450px;
}
} @media (max-width: 53.0625em) {
.single-media_media {
width: 100%;
min-height: 400px;
}
}
@media (max-width: 39.99em) {
.single-media_media {
aspect-ratio: 3/2;
}
}
.single-media_media img,
.single-media_media picture {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
object-fit: cover;
}
.single-media_media .modal-link {
z-index: 1;
}
.single-media_media .autoplay-slider-container,
.single-media_media .autoplay-slider {
height: 100%;
}
.single-media_media .swiper-slide {
overflow: hidden;
}
.single-media_media .swiper-slide.hr {
width: 80%;
}
.single-media_media .swiper-slide.vr {
width: 40%;
}
.single-media_media .swiper-slide img,
.single-media_media .swiper-slide picture,
.single-media_media .swiper-slide video {
transition: transform 0.3s ease;
height: 100%;
}
.single-media_media .swiper-slide:hover img,
.single-media_media .swiper-slide:hover picture,
.single-media_media .swiper-slide:hover video {
transform: scale(1.05);
} .offerings .box {
background: var(--body-color);
color: white;
padding: 30px 24px;
border-radius: 10px;
text-align: center;
font-size: 18px;
letter-spacing: 0.5px;
transition: background 0.3s;
}
.offerings .box:hover { background: #3b655a; } .gallery {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: var(--padding) 0;
}
@media (max-width: 39.99em) {
.gallery {
gap: 10px 0;
}
}
.gallery-item {
position: relative;
overflow: hidden;
z-index: 0;
width: 30vw;
aspect-ratio: 1/1;
}
.gallery-item_0 {
width: 55vw;
margin: 0 22.5vw;
z-index: 1;
}
.gallery-item_1 {
margin-top: calc(-3 * var(--padding));
width: 37.5vw;
aspect-ratio: 700/956;
}
.gallery-item_2 {
width: 35vw;
aspect-ratio: 2/3;
}
.gallery-item_3 {
width: 50vw;
aspect-ratio: 3/2;
margin-left: 5vw;
margin-top: calc(-2 * var(--padding));
}
.gallery-item_4 {
width: 25vw;
aspect-ratio: 2/3;
margin-right: 7.5vw;
margin-top: calc(2.5 * var(--padding));
}
.gallery-item_5 { 
width: 40vw;
margin-left: 5vw;
aspect-ratio: 2/3;
margin-top: calc(-4 * var(--padding));
}
.gallery-item_6 {
width: 45vw;
margin-right: 5vw;
aspect-ratio: 4/3;
margin-top: calc(5 * var(--padding));
}
@media (max-width: 70.75em) {
.gallery-item_4 {
margin-top: calc(2 * var(--padding));
}
.gallery-item_6 {
margin-top: calc(4 * var(--padding));
}
}
@media (max-width: 53.0625em) {
.gallery-item_1 {
margin-top: calc(-2 * var(--padding));
width: 45vw;
}
.gallery-item_2 {
width: 40vw;
}
.gallery-item_3 {
margin-top: calc(-1.5 * var(--padding));
}
.gallery-item_4 {
margin-top: calc(2 * var(--padding));
width: 32.5vw;
}
.gallery-item_5 {
margin-top: calc(-5 * var(--padding));
}
.gallery-item_6 {
margin-top: calc(3 * var(--padding));
}
}
@media (max-width: 39.99em) {
.gallery-item_0,
.gallery-item_1,
.gallery-item_2,
.gallery-item_3,
.gallery-item_4,
.gallery-item_5,
.gallery-item_6 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
.gallery-item img,
.gallery-item picture {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: transform 0.3s ease;
}
.gallery-item:hover img,
.gallery-item:hover picture {
transform: scale(1.05);
} .informations-container {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--padding) 0;
}
.informations_intro {
width: 100%;
padding: var(--padding) 0;
text-align: center;
}
@media (max-width: 105.0625em) {
.informations_intro {
padding: calc(0.5 * var(--padding)) 0;
}
}
@media (max-width: 80.0625em) {
.informations_intro {
padding: 0;
}
}
.informations_intro h2 {
text-transform: uppercase;
margin-bottom: 0;
font-size: var(--titlesize);
}
.informations_form {
background: var(--light-color);
width: 100%;
padding: 40px;
}
@media (max-width: 53.0625em) {
.informations_form {
padding: 30px;
width: 100%;
}
}
@media (max-width: 39.99em) {
.informations_form {
padding: 20px;
}
}
.informations_form .cta-label {
background-color: var(--light-color);
}
.informations_cards {
width: 100%;
display: flex;
gap: 50px;
}
@media (max-width: 53.0625em) {
.informations_cards {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
@media (max-width: 39.99em) {
.informations_cards {
flex-direction: column;
}
}
.call-card, .contact-card {
width: 100%;
}
.call-card {
padding: 30px;
padding-left: 150px;
background-color: var(--green-color);
background-size: 100% 100px;
--body-color: var(--white-color);
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.call-card::before {
content: '';
aspect-ratio: 64/99;
width: 150px;
display: block;
position: absolute;
left: 0;
bottom: -20px;
background-image: url(//itinere.org/wp-content/themes/itinere-theme/assets/images/Arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
@media (max-width: 39.99em) {
.call-card {
padding: 20px;
padding-left: 120px;
}
.call-card::before {
width: 120px;
bottom: -15px;
}
}
.call-card p {
color: var(--white-color);
}
.call-card .cta {
color: var(--white-color);
}
.call-card .cta:before {
border-color: var(--white-color);
}
.call-card .cta-label {
background-color: var(--green-color);
}
.contact-card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
@media (max-width: 39.99em) {
.contact-card {
text-align: center;
align-items: center;
}
}
.contact-link {
color: var(--green-color);
font-weight: 500;
position: relative;
}
.contact-link:after {
content: '';
display: block;
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 1px;
background-color: var(--green-color);
transition: width 0.3s ease-out;
}
.contact-link:hover:after {
width: 100%;
} .wpcf7-list-item {
margin: 0;
}
form.wpcf7-form {
display: flex;
flex-direction: column;
gap: 30px;
}
.form-row {
width: 100%;
display: flex;
align-items: flex-end;
gap: 30px;
}
.form-row:has(.form-submit) {
align-items: center;
justify-content: space-between;
}
@media (max-width: 39.99em) {
.form-row {
flex-wrap: wrap;
gap: 20px;
}
}
.form-row .field {
width: 100%;
}
.form-row:has(.form-submit) .field {
width: auto;
}
.form-row:has(.form-submit) .field.field-acceptance {
display: flex;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
width: 100%;
padding: 12px 14px;
border: 1px solid #ccc;
background-color: transparent;
border-radius: 6px;
font-size: calc(0.9 * var(--buttonsize));
font-family: var(--font-light);
outline: var(--green-color);
resize: none;
box-shadow: unset;
}
.wpcf7-form input[type="checkbox"] {
margin: 0 15px 0 0;
border-radius: unset;
width: 20px;
height: 20px;
margin-top: -3px;
cursor: pointer;
vertical-align: middle;
accent-color: var(--green-color);
}
.field-acceptance label {
display: inline-block;
vertical-align: middle;
}
@media (max-width: 80.0625em) {
.wpcf7-form input, .wpcf7-form textarea {
font-size: var(--buttonsize);
}
.wpcf7-form textarea {
height: 150px;
}
}
@media (max-width: 53.0625em) {
.wpcf7-form input, .wpcf7-form textarea {
padding: 10px;
}
.wpcf7-form textarea {
height: 130px;
}
.wpcf7-form input[type="checkbox"] {
width: 15px;
height: 15px;
margin-top: -2px;
margin: 0 10px 0 0;
}
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-not-valid-tip {
position: absolute;
top: 100%;
left: 0;
font-size: 0.7em;
} .instagram-block .container {
padding: 0;
} 
.instagram-feed {
padding-left: var(--container);
} #main-footer {
width: 100%;
position: relative;
border-top: 1px solid var(--dark-color);
margin-top: var(--padding);
}
#main-footer span,
#main-footer a {
display: inline-block;
position: relative;
vertical-align: middle;
font-weight: 400;
}
#main-footer span {
color: var(--body-color);
}
@media (max-width: 70.75em) {
#main-footer span,
#main-footer a {
font-size: 15px;
}
}
@media (max-width: 39.99em) {
#main-footer span,
#main-footer a {
font-size: 14px;
}
}
#main-footer a:after {
content: '';
display: block;
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 1px;
background-color: var(--body-color);
transition: width 0.3s ease-out;
}
#main-footer a:hover:after {
width: 100%;
}
.top-footer {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#main-footer .footer-logo a:after {
display: none;
}
.footer-logo img {
width: var(--logowidth);
display: block;
}
.middle-footer {
width: 100%;
padding: 30px 0 var(--padding);
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 53.0625em) {
.middle-footer {
padding: 30px 0;
gap: 30px 0;
}
}
.middle-footer > div {
--gap: 20px;
display: flex;
flex-direction: column;
gap: var(--gap);
}
@media (max-width: 53.0625em) {
.middle-footer > div {
--gap: 15px;
width: 100%;
align-items: center;
text-align: center;
}
.middle-footer > .footer-form {
order: 3;
}
}
@media (max-width: 39.99em) {
.middle-footer > div {
--gap: 10px;
width: 100%;
}
}
.middle-footer > div h3 {
margin-bottom: 30px;
}
* + .footer-form__wrapper {
margin-top: 30px;
}
.footer-form__wrapper .form-row {
align-items: center;
}
.footer-form__wrapper .form-row + .form-row {
flex-wrap: wrap;
}
@media (max-width: 39.99em) {
.middle-footer > div h3 {
margin-bottom: 20px;
}
.footer-form__wrapper .form-row {
justify-content: center;
}
}
.footer-form__wrapper input[type="email"] {
border-bottom: 0.91px solid #5D665333;
width: 300px;
display: block;
}
#main-footer .social a {
overflow: hidden;
height: var(--socialheight);
}
#main-footer .social a.tw img {
padding: 2px;
}
.bottom-footer {
--body-color: var(--grey-color);
border-top: 1px solid var(--dark-color);
padding: 10px 20px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
@media (max-width: 53.0625em) {
.bottom-footer {
font-size: 15px;
gap: 15px;
justify-content: center;
}
}
@media (max-width: 50.0625em) {
.bottom-footer {
gap: 15px;
}
}
@media (max-width: 39.99em) {
.bottom-footer {
gap: 10px;
font-size: 14px;
padding: 10px;
}
}
#legal {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px;
}
#credits {
display: flex;
align-items: center;
text-align: right;
gap: 30px;
}
@media (max-width: 80.0625em) {
#legal {
gap: 30px;
}
}
@media (max-width: 53.0625em) {
#legal,
#credits {
gap: 25px;
}
#credits {
text-align: left;
}
}
@media (max-width: 39.99em) {
#legal,
#credits {
justify-content: center;
gap: 15px 25px;
}
#credits {
flex-wrap: wrap;
}
}
@media (max-width: 30em) {
#legal,
#credits {
gap: 10px 20px;
}
}
#credits a:after{
display: none;
}
#credits img {
position: relative;
display: block;
width: 80px;
filter: var(--filter-to-black);
margin-left: 8px;
}
#credits .loonei img {
width: 56px;
}
@media (max-width: 53.0625em) {
#credits .loonei img {
width: 55px;
}
} .informations-block::before,
.doublemedia-block + .services-block::before,
.onlytxt-block + .singlemedia-block::before {
content: '';
background-image: url(//itinere.org/wp-content/themes/itinere-theme/assets/images/Circle.svg);
background-size: contain;
background-position: center center;
display: block;
aspect-ratio: 1/1;
position: absolute;
width: 70vw;
}
.onlytxt-block + .singlemedia-block::before {
top: 50%;
transform: translateY(-50%);
right: 0;
}
.doublemedia-block + .services-block::before {
left: -20%;
top: 0%;
transform: translateY(-50%);
}
.informations-block:before {
left: -20%;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 53.0625em) {
.onlytxt-block + .singlemedia-block::before {
top: 25%;
right: -10%;
width: 80vw;
}
.informations-block:before {
width: 80vw;
top: 20%;
}
}
@media (max-width: 39.99em) {
.informations-block::before,
.doublemedia-block + .services-block::before,
.onlytxt-block + .singlemedia-block::before {
display: none;
}
}