/* 
Theme Name: YMJAR
Theme URI: https://github.com/elementor/hello-theme/
Description: YMJAR is a child theme of Hello Elementor, created by Elementor team
Author: Agence Le Soleil Vert
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: YMJAR
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body { width:100%; height:100%; margin:0; padding:0;}
html { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body { font-family: 'Montserrat',Arial, sans-serif; line-height:1.2em; color:#FFFFFF; background: #161616;}
@media (min-width:1200px){ body { font-size:16px;}}
@media (max-width:1199px){ body { font-size:15px;}}
@media (max-width:991px){ body { font-size:14px;}}
@media (max-width:767px){ body { font-size:13px;}}

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

article, aside, details, figcaption, figure, footer, header, hgroup, iframe, main, menu, nav, section, summary { margin:0; padding:0; border:0; display:block;}
audio, canvas, progress, video { vertical-align:baseline; display:inline-block;}
audio:not([controls]) { display:none; height:0;}
svg:not(:root) { overflow:hidden;}
[hidden], template { display:none;}

sub { position:relative; bottom:-.25em; font-size:75%; line-height:0; vertical-align:baseline;}
sup { position: relative; top:-.25em; font-size:75%; line-height:0; vertical-align: baseline;}

hr { height:0; margin:1em 0 1em 0; border:0; border-top:1px solid #333;}

b, strong { font-weight:bold;}

small { font-size:80%;}

a, a:link, a:visited { color:inherit; background-color:transparent; text-decoration:underline;}
a:hover, a:focus { color:inherit; outline:0; text-decoration:none;}
a:active { color:inherit; outline:0;}

a.noline, a.noline:link, a.noline:visited { text-decoration:none;}
a.noline:hover, a.noline:focus { text-decoration:underline;}

::-webkit-scrollbar { width:12px;}
::-webkit-scrollbar-track { background-color:#EAEAEA; border-left:1px solid #CCCCCC;}
::-webkit-scrollbar-thumb { background-color:#CCCCCC;}
::-webkit-scrollbar-thumb:hover { background-color:#AAAAAA;}

/* TEMP */

abbr[title] { border-bottom:1px dotted;}
dfn { font-style:italic;}
img { margin:0; padding:0; border:0; vertical-align:middle;}
pre { overflow:auto;}
code, kbd, pre, samp { font-family:monospace,monospace; font-size:1em;}
figure img {width: 100%;height:auto}

/*
h1 {
	margin: .67em 0;
	font-size: 2em;
}*/

ul, ol { margin:0 0 10px 0;}
ul ul, ol ul, ul ol, ol ol { margin:0;}

table { border-spacing:0; border-collapse:collapse; background-color:transparent;}
td, th { padding:0; text-align:left;}

p, ol, ul, li,
h1, h2, h3, h4, h5, h6,
blockquote { font-family:'Montserrat',Arial, sans-serif;margin:0; padding:0; border:0; display:block;}

/*
* PANEL
*/

.panel { background-color:#fff; border:0;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/*
* FORM
*/

form { position:relative; margin:0; padding:0; border:0; display:block;color: #9a9a9a;}
fieldset { max-width:100%; margin:0; padding:0; border:0; display:block;}
legend { width:100%; margin:0; padding:0; border:0; font-size:inherit; font-family:inherit; color:inherit; line-height:inherit; display:block;}
label { position:relative; margin:0; color:inherit; line-height:inherit; font-family:inherit; font-size:inherit; font-weight:normal; border: none !important;}
input { margin:0; font-family:inherit; font-size:1em; font-weight:normal; color:inherit; line-height:inherit; text-transform:none !important; overflow:visible;outline:0;}
input[type="submit"],
input[type="reset"],
html input[type="button"] { -webkit-appearance:button; outline: 0;}
input[type="radio"],
input[type="checkbox"] {padding: 0;float: left; width: 20px;}
input[type="file"] { display:block;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline:0;}
input::-moz-focus-inner { padding:0; border:0;}
select { margin:0; font-family:inherit; font-size:1em; font-weight:normal; color:inherit; line-height:inherit; text-transform:none !important; cursor:pointer;}
select[multiple],
select[size] { height:auto; cursor:default;}
optgroup { margin:0; padding-left:0.5em; font-family:inherit; font-size:1em; font-weight:bold; font-style:normal; color:inherit; line-height:inherit; cursor:default;}
optgroup option { padding:0 0 0 0.5em; cursor:pointer;}
option { cursor:default;}
textarea { margin:0; height:4em; font-family:inherit; font-size:1em; font-weight:normal; color:inherit; text-transform:none !important; overflow-y:auto; overflow-x:hidden; resize:none;outline:0;}
button { margin:0; font-family:inherit; font-size:1em; font-weight:normal; color:inherit; line-height:inherit; text-transform:none !important; overflow:visible; -webkit-appearance:button; outline: none; cursor:pointer;}
button::-moz-focus-inner { padding:0; border:0; outline: 0;}


.clear { float:none; clear:both; margin:0; padding:0; width:0; height:0; line-height:0; border:0; font-size:0; outline:0; overflow:hidden;} /* old */
.clearfix:before,
.clearfix:after { content:" "; display:table;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;} /* For IE 6/7 (trigger hasLayout) */

/* PRODUITS */

.slider-main {
	position: relative ! important;
	width: 100%;
	height: 50vh;
	overflow: hidden;
	display: block ! important;
}
.slider-nav {
	position: relative ! important;
	width: 100%;
	max-width: 600px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	display: block ! important;
}
.slider-main .slick-slide > div,
.slider-main .slick-slide,
.slider-main .slick-list,
.slider-main .slick-track,
.slider-nav .slick-slide > div,
.slider-nav .slick-slide,
.slider-nav .slick-list,
.slider-nav .slick-track{
	height: 100% ! important;
	text-align: center;
}
.slider-nav .slick-list{
	padding: 0px 20px ! important;
	display: flex;
	justify-content: center;
}
.slider-nav .slick-slide > div,
.slider-nav .slick-track,
.slider-main .slick-track{
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider-nav .slick-slide {
	border: 1px solid #666666;
	margin: 0 5px;
}
.slider-nav .slick-slide > div img,
.slider-main .slick-slide > div img{
	max-width: 100%;
	width: auto ! important;
	max-height: 100%;
	height: auto;
}
@media(max-width:1024px){
	.slider-nav {
		margin: 0 auto 20px auto;
	}
	
}
@media(max-width:767px){
	.slider-main {
		height: 35vh;
	}
	.slider-nav {
		max-width: 320px;
		height: 82px;
	}
}


/* WOOCOMMERCE */
.woocommerce-account .woocommerce:not(.woocommerce-edit-address .woocommerce) {
	display: flex;
	flex-direction: column-reverse;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
	margin-top: 30px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a{
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link {
	max-width: 180px;
	width: 100%;
	min-height: 63px;
	line-height: 18px;
	height: auto;
	padding: 10px;
	background-color: #666666;
	color: #FFFFFF;
	text-transform: uppercase;
	float: left;
	font-size: 14px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-weight: 400;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link:last-child {
	background-color: #303030;
	margin-right: 0;
}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce form.register {
	border:0 ! important;
	padding:0 ! important;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link::marker {
	content:none;
}
.woocommerce-checkout ul li::marker {
	content: none;
}
.woocommerce-checkout .woocommerce-column--shipping-address,
.woocommerce-checkout .woocommerce-column--billing-address,
.woocommerce-checkout .woocommerce-order-details ,
.woocommerce-checkout .woocommerce-order-overview {
	width: 50%;
	margin-bottom: 50px;
	float: left;
}
.woocommerce-checkout .woocommerce-order-details {
	width: 100%;
	margin-bottom: 50px;
	float: left;
}
.woocommerce-account .woocommerce-form-login {
	max-width: 450px;
	width: 100%;
}
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-form-login button {
	border-radius: 0 ! important;
	background:#BC7359 ! important;
	color: #FFFFFF ! important;
	width: 100% ! important;
	padding: 15px 20px ! important;
}
.woocommerce-account .woocommerce-form-login__rememberme {
	position: relative;
	width: 100%;
	padding-left: 25px;
	margin-bottom: 15px;
	font-size: 12px;
}
.woocommerce-account .woocommerce-form-login__rememberme input {
	position: absolute;
	left: 0;
	top: 5px;
}
.woocommerce a.button.alt:hover{
	background: var(--e-global-color-secondary);
}
.woocommerce a.button.alt {
	background: var(--e-global-color-secondary);
}

.home-cat-product {
	margin: 0 5px;
	height: 100%;
}
.woocommerce-cart .checkout-button{
	border-radius: 0 ! important;
    color: #FFFFFF ! important;
	font-weight: 300 ! important;
	background: var(--e-global-color-secondary);
    padding: 10px 40px;
    float: right;
    font-size: 1rem! important;
    font-weight: 400! important;
    line-height: 1.8;
    text-transform: none;
}
.woocommerce-cart table.cart td.actions {
	text-align: left;
}
.actions .button.wp-element-button {
	border-radius: 0 ! important;
    color: #FFFFFF ! important;
	font-weight: 300 ! important;
	background: #353535 ! important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1
{
	width: 100%;
}

.woocommerce-billing-fields__field-wrapper .form-row {
    width: 50% ! important;
    min-height: 65px;
    float: left;
	clear: inherit ! important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100% ;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100% ;
}
#customer_login .col-2, #customer_login .col-1 {
    width: 48% ! important;
}
#customer_login .col-1 {
	float:left;
}
#customer_login .col-2 {
	float:right;
}
#customer_login .woocommerce-form-register {
	max-width:450px;
}
#billing_address_2_field {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.woocommerce-checkout-payment #place_order {
	border-radius: 0 ! important;
    color: #FFFFFF ! important;
	font-weight: 300 ! important;
    font-size: 1rem! important;
	background: var(--e-global-color-secondary);
}
.woocommerce-checkout #payment .place-order,
.woocommerce-checkout #payment ul.payment_methods {
	padding: 0 ! important;
}
.woocommerce-checkout #payment {
	background: transparent;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {

    padding: 1em 2em 1em 2em ! important;
    background-color: transparent ! important;
    line-height: 1.2em ! important;
    font-size: 14px ! important;
    color: #FFFFFF ! important;
}
.woocommerce-additional-fields {
	margin-top: 25px ! important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    left: 0 ! important;
}
button, input{
	outline:none ! important;
}
input[type="checkbox"]:checked {
	background:var( --e-global-color-secondary );
  accent-color: var( --e-global-color-secondary );
}
.woocommerce-message,
.woocommerce-info {
    border-top-color: var( --e-global-color-secondary );
}
.woocommerce-message::before,
.woocommerce-info::before {
    color: var( --e-global-color-secondary );
}
.woocommerce form .form-row label.checkbox {
	position:relative;
	padding-left:25px;
	display: block;
}
.woocommerce form .form-row label.checkbox input[type="checkbox"] {
	position:absolute;
	left:0;
	top: 11px;
}
.woocommerce .button.wc-backward{
	background:var( --e-global-color-secondary );
    color: #FFFFFF;
	border-radius:0;
	
}
@media(max-width:1024px){
	#customer_login .col-2, #customer_login .col-1 {
    width: 100% ! important;
	}
}

@media(max-width:767px){
	.woocommerce-billing-fields__field-wrapper .form-row {
		width: 100% ! important;
		min-height: 45px;
	}
	.woocommerce form .form-row label.checkbox input[type="checkbox"] {
		top: 8px;
	}
}
.grecaptcha-badge {
    visibility: hidden;
	z-index: -10;
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    background-color: var( --e-global-color-accent );
}