/*
CSS FOR LANDING PAGE: Campania de vara 2025
*/

/********** GENERAL **********/
/*****************************/
.bg-green {
	background: var(--green);
	color: #fff;
}

#main section.hero-summer {
	padding: 0 !important;
}
.hero-summer .row-video,
.hero-summer .row-video * {
	height: 100%;
}
.hero-summer .row-video .vc_column-inner {
	padding: 0;
}
.hero-summer .row-video video {
	width: 100%;
	object-fit: cover;
}
@media (orientation: landscape) {
	#main section.hero-summer {
		height: 90vh;
	}
}
@media (orientation: portrait) {
	#main section.hero-summer {
		height: 70vh;
	}
}
.hero-summer .row-text {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
.hero-summer .row-text .wpb_column,
.hero-summer .row-text .wpb_column .vc_column-inner,
.hero-summer .row-text .wpb_column .vc_column-inner > .wpb_wrapper {
	height: 100%;
}
.hero-summer .row-text .wpb_column .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.hero-summer .site-logo figure {
	position: relative;
}
.hero-summer .site-logo figure img {
	transition: all .25s;
}
.hero-summer .site-logo figure::before {
	content: "";
	display: block;
	width: 250%;
	aspect-ratio:1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	background: radial-gradient(circle,rgba(250, 215, 113, 1) 10%, rgba(250, 215, 113, 0) 70%);
}
.hero-summer .site-logo figure img:hover {
	filter: drop-shadow(0 0 10px white);
}
.hero-summer .row-text h1,
.hero-summer .row-text h1 strong {
	line-height: 1.1em;
	color: #fff;
	filter: drop-shadow(0 0 30px rgba(0,0,0,0.75));
}
.hero-summer .row-text h1 strong {
	font-size: 1.4em;
}

.landing-summer-section2 {
	background: url('../img/bg-cloth.webp') right center/auto 100% no-repeat var(--green);
	overflow: visible !important;
}
.landing-summer-section2 > .vc_row {
	overflow: visible !important;
}
.landing-summer-section2 .vc_custom_heading {
	color: var(--yellow);
}
.landing-summer-section2 .vc_single_image-wrapper {
	filter: drop-shadow(0 0 15px rgba(0,0,0,.3));
}
.landing-summer-section2 .img-plate-main {
	max-width: 70%;
}
.landing-summer-section2 .row-plate-float {
	position: absolute !important;
	right: 0;
}
.landing-summer-section2 .row-plate-float.img-plate-top {
	bottom: 100%;
	transform: translate(20%,50%);
	width: 50%;
}
.landing-summer-section2 .row-plate-float.img-plate-bottom {
	bottom: 0;
	transform: translate(30%,50%);
	width: 40%;
}

.landing-summer-section3 h2.vc_custom_heading {
	margin-bottom: 0 !important;
}
.landing-summer-section3 .wpb_single_image {
	filter: drop-shadow(0 0 15px rgba(0,0,0,.3));
}

.landing-summer-section4 {
	overflow: visible !important;
}
#main section.landing-summer-section4 {
	padding-bottom: 0 !important;
}
.landing-summer-section4 .row-summer-book-features {
	margin-top: var(--space-sm);
	margin-bottom: var(--space-sm);
}
.landing-summer-section4 .row-summer-book-features .vc_column-inner > .wpb_wrapper {
	background: var(--bg-yellow-gradient);
}
.landing-summer-section4 .row-summer-book-features .wpb_text_column {
	padding: 0 15px;
	text-align: center;
}
.landing-summer-section4 .parallax-sideimage {
	top: 80%;
	position: absolute;
	z-index: 10;
}
.landing-summer-section4 .row-float-clouds {
	width: 100%;
	position: absolute;
	left: 0;
	top: 96%;
	z-index: 10;
	opacity: .4;
	pointer-events: none;
}
.landing-summer-section4 .wpcf7-form {
	background: var(--bg-yellow-ab);
	flex-direction: column;
	gap: 15px;
	border-radius: var(--space-xs);
	padding: var(--space-sm);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.landing-summer-section4 .wpcf7-form > * {
	margin: 0 calc(var(--space-xs)/2);
}
.landing-summer-section4 .wpcf7-form > h5 {
	font: var(--the7-h4-font);
	line-height: 1em;
}
.landing-summer-section4 .wpcf7-form > p.fieldsrow {
	display: flex;
	align-items: center;
	max-width: 400px;
	position: relative;
}
.landing-summer-section4 .wpcf7-form > .downloadrow,
.landing-summer-section4 .wpcf7-form > .mccheckbox {
	display: none;
}
.landing-summer-section4 .wpcf7-form > p > * {
	margin-bottom: 0 !important;
	border-radius: var(--space-sm) !important;
}
.landing-summer-section4 .wpcf7-form input[type=email] {
	background: var(--yellow-comp);
	border-radius: var(--space-sm);
	border: 0px;
	min-height: 0px;
	margin: 0;
	height: 46px;
}
.landing-summer-section4 input.wpcf7-validates-as-required.wpcf7-not-valid {
	border: 2px solid red;
}
.landing-summer-section4 .wpcf7-form input[type=submit] {
	flex: 1 0 auto;
	position: absolute;
	right: 0;
}
.landing-summer-section4 .wpcf7-form .read-rules {
	font-size: .7em;
	text-decoration: none;
}
.landing-summer-section4 .wpcf7-form .wpcf7-spinner {
	position: absolute;
	left: 100%;
}
.landing-summer-section4 .wpcf7-response-output {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
.landing-summer-section4 .wpcf7-acceptance {
	font-size: .6em;
	line-height: .9em;
}
.landing-summer-section4 .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
}
.landing-summer-section4 .wpcf7-acceptance input[type=checkbox] {
	margin-right: 5px;
}

.landing-summer-section5 {
	background: url('../img/grass-texture-v.webp') center top/auto 100% repeat-x scroll #04437F;
	color: #fff;
}
.landing-summer-section5 h2.vc_custom_heading {
	margin-bottom: 0 !important;
}
.landing-summer-section5 .vc_custom_heading {
	color: var(--yellow);
}
.landing-summer-section5 .ico-badge {
	width: 20%;
}
.landing-summer-section5 .row-summer-prods:last-child {
	margin-top: -5%;
}
.landing-summer-section5 .row-summer-prods .col-img img {
	transform: scale(130%);
	filter: drop-shadow(0 0 30px rgba(0,0,0,.5));
}
.landing-summer-section5 .row-summer-prods .col-img .img-prod-left img {
	transform-origin: right top;
}
.landing-summer-section5 .row-summer-prods .col-img .img-prod-right img {
	transform-origin: left bottom;
}

.mc4wp-form-fields > p {
	display: flex;
}

/********* RESPONSIVE ********/
/*****************************/
@media (max-width:1024px) {
}
@media (min-width:993px) {
	body {
		font-size: 24px !important;
		line-height: 1.2em !important;
	}
	.landing-summer-section4 .row-summer-book-features .wpb_text_column {
		font-size: 20px !important;
	}
}
@media (max-width:992px) {
	.row-summer-book-features .vc_column-inner {
		padding: 0;
	}
}
@media (min-width:768px) {
	.txt-narrow {
		max-width: 70%;
	}
	.txt-narrow.center {
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width:767px) {
	.landing-summer-section2 .vc_custom_heading,
	.landing-summer-section2 .wpb_text_column  {
		color: var(--green);
	}
	.landing-summer-section2 .col-images {
		margin-top: var(--space-md);
	}
	.landing-summer-section3 .wpb_single_image {
		margin-top: var(--space-xs);
	}
}
@media (max-width:576px) {
	/*.mc4wp-form-fields {
		padding-bottom: var(--space-md);
	}*/
	.landing-summer-section4 .row-float-clouds {
		display: none;
	}
	.landing-summer-section4 .wpcf7-form > p.fieldsrow:not(.acceptance) {
		flex-direction: column;
	}
	.landing-summer-section4 .wpcf7-form input[type="submit"] {
		position: inherit;
		margin-top: 10px;
	}
}