html,body {
	margin: 0;
	padding: 0;
	font-family: transat-text, sans-serif;
}

h1,h2,h3 {
	color:#5C3327;
	font-family: transat-text, sans-serif;
	font-size:52px;
	font-weight: 700;
	letter-spacing: -1.8px;
}

h1.text-white {text-shadow: 0px 3px 6px #000000DB;}

h2 {
	font-size:52px;
}

h3 {
	font-size:44px;
	font-weight: 700;
}

h4 {
	font-size:38px;
	font-weight: 700;
	color:#5C3327;
	letter-spacing: -1.8px;
}

h5 {
	font-size:30px;
	font-weight: 700;
	color:#5C3327;
}

p {
	font-size:20px;
	color:#5C3327;
	line-height: 30px;
	font-weight: 500;
}

#ot-sdk-cookie-policy p,#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, #cookie-policy-description, #cookie-policy-title {
	font-size:20px!important;
	color:#5C3327!important;
	line-height: 30px!important;
	font-weight: 500!important;
}
#cookie-policy-title { font-weight:bold!important; }

b,strong {font-weight:900;}

a,a:hover,a:visited {
	color: inherit;
}

.text-brown {
	color:#5C3327;
}

.heading-p {
	font-size:26px;
	line-height: 30px;
}

img {
	max-width: 100%;
}

* {
	box-sizing: border-box;
}

a {
	color: inherit;
}

header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	/*padding:20px 0;*/
	z-index: 10;
	transition:.3s all;
	box-shadow: 0px 3px 6px #00000029;
}

header:after {
	content:'';
	position: absolute;
	width:100%;
	background-color:#2DA44AF2;
	height:100%;
	top:0;
	left:0;
	z-index: 50;
}

header > .container {
	position: relative;
	z-index: 51;
}

/*header.scrolled {
	padding:15px 0;
}*/

header .logo {
	position: absolute;
	top:0;
	height: 140px;
	transition:.3s all;
	z-index: 100;
}

/*header.scrolled .logo {
	max-height: 110px;
}*/

header.scrolled .submeniu {
	padding:3px 0;
}

.submeniu-container {
	width:100%; background:#EAF0F4; position: absolute;left :0; bottom:0; transition:.3s all; z-index: 49; opacity: 0;
}

.submeniu-container.opened {
	transform:translateY(100%);
	opacity: 1;
}

.submeniu a, .submeniu a:visited, .submeniu a:hover {
	color:#5C3327;
	font-size:20px;
	font-weight: 500;
	text-decoration: none;
	padding:2px 5px;
	transition:.3s all;
}

.submeniu a:hover {
	color:#2DA44A;
}

.responsive-play-video {
	position:relative;
	width:100%;
	overflow: hidden;
	padding-top:56%;
	/*box-shadow: 0px 6px 10px #00000029;*/
	border-radius: 50px 10px;
	cursor: pointer;
}

.responsive-play-video:after {
	content:'';
	position: absolute;
	z-index: 2;
	top:50%;
	left:50%;
	width:30%;
	max-width:200px;
	height:30%;
	background-image:url('/wp-content/themes/logicware/images/Play.svg');
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	transform:translate(-50%,-50%);
}

.responsive-play-video img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.container-categorie-reteta {
	position:relative;
	width:100%;
	overflow: hidden;
	padding-top:56%;
	border-radius: 10px 50px;
	cursor: pointer;
}

.container-categorie-reteta img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.container-categorie-reteta span {
	display: inline-block;
	position: absolute;
	top:50%;
	left:50%;
	max-width: 300px;
	padding:5px 5px;
	background-color:rgba(255,255,255,0.7);
	text-align: center;
	color:#5C3327;
	font-size:24px;
	transform:translate(-50%,-50%);
	border-radius: 10px;
	font-weight: bold;
}

.container-categorie-reteta.inactive {
	opacity:0.5;
}

.container-categorie-reteta.active span {
	background-color:#2DA44AF2;
	color:#fff;
}

.fullwidth-video-background {
	position: relative;
	width: 100%;
	padding-top:35%;
	overflow: hidden;
}

.fullwidth-video-background video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.language-switcher a,.language-switcher a:hover,.language-switcher a:visited {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

.container {
	max-width:1600px;
}

#nav-icon3 {
  width: 45px;
  height: 45px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  position: absolute;
  top:-18px;
  right:0px;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 7px;
  border:0px solid white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 14px;
}

#nav-icon3 span:nth-child(3) {  
}

#nav-icon3 span:nth-child(4) {
  top: 28px;
}

#nav-icon3.open span {
	background:#fff;
	box-shadow:none;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    border:none;
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    border:none;
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
  border:none;
}

/* Customize the checkbox appearance */
.custom-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
  margin-top:15px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  color:#5C3327;
}

/* Style the checkbox input */
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #EAEAEA;
  border-radius: 5px;
  margin-right:10px;
  background-color:#fff;
}

/* Style the checkmark icon */
.custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 10px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid #2DA44A;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Style the checked state */
.custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
  display: block;
}

.covalact-animation-container { 
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	display: none;
	align-items:center;
	justify-content: center;
	z-index: 50000;
	scale:1;
}
.body-animation {
	overflow: hidden;
	max-height: 100%;
}
.body-animation .covalact-animation-container { display:flex; }

.covalact-animation-container .green-mask {
    z-index: 50001;
    background-color: #2DA44A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:0;left:0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url('/wp-content/themes/logicware/images/svg/ulcica-bg.svg');
    mask-image: url('/wp-content/themes/logicware/images/svg/ulcica-bg.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.covalact-animation-container .lapte {
  position: absolute;
  z-index: 10000;
  background-color: #fff;
  width: 50%;
  height: 50%;
  outline: 0;
  overflow: hidden; 
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
}

.covalact-animation-container .lapte > span {
	position: relative;
	z-index: 10001;
}

.covalact-animation-container  .animatie-logo {
	position: absolute;
	width:35%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10002;
	opacity: 0;
}

.covalact-animation-container .masca-lapte {
  position: absolute;
  bottom: 0;
  left:50%;
  background-color: #2DA44A;
  width: 75%;
  height: 150%;
  border-radius: 100%;
  transform:translateX(-55%);
  animation: swing 1.5s infinite ease-in-out alternate;
}
@keyframes swing { 0%, 100% { left: 50%; } 50% { left: 58%; }}
.ping{-webkit-animation:ping .8s ease-in-out infinite both;animation:ping .8s ease-in-out infinite both}
@-webkit-keyframes ping{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0.9}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0.9}}@keyframes ping{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0.9}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0.9}}
.shake-vertical{animation:shake-vertical 4s cubic-bezier(.455,.03,.515,.955) infinite both}
@keyframes shake-vertical{0%,100%{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}

.hero-slider {
    width: 100%;
    /*height: calc(100vh - 40px);*/
	aspect-ratio:16 / 8.3;
}

.hero-slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-banner {
	position: relative;
	width:100%;
	height:100%;
}

.slide-banner img {
	position: absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	left:0;
	top:0;
}

.hp-about-box-image {
	position: relative;
	width:100%;
	padding-top:60%;
}

.hp-about-box-image img {
	position: absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top center;
	left:0;
	top:0;
	border-radius:10px;
}

.categorie-produse {
	position: relative;
	width:100%;
	padding-top:75%;
	border-radius: 50px 10px;
	box-shadow: 0px 6px 10px #00000029;
	overflow: hidden;
}

.categorie-produse img {
	position: absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	left:0;
	top:0;
}

.categorie-produse span {
	position: absolute;
	text-align: right;
	width:54%;
	height:45%;
	bottom:0;
	background-image:url('/wp-content/themes/logicware/images/ulcica-alba.png');
	background-size:130%;
	background-position: top left;
	background-repeat: no-repeat;
	right:0;
	font-size:30px;
	letter-spacing: -0.7px;
	color:#5C3327;
	padding:10% 5% 6% 15%;
	line-height: 34px;
	font-weight: 900;
	display: flex;
	align-items:center;
	justify-content: end;
	z-index: 1;
	background-position-y:25px;
	background-position-x:10px;
}

.animated-homepage-scene {
	position: relative;
	width:100%;
	height:100%;
	background-image:url('/wp-content/themes/logicware/images/hphero.jpg');
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#hp-personaj1 { 
	position: absolute;
	left:4%;
	bottom:0;
	width:34%;
	max-width: 570px;
	
}
#hp-personaj2 { 
	position: absolute;
	right:4%;
	bottom:-4%;
	width:38%;
	max-width: 620px;
}
#hp-citat1 { 
	position: absolute;
	left:25%;
	max-width: 25%;
	top:13%;
}
#hp-citat2 { 
	position: absolute;
	right:30%;
	top:19%;
	max-width: 25%;
}
#hp-masaproduse { 
	position: absolute;
	bottom:-2%;
	left:0%;
	text-align: center;
	width:100%;
}
#hp-masaproduse img {
	width:60%;
	max-width:1000px;
}	

.wave {
	background-image:url('/wp-content/themes/logicware/images/wave.png');
	background-size:cover;
	position: top center;
	height: 70px;
	margin-top:-50px;
	width:100%;
	position: relative;
	z-index: 2;
	margin-bottom:-1px;
}

.wave-contact {
	background:url('/wp-content/themes/logicware/images/contact.svg'), linear-gradient(to bottom, transparent 30%, #2DA44A 30%);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 130px;
	margin-top:-50px;
	width:100%;
	position: relative;
	z-index: 2;
	margin-bottom:-1px;
}

.bg-verde {
	background-color:#2DA44A;
}

.bg-verde-transparent {
	background: linear-gradient(to bottom, #2DA44A 65%, transparent 65%);
}

.bg-verde-gri-hp {
	background: linear-gradient(to bottom, #2DA44A 65%, #EAF0F4 65%);
}

.hp-about-box {
	border-radius: 42px 85px;
	background-color:#fff;
	box-shadow: 0px 6px 20px #00000029;
	padding:35px;
	height: 100%;
}

.hp-about-box-text {
	text-align: center;
}

.vaca-hp { position: absolute; right:-4%; top:-8%; max-width:30%; }

.bg-casa {
	background-image:url('/wp-content/themes/logicware/images/background.png');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: right top;
}

.bg-casa-new {
	background-image:url('/wp-content/themes/logicware/images/new-background.jpg');
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom center;
}

.special-next-button {
	right:-15px;
	color:#5C3327;
}

.special-next-button:after, .special-prev-button:after {
	font-size:26px;
	font-weight: bold;
}

.special-prev-button {
	left:-15px;
	color:#5C3327;
}

.hp-slider-next-button,.hp-slider-prev-button {
	width:40px;
	height:40px;
	background-color:#ffffff;
	border-radius:100%;
}

.hp-slider-next-button:after, .hp-slider-prev-button:after {
	color:#5C3327;
	font-size:22px;
	font-weight: bold;
}

.wpcf7 input[type="submit"],
.buton-standard,.buton-standard:hover,.buton-standard:visited,
.wp-element-button, .wp-element-button:hover, .wp-element-button:visited{
	display: inline-block;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border:1px solid #EAEAEA;
	border-radius: 5px 25px;
	font-size:18px;
	letter-spacing: -0.5px;
	font-weight: 500;
	padding:15px 30px;
	text-decoration: none;
	color:#5C3327;
	transition:.5s all;
}

.wpcf7 input[type="submit"]:hover,
.buton-standard:hover,
.wp-element-button:hover{
	background-color:#C3D453;
	border-color:#C3D453;
}

.wpcf7-acceptance input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  margin-right: 10px;
}

footer {
	background:url('/wp-content/themes/logicware/images/footerbg.svg') no-repeat top center, linear-gradient(to bottom, transparent 30%, #227d3a 30%);
	background-size: cover, auto;
}

.review-container {
	background-image:url('/wp-content/themes/logicware/images/border-review.svg');
	background-size:contain;
	background-position: bottom center;
	background-repeat: no-repeat;
	width:100%;
	min-height: 200px;
	padding:20px 20px 70px 20px;
	text-align: center;
}

.review-nume {
	margin:15px auto;
	border-radius:25px;
	background:#EAEAEA;
	color:#5C3327;
	font-size:24px;
	font-weight: bold;
	text-align: center;
	display:inline-block;
	padding:3px 25px;
}

.review-text {
	color:#5C3327;
	font-size:16px;
	font-weight: 400;
	max-width:100%;
}

.review-swiper .swiper-button-next,
.review-swiper .swiper-button-prev {
	color: #2ca048;
	top:27%;
}

.swiper-produse-reteta .swiper-button-next, 
.swiper-produse-reteta .swiper-button-prev,
.product-swiper .swiper-button-next, 
.product-swiper .swiper-button-prev {
	color: #2ca048;
}

.product-swiper .swiper-button-next:after, 
.product-swiper .swiper-button-prev:after,
.review-swiper .swiper-button-next:after,
.review-swiper .swiper-button-prev:after {
	font-size:26px;
}

.footer-social-links a, .footer-social-links a:hover, .footer-social-links a:visited {
	font-size:36px;
	color:#fff;
	margin:0 5px;
}

.footer-copyright-text {
	margin-left:25px;
	display: flex;
	align-items:center;
}

.footer-copyright-text p {
	color:#fff;
	font-size:16px;
	line-height: 22px;
	margin:0;
	padding:0;
}

.footer-links a, .footer-links a:visited, .footer-links a:hover {
	color:#fff;
	text-decoration: none;
	font-size:17px;
	margin:5px 10px;
	white-space: nowrap;
	transition:.3s all;
}

.footer-links a:hover {
	color:#c3d453;
}

.footer-social-links { text-align:start; }

.mt-negativ {
	margin-top:-40px;
}

.product-snipet, .product-snipet:hover, .product-snipet:visited {
	text-decoration:none;
	margin-bottom:0;
	display: block;
	width:80%;
}

.product-snipet > span {
	display: block;
	margin-top:5px;
	color:#5C3327;
	font-size:26px;
	font-weight: bold;
}

.bio-large-text {
	position: relative;
	margin-bottom:40px;
	margin-top:30px;
}

.bio-large-text:before {
	content:'';
	position: absolute;
	background-image:url('/wp-content/themes/logicware/images/bio.svg');
	height:150px;
	width:450px;
	left:50%;
	top:50%;
	background-position: center;
	background-size:contain;
	background-repeat: no-repeat;
	transform:translate(-50%,-50%);
	z-index: -1;
}

.imagine-produs {
	padding:0 50px;
	text-align: center;
	position:relative;
	aspect-ratio:1 / 1;
	max-width:500px;
	margin:0 auto;
}

.imagine-produs img {
	position:absolute; 
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center bottom;
}	

.pagina-detalii-produs h2 {
	font-size:48px;
	color:#2DA44A;
}

.green-line {
	width:100%;
	height:1px;
	background-color:#2DA44A;
	margin-top:25px;
	margin-bottom:25px;
	display: block;
}

.pagina-detalii-produs table {
	color:#5C3327;
	font-size:18px;
	margin-bottom:25px;
}

.pagina-detalii-produs table tr:first-of-type {
	font-weight: bold;
	font-size:20px;
}

.pagina-detalii-produs table td:last-child { text-align:end; }

.pagina-detalii-produs table td:nth-child(2) {
    text-align: end;
    padding: 0 5px;
}

.titlu-variante {
	color:#5C3327;
	font-size:28px;
	text-align: center;
	margin-top:10px;
	font-weight: bold;
	margin-bottom:15px;
}

.pagina-detalii-produs .variante {
	display:flex;
	justify-content: space-evenly;
	width:100%;
	max-width: 500px;
	margin:0 auto;
}

.pagina-detalii-produs .variante span {
	display: block;
	border:2px solid #EAEAEA;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px 25px;
	backdrop-filter: blur(45px);
	background-color:#fff;
	padding:7px 40px;
	font-size:24px; 
	color:#5C3327;
	font-weight: bold;
	cursor: pointer;
}

.pagina-detalii-produs .variante span.active, .pagina-detalii-produs .variante span:hover {
	background-color:#5C3327;
	color:#fff;
}	

.pagina-detalii-produs .product-snipet {
	padding:0 7%;
}

.pagina-detalii-produs .product-snipet span {
	color:#2DA44A;	
	font-size:28px;
	line-height: 32px;
}	

.snippet-reteta,.snippet-reteta:hover,.snippet-reteta:visited {
	width:100%;
	display: block;
	text-decoration: none;
	font-size:22px;
	color:#5C3327;
	line-height: 28px;
	cursor: pointer;
}

.snippet-reteta span {
	display: block;
	position: relative;
	padding-bottom:10px;
}

.snippet-reteta span:after {
	content:'';
	display: block;
	position: absolute;
	width:0;
	transition:.3s all;
	border-bottom:2px solid #2DA44A;
	bottom:0;
	left:0;
}

.snippet-reteta:hover span:after {
	width:50%;	
}	

.snippet-reteta-imagine {
	position:relative;
	width:100%;
	padding-top:56%;
	overflow: hidden;
	border-radius: 10px 50px;
	margin-bottom:15px;
	transition:.3s all;
}

.snippet-reteta-imagine img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:.3s all;
}

.produs-recomandat-container {
	width:100%;
	position:relative;
	aspect-ratio:1 / 1;
}

.produs-recomandat-container img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:contain;
}

.snippet-reteta:hover .snippet-reteta-imagine {
	transform:scale(1.05);	
}

.container-imagine-reteta {
	position:sticky;
	top:100px;
	aspect-ratio: 4 / 2.5;
	width:100%;
	overflow: hidden;
	border-radius: 50px 10px;
}	

.container-imagine-reteta img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.pagina-reteta h1 { color:#2DA44A; font-size:44px; line-height:44px; }
.pagina-reteta h2 { font-size:34px; line-height:34px; }
.pagina-reteta ul, .pagina-reteta ol { color:#5C3327; font-size:20px; font-weight:500; }
.page-template-default ul, .page-template-default ol { color:#5C3327; font-size:20px; font-weight:500; } 
.page-template-default ol li {
	margin-bottom:20px;
}

.container-mod-preparare {
	box-shadow: 0px 2px 6px #00000029;
	border: 5px solid #EAEAEA;
	background-color:#fff;
	padding:35px 45px;
	border-radius: 42px 100px
}

.container-video-preparare {
    max-width: 100%;
    position: relative;
    box-shadow: 0px 6px 10px #00000029;
    border-radius: 50px 10px;
    overflow:hidden;
}

.video-embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.video-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swiper-produse-reteta .swiper-slide {
	display:flex;
	align-items:end;
	text-align: center;
	justify-content:center;
	height:auto;
}

.container-hero-poveste {
	width:100%;
	/*height:90vh;*/
	aspect-ratio:16 / 8;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items:start;
	justify-content: center;
}

.container-hero-poveste img {
	position: absolute;
	object-fit:cover;
	height:100%;
	width:100%;
	top:0;
	left:0;
}

.container-hero-produse {
	width:100%;
	height:calc(100vh - 40px);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items:start;
	justify-content: center;
}

.container-hero-produse > img {
	position: absolute;
	object-fit:cover;
	height:100%;
	width:100%;
	top:0;
	left:0;
}

.timeline {
	width:100%;
	position: relative;
}

.cerc-an {
	width:90px;
	height:90px;
	display: flex;
	align-items:center;
	justify-content: center;
	font-size:28px;
	color:#2DA44A;
	font-weight: 300;
	border-radius:100%;
	border:6px solid #2DA44A;
	background-color:#fff;
	position: relative;
}

.cerc-connector {
	width:calc(100% - 90px);
	height:3px;
	background-color:#2DA44A;
	position: absolute;
	z-index: -1;
	top:calc(50% - 1.5px);
	right:0;
}


.timeline > div.row:nth-child(2n) .cerc-an {
	border-color:#C3D453;
	color:#C3D453;
}

.timeline > div.row:nth-child(2n) .cerc-connector {
	right:auto; left:0;
	background-color:#C3D453;
}

.imagine-timeline {
	position: relative;
	width:100%;
	height:100%;
	/*box-shadow: 0px 6px 10px #00000029;*/
	border-radius: 50px 10px;
	overflow: hidden;
	aspect-ratio:4 / 3;
	max-width: 350px;
}

.imagine-timeline img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*object-fit:cover;*/
}

.content-cu-imagini img,
.border-special img {
	width:500px;
	float:right;
	box-shadow: 0px 6px 10px #00000029;
	border-radius: 50px 10px;
	margin:40px;
}

.timeline > div.row {
	position: relative;
}

.timeline > div.row:before {
	content:'';
	width:20px;
	height:100%;
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	top:0;
	bottom:0;
	background-color:#2DA44A;
}

.timeline > div.row:after {
	content:'';
	width:20px;
	height:20px;
	position: absolute;
	left:calc(50%);
	transform:rotate(45deg);
	top:calc(50% - 6px);
	background-color:#2DA44A;
}	

.timeline > div:first-of-type:before {
	border-radius:20px 20px 0 0;
}

.timeline > div:last-of-type:before {
	border-radius:0 0 20px 20px;
}

.timeline > div.row:nth-child(2n):before {
	background-color:#C3D453;
}

.timeline > div.row:nth-child(2n):after {
	background-color:#C3D453;
	left:calc(50% - 20px);
}

.logo-timeline-image {
	aspect-ratio: 4 / 4;
	width:100%;
	border-radius: 10px 50px;
	position: relative;
	overflow: hidden;
	min-width: 240px;
	margin-bottom:10px;
	background-color:#fff;
}

.logo-timeline-image img {
	object-fit:contain;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}	

.logo-timeline {
	position: relative;
	text-align: center;
	font-size:30px;
	font-weight: bold;
	color:#5C3327;
}

.container-logo-timeline .sageata {
	content:'';
	border-top:3px solid #2DA44A;
	border-right:3px solid #2DA44A;
	transform:rotate(45deg);
	width:30px;
	height:30px;
}

/*.logo-timeline:after {
	content:'das';
	position: absolute;
	right:-70px;
	top:50%;
	transform:translateY(-50%);
	display: inline-block;
	color:red;
}*/

.map-responsive {
	position: relative;
	width: 100%;
	padding-top: 46.25%;
	overflow: hidden;
	border-radius: 15px 60px;
}
.map-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.formular-contact input[type="text"], .formular-contact textarea {
	width:100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #EAEAEA;
	border-radius: 5px 25px;
	outline:none;
	padding:10px 20px;
	font-family: transat-text, sans-serif;
	color:#5C3327;
	font-size:20px;
	margin-bottom:15px;
}

.element-contact-stanga,
.element-contact-dreapta {
	position:absolute;
	bottom:0;
	max-width: 24vw;
}

.element-contact-stanga {
	left:-8%;
	bottom:20%;	
	max-width: 34vw;
}	

.element-contact-dreapta {
	right:-6%;	
}	

.element-paralax-categorie-stanga,
.element-paralax-categorie-dreapta {
	position: absolute;
	top:50%;
	max-width:25vw;
	pointer-events:none;
}

.element-paralax-categorie-stanga {
	left:-10%;
}

.element-paralax-categorie-dreapta {
	right:-10%;
}

.element-paralax-produs-stanga,
.element-paralax-produs-dreapta {
	position: absolute;
	top:80vh;
	max-width:25vw;
	pointer-events:none;
}

.element-paralax-produs-stanga {
	left:-10%;
	top:115vh;
}

.element-paralax-produs-dreapta {
	right:-10%;
}

.element-paralax-reteta {
	position:absolute;
	right:-7%;
	top:35vh;
	pointer-events:none;
	max-width: 20vw;
}

.element-paralax-homepage {
	position:absolute;
	right:-9%;
	top:0;
	pointer-events:none;
	max-width: 20vw;
	z-index: 2;
}

.mobile-submeniu {
	display:none;
	margin-right:-15px;
	margin-left:-15px;
	background-color:#EAF0F4;
	padding:5px 10%;
}

.mobile-submeniu a {
	color:#5C3327!important;
}

.submeniu {
	display:none;
}

.search-bar a {
	font-size:24px;
	z-index: 101;
}

#searchInput {
	position: absolute;
	top:-3px;
	right:-10px;
	width:200px;
	background-color:rgba(255,255,255,0.4);
	border:none;
	outline:none;
	border-radius:5px 30px 30px;
	padding:8px 20px;
	color:#fff;
	font-size:15px;
	font-family: transat-text, sans-serif;
}

.masa-produse {
	position: absolute;
	bottom:0;
	left:5%;
	width:90%;
	text-align: center;
}

.element-decorativ-produse-stanga,
.element-decorativ-produse-dreapta {
	position: absolute;
	top:-350px;;
	max-width: 23vw;
}

.element-decorativ-produse-stanga {
	left:0;
}

.element-decorativ-produse-dreapta {
	right:0;
}

.container-filtru-ingrediente {
	background: #EAEAEA81 0% 0% no-repeat padding-box;
	border-radius: 10px 35px 10px 42px;
	width:100%;
	margin-top:20px;
	padding:15px;
}

.container-filtru-ingrediente a, .container-filtru-ingrediente a:hover, .container-filtru-ingrediente a:visited {
	display:inline-block;
	border: 1px solid #5C3327;
	border-radius: 0px 18px 0px 18px;
	opacity: 1;
	margin:10px;
	padding:5px 15px;
	color:#5C3327;
	font-weight:bold;
	text-decoration:none;
}

.container-filtru-ingrediente a:hover, .container-filtru-ingrediente a.active {
	background-color:#5C3327;
	color:#fff;
}

.container-categorie-produs-imagine {
	position:relative;
	aspect-ratio:1 / 1;
}

.container-categorie-produs-imagine img {
	position:absolute; 
	bottom:0; 
	left:0; 
	width:100%; 
	height:100%;
	object-fit:contain;
	object-position:center bottom;
}

/* Containerul meniului */
.main-navigation {
    width: 100%;
}

/* Lista principală */
.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

/* Itemii meniului principal */
.main-menu > li {
    position: relative;
}

/* Linkurile principale */
.main-menu > li > a, .main-menu > li > a:hover, .main-menu > li > a:visited {
    padding: 25px 10px;
    display: inline-block;
	font-size:20px;
	color:#fff;
    text-decoration: none;
    font-weight: 600;
    position: relative;
}
	
.main-menu > li:hover > a {
	color:#C3D453
}

/* Submeniurile - ascunse implicit */
.main-menu li .sub-menu {
    display: none;
    position: fixed;
	list-style:none;
    top: 80px;
    left: 0;
    width: 100vw;
    background-color: #EAF0F4;
    padding: 15px 30px;
	padding-left:20%; /*vw*/
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    flex-wrap: wrap;
	justify-content:space-evenly;
	transition:.5s all;
	opacity:0;
}

/* Linkurile din submeniu */
.main-menu li .sub-menu li a, .main-menu li .sub-menu li a:hover, .main-menu li .sub-menu li a:visited {
    padding: 10px 10px;
    white-space: nowrap;
    color: #5C3327;
	text-decoration:none;
	font-size:19px;
    font-weight: 500;
}

.main-menu li .sub-menu li a:hover {
	color:#2DA44A;
}
	
/* Afișare submeniu la hover */
.main-menu > li:hover > .sub-menu {
    display: flex;
	opacity:1;
}

/* Caret pentru itemii cu submeniu */
.main-menu > li.menu-item-has-children > a::after {
    font-family: "Font Awesome 5 Free"; /* sau 6 */
    content: "\f107"; /* fa-caret-down */
    font-weight: 900;
    margin-left: 8px;
    transition: transform 0.3s ease;
    display: inline-block;
    position: relative;
    top: 3px;
}

/* La hover, caret-ul se rotește */
.main-menu > li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

.main-menu > li.open > .sub-menu {
	display: flex;
	opacity: 1;
}

@media only screen and (max-width:1680px) {
	.main-menu li .sub-menu { padding-left:15%; }
	.element-decorativ-produse-stanga,.element-decorativ-produse-dreapta { top:-250px; }
	.special-next-button { right:0; }
	.special-prev-button { left:0; }
	.bio-large-text:before { width:350px; }
	.element-paralax-categorie-stanga,.element-paralax-categorie-dreapta { display:none; }
	.element-paralax-produs-dreapta { display:none; }
	.element-paralax-reteta { max-width:20vw; }
	.hero-slider {aspect-ratio:16 / 9;}
}	

@media only screen and (max-width:850px) {
	.container-hero-poveste { height:90vh; aspect-ratio:auto; }
	.review-text { max-width:60%; margin:0 auto; }
	.pagina-reteta ul,.pagina-reteta ol {font-size:18px;}
	.hp-about-box { border-radius: 22px 45px; }
	.snippet-reteta-imagine, .container-imagine-reteta { border-radius: 8px 25px; }
	.buton-standard,.buton-standard:hover,.buton-standard:visited { border-radius: 5px 15px; padding:6px 20px; }
	.container-categorie-reteta { padding-top:20%; border-radius: 10px 25px; }
	.container-categorie-reteta span { font-size:20px; padding:5px; }
	.bg-casa { background-image:url('/wp-content/themes/logicware/images/new-background.jpg'); background-repeat: no-repeat; background-size:contain; background-position: bottom center; }
	.element-decorativ-produse-stanga,.element-decorativ-produse-dreapta { display:none; }
	.container-hero-produse { height:70vh; }
	.submeniu-container { display:none!important; }
	.element-paralax-reteta { display:none; }
	.element-paralax-produs-stanga { display:none; }
	.element-contact-stanga, .element-contact-dreapta { display:none; }
	.wave-contact { height:50px;}
	.map-responsive { padding-top:90%; }
	.container-logo-timeline .sageata { transform:rotate(135deg); margin-top:20px; margin-bottom:20px; }
	.content-cu-imagini img, .border-special img { margin:25px 0; }
	.timeline > div.row:before { left:10px }
	.timeline > div.row:after { display:none; }
	.cerc-connector { right:auto; left:0; }
	.container-mod-preparare { border: 3px solid #EAEAEA; padding:25px 25px; border-radius: 10px 25px }
	.pagina-reteta h1 { color:#2DA44A; font-size:34px; line-height:34px; }
	.pagina-reteta h2 { font-size:24px; line-height:24px; }
	.snippet-reteta,.snippet-reteta:hover,.snippet-reteta:visited { font-size:16px; line-height:18px; }
	.titlu-variante { font-size:24px; }
	.pagina-detalii-produs .variante span { font-size:20px; padding:8px 30px; } 
	.bio-large-text:before { width:250px; }
	.product-snipet, .product-snipet:hover, .product-snipet:visited { margin-bottom:45px; }
	.pagina-detalii-produs .product-snipet span { font-size:24px; line-height:28px; } 
	.footer-links a, .footer-links a:visited, .footer-links a:hover { font-size:20px; }
	.footer-copyright-text { margin-left:0; margin-top:20px; }
	.footer-social-links { text-align:center; }
	.footer-links a { display:block; }
	footer { padding-bottom:30px; background-size: auto, auto; }
	h1,h2 { font-size:40px; }
	.pagina-detalii-produs h2 { font-size:36px; }
	h3 { font-size:30px; }
	h4 { font-size:30px; }
	h5 { font-size:26px; }
	p { font-size:18px; line-height:25px; }
	.page-template-default ul { font-size:18px; } 
	.heading-p { font-size:22px; line-height:26px; }
	.categorie-produse, .responsive-play-video { border-radius:25px 10px; }
	.categorie-produse span { font-size:22px; line-height:28px; }
	.covalact-animation-container .masca-lapte { width: 180%; }
	.covalact-animation-container  .animatie-logo { width:55%; }
	.covalact-animation-container .green-mask { -webkit-mask-image: url('/wp-content/themes/logicware/images/svg/ulcica-bg-mobile.svg'); mask-image: url('/wp-content/themes/logicware/images/svg/ulcica-bg-mobile.svg'); }
	.meniu-scroll-container { overflow-y:scroll; max-height:calc(100vh - 200px);  scrollbar-width: thin;  }
	.meniu { display:none; position:absolute; width:100%; padding-top:100px; text-align:center; background-color:#2DA44A; top:-20px; box-shadow: 0px 3px 6px #00000029; padding-bottom:15px;}
	header .meniu a { display:inline-block; margin:10px 0; text-align:left; padding-left:5%; }
	header .meniu a:after { display:none; }
	.hero-slider { height:65vh; }
	#hp-citat1 { max-width:60%; top:20%; left:13%; }
	#hp-citat2 { max-width:40%; top:45%; right:28%; }
	#hp-personaj1 { left:-10%; width:47%; }
	#hp-personaj2 { right:-10%; width:50%; }
	#hp-masaproduse img { width:80%; }
	.vaca-hp { position: relative; right:-25%; top:5%; max-width:100%; }
	.wave { margin-top:-70px; }
	.hp-slider-next-button,.hp-slider-prev-button { top:40%; }
	header .logo { max-height:100px; } 
	/*header.scrolled .logo { max-height:85px; top:-25%; } 
	header.scrolled { padding:10px 0; }*/
	.fullwidth-video-background { padding-top:56%; }
}

/* Responsive - pe mobil afișare verticală */
@media (max-width: 850px) {
    .main-menu {
        flex-direction: column;
		gap:0;
    }
	.main-menu > li > a, .main-menu > li > a:hover, .main-menu > li > a:visited { padding: 2px 10px; }
    .main-menu li .sub-menu,.main-menu li:hover .sub-menu  {
        position: static;
        width: 100%;
        display: none;
        box-shadow: none;
        padding: 10px 0;
    }
	.main-menu li.open .sub-menu { display: block; }
}