/* 
Theme Name: Farm Fresh Covasna
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Farm Fresh is a Hello elementor child theme
Author: Creathink Advertising
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/



/********** GENERAL **********/
/*****************************/
:root {
	--space-xs: 1.5rem;
	--space-sm: 2.5rem;
	--space-md: 5rem;
	--space-lg: 7.5rem;
	--space-xl: 10rem;
}

html {
	scroll-behavior: smooth;
}
body, html {
	overflow-x: hidden;
}

.mt-0 {
	margin-bottom: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.mt-xs {
	margin-top: var(--space-xs) !important;
}
.mb-xs {
	margin-bottom: var(--space-xs) !important;
}
.mt-sm {
	margin-top: var(--space-sm) !important;
}
.mb-sm {
	margin-bottom: var(--space-sm) !important;
}
.mt-md {
	margin-top: var(--space-md) !important;
}
.mb-md {
	margin-bottom: var(--space-md) !important;
}
.mt-lg {
	margin-top: var(--space-lg) !important;
}
.mb-lg {
	margin-bottom: var(--space-lg) !important;
}

.section-sm {
	padding-top: var(--space-sm) !important;
	padding-bottom: var(--space-sm) !important;
}
.section-md {
	padding-top: var(--space-md) !important;
	padding-bottom: var(--space-md) !important;
}
.section-lg {
	padding-top: var(--space-lg) !important;
	padding-bottom: var(--space-lg) !important;
}

.text-normal {
	font-size: .8em;
}


/********* OVERRIDES *********/
/*****************************/
.wpcf7-acceptance,
.elementor-field-type-acceptance,
footer {
	font-size: .8em;
}
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}
.elementor-widget-text-editor ul {
	margin-block-end: .9rem;
}
.elementor-slideshow__title {
	display: none;
}
textarea {
	color: var(--e-global-color-primary) !important;
}

/* HOMEPAGE */
.row-home-hero {
	box-shadow: 0 0 60px rgba(0,0,0,.3);
}
@media (max-width: 767px) {
	.row-home-hero {
		padding-top: 17vh;
	}
	.row-home-hero .hero-logo {
		max-width: 60% !important;
		margin-inline: auto;
	}
}

.row-home-hero .row-top {
	position: absolute;
	width: 100%;
	max-height: 50vh;
	transform: translateY(-15%);
}
.row-home-hero .row-top .first img {
	transform: translateX(-3vw);
}
.row-home-hero .row-top .second img, 
.row-home-hero .row-top .third img {
	transform: translateY(-4vw);
}
.row-home-hero .row-top .fourth img {
	transform: translateX(3vw);
}
@media (max-width: 767px) {
	.row-home-hero .row-top .first img {
		transform: translateX(-3vw) translateY(8vh) scale(180%);
	}
	.row-home-hero .row-top .second img {
		transform:  translateX(-3vw) translateY(0) scale(180%);
	} 
	.row-home-hero .row-top .third img {
		transform:  translateX(3vw) translateY(0) scale(180%);
	}
	.row-home-hero .row-top .fourth img {
		transform: translateX(3vw) translateY(8vh) scale(180%);
	}
}

.row-home-hero .row-bottom {
	position: absolute;
	width: 100%;
	max-height: 50vh;
}
.row-home-hero .row-bottom .col-left {
	transform: translateX(-5vh);
}
.row-home-hero .row-bottom .col-right {
	transform: translateX(5vh);
}

.row-home-hero .row-bottom .prod-bottom img {
	max-height: 65vh;
	width: auto;
	filter: drop-shadow(0 0 15px rgba(0,0,0,.3));
	transition: all .3s;
}

.row-home-hero .row-bottom .col-left .first img {
	transform: rotate(11deg) translateY(3vh);
}
.row-home-hero .row-bottom .col-left .second img {
	transform: rotate(11deg) translateY(8vh) translateX(-15%);
}
.row-home-hero .row-bottom .col-right .first img {
	transform: rotate(-11deg) translateY(8vh) translateX(15%);
}
.row-home-hero .row-bottom .col-right .second img {
	transform: rotate(-11deg) translateY(3vh);
}

.row-home-hero .row-bottom .col-left .first img:hover {
	transform: rotate(11deg) translateY(0vh);
}
.row-home-hero .row-bottom .col-left .second img:hover {
	transform: rotate(11deg) translateY(5vh) translateX(-15%);
}
.row-home-hero .row-bottom .col-right .first img:hover {
	transform: rotate(-11deg) translateY(5vh) translateX(15%);
}
.row-home-hero .row-bottom .col-right .second img:hover {
	transform: rotate(-11deg) translateY(0vh);
}

@media (max-width: 767px) {
	.row-home-hero .row-bottom {
		max-height: 60vh;
	}
	.row-home-hero .row-bottom .col-left,
	.row-home-hero .row-bottom .col-right {
		transform: none;
	}
	.row-home-hero .row-bottom .prod-bottom img {
		max-height: 25vh;
	}
	.row-home-hero .row-bottom .col-left .first img {
		transform: rotate(11deg) translateY(2vh) translateX(-15%) scale(120%) !important;
	}
	.row-home-hero .row-bottom .col-left .second img {
		transform: rotate(11deg) translateY(1vh) translateX(0) scale(120%) !important;
	}
	.row-home-hero .row-bottom .col-right .first img {
		transform: rotate(-11deg) translateY(2vh) translateX(15%) scale(120%) !important;
	}
	.row-home-hero .row-bottom .col-right .second img {
		transform: rotate(-11deg) translateY(1vh) translateX(0) scale(120%) !important;
	}
}

.row-home-products::before {
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;

	width: 100%;
	height: 65%;

	right: -20%;
	top: -8%;
	left: auto;

	border-radius: 50%;

	background: radial-gradient(
	ellipse at center,
	rgba(103, 176, 122, 0.95) 0%,
	rgba(103, 176, 122, 0.65) 28%,
	rgba(103, 176, 122, 0.28) 52%,
	rgba(103, 176, 122, 0.08) 70%,
	rgba(103, 176, 122, 0) 100%
	);

	filter: blur(35px);
	transform: rotate(-22deg);
	transform-origin: center;
}
.row-home-products .row-inner-products {
	margin-top: var(--space-md);
}
.row-home-products .row-inner-products img {
	filter: drop-shadow(0 0 15px rgba(255,255,255,.3));
	transition: all .3s;
}
.row-home-products .prod-first img {
	transform: rotate(-15deg) translateY(-5%);
}
.row-home-products .prod-second img {
	transform: rotate(-10deg) translateY(-5%);
}
.row-home-products .prod-third img {
	transform: rotate(10deg) translateY(-5%);
}
.row-home-products .prod-fourth img {
	transform: rotate(15deg) translateY(-5%);
}
.row-home-products .row-inner-products img:hover {
	transform: rotate(0) translateY(-5%);
}
@media (max-width: 767px) {
	.row-home-products .prod-first img {
		transform: rotate(-15deg) translateX(5%) translateY(-35%) scale(140%) !important;
	}
	.row-home-products .prod-second img {
		transform: rotate(-10deg) translateX(-5%) translateY(-5%) scale(140%) !important;
	}
	.row-home-products .prod-third img {
		transform: rotate(10deg) translateX(5%) translateY(-5%) scale(140%) !important;
	}
	.row-home-products .prod-fourth img {
		transform: rotate(15deg) translateX(-5%) translateY(-35%) scale(140%) !important;
	}
}