/* 
Theme Name: GWS Childplate
Theme URI: https://github.com/
Description: Hello Elementor Child für interne Projekte
Author: GallyWebsolutions GmbH
Author URI: https://www.gally-websolutions.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: gws-childplate
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

.productinfo p{
	margin-bottom: 0.25em !important;
}

.productinfo p:last-of-type{
	margin-bottom: 0 !important;
}

/* WooCommerce Cart Table */
.woocommerce-cart .shop_table{
	--cols: 6;
	display:grid;
	grid-template-columns: 100px 1fr 100px 100px 150px 50px;
}
.woocommerce-cart .shop_table :is(thead,tbody,tr){
	grid-column-end: calc(var(--cols) + 1);
	grid-column-start: 1;
	display:grid;
	grid-template-columns: subgrid;
}
.woocommerce-cart .shop_table tr>*{
	grid-row:1;
}
.woocommerce-cart .shop_table tr>:nth-child(1){
	/* trash */
	grid-column: 7;
}
.woocommerce-cart .shop_table tr>:nth-child(2){
	/* image */
	grid-column: 1;
}
.woocommerce-cart .shop_table tr>:nth-child(3){
	/* product */
	grid-column: 2;
}
.woocommerce-cart .shop_table tr>:nth-child(4){
	/* price */
	grid-column: 4;
}
.woocommerce-cart .shop_table tr>:nth-child(5){
	/* quantity */
	grid-column: 3;
}
.woocommerce-cart .shop_table tr>:nth-child(6){
	/* subtotal */
	grid-column: 5;
}

@media screen and (max-width: 768px){
	
	.e-shop-table .shop_table tbody{
		
		    border: 1px solid #a8a8a8;
		    box-shadow: none !important;
	}
	.woocommerce-cart .shop_table{
		display:block;
	}
	.woocommerce-cart .shop_table :is(tbody,tr){
		display:table !important;
	}
	
	.e-cart__column{
		max-width: 100vw;
	}
	
	.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart tbody tr:last-child{
		display: var(--update-cart-automatically-display,table-row) !important;
	}
	
	.cart-collaterals .cart_totals table tbody{
		width: 100% !important;
	}
	
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
		display: block !important;
	}
}

/*ExtraVars*/

:root{
	--maintrans: .3s all ease-in-out;
	--borderwidth: 1px;
}

/*Scrolled Classes*/

#mainnav{
	position: sticky;
	top:0;
	z-index: 100;
}


.logo img{
	max-width: 120px;
	min-width: 100px;
}

/*NavStyle*/

#fullnav .menu-item:nth-of-type(3)::after{
	content: '';
	height: 2.5em;
	width: 2em;
	border: 0px;
	background-image: url(https://www.olyv.com/wp-content/uploads/2024/08/OLYV-Logoicon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 .5em;
}

#fullnav .sub-menu .menu-item:nth-of-type(3)::after{
	display: none;
}

#fullnav  .menu-item a{
	padding-left: 1vw !important;
    padding-right: 1vw !important;
}


#fullnav .menu-item a::after{
	width: calc(100% - 2vw) !important;
	left: 1vw;
}

#fullnav .current-menu-parent a::after{
	opacity: 1!important;
}


#fullnav .sub-menu{
	margin-top: 1em !important;
	width: auto !important;
	min-width: unset !important;
}

#fullnav-second > ul > li.menu-item:nth-of-type(3)::after{
	content: '';
	height: 2.5em;
	width: 2em;
	border: 0px;
	background-image: url(https://dev.olyv.com/wp-content/uploads/2024/08/OLYV-Logoicon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 .5em;
}

#fullnav-second .elementor-sub-item::after{
	display: none !important;
}

#fullnav-second .sub-menu{
	margin-top: 1em !important;
	width: 100% !important;
	min-width: 100% !important;
}

#fullnav-second > ul > li.menu-item a{
    padding: 0 2.5vw;
}
#fullnav-second > ul > li.menu-item:first-of-type > a{
	padding-left: 0;
}

#fullnav-second ul{
	width: 100%;
    justify-content: space-between;
}

#fullnav-second > ul > li.menu-item:last-of-type a{
	padding-right: 0;
}

#fullnav-second .sub-menu{
	margin-top: 1em !important;
	width: auto !important;
	min-width: 20ch !important;
}
/*
@media screen and (max-width: 1395px){
	#fullnav{
		display: none !important;
	}
	
	.extranav{
		width: 60% !important;
	}
	
	#fullnav-second{
		display: block !important;
		max-width: 990px !important;
		margin: 0 auto;
	}
}


@media screen and (max-width: 850px){
	#fullnav-second{
		display: none !important;
	}
}
*/

@media screen and (min-width: 991x){
	#navtrigger{
		display: none !important;
	}
}

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover{
	border: none !important;
}


#bigmenumain ul li a{
	display: block;
	text-align: center;
}

#bigmenumain .sub-menu{
	background: #CCCCC6;
}

#bigmenumain .sub-menu li a:hover,
#bigmenumain .sub-menu li a:focus{
	background: #CCCCC6;
}

.bigmenu .dialog-close-button svg{
	fill: #EDEDE9!important;
}


/*hero*/

.herocta{
	position: absolute;
	right: 3em;
	bottom: 3em;
}

.flyer{
	right: auto;
	left: 5em;
	
}

.olivraie{
	right: auto;
	left: 3em;
	bottom: 6em;
}

.headminwidth{
	min-width: 440px;
}

.herocta > div a{
	display: flex !important;
	align-items: center;
	aspect-ratio: 1 / 1;
	width: auto;
	height: auto;
	border: .15vw solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.flyer .elementor-cta__content{
	width: 8em;
    font-size: .8em;
    padding: 0em !important;
}

.herocta > div a:hover{
		background: var(--e-global-color-primary);
}

#mainheadline h1{
	position: relative;
	width: fit-content;
	margin: auto;
	padding: .5vw 0px .5vw 2vw;
}

#mainheadline h1 small{
	font-size: .5em;	
}

#mainheadline h1::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-top: .15vw solid var(--e-global-color-primary);
	border-left: .15vw solid var(--e-global-color-primary);
	width: 6ch;
	height: 2ch;
}


#mainheadline h1::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: .15vw solid var(--e-global-color-primary);
	width: 6ch;
	height: 2ch;
}

.page-id-2648 #mainheadline h1::after{
	right: 10.5ch;
}


#oilclub{
	position: relative;
}

#oilclub::before{
	content: '';
    position: absolute;
    top: -50vh;
    left: -40%;
    border-left: .15vw solid var(--e-global-color-primary);
    width: 0%;
    height: 68vh;
}

#oilclub::after{
	content: '';
    position: absolute;
    bottom: -17vh;
    right: 50%;
    border-bottom: .15vw solid var(--e-global-color-primary);
    border-left: .15vw solid var(--e-global-color-primary);
	border-right: .15vw solid var(--e-global-color-primary);
    width: 90%;
    height: 10vh;
	
}

#bienvenue{
	position: relative;
}

#bienvenue::before{
	content: '';
	width: 0;
	background: var(--e-global-color-primary);
	border-left: .15vw solid var(--e-global-color-primary);
	height: 50vh;
	position: absolute;
	left: 50%;
	top: -55vh;
}

.zeroheight{
	height: 0px!important;
}

#oilclub.zeroheight::before{
    height: 100vh;
	top: -90vh;
}

.framedbox{
	position: relative;
}

.framedbox::before{
	content: '';
	background: transparent;
	border-left: var(--borderwidth) solid var(--e-global-color-text);
	border-bottom: var(--borderwidth) solid var(--e-global-color-text);
	height: 8em;
	width: 4em;
	position: absolute;
	left: 0;
	bottom: 0;
	top: auto;
}

.framedbox::after{
	content: '';
	background: transparent;
	border-right: var(--borderwidth) solid var(--e-global-color-text);
	border-bottom: var(--borderwidth) solid var(--e-global-color-text);
	height: 4em;
	width: 8em;
	position: absolute;
	right: 0;
	bottom: 0;
}


@media screen and (max-width:768px){
	.framedbox::before,
	.framedbox::after,
	#bienvenue::before,
	#oilclub.zeroheight::before,
	#oilclub::before,
	#oilclub::after{
		display: none;
	}
}


.specialratio{
	aspect-ratio: 16 / 9;
	height: auto !important;
	width: 100% !important;
}

@media screen and (min-width: 1200px){
	.specialratio{
		aspect-ratio: 16 / 8;
		height: auto !important;
		width: 100% !important;
	}
}

/*Feedbackslider*/

.elementor-widget-reviews .swiper-slide, .elementor-widget-testimonial-carousel .swiper-slide{
	justify-content: center;
	align-items: center;
	display: flex;
}

/*Helpers*/
@media screen and (max-width: 1450px){
	.headlineheight{
		min-height: 2em;
	}
}

@media screen and (max-width: 1024px){
	.headlineheight{
		min-height: unset;
	}
}

.elementor-menu-cart__container.elementor-lightbox{
	display: none !important;
}

.elementor-menu-cart__toggle_button:focus{
	background: transparent !important;
}

@media screen and (min-width: 800px){
	.ratioimage{
		min-height: unset;
		aspect-ratio: 1928 / 890;
		width: 100%;
		height: auto;
		background-size: 100% auto !important;
		background-repeat: no-repeat;
	}	
}

.e-n-accordion-item:last-of-type .e-n-accordion-item-title{
	border-width: 1px 0px 1px 0px !important;
}

.elementor-element-933e7a7 .e-n-accordion-item:last-of-type .e-n-accordion-item-title{
	border-width: 0px 0px 1px 0px !important;
}

.valeursbox p:last-of-type{
	margin-bottom: 0!important;
}

.excerptmini > div::after{
	content: '...';
}

figcaption{
font-style: normal !important;
}

.bottletext figcaption{
	margin-top: -4em;
}

.textbox{
	min-width: 350px;
	max-width: 450px;
}

.etape{
	min-width: 350px;
}

.etape .elementor-icon-box-title{
	margin-top: -.25em !important;
}
.etape .elementor-icon svg{
	width: 1.25em !important;
	height: 1.25em !important;
}

.footerratio img{
	aspect-ratio: 16 / 6;
	object-fit: cover;
	width: 100%;
	height: auto !important;
	object-position: center center;
	border-bottom: 2px solid vat(--e-global-color-text);
}

@media screen and (max-width: 768px){
	
	.textbox{
		min-width: 100%;
	}
}


.beforebox:before{
	content: '';
    width: 30%;
    background: var(--e-global-color-primary);
    height: 100%;
    position: absolute;
    left: -30%;
    top: 0;
	z-index: -1;
}

.beforeboxwide:before{
	content: '';
    width: 50%;
    background: var(--e-global-color-primary);
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
	z-index: -1;
}

@media screen and (max-width: 990px){
	.beforebox:before,
	.beforeboxwide:before{
	display: none;
	}
}

.shadow .elementor-widget-container{
	height: auto !important;
}


.page-id-455 .prefooter,
.page-id-2689 .prefooter{
	display: none !important;
}

.specialfooter img{
	aspect-ratio: 16 / 4;
	object-fit: cover;
	object-position: center center;
	max-height: 150px;
}

.elementor-widget-search-form .elementor-widget-container{
	display: flex;
	align-items: center;
}

.elementor-search-form__toggle{
	color: var(--e-global-color-text);
}

.elementor-search-form__toggle .e-font-icon-svg-container{
	background: transparent !important;
}

.sub-arrow{
	display: none !important;
}

.oilclubgreen img,
.oilclubred img,
.productshadow img{
	position: relative;
}

.productshadow::before{
	content: '';
	height: 100%;
	width: 70%;
	position: absolute;
	top: 10%;
	right: -.5%;
	background: var(--e-global-color-primary);
	z-index: 0;
}

/*Vert*/
.postid-759 .productshadow::before,
.postid-2783 .productshadow::before{
	background: #2d3016;
}

/*Mur*/

.postid-784 .productshadow::before,
.postid-2780 .productshadow::before{
	background: #430C09;
}

.oilclubgreen::before{
	content: '';
	height: 120%;
	width: 70%;
	position: absolute;
	top: -10%;
	right: -30%;
	background: #515528;
	z-index: 0;
}

.oilclubred::before{
	content: '';
	height: 120%;
	width: 70%;
	position: absolute;
	top: -10%;
	right: -30%;
	background: #430C09;
	z-index: 0;
}

/*Forms*/


.gform-theme--foundation .gform_fields{
	row-gap: 1em !important;
}

.gform_required_legend{
	font-size: .5em !important;
}

.gform_body .gfield_label{
	font-size: 1em !important;
}

.gform_body input,
.gform_body textarea{
	font-size: 1em!important;
	padding: .5em!important;
	line-height: 1 !important;
	border-radius: 0!important;
	background: transparent !important;
	border: 1px solid var(--e-global-color-text) !important; 
}

.gform_body textarea{
	height: 150px !important;
	min-height: unset !important;
}

.gform_body input{
	height: auto !important;
}

.gform_body input:focus,
.gform_body textarea:focus{
	box-shadow: none;
	border: 1px solid var(--e-global-color-text) !important; 
}

.gform_body input[type="checkbox"]{
	aspect-ratio: 1 / 1;
    width: 1em;
	height: 1em !important;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
	color: var(--e-global-color-text) !important;
}

.gform_body .gfield_consent_label{
	display: flex;
    align-items: center;
}


.gform_footer input.gform_button{
	border: 1px solid var(--e-global-color-text) !important; 
	background: var(--e-global-color-text) !important; 
	color: var(--e-global-color-4bcf5c3) !important; 
	border-radius: 0px !important;
	font-size: 1em!important;
	padding: .5em!important;
}

.gform_footer input.gform_button:hover{
	background: transparent !important;
	color: var(--e-global-color-text) !important; 
}
.gform-theme--framework,
.gform-theme--framework{
	--gf-color-danger: var(--e-global-color-text) !important;  
}


.gform_ajax_spinner {
	box-sizing: border-box;
	margin-top: 11px;
	margin-left: 10px;
    border: 3px solid rgba(0,0,0,1);
    border-left: 3px solid rgba(0,0,0,0);
    border-top: 3px solid rgba(0,0,0,.15);
    border-right: 3px solid rgba(0,0,0,.5);
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
}
@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



/*Contactformpage*/

#contactpage .gform_body input,
#contactpage .gform_body textarea{
	font-size: 1em!important;
	padding: .5em!important;
	line-height: 1 !important;
	border-radius: 0!important;
	background: transparent !important;
	border: 1px solid var(--e-global-color-4bcf5c3) !important; 
	color: var(--e-global-color-4bcf5c3) !important;
}

#contactpage .gform_required_legend,
#contactpage .gform_body .gfield_consent_label,
#contactpage .gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
	color: var(--e-global-color-4bcf5c3) !important;
}




#contactpage .gform_footer input.gform_button{
	border: 1px solid var(--e-global-color-4bcf5c3) !important; 
	background: transparent !important; 
	color: var(--e-global-color-4bcf5c3) !important; 
}

#contactpage .gform_footer input.gform_button:hover{
	background: var(--e-global-color-4bcf5c3) !important;
	color: var(--e-global-color-text) !important; 
}

#contactpage .gform_required_legend{
	font-size: .8em !important;
	color: var(--e-global-color-4bcf5c3) !important; 
	
}

#contactpage .gfield_required{
	color: var(--e-global-color-4bcf5c3) !important; 
}

#contactpage .gform-theme--framework,
#footerform .gform-theme--framework{
	--gf-color-danger: var(--e-global-color-4bcf5c3) !important; 
}

#contactpage .gform-theme--framework .gform_validation_errors,
#contactpage .gform-theme--framework .gform_validation_errors .gform-icon,
#footerform .gform-theme--framework .gform_validation_errors,
#footerform .gform-theme--framework .gform_validation_errors .gform-icon{
	background: transparent !important;
	border-color: var(--e-global-color-4bcf5c3) !important; 
	border-width: 1px !important;
}


#contactpage .gform-theme--framework .gform_validation_errors{
	border-radius: 0px !important;
}


#contactpage #gform_confirmation_message_1{
	color: var(--e-global-color-4bcf5c3) !important;
}

#footerform .gform_body input{
	font-size: .7em!important;
	padding: .5em!important;
	line-height: 1 !important;
	border-radius: 0!important;
	background: var(--e-global-color-4bcf5c3) !important;
	border: 1px solid var(--e-global-color-4bcf5c3) !important; 
}

#footerform #gform_submit_button_3{
	border: 1px solid var(--e-global-color-4bcf5c3) !important; 
	background: transparent !important; 
	color: var(--e-global-color-4bcf5c3) !important; 
	font-size: .7em!important;
	padding: .5em!important;
	height: auto !important;
	min-height: 28px;
}

#footerform label{
	color: var(--e-global-color-4bcf5c3) !important; 
	font-size: .7em!important;
}

#footerform .gfield_required_asterisk,
#footerform .gform_required_legend{
	display: none;
}

#footerform #gform_submit_button_3:hover{
	background: var(--e-global-color-4bcf5c3) !important;
	color: var(--e-global-color-text) !important; 
}

#footerform .ginput_container_consent{
    align-content: center;
	height: 2em;
	}

#footerform .gfield_consent_label{
	font-size: .5em !important;
}

#footerform .gform_body input[type="checkbox"] {
    aspect-ratio: 1 / 1;
    width: 1em;
    height: 1em !important;
}






/*OilClub Form*/

#gform_fields_2,
#gform_2 .gform-field-label{
	font-size: clamp(.8em, 1vw, 1em) !important;
}

#gform_2 fieldset .gfield_description,
#gform_2 .gfield--type-text .gfield_description{
	font-size: clamp(.6em, 1vw, .8em) !important;
}

#gform_2 #gform_fields_2,
#gform_fields_2_2{
	gap: 1em;
}

.gf_progressbar_title{
	font-size: 1em !important;
	color: var(--e-global-color-text) !important;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
	font-weight: normal !important; 
}

.gf_step_current_page,
.gf_step_page_count{
	font-weight: bold !important; 
}

.gform-theme--framework .gf_progressbar .gf_progressbar_percentage,
.gform-theme--framework .gf_progressbar {
	border-radius: 0;
	height: 1em;
}

.gform-theme--framework .gf_progressbar .percentbar_blue{
	background: var(--e-global-color-text);
}

#gform_2 fieldset,
#gform_2 .gfield--type-text,
#gform_2 .gfield--type-html{
	background: var(--e-global-color-text);
	color: var(--e-global-color-4bcf5c3);
	padding: 1em;
	display: inline;
	flex-direction: column;
}

#gform_2 .gfield_radio .gchoice{
	display: flex !important;
	align-items: center !important;
	width: 50%;
}

#gform_2 .gfield--type-html{
	text-align: center;
	font-size: .8em;
}

#gform_2 .button{
	background: var(--e-global-color-text) !important;
	color: var(--e-global-color-4bcf5c3) !important;
	border: none !important;
	padding: 1em !important;
}

#gform_2 .button:hover{
	opacity: .8em !important;
}

#gform_2 fieldset.gfield--type-radio legend,
#gform_2 .gfield--type-text label{
	float: left;
}

#gform_2 fieldset .ginput_container_radio{
	float: right;
	width: 60%;
}

#gform_2 fieldset .gfield_radio{
	flex-direction: row;
}

#gform_2 .gform_body input[type="radio"],
#gform_2 .gform_body input[type="checkbox"]{
	border-color: var(--e-global-color-4bcf5c3) !important; 
	background-color: var(--e-global-color-4bcf5c3) !important; 
	aspect-ratio: 1 / 1;
	width: 1.5em !important;
	height: 1.5em !important;
	color: var(--e-global-color-4bcf5c3);
	place-content: center;
}

#gform_2 .gform_body input[type="radio"]:before{
	block-size: unset;
	inline-size: unset;
	background: transparent;
    font-family: var(--gf-icon-font-family, var(--gform-theme-icon-font-family)) !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: never;
	place-content: center;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   color: var(--e-global-color-text) !important;
    content: var(--gf-icon-ctrl-checkbox);
    font-size: var(--gf-ctrl-checkbox-check-size);

}


#gform_2 fieldset legend,
#gform_2 fieldset .gfield_description,
#gform_2 fieldset label,
#gform_2 .gfield--type-text label{
	color: var(--e-global-color-4bcf5c3);
}

#gform_2 .gform_body input[type="text"]{
	color: var(--e-global-color-4bcf5c3);
	border-color: var(--e-global-color-4bcf5c3) !important;
}

#gform_2 .gfield--type-text{
	display: inline;
}

#gform_2 .gfield--type-text label{
	float: left;
}

#gform_2 .gfield--type-text .ginput_container{
	float: right;
	width: 60%;
}

#gform_2 .gfield--type-text  .gfield_description{
	clear: both;
	display: block !important;
	width: 100%;
	padding-left: 40%;
	text-align: left;
}

#gform_2 .charleft{
	padding-left: 0 !important;
}

#gform_2 .charleft,
#gform_2 .gfield_description{
	color: var(--e-global-color-4bcf5c3);
	text-align: left;
}




#gform_2 .gform_body input[type="email"],
#gform_2 .gform_body input[type="tel"],
#gform_2 textarea{
	border-color: var(--e-global-color-4bcf5c3) !important; 
		color: var(--e-global-color-4bcf5c3) !important;
}

#gform_2 .gform_body input[type="checkbox"]{
	border-color: var(--e-global-color-4bcf5c3) !important; 
	background-color: var(--e-global-color-4bcf5c3) !important; 
	color: var(--e-global-color-text) !important;
	asepect-ratio: 1 / 1;
	height: 1.5em !important;
}

#gform_2 .gform_body input[type="checkbox"]:before{
	color: var(--e-global-color-text) !important;
}

#gform_2 .gfield--type-email,
#gform_2 .gfield--type-phone,
#gform_2 .gfield--type-textarea{
	background: var(--e-global-color-text) !important;
		color: var(--e-global-color-4bcf5c3) !important;
	padding: 1em;
}

#gform_2 .gfield--type-email label,
#gform_2 .gfield--type-phone label,
#gform_2 .gfield--type-textarea label{
		color: var(--e-global-color-4bcf5c3) !important;
}

#gform_2 .gfield--type-checkbox,
#gform_2 .gfield--type-name{
	border: 0 !important;
	padding-top: 1em;
	position: relative;
	margin-top: 1.5em;
}

#gform_2 fieldset.gfield--type-checkbox:before{
	content: '';
	height: 3em;
	width: 100%;
	position: absolute;
	top: -5em;
	background: var(--e-global-color-text);
	left: 0;
	z-index: -1;
}

#gform_2 fieldset.gfield--type-name, 
#gform_2 fieldset.gfield--type-address,
#gform_2 fieldset.gfield--type-list{
	border: 0 !important;
	padding-top: 1em;
	position: relative;
	margin-top: 1em;
}

#gform_2 fieldset.gfield--type-name:before,
#gform_2 fieldset.gfield--type-address:before,
#gform_2 fieldset.gfield--type-list:before{
	content: '';
	height: 3em;
	width: 100%;
	position: absolute;
	top: -3em;
	background: var(--e-global-color-text);
	left: 0;
	z-index: -1;
}

#gform_2 .gform-field-label{
	color: var(--e-global-color-4bcf5c3) !important;
}

#gform_2 #field_2_7 .charleft{
	display: none !important;
}

#input_2_7{
	background: var(--e-global-color-4bcf5c3) !important;
	color: var(--e-global-color-text) !important;
}

#field_2_22 legend,
#field_2_21 legend,
#field_2_23 legend,
#field_2_21 .gfield_description,
#field_2_22 .gfield_description,
#field_2_23 .gfield_description{
	text-align: center !important;
	display: block;
}

#field_2_21 .gfield_description,
#field_2_22 .gfield_description,
#field_2_23 .gfield_description{
	font-weight: bold;
}

#field_2_22 legend small,
#field_2_21 legend small,
#field_2_23 legend small{
	font-size: .8em;
}

#gform_2 .gfield_required{
	color: var(--e-global-color-4bcf5c3) !important;
}

#field_2_5 legend,
#field_2_6 legend,
#field_2_7 legend{
	margin-bottom: 0;
}

#gform_2 .gchoice{
	display: flex !important;
	align-items: center !important;
}

#field_2_22 .gchoice,
#field_2_21 .gchoice,
#field_2_23 .gchoice{
	justify-content: center;
}


#gform_2 #gform_page_2_2 fieldset{
	background: transparent !important;
	color: var(--e-global-color-text) !important;
	padding: 0 !important;
	margin-top: 0 !important;
}

#gform_2 .gform_body #gform_page_2_2 input[type="text"],
#gform_2 .gform_body #gform_page_2_2 input[type="email"], 
#gform_2 .gform_body #gform_page_2_2 input[type="tel"], 
#gform_2 .gform_body #gform_page_2_2 textarea{
	color: var(--e-global-color-text) !important;
	border-color: var(--e-global-color-text) !important;
}


#gform_2 .gform_body #gform_page_2_2 .gfield--type-email, 
#gform_2 .gform_body #gform_page_2_2 .gfield--type-phone, 
#gform_2 .gform_body #gform_page_2_2 .gfield--type-textarea{
	color: var(--e-global-color-text) !important;
	border-color: var(--e-global-color-text) !important;
	background: transparent !important;
	padding: 0 !important;
}

#gform_2 .gform_body #gform_page_2_2 .gfield_description,
#gform_2 .gform_body #gform_page_2_2 .gform-field-label{
	color: var(--e-global-color-text) !important;
	font-size: 1em;
}

#gform_page_2_2 fieldset.gfield--type-name:before, #gform_page_2_2 fieldset.gfield--type-address:before, #gform_page_2_2 fieldset.gfield--type-list:before{
	display: none !important;
}

#gform_2 .gform_body #gform_page_2_2 legend{
	color: var(--e-global-color-text) !important;
}


#gform_2 .gform_body #gform_page_2_2 textarea {
    height: 100px !important;
}

#gform_2 .gform_body #gform_page_2_2 .ginput_container_date{
	flex: 1;
}

#gform_2 .gform_body #gform_page_2_2 #field_2_28,
#gform_2 .gform_body #gform_page_2_2 #field_2_27{
	padding: 0 !important;
	font-size: 1em !important;
}

#gform_2 .gfield--type-text label{
	max-width: 28ch;
}

.choix{
	background: var(--e-global-color-text) !important;
	color: var(--e-global-color-4bcf5c3) !important;
	padding: .5em;
	font-size: 1em !important;
	display: flex;
	flex-direction: row;
	gap: 1.5em;
	justify-content: space-evenly;
	text-transform: uppercase;
}

.choix div{
	flex: 1;
	text-align: left;
}

/*Shopping*/

.elementor-menu-cart__main{
	width: 50vw !important;
}

@media screen and (max-width:768px){
	.elementor-menu-cart__main{
		width: 100vw !important;
	}
	
	.elementor-menu-cart__footer-buttons{
		display: flex;
    	flex-direction: column;
	}
}

.elementor-menu-cart__main .elementor-button{
	background: var(--e-global-color-text) !important;
	font-size: 1em !important;
	padding: 1em !important;
	color: var(--e-global-color-4bcf5c3) !important;
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{
	font-size: 18px!important;
	color: var(--e-global-color-text) !important:
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{
	font-size: 18px! important;
	color: var(--e-global-color-text) !important;
}

.woocommerce-message{
	position: fixed;
    bottom: 0;
	left: 0;
    width: 100%;
    z-index: 10;
    margin-bottom: 0;
	border-top-color: var(--e-global-color-text) ;
}

.elementor-menu-cart__product-image a, .elementor-menu-cart__product-image img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

.elementor-menu-cart__product-remove:after, .elementor-menu-cart__product-remove:before,
.elementor-menu-cart__close-button:after, .elementor-menu-cart__close-button:before{
	background: var(--e-global-color-text)!important;
}

.elementor-menu-cart__product-remove{
	border-color:  var(--e-global-color-text)!important;
}


/*Helpers*/

.card .elementor-element:first-of-type .elementor-widget-container{
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	overflow: hidden;
}


.card.coperello .elementor-element:first-of-type .elementor-widget-container{
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
}

.preline:before{
	content: '';
	display: block;
	width: 1px;
	height: 1em;
	background: var(--e-global-color-text);
	margin: 0 auto;
}

.oilinfos{
	position: relative;
}

.oilinfos:nth-of-type(2n){
	background: rgba(0, 0, 0, .025);
}

.oilinfos .elementor-element:first-of-type{
	width: 15% !important;
}

.oilinfos .elementor-element:last-of-type{
	width: 85% !important;
}

.oilinfos h2,
.oilinfos h3{
	font-size: .8em !important;
}

.oilinfos:first-of-type::before{
	position: absolute;
    top: 0;
    right: 0;
    left: 17%;
    content: '';
    width: 83%;
    border-top: 1px dashed var(--e-global-color-text);
    display: block;
}

.oilinfos::after{
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	width: 83%;
	border-bottom: 1px dashed var(--e-global-color-text);
	display: block;
}

@media screen and (max-width: 768px){
	.oilinfos:first-of-type::before{
		left: 0%;
		width: 100%;
	}

	.oilinfos::after{
		width: 100%;
	}
	
	.oilinfos div{
		width: 100% !important;
		text-align: left !important;
	}
	
	.oilinfos .elementor-element:last-of-type{
		width: 100% !important;
		text-align: left !important;
	}
}

/*Panier*/

.elementor-widget-woocommerce-cart.e-cart-layout-one-column .e-cart__container{
	gap: 0 !important;
}

.shop_table thead{
	background: var(--e-global-color-text);
}

.woocommerce-cart  .shop_table thead tr th{
	padding: 1em !important;
	color: var(--e-global-color-4bcf5c3) !important;
	text-transform: uppercase;
}

.e-shop-table .shop_table tbody {
	box-shadow: inset -1px 0 0 0 #a8a8a8 ,  /* Right side */
              inset 0 -1px 0 0 #a8a8a8 ,  /* Bottom side */
              inset 1px 0 0 0 #a8a8a8 ;   /* Left side */
	padding: 2em !important;
}

.cart_totals h2{
	text-align: center;
	font-size: 2em !important;
}

.cart_totals table{
	border: 1px solid #a8a8a8 !important;
	padding: 2em !important;
	border-radius: 0px !important;
}


.cart_totals table tbody{
	width: 650px !important;
    display: table !important;
    margin: 0 auto !important;
}

.wc-proceed-to-checkout .checkout-button{
	width: 70% !important;
	margin: 1em auto !important;
}

.backbtn a{
	border-bottom: 1px solid var(--e-global-color-text);
	padding: 1em .25em;
}

/*Projet*/

.projeticon .elementor-icon-box-icon,
.projeticon .elementor-icon-box-content h3{
	text-align: center;
}

.card.hoverme{
	position: relative;
}


.card.hoverme .elementor-widget-heading{
	height: 100%;
}

.card.hoverme .elementor-widget-heading .elementor-widget-container{
	display: flex;
	align-items: center;
	justify-content: center;
}

.card.hoverme::before{
	content: attr(data-text);
	background: rgba(0, 0, 0, .8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	color: #fff;
	font-size: .75em;
	padding: 1em;
	transition: var(--maintrans);
	opacity: 0;
	hyphens: auto;
	word-break: break-word;
	text-align: center;
	display: flex;
	align-items: center;
}

.card.hoverme:hover::before{
	opacity: 1;
}

/*Product*/
.woocommerce table.shop_attributes{
	border-top: 0px;
}

.woocommerce table.shop_attributes th{
	border: 0px;
	text-align: right;
	background: transparent;
	border-top: 0px;
	padding: .5em 1em;
	font-weight: normal;
}

.woocommerce table.shop_attributes td{
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px dashed var(--e-global-color-text);
	background: transparent;
	padding: .5em 1em;
}

.woocommerce table.shop_attributes td p{
	padding: 0;
	margin: 0;
	font-style: normal;
}

.woocommerce-message,
.woocommerce-error, 
.woocommerce-info{
    background: var(--e-global-color-text);
    color: var(--e-global-color-4bcf5c3);
	box-shadow: none !important;
	outline: none !important;
	border-top-color: var(--e-global-color-text) !important;
}

.woocommerce-message:focus,
.woocommerce-error:focus, 
.woocommerce-info:focus{
	box-shadow: none !important;
	outline: none !important
	border-color: var(--e-global-color-text);
}

.woocommerce-message::before,
.woocommerce-error::before, 
.woocommerce-info::before{
	color: currentcolor;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
	border-radius: 0;
	background: var(--e-global-color-4bcf5c3);
	color: var(--e-global-color-text);
	font-weight: normal;
	transition: var(--maintrans);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{
	background: var(--e-global-color-9ea2c79);
	color: var(--e-global-color-4bcf5c3);
}

.elementor-widget-woocommerce-cart .woocommerce table.shop_table tr {
	align-items: center;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart img{
	width: 2em;
	margin: 0 auto;
}

.elementor-24 .elementor-element.elementor-element-ef64c98 .input-text.qty{
	text-align: center;
    padding: 1em;
    width: 100%;
}

.elementor-24 .elementor-element.elementor-element-ef64c98 .e-shop-table .cart th{
	padding-left: 0 !important;
}

.e-shop-table .shop_table tbody{
	    padding: 0 1em !important;
}

.return-to-shop{
	display: none;
}

/*checkout*/

.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row .input-text, .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row select, .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row textarea, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row .input-text, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row select, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row textarea, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row .input-text, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row select, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row textarea{
	
	color: var(--e-global-color-text) !important;
    border: 1px solid var(--e-global-color-text) !important;
	background: transparent !important;
	padding: 8px;
}


.woocommerce-billing-fields #billing_postcode_field,
.woocommerce-billing-fields #billing_phone_field{
	width: 49%;
    display: inline-block;
}

.woocommerce-billing-fields #billing_city_field,
.woocommerce-billing-fields #billing_email_field{
	width: 49%;
	float: right;
    display: inline-block;
}


/* Replace "X" with a trash icon */
.woocommerce-cart .product-remove a::before {
   // content: "\e93b"; /* Unicode for Elementor's eicon-trash */
    font-family: "elementor-icons"; /* Elementor's custom icon font */
    font-size: 20px; /* Adjust size as needed */
    display: inline-block;
    margin-right: 5px;
}


.wpml-ls-current-language a{
	font-weight: bold;
}

.wpml-ls-last-item{
	position: relative;
}

.wpml-ls-last-item::before{
	content: '|';
    position: absolute;
    left: -.15em;
}

a:hover{
	font-weight: 400 !important;
}
/*
.woocommerce-cart .product-remove a {
    text-indent: -9999px; 
    position: relative;
    padding-left: 0; 
}*/