/*
 Theme Name:   edctheme
 Theme URI:    https://editionsducrabe.fr
 Description:  Thème enfant de la maison d'éditions des Editions du Crabe
 Author:       Morgane Belletti
 Author URI:   https://valuable.fr
 Template:     oceanwp
 Version:      0.1.0

** Colors **

Gris clair (fond) : #F2F2F2
Gris foncé : #707070


** Typography **
Title : Trajan Pro
Texte : Garamond

*/

/* Fonts */

@font-face {
  font-family: "Garamond";
  src: url("assets/font/Garamond.woff2") format("woff2"), url("/assets/font/Garamond.woff") format("woff"),
    url("assets/font/Garamond.ttf") format("truetype"), url("/assets/font/Garamond.svg#Garamond") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Garamond";
  src: url("assets/font/Garamond-Italic.woff2") format("woff2"),
    url("assets/font/Garamond-Italic.woff") format("woff"), url("/assets/font/Garamond-Italic.ttf") format("truetype"),
    url("assets/font/Garamond-Italic.svg#Garamond-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Garamond";
  src: url("assets/font/Garamond-Bold.woff2") format("woff2"), url("/assets/font/Garamond-Bold.woff") format("woff"),
    url("assets/font/Garamond-Bold.ttf") format("truetype"),
    url("assets/font/Garamond-Bold.svg#Garamond-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Trajan Pro";
  src: url("assets/font/TrajanPro-Regular.woff2") format("woff2"),
    url("assets/font/TrajanPro-Regular.woff") format("woff"),
    url("assets/font/TrajanPro-Regular.ttf") format("truetype"),
    url("assets/font/TrajanPro-Regular.svg#TrajanPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/** GENERAL **/

html {
    background-image: url("https://www.editionsducrabe.valuable.fr/wp-content/uploads/2022/07/paper-texture-gray-carre-50x50-1.jpg");
    background-repeat: repeat;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Trajan Pro", Times, serif;
  text-transform: uppercase;
  color:#000;
}

p {
	font-family: "Garamond", Times, serif;
	text-transform: none!important;
	font-size: 2rem;
}

#copyright {
  font-family: "Garamond", Times, serif;
  color:#000;
	font-size: 1.2em;
	margin: 0;
}

ul, li, a {
  text-decoration: none;
  color: #000 !important;
	font-size: 1.2em;
	font-family: "Trajan Pro", Times, serif;
}



a:hover {
  color: #3e3e3e !important;
  text-decoration: none;
}

a:focus {
	outline:0 !important;
}


span.required, .required, .form-row .required {
	color: #707070 !important;
}

p a {
	font-family: "Garamond", Times, serif;
	font-size:2rem;
	text-decoration: underline !important;
}


/** Bouton **/

.btnEDC a {
	background-color: #707173;
  	color: #fff !important;
	font-family: "Garamond", Times, serif;
	text-transform:none;
	padding: 1rem 4rem !important;
	box-shadow:0 3px 6px rgba(0,0,0,.25) !important;
	font-size:2rem !important;
}

.btnEDC a svg {
	width:2em;
}

.btnEDC .elementor-button-content-wrapper {
	display:flex;
	align-items:center;
	justify-content:center;
}

.btnEDC a:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
}

.eael-simple-menu-container .eael-simple-menu-toggle {
	color:#000 !important;
}



/* Menu */
/* Menu Footer */

.eael-simple-menu-container .eael-simple-menu li a {
	line-height: 25px;
		background-color: transparent !important;
}
/* Bloc */

.blocMarque {
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

/* Formulaire Contact */

form p {
	margin:20px 0px;
}

label {
	font-size: 1.2em;
	font-weight: 500;
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
	border-bottom: 2px solid #000;
	border-top:0px;
	border-right:0px;
	border-left:0px;
	font-size:2rem;
	color: #707173;
}

input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button, body div.wpforms-container-full .wpforms-form input[type="submit"], body div.wpforms-container-full .wpforms-form button[type="submit"], body div.wpforms-container-full .wpforms-form .wpforms-page-button, .woocommerce-checkout #place_order {
	background-color: #707173;
  	color: #fff !important;
	font-family: "Garamond", Times, serif;
	text-transform:none;
	padding: 0.5em 3em!important;
	box-shadow:0 3px 6px rgba(0,0,0,.25) !important;
	font-weight:500;
	letter-spacing:0;
	font-size:2rem !important;
	display:block;
	margin:auto;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button[type="submit"]:focus, .button:hover, .button:focus, body div.wpforms-container-full .wpforms-form input[type="submit"]:hover, body div.wpforms-container-full .wpforms-form button[type="submit"]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, a .checkout-button .button .alt .wc-forward, .woocommerce-checkout #place_order, .woocommerce ul.products li.product .product-inner .added_to_cart:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,.5) !important;
	background-color: #707173 !important;
	color:#fff !important;
}

.woocommerce ul.products li.product .product-inner .added_to_cart {
	background-color: #707173 !important;
  	color: #fff !important;
	font-family: "Garamond", Times, serif;
	text-transform:none;
	box-shadow:0 3px 6px rgba(0,0,0,.25) !important;
	font-weight:500;
	letter-spacing:0;
	font-size:2rem !important;
	display:block;
	margin:auto;
	border:0 !important;
}

.woocommerce ul.products li.product .product-inner .added_to_cart:hover {
border:0 !important;
}
/* Footer */

#footer-widgets {
	padding: 0;
}

.elementor-widget:not(:last-child) {
	margin-bottom: 0px !important;
}

/***** Boutique Woocommerce *****/

/* Boutique Liste */

.woocommerce ul.products li.product li.category {
	font-style : normal !important;
}

.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a {
	font-size: 2.5rem !important;
}

.woocommerce ul.products li.product .button {
	background-color: #707173 !important;
  	color: #fff !important;
	font-family: "Garamond", Times, serif;
	text-transform:none;
	padding: 0.4rem 1rem !important;
	box-shadow:0 3px 6px rgba(0,0,0,.25) !important;
	font-size:2rem !important;
	border:none !important;
}

.woocommerce ul.products li.product .button:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,.5) !important;
}

.owp-quick-view {
	background-color: rgba(250,250,250,.5) !important;
}

.owp-quick-view:hover {
	background-color: rgba(250,250,250,.9) !important;
}

.woo-desc {
	text-transform: none;
	font-family: "Garamond", Times, serif;
	font-size: 0.8em;
}


/* Ribbon Nouveauté */

.woocommerce ul.products li.product .new-badge.onsale {
	background: #57bf6d;
	top: 5rem;
	z-index: 10;
	right: auto;
	color: #ffff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9em;
	border-radius: 0px;
	min-width: 60px;
	padding-left: 19px !important;
	padding-bottom: 5px !important;
}

.woocommerce span.onsale {
	position: absolute;
	top: 1.25rem;
	left: 0rem !important;
	background-color: rgba(63,195,135,.8);
	color: #fff;
	padding: 8px 12px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .4px;
	z-index: 9;
}

span.new-badge.onsale .newWord {
	-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

span.new-badge.onsale::after {
	border: 5px solid #57bf6d;
	border-color: transparent transparent #57bf6d #57bf6d;
	border-width: 9px 15px;
	position: absolute;
	left: -23px;
	bottom: 5.5px;
	content: '';
	transform: rotate(-90deg);
}
span.new-badge.onsale::before {
	border: 5px solid #57bf6d;
	border-color: #57bf6d transparent transparent #57bf6d;
	border-width: 9px 15px;
	position: absolute;
	bottom: 7px;
	content: '';
	left: -23px;
	transform: rotate(90deg);
}

span.new-badge.onsale {
min-width: 60px;
-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/* Product Page */

.woocommerce div.product p.price {
	font-size:3rem !important;
	font-weight:bold !important;
}

.woocommerce-variation-price .woocommerce-Price-amount {
	font-family: "Garamond", Times, serif;
	font-weight:600;
	font-size:2.5rem;
}

.quantity .qty, .quantity .minus, .quantity .plus {
	color:#707070 !important;
}

.price-wrap {
	display:none;
}

.single .entry-title {
	display:none;
}

.woocommerce div.product .product_title {
	margin: 0 0 0px !important;
}

.soustitre {
	font-family: "Garamond", Times, serif;
	font-size:2.5rem;
	font-weight:normal;
	text-transform:none;
}

.woocommerce div.product .product_title {
	font-size:4rem !important;
}

.summary h3 {
	font-size:2.5rem;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
	font-size:2rem !important;
}

.woocommerce .button:focus {
	background-color: #333 !important;
}

.woocommerce div.product .summary .added_to_cart {
	background-color: #fff;
  	color: #707070 !important;
	font-family: "Garamond", Times, serif;
	text-transform:none;
	padding: 1rem 4rem !important;
	border: 1.5px solid #707070;
	box-shadow:0 3px 6px rgba(0,0,0,.25) !important;
	font-size:2rem !important;
	display: flex;
	width: auto;
	text-transform: none !important;
	margin: auto;
	justify-content: center;
	margin-top: 2rem !important;
	
}

.quantity .qty, .quantity .minus, .quantity .plus {
	font-family: "Garamond", Times, serif;
}

.woocommerce .summary ul, .woocommerce #tab-description ul {
	margin: 20px 0 0 0px !important;
}

.woocommerce div.product form.cart .variations .reset_variations {
	margin-top: 30px !important;
	font-size: 1.5rem !important;
	border-radius: 0 !important;
	border-bottom: 2px solid #000!important;
	border-top:0 !important;
	border-right:0 !important;
	border-left:0 !important;
}

.noteDedicace {
	font-size:1.5rem;
}

.itsnew {
background: #57bf6d;
padding: 5px 10px;
font-size: 2rem;
font-weight: 700;
color: #fff;
position:relative;
font-family: "Trajan Pro", Times, serif;
}

span.itsnew:after {
	border: 5px solid #57bf6d;
border-color: transparent transparent #57bf6d #57bf6d;
	border-width: 9px 6px;
	position: absolute;
	right: -10px;
	bottom: 0;
	content: '';
}

span.itsnew:before {
border: 5px solid #57bf6d;
    border-color: #57bf6d transparent transparent #57bf6d;
    border-width: 9px 6px;
    position: absolute;
    right: -10px;
    top: 0;
    content: '';
}

/* Panier */

ul#shipping_method li label {
	padding-left:0px !important;
	text-transform:none !important;
	font-family: "Garamond", Times, serif;
	font-size:2rem !important;
	font-weight:normal !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	border-color: #000 !important;
	border-radius: 0px;
	margin-bottom: 25px !important;
	font-size: 2rem;

}

.woocommerce .cart-collaterals tr th {
	font-size: 2rem !important;
}

.includes_tax {
	font-size:1.5rem !important
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total td span.woocommerce-Price-amount.amount, .woocommerce #order_review table.shop_table tfoot td {
	padding-top:0 !important;
	font-size: 2rem !important;
}

.checkout-button {
	padding: 15px !important;
}

.woocommerce-remove-coupon {
font-size:1.5rem;	
}


.woocommerce .cross-sells ul.products li.product li.title h2, .woocommerce .cross-sells ul.products li.product li.title a {
	font-size: 1.5rem !important;
	margin-bottom: 0px !important;
}

/* Validation de Commande */

.woocommerce-checkout form.checkout_coupon {
	width:auto !important;
}

.woocommerce ul.order_details {
	border:0px !important;
	font-size:2rem !important;
}

.woocommerce-order-details {
	margin:4rem 0;	
}

.woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods {
	text-align:right !important;
}

.woocommerce table.shop_table, .woocommerce #order_review table.shop_table th {
	font-size:2rem !important;
}

.woocommerce table.shop_table tfoot tr.order-total td span.woocommerce-Price-amount.amount {
	font-size: 2.5rem !important;
}

.woocommerce form .form-row label {
	font-family: "Garamond", Times, serif;
	font-size:2rem;
}

#ship-to-different-address {
	font-size:1.5rem !important;
}


.woocommerce .woocommerce-checkout h3 {
	font-size:2rem !important;
}

.woocommerce-Price-amount .amount {
	font-weight:bold;
	
}

.woocommerce table.shop_table td {
	text-transform:none !important;
}

/* Titles ***/
.woocommerce-thankyou-order-received {
	font-size: 3rem !important;
	text-align: center !important;
}
.woocommerce-order-details__title, .woocommerce-column__title {
	font-size:3rem;	
}

.woocommerce .shop_table.order_details tfoot th {
	font-size:2rem;
}

ul.order_details li strong {
	display: block;
	font-size: 2rem;
	text-transform: none;
	font-family: "Garamond", Times, serif;
	font-weight: normal;
}

/* Textes ***/
table {
	font-family: "Garamond", Times, serif;
  color:#000;
	font-size: 1.2em;
	margin: 0;
}

address {
	font-size:2rem;
	font-family: "Garamond", Times, serif;
}

/* Prices */
td .amount {
	font-size: 1.2em;
	font-weight: bold;
}

/**** Confirmation de commande ****/


.woocommerce-order .wc-item-meta-label {
	font-size:2rem;
}

.woocommerce-order-downloads__title {
	font-size:3rem;
}

/****** RESPONSIVE ******/

/* MOBILE */
@media screen and (max-width: 767px) {
	
		.woocommerce .has-product-nav span.onsale {
	top: 4rem !important;
}
	
	.woocommerce div.product .product_title {
	margin-top: 25px !important;
}
	
	.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
	width: 100%;
	padding: 35px;
}
	
	.woocommerce .owp-btn-big .summary form button.button {
	width: 100% !important;
	padding: 25px;
}
	
	.woocommerce div.product form.cart div.quantity {
	float: none !important;
	margin-right: 0px;
	display: flex !important;
	justify-content: center !important;
	margin: 25px 0;
}
	
	.quantity .qty, .quantity .minus, .quantity .plus {
	width: 100% !important;
	font-size: 3rem !important;
	display:flex !important;
	justify-content:center;
	align-items:center;

}
	
	.woocommerce-cart .woocommerce table.shop_table tr td.product-quantity .quantity {
	width: 100%;
	display: flex;
}
	
	.woocommerce div.product form.cart .variations .reset_variations {
		width:100%;
	}
	
	.woocommerce-cart table.cart img {
		max-width:100% !important;
	}
	
	.woocommerce-cart .woocommerce table.shop_table tr td::before {
	font-size: 2rem !important;
		margin-right:2rem !important;
}
	.woocommerce-cart .woocommerce table.shop_table tr td.product-subtotal span.woocommerce-Price-amount.amount {
		font-size:2rem !important;
	}
	
	.woocommerce-cart table.cart td.actions .coupon .input-text {
	max-width: 100%  !important;
}
	.woocommerce-checkout #place_order {
		padding:25px !important;
	}
	
	.woocommerce-order-overview__payment-method .method {
		padding: 1em 1.618em;
	}
	.eael-simple-menu-container .eael-simple-menu li a {
		background-color: #fff !important;
}
}
	
@media screen and (max-width: 325px){
	
	.woocommerce-thankyou-order-received {
	font-size: 1.5em !important;
}
.woocommerce-order-details__title, .woocommerce-column__title {
	font-size: 2em;	
}
   
}