/* 
Theme Name:		WINE THEME
Template:		hello-elementor
Version:		1.0.0
Text Domain:	wine-theme
*/

h1, h2, h3, h4 { margin-top:1.5rem; margin-bottom:0.5rem }
UL, OL { margin-bottom:0.9em }
P A { text-decoration:underline !important}
P:last-child { margin-bottom:0 }

.hideit { display:none !important }

.elementor-button i { font-size:20px }
/* .elementor-button .elementor-button-text { padding-top:4px } */
.elementor-icon-list-item * { transition:all 0.2s }

.line_list_style UL { list-style:none; margin:0; padding:0 }
.line_list_style LI { padding-left:45px !important; position:relative }
.line_list_style LI:before { display:block; content:""; position:absolute; width:30px; height:1px; top:15px; left:0; background:var(--e-global-color-primary) }
.line_list_style.dark LI:before { background:#FFF }

.rap50 { padding-top:50% !important }
.rap33 { padding-top:33% !important }
@media (max-width:767px) { 
	.rap50 { padding-top:100% !important } 
	.rap33 { padding-top:100% !important } 
}


/* ============================================================== */
/* AGE GATE */
.age-gate-heading-title-logo { width:200px !important; height:auto; }
.age-gate-form { background:transparent }
.age-gate-subheading { margin:20px 0 }
.age-gate-message, .age-gate-remember-wrapper { margin:20px 0; font-size:20px }
.age-gate-form BUTTON { border:0 none; background:#000 !important; color:#D1AA67 !important; font-weight:bold; padding:15px 50px; font-size:20px; margin:0 15px }

/* ============================================================== */
/* COOKIES BAR */
#cookie-law-info-bar { padding:20px !important }
#cookie-law-info-bar { width:360px !important }
.cli-bar-container, .cli-plugin-button { font-size:18px !important; line-height:1.2 !important }
.cli-bar-message { text-align:center !important }
.cli-bar-btn_container { justify-content:center; gap:10px; margin-top:20px !important }

/* ============================================================== */
/* HEADER */
.elementor-location-header {
    background: transparent;
    position: fixed; z-index:999; top: 0;
    transition: all 0.2s ease-in-out;
    width: 100%;
}
.elementor-location-header.nav-down { background: #FFF; top:0; box-shadow:0 0 30px rgba(0,0,0,0.1) }
.elementor-location-header.nav-up { background: transparent; top: -100px }

.elementor-location-header #logo IMG { transition:all 0.2s; transform-origin:0 0 }
.elementor-location-header.nav-down #logo IMG, .elementor-location-header.nav-top #logo IMG { width:150px !important; height:49px !important; }
.elementor-location-header.nav-down .elementor-nav-menu--main .elementor-item, .elementor-location-header.nav-top .elementor-nav-menu--main .elementor-item { padding-top:25px !important; padding-bottom:25px !important }

/* RESPONSIVE */
:root { --side:245px }
@media (max-width:1240px) {
    :root { --side:160px }
}
@media (max-width:1024px) {
    :root { --side:140px }
}
@media (max-width:767px) {
    :root { --side:230px }
}

#mainheader .center { width:calc(100% - 2*var(--side)) !important }
#mainheader .side { width:var(--side) !important }
#mobileicon { display:none !important }

@media (max-width:1024px) {
	#mainheader .center { width:calc(100% - 1.2 * var(--side)) !important }
	#mainheader .side2 { width:var(--side) / 5 !important }
	#mainheader .side2 .social { display:none !important }
}
@media (max-width:767px) {
	.nav-down #mainheader { padding-top:10px !important; padding-bottom:10px !important }
	#mainheader .center { width:calc(100% - var(--side)) !important }
	#mainheader .side2 { display:none }
	#mainmenu { display:none }
	#mobileicon { display:block !important }
}


/* ============================================================== */
/* MAIN MENU */
#mainmenu .elementor-nav-menu--dropdown { padding:10px 0 }
#mainmenu I { font-size:20px }
#mainmenu ul.elementor-nav-menu--dropdown a { border:0 none !important}
#mainmenu .current-menu-parent > a { color:var(--e-global-color-primary)}

.sub-menu {
    position:relative; width:auto !important; min-width:200px;
    display:block !important;
    opacity:0; pointer-events:none;
    transform:translateY(20px);
    transition: all 0.1s ease-in-out;
}
.menu-item-has-children:hover > .sub-menu {
    opacity:1;  
    transform:translateY(0); 
    pointer-events:auto;
}


/* ============================================================== */
/* MOBILE MENU */
#mobilemenu .elementor-nav-menu > li.menu-item:first-child { display:none !important }
#mobilemenu .sub-menu { position:static; display:block !important; opacity:1 !important; transform:none !important }
#mobilemenu .sub-menu > li > a { border-left:0 none !important }
#mobilemenu .sub-menu > li { padding-left:30px !important }
#mobilemenu .sub-menu > li:before { display:block; content:""; position:absolute; width:20px; height:1px; top:16px; left:20px; background:var(--e-global-color-primary) }
.elementor-sub-item { background-color:transparent !important }


/* ============================================================== */
/* CONTENT */
/* .elementor-location-header + DIV { padding-top:160px } */
.e-loop-item .product, .e-loop-item .product > div { height:100% }
.e-loop-item .product > div > div:last-child { margin-top:auto }

.e-loop-item .product .prod_cat { 
	position:absolute; top:10px; right:10px; z-index:1;
	background:#000; 
}
.e-loop-item .product .prod_cat a { 
	display:block; padding:8px 10px 7px; 
	font-family: "Montserrat", Sans-serif !important;
	color:#FFF; font-size:11px; line-height:11px; font-weight:500; text-transform:uppercase;
	transition:all 0.2s;
}
.e-loop-item .product .prod_cat a:hover { color:var(--e-global-color-primary)}

SPAN.line { display:inline-block; margin:5px 20px; width:40px; height:1px; background:#000 }
/* ============================================================== */
UL.product_attributes, UL.catalog_attributes { list-style:none; margin:0; padding:0 }
UL.product_attributes LI, UL.catalog_attributes LI { display:flex }
UL.product_attributes LI:not(:last-child), UL.catalog_attributes LI:not(:last-child) { margin:0 0 10px }

.attr_label { text-transform:uppercase; font-weight:600; letter-spacing:1px; display:inline-block !important; width:150px; font-size:14px; font-family: "Montserrat", Sans-serif !important }
.attr_line { display:inline-block !important; margin:14px 35px; width:40px; height:1px; background:var(--e-global-color-primary) }
.attr_value { display:inline-block !important; width:calc(100% - 250px)}

UL.product_attributes .attr_value { /* font-style:italic */ }
UL.product_attributes .attr_value a { /* text-decoration:underline !important */ }

UL.catalog_attributes .attr_label { font-size:12px; width:calc(50% - 40px) }
UL.catalog_attributes .attr_line { margin:14px 20px }
UL.catalog_attributes .attr_value { width:calc(50% - 40px); display:inline-block !important; text-align:right; font-size:12px; font-family: "Montserrat", Sans-serif !important; text-transform:uppercase; font-weight:600; letter-spacing:1px; }

@media (max-width:767px) {
	.attr_label { letter-spacing:0; width:115px }
	.attr_line { margin:14px 15px; width:30px }
	.attr_value { width:calc(100% - 175px)}
}
/* ============================================================== */
.product_culoare_31 .product_degustare_bg { background-image:url("/wp-content/uploads/Note-de-degustare_vinuri-rosii.jpg") !important }
.product_culoare_44 .product_degustare_bg { background-image:url("/wp-content/uploads/Note-de-degustare_vinuri-albe.jpg") !important }
.product_culoare_45 .product_degustare_bg { background-image:url("/wp-content/uploads/Note-de-degustare_vinuri-roze.jpg") !important }

.product_culoare_31 .product_culinar_bg { background-image:url("/wp-content/uploads/Asocieri-culinare_vinuri-rosii.jpg") !important }
.product_culoare_44 .product_culinar_bg { background-image:url("/wp-content/uploads/Asocieri-culinare_vinuri-albe.jpg") !important }
.product_culoare_45 .product_culinar_bg { background-image:url("/wp-content/uploads/Asocieri-culinare_vinuri-roze.jpg") !important }
/* ============================================================== */
.product_category_info { display:flex; flex-direction:column; gap:20px }
.product_category_info H3 { font-size:32px !important; margin:0; font-style:italic }
.product_category_info H3 a { color:#000 }
.product_category_info a.catlink { 
	display:inline-block;
	padding:8px 20px; background:#000; color:#FFF;
	font-size:13px; font-family: "Montserrat", Sans-serif !important; text-transform:uppercase; font-weight:500; letter-spacing:1px; 
	transition:all 0.2s;
}
.product_category_info a.catlink:hover { color:var(--e-global-color-primary) }
.product_featured { display:flex; gap:0px }
.product_featured a IMG { transition:all 0.2s; transform:scale(1) }
.product_featured a:hover IMG { transform:scale(1.05) }

@media (max-width:1024px) {
	.product_featured { gap:0 }
	.product_featured IMG { width:33.3333vw}
}

/* ============================================================== */
/* POSTS */
.elementor-post__excerpt P:after { content:"..." }
.elementor-pagination:not(.ecs-load-more-button) > SPAN, .elementor-pagination:not(.ecs-load-more-button) > A { background:#000; padding:6px; width:40px; display:inline-block }
.elementor-pagination:not(.ecs-load-more-button) > SPAN { color:#999 }
.elementor-post__read-more { background:#000; padding:2px 15px }

:not(.elementor-image-gallery) > .gallery { display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; justify-content:space-between; margin-top:40px }
:not(.elementor-image-gallery) > .gallery .gallery-item { margin:0; width:calc(25% - 20px) }
:not(.elementor-image-gallery) > .gallery .gallery-icon { line-height:0 }
:not(.elementor-image-gallery) > .gallery .gallery-icon IMG { width:100%; height:120px !important; overflow:hidden; object-fit:cover; object-position: center }

@media (max-width:767px) {
	:not(.elementor-image-gallery) > .gallery .gallery-item { margin:0; width:calc(50% - 10px) }
}

/* ============================================================== */
/* BUFETUL AROMELOR */
.flipbox { background: transparent; perspective: 2000px }
.flipbox > .e-con-inner {
	pointer-events:none;
	position: relative; width: 100%; height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.flipbox.flipped > .e-con-inner { transform: rotateY(180deg) }
.flipbox .flipside {
	position: absolute !important; width:100%; height:100% !important; top:0; left:0;
	border-radius:12px !important; background:#FFF;
	box-shadow:0 0 25px 0 rgba(0,0,0,0.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flipbox .flipfront H2 { font-size:120px !important; line-height:120px !important; margin-top:-40px; font-style:normal !important  }
.flipbox_red .flipbox .flipfront H2 { color:var(--e-global-color-2283ab6) !important }
.flipbox_white .flipbox .flipfront H2 { color:var(--e-global-color-primary) !important }
.flipbox .flipback { transform: rotateY(180deg) }


/* SMALL FLIPBOXES */
.flipbox2 { background: transparent; perspective: 300px }
.flipbox2 > .e-con-inner {
	pointer-events:none;
	position: relative; width: 100%; height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.flipbox2.flipped > .e-con-inner { transform: rotateY(180deg) }
.flipbox2 .flipside {
	position: absolute !important; width:100%; height:100% !important; top:0; left:0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flipbox2 .flipfront { border-radius:12px !important; box-shadow:0 0 25px 0 rgba(0,0,0,0.1) }
.flipbox_red .flipbox2 .flipfront { background:var(--e-global-color-2283ab6) !important }
.flipbox_white .flipbox2 .flipfront  { background:var(--e-global-color-primary) !important }

.flipbox2 .flipfront H2 { font-style:normal !important; color:#FFF }
.flipbox2 .flipback { transform: rotateY(180deg); background:transparent }

.flipbox2 .yesChecked, .flipbox2 .noChecked { display:none }
.flipbox2.yesChecked .yesChecked, .flipbox2.noChecked .noChecked { display:block }

/* BIGBOXES */
.bigboxes .elementor-loop-container, .bigboxes2 .elementor-loop-container  { height:100vh }
.bigbox { 
	opacity:0; transition:0.2s opacity;
	pointer-events:none;
	width:calc(100% - 50px) !important; max-width:360px !important;
	position:absolute !important; top:50%; left:50%; transform:translate(-50%, -50%);
	background:#FFF; border-radius:12px !important; box-shadow:0 0 25px 0 rgba(0,0,0,0.2) 
}
.bigbox.show { opacity:1 }
.bigboxes2 .bigbox.show { pointer-events:auto }

.bigboxes2 { pointer-events:none }
.bigboxes2.show { pointer-events:auto }

#bigboxes_bg { opacity:0; pointer-events:none; transition:0.2s opacity }
#bigboxes_bg.show { opacity:1; pointer-events:auto }

#helpBox, #finishBox { pointer-events:auto; display:none }
.helpContent { max-height:calc(100vh - 140px) }
.helpText { max-height:calc(100vh - 210px); overflow-y:auto; padding-right:15px }
#helpBtn SVG { height:1.4em !important }
#finishBox > .e-con-inner { height:100vh }


/* MENIU VINURI */
#drinkmenu_section {
    display:grid;
    grid-template-columns: auto 150px;
    column-gap: 10px;
    row-gap: 8px;
}
.dk_item { line-height:1.1em }
.dk_title { font-weight:bold !important; text-transform:uppercase; }
.dk_title_has_space { padding-top:20px !important }
.dk_gold { color:var(--e-global-color-primary) !important }
.dk_details { color:var(--e-global-color-primary) !important; font-size:85%; line-height:1em !important; }
.dk_right { text-align:center }