@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap')
	
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,600;1,600&display=swap');


	
.libre-baskerville-regular {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-baskerville-bold {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
}

.libre-baskerville-regular-italic {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
}
.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
:root {
	--corpo:#3A3A3A;
	--green:#2C4836;
	--yellow: #FFE3A2;
	--lightyellow:#FAF0E6;
	--orange:#E28545;
	--lightblue: #C5DFF0;
	--pink:#E7919E;
	
}


body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
    font-family: "Raleway", sans-serif !important;
    font-size: 1.1em;
    font-weight: 400;
	background:#F9EFE5
}

body::-webkit-scrollbar {
  width: 0.3em;
}
 
bodyt::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  outline: 1px solid slategrey;
	background-color: var(--orange);;
}
p {
	font-family: "Raleway", sans-serif !important;
	font-weight:400
}
h1 {
	font-size: 2.5rem;
}
h1,
h2,
h3 {
	  font-family: "Libre Baskerville", serif;
  font-weight: 700;
}

h1 {
	color:var(--lightyellow);
	font-weight:3rem
}
.h2, h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
}
a {
	color:var(--green)
}
a:hover {
	color:var(--orange)
}
nav.navbar {
position: sticky;
    top: 0;
    z-index: 111;
    background:#F9EFE5
}
.navbar-light .navbar-nav #menu-landing-san-vivaldo .nav-link {
	color: var(--corpo);
	font-weight: 600;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
	position: relative;
	font-size: 15px;
	justify-content: center;
    display: flex;
	  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  font-style: normal;
	position: relative;
}
.navbar-light .navbar-nav #menu-landing-san-vivaldo .nav-link:focus, .navbar-light .navbar-nav #menu-landing-san-vivaldo .nav-link:hover {
    color: var(--orange);
}
.fixed-header.sticky {
-webkit-box-shadow: 0px -5px 20px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px -5px 20px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px -5px 20px 0px rgb(0 0 0 / 20%);
}
.testata {
	height:80vh;
	color:var(--lightyellow)
}
.testata p {
	font-size: 18px;
}
.testata-inner {
	 margin-top: -80px;
}
.yellow .elementor-button {
	
}
.btn-menu-link {
    background: var(--green);
    color: #fff;
    border: 1px solid var(--green);
    padding: 8px 25px;
    border-radius: 20px;
    font-size: font-size: 15px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}
.btn-menu-link:hover {
    background: transparent;
    color: var(--green);
    border: 1px solid var(--green);
}
footer {
	background:#2C4937;
	color:#fff
}

.box-bg-yellow {
	background: var(--yellow);
    padding: 25px 35px !important;
border-radius: 5px 5px 0 0;
    margin-bottom: -20px !important;
}
.box-bg-green {
	background: var(--green);
    padding:25px 35px 50px 35px!important;
border-radius: 5px 5px 0 0;
    margin-bottom: -20px !important;

}
.box-bg-yellow h2,
.box-bg-green h2 ,
.box-bg-orange h2 ,
.box-bg-lightblue h2 ,
.box-bg-pink h2 {
	font-size:2rem
} 
.box-bg-green h2 {
		color:#F9EFE5
}
h2 em {
	font-weight:400
}
.box-bg-orange {
	background: var(--orange);
    padding: 25px 35px 50px 35px!important;
 border-radius: 5px 5px 0 0;
    margin-bottom: -20px !important;
}
.box-bg-lightblue {
	background: var(--lightblue);
    padding: 25px 35px 50px 35px!important;
border-radius: 5px 5px 0 0;
    margin-bottom: -20px !important;
}
.box-bg-pink {
	background: var(--pink);
    padding: 25px 35px 50px 35px!important;
border-radius: 5px 5px 0 0;
    margin-bottom: -20px !important;
}
.elementor-widget-image img {
    border-radius: 0;
    width: 100%;
}
.incotriamoci {
	position:relative
}

.incontriamoci:before {
    content: '';
    background: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/SV_Percorso01.svg) no-repeat left top;
    background-size: contain;
}

.box-info {
	background:#fff;
	border-radius:20px;
	padding:2em 3em
}
.box-info h2 {
	margin-bottom:20px;
position: relative;
    padding-bottom: 30px;
}
.box-info h2:after {
content: '';
    position: absolute;
    left: -48px;
    width: calc;
    height: 1px;
    border-top: 1px solid rgba(58,58,58,0.23);
    bottom: 0;
    right: -48px;
}
.box-info li {
	padding:10px 0;
	 border-bottom: 1px solid rgba(58,58,58,0.23);
}

.info {
	padding:5em 0 !important;
	position:relative
}
.info:before {
    content: '';
    background: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/SV_Percorso02.svg) no-repeat 82% top;
    background-size: contain;
}
.elementor-8448 .elementor-element.elementor-element-12e7b70 .elementor-button:hover,
.elementor-8448 .elementor-element.elementor-element-12e7b70 .elementor-button:focus {
	background:transparent !important
}
.bici,
.auto,
.piedi{
	position: relative;
    padding-left: 150px;
	padding-bottom:30px;
	margin-top:30px
}

.bici:before {
    content: '';
    background: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/SV_Bici.svg) left top no-repeat;
    position: absolute;
    left: 10px;
    top: 0;
    width: 80px;
    height: 60px;
    background-size: contain;
}

.bici:after {
    content: '';
    position: absolute;
    left: 120px;
    border-right: 1px solid #ccc;
    top: 0;
    width: 1px;
    height: 100%;
}

.auto:before {
    content: '';
    background: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/SV_Auto.svg) left top no-repeat;
    position: absolute;
    left: 10px;
    top: 0;
    width: 80px;
    height: 60px;
    background-size: contain;
}

.auto:after {
    content: '';
    position: absolute;
    left: 120px;
    border-right: 1px solid #ccc;
    top: 0;
    width: 1px;
    height: 100%;
}

.piedi:before {
    content: '';
    background: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/SV_Piedi.svg) left top no-repeat;
    position: absolute;
    left: 20px;
    top: 0;
    width: 60px;
    height: 70px;
    background-size: contain;
}

.piedi:after {
    content: '';
    position: absolute;
    left: 120px;
    border-right: 1px solid #ccc;
    top: 0;
    width: 1px;
    height: 100%;
}
.sceltagreen {
    position: relative;
    margin-top: 15px;
    display: block;
    padding-left: 25px;
}
.sceltagreen:before {
    content: '';
    background: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/sceltagreen.svg) left top no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 19px;
    background-size: contain;
}
.elementor-toggle .elementor-tab-title {
    padding: 15px 0 !important
}
.box-popup a {
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
	cursor:pointer
}
.box-popup a:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}


/*.box-popup a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.box-popup a:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
*/
.modal-body {
    padding: 2rem;
}
button.close {
	position: absolute;
    top: 5px;
    right: 20px;
}
.close {
    float: right;
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 1;
    text-shadow: none;
    opacity: 1;
}
#popup1Modal .modal-content {
    border: 5px solid var(--yellow);
	background:var(--yellow);
}
#popup2Modal .modal-content {
    border: 5px solid var(--green);
	background:var(--green);
	color:var(--lightyellow)
}
#popup3Modal .modal-content {
    border: 5px solid var(--orange);
	background:var(--orange);
}
#popup4Modal .modal-content {
    border: 5px solid var(--lightblue);
	background:var(--lightblue);
}
#popup5Modal .modal-content {
    border: 5px solid var(--pink);
	background:var(--pink);
}
#popup2Modal .modal-content h3 {
	color:var(--lightyellow)
}
#popup1Modal .modal-content h3 em,
#popup2Modal .modal-content h3 em,
#popup3Modal .modal-content h3 em,
#popup4Modal .modal-content h3 em,
#popup4Modal .modal-content  h3 em{
	font-weight:400
}
#popup1Modal .modal-content a {
   color:#212529;
	font-weight:600
}
#popup2Modal .modal-content a {
    color:var(--lightyellow);
	font-weight:600
}
#popup3Modal .modal-content a{
    color:#212529;
	font-weight:600
}
#popup4Modal .modal-content a {
    color:#212529;
	font-weight:600
}
#popup5Modal .modal-content a {
    color:#212529;
	font-weight:600
}

#popup1Modal .close {
    color:#212529
}
#popup2Modal .close {
   color:var(--lightyellow)
}
#popup3Modal .close {
   color:#212529
}
#popup4Modal .close {
    color:#212529
}
#popup5Modal .close {
    color:#212529
}

input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    color: #3A3A3A;
    border-color: #fff;
    border-radius: 8px;
    background: #fff;
	padding: 1.2em;
}

textarea {
	    color: #3A3A3A !important;
    border-color: #fff !important;
    border-radius: 8px !important;
    background: #fff !important;
	padding: 1.2em !important;
	min-height: 350px !important
}
.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea {
    padding: 1.2em;
}
input:focus::-webkit-input-placeholder { color: #3A3A3A; }
input:focus:-moz-placeholder { color: #3A3A3A; } /* FF 4-18 */
input:focus::-moz-placeholder { color: #3A3A3A; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: #3A3A3A; }
textarea:focus:-moz-placeholder { color: #3A3A3A; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: #3A3A3A; } /* FF 19+ */

.privacy {
	font-size:14px
}
.privacy .wpcf7-list-item {
	margin:0
		
}
.privacy .wpcf7-form-control-wrap {
    width: auto;
    display: inline;
}

.wpcf7-submit  {
	    background: var(--green) !important;
    color: #fff!important;
    border: 1px solid var(--green)!important;
    padding: 12px 25px!important;
    border-radius: 20px!important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100% !important;
    text-transform: none !important;
}
.wpcf7-submit:hover  {
	background:transparent !important;
    color: var(--green)!important;
    border: 1px solid var(--green)!important;
    padding: 12px 25px!important;
    border-radius: 20px!important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100% !important;
    text-transform: none !important;
}

.border-top {
	border-top:1px solid rgba(58,58,58,0.44) !important
}

.bg-yellow {
	background:var(--yellow)
}
.seguici svg {
	height:50px;
	width:auto;
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.seguici a:hover {
	text-decoration:none
}
.seguici a:hover svg #Tracciato_42,
.seguici a:hover svg #Tracciato_44,
.seguici a:hover svg #Tracciato_39,
.seguici a:hover svg #Tracciato_41{
	fill:#fff;
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.seguici a:hover svg #Tracciato_43,
.seguici a:hover svg #Tracciato_45,
.seguici a:hover svg #Tracciato_46,
.seguici a:hover svg #Tracciato_47,
.seguici a:hover svg #Tracciato_40{
	fill:var(--green);
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media (min-width:1024px) {
.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}
}
footer a {
	color:#fff
}
footer a:hover {
	color:var(--lightyellow)
}
.piede {
	font-size:14px;
}
.piede a {
	color:var(--green)
}
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 0;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	background: rgba(108, 108, 108, 0.8);
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	cursor: pointer
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: .5;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #6C6C6C;
  opacity: .5;
}
.cd-top:hover {
	text-decoration:none;
	opacity: 1;
}

.form-control, input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    display: block;
    width: 100%;
    height: 70px;
    padding: 5px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3A3A3A;
    background: transparent;
    background-clip: padding-box;
}
@media (max-width: 767px) {
	
	
	nav.navbar .container-fluid.px-3.px-md-5 {
		padding-left:0 !important
	}
.navbar-toggler {
    border: none;
}
.navbar-light .navbar-toggler {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 11111;
}
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
	background:transparent;
	outline: none;
}
.navbar-toggler .box {
    width: 55px;
    height: 60px;
    position: relative;
}
.btn-menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn-menu span {
    display: block;
    width: 60%;
    /*box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%);*/
    border-radius: 0;
    height: 3px;
    transition: all .3s;
    position: relative;
    margin: 0 auto;
		background: var(--darkgrey)
}
.btn-menu span + span {
  margin-top: 10px;
}

.btn-menu span:nth-child(1) {
	background: var(--orange)
}
.btn-menu span:nth-child(2) {
	background: var(--orange)
}
.btn-menu span:nth-child(3) {
	background: var(--orange)
}

.not-active span:nth-child(1) {
  animation: ease .7s top-2 forwards;
}
.not-active span:nth-child(2) {
  animation: ease .7s scaled-2 forwards;
}

.not-active span:nth-child(3) {
  animation: ease .7s bottom-2 forwards;
}
.active span:nth-child(1) {
  animation: ease .7s top forwards;
	background: var(--orange)
}
.active span:nth-child(3) {
  animation: ease .7s bottom forwards;
  margin-top: 27px;
  background: var(--orange)
}
 .active span:nth-child(2) {
  animation: ease .7s scaled forwards;
}
@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 22px;
    transform: rotate(0);
  }
  100% {
    top: 22px;
    transform: rotate(45deg);
  }
}
@keyframes top-2 {
  0% {
    top: 22px;
    transform: rotate(45deg);
  }
  50% {
    top: 22px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}
@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 22px;
    transform: rotate(135deg);
  }
}
@keyframes bottom-2 {
  0% {
    bottom: 22px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}
@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
	
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 1;
    visibility: hidden;
    transition: opacity 0.55s, visibility 0.55s, width 0.55s;
    z-index: 50;
    background:var(--green);
}
.overlay.show {
    /* opacity: 0.9; */
    visibility: visible;
    height: 100vh;
    top: 0;
}
	.testata {
	    background-image: url(https://www.montaioneintuscany.it/wp-content/uploads/2024/04/SV_Testata-mobile.png) !important;
    background-position: center center !important;
    background-size: cover !important
	}
	.testata-inner {
		padding-top:90px !important;
		margin-top:0 !important
	}
#menu-landing-san-vivaldo-1 {
    position: relative;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
	margin-left:0;
	height: 100vh;
}

.navbar-nav li {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 19px;
}
.navbar-nav li a {
    color:#fff
}
.box-info {
    margin: 0 15px;
	    padding: 2em 2em;
}
.seguici em {
		width: 100%;
    display: block;
    margin-bottom: 15px;
	}
footer {
    text-align: center;
}
footer img{
	width:130px !important;
	margin-bottom:20px
	}
.piede {

    padding: 0 15px;
}
}
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
	text-align: center;
	background: #46b450;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	text-align: center;
	background: #f7e700;
	font-weight: 600;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;	
}
div.wpcf7-spam-blocked {
	text-align: center;
	background: #ffa500;
	font-weight: 600;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;		
}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
	background: #ff0000;
	font-weight: 600;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;			
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    text-align: center;
    background: #ffb900;
    font-weight: 600;
}