/*
Theme Name: Divi Child 
Template: Divi 
Description: Divi Child Theme 
Author: CAW fr/col 
Author URI: https://cafeagenceweb.com
*/

/*WooCommerce Cart Menu Item styles*/
.caw-cart-content {
	display: inline-flex;
    align-items: center;
    background: url(https://btobestudio.com/wp-content/uploads/2021/01/bag-panier.svg);
    height: 26px;
    width: 26px;	
}
.caw-cart-content .cart-contents-count {
	display: inline-block;
	color: #fff;
    background-color: #ff6e00;
	border-radius: 10rem;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
	background: red;
	margin-left: 18px;
    margin-top: -10px;
}

/*User icon*/
.caw-user-content {
	display: inline-flex;
    align-items: center;
    background: url(https://btobestudio.com/wp-content/uploads/2021/01/user.svg);
    height: 26px;
	width: 26px;
	margin-left: 20px;
}

/** Global Woocommerce styles **/

/* Woocommerce payment bouton */
.woocommerce .wc-btn-check,
.wc-proceed-to-checkout .wc-btn-check {
	font-size: 15px !important;
    width: 100%;
    padding: 12px 32px !important;
    color: #fff !important;
    justify-content: center;
    align-items: center;
    font-weight: 700 !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px !important;
    float: initial;
    display: flex !important;
    margin: 1rem auto -10px!important;
	background: -webkit-linear-gradient(330deg,rgba(103,151,255,0) 0%,#4d86ff 100%) !important;
    background: linear-gradient(120deg,rgba(103,151,255,0) 0%,#4d86ff 100%) !important;
    background-color: #67b5ff !important;
	-webkit-transition: 300ms all cubic-bezier(.4,0,.2,1) !important;
    transition: 300ms all cubic-bezier(.4,0,.2,1) !important;
}
.woocommerce .wc-btn-check:hover,
.woocommerce-cart .wc-proceed-to-checkout .wc-btn-check:hover {
	box-shadow: 0 12px 24px -6px rgba(103,151,255,.2) !important;
}
.woocommerce .wc-btn-check .alt:after, 
.woocommerce .wc-btn-check:after,
.woocommerce-cart .wc-proceed-to-checkout .wc-btn-check:after{
	right: 18px !important;
}

/* Woocommerce error message */
.woocommerce .woocommerce-error {
	background: #e6d7d6;
    color: #a00 !important;
    font-size: 1rem !important;
}

@media (max-width: 560px){
	.d-none-resp {
		display: none;
	}
}
/** Global Woocommerce styles END **/


/**
 Woocommerce account
**/
.wc-greeting_header {
	text-align: center;
}
.wc-greeting_header h1 {
	margin: -0.8em 0 0;
	padding-bottom: 0;
    line-height: 1.6em;
    color: #20292f;
    font-weight: 700;
}
.woocommerce-MyAccount-navigation {
	width: 25% !important;
	padding-right: 3%;
	box-sizing: border-box;
}

.woocommerce-MyAccount-navigation ul {
	padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 16px 16px 16px 30px;
	margin-top: 24px;
    color: #20292f!important;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.9em;
    text-transform: uppercase;
    font-weight: 900;
	background-color: #fff;
    border-radius: 8px;
	-webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a{
	margin-right: -8px;
    margin-left: -8px;
    background: #4a42ec;
	color: #fff !important;
}

.woocommerce-MyAccount-content {
	width: 75% !important;
	border-radius: 8px;
    background-color: #fff;
    padding: 32px;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
    margin-top: 24px;
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);
}

.woocommerce-MyAccount-content p {
	font-size: 16px;
    color: #6d7c90;
    line-height: 1.75;
}

.woocommerce-MyAccount-content a {
	color: #4a42ec;
}

.woocommerce-MyAccount-content .button {
	align-items: center;
    font-weight: 900 !important;
    font-size: 12px !important;
    color: #4a42ec !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px !important;
    padding: 6px 20px !important;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: flex-start;
	margin-top: 3px!important;
}

.woocommerce-MyAccount-content .button:after {
	display: none;
}
.woocommerce-MyAccount-content .button:hover {
	background-color: #4a42ec!important;
    color: #fff!important;
}

.woocommerce-MyAccount-content table.my_account_orders {
	border: none;
}

.woocommerce-MyAccount-content table.my_account_orders th {
	font-size: 14px;
	padding: .857em .587em;
	background: #f1f1f1;
}

.woocommerce-MyAccount-content table.my_account_orders tr td {
	padding: 18px;
}
.woocommerce-MyAccount-content hr {
	border: .5px solid #d2d2d2;
    margin-top: 1.2rem;
}
.legend_change_password {
	font-size: 1.3rem;
    font-weight: 700;
    padding-top: .7rem;
    padding-bottom: .3rem;
}

/**
 Woocommerce cart
***/
.woocommerce-cart-form-content,
.calculated_shipping,
.cart_totals {
	background-color: #fff;
    padding: 2rem 2rem;
    border-radius: 5px;
	margin-bottom: 1rem
}
.entry-title,
.calculated_shipping h2,
.cart_totals h2 {
	font-size: 1.5rem;
    color: #20292f;
    font-weight: 700;
}
.calculated_shipping tr.order-total th,
.calculated_shipping tr.order-total td,
.cart_totals tr.order-total th,
.cart_totals tr.order-total td{
	font-size: 1.15rem;
    color: #3776ff;
}
.woocommerce-cart table.shop_table tbody:first-child tr:first-child th,
.woocommerce-cart table.shop_table tbody:first-child tr:first-child td {
	border-top: 0;
}
.woocommerce-cart .cart_totals table th{
	width: 35%;
	padding: 9px 12px;
	border-top: 1px solid #ebe9eb;
}
.woocommerce-cart .cart_totals table td{
	padding: 9px 12px;
}
.woocommerce-cart .entry-content ul {
    list-style-type: none;
    padding: 0 0 23px 0em;
}
.woocommerce-cart-form-content .woocommerce-cart-form__contents,
.calculated_shipping .shop_table,
.cart_totals .shop_table{
	margin: 1rem 0 0 !important;
    border: none !important;
}

.woocommerce-cart-form-content .woocommerce-cart-form__contents thead {
	background: #f1f1f1;
}
.woocommerce-cart-form-content .woocommerce-cart-form__contents .product-thumbnail {
	text-align: center;
}
.woocommerce-cart-form-content .woocommerce-cart-form__contents .product-remove a {
	font-size: 1.7rem;
}
.woocommerce-cart-form-content .quantity input.qty {
	height: 40px;
}
.woocommerce-cart-form-content table.cart td.actions {
	padding-top: 2.3rem !important;
}
.woocommerce-cart-form-content table.cart td.actions .coupon .input-text {
	box-sizing: border-box;
    position: relative;
    display: block;
    border: 2px solid transparent !important;
    border-radius: 5px;
    background-color: rgba(109,124,144,.1) !important;
    /*width: 50%;*/
    padding: 8px 12px;
    text-align: left;
    font-size: .9em !important;
    font-family: lato,sans-serif;
    line-height: 1.8em;
    letter-spacing: .5px;
    font-weight: 700 !important;
    color: #20292f !important;
    outline: none;
}
.woocommerce-cart-form-content table.cart td.actions .coupon .input-text:hover {
	border: 2px solid #3776ff !important;
}
.woocommerce-cart-form-content table.cart td.actions .coupon .input-text:focus{
	border: 2px solid #3776ff !important;
    background: transparent !important;
}
.woocommerce-cart-form-content table.cart td.actions .coupon .input-text::-webkit-input-placeholder {
	color: rgba(109,124,144,.6) !important;
}
.woocommerce-cart-form-content table.cart td.actions .coupon .input-text:-ms-input-placeholder {
	color: rgba(109,124,144,.6) !important;
}
.woocommerce-cart-form-content table.cart td.actions .coupon .input-text::placeholder {
	color: rgba(109,124,144,.6) !important;
}
.woocommerce-cart-form-content .button {
    align-items: center;
    font-weight: 900 !important;
    font-size: 12px !important;
    color: #4a42ec!important;
    text-transform: uppercase;
    border-radius: 100px !important;
    padding: 8px 20px !important;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: flex-start;
	margin-top: 3px !important;
}
.woocommerce-cart-form-content .button:hover {
	background-color: #4a42ec!important;
    color: #fff!important;
}
.woocommerce-cart-form-content .button:after {
	display: none;
}

/***
 Woocommerce CheckOut Layout 
 ***/

/* Blocs */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-checkout-payment{
	background-color: #fff !important;
	padding: 2rem 2rem;
	border-radius: 5px !important;
	margin-bottom: 1rem;
}
.woocommerce-checkout #payment {
	padding: 1rem;	
}

.page_paiement .et_pb_row {
	width: 90%;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table{
	background-color: #fff !important;
	padding: 0rem 2rem 2rem;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	margin-bottom: 1rem !important;
	border: none !important;
}
.woocommerce-checkout h3.wc-order_title {
	background-color: #fff;
	padding: 2rem;
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
}
.woocommerce-checkout .woocommerce-billing-fields {
	width: 60% !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
	margin-left: 1rem;
	width: 37% !important;
}

/* labels */
.woocommerce form .form-row label {
	font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	color: rgba(109,124,144,.6);
	margin-top: .5rem;
}

/* Inputs */
.woocommerce input:not([type]), .woocommerce input[type=text], .woocommerce input[type=password], .woocommerce input[type=email], .woocommerce input[type=url], .woocommerce input[type=time], .woocommerce input[type=date], .woocommerce input[type=datetime-local], .woocommerce input[type=tel], .woocommerce input[type=number], .woocommerce input[type=search], .woocommerce select, .woocommerce textarea {
	box-sizing: border-box;
	position: relative;
    display: block;
    border: 2px solid transparent;
    border-radius: 5px;
    background: rgba(109,124,144,.1);
    width: 100%;
    margin: 16px 0;
    padding: 8px 12px;
    text-align: left;
    font-size: .9em;
    font-family: lato,sans-serif;
    line-height: 1.8em;
    letter-spacing: .5px;
    font-weight: 700;
    color: #20292f;
    outline: none;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	border: 2px solid #eee;
	border-radius: 4px;
    padding: 14px 16px;
}
.woocommerce form .form-row input.input-text:hover, 
.woocommerce form .form-row textarea:hover {
	border: 2px solid #3776ff;
}
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus {
	border: 2px solid #3776ff;
    background: transparent;
}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder , 
.woocommerce form .form-row textarea::-webkit-input-placeholder {
	color: rgba(109,124,144,.6);
}
.woocommerce form .form-row input.input-text:-ms-input-placeholder , 
.woocommerce form .form-row textarea:-ms-input-placeholder {
	color: rgba(109,124,144,.6);
}
.woocommerce form .form-row input.input-text::placeholder , 
.woocommerce form .form-row textarea::placeholder {
	color: rgba(109,124,144,.6);
}

/* Dropdowns */
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
	letter-spacing: .5px;
    font-weight: 700;
    color: #20292f;
	padding-left: 15px;
    padding-right: 35px;
}
.woocommerce .select2-container .select2-selection--single {
	background-color: #eff2f4;
    border: 2px solid transparent;
    height: 50px;
}
.woocommerce .select2-dropdown {
	border: 1px solid #eff2f4;
}
.woocommerce .select2-container .select2-selection--single:hover {
	border: 2px solid #3776ff;
}

.woocommerce .select2-container .select2-selection--single:focus {
	border: 2px solid #3776ff;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    width: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 6px 5px 0 5px;
    margin-left: -10px;
}

/* Titles */
.woocommerce h3 {
	font-size: 1.5rem;
	color: #20292f;
    font-weight: 700;
}

/* Review order table */
.woocommerce .woocommerce-checkout-review-order-table thead {
	background: #f1f1f1;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot .cart-subtotal th,
.woocommerce .woocommerce-checkout-review-order-table tfoot .cart-subtotal td {
	padding: 20px 12px 2px;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot .shipping th,
.woocommerce .woocommerce-checkout-review-order-table tfoot .shipping td {
	border: none;
    padding: 2px 12px;
    font-weight: 300;
    font-style: italic;
}
.woocommerce ul#shipping_method li {
	margin: 0;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce .woocommerce-checkout-review-order-table tfoot .order-total td {
	border: none;
    padding: 2px 12px;
	font-size: 1.15rem;
    color: #3776ff;
}

/* Discount coupon information */
.woocommerce .woocommerce-info {
	font-size: 1rem !important;
}
.woocommerce .woocommerce-info .showcoupon {
	text-decoration: underline;
}

/**
 * Login header
 **/
.et_pb_row_0_tb_header {
	z-index: 5 !important;
}
.dropdown_login_header {
	padding: 0;
	background-color: transparent !important;
	cursor: pointer;
}
.dropdown_login_header:hover .et_pb_login_form {
	visibility: visible;
    opacity: 1;
	 -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.dropdown_login_header .et_pb_newsletter_description {
	background: #e54f34;
	margin-bottom: 0 !important;
}
.dropdown_login_header h2.et_pb_module_header {
	font-family: 'Kanit',Helvetica,Arial,Lucida,sans-serif!important;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 18px 0;
	z-index: 0;
}
.dropdown_login_header .et_pb_login_form {
	position: absolute !important;
	top: 127px;
	left: -25%;
	visibility: hidden;
	opacity: 0;
	width: 320px !important;
	border-radius: 8px;
	background-color: #fff;
	padding: 32px !important;
	box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11);
	z-index: 9999;
	-webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
}
.dropdown_login_header .et_pb_login_form .et_pb_forgot_password a {
	color: #6d7c90;
}
.dropdown_login_header .et_pb_login_form .et_pb_button {
	display: flex;
    align-items: center;
	font-weight: 900;
    font-size: 12px;
    line-height: 28px;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px;
    padding: 8px 20px;
    -webkit-box-pack: center;
    justify-content: center;
    align-self: flex-start;
    border: none;
    margin-bottom: 16px;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
	background-color: #4a42ec;
}
.dropdown_login_header .et_pb_login_form .et_pb_button:after {
	right: 10px;
}
.dropdown_login_header .et_pb_login_form input[type=text], 
.dropdown_login_header .et_pb_login_form input[type=password] {
	border: none;
    border-radius: 5px;
    background: rgba(109,124,144,.1);
    width: 100%;
    margin: 5px 0;
    padding: 8px 12px;
    text-align: left;
    border: 2px solid transparent;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
    font-size: .9em;
    font-family: lato,sans-serif;
    line-height: 1.8em;
    letter-spacing: .5px;
    font-weight: 700;
    color: #20292f;
    outline: none;
}
.dropdown_login_header .et_pb_login_form input[type=text]:hover,
.dropdown_login_header .et_pb_login_form input[type=password]:hover{
	border: 2px solid #3776ff;
}
.dropdown_login_header .et_pb_login_form input[type=text]:focus, .dropdown_login_header .et_pb_login_form input[type=password]:focus {
	border: 2px solid #3776ff;
    background: transparent;
}
.dropdown_login_header .et_pb_login_form input[type=text]::-webkit-input-placeholder,
.dropdown_login_header .et_pb_login_form input[type=password]::-webkit-input-placeholder {
	color: rgba(109,124,144,.6);
}
.dropdown_login_header .et_pb_login_form input[type=text]:-ms-input-placeholder,
.dropdown_login_header .et_pb_login_form input[type=password]:-ms-input-placeholder {
	color: rgba(109,124,144,.6);
}
.dropdown_login_header .et_pb_login_form input[type=text]::placeholder,
.dropdown_login_header .et_pb_login_form input[type=password]::placeholder{
	color: rgba(109,124,144,.6);
}

.dropdown_login_header .et_pb_newsletter_description_content br {
	display: none;
}

.dropdown_login_header .et_pb_newsletter_description_content {
	font-size: 12px;
    height: 47px;
    line-height: 1.4;
    position: absolute;
    top: 0;
    padding: .5rem 1rem;
    background: #e54f34;
}
.dropdown_login_header .et_pb_newsletter_description_content a {
    color: #cecece;
    text-decoration: underline;
}

/**
 Login section
**/
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register {
	background: #fff;
	padding: 20px 20px 40px !important;
    margin: 1em 0 2rem !important;
}

.woocommerce #customer_login::after {
    height: 100%;
    width: 1px;
    background: #d8d8d8;
    position: absolute;
    left: 50%;
    top: 0%;
}

.woocommerce .woocommerce-form-login .woocommerce-LostPassword {
	margin: 1.5rem 0rem -.7rem;
}

/**
 Reset password
**/
.woocommerce-ResetPassword {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
	margin: 0 auto;
    width: 60%;
    background: #fff;
	border-radius: 5px;
    padding: 2rem;
}

.woocommerce-ResetPassword .form-row-first {
	width: 100% !important;
}

.woocommerce-ResetPassword .woocommerce-form-row {
	width: 60%;
}

/**
 * Responsive
 **/
@media (max-width: 980px) { 
	/*Checkout*/
	.woocommerce-checkout .woocommerce-billing-fields {
    	width: 100%!important;
	}
	.woocommerce-checkout .woocommerce-checkout-review-order {
		margin-left: 0;
    	width: 100%!important;
	}
}

@media (max-width: 745px) { 
	/*My account*/
	#customer_login .col-1,
	#customer_login .col-2 {
		width: 100%;
	}
	.woocommerce #customer_login::after {
		display: none;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100% !important;
    	padding: 0;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100% !important;
	}
	.woocommerce-MyAccount-navigation ul li {
		display: inline-block;
    	margin: 0 5px;
	}
	.woocommerce-MyAccount-navigation ul li.is-active {
		margin: 0 10px;
	}
	.woocommerce-MyAccount-navigation ul li a {
		padding: 10px 15px 10px 15px;
	}
	.woocommerce-MyAccount-content .woocommerce-Addresses .col-1,
	.woocommerce-MyAccount-content .woocommerce-Addresses .col-2 {
		width: 100%;
	}	
}



@media (max-width: 560px) {
	/*My cart*/
	.woocommerce-cart-form-content {
		padding: 1rem 1rem;
		margin-right: -10%;
    	margin-left: -10%;
		margin-top: -2rem;
	}
	.woocommerce-page .cart-collaterals {
		width: 120%;
    	margin-left: -10%;
	}
	/*My account*/
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 120%!important;
    	margin-right: -10%;
	}
	.woocommerce-customer-details .col-1,
	.woocommerce-customer-details .col-2 {
		width: 100% !important;
		margin: 1rem 0;
	}
	.woocommerce-MyAccount-content .woocommerce-MyAccount-orders .woocommerce-orders-table__header-order-status,
	.woocommerce-MyAccount-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-status,
	.woocommerce-MyAccount-content .woocommerce-MyAccount-orders .woocommerce-orders-table__header-order-number,
	.woocommerce-MyAccount-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number {
		display: none;
	}
}

@media (max-width: 320px) { 
	/*My cart*/
	.woocommerce-MyAccount-content table.my_account_orders{
		margin: -6%;
	}
}