/**
 * Theme Name:     Carry.energy Child
 * Author:         Carry.energy
 * Template:       eduma
 * Text Domain:	   carry-energy-child
 * Description:    The Models Masterclass.com - Models online training
 * Theme URI:      https://realisations-web.carry-energy.fr/
 * Author URI:     https://www.carry.energy/
 * Version:        1.1
 * Tags:           The Models Masterclass.com
 */


@font-face {
    font-family: 'fivo_sans_modernheavy_oblique';
    src: url('https://themodelsmasterclass.com.carry-energy.fr/wp-content/uploads/2024/06/fivo_sans_font-webfont.eot');
    src: url('https://themodelsmasterclass.com.carry-energy.fr/wp-content/uploads/2024/06/fivo_sans_font-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://themodelsmasterclass.com.carry-energy.fr/wp-content/uploads/2024/06/fivo_sans_font-webfont.woff2') format('woff2'),
         url('https://themodelsmasterclass.com.carry-energy.fr/wp-content/uploads/2024/06/fivo_sans_font-webfont.woff') format('woff'),
         url('https://themodelsmasterclass.com.carry-energy.fr/wp-content/uploads/2024/06/fivo_sans_font-webfont.ttf') format('truetype'),
         url('https://themodelsmasterclass.com.carry-energy.fr/wp-content/uploads/2024/06/fivo_sans_font-webfont.svg#fivo_sans_modernheavy_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {
    color: #000000;
    text-decoration: none;
}


/* Ne pas afficher les liens de la barre admin à gauche : */
#wp-admin-bar-root-default {
    display: none !important;
}
/* Ne pas afficher les blocs du tableau de bord : */
 #dashboard-widgets-wrap {
    display: none !important;
}
/**/



/* Début des : CSS WooCommerce : */

/* Forme des listes à puces des cours intégrés à chaque formation sur la fiche produit WooCommerce : */
.woocommerce-tabs ul.list-courses-assign-product {
    list-style-type: disclosure-closed !important;
}
/* Couleur des liens des listes à puces des cours intégrés à chaque formation sur la fiche produit WooCommerce : */
.woocommerce-tabs ul.list-courses-assign-product li a {
   color: #000;
}
/* Début de : Couleur de fond des blocs infos WooCommerce : */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: #f9f9f9 !important;
}
.woocommerce.woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block, .woocommerce-page.woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block  {
background-color: #f9f9f9 !important;
}
.woocommerce.woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit, .woocommerce-page.woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit {
background-color: #f9f9f9 !important;
}
.woocommerce.woocommerce-cart .wc-block-cart .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-components-quantity-selector, .woocommerce-page.woocommerce-cart .wc-block-cart .wc-block-cart__main .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__quantity .wc-block-components-quantity-selector  {
background-color: #f9f9f9 !important;
}
.woocommerce.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block, .woocommerce-page.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
background-color: #f9f9f9 !important;
}
/* Fin de : Couleur de fond des blocs infos WooCommerce : */


/* Pour ne pas afficher la liste déroulante pour tri des produits WooCommerce (tant qu'il n'y en a que deux) : */
.thim-product-switch-wrap form.woocommerce-ordering {
    display: none !important;
}
 /* Pour ne pas afficher la phrase "If you want to buy courses, please go to the Shop page to buy products assigned courses!" sur les pages Full & Light Course : */
.course-archive-message-by-via-product {
    display: none !important;
}

/* Fin des : CSS WooCommerce. */





/* Pour plaquer bien en bas de page le bandeau "Menu du cours" en bas du footer : */
.thim-course-menu-landing {
    bottom: -60px !important;
}


/* Pour forcer le radius border des images du carroussel sur la page : /buy-the-course/ : */
#uc_image_card_carousel_elementor_821fe7a  .uc_dark_carousel_placeholder img {
    border-radius: 4px 4px 4px 4px;
}


/* Début de : Pour les liens des sous-menus dans le menu haut PC : */
.navigation .width-navigation .navbar-nav>li .sub-menu li.current-menu-item>a, .navigation .width-navigation .navbar-nav>li .sub-menu li>a {
    color: #000;
    font-size: 18px;
}

.navigation .width-navigation .navbar-nav>li .sub-menu li.current-menu-item>a, .navigation .width-navigation .navbar-nav>li .sub-menu li>a:hover {
    color: #000;
    font-size: 18px;
}

/* La div du sous-menu, qui apparait au survol du menu : */
.navigation .width-navigation .navbar-nav>li .sub-menu {
    border-radius: 0 0 var(--thim-border-radius-item, 0) var(--thim-border-radius-item, 0);
    background-color: var(--thim-sub-menu-bg-color);
}


/* Fin de : Pour les liens des sous-menus dans le menu haut PC. */

/* Pour supprimer l'ombre portée sous le menu haut : */
.site-header.affix {
    box-shadow: none;
}







/* Début de : CSS page FAQs : */
/* Pour réduire le radius des questions : */
/* Page FAQ suspendu / code CSS désactivé :
.thim-widget-accordion.accordion-new-style .panel-title a {
    border-radius: 4px;
}
/* Couleur du point d'interrogation placé devant "Didn't find the answer?" : * /
.elementor-91 .elementor-element.elementor-element-d8fd7a2.elementor-view-stacked .elementor-icon {
    color: #A88D5B !important;
}
/* Pour réduire le radius des champs du formulaire "Didn't find the answer?" : * /
.thim-ekit-wpcf7 .wpcf7-form-control-wrap input,  .thim-ekit-wpcf7 .wpcf7-form-control-wrap textarea {
    border-radius: 4px !important;
}
/* Pour réduire le radius et mettre en 100% le bouton "Submit" du formulaire "Didn't find the answer?" : * /
.wpcf7-form .ct-form-elegant>p:last-child {
    border-radius: 5px;
	width: 100%;
}

.thim-ekit-wpcf7 .wpcf7-submit {
    /*border-radius: 30px;*/
}
/* L'image homme à gauche du formulaire * /
.img-homme-faq img {
    border-radius: 4px; /* Ajuste la valeur pour un arrondi plus ou moins prononcé * /
    border: 1px solid #a88d5b; /* Contour jaune avec une épaisseur de 5px, ajuste selon tes préférences * /
}
/* Fin de : CSS page FAQs : */



/* Début de : CSS du pied de page : */
/* Couleur de fond du bouton submit d'inscription à la newsletter : * /
.elementor-element-380a75d .mc4wp-form .mc4wp-form-fields button[type="submit"], .mc4wp-form .mc4wp-form-fields input[type="submit"] {
    background-color: #A88D5B !important;
}
/* Suspendu car plus de form dans le footer */


/* Début de : CSS du bloc copyright & signature CSRP en bas du pied de page : */
#copyright-signature-container {
  /*  display: flex;
    flex-wrap: wrap;*/
    align-items: center; /* Assure un alignement vertical parfait */
    width: 100%;
}

#copyright {
    text-align: left; /* Alignement à gauche */
    flex: 1; /* Permet d'occuper la moitié de l'espace */
    display: flex;
    align-items: center;
}

#signature {
    flex: 1; /* Permet d'occuper la moitié de l'espace */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#copyright p, #signature span {
    font-size: 16px; /* Taille uniforme du texte */
    font-family: Open Sans; /* Police homogène */
    font-weight: 400; /* Épaisseur du texte uniforme */
    color: #000000; /* Couleur du texte identique */
    line-height: 1.5; /* Assure un bon espacement vertical */
    white-space: nowrap;
}
	#signature span {
    font-size: 15px;
}
.wave-link {
    text-align: right !important;
    font-family: var(--thim-font-body-font-family);
    color: #000000;
}

@media screen and (max-width: 768px) {
    #copyright-signature-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    #copyright, #signature {
        flex: none;
        width: 100%;
        justify-content: center;
        margin-bottom: 5px;
    }
    
    #signature {
        order: 2;
    }
	#signature span {
    font-size: 14px;
}
	.wave-link {
    text-align: center !important;
    font-family: var(--thim-font-body-font-family);
    color: #000000;
	/* Pour maintenir une marge au-dessus et en dessous de la signature quans elle est la seule et dernière ligne : */
	padding-top: 30px;
    padding-bottom: 20px;
	font-size: 14px; /* Taille uniforme du texte */
	}
}

@media (max-width: 767px) {
	#copyright p, #signature span {
    font-size: 12px; 
	}
}

/* Fin de : CSS du bloc copyright & signature CSRP en bas du pied de page. */

/* Mettre en pleine largeur, les 3 blocs des liens du footer sur les mobiles : */
@media (max-width: 767px) {
    .elementor-15624 .elementor-element.elementor-element-84539bb,
    .elementor-15624 .elementor-element.elementor-element-7a54be1,
    .elementor-15624 .elementor-element.elementor-element-7a7ffb3 {
        width: 100% !important;
    }
}	



/* Les textes et liens du footer : */
@media (max-width: 768px) {

/* Texte du footer : "Your online modeling school to train and ...." : */
.elementor-15624 .elementor-element.elementor-element-8679384 {
    text-align: center!important;
}	

/* Titres des 3 blocs : */
footer#colophon .footer .elementor-widget h5, footer#colophon .footer .elementor-widget-wp-widget-text .elementor-widget-container>h3, footer#colophon .footer .elementor-widget-wp-widget-text .elementor-widget-container>h5 {
    text-align: center;
}

/* Liens des 3 blocs: */
.elementor-15624 .elementor-element.elementor-element-61dcd29 .thim-header-info,
.elementor-15624 .elementor-element.elementor-element-aeb9d13 .thim-header-info,
.elementor-15624 .elementor-element.elementor-element-0d7ca9b .thim-header-info {
    text-align: center !important;
}

/* Trait doré sous les 3 titres : */
.sc_heading .line {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
}

#copyright p, #signature span {
    text-align: center !important;
}

}


/* Fin de : CSS du pied de page : */



/* Taille de police du menu haut PC : */
.navigation .width-navigation .navbar-nav>li>a, .navigation .width-navigation .navbar-nav>li>span {
    font-size: 18px;
}
/* Pour afficher un trait fin sous le menu haut : */
.thim-nav-wrapper{
   /*  border-bottom: 2px solid #A88D5B;  // Trait doré */
  /*  border-bottom: 2px solid #FFFFFF; */
}


.course-meta {display:none !important;}
/*
.course-author  {display:none !important;}
*/


/* Début de : CSS des trois blocs à cheval sour le slider révolution de la page d'accueil : */
/* Fond : *
.elementor-4519 .elementor-element.elementor-element-349d012 > .elementor-widget-container,
.elementor-4519 .elementor-element.elementor-element-fb4486c > .elementor-widget-container,
.elementor-4519 .elementor-element.elementor-element-44f69db > .elementor-widget-container {
   background-color: #000;
   border-color: #ffb606;
}
/* Textes : *
.desc-content {
    color: #fff;
}
/* Titres : *
.elementor-4519 .wrapper-box-icon .sc-heading .heading__primary,
.elementor-4519 .wrapper-box-icon .sc-heading .heading__primary a {
    color: #ffb606 !important;
}
/* Fin de : CSS des trois blocs à cheval sour le slider révolution de la page d'accueil */


/* Début de : Pour ne pas afficher le bloc de Fil d'ariane sur les pages "Cours" sur les mobiles en portrait : */
@media only screen  and (max-device-width: 480px) and (orientation: portrait) { 
.single-lp_course .top_heading {display:none;}
}
/* Fin de : Pour ne pas afficher le bloc de Fil d'ariane sur les pages "Cours" sur les mobiles en portrait : */

/* Début de : Pour réduire la taille et l'espacement des boutons sous le slider des cours sur la page d'accueil sur les mobiles en portrait : */
/*@media only screen  and (max-device-width: 480px) and (orientation: portrait) { */
@media only screen  and (max-device-width: 641px) and (orientation: portrait) { 
/* Espacement : */
.elementor-4519 .elementor-element.elementor-element-9f39623 .thim-slider-pagination {
    --thim-pagination-space: 0px;
}
/* Taille : */
.elementor-4519 .elementor-element.elementor-element-9f39623 .thim-number .swiper-pagination-bullet {
    padding: 7px 7px 7px 7px;
}
}
/* Fin de : Pour réduire la taille et l'espacement des boutons sous le slider des cours sur la page d'accueil sur les mobiles en portrait */

/* Début des CSS Toutes pages : */

/* Ne pas afficher l'image en dégradée grise sur les hauts de pages (sur les fils d'ariane) : */
.top_heading .top_site_main.style_heading_3 .overlay-top-header {
    display: none;
    background-repeat: repeat-x;
}


/* Couleur du texte sur tous les boutons du site : */
:root{
    --thim-button-text-color: #fff;
}
/* Fin des CSS Toutes pages : */

/* Début de : CSS des Pages des cours : */

/* Couleur du trait au-dessus de "Course is finished" sur la page des cours : */
.learn-press-message.warning {
    border-color: #A88D5B;
}
/* Couleur des étoiles sous "Featured Review" : */
.course_right .course-featured-review .featured-review__stars {
    color: #A88D5B;
}
:root {
    --thim-course-price-color: #a88d5b;
}

/* Fin de : CSS des Pages des cours : */



/* Début  de : CSS de la page "Archive des cours" : */

/* Pour ne pas afficher le bloc permettant de réorganiser l'ordre de tri des cours, et le champ moteur de recherche, sur la page "All Courses" */
.thim-course-order, .courses-searching {
    display: none;
}

/* Fin  de : CSS de la page "Archive des cours" : */


/* Début des CSS pour le menu "Mobile" : */

/* Pour agrandir la taille des liens du menu "Mobile" : */
.thim-ekits-menu__nav-link {
    font-size: 30px;
}
/* Pour changer la couleur grise des liens menu "Mobile" : */
.mobile-menu-container ul li h4, .mobile-menu-container ul li>a, .mobile-menu-container ul li>span {
    color: #000;
}
/* Pour espacer les liens entre-eux : */
.mobile-menu-container ul.nav.navbar-nav li {
    margin-bottom: 20px;
}

/* Bande en haut du menu mobile (avec la croix de fermeture X) : */
 .mobile-menu-wrapper .icon-wrapper {
    background: #ffffff !important;
}   
/* Reste du menu mobile (sous la croix de fermeture X) : */
 .mobile-menu-wrapper {
    background: #ffffff !important;
}   
/*  Couleur de fond du sous-menu : */
.mobile-menu-wrapper, .mobile-menu-wrapper .navbar-nav li>.sub-menu, .mobile-menu-wrapper .navbar-nav li>.thim-ekits-menu__content {
    background: #ffffff !important; /* Noir semi-transparent */
}
/* Couleur de la croix de fermeture X : */
.mobile-menu-wrapper .menu-mobile-effect.navbar-toggle.close-icon span.icon-bar {
    background-color: #000;
}

.mobile-menu-container ul li>a:hover, .mobile-menu-container ul li>span:hover, .mobile-menu-container ul li.current-menu-item>a, .mobile-menu-container ul li.current-menu-item>span {
    color: #000;
}

.fkcart-shortcode-container .fkcart-shortcode-count {
    z-index: auto !important;
}

.mobile-menu-wrapper .icon-menu-back {
    color: #000;
}
/* Fin des CSS pour le menu "Mobile" */



/* Pour réduire la taille de l'image d'avatar sur la page "Accueil » Instructor" : */
.instructor-avatar .avatar {
    width: 125px;
    height: 125px;
}




/* Début de : Pour centrer les boutons ou miniatures ouvrant les PDFs : */
/* Pour cela, il faut les placer dans une div portant la classe "content-item-dflip-button"  : */
.content-item-dflip-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Fin de : Pour centrer les boutons ou miniatures ouvrant les PDFs */



/* Début des CSS pour la page d'étude des cours : */

/* Barre à gauche "Search for course content" : */
#popup-sidebar .search-course {
    background: #000;
    color: #fff;
}
/* Couleur du texte du placeholder="Search for course content" :*/
#popup-sidebar .search-course input[name=s]::placeholder {
    color: #fff; /* Couleur du texte */
}
/* Couleur du texte entré/tapé dans le champ de recherche : */
#popup-sidebar .search-course input[name="s"] {
	color: #fff;
}
/* L'icone loupe de recherche : */
#popup-sidebar .search-course button::before {
    color: #fff;
}
/* Barre centrale : */
.learnpress-v4 .lp-single-course #popup-course #popup-header {
    /*display: block;*/
    background: #000;
    color: #fff;
}
/* Le bouton de Plein écran : */
.learnpress-v4 .lp-single-course #popup-course #popup-header .thim-course-item-popup-right #sidebar-toggle.toggle-content-item {
    background: #000;
}
/* Le bouton de Fermeture des cours : */
.learnpress-v4 .lp-single-course #popup-course #popup-header .thim-course-item-popup-right .back_course {
    color: #fff;
    background: #000;
}
/* Fin des CSS pour la page d'étude des cours */



/* Début de : Pour ne pas afficher le haut de page par défaut sur la page "All Courses" : */

/* Fonctionne grâce à ce snippet : https://themodelsmasterclass.com.creation-site-referencement-prestige.fr/wpmmc-admin/admin.php?page=wpcode-snippet-manager&snippet_id=21124 */

.no_top_heading .top_heading {display:none !important;}
/* Fin de : Pour ne pas afficher le haut de page par défaut sur la page "All Courses" */



/* Début de : Couleur du bouton "Submit" du formulaire sur la page d'accueil : */
.elementor-element-58dc905 .wpcf7-form .wpcf7-submit, form.yikes-easy-mc-form .wpcf7-submit {
    background-color: #ffffff;
}
/* Fin de : Couleur du bouton "Submit" du formulaire sur la page d'accueil */


/* Début de : Couleur du bouton "Submit" du formulaire inscription newsletter en bas de page  : */
.elementor-element-380a75d .mc4wp-form .mc4wp-form-fields button[type=submit], .mc4wp-form .mc4wp-form-fields input[type=submit] {
    background-color: #ffffff;
    border: 2.5px solid var(--thim-body-primary-color,#ffb606);
}

/* Début de : Couleur du bouton "Submit" du formulaire inscription newsletter en bas de page */


/* Début de : Pour ne pas afficher le champ de recherche dans le menu haut : */
.menu-right {
    display: none !important;
}
/* Fin de : Pour ne pas afficher le champ de recherche dans le menu haut */



/* Couleur de l'icone Login : */
.far {
  /*  color: #A88D5B; */
}
/* Couleur de l'icone Profil : */
.fa, .fas {
   /* color: #A88D5B; */
}


#thim-popup-login .thim-login-container p:last-child{
		max-width: 370px;
    margin: 0 auto;
}
.top_heading .top_site_main.style_heading_3 .overlay-top-header{
		background-repeat: repeat-x;
}
@media(max-width:767px){
		.thim-newlleter-slider-gradient{
				overflow: hidden;
		}
	}

/* Début des CSS de la page d'admin "Personnalisation" : *
/* Ne pas afficher le textearea pour le JS sous le CSS : *
#customize-control-thim_custom_js  {display:none;}
/* Agrandir du coup sur toute la hauteur le textearea du CSS : *
.customize-control-code_editor .CodeMirror, .customize-control-code_editor textarea { height: 100%; }
/* Elargissement de la fenêtre de "Personnalisation" à gauche : *
.wp-full-overlay-sidebar { max-width: 800px; width: 100%; }
/* Fin des CSS de la page d'admin "Personnalisation" */





/* Début de : CSS de la scrollbar : */	
	
/* Pour les navigateurs basés sur WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 12px !important; /* Définir la largeur de la scrollbar */
}

::-webkit-scrollbar-track {
  background: #ffffff !important; /* Couleur du fond de la piste */
}

::-webkit-scrollbar-thumb {
  background: #000000 !important; /* Couleur de la poignée */
  border-radius: 6px !important; /* Optionnel : arrondir la poignée */
}

/* Pour Firefox */
* {
  scrollbar-color: #000000 #ffffff !important; /* Définir la couleur de la poignée et de la piste */
  scrollbar-width: thin !important; /* Optionnel : définit une largeur fine */
}
/* Fin de : CSS de la scrollbar : */