/* 
Theme Name:		 hello-elementor-child
Author:			 Fabian Tanasa
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 hello-elementor-child
*/

html{
	scroll-behavior: smooth;
}

.vertical-lines-wrapper {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
margin: 0;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 1;
}

.vertical-lines {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.vertical-effect {
position: relative;
width: 25%;
height: 100%;
float: left;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
border-right: 1px solid rgba(119, 119, 119, .2);
}

.vertical-effect::before {
content: "";
position: absolute;
display: block;
width: 3px;
-webkit-animation-direction: normal;
   -moz-animation-direction: normal;
    -ms-animation-direction: normal;
     -o-animation-direction: normal;
        animation-direction: normal;
}

.vertical-effect:first-child::before,
.vertical-effect:last-child::before {
content: "";
position: absolute;
right: -2px;
}

.vertical-effect:first-child::before {
top: 0;
-webkit-animation: raindrop 6s ease-out infinite;
   -moz-animation: raindrop 6s ease-out infinite;
    -ms-animation: raindrop 6s ease-out infinite;
     -o-animation: raindrop 6s ease-out infinite;
        animation: raindrop 6s ease-out infinite;
background: -webkit-linear-gradient(top, rgba(138, 135, 122, 0), rgba(138, 135, 122, 1));
background: -ms-linear-gradient(top, rgba(138, 135, 122, 0), rgba(138, 135, 122, 1));
background: linear-gradient(top, rgba(138, 135, 122, 0), rgba(138, 135, 122, 1));
}

.vertical-effect:last-child::before {
bottom: 0;
-webkit-animation: raindrop-reverse 6s ease-out infinite;
   -moz-animation: raindrop-reverse 6s ease-out infinite;
    -ms-animation: raindrop-reverse 6s ease-out infinite;
     -o-animation: raindrop-reverse 6s ease-out infinite;
        animation: raindrop-reverse 6s ease-out infinite;
background: -webkit-linear-gradient(top, rgba(138, 135, 122, 1), rgba(138, 135, 122, 0));
background: -ms-linear-gradient(top, rgba(138, 135, 122, 1), rgba(138, 135, 122, 0));
background: linear-gradient(top, rgba(138, 135, 122, 1), rgba(138, 135, 122, 0));
}

@-webkit-keyframes raindrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 35%;
  }
}
@-ms-keyframes raindrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 35%;
  }
}
@keyframes raindrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 35%;
  }
}

@-webkit-keyframes raindrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 35%;
  }
}
@-ms-keyframes raindrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 35%;
  }
}
@keyframes raindrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
   }
  100% {
    bottom: 100%;
    height: 35%;
  }
}


/* vertical lines */
.vertical-effect::before {
width: 1px;
}

.vertical-effect:first-child::before,
.vertical-effect:last-child::before {
right: -1px;
}

.vertical-effect:first-child::before {
background: #5f5f5f;
}

.vertical-effect:last-child::before {
background: #5f5f5f;
}

@-webkit-keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 80px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 80px;
  }
}
@-ms-keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 80px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 80px;
  }
}
@keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 80px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 80px;
  }
}

@-webkit-keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 80px;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 80px;
  }
}
@-ms-keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 80px;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
     height: 80px;
  }
}
@keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 80px;
  }
  50% {
    opacity: 1;
   }
  100% {
    bottom: 100%;
    height: 80px;
  }
}

@media all and (min-width: 1920px) {
@-webkit-keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 90px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 90px;
  }
}
@-ms-keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 90px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 90px;
  }
}
@keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 90px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 90px;
  }
}

@-webkit-keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 90px;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 90px;
  }
}
@-ms-keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 90px;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
     height: 90px;
  }
}
@keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 90px;
  }
  50% {
    opacity: 1;
   }
  100% {
    bottom: 100%;
    height: 90px;
  }
}
}

@media only screen and (max-width: 995px) {
@-webkit-keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 70px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 70px;
  }
}
@-ms-keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 70px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 70px;
  }
}
@keyframes raindrop {
  0% {
    top: 0;
    opacity: 0;
    height: 70px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 70px;
  }
}

@-webkit-keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 70px;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    height: 70px;
  }
}
@-ms-keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 70px;
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
     height: 70px;
  }
}
@keyframes raindrop-reverse {
  0% {
    bottom: 0;
    opacity: 0;
    height: 70px;
  }
  50% {
    opacity: 1;
   }
  100% {
    bottom: 100%;
    height: 70px;
  }
}
}


.more-button-bg-center {
border: 2px dashed #e5e5e5;
}

.more-button-txt-center span {
color: #e5e5e5;
}

.more-button-bg-center.more-button-bg-center-dark.more-button-bg-center-dark-close {
border: 2px dashed #e5e5e5;
}

.more-button-txt-center.more-button-txt-center-close span {
color: #e5e5e5;
}

.more-wraper-center {position: relative;width: 120px!important;max-width: 120px;height: 120px;left: 0;right: 0;margin-left: auto;margin-right: auto;text-align: center;z-index: 1;}

.more-wraper-center.more-wraper-center-form {
margin: 5px auto 0 auto;
bottom: -20px;
}

.more-button-bg-center {
background: #151515;
border: 2px dashed #fff;
}

.more-button-bg-center.more-button-bg-center-dark {
background: none;
border: 2px dashed #fff;
}

.more-button-circle {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
background-clip: content-box;
padding: 2.5px;
cursor: pointer;
}

.more-wraper-center:hover .more-button-circle {-webkit-animation: spin 5s linear infinite;-moz-animation: spin 5s linear infinite;-ms-animation: spin 5s linear infinite;-o-animation: spin 5s linear infinite;animation: spin 5s linear infinite;}

.more-button-txt-center {
position: absolute;
top: 60px;
left: 60px;
width: 120px!important;
-webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
font-family: 'Playfair Display', serif;
font-size: 10px;
font-style: normal;
font-weight: 800;
text-transform: uppercase;
letter-spacing: normal;
line-height: normal;
color: #fff;
margin: 0 auto;
cursor: pointer;
}

.more-button-txt-center span {
	color: #fff;
	font-size: 1rem;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}





/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 1.5;
	--transition: 0.75s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 0);
	transition: background-color var(--transition),
/* 				backdrop-filter var(--transition), */
				box-shadow var(--transition);
	padding: 25px 0;
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: #1e1e1e;
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
/* 	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px); */
	padding: 0px;
	transition: 1s all ease;
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
}


.form-rezervare form{
	display: flex;
	justify-content: center;
}

.section-title-line .elementor-widget-container .elementor-heading-title>span,
.data-meniul-zilei .elementor-widget-container .elementor-shortcode,
.data-eveniment{
	position: relative;
    display: inline-block;
    line-height: 1px;
    padding: 0 30px;
}

.section-title-line .elementor-widget-container .elementor-heading-title>span::before, .section-title-line .elementor-widget-container .elementor-heading-title>span::after,
.data-meniul-zilei .elementor-widget-container .elementor-shortcode::before, .data-meniul-zilei .elementor-widget-container .elementor-shortcode::after,
.data-eveniment:before, .data-eveniment:after{
	content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 1px;
    top: 0;
    background-color: #B2B2B2;
}

.data-meniul-zilei .elementor-shortcode {
    color: #B2B2B2;
    font-family: "Playfair Display", Sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0.2px;
}

.text-meniul-zilei {
    color: #B2B2B2;
    font-family: "Playfair Display", Sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    text-align: center;
}

.section-title-line .elementor-widget-container .elementor-heading-title>span::after,
.data-meniul-zilei .elementor-widget-container .elementor-shortcode::after,
.data-eveniment::after{
    right: 0;
}

.section-title-line .elementor-widget-container .elementor-heading-title>span::before,
.data-meniul-zilei .elementor-widget-container .elementor-shortcode::before,
.data-eveniment::before{
    left: 0;
}


.latest-posts{
	display: flex;
	flex-direction: row;
	z-index: 1;
	gap: 40px;
}

.post-homepage:last-child{
	display: flex;
	flex-direction: column;
}

.post-homepage:last-child .post-thumbnail{
	order: 1;
}

.post-homepage:first-child .post-thumbnail img{
	border-radius: 0% 10% 0% 0%;
}

.post-homepage:last-child .post-thumbnail img{
	border-radius: 0% 0% 0% 10%;
}

.post-homepage .post-thumbnail img{
	width: 100%;
	height: 100%;
	min-height: 650px;
	object-fit: cover;
}

.post-content{
	background: #151515;
}

.post-homepage{
	width: 50%;
}

.post-content{
	padding: 4rem 9rem;
	text-align: center;
	color: #b2b2b2;
	font-family: 'Playfair Display';
}

.data-eveniment{
	font-size: 1.2rem;
	color: #b2b2b2;
	font-family: 'Playfair Display';
}

.single-post .data_eveniment, .single-post .descriere_scurta_eveniment{
	font-size: 1.5rem;
	font-family: 'Playfair Display';
	color: #b2b2b2;
	text-align: center;
}

.titlu-eveniment a{
	color: #A4822D;
}

.titlu-eveniment a:hover{
	color: #b2b2b2;
}

.descriere_lunga_eveniment{
	color: #b2b2b2;
}

.carousel-rounded-hp img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

@media only screen and (max-width: 1024px) {
	.latest-posts{
		flex-direction: column;
	}
	
	.post-homepage{
		width: 100%;
	}
	
	.post-homepage:last-child .post-thumbnail{
		order: 0;
	}
}


@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
		padding: 5px 10px;
	}
	
	header.sticky-header.elementor-sticky--effects{
		padding: 5px 10px;
	}
	
	header.sticky-header.elementor-sticky--effects .logo img {
		transform: none;
	}
	
	.post-content{
		padding: 2rem;
	}
	
	.post-homepage .post-thumbnail img{
		min-height: 200px;
	}
	
	.e-n-tabs-mobile > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading{
		margin: 0 auto;
	}
	
	.e-n-tabs-heading button{
		margin: 0 !important;
	}
	
}