/*
* Theme Name:   Cabrio Divi-enfant
* Theme URI:    https://cabrio-informatique.com/
* Description:  Theme Divi Enfant - Optimisé pour Ultimate Member
* Author:       Cyrille - Cabrio
* Author URI:   https://cabrio-informatique.com/
* Template:     Divi
* Version:      1.5.2
* License:      GNU General Public License v2 or later
* License URI:  http://www.gnu.org/licenses/gpl-2.0.html
* Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
* Text Domain:  theme-cabrio-divi-enfant
* Domain Path:  /languages
*/

/* CSS refermer les sous-menus sur mobile  
======================================================================*/
/* Cela permet de masquer les éléments du sous-menu sur les téléphones portables */
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/* Cela permet d'ajuster le positionnement et la transparence de l'arrière-plan de l'élément de menu parent sur les téléphones mobiles. */
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/* Cette opération permet de styliser l'icône et de la déplacer vers la droite */
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/* Ici, vous pouvez remplacer les icônes actuelles */
#page-container span.menu-closed:before {
    content: "\3d";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
  content: "\3b";
}

/* Ultimate Member 
======================================================================*/
/* DIVI - Block Menu */
.et_pb_menu .avatar{
	margin:0 0 0 5px;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 0px 18px 0px 0;
}
.et_mobile_menu .menu-item img {
    margin-bottom: -14px;
	margin-top: -7px!important;
}
/*.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px;
}
a.et_pb_menu__icon:after, button.et_pb_menu__icon:after {
    padding-bottom: 0px;
}
a.et_pb_menu__icon, button.et_pb_menu__icon {
    margin: 8px 20px;
}
.et_pb_menu .et-menu>li {
    padding-left: 0px;
}*/
/* DIVI - Menu Prinipale */
.menu-item img{
	border-radius: 999px; /* gravicon arrondie */
	border:2px solid #2ea3f2; /* gravicon couleur bordure */
}
#top-menu .menu-item-has-children .avatar {
	margin:-15% 0 -15% 5px; /* centrage de l'avatar */
} 
/* Couleurs des liens */
/*.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #ea3900;
}
.um a.um-link:hover,
.um a.um-link-hvr:hover,
.um-faicon-cog:hover,
.um-faicon-check:hover,
.um-icon-eye:hover {
    color: #ea3900;
}*/
/* Suppression des bulles LI */
#compte ul li {
    list-style-type: none;
}
/* Couleurs des boutons */
/*.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-request-button,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #ea3900;
}*/
/*.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #ff9900;
}*/
/* Couleurs alternatives des boutons */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee;
}
.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5;	
}

/* style de la Lightbox de DIVI
======================================================================*/
/* Couleur du bouton de fermeture, remplissage, etc. */
button.mfp-close {
	color: #51b050 !important;
	padding-top: 20px!important;
	padding-right: 24px !important;
}
/* Style du texte du titre */
.mfp-title {
	color: #000;
	font-weight: 700;
	background: rgba(0, 0, 0, 0.5);
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -24px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 20px;
}
/* Nombre de photos style de texte */
.mfp-counter {
	color: #000;
	font-weight: 900;
	padding-right: 20px;
	font-size: 16px;
}
/* Bordure autour de l'image */
img.mfp-img {
	padding: 0!important;
	border: 2px solid #51b050;
	/*border-radius: 10px 10px 10px 10px;*/
}
.mfp-title {
    /*border-radius: 0px 0px 10px 10px;*/
}
/* Taille des flèches précédentes et suivantes */
.mfp-arrow:after {
	color: #51b050;
	font-size: 60px !important;
}
/* Couleur de fond */
.mfp-bg {
	background-color: #000 !important;
}
/* Couleur du texte et des flèches */
.mfp-close,
.mfp-title,
.mfp-counter,
.mfp-arrow:after {
	color: #FFF !important;
}
/* Icône de flèche précédente */
.mfp-arrow-left:after {
	content: "\23"!important;
}
/* Position de la flèche précédente */
.mfp-arrow-left {
	left: 50px!important;
}
/* Icône de flèche suivante */
.mfp-arrow-right:after {
	content: "\24"!important;
}
/* Position de la flèche suivante */
.mfp-arrow-right {
	right: 50px;
}

/* DIVI Galerie
======================================================================*/
/* Modifiez les images de la galerie pour qu'elles aient un rapport hauteur/largeur de 4 à 3, quoi qu'il arrive */
.cab-hover-gallery .et_pb_gallery_grid .et_pb_gallery_image {
	padding-top: 75%;
	display: block;
}
.cab-hover-gallery .et_pb_gallery_image.landscape img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
/* Positionner les éléments de la galerie */
.cab-hover-gallery .et_pb_gallery_item {
	position: relative;
}
/* Supprimer la marge supérieure par défaut du titre */
.cab-hover-gallery .et_pb_gallery_title {
	margin: 0 !important;
}
/* Définir le z-index de superposition */
.cab-hover-gallery .et_overlay {
	z-index: 1;
}
/* Positionner et styliser le conteneur de texte du titre et de la légende */
.cab-hover-gallery .cab-gallery-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: rgba(34, 34, 34, 0.8);
	opacity: 0;
	transition: all .5s ease-in-out;
}
/* Afficher le titre et la légende au survol */
.cab-hover-gallery .et_pb_gallery_item:hover .cab-gallery-text {
	opacity: 1;
}
@media (max-width: 980px) {
	/* Supprimer certains flotteurs sur le bureau */
	.cab-hover-gallery .et_pb_gallery_items .et_pb_grid_item:nth-child(2n+1) {
		clear: none !important;
	}	
	/* Définir la largeur de l'image sur le bureau */
	.cab-hover-gallery .et_pb_gallery_items .et_pb_grid_item:nth-child(n) {
		width: 50% !important;
		margin: 0 !important;
	}
}
@media (max-width: 767px) {
	/* Masquer le texte de la légende sur la tablette et le téléphone */
	.cab-hover-gallery .et_pb_gallery_caption {
		display: none;
	}
}
/* Définir la largeur de l'image */
.cab-hover-gallery .et_pb_gallery_image.landscape img {
	width: 100%;
}
/* Définir les images impaires pour flotter à gauche */
.cab-hover-gallery .et_pb_gallery_item:nth-child(n+1):nth-child(odd) {
	float: left;
}
/* Définir des images paires pour flotter à gauche */
.cab-hover-gallery .et_pb_gallery_item:nth-child(n+1):nth-child(even) {
	float: right;
}
/* Définir la largeur d'images spécifiques */
.cab-hover-gallery .et_pb_gallery_item:nth-child(5n+1) {
	width: 50%!important;
}
/* Préciser que les images effacent leurs flotteurs */
.cab-hover-gallery .et_pb_gallery_item {
	clear: inherit!important;
}
/* Définir le cadre de bordure des images pour masquer le débordement */
.cab-hover-gallery .et_pb_gallery_grid .et_pb_gallery_image {
	overflow: hidden;
	position: relative;
}
/* Ajouter un remplissage à chaque image */
.cab-hover-gallery .et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item.et_pb_grid_item {
	padding: .5%;
}
/* J'ai ajouté ceci pour que les images de la galerie s'ouvrent dans la lightbox */
.cab-hover-gallery .et_overlay {
	pointer-events: all !important;
}

/**********************************************************************/
/**********************************************************************/
/*********   Ajoutez vos propres fonctions sous cette ligne   *********/
/**********************************************************************/
/**********************************************************************/
/* Menu  
----------------------------------------------------------------------*/
.container {
    max-width: 1280px;
}

/* Widget  
----------------------------------------------------------------------*/
h3.widget-title {
	font-size: 23px !important;
	font-family: 'Bebas Neue', display;
    color: #EA3900 !important;
    letter-spacing: 1px !important;}

#cmplz-document a, .editor-styles-wrapper .cmplz-unlinked-mode a {
    text-decoration: none;
}

/* style bandeau top  
----------------------------------------------------------------------*/
#et-top-navigation .et-cart-info { display: none; }

/* WOO-COMMERCE - reviews 
----------------------------------------------------------------------*/
#reviews-products .cr-all-reviews-shortcode ol.commentlist, #reviews-products #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list, #reviews-products .cr-all-reviews-shortcode .cr-count-row, #reviews-products #reviews.cr-reviews-ajax-reviews .cr-count-row, #reviews-products .cr-all-reviews-shortcode .cr-ajax-search, #reviews-products .cr-search-no-reviews {
	display: none;
}
#reviews-products .cr-reviews-grid-empty {
    color: #ffffffb0;
}
#reviews-products .cr-all-reviews-shortcode .cr-summaryBox-wrap {
    margin: 0 10px;
}
#reviews-products .cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-review-form-wrap {
    background-color: white;
    border-radius: 10px 10px 10px 10px;
  	margin: 0 10px;
}
#reviews-products .cr-all-reviews-shortcode .cr-review-form-item, #reviews-products .cr-all-reviews-shortcode .cr-review-form-comment, #reviews-products .cr-all-reviews-shortcode .cr-review-form-ne, #reviews-products .cr-all-reviews-shortcode .cr-review-form-buttons {
    max-width: 70%;
}
#reviews-products .cr-review-form-wrap .cr-review-form-rating-overall .cr-review-form-rating {
    margin-left: 15%;
    margin-right: 15%;
}
#reviews-products .cr-all-reviews-shortcode .cr-summaryBox-wrap {
    border-radius: 10px 10px 10px 10px;
}
#reviews-products .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav {
    border-top: 0;
}
#reviews-products .cr-reviews-grid {
    border-width: 0;
}
#reviews-products .cr-reviews-grid .cr-show-more-button, #reviews-products .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, #reviews-products .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review {
    background: #ffffff;
    border: 2px solid #E78200;
    border-radius: 5px;
	font-family: 'Josefin Sans', Helvetica, Arial, Lucida, sans-serif;
	font-weight: bold;
    color: #E78200;
    transition: color 300ms ease 0ms;
	cursor: pointer;
}
#reviews-products .cr-reviews-grid .cr-show-more-button:hover, #reviews-products .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit:hover, #reviews-products .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover {	
	color: rgba(0, 0, 0, 0.7);
}
#reviews-products .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel {
	font-family: 'Josefin Sans', Helvetica, Arial, Lucida, sans-serif;
	border-radius: 5px;
}
#reviews-products .cr-review-form-captcha {
    max-width: 70%;
    align-items: end;
}
#reviews-products .cr-review-form-wrap .cr-onsite-ratings {
    max-width: 70%;
    display: flex;
}

/* WOO-COMMERCE
----------------------------------------------------------------------*/
#commentaire #review_form_wrapper, #form-commentaire #comments { display : none!important; }
.woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li {  margin-bottom: 0px !important; }
.woocommerce p.stars a {
	color : #E78200;
	font-size : 20px;
}
.wp-block-woocommerce-product-filter-status,
.wp-block-woocommerce-product-filter-price {
	display:none;
}

/* style bouton orange
----------------------------------------------------------------------*/
a.small-button {
	font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif!important;
	padding: 6px 50px!important;
    border-radius: 5px!important;
	text-shadow: 0px 0px 0 rgb(255 255 255 / 30%)!important;
	font-size: 16px!important;
}
a.smallorange {
    background: #ffffff!important;
    border: 2px solid #E78200!important;
}

/* style barre laterale
----------------------------------------------------------------------*/
#barre-laterale .et_pb_widget {
	margin-bottom: 2%!important;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
    border: 0px solid #eee;
}
.dsm-pricelist-description { justify-content : flex-end; }
.liste-tarif {margin: 0!important;width:100%!important}
@media (max-width: 479px) {
	.dsm-pricelist-header { margin-bottom: 0; }
	.dsm-pricelist-description p { font-size : 10px; }
}
#tout-tarifs .cond-gen-loc { display: none; }

@media (min-width: 981px) {
	.et_pb_row { width: 100%; }
}

/* Complianz
----------------------------------------------------------------------*/
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	padding-top: 30px;
    max-width: 1280px;
}

/* style liste des prix
----------------------------------------------------------------------*/
.dsm_pricelist_10000_tb_body, .dsm_pricelist_10001_tb_body, .dsm_pricelist_10002_tb_body, .dsm_pricelist_10003_tb_body, .dsm_pricelist_10004_tb_body, .dsm_pricelist_10005_tb_body, .dsm_pricelist_10006_tb_body, .dsm_pricelist_10007_tb_body, .dsm_pricelist_10008_tb_body, .dsm_pricelist_10009_tb_body {
    padding-top: 1px;
    padding-right: 5%;
    padding-left: 5%;
}
.dsm_pricelist_10000_tb_body .dsm-pricelist-title, .dsm_pricelist_10001_tb_body .dsm-pricelist-title, .dsm_pricelist_10002_tb_body .dsm-pricelist-title, .dsm_pricelist_10003_tb_body .dsm-pricelist-title, .dsm_pricelist_10004_tb_body .dsm-pricelist-title, .dsm_pricelist_10005_tb_body .dsm-pricelist-title, .dsm_pricelist_10006_tb_body .dsm-pricelist-title, .dsm_pricelist_10007_tb_body .dsm-pricelist-title, .dsm_pricelist_10008_tb_body .dsm-pricelist-title, .dsm_pricelist_10009_tb_body .dsm-pricelist-title {
    font-variant: small-caps;
    color: #FFFFFF!important;
}.et-db #et-boc .et-l .dsm_pricelist_10000_tb_body .dsm-pricelist-separator, .et-db #et-boc .et-l .dsm_pricelist_10001_tb_body .dsm-pricelist-separator, .et-db #et-boc .et-l .dsm_pricelist_10002_tb_body .dsm-pricelist-separator, .et-db #et-boc .et-l .dsm_pricelist_10003_tb_body .dsm-pricelist-separator, .et-db #et-boc .et-l .dsm_pricelist_10004_tb_body .dsm-pricelist-separator {
    border-bottom-color: #FFFFFF;
    margin-left: 20px;
    margin-right: 20px;
}
.et-db #et-boc .et-l .dsm_pricelist_10000_tb_body .dsm-pricelist-price, .et-db #et-boc .et-l .dsm_pricelist_10001_tb_body .dsm-pricelist-price, .et-db #et-boc .et-l .dsm_pricelist_10002_tb_body .dsm-pricelist-price, .et-db #et-boc .et-l .dsm_pricelist_10003_tb_body .dsm-pricelist-price, .et-db #et-boc .et-l .dsm_pricelist_10004_tb_body .dsm-pricelist-price {
    font-weight: 700;
    font-size: 30px;
    color: #E78200!important;
}
.et-db #et-boc .et-l .et_pb_bg_layout_light .et_pb_post .post-meta, .et-db #et-boc .et-l .et_pb_bg_layout_light .et_pb_post .post-meta a, .et-db #et-boc .et-l .et_pb_bg_layout_light .et_pb_post p {
    color: #ffffff;
}

/* ====================================================================*/