/*
Theme Name: Ruche kenyane
Description: Theme Ruche kenyane
Author: moi
Author URI: moi
Template: Divi
Version: 1.0.0
*/

/* --- Variables couleurs --- */
:root {
  --color-primary : #121212; /*(noir)*/
  --color-background-light: #F9F3DF; /*(jaune clair)*/
  --color-secondary : #FFE08C; /*jaune*/
  --color-tertiary : #ffd07e; /*jaune un peu + foncé*/
}

.et_pb_module a,
.et-db #et-boc .et-l .et-dynamic-content-woo a {
  color: #ffd07e !important;
  font-weight: bold;
}

.et_pb_module a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.et_pb_module a img,
.et-db #et-boc .et-l .et-dynamic-content-woo a img {
  vertical-align: middle;
}


/*---------------------Cartes produits woocommerce : ------------------------*/
.type-product {
 /* background-color: var(--color-background-light);*/
  background: url(https://ruchekenyane.fr/wp-content/uploads/2021/12/honeycomb.png) no-repeat center bottom, white;
  background-size: 35px;
  /*border: solid 15px #E5E5E5;*/
  box-shadow: 0 5px 10px 0 lightgrey;/*ombre du style ballot flurin en plus fine*/
  min-height: 32vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  transition: 0.3ms ease;
}

.type-product:hover {
  /*box-shadow: 0px 0px 8px grey;*/
  box-shadow: 0 13px 15px 0 rgba(187, 186, 186, 0.75);
  transform: scale(1.03);
  transition: 0.3ms ease;
}

.et_pb_shop_2.et_pb_shop .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-loop-product__title {
  font-size: 1.1em!important;
  font-weight: 600;
  color : black!important;
}

.woocommerce-loop-product__link .price .woocommerce-Price-amount .amount
 {
  color: black!important;
}



/*-------------Boutons woocommerce : ------------------------------*/
.woocommerce .product .add_to_cart_button,
.woocommerce .product .product_type_simple {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  /*box-shadow: -10px 0px 0px 0px var(--color-tertiary);*/
  color: var(--color-secondary);
  font-weight: 500;
  font-size: 1em;
  margin-left: 5%;
  margin-right: 5%;
  border-radius: 0;
  width: 90%;
  text-align: center;
  margin-bottom: 40px;
}

.woocommerce .product .add_to_cart_button:hover,
.woocommerce .product .product_type_simple:hover {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  padding: 0.3em 1em;
}

.woocommerce .product .add_to_cart_button:after,
.woocommerce .product .product_type_simple:after {
  content: '';
}

.woocommerce .button.product_type_variable{
  font-size: 1.1em!important;
  border-color: transparent;
  color: var(--wc-subtext);
  margin-bottom: 60px;
}
.woocommerce .button.product_type_variable:hover {
  font-size: 1.1em!important;
  border-color: transparent;
  color: var(--wc-subtext);
}

.woocommerce .button.product_type_variable a{
  text-decoration: underline;
}

/* .woocommerce-product-gallery__image img {
    max-height: 300px;
} */


/*-------------------Page Panier --------------------*/
/*Notifications woocommerces  :*/
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-notice,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info{
  background-color: var(--color-secondary);
  color: var(--color-primary)!important;
  font-weight: 500;
  box-shadow: -10px 0px 0px 0px var(--color-primary)!important;
  font-size: 1em;
}

.woocommerce .woocommerce-notice--success{
  padding: 1em;
  font-size: 1.2em;
  margin-bottom: 2em;
}

/*Bouton : actualiser le panier*/
.woocommerce-page  button.button{
  background-color: var(--color-secondary);
  color: var(--color-primary);!important;
  box-shadow: -10px 0px 0px 0px var(--color-primary);!important;
  border-color: transparent;
  border-radius: 0;
  font-size: 1.1em;
}

.woocommerce-page  button.button:hover{
  background-color: var(--color-secondary);
  color: var(--color-primary)!important;
}

/*Boutons valider la commande ou revenir à la boutique si panier vide: */
.woocommerce-page  a.button.alt ,
.woocommerce-page  button.button.alt,
.woocommerce  .button.wc-backward,
.bookacti-submit-form.button,
.bookacti-new-booking-button.button,
.bookacti-login-button.button{
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: -10px 0px 0px 0px var(--color-tertiary);
  color: #FFE08C!important;
  font-weight: 500;
  margin-left: 15px;
  border-radius: 0;
}

.woocommerce-page  a.button.alt:hover,
.woocommerce-page  button.button.alt:hover,
.woocommerce  .button.wc-backward:hover,
.bookacti-submit-form.button:hover,
.bookacti-new-booking-button.button:hover,
.bookacti-login-button.button:hover{
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-primary)!important;
}



/*-----------------Page validation de commande----------------*/
#payment{
  background-color:  var(--color-background-light)!important;
  margin-bottom: 4em;
}

#customer_details {
  margin-bottom: 4em;
}


/*-----------------Code Antoine UI----------------*/

.pa-image-1-1 .et_pb_image_wrap {
  padding-top: 100%;
  display: block;
}
.et_pb_image_1.pa-image-1-1 .et_pb_image_wrap {
  padding-top: 90%;
}
.et_pb_image_2.pa-image-1-1 .et_pb_image_wrap {
  padding-top: 80%;
}

.pa-image-1-1 .et_pb_image_wrap img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
/*   object-fit: cover; */
}
/*logo*/

.et_pb_image_3.pa-image-1-1 .et_pb_image_wrap {
  padding-top: 100%;


}
.et_pb_image_4.pa-image-1-1 .et_pb_image_wrap {
  padding-top: 100%;
  width:150%;
}
.et_pb_image_5.pa-image-1-1 .et_pb_image_wrap {
  padding-top: 100%;
}

.et_pb_slide_content {
  font-size: 16px;
}

/*
.et_pb_divider_1:before {
  border-top-color: #FFD07E;
  border-top-width: 4px;
  width: auto;
  top: 20px;
  right: 129px;
  left: -129px;
}
*/

.et-pb-active-slide {
  animation-name: fadeIn;
  animation-duration: .7s;
}

/* .et_pb_section img {
  object-fit: cover;
  margin-bottom: 4em;
} */

/*---------------Page one product-----------------*/

/* .et_pb_section img {
  object-fit: contain;
} */

.woocommerce table.shop_attributes {
  margin: 0;
  border: 0;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  border: 0;
}

/*---------------Fix bug tags-----------------*/

.single-product .et_pb_section .et_pb_tab {
  max-height: none !important;
}

.et_pb_tabs_controls li:not(.et_pb_tab_active):hover {
  cursor: pointer;
}

/*--------------- Remontées produits (Produits similaires) -----------------*/

.et-db #et-boc .et-l .et_pb_wc_related_products_0_tb_body.et_pb_module .et_shop_image {
  border-radius: 0 !important;
  border:0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  padding: 0.5em;
}

.woocommerce ul.products li.product .price {
  padding: 0 .5em;
}

.et_pb_wc_upsells h2 {
  font-size: 23px;
}

/*-----------------Séparateur----------------*/
hr {
  border: none;
  background: var(--color-secondary);
  color: var(--color-secondary);
  overflow: visible;
  text-align: center;
  height: 3px;
	width:80%;
}

hr:after {
	content:"";
	display:inline-block;
	width:60px;
	height:35px;
	background:url(img/honeycomb.png) no-repeat;
	background-color:white;
	background-size:100%;
  margin-top: -17px;
}

/*-----------------Footer----------------*/
.footer-classe{
  color: grey;
  /*font-family: 'Frank Ruhl Libre',Georgia,"Times New Roman",serif;*/
  font-family:Open Sans,Arial,sans-serif;
}

.footer-classe a{
  color:white;
}
.footer-classe a:hover{
  color:var(--color-secondary);
}


/*-------------------Boutons booking activities-----------------------*/
.bookacti-submit-form.button,
.bookacti-new-booking-button.button,
.bookacti-login-button.button{
  padding: 9px 20px 6px 20px;
  font-size: 1.2em;
}

.bookacti-custom-radio-button input:checked+label{
  background-color: var(--color-secondary);
  color : var(--color-primary);
}

.bookacti-custom-radio-button input:checked:hover+label{
  color:var(--color-secondary);
  background-color:var(--color-primary);
}

/*-------------------Page "Mon Compte" lignes-----------------------*/

.et_pb_text_1 {
  line-height: 1em!important;
}

.et_pb_text_1.et_pb_text a{
  font-size: 14px!important;
}