p strong,
li strong {
background-image: linear-gradient(#b0dde9, #b0dde9);
display: unset;
background-repeat: no-repeat;
background-size: 0% 40%;
background-position: left 105%;
}
p strong.none,
li strong.none {
background-image: none;
}
@keyframes IconsAnimation {
0% {
transform: translate(0) rotate(3deg);
}
50% {
transform: translate(0) rotate(-3deg);
}
100% {
transform: translate(0) rotate(3deg);
}
}
@keyframes IconsAnimationLati {
0% {
transform: translate(0) rotate(0);
}
50% {
transform: translate(0px, 8px);
}
100% {
transform: translate(0) rotate(0);
}
}
@keyframes ButtonsAnimation {
50% {
scale: 1.02 1.02;
}
}
@keyframes Header {
100% {
display: none;
}
}
@keyframes IconeHome {
0% {
transform: translate(0) rotate(0);
}
50% {
transform: translate(0px, 8px);
}
100% {
transform: translate(0) rotate(0);
}
}
body,
html {
box-sizing: border-box;
outline: none;
font-family: 'Nunito', sans-serif;
font-size: 24px;
line-height: 35px;
color: #000;
}
.t1 {
font-size: 60px;
line-height: 70px;
}
h1,
h2,
h3 {
margin: 0;
}
a,
span {
color: #000;
text-decoration: none;
}
#masthead {
position: fixed;
background-color: #e9eff3;
width: 100%;
z-index: 9999;
padding: 30px 40px 0 40px !important;
}
#masthead .site-branding .site-logo {
width: 300px;
height: auto;
position: relative;
}
#masthead .site-branding .site-logo .custom-logo-link img {
width: 100%;
height: auto;
}
#masthead .primary-menu-container {
padding-top: 42px;
}
#masthead .primary-menu-container #primary-menu-list > li:last-child {
display: none;
}
#masthead .primary-menu-container ul li {
font-weight: 800;
text-transform: uppercase;
font-size: 16px;
z-index: 1;
}
#masthead .primary-menu-container ul li:not(:nth-last-child(-n + 2)) {
padding-right: 29px;
}
#masthead .primary-menu-container ul li:nth-child(2) ul li:first-child {
display: none;
}
#masthead .primary-menu-container ul li:nth-last-child(-n + 3) ul {
left: auto;
right: 0;
transform: translateX(-9px);
}
#masthead .primary-menu-container ul li:nth-last-child(-n + 3) ul li {
justify-content: flex-end;
}
#masthead .primary-menu-container ul li a {
display: inline-block;
z-index: 9999;
position: relative;
text-align: center;
}
#masthead .primary-menu-container ul li a::before {
display: inline-block;
content: '';
position: absolute;
top: 50%;
width: 100%;
height: 40%;
background-color: #8ec5e4;
transform: scaleX(0);
transform-origin: left;
transition: all 0.3s ease;
z-index: -1;
}
#masthead .primary-menu-container ul li a:hover::before {
transform: unset;
}
#masthead .primary-menu-container ul li ul {
width: 100%;
margin: 0;
position: absolute;
top: 100%;
padding-top: 3px;
transition: all 0.5s ease;
z-index: 88888;
background-color: white;
text-align: center;
border-radius: 20px;
padding: 20px;
transform: translateX(-20px);
}
#masthead .primary-menu-container ul li ul li {
font-weight: 800;
padding-left: 0px !important;
padding-right: 0px !important;
text-transform: uppercase;
font-size: 16px;
z-index: 1;
display: flex;
justify-content: flex-start;
}
#masthead .primary-menu-container ul li ul li a {
text-align: start;
display: inline-block;
z-index: 9999;
position: relative;
}
#masthead .primary-menu-container ul li ul li a::before {
display: inline-block;
content: '';
position: absolute;
top: 50%;
width: 100%;
height: 40%;
background-color: #8ec5e4;
transform: scaleX(0);
transform-origin: left;
transition: all 0.3s ease;
z-index: -1;
}
#masthead .primary-menu-container ul li ul li a:hover::before {
transform: unset;
}
#masthead #mobile-navigation .primary-menu-container .menu-wrapper {
padding: 25px 16px;
}
#masthead #mobile-navigation .primary-menu-container .menu-wrapper .menu-item {
padding-left: 0 !important;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
#masthead #mobile-navigation .primary-menu-container .menu-wrapper .menu-item li {
display: flex !important;
align-items: flex-start !important;
}
#masthead #mobile-navigation .primary-menu-container .sub-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#masthead #mobile-navigation .primary-menu-container .sub-menu .menu-item a {
font-size: 16px !important;
line-height: 20px !important;
}
.social {
position: absolute;
top: 25px;
right: 40px;
display: flex;
gap: 7px;
z-index: 2;
}
.social a img {
width: 22px;
height: 22px;
}
#mobile-navigation .menu-button-container {
display: flex;
top: -20px;
left: 35px !important;
right: auto !important;
z-index: 9999 !important;
}
@media only screen and (max-width: 1650px) {
#masthead .site-branding {
display: flex;
align-items: flex-start;
}
#masthead .site-branding .site-logo .custom-logo-link img {
width: 80%;
height: auto;
}
#masthead .primary-menu-container {
padding-top: 27px;
}
}
@media only screen and (max-width: 1600px) {
#masthead .primary-menu-container .menu-wrapper .menu-item {
font-size: 13px;
}
}
@media only screen and (max-width: 1439px) {
#first {
margin-top: 30px !important;
}
#masthead {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#masthead .site-branding {
transition: all 1s ease;
display: flex;
align-items: flex-start;
}
#masthead .site-branding .site-logo .custom-logo-link {
display: flex;
align-items: center;
justify-content: center;
}
#masthead .primary-menu-container .menu-wrapper .menu-item a {
font-size: 14px;
}
#masthead .primary-navigation {
margin: 0;
}
#masthead .primary-navigation .primary-menu-container {
padding-top: 0;
}
#masthead.sticky {
width: 100%;
position: fixed !important;
height: 70px !important;
padding: 0px !important;
top: 0;
left: 0;
}
#masthead.sticky .site-branding {
display: none;
}
#masthead.sticky .social {
display: none;
}
#masthead .social {
position: relative;
width: 100%;
justify-content: center;
top: unset;
right: unset;
}
}
@media only screen and (max-width: 1200px) {
#masthead .primary-menu-container .menu-wrapper .menu-item a {
font-size: 12.4px;
}
}
@media only screen and (max-width: 1120px) {
#masthead .primary-menu-container .menu-wrapper .menu-item {
font-size: 12px;
}
#masthead .primary-menu-container .menu-wrapper .menu-item:not(:last-child) {
padding-right: 27px !important;
}
}
@media only screen and (max-width: 1080px) {
#masthead .primary-menu-container .menu-wrapper .menu-item {
font-size: 12px;
}
#masthead .primary-menu-container .menu-wrapper .menu-item:not(:last-child) {
padding-right: 23px !important;
}
}
@media only screen and (max-width: 1025px) {
#masthead {
padding: 0 !important;
position: fixed;
background-color: #e9eff3;
transition: all 0.3s ease;
transition: unset !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 90px;
}
#masthead .site-branding {
display: flex;
align-items: center;
height: 100%;
width: 100%;
justify-content: center;
background-color: #e9eff3;
z-index: 9998;
}
#masthead .site-branding .site-logo,
#masthead .site-branding .custom-logo-link {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
#masthead .site-branding .site-logo span,
#masthead .site-branding .site-logo img,
#masthead .site-branding .custom-logo-link span,
#masthead .site-branding .custom-logo-link img {
width: 100%;
height: auto;
}
#masthead .primary-menu-container {
padding-top: 0;
}
#masthead .primary-menu-container::-webkit-scrollbar {
display: none;
}
#masthead .primary-menu-container .menu-wrapper::-webkit-scrollbar {
display: none;
}
#masthead .primary-menu-container .menu-wrapper .menu-item {
font-weight: 800;
padding-left: 30px;
text-transform: uppercase;
font-size: 30px;
z-index: 1;
}
#masthead .primary-menu-container .menu-wrapper .menu-item:nth-child(2) ul li:first-child {
display: block;
}
#masthead .primary-menu-container .menu-wrapper .menu-item:nth-last-child(-n + 3) ul {
transform: translateX(-20px);
}
#masthead .primary-menu-container .menu-wrapper .menu-item a {
font-size: 18px;
padding: 10px 0 !important;
}
#masthead .primary-menu-container .sub-menu {
width: 100%;
margin: 0;
min-width: max-content;
position: relative;
top: 100%;
padding-top: 3px;
transition: all 0.5s ease;
z-index: 88888;
padding-left: 15px !important;
}
#masthead .primary-menu-container .sub-menu .menu-item {
font-weight: normal;
padding-left: 30px !important;
padding-right: 30px;
text-transform: uppercase;
font-size: 20px;
z-index: 1;
}
#masthead .primary-menu-container .sub-menu .menu-item a {
padding: 5px !important;
padding-bottom: 15px !important;
}
#masthead.sticky {
height: 90px !important;
transition: unset !important;
}
#masthead.sticky .site-branding {
display: flex;
}
#masthead .social {
justify-content: flex-start;
}
#masthead .social-mobile {
display: block;
position: relative;
width: 100%;
display: flex;
justify-content: flex-start;
gap: 7px;
}
#masthead .social-mobile a img {
width: 22px;
height: 22px;
}
#masthead .primary-menu-container ul li ul li {
width: 100vw;
}
#masthead .primary-menu-container ul li ul li a::before {
display: none;
}
#masthead .primary-menu-container ul li ul li a:hover::before {
transform: unset;
}
.page-template-template-idea #first .container .image {
margin-top: 0;
}
.page-template-template-modulistica #first {
padding-top: 0;
margin-top: 20px;
}
}
@media only screen and (max-width: 800px) {
#masthead .primary-menu-container .menu-wrapper .menu-item {
font-size: 20px;
}
#masthead .primary-menu-container .menu-wrapper .sub-menu .menu-item {
font-size: 15px;
}
}
@media only screen and (max-width: 500px) {
#mobile-navigation .menu-button-container {
display: flex;
left: 15px !important;
right: auto !important;
}
}
::-webkit-scrollbar {
width: 7px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #001b51;
border-radius: 0px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::selection {
background-color: #001b51 !important;
color: #fff !important;
}
@font-face {
font-family: 'Agbalumo';
src: url(//www.scuolatonolli.it/wp-includes/fonts/Agbalumo-Regular.woff2) format('woff2'),
url(//www.scuolatonolli.it/wp-includes/fonts/Agbalumo-Regular.woff) format('woff');
font-weight: normal;
line-height: normal;
}
body {
background-image: url(//www.scuolatonolli.it/wp-content/themes/tonolli-child/assets/media/sfondo_top.svg) !important;
background-repeat: no-repeat !important;
width: 100vw;
background-size: 100vw !important;
}
body #content {
min-height: unset;
}
.draw {
width: 200px;
}
.draw img {
width: 100%;
height: auto;
}
.corsivo {
font-family: 'Agbalumo';
}
.title,
.subtitle {
display: inline-block;
}
.content-inner #breadcrumbs {
display: flex;
align-items: flex-start;
margin-left: 8.7vw;
margin-bottom: 20px;
position: absolute;
}
.content-inner #breadcrumbs span {
background-image: none;
color: #000;
font-size: 12px;
font-weight: 400;
line-height: normal;
text-align: center;
text-transform: uppercase;
}
.content-inner #breadcrumbs span strong {
font-weight: 800;
}
#first {
margin-top: 150px;
padding-top: 30px;
}
h1 p,
h2 p {
display: unset !important;
}
.page-template-template-home #first {
position: relative;
padding: 10px 30px 0 30px;
}
.page-template-template-home #first .draw {
position: absolute;
z-index: 0;
opacity: 0;
pointer-events: none;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
left: 5vw;
}
.page-template-template-home #first .gallery {
padding: 25px;
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #9fcbe5;
border-radius: 20px;
position: relative;
}
.page-template-template-home #first .gallery .next {
position: absolute;
top: 50%;
right: 4vw;
transform: translateY(-50%);
}
.page-template-template-home #first .gallery .next svg {
overflow: visible !important;
}
.page-template-template-home #first .gallery .next .internoFreccia {
transition: all 0.3s ease;
}
.page-template-template-home #first .gallery .next:hover .internoFreccia {
transform: translateY(10px);
}
.page-template-template-home #first .gallery .prev {
position: absolute;
top: 50%;
left: 2.5vw;
transform: translateY(-50%);
z-index: 1;
}
.page-template-template-home #first .gallery .prev svg {
overflow: visible !important;
}
.page-template-template-home #first .gallery .prev .internoFreccia {
transition: all 0.3s ease;
}
.page-template-template-home #first .gallery .prev:hover .internoFreccia {
transform: translateY(10px);
}
.page-template-template-home #first .gallery .galleria {
width: 100%;
display: block;
height: 100%;
width: 100%;
height: 34vw;
margin-bottom: 0px !important;
}
.page-template-template-home #first .gallery .galleria .slick-list {
height: 100%;
}
.page-template-template-home #first .gallery .galleria img {
border-radius: 20px;
}
.page-template-template-home #first .gallery .galleria .slick-track {
height: 100%;
}
.page-template-template-home #first .gallery .galleria .slick-dots {
bottom: -60px !important;
}
.page-template-template-home #first .gallery .galleria .slick-dots li:only-child {
display: none;
}
.page-template-template-home #first .gallery .galleria .slick-dots li.slick-active button::after {
opacity: 1;
}
.page-template-template-home #first .gallery .galleria .slick-dots li button {
position: relative;
width: 15px;
height: 10px;
}
.page-template-template-home #first .gallery .galleria .slick-dots li button::before {
content: '';
position: absolute;
color: black;
width: 100%;
height: 100%;
transform: rotate(330deg);
border: solid;
border-radius: 31px;
border-width: 2px;
top: 0px;
left: 0;
z-index: 1;
}
.page-template-template-home #first .gallery .galleria .slick-dots li button::after {
opacity: 0;
content: '';
position: absolute;
background-color: #ffd9d9;
width: 100%;
height: 100%;
transform: rotate(330deg);
border: none;
border-radius: 31px;
border-width: 2px;
top: 2px;
left: -2px;
z-index: 0;
}
.page-template-template-home #first .gallery .galleria .slick-dots li:nth-child(2n) button::before {
top: -4px;
}
.page-template-template-home #first .gallery .galleria .slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.page-template-template-home #first .gallery .galleria .div-img {
width: 100%;
height: 34vw;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.page-template-template-home #first .gallery .galleria .div-img #canvas {
width: 100%;
height: 100%;
display: block;
position: relative;
border-radius: 20px;
object-fit: cover;
}
.page-template-template-home #first .gallery .galleria .div-img .cit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12vw;
left: auto;
width: 30vw;
}
.page-template-template-home #first .gallery .galleria .div-img .cit .testo-home {
color: #001b51;
text-align: start;
width: 100%;
font-weight: 800;
}
.page-template-template-home #first .gallery .galleria .div-img .cit .testo-home p {
margin: 0;
font-size: 28px;
line-height: 34px;
} .page-template-template-home #first .gallery .galleria .div-img .cit .testo-home p:last-child {
font-size: 18px;
line-height: 20px;
margin-top: 3vw;
}
.page-template-template-home #first .gallery .galleria .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.page-template-template-home #first .gallery .galleria .div-img img.img-mobile {
display: none;
}
.page-template-template-home #first .school-presentation {
padding-top: 100px;
width: 100%;
display: flex;
gap: 150px;
align-items: center;
justify-content: center;
margin-bottom: 135px;
}
.page-template-template-home #first .school-presentation .text {
width: 33vw;
display: flex;
flex-direction: column;
}
.page-template-template-home #first .school-presentation .text .title {
padding-bottom: 10px;
}
.page-template-template-home #first .school-presentation .text .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.page-template-template-home #first .school-presentation .text .subtitle h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
}
.page-template-template-home #first .school-presentation .text p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 5px;
}
.page-template-template-home #first .school-presentation .text .button-border {
width: 180px;
height: 70px;
position: relative;
left: -4px;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
padding: 0 10px;
}
.page-template-template-home #first .school-presentation .text .button-border:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-home #first .school-presentation .text .button-border:hover button {
background-color: #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-home #first .school-presentation .text .button-border a {
width: 100%;
}
.page-template-template-home #first .school-presentation .text .button-border button {
transition-duration: 0.5s;
cursor: pointer;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
padding: 10px 20px;
width: 100%;
}
.page-template-template-home #first .school-presentation .draw {
position: absolute;
left: auto;
z-index: -1;
opacity: 0;
pointer-events: none;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
.page-template-template-home #first .school-presentation .school-img {
padding: 20px;
width: 38.5vw;
height: auto;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #fdcedb;
border-radius: 20px;
}
.page-template-template-home #first .school-presentation .school-img img {
width: 100%;
height: auto;
border-radius: 20px;
}
.page-template-template-home #second {
width: 100%;
}
.page-template-template-home #second::before {
content: '';
display: block;
height: 8.3vw;
width: 100%;
background-image: url(//www.scuolatonolli.it/wp-content/themes/tonolli-child/assets/media/onda_top.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100vw;
position: relative;
z-index: -1;
}
.page-template-template-home #second::after {
content: '';
display: block;
height: 8.3vw;
width: 100%;
background-image: url(//www.scuolatonolli.it/wp-content/themes/tonolli-child/assets/media/onda_bottom.svg);
background-repeat: no-repeat;
background-size: 100vw;
background-position: top;
position: relative;
z-index: -1;
}
.page-template-template-home #second .container {
background-color: #f4f1ed;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-home #second .container .title {
width: 55%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 2.6vw;
}
.page-template-template-home #second .container .title .h1 {
margin-top: 20px;
color: #001b51;
font-size: 60px;
font-weight: 800;
margin-bottom: 20px;
line-height: 65px;
text-align: center;
}
.page-template-template-home #second .container .title p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-align: center;
margin: 0;
}
.page-template-template-home #second .container .services {
display: flex;
flex-flow: row wrap;
justify-content: center;
width: 100%;
gap: 50px;
}
.page-template-template-home #second .container .services .single-service {
width: 400px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-home #second .container .services .single-service:hover {
animation: IconeHome 1s infinite ease-in-out;
}
.page-template-template-home #second .container .services .single-service h3 {
margin-top: 21px;
margin-bottom: -10px;
text-align: center;
}
.page-template-template-home #second .container .services .single-service h3 p {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-home #second .container .services .single-service h3 p span {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
line-height: 35px;
}
.page-template-template-home #second .container .services .single-service p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-align: center;
}
.page-template-template-chi-siamo #first {
width: 100%;
padding-top: 60px;
}
.page-template-template-chi-siamo #first .draw {
position: absolute;
left: 3vw;
z-index: -1;
opacity: 0;
pointer-events: none;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
.page-template-template-chi-siamo #first .draw.fondo {
left: 10vw;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
}
.page-template-template-chi-siamo #first .container {
width: 100%;
padding-right: 6vw;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8vw;
}
.page-template-template-chi-siamo #first .container .text {
width: 33vw;
display: flex;
flex-direction: column;
}
.page-template-template-chi-siamo #first .container .text h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
margin-bottom: 2vw;
line-height: 100px;
}
.page-template-template-chi-siamo #first .container .text h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
margin-bottom: 44px;
text-transform: uppercase;
line-height: 35px;
display: inline;
}
.page-template-template-chi-siamo #first .container .text p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.page-template-template-chi-siamo #first .container .image {
width: 36.5vw;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
border: 2px dashed #fdcedb;
border-radius: 20px;
}
.page-template-template-chi-siamo #first .container .image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.page-template-template-chi-siamo #first .buttons {
padding-top: 6vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 27px;
}
.page-template-template-chi-siamo #first .buttons .top-buttons,
.page-template-template-chi-siamo #first .buttons .bottom-buttons {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page-template-template-chi-siamo #first .buttons .top-buttons .button-border,
.page-template-template-chi-siamo #first .buttons .bottom-buttons .button-border {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.page-template-template-chi-siamo #first .buttons .top-buttons .button-border:hover,
.page-template-template-chi-siamo #first .buttons .bottom-buttons .button-border:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-chi-siamo #first .buttons .top-buttons .button-border:hover button,
.page-template-template-chi-siamo #first .buttons .bottom-buttons .button-border:hover button {
background-color: #ffd426;
}
.page-template-template-chi-siamo #first .buttons .top-buttons .button-border button,
.page-template-template-chi-siamo #first .buttons .bottom-buttons .button-border button {
transition-duration: 0.5s;
cursor: pointer;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.page-template-template-chi-siamo #first .buttons .top-buttons {
gap: 27px;
}
.page-template-template-chi-siamo #first .buttons .bottom-buttons {
gap: 27px;
}
.page-template-template-idea #first {
width: 100%;
padding-top: 120px;
}
.page-template-template-idea #first .draw {
pointer-events: none;
position: absolute;
left: 45vw;
top: 10vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.page-template-template-idea #first .draw.fondo {
left: 50px;
top: 65vw;
}
.page-template-template-idea #first .draw.centro {
left: 3vw;
top: 30vw;
animation-name: IconsAnimation;
animation-duration: 3.35s;
}
.page-template-template-idea #first .container {
width: 100%;
padding-right: 5%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7.4%;
}
.page-template-template-idea #first .container .text {
width: 33vw;
display: flex;
flex-direction: column;
}
.page-template-template-idea #first .container .text h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
text-align: start;
line-height: 65px;
}
.page-template-template-idea #first .container .text p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 25px;
}
.page-template-template-idea #first .container .image {
width: 39vw;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
border: 2px dashed #fdcedb;
border-radius: 20px;
}
.page-template-template-idea #first .container .image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.page-template-template-idea #first .paragraph {
width: 68vw;
margin: 0 auto;
margin-top: 6vw;
}
.page-template-template-idea #first .paragraph p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.page-template-template-idea #first .buttons {
padding-top: 5vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-template-template-idea #first .buttons .testo {
display: none;
}
.page-template-template-idea #first .buttons .testo p {
color: #001b51;
font-size: 20px;
font-weight: 400;
text-align: center;
line-height: 25px;
}
.page-template-template-idea #first .top-button,
.page-template-template-idea #first .bottom-buttons {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page-template-template-idea #first .top-button .button-border,
.page-template-template-idea #first .bottom-buttons .button-border {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.page-template-template-idea #first .top-button .button-border:hover,
.page-template-template-idea #first .bottom-buttons .button-border:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-idea #first .top-button .button-border:hover button,
.page-template-template-idea #first .bottom-buttons .button-border:hover button {
background-color: #ffd426;
}
.page-template-template-idea #first .top-button .button-border button,
.page-template-template-idea #first .bottom-buttons .button-border button {
transition-duration: 0.5s;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.page-template-template-idea #first .top-button {
margin-bottom: 20px;
}
.page-template-template-idea #first .bottom-buttons {
gap: 37px;
display: none;
}
.page-template-template-cosa-orienta #first {
width: 100%;
padding-top: 120px;
}
.page-template-template-cosa-orienta #first .draw {
pointer-events: none;
position: absolute;
left: 45vw;
top: 10vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
.page-template-template-cosa-orienta #first .draw.fondo {
left: 10vw;
bottom: -50vw;
top: auto;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
}
.page-template-template-cosa-orienta #first .draw.centro {
left: 3vw;
top: 30vw;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
}
.page-template-template-cosa-orienta #first .container {
width: 100%;
padding-right: 5%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7.4%;
}
.page-template-template-cosa-orienta #first .container .text {
width: 33vw;
display: flex;
flex-direction: column;
}
.page-template-template-cosa-orienta #first .container .text h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
text-align: start;
line-height: 65px;
}
.page-template-template-cosa-orienta #first .container .text p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 25px;
}
.page-template-template-cosa-orienta #first .container .image {
width: 39vw;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
border: 2px dashed #fdcedb;
border-radius: 20px;
}
.page-template-template-cosa-orienta #first .container .image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.page-template-template-cosa-orienta #first .button {
padding-top: 100px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 5vw;
padding-right: 5vw;
}
.page-template-template-cosa-orienta #first .button .button-border {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.page-template-template-cosa-orienta #first .button .button-border:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-cosa-orienta #first .button .button-border:hover button {
background-color: #ffd426;
}
.page-template-template-cosa-orienta #first .button .button-border button {
transition-duration: 0.5s;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.page-template-template-cosa-orienta #first .photos {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding-top: 74px;
padding-bottom: 105px;
gap: 5vw;
}
.page-template-template-cosa-orienta #first .photos .image {
width: 39vw;
height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
border: 2px dashed #fdcedb;
border-radius: 20px;
}
.page-template-template-cosa-orienta #first .photos .image img {
width: 100%;
height: 100%;
border-radius: 20px;
}
.page-template-template-organizzazione-anno #first {
width: 100%;
padding-top: 50px;
}
.page-template-template-organizzazione-anno #first .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 15vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
.page-template-template-organizzazione-anno #first .draw.fondo {
left: 50px;
top: 80vw;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
}
.page-template-template-organizzazione-anno #first .draw.centro {
left: 70vw;
top: 40vw;
}
.page-template-template-organizzazione-anno #first .title {
width: 100%;
padding-left: 16%;
margin-bottom: 30px;
}
.page-template-template-organizzazione-anno #first .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.page-template-template-organizzazione-anno #first .icon {
position: relative;
margin-top: 50px;
padding-left: 15vw;
display: flex;
align-items: center;
justify-content: flex-start;
}
.page-template-template-organizzazione-anno #first .tabella {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper {
width: 68vw;
border-radius: 20px;
border: 2px dashed #b0dde9;
display: block;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table {
width: 100%;
border: none;
border-collapse: collapse;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td {
padding-left: 2vw;
padding-right: 4vw;
border-bottom: 2px dashed #b0dde9;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.mese p {
color: #001b51;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.contenuto ul li {
color: #001b51;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td:first-child {
border-right: 2px dashed #b0dde9;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr:last-child td {
border-bottom: none;
}
.page-template-template-offerta-formativa #first .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 20vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
.page-template-template-offerta-formativa #first .draw.fondo {
left: 5vw;
top: 95vw;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
}
.page-template-template-offerta-formativa #first .draw.centro {
right: 5vw;
left: auto;
top: 50vw;
}
.page-template-template-offerta-formativa #first .container {
padding-top: 85px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-template-offerta-formativa #first .container .title {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-offerta-formativa #first .container .title .titolo {
display: inline-block;
text-align: center;
}
.page-template-template-offerta-formativa #first .container .title .titolo h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
text-align: center;
line-height: 65px;
}
.page-template-template-offerta-formativa #first .container .title p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
display: inline-block;
width: 100vw;
padding: 0 16vw;
text-align: center;
}
.page-template-template-offerta-formativa #first .container .title p .corsivo {
display: inline-block;
width: 42vw;
color: #000;
text-align: center;
font-family: Agbalumo;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera {
width: 100%;
padding: 0 16vw;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 6%;
position: relative;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a {
width: calc(100% / 2 - (6% / 2));
position: relative;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a .single-sezione {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px;
border: 2px dashed #bce9fb;
border-radius: 20px;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a .single-sezione img {
width: 100%;
height: auto;
margin-bottom: 20px;
border-radius: 20px;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a .single-sezione h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
transition: all 0.3s ease;
text-align: center;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a .single-sezione h3 {
text-align: center;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
line-height: 25px;
margin-top: 0px;
transition: all 0.3s ease;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a:hover .single-sezione {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-offerta-formativa #second {
padding-top: 68px;
}
.page-template-template-offerta-formativa #second .container {
width: 100%;
display: flex;
gap: 2.6vw;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-offerta-formativa #second .container .text {
width: 100vw;
padding: 0 16vw;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-offerta-formativa #second .container .text h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
}
.page-template-template-offerta-formativa #second .container .text p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 50px;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 {
width: 100%;
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
padding: 0 16vw;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 a {
margin-top: 15px;
width: 31vw;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 a:nth-child(2n) {
margin-left: 8.8%;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 a .border-single-service {
width: 100%;
height: 100%;
border: 2px dashed #b0dde9;
border-radius: 20px;
padding: 5%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service {
padding: 15px 0;
width: 100%;
height: 100%;
background-color: #cfeaf4;
border-radius: 20px;
border: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
h3 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
margin-top: 30px;
text-align: center;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a:hover
.border-single-service {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a:hover
.border-single-service
.single-service {
background-color: #ffd426;
}
.page-template-template-progetti-servizi #content {
min-height: unset !important;
}
.page-template-template-progetti-servizi #first {
margin-bottom: 30px;
}
.page-template-template-progetti-servizi #first .draw {
pointer-events: none;
position: absolute;
left: 45vw;
top: 15vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimation;
animation-duration: 5.05s;
animation-iteration-count: infinite;
}
.page-template-template-progetti-servizi #first .container {
margin-top: 50px;
padding-left: 16vw;
width: 100%;
display: flex;
gap: 7vw;
padding-bottom: 0px;
}
.page-template-template-progetti-servizi #first .container .text {
width: 33vw;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-progetti-servizi #first .container .text ul {
padding-left: 23px;
}
.page-template-template-progetti-servizi #first .container .text h1 {
margin-top: 20px;
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
margin-bottom: 20px;
}
.page-template-template-progetti-servizi #first .container .text p,
.page-template-template-progetti-servizi #first .container .text ul li {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.page-template-template-progetti-servizi #first .container .image .image-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.5vw;
border: 2px dashed #fdcedb;
border-radius: 20px;
padding: 20px;
width: 39vw;
height: auto;
}
.page-template-template-progetti-servizi #first .container .image .image-wrapper img {
width: 100%;
height: auto;
border-radius: 20px;
}
.page-template-template-progetti-servizi .disegno .draw {
pointer-events: none;
position: absolute;
left: 0vw;
bottom: 0vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.page-template-template-progetti-servizi #second .all-buttons {
width: 100vw;
padding: 0 10vw;
}
.page-template-template-progetti-servizi #second .all-buttons .button {
padding-top: 0px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5.2vw;
}
.page-template-template-progetti-servizi #second .all-buttons .button:nth-child(1) {
margin-bottom: 20px;
}
.page-template-template-progetti-servizi .all-buttons .button .button-wrapper {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.page-template-template-progetti-servizi .buttonsWrapper .all-buttons .button:not(:last-child){margin-bottom: 12px;}
.page-template-template-progetti-servizi .all-buttons .button .button-wrapper:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-progetti-servizi .all-buttons .button .button-wrapper:hover button {
background-color: #ffd426;
}
.page-template-template-progetti-servizi .all-buttons .button .button-wrapper button {
transition-duration: 0.5s;
cursor: pointer;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.page-template-template-progetti-servizi #second .text {
width: 100vw;
padding: 0 16vw;
position: relative;
}
.page-template-template-progetti-servizi #second .text .paragrafo {
width: 100%;
margin-top: 4vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-progetti-servizi #second .text .paragrafo p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
width: 100%;
}
.page-template-template-progetti-servizi #second .text .paragrafo p:first-child {
display: none;
}
.page-template-template-progetti-servizi #second .gallery {
margin: 0 auto;
margin-top: 6vw;
padding: 20px;
width: 700px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #9fcbe5;
border-radius: 20px;
position: relative;
}
.page-template-template-progetti-servizi #second .gallery .next {
position: absolute;
top: 50%;
right: -6vw;
transform: translateY(-50%);
}
.page-template-template-progetti-servizi #second .gallery .next svg {
overflow: visible !important;
}
.page-template-template-progetti-servizi #second .gallery .next .internoFreccia {
transition: all 0.3s ease;
}
.page-template-template-progetti-servizi #second .gallery .next:hover .internoFreccia {
transform: translateY(10px);
}
.page-template-template-progetti-servizi #second .gallery .prev {
position: absolute;
top: 50%;
left: -6vw;
transform: translateY(-50%);
z-index: 1;
}
.page-template-template-progetti-servizi #second .gallery .prev svg {
overflow: visible !important;
}
.page-template-template-progetti-servizi #second .gallery .prev .internoFreccia {
transition: all 0.3s ease;
}
.page-template-template-progetti-servizi #second .gallery .prev:hover .internoFreccia {
transform: translateY(10px);
}
.page-template-template-progetti-servizi #second .gallery .galleria {
width: 100%;
display: block;
height: 100%;
margin-bottom: 0px !important;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-list {
height: 100%;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-track {
height: 100%;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots {
bottom: -60px !important;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots li:only-child {
display: none;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots li.slick-active button::after {
opacity: 1;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots li button {
position: relative;
width: 15px;
height: 10px;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots li button::before {
content: '';
position: absolute;
color: black;
width: 100%;
height: 100%;
transform: rotate(330deg);
border: solid;
border-radius: 31px;
border-width: 2px;
top: 0px;
left: 0;
z-index: 1;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots li button::after {
opacity: 0;
content: '';
position: absolute;
background-color: #ffd9d9;
width: 100%;
height: 100%;
transform: rotate(330deg);
border: none;
border-radius: 31px;
border-width: 2px;
top: 2px;
left: -2px;
z-index: 0;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dots li:nth-child(2n) button::before {
top: -4px;
}
.page-template-template-progetti-servizi #second .gallery .galleria .slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.page-template-template-progetti-servizi #second .gallery .galleria .div-img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.page-template-template-progetti-servizi #second .gallery .galleria .div-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
aspect-ratio: 1;
border-radius: 20px;
}
.page-template-template-orari-e-sportelli #content {
min-height: unset !important;
}
.page-template-template-orari-e-sportelli #first .draw {
pointer-events: none;
position: absolute;
left: 80vw;
top: 10vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.page-template-template-orari-e-sportelli #first .draw.fondo {
left: 2vw;
top: 40vw;
animation-name: IconsAnimation;
animation-duration: 5.05s;
}
.page-template-template-orari-e-sportelli #first .container .text {
margin-top: 62px;
display: flex;
flex-direction: column;
padding-left: 15.5%;
padding-right: 16%;
}
.page-template-template-orari-e-sportelli #first .container .text p,
.page-template-template-orari-e-sportelli #first .container .text ul li {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.page-template-template-orari-e-sportelli #first .container .text h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.page-template-template-orari-e-sportelli #first .container .text h2 {
color: #000;
font-size: 30px;
font-weight: 800;
line-height: 35px;
}
.page-template-template-orari-e-sportelli #first .container .text ul {
margin: 0;
}
.page-template-template-orari-e-sportelli #first .buttons {
display: flex;
gap: 20px;
padding-left: 15.5%;
justify-content: flex-start;
}
.page-template-template-orari-e-sportelli #first .buttons .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.page-template-template-orari-e-sportelli #first .buttons .button-wrapper:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-orari-e-sportelli #first .buttons .button-wrapper:hover button {
background-color: #ffd426;
}
.page-template-template-orari-e-sportelli #first .buttons .button-wrapper button {
transition-duration: 0.5s;
cursor: pointer;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.page-template-template-contatti #content {
min-height: unset;
}
.page-template-template-contatti #first {
padding-top: 100px;
}
.page-template-template-contatti #first .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 10vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
.page-template-template-contatti #first .container {
width: 100%;
display: flex;
flex-direction: column;
gap: 50px;
padding-left: 16vw;
padding-right: 16vw;
margin-bottom: 60px;
position: relative;
}
.page-template-template-contatti #first .container .title {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.page-template-template-contatti #first .container .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
float: left;
}
.page-template-template-contatti #first .container .title .icons {
display: flex;
align-items: flex-end;
gap: 10px;
float: right;
}
.page-template-template-contatti #first .container .title .icons .image-wrapper {
display: flex;
}
.page-template-template-contatti #first .container .contacts {
width: 100%;
display: flex;
justify-self: flex-start;
align-items: stretch;
gap: 20px;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 1.5vw;
width: calc(100% / 2 - 10px);
position: relative;
border: 2px dashed #bce9fb;
border-radius: 20px;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .image-wrapper {
width: 100px;
position: relative;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .image-wrapper img {
width: 100%;
height: auto;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .text {
display: flex;
flex-direction: column;
width: 100%;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .text p {
font-size: 20px;
line-height: normal;
font-weight: 800;
text-align: center;
margin-top: 0;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .text a {
position: relative;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .text a::before {
display: inline-block;
content: '';
position: absolute;
top: 50%;
width: 100%;
height: 40%;
background-color: #8ec5e4;
transform: scaleX(0);
transform-origin: left;
transition: all 0.3s ease;
z-index: -1;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper .contact .text a:hover::before {
transform: unset;
}
.page-template-template-contatti #first .position {
padding: 0 16vw;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: 5.2vw;
}
.page-template-template-contatti #first .position .title {
width: 100%;
}
.page-template-template-contatti #first .position .title h2 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
float: left;
}
.page-template-template-contatti #first .position .position-text {
width: 100%;
}
.page-template-template-contatti #first .position .position-text p {
font-size: 20px;
font-weight: 800;
line-height: normal;
}
.page-template-template-contatti #first .position .map {
width: 100%;
}
.page-template-template-contatti #first .position .map .map-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
border: 2px dashed #fdcedb;
border-radius: 20px;
padding: 20px;
}
.page-template-template-contatti #first .position .map .map-wrapper iframe {
width: 100%;
height: 600px;
border-radius: 20px;
}
.page-template-template-contatti .footer-title,
.page-template-template-contatti .footer-inner {
display: none;
}
.page-template-template-modulistica #first .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 10vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.page-template-template-modulistica #first .draw.destra {
left: 70vw;
top: 20vw;
animation-name: IconsAnimation;
animation-duration: 3.35s;
}
.page-template-template-modulistica #first .draw.centro {
left: 60vw;
top: 50vw;
animation-name: IconsAnimationLati;
animation-duration: 4.65s;
}
.page-template-template-modulistica #first .title {
padding-left: 16%;
margin-top: 100px;
}
.page-template-template-modulistica #first .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.page-template-template-modulistica #first .container {
padding-left: 16%;
padding-right: 16%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-modulistica #first .container .argument {
padding-top: 22px;
}
.page-template-template-modulistica #first .container .argument .sottotitolo {
padding-bottom: 20px;
}
.page-template-template-modulistica #first .container .argument .sottotitolo h2 {
color: #000;
font-size: 30px;
font-weight: 800;
line-height: 35px;
text-transform: uppercase;
}
.page-template-template-modulistica #first .container .argument .paragrafo p {
margin-top: 0;
}
.page-template-template-modulistica #first .container .argument .button {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper:hover button {
background-color: #ffd426;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper button {
transition-duration: 0.5s;
cursor: pointer;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.page-template-template-perche-sceglierci #first .draw {
pointer-events: none;
position: absolute;
left: 2vw;
top: 25vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.page-template-template-perche-sceglierci #first .draw.centro {
right: 2vw;
left: auto;
top: 2300px;
animation-name: IconsAnimation;
animation-duration: 3.35s;
}
.page-template-template-perche-sceglierci #first .draw.fondo {
left: 50px;
top: 3000px;
animation-name: IconsAnimationLati;
animation-duration: 4.65s;
}
.page-template-template-perche-sceglierci #first .title {
display: inline-block;
margin-top: 60px;
padding-left: 8.5vw;
margin-bottom: 0px;
}
.page-template-template-perche-sceglierci #first .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto {
width: 100vw;
margin-bottom: 82px;
display: flex;
gap: 7vw;
padding: 0 8.5vw;
position: relative;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .text {
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .text h2 {
color: #001b51;
font-family: Nunito;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .text p {
padding: 0;
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .content-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #fdcedb;
border-radius: 20px;
width: 50%;
height: 100%;
padding: 20px;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .content-wrapper .allegato {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .content-wrapper .allegato img {
width: 100%;
height: auto;
border-radius: 20px;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .content-wrapper .allegato iframe {
width: 100%;
height: 100%;
border-radius: 20px;
}
.page-template-template-perche-sceglierci #first .container-allegati :nth-child(2n) {
flex-direction: row-reverse;
}
.page-template-template-perche-sceglierci #first .container-allegati :first-child .text {
padding-top: 6px;
}
.page-template-template-perche-sceglierci #first .container .contenuto {
margin-bottom: 82px;
width: 100%;
display: flex;
gap: 7vw;
padding-left: 16vw;
}
.page-template-template-perche-sceglierci #first .container .contenuto .text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-perche-sceglierci #first .container .contenuto .text h2 {
color: #001b51;
font-family: Nunito;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
text-align: start;
}
.page-template-template-perche-sceglierci #first .container .contenuto .text p {
width: 68vw;
padding: 0;
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.single .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 15vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.single .draw.centro {
right: 2vw;
left: auto;
top: 50vh;
animation-name: IconsAnimation;
animation-duration: 3.35s;
}
.single .draw.fondo {
left: 50px;
top: 100vh;
animation-name: IconsAnimationLati;
animation-duration: 4.65s;
}
.single #first {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
}
.single #first .container {
width: 800px;
height: auto;
position: relative;
}
.single #first .container .title {
margin-bottom: 50px;
width: 100%;
height: auto;
}
.single #first .container .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.single #first .container .immagine-copertina {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
width: 100%;
border: 2px dashed #fdcedb;
border-radius: 20px;
padding: 20px;
}
.single #first .container .immagine-copertina img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 20px;
}
.single #first .container .subtitle {
margin-bottom: 50px;
width: 100%;
height: auto;
}
.single #first .container .subtitle h2 {
color: #001b51;
font-family: Nunito;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
text-align: start;
}
.single #first .container .paragrafo {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
width: 100%;
height: auto;
}
.single #first .container .paragrafo p {
padding: 0;
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.single #first .container .immagine-singola {
padding: 20px;
border: 2px dashed #9fcbe5;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
width: 100%;
}
.single #first .container .immagine-singola img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.single #first .container .gallery {
margin: 0px auto;
margin-bottom: 80px;
padding: 20px;
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #9fcbe5;
border-radius: 20px;
position: relative;
}
.single #first .container .gallery .next {
position: absolute;
top: 50%;
right: -6vw;
transform: translateY(-50%);
}
.single #first .container .gallery .next svg {
overflow: visible !important;
}
.single #first .container .gallery .next .internoFreccia {
transition: all 0.3s ease;
}
.single #first .container .gallery .next:hover .internoFreccia {
transform: translateY(10px);
}
.single #first .container .gallery .prev {
position: absolute;
top: 50%;
left: -6vw;
transform: translateY(-50%);
z-index: 1;
}
.single #first .container .gallery .prev svg {
overflow: visible !important;
}
.single #first .container .gallery .prev .internoFreccia {
transition: all 0.3s ease;
}
.single #first .container .gallery .prev:hover .internoFreccia {
transform: translateY(10px);
}
.single #first .container .gallery .galleria {
width: 100%;
display: block;
height: 100%;
margin-bottom: 0px !important;
}
.single #first .container .gallery .galleria .slick-list {
height: 100%;
}
.single #first .container .gallery .galleria .slick-track {
height: 100%;
}
.single #first .container .gallery .galleria .slick-dots {
bottom: -60px !important;
}
.single #first .container .gallery .galleria .slick-dots li:only-child {
display: none;
}
.single #first .container .gallery .galleria .slick-dots li.slick-active button::after {
opacity: 1;
}
.single #first .container .gallery .galleria .slick-dots li button {
position: relative;
width: 15px;
height: 10px;
}
.single #first .container .gallery .galleria .slick-dots li button::before {
content: '';
position: absolute;
color: black;
width: 100%;
height: 100%;
transform: rotate(330deg);
border: solid;
border-radius: 31px;
border-width: 2px;
top: 0px;
left: 0;
z-index: 1;
}
.single #first .container .gallery .galleria .slick-dots li button::after {
opacity: 0;
content: '';
position: absolute;
background-color: #ffd9d9;
width: 100%;
height: 100%;
transform: rotate(330deg);
border: none;
border-radius: 31px;
border-width: 2px;
top: 2px;
left: -2px;
z-index: 0;
}
.single #first .container .gallery .galleria .slick-dots li:nth-child(2n) button::before {
top: -4px;
}
.single #first .container .gallery .galleria .slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.single #first .container .gallery .galleria .div-img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.single #first .container .gallery .galleria .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.single #first .container .doppia-immagine {
margin-bottom: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
}
.single #first .container .doppia-immagine .div-img {
border: 2px dashed #9fcbe5;
border-radius: 20px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 53%;
gap: 20%;
}
.single #first .container .doppia-immagine .div-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.single #first .container .video .allegato {
padding: 20px;
border: 2px dashed #9fcbe5;
border-radius: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.single #first .container .video .allegato iframe {
width: 100%;
height: 100%;
border-radius: 20px;
}
.single .altre-news {
margin-top: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.single .altre-news .container {
width: 800px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.single .altre-news .container .successiva {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
width: 40%;
}
.single .altre-news .container .successiva .text {
transform: translateY(-30%);
width: auto;
}
.single .altre-news .container .successiva .text h2 span {
color: #001b51;
font-family: Nunito;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 0;
text-transform: uppercase;
text-align: start;
}
.single .altre-news .container .successiva .next svg {
overflow: visible !important;
}
.single .altre-news .container .successiva .next .internoFreccia {
transition: all 0.3s ease;
}
.single .altre-news .container .successiva .next:hover .internoFreccia {
transform: translateY(10px);
}
.single .altre-news .container .precedente {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 40%;
}
.single .altre-news .container .precedente .text {
transform: translateY(-30%);
width: auto;
}
.single .altre-news .container .precedente .text h2 span {
color: #001b51;
font-family: Nunito;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 0;
text-transform: uppercase;
text-align: start;
}
.single .altre-news .container .precedente .prev {
z-index: 1;
}
.single .altre-news .container .precedente .prev svg {
overflow: visible !important;
}
.single .altre-news .container .precedente .prev .internoFreccia {
transition: all 0.3s ease;
}
.single .altre-news .container .precedente .prev:hover .internoFreccia {
transform: translateY(10px);
}
.blog #first .draw,
.page-template-template-in-linea #first .draw {
pointer-events: none;
position: absolute;
left: 8vw;
top: 8vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.blog #first .page-title,
.page-template-template-in-linea #first .page-title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.6vw;
width: 100%;
height: auto;
padding: 0 5vw;
position: relative;
}
.page-template-template-in-linea #first img {
width: 100%;
height: auto;
}
.blog #first .page-title h1,
.page-template-template-in-linea #first .page-title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.blog #first .all-news,
.page-template-template-in-linea #first .all-news {
display: flex;
width: 100%;
padding: 0 1.3vw;
position: relative;
flex-wrap: wrap;
}
.blog #first .all-news .container,
.page-template-template-in-linea #first .all-news .container {
width: calc(100% / 3);
display: flex;
align-items: flex-start;
justify-content: center;
padding: 25px;
}
.blog #first .all-news .container .news-wrapper,
.page-template-template-in-linea #first .all-news .container .news-wrapper {
flex-direction: column;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.blog #first .all-news .container .news-wrapper .title,
.page-template-template-in-linea #first .all-news .container .news-wrapper .title {
margin-top: 20px;
width: 100%;
}
.blog #first .all-news .container .news-wrapper .title h2,
.page-template-template-in-linea #first .all-news .container .news-wrapper .title h2 {
color: #001b51;
font-family: Nunito;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
text-align: start;
}
.blog #first .all-news .container .news-wrapper .image,
.page-template-template-in-linea #first .all-news .container .news-wrapper .image {
padding: 20px;
border: 2px dashed #9fcbe5;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.blog #first .all-news .container .news-wrapper .image img,
.page-template-template-in-linea #first .all-news .container .news-wrapper .image img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 20px;
}
.blog #first .all-news .container .news-wrapper .data,
.page-template-template-in-linea #first .all-news .container .news-wrapper .data {
width: 100%;
margin-bottom: 5px;
}
.blog #first .all-news .container .news-wrapper .data h3 span,
.page-template-template-in-linea #first .all-news .container .news-wrapper .data h3 span {
color: #001b51;
font-family: Nunito;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
text-align: start;
}
.blog #first .all-news .container .news-wrapper .riassunto,
.page-template-template-in-linea #first .all-news .container .news-wrapper .riassunto {
width: 100%;
}
.blog #first .all-news .container .news-wrapper .riassunto p,
.page-template-template-in-linea #first .all-news .container .news-wrapper .riassunto p {
padding: 0;
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
margin-top: 0 !important;
}
.blog #first .all-news .container .news-wrapper .button,
.page-template-template-in-linea #first .all-news .container .news-wrapper .button {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.blog #first .all-news .container .news-wrapper .button .button-wrapper,
.page-template-template-in-linea #first .all-news .container .news-wrapper .button .button-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
}
.blog #first .all-news .container .news-wrapper .button .button-wrapper:hover,
.page-template-template-in-linea #first .all-news .container .news-wrapper .button .button-wrapper:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.blog #first .all-news .container .news-wrapper .button .button-wrapper:hover button,
.page-template-template-in-linea #first .all-news .container .news-wrapper .button .button-wrapper:hover button {
background-color: #ffd426;
}
.blog #first .all-news .container .news-wrapper .button .button-wrapper button,
.page-template-template-in-linea #first .all-news .container .news-wrapper .button .button-wrapper button {
transition-duration: 0.5s;
cursor: pointer;
padding: 10px 30px;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
}
.blog #first .altre-pagine,
.page-template-template-in-linea #first .altre-pagine {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.blog #first .altre-pagine span,
.blog #first .altre-pagine a,
.page-template-template-in-linea #first .altre-pagine span,
.page-template-template-in-linea #first .altre-pagine a {
color: #001b51;
font-family: Nunito;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.blog #first .altre-pagine span.current,
.blog #first .altre-pagine a.current,
.page-template-template-in-linea #first .altre-pagine span.current,
.page-template-template-in-linea #first .altre-pagine a.current {
border: 2px solid #001b51;
padding: 3px;
}
.page-template-template-organizzazione-personale #first {
width: 100vw;
display: flex;
flex-direction: column;
padding-left: 16vw;
padding-top: 5.2vw;
gap: 6.5vw;
position: relative;
}
.page-template-template-organizzazione-personale #first .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 10vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimation;
animation-duration: 4.65s;
animation-iteration-count: infinite;
}
.page-template-template-organizzazione-personale #first .draw.fondo {
left: 5vw;
bottom: -10vw;
top: auto;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
}
.page-template-template-organizzazione-personale #first .single-fascia {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 6.5vw;
position: relative;
}
.page-template-template-organizzazione-personale #first .single-fascia .left {
width: 34vw;
}
.page-template-template-organizzazione-personale #first .single-fascia .left .title {
display: inline-block;
}
.page-template-template-organizzazione-personale #first .single-fascia .left .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
text-align: start;
width: 100%;
}
.page-template-template-organizzazione-personale #first .single-fascia .left .sottotitolo p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-align: start;
}
.page-template-template-organizzazione-personale #first .single-fascia .left .container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-organizzazione-personale #first .single-fascia .left .container .subtitle h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
margin-top: 20px;
}
.page-template-template-organizzazione-personale #first .single-fascia .left .container .personale p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-align: start;
margin-top: 0;
}
.page-template-template-organizzazione-personale #first .single-fascia .right {
width: 38vw;
position: relative;
}
.page-template-template-organizzazione-personale #first .single-fascia .right .image-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
border: 2px dashed #fdcedb;
border-radius: 20px;
padding: 20px;
width: 100%;
height: auto;
position: relative;
}
.page-template-template-organizzazione-personale #first .single-fascia .right .image-wrapper img {
width: 100%;
height: auto;
border-radius: 20px;
}
.page-template-template-infanzia #first .draw {
pointer-events: none;
position: absolute;
left: 5vw;
top: 15vw;
z-index: -1;
opacity: 0;
animation-name: IconsAnimationLati;
animation-duration: 4.35s;
animation-iteration-count: infinite;
}
.page-template-template-infanzia #first .draw.centro {
right: 2vw;
left: auto;
top: 50vw;
animation-name: IconsAnimation;
animation-duration: 3.35s;
}
.page-template-template-infanzia #first .draw.fondo {
left: 5vw;
top: 100vw;
animation-name: IconsAnimationLati;
animation-duration: 4.65s;
}
.page-template-template-infanzia #first .heading {
width: 100vw;
padding: 5.2vw 16vw 2vw;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-infanzia #first .heading .title {
margin-bottom: 10px;
}
.page-template-template-infanzia #first .heading .title h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
text-align: start;
}
.page-template-template-infanzia #first .heading h2 {
text-align: center;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
line-height: 25px;
margin-top: 0px;
}
.page-template-template-infanzia #first .container {
width: 100vw;
padding: 0 16vw;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.page-template-template-infanzia #first .container .single-col {
width: calc(100% / 2 - (100px / 2));
position: relative;
margin-bottom: 2.6vw;
}
.page-template-template-infanzia #first .container .single-col:not(:nth-child(2n)) {
margin-right: 100px;
}
.page-template-template-infanzia #first .container .single-col .text {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-infanzia #first .container .single-col .text .subtitle h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
}
.page-template-template-infanzia #first .container .single-col .text .par p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-align: start;
}
.page-template-template-infanzia #first .container .single-col .image-wrapper {
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #fdcedb;
border-radius: 20px;
padding: 20px;
width: 100%;
height: auto;
position: relative;
}
.page-template-template-infanzia #first .container .single-col .image-wrapper img {
width: 100%;
height: auto;
border-radius: 20px;
}
.page-template-template-infanzia #first .container .single-col .video-wrapper {
padding: 20px 20px 12px;
border: 2px dashed #9fcbe5;
border-radius: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-infanzia #first .container .single-col .video-wrapper iframe {
width: 100%;
height: 100%;
border-radius: 20px;
}
.page-template-template-infanzia #first .last-text {
width: 100vw;
padding: 0 16vw;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-infanzia #first .last-text .subtitle h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
}
.page-template-template-infanzia #first .last-text .par p {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: normal;
text-align: start;
}
.page-template-template-infanzia #second {
padding-top: 3.5vw;
}
.page-template-template-infanzia #second .container {
width: 100%;
display: flex;
gap: 2.6vw;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-infanzia #second .container .text {
width: 100vw;
padding: 0 16vw;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-infanzia #second .container .text h2 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
}
.page-template-template-infanzia #second .container .containers-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 {
width: 100%;
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
padding: 0 16vw;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a {
width: 31vw;
margin-top: 15px;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a:nth-child(2n) {
margin-left: 8.8%;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a .border-single-service {
width: 100%;
height: 100%;
border: 2px dashed #b0dde9;
border-radius: 20px;
padding: 5%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service {
padding: 15px 0;
width: 100%;
height: 100%;
background-color: #cfeaf4;
border-radius: 20px;
border: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
h3 {
color: #001b51;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
line-height: 35px;
margin-top: 1.5vw;
text-align: center;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
img {
height: 111px;
width: auto;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a:hover .border-single-service {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a:hover
.border-single-service
.single-service {
background-color: #ffd426;
}
.error404 #first .text {
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
}
.error404 #first .text h1 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
text-align: start;
}
.error404 #first .text h2 {
text-align: center;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
line-height: 25px;
margin-top: 0px;
}
.error404 #first .text .button-border {
margin-top: 40px;
height: 70px;
position: relative;
left: -4px;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed #bce9fb;
border-radius: 20px;
transition-duration: 0.5s;
padding: 0 10px;
}
.error404 #first .text .button-border:hover {
border: 2px solid #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.error404 #first .text .button-border:hover button {
background-color: #ffd426;
animation-name: ButtonsAnimation;
animation-duration: 0.4s;
}
.error404 #first .text .button-border a {
width: 100%;
}
.error404 #first .text .button-border button {
transition-duration: 0.5s;
cursor: pointer;
text-align: center;
background-color: #bce9fb;
border: none;
border-radius: 10px;
color: #001b51;
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
font-family: Nunito;
padding: 10px 20px;
width: 100%;
}
.footer-title {
padding-top: 87px;
margin-bottom: 110px;
display: flex;
align-items: center;
justify-content: center;
}
.footer-title h2 {
color: #001b51;
font-size: 60px;
font-weight: 800;
line-height: 65px;
}
.site-footer .content-inner {
position: relative;
}
.site-footer .content-inner .draw {
right: 10px;
left: auto;
bottom: 20vw;
position: absolute;
z-index: -1;
opacity: 0;
pointer-events: none;
animation-name: IconsAnimation;
animation-duration: 3.35s;
animation-iteration-count: infinite;
}
aside.footer-inner {
padding: 0 5vw;
padding-bottom: 7vw;
display: flex;
flex-flow: row wrap;
position: relative;
justify-content: center;
gap: 50px;
}
aside.footer-inner .footer-col {
flex: none !important;
}
aside.footer-inner .footer-col .footer-div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 200px;
width: 350px;
border: 2px dashed #bce9fb;
border-radius: 20px;
}
aside.footer-inner .footer-col .footer-div span {
font-weight: 800;
text-align: center;
height: 80px;
line-height: normal;
font-size: 22px;
}
.footer-bottom {
position: relative;
min-height: 122px;
width: 100%;
background-image: url(//www.scuolatonolli.it/wp-content/themes/tonolli-child/assets/media/sfondo_footer.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100vw 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.footer-bottom .school span {
font-size: 16px;
font-weight: 400;
}
.footer-bottom .credits {
position: absolute;
right: 20px;
bottom: 0;
}
.footer-bottom .credits span {
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
}
.footer-bottom .policy {
position: absolute;
left: 20px;
bottom: 0;
}
.footer-bottom .policy a {
font-size: 13px;
font-weight: 400px;
}
@media only screen and (max-width: 1440px) {
.footer-title h2 {
font-size: 50px;
}
aside.footer-inner .footer-col .footer-div .mails span {
font-size: 20px;
}
aside.footer-inner .footer-col .footer-div span {
font-size: 20px;
}
}
@media only screen and (max-width: 1300px) {
.footer-bottom .bottom-footer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
align-items: flex-end;
}
.footer-bottom .bottom-footer .school {
text-align: center;
line-height: 13px;
width: 100vw;
padding: 0 20px;
}
.footer-bottom .bottom-footer .school span {
font-size: 13px;
}
.footer-bottom .bottom-footer .credits {
position: relative;
right: unset;
line-height: 15px;
margin-right: 20px;
}
.footer-bottom .policy {
bottom: -10px;
}
.footer-bottom .policy a {
font-size: 10px;
}
}
@media only screen and (max-width: 850px) {
.footer-title {
padding-top: 40px;
margin-bottom: 60px;
}
.site-footer .content-inner .draw {
display: none;
}
aside.footer-inner .footer-col .footer-div {
height: 165px;
}
}
@media only screen and (max-width: 600px) {
.footer-title h2 {
font-size: 40px;
}
aside.footer-inner .footer-col .footer-div {
width: 90vw;
height: 165px;
}
}
@media only screen and (max-width: 550px) {
.footer-bottom span {
font-size: 15px;
}
}
@media only screen and (max-width: 450px) {
aside.footer-inner {
flex-flow: column !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
aside.footer-inner .footer-col .footer-div {
width: 90vw;
}
aside.footer-inner .footer-col .footer-div span {
font-size: 17px;
}
}
@media only screen and (max-width: 1500px) {
.page-template-template-chi-siamo #first .container .image {
width: 40vw;
}
.page-template-template-idea #first .container {
justify-content: center;
padding-right: 0;
}
.page-template-template-idea #first .container .image {
width: 50vw;
}
.page-template-template-idea #first .draw {
left: 34vw;
top: 17vw;
}
.page-template-template-idea #first .draw.centro {
display: none;
}
.page-template-template-idea #first .draw.fondo {
left: 50px;
top: 90vw;
}
.page-template-template-idea #first .paragraph {
width: 90vw;
}
.page-template-template-cosa-orienta #first .container {
justify-content: center;
padding-right: 0;
}
.page-template-template-cosa-orienta #first .container .image {
width: 50vw;
}
.page-template-template-cosa-orienta #first .draw {
left: 34vw;
top: 17vw;
}
.page-template-template-cosa-orienta #first .draw.centro {
display: none;
}
.page-template-template-cosa-orienta #first .draw.fondo {
left: 50px;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera {
gap: 5%;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a {
width: calc(100% / 2 - (5% / 2));
}
.page-template-template-progetti-servizi #first .draw {
left: 34vw;
top: 17vw;
}
.page-template-template-progetti-servizi #first .container {
padding-left: 10vw;
}
.page-template-template-progetti-servizi #first .container .image .image-wrapper {
width: 45vw;
}
.page-template-template-progetti-servizi #second .text {
padding: 0 10vw;
}
.page-template-template-progetti-servizi .disegno .draw {
bottom: -20vw;
}
.page-template-template-orari-e-sportelli #first .draw {
top: 15vw;
}
.page-template-template-orari-e-sportelli #first .draw.fondo {
left: 2vw;
top: 40vw;
}
.page-template-template-contatti #first .draw {
top: 20vw;
}
.page-template-template-modulistica #first .draw {
top: 20vw;
}
.page-template-template-modulistica #first .draw.destra {
left: 70vw;
top: 20vw;
}
.page-template-template-modulistica #first .draw.centro {
left: 60vw;
top: 50vw;
}
}
@media only screen and (max-width: 1440px) {
p,
p span,
#first ul li,
#second ul li {
font-size: 18px !important;
line-height: 20px !important;
}
h3 p span,
h2 p span,
h2 span {
font-size: 25px !important;
line-height: 30px !important;
}
p h1,
p .h1,
h1,
.h1,
.h1 span,
h1 span {
font-size: 50px !important;
line-height: 55px !important;
}
.page-template-template-home #first .gallery .galleria .slick-list .slick-track .div-img .cit .testo-home p {
font-size: 20px !important;
line-height: 22px !important;
}
.page-template-template-home
#first
.gallery
.galleria
.slick-list
.slick-track
.div-img
.cit
.testo-home
p:last-child {
font-size: 16px !important;
line-height: 18px !important;
}
.singe #first .container .sottotitolo h2 span {
font-size: 25px !important;
}
.single .altre-news h2 span {
font-size: 20px !important;
}
.page-template-template-organizzazione-anno #first .draw {
top: 22vw;
}
.page-template-template-organizzazione-anno #first .draw.fondo {
left: 50px;
top: 80vw;
}
.page-template-template-organizzazione-anno #first .draw.centro {
left: 80vw;
top: 40vw;
}
.page-template-template-modulistica #first .container .argument .sottotitolo h2 {
font-size: 24px;
}
.page-template-template-infanzia #first .heading {
padding: 5.2vw 13.5vw 2vw;
}
.page-template-template-infanzia #first .container {
padding: 0 13.5vw;
}
.page-template-template-infanzia #first .last-text {
padding: 0 13.5vw;
}
.page-template-template-infanzia #second .container .text,
.page-template-template-infanzia #second .container .containers-wrapper .container1 {
padding: 0 13.5vw;
}
.page-template-template-infanzia #second .container .text a,
.page-template-template-infanzia #second .container .containers-wrapper .container1 a {
width: 33.2vw;
}
}
@media only screen and (max-width: 1439px) {
.content-inner #breadcrumbs {
margin-left: 50vw;
transform: translateX(-50%);
}
.blog #first .all-news .container .news-wrapper .image,
.page-template-template-in-linea #first .all-news .container .news-wrapper .image {
padding: 15px;
}
}
@media only screen and (max-width: 1300px) {
.page-template-template-home #first .school-presentation {
gap: 50px;
}
.page-template-template-home #first .school-presentation .school-img {
width: 50vw;
}
.page-template-template-home #first .school-presentation .text {
width: 50vw;
}
.page-template-template-idea #first .draw.fondo {
top: 80vw;
}
}
@media only screen and (max-width: 1250px) {
.page-template-template-perche-sceglierci #first .container-allegati .contenuto {
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 5vw;
gap: 2vw;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .text {
width: 80vw;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .content-wrapper {
width: 80vw;
}
.page-template-template-perche-sceglierci #first .title {
padding: 0 10vw;
display: inline-block;
align-items: center;
justify-content: center;
}
.page-template-template-orari-e-sportelli #first .draw {
top: 18vw;
}
.page-template-template-orari-e-sportelli #first .draw.fondo {
left: 2vw;
top: 40vw;
}
.single .draw {
top: 30vw;
}
.single .draw.centro {
top: 50vh;
}
.single .draw.fondo {
top: 100vh;
}
.page-template-template-idea #first .draw.fondo {
top: 90vw;
}
}
@media only screen and (max-width: 1150px) {
.blog #first .all-news .container,
.page-template-template-in-linea #first .all-news .container {
width: calc(100% / 2);
}
.page-template-template-infanzia #first .heading {
padding: 5.2vw 16vw 2vw;
}
.page-template-template-infanzia #first .container {
padding: 0 16vw;
}
.page-template-template-infanzia #first .container .single-col {
width: 100%;
}
.page-template-template-infanzia #first .container .single-col:not(:nth-child(2n)) {
margin: 0;
}
.page-template-template-infanzia #first .last-text {
padding: 0 16vw;
}
.page-template-template-infanzia #second .text {
padding: 0 13.5vw;
}
.page-template-template-infanzia #second .containers-wrapper .container1 a,
.page-template-template-infanzia #second .containers-wrapper .container2 a {
width: 36.5vw;
}
}
@media only screen and (max-width: 1080px) {
.page-template-template-home #first .school-presentation .draw {
right: 0;
left: auto;
top: 900px;
}
.page-template-template-idea #first .draw {
left: 60vw;
top: 19vw;
}
.page-template-template-idea #first .draw.fondo {
display: none;
}
.page-template-template-progetti-servizi #first .container {
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
gap: 20px;
}
.page-template-template-progetti-servizi #first .container .text {
width: 80vw;
}
.page-template-template-progetti-servizi #first .container .text p:first-child {
margin-top: 20px !important;
}
.page-template-template-progetti-servizi #first .container .text p {
margin-bottom: 0;
}
.page-template-template-progetti-servizi #first .container .image .image-wrapper {
width: 80vw;
}
.page-template-template-progetti-servizi .disegno .draw {
display: none;
}
.page-template-template-progetti-servizi #second .gallery {
width: 80vw;
}
.page-template-template-idea #first .container {
flex-direction: column;
}
.page-template-template-idea #first .container .text {
width: 80vw;
}
.page-template-template-idea #first .container .image {
width: 80vw;
}
.page-template-template-idea #first .paragraph {
width: 80vw;
}
.page-template-template-cosa-orienta #first .container {
flex-direction: column;
}
.page-template-template-cosa-orienta #first .container .text {
width: 80vw;
}
.page-template-template-cosa-orienta #first .container .image {
width: 80vw;
}
.page-template-template-cosa-orienta #first .draw {
left: 60vw;
top: 19vw;
}
.page-template-template-cosa-orienta #first .draw.fondo {
display: none;
}
.page-template-template-organizzazione-anno #first .draw {
top: 22vw;
}
.page-template-template-organizzazione-anno #first .draw.fondo {
left: 20px;
top: 80vw;
}
.page-template-template-organizzazione-anno #first .draw.centro {
left: 80vw;
top: 60vw;
}
.page-template-template-progetti-servizi #first .draw {
left: 60vw;
top: 19vw;
}
.page-template-template-perche-sceglierci #first .draw {
display: none;
}
}
@media only screen and (max-width: 1025px) {
.page-template-template-home #first {
padding-top: 150px;
}
.page-template-template-home #first .gallery .galleria {
height: unset;
}
.page-template-template-home #first .gallery .galleria .div-img {
display: flex;
flex-direction: column;
height: auto;
}
.page-template-template-home #first .gallery .galleria .div-img .cit {
margin-top: 20px;
position: relative;
top: unset;
right: unset;
transform: unset;
left: unset;
width: 100%;
}
.page-template-template-home #first .gallery .galleria .slick-list .slick-track .div-img .cit .corsivo {
color: black;
}
.page-template-template-home #first .gallery .galleria .slick-list .slick-track .div-img .cit .corsivo p {
font-size: 18px !important;
line-height: 20px !important;
}
.page-template-template-home #first .gallery .galleria .slick-list .slick-track .div-img .cit .corsivo p:last-child {
font-size: 14px !important;
line-height: 16px !important;
}
.page-template-template-cosa-orienta #first .draw {
left: 60vw;
top: 14vw;
}
.page-template-template-progetti-servizi #first .draw {
left: 60vw;
top: 14;
}
.page-template-template-modulistica #first .draw.destra {
left: 70vw;
top: 30vw;
}
.page-template-template-modulistica #first .draw.centro {
left: 60vw;
top: 110vw;
}
.single #first {
padding-top: 130px !important;
}
.page-template-template-offerta-formativa #first .draw {
top: 25vw;
}
.page-template-template-offerta-formativa #first .draw.centro {
top: 80vw;
}
.page-template-template-offerta-formativa #first .draw.fondo {
top: 140vw;
}
.page-template-template-offerta-formativa #first .container .title p .corsivo {
width: 100%;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a .single-sezione {
padding: 20px;
}
.page-template-template-organizzazione-personale #first {
position: relative;
padding: 120px 10vw 0;
}
.page-template-template-organizzazione-personale #first .single-fascia {
flex-direction: column;
align-items: flex-start;
gap: 0;
}
.page-template-template-organizzazione-personale #first .single-fascia .left,
.page-template-template-organizzazione-personale #first .single-fascia .right {
width: 100%;
}
.page-template-template-organizzazione-personale #first .left .title h1 {
width: 100%;
}
.blog #first .page-title,
.page-template-template-in-linea #first .page-title {
padding-top: 50px;
}
.page-template-template-organizzazione-anno #first {
padding-top: 120px;
}
.page-template-template-chi-siamo #first {
padding-top: 120px;
}
.page-template-template-cosa-orienta #first {
padding-top: 120px;
}
.page-template-template-infanzia #first,
.page-template-template-contatti #first {
padding-top: 120px;
margin-top: 0 !important;
}
.page-template-template-infanzia #first .heading {
padding-top: 0;
}
.single .draw.centro {
display: none;
}
.single .draw.fondo {
display: none;
}
.page-template-template-social #first {
padding-top: 120px;
}
}
@media only screen and (max-width: 1000px) {
.page-template-template-home #first .gallery {
padding: 15px;
}
.page-template-template-home #first .school-presentation {
gap: 50px;
}
.page-template-template-home #first .school-presentation .school-img {
width: 60vw;
padding: 15px;
}
.page-template-template-home #first .school-presentation .text {
width: 60vw;
}
.page-template-template-home #second .container .title {
width: 70vw;
}
.page-template-template-chi-siamo #first {
padding-left: 5vw;
padding-right: 5vw;
}
.page-template-template-chi-siamo #first .draw {
display: none;
}
.page-template-template-chi-siamo #first .draw.fondo {
display: flex;
}
.page-template-template-chi-siamo #first .container {
flex-direction: column;
justify-content: center;
padding-right: 0;
}
.page-template-template-chi-siamo #first .container .text {
width: 80vw;
}
.page-template-template-chi-siamo #first .container .image {
width: 80vw;
}
.page-template-template-idea #first {
padding-left: 5vw;
padding-right: 5vw;
}
.page-template-template-idea #first .paragraph {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0;
padding-top: 7vw;
}
.page-template-template-idea #first .container .image {
margin-top: 0vw;
}
.page-template-template-cosa-orienta #first {
padding: 120px 5vw 0 5vw;
}
.page-template-template-modulistica #first .title,
.page-template-template-modulistica #first .container {
padding: 0 10vw;
}
.page-template-template-modulistica #first .draw {
display: none;
}
.page-template-template-modulistica #first .draw.destra {
display: flex;
}
.page-template-template-modulistica #first .draw.centro {
display: flex;
}
.page-template-template-contatti #first .draw {
display: none;
}
.single #first .container {
width: 700px;
}
.error404 #first {
padding-top: 120px;
}
.error404 #first .text h2 {
padding: 0 20px;
}
}
@media only screen and (max-width: 930px) {
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1,
.page-template-template-offerta-formativa #second .container .containers-wrapper .container2 {
flex-direction: column;
gap: 3vw;
height: unset;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 a,
.page-template-template-offerta-formativa #second .container .containers-wrapper .container2 a {
width: 70vw;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 a:nth-child(2n),
.page-template-template-offerta-formativa #second .container .containers-wrapper .container2 a:nth-child(2n) {
margin-left: 0;
}
.page-template-template-organizzazione-anno #first .draw {
display: none;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1,
.page-template-template-infanzia #second .container .containers-wrapper .container2 {
flex-direction: column;
gap: 3vw;
height: unset;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a,
.page-template-template-infanzia #second .container .containers-wrapper .container2 a {
width: 70vw;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a:nth-child(2n),
.page-template-template-infanzia #second .container .containers-wrapper .container2 a:nth-child(2n) {
margin-left: 0;
}
}
@media only screen and (max-width: 900px) {
.page-template-template-home #first .school-presentation {
flex-direction: column;
margin-bottom: 30px !important;
padding: 0 30;
padding-top: 50px;
gap: 50px;
}
.page-template-template-home #first .school-presentation .school-img {
width: 100%;
padding: 10px;
}
.page-template-template-home #first .school-presentation .text {
width: 100%;
}
.page-template-template-home #first .school-presentation .text h1 span {
font-size: 40px;
}
.page-template-template-home #first .school-presentation .text h2 span {
font-size: 20px;
}
.page-template-template-home #first .school-presentation .draw {
right: 0;
left: auto;
top: 800px;
}
.page-template-template-cosa-orienta #first .photos {
flex-direction: column;
}
.page-template-template-cosa-orienta #first .photos .image {
width: 80vw;
}
.page-template-template-cosa-orienta #first .draw {
display: none;
}
.page-template-template-organizzazione-anno #first .title h1 p span {
font-size: 50px;
}
.page-template-template-organizzazione-anno #first .icon {
margin-top: -40px;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera {
gap: 10%;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a {
width: calc(100% / 2 - (10% / 2));
}
.page-template-template-progetti-servizi #second .gallery .next {
right: -10vw;
}
.page-template-template-progetti-servizi #second .gallery .prev {
left: -10vw;
}
.single #first .gallery .next {
right: -10vw;
}
.single #first .gallery .prev {
left: -10vw;
}
}
@media only screen and (max-width: 850px) {
.page-template-template-home #second .container .services {
padding-top: 40px;
}
}
@media only screen and (max-width: 830px) {
.single .draw {
display: none;
}
.single #first .container {
width: 600px;
}
.single .altre-news .container {
padding: 0 20px;
}
.page-template-template-contatti #first .container .contacts {
flex-direction: column;
}
.page-template-template-contatti #first .container .contacts .contact-wrapper {
width: 100%;
}
.page-template-template-idea #first .container .text,
.page-template-template-idea #first .container .image,
.page-template-template-idea #first .paragraph {
width: 90vw;
}
}
@media only screen and (max-width: 768px) {
.page-template-template-home #first .gallery .galleria .div-img img.img-desktop {
display: none;
}
.page-template-template-home #first .gallery .galleria .div-img img.img-mobile {
display: block;
}
.page-template-template-home #first .gallery .galleria .div-img #canvas {
width: 100%; height: auto;
}
.page-template-template-chi-siamo #first .container .text {
padding-top: 0px;
}
}
@media only screen and (max-width: 750px) {
.page-template-template-offerta-formativa #first .draw {
display: none;
}
.page-template-template-offerta-formativa #first .container {
padding-top: 40px;
}
.page-template-template-offerta-formativa #first .container .title {
margin-bottom: 20px;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera {
gap: 20px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera a {
width: 100%;
}
.page-template-template-infanzia .draw {
display: none;
}
.page-template-template-organizzazione-personale #first .draw {
display: none;
}
}
@media only screen and (max-width: 720px) {
.page-template-template-home #first {
padding: 100px 10px 0 10px;
}
.page-template-template-home #first .gallery .next svg,
.page-template-template-home #first .gallery .prev svg {
width: 80%;
height: auto;
}
.page-template-template-home #first .gallery .next {
right: 3vw;
}
.page-template-template-home #first .gallery .prev {
left: 3vw;
}
.page-template-template-home #first .school-presentation .draw {
display: none;
}
.single #first .gallery .next svg,
.single #first .gallery .prev svg {
width: 80%;
height: auto;
}
.single #first .gallery .next {
right: 3vw;
}
.single #first .gallery .prev {
left: 3vw;
}
.page-template-template-idea #first .draw {
display: none;
}
.page-template-template-contatti #first .container,
.page-template-template-contatti #first .position {
padding: 0 30px;
}
.page-template-template-progetti-servizi #first .draw {
display: none;
}
.page-template-template-orari-e-sportelli #first .draw {
display: none;
}
.page-template-template-modulistica #first .draw.destra {
display: none;
}
.page-template-template-modulistica #first .draw.centro {
display: none;
}
.single #first .container {
width: 500px;
}
.single #first .container .doppia-immagine {
flex-direction: column;
}
.single #first .container .doppia-immagine .div-img {
width: 100%;
}
.single .altre-news h2 span {
font-size: 15px !important;
}
.page-template-template-progetti-servizi #second {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 600px) {
h1,
.h1 {
font-size: 32px !important;
line-height: 36px !important;
}
h2,
.h2 {
font-size: 20px !important;
line-height: 24px !important;
}
.page-template-template-home #first {
padding: 100px 5vw 0 5vw;
}
.page-template-template-home #first .gallery {
padding: 10px;
}
.page-template-template-home #first .school-presentation {
padding: 0 30;
padding-top: 50px;
gap: 50px;
}
.page-template-template-home #first .school-presentation .school-img {
width: 100%;
padding: 10px;
}
.page-template-template-home #first .school-presentation .text {
width: 100%;
}
.page-template-template-home #first .school-presentation .text h1 span {
font-size: 40px;
}
.page-template-template-home #first .school-presentation .text h2 span {
font-size: 20px;
}
.page-template-template-home #second .container .title {
width: 80vw;
position: relative;
}
.page-template-template-home #second .container {
padding: 0 5vw;
}
.page-template-template-home #second .container .title {
width: 90vw;
}
.page-template-template-home #second .container .title h2 {
width: 100%;
text-align: start !important;
}
.page-template-template-home #second .container .title p {
text-align: start;
}
.page-template-template-chi-siamo #first .container .text h1 {
font-size: 40px;
}
.page-template-template-chi-siamo #first .container .text h2 {
font-size: 20px;
}
.page-template-template-chi-siamo #first .draw.fondo {
display: none;
}
.page-template-template-idea #first .container .text h1 p span {
font-size: 40px;
}
.page-template-template-cosa-orienta #first .container .text h1 p span {
font-size: 40px;
}
.page-template-template-organizzazione-anno #first .title h1 p span {
font-size: 30px;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td {
padding: 0;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.mese {
text-align: center;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.mese p {
font-size: 25px;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.contenuto ul li {
font-size: 15px;
}
.page-template-template-offerta-formativa #first .container .title h1 p span {
font-size: 40px;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
h3,
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container2
a
.border-single-service
.single-service
h3 {
font-size: 20px;
}
.page-template-template-progetti-servizi #second .gallery .next {
right: -9vw;
}
.page-template-template-progetti-servizi #second .gallery .next svg {
width: 60%;
height: auto;
}
.page-template-template-progetti-servizi #second .gallery .prev {
left: -4vw;
}
.page-template-template-progetti-servizi #second .gallery .prev svg {
width: 60%;
height: auto;
}
.single #first .gallery .next {
right: -9vw !important;
}
.single #first .gallery .next svg {
width: 60%;
height: auto;
}
.single #first .gallery .prev {
left: -4vw;
}
.single #first .gallery .prev svg {
width: 60%;
height: auto;
}
.page-template-template-perche-sceglierci #first .title h1 {
font-size: 40px;
}
.single #first .container {
width: 400px;
}
.blog #first .draw,
.page-template-template-in-linea #first .draw {
display: none;
}
.blog #first .all-news .container,
.page-template-template-in-linea #first .all-news .container {
width: 100%;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
h3,
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container2
a
.border-single-service
.single-service
h3 {
font-size: 20px;
}
.page-template-template-chi-siamo #first .buttons .button-border,
.page-template-template-chi-siamo #first .buttons .button-border a,
.page-template-template-chi-siamo #first .buttons .button-border a button {
width: 100%;
}
.page-template-template-chi-siamo #first .container .image {
width: 90vw;
padding: 10px;
}
.page-template-template-chi-siamo #first .container .text {
width: 90vw;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .text {
width: 90vw;
}
.page-template-template-perche-sceglierci #first .container-allegati .contenuto .content-wrapper {
width: 90vw;
padding: 10px;
}
.page-template-template-cosa-orienta #first .container .text {
width: 90vw;
}
.page-template-template-cosa-orienta #first .container .image {
width: 90vw;
padding: 10px;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper {
width: 90vw;
}
.page-template-template-organizzazione-anno #first .title {
padding: 0 5vw;
}
.page-template-template-orari-e-sportelli #first .container .text {
padding-left: 5vw;
padding-right: 5vw;
}
.page-template-template-progetti-servizi #second .gallery {
width: 90vw;
padding: 10px;
}
.page-template-template-progetti-servizi #first .container .text {
width: 90vw;
}
.page-template-template-progetti-servizi #first .container .image .image-wrapper {
width: 90vw;
padding: 10px;
}
.page-template-template-progetti-servizi  .all-buttons {
padding: 0 5vw;
}
.page-template-template-perche-sceglierci #first .title {
padding: 0 5vw;
}
.page-template-template-progetti-servizi .all-buttons .button .button-wrapper button {
padding: 7px 20px;
font-size: 16px;
}
.page-template-template-progetti-servizi .buttonsWrapper{margin-bottom: 17px;}
.page-template-template-idea #first .container .image {
padding: 10px;
}
.page-template-template-organizzazione-personale #first {
padding: 100px 5vw 0;
}
.page-template-template-organizzazione-personale #first .single-fascia .right .image-wrapper {
padding: 10px;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
img {
width: 70px;
height: 70px;
}
.page-template-template-offerta-formativa
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
h3 {
margin-top: 10px;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
img {
width: 70px;
height: 70px;
}
.page-template-template-infanzia
#second
.container
.containers-wrapper
.container1
a
.border-single-service
.single-service
h3 {
margin-top: 10px;
}
.page-template-template-organizzazione-anno #first .icon {
padding-left: 5vw;
}
.page-template-template-progetti-servizi #second .text {
padding: 0 5vw;
}
.page-template-template-offerta-formativa #second {
padding-top: 40px;
}
.page-template-template-chi-siamo #first .container {
gap: 4vw;
}
.page-template-template-modulistica #first .title,
.page-template-template-modulistica #first .container {
padding: 0 5vw;
}
}
@media only screen and (max-width: 550px) {
.page-template-template-orari-e-sportelli #first .buttons {
flex-direction: column;
align-items: flex-start;
}
.single .altre-news .container .successiva {
flex-direction: column-reverse;
gap: 5px;
}
.single .altre-news .container .precedente {
flex-direction: column;
gap: 5px;
}
}
@media only screen and (max-width: 500px) {
.page-template-template-home #first .draw {
display: none;
}
.page-template-template-home #first .gallery .next svg,
.page-template-template-home #first .gallery .prev svg {
width: 60%;
height: auto;
}
.page-template-template-home #first .gallery .next {
right: -5vw;
}
.page-template-template-home #first .gallery .prev {
left: 3vw;
}
.page-template-template-home #first .single #first .gallery .next svg,
.page-template-template-home #first .single #first .gallery .prev svg {
width: 60%;
height: auto;
}
.page-template-template-home #first .single #first .gallery .next {
right: -5vw;
}
.page-template-template-home #first .single #first .gallery .prev {
left: 3vw;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.mese p {
font-size: 20px;
}
.page-template-template-organizzazione-anno #first .tabella .table-wrapper table tbody tr td.contenuto ul li {
font-size: 12px;
}
.page-template-template-progetti-servizi #first .container .text h1 p span {
font-size: 40px;
}
.page-template-template-progetti-servizi #first .container .image .image-wrapper {
padding: 10px;
}
.page-template-template-orari-e-sportelli #first .container .text h1 span {
font-size: 40px;
}
.page-template-template-contatti #first .container .title h1 {
font-size: 40px;
}
.single #first .container {
width: 300px;
}
.page-template-template-offerta-formativa #first .container .title p {
display: inline-block !important;
padding: 0 5vw;
width: 100vw;
}
.page-template-template-offerta-formativa #first .container .infanzia-primavera {
padding: 0 5vw;
}
.page-template-template-offerta-formativa #second .container .text {
padding: 0 5vw;
}
.page-template-template-offerta-formativa #second .container .containers-wrapper .container1 a,
.page-template-template-offerta-formativa #second .container .containers-wrapper .container2 a {
width: 90vw;
}
.page-template-template-infanzia #first .heading {
padding: 5.2vw 5vw 2vw;
}
.page-template-template-infanzia #first .container {
padding: 0 5vw;
}
.page-template-template-infanzia #first .container .single-col .video-wrapper,
.page-template-template-infanzia #first .container .single-col .image-wrapper {
padding: 15px;
}
.page-template-template-infanzia #first .last-text {
padding: 0 5vw;
}
.page-template-template-infanzia #second .container .text {
padding: 0 5vw;
}
.page-template-template-infanzia #second .container .containers-wrapper .container1 a,
.page-template-template-infanzia #second .container .containers-wrapper .container2 a {
width: 90vw;
}
.page-template-template-organizzazione-personale #first {
padding: 100px 5vw 0;
}
.page-template-template-modulistica #first .container .argument .button {
width: 100%;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper {
width: 100%;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper a {
width: 100%;
}
.page-template-template-modulistica #first .container .argument .button .button-wrapper a button {
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.page-template-template-progetti-servizi #second .gallery .next {
right: -12vw;
}
.page-template-template-progetti-servizi #second .gallery .next svg {
width: 60%;
height: auto;
}
.page-template-template-progetti-servizi #second .gallery .prev {
left: -4vw;
}
.page-template-template-progetti-servizi #second .gallery .prev svg {
width: 60%;
height: auto;
}
.single #first .gallery .next {
right: -12vw;
}
.single #first .gallery .next svg {
width: 60%;
height: auto;
}
.single #first .gallery .prev {
left: -4vw;
}
.single #first .gallery .prev svg {
width: 60%;
height: auto;
}
body {
background-position: 0 20px !important;
}
}