:root {
	--masterclass-block-body-font: 14px;
	--icon-enumeration-text-size: 16px;
	--body-text-size:16px;
	--section-title-size: 40px;
	
}

/* La calligraphie est prise en charge par le functions.php */
/* html { font-family:elza, sans-serif !important; }*/


/* ==========================================================================
   MC Button
   ========================================================================== */

.mc-button {
    text-align: center;

    &.mc-button--discover {
/*       margin: 28px 0 34px; */

        /*
         * Cas Divi normal :
         * la classe mc-button--discover est sur le wrapper du module,
         * et le vrai bouton est .et_pb_button à l'intérieur.
         */
        & .et_pb_button,
        &.et_pb_button {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            gap: 10px;

            color: #ffffff !important;
            background: rgba(255, 255, 255, 0.06) !important;

            border: 2px solid #D9A96B !important;
            border-radius: 5px !important;

            padding: 14px 30px !important;
/*
            font-size: 15px !important;
            font-weight: 800 !important;
*/
            line-height: 1.2em !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;

            box-shadow:
                0 0 0 1px rgba(217, 169, 107, 0.18),
                0 10px 28px rgba(0, 0, 0, 0.32),
                0 0 24px rgba(217, 169, 107, 0.18);

            transform: translateY(0);

            transition:
                background 220ms ease,
                color 220ms ease,
                border-color 220ms ease,
                box-shadow 220ms ease,
                transform 220ms ease;
				
			&::before { 
				color:transparent !important;
			}
            &::after {
                content: "↓" !important;
                position: static !important;

                display: inline-flex !important;
                align-items: center;
                justify-content: center;

                width: 22px;
                height: 22px;

                margin-left: 2px !important;

                color: #172142 !important;
                background: #D9A96B;

                border-radius: 50%;

                font-family: inherit !important;
                font-size: 15px !important;
                font-weight: 900;
                line-height: 1;

                opacity: 1 !important;

                transition:
                    background 220ms ease,
                    color 220ms ease,
                    transform 220ms ease;
            }

            &:hover {
                color: #172142 !important;
                background: linear-gradient(135deg, #E7BE82 0%, #C99453 100%) !important;
                border-color: #F0C98E !important;

                box-shadow:
                    0 14px 34px rgba(0, 0, 0, 0.38),
                    0 0 32px rgba(217, 169, 107, 0.35);

                transform: translateY(-2px);

                &::after {
                    color: #ffffff !important;
                    background: #172142;

                    transform: translateY(2px);
                }
            }
        }
    }
}




/* ---------------------------------------------

 Header

 ----------------------------------------------- */
.mobile_menu_bar:before {
	color:#FFF !important;
}

#main-header {
	background: transparent;
	box-shadow:none;
	-webkit-box-shadow:none;
}

#main-header.et-fixed-header {
/*	background:linear-gradient(to bottom, rgba(0,0,0,.99) 0%, rgba(0,0,0,0.0) 90%);*/
	background: #172142eb; 
}

.page-header {
	/* optionnel selon ton layout */
	background-repeat: no-repeat; 
}

.page-header.-reconcilie{
	background:
		/* Dégradé du haut (au-dessus) */
		linear-gradient(to bottom, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 10%),
		/* Dégradé du bas (au-dessus) */
		linear-gradient(to top,    rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 35%),
		/* Image (en dessous) */
		url("/wp-content/uploads/2025/12/M-10-scaled-1.jpg") center / cover no-repeat;
}

.page-header.-accueil{     
	background:
	  /* Dégradé du haut */
	  linear-gradient(to bottom, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 10%),

	  /* Dégradé du bas */
	  linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 35%),

	  /* Image */
	  url("/wp-content/uploads/2026/05/denis-morissette-assis-au-bureau-souriant.jpg") 0px 0px / cover no-repeat;	  
}

	
/* La couleur blanche de "#top-menu > li > a" est prise en charge par functions.php dans le <head> */

.page-header h1.title { 
	font-family: elza, sans-serif; 
	font-weight: 700 !important; 
	color:#C89C69 !important; 
	letter-spacing:0; 
	line-height:0.7; 
	text-shadow: 0 0 15px black;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #292929;
	}
	
.page-header .subtitle { 
	font-family: elza, sans-serif; 
	font-weight: 300; 
	color:#FFFFFF; 
}

.ebook-form .et_pb_button {
	width:130px;
}

.ebook-form {
	&.-accueil {
		margin-top:-77px;
	}
}
.ebook-form-title { 
	color:white !important;
	font-weight:200;
	text-align:center;
}
.ebook-form.-accueil { 
	.ebook-form-title {
		font-weight:normal;
		color:white;
		text-align:left !important;
		}
}	





/* ---------------------------------------------


 Applicable à toutes les sections

 ----------------------------------------------- */

.fullwidth-section-title {
	font-family: Elza; 
	color: #c89c69; 
	font-size: var(--section-title-size); 
	text-transform: uppercase; 
	font-weight: 750; 
	line-height:0.8;  
	letter-spacing:-0.5px;
	
	&.-marineblue {
		color: #172142 !important;
	}
	
	&.-beigeinvert {
		color: #272727 !important;		
	}
	
	&.-white {
		color: white !important;
	}
	
	&.-lower {
		font-weight:500;
		text-transform: none;
		letter-spacing:1px;
	}
	
	&.-w750 {
		font-weight:700;
	}
}

.fullwidth-section-subtitle {
	font-size:var(--body-text-size);
	font-weight:600;
	color:#fff;	
	letter-spacing:0px;

	
	&.-marineblue {
		color: #172142 !important;
	}
	
	&.-showcase {
		font-size: calc(var(--body-text-size) + 4px);
	}
	
}

.fullwidth-section-text {
	font-weight:300;
	font-size:var(--body-text-size);
	letter-spacing:0px;
/*	line-height:0; */
	
	&.-white, &.-white a {
		color:#FFF;
	}
	
	&.-beigeinvert {
		color: #272727 !important;
	}
	
	&.-marineblue {	
		color: #172142 !important;
	}
	
	&.-showcase {
		font-size: calc(var(--body-text-size) + 4px);
	}
	
}

/* Wrapper le code embed de Vimeo dans cette classe */
.vimeo-responsive {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.vimeo-responsive iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
/* Footer */
.footer-title {
	font-weight: 600; 
	color: #fff; 
	font-size: 43px; 
	text-align: left;	
}

.footer-contact {
	font-weight: 500; 
	color: #c89c69; 
	font-size: 30px; 
	text-align: left;	
}

@media (min-width: 981px){
  .footer-row{
    display: flex;
    align-items: center;
  }

  .footer-row > .et_pb_column{
    float: none !important;
  }
}




/* ---------------------------------------------

nouvelle-page-daccueil: Enumeration showcase
(Auteur, Conférencier International, Pasteur,...)

 ----------------------------------------------- */
.profile-bio-features{
  list-style: none !important;
  margin: 0;
  padding: 0px !important;
}

.profile-bio-features li{
  color: #C89C69;
  font-weight: bold;
  line-height: 1.05;
  margin-bottom:15px;
}

.profile-bio-features li::before{
  content: "";
  display: inline-block;       /* ✅ IMPORTANT: dans le flux */
  width: 20px;
  height: 20px;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6H18V18' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3Cpath d='M6 18L18 6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");

  margin-right: 5px;          /* espace entre flèche et texte */
  transform: translateY(0.12em);/* ✅ descend la flèche (ajuste 0.15–0.30em) */
  vertical-align: baseline;     /* aide l’alignement */
}

.profile-bio-text {
	color:#FFF;
	text-align:justify;
	line-height:2.2;
	font-size: var(--body-text-size);
}

/* ---------------------------------------------

 nouvelle-page-daccueil: Bloc de citation

 ----------------------------------------------- */
.quote-block-text {
	font-family:Lora !important;
	font-weight:300;
	font-size:2rem;
	color:#FFF;
	text-align:center;
	line-height:1.25;
}



/* ---------------------------------------------

 reconcilie: Second section Masterclass 1 - en prévente

 ----------------------------------------------- */

.feature-promo-image {
    box-shadow: 0px 0px 10px rgb(12 12 12 / 85%);;
    border-style: solid;
    border-width: 1px;
    border-color: #6d7693; 
}

.feature-promo-price {
	color: red; 
	font-weight: 400;
	text-align:center;
	font-size:20px;
}

.feature-promo-title {
    text-align: center;
    font-size: 30px;
    line-height: 2;
    font-weight: 100;
    color: white;
}
/* -----------------------------------------

reconcilie:  Section Denis Morissette

 ------------------------------------------ */
.denis-bio-desc {
	color:#FFF;
	text-align:justify;
	line-height:2.2;
	font-size: var(--body-text-size);
}


/* -----------------------------------------

 reconcilie: Section des blocs de Masterclass 

 ------------------------------------------ */

.featuredproduct-block-title {
	font-weight: 100; 
	font-size: 1.3rem;   
	color: #ffffff; 
	line-height: 1;
	margin-bottom: -0.4em;
	
	&.-bold {
		font-weight:bold; 
	}
	
	&.-bigbold {
		font-weight:bold;
		font-size:2rem;
	}
	
	a {
		color: #ffffff; 
	}
}

.featuredproduct-block-subtitle {
	font-size:var(--body-text-size);
	font-weight:bold;
	color:#fff;
}


.featuredproduct-block-desc, .featuredproduct-block-bullets {
	font-size: var(--masterclass-block-body-font);
	font-weight:300;
	color:#fff;
}

.featuredproduct-block-bullets {

	list-style-type:none !important;
	text-align:left; 
	
	li {
		padding-left:20px;
		position: relative;
	}	
	
	li::before {
      font-family: 'FontAwesome';
      content: '\f061'; 
      color: #fff; 
	  position:absolute;
	  left:0;
	  top:0;
	}

}


.featuredproduct-block-link {
	color: #c89c69; 
	font-weight: 300;
	font-size:var(--masterclass-block-body-font);
	
	&._disabled {
		color: transparent;	
	}
}



.featuredproduct-block {
	&.-new {  
/*		box-shadow: 0px 0px 10px rgb(255 255 255 / 85%); */
		overflow:visible;
		position: relative;

		&::before {  
			content: "NOUVEAU";

			position: absolute;
			top: 0;
			left: 0;
			transform: translateY(-50%);
			z-index: 2;

			display: inline-flex;
			align-items: center;
			justify-content: center;

			height: 44px;
			padding: 0 16px;

			border: 2px solid #c89c69;
			border-radius: 999px;

			color: #c89c69;
/*			background: transparent; */
			background: white;

			font-family: "Montserrat", Arial, sans-serif;
			font-size: 24px;
			font-weight: 500;
			font-style: italic;
			line-height: 1;
			letter-spacing: 0.02em;
			text-transform: uppercase;

			box-sizing: border-box;
			
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35), 0 0 12px rgba(0, 0, 0, 0.25);
/*            text-shadow: 1px 1px 0 rgba(20, 30, 55, 0.85), 0 2px 5px rgba(0, 0, 0, 0.65), 0 0 10px rgba(0, 0, 0, 0.45); */
		}
		
		& .productimage img { 
			border-radius: 11px 11px 0px 0px;
		}	
	}	 
	
	&.-soon {
		.productimage::after  {
			content: "Prochainement";   /* <<< Mets ton texte ici */
			font-family:elza, sans-serif;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #fff;
			/* Couleur du texte */
			font-size: 34px;
			font-weight: 700;
			text-align: center;
			width: 90%;
			z-index: 10;
			pointer-events: none;       
			text-shadow: 0 0 6px #000;
			cursor:not-allowed;	
		}		
	}
}





/* ----------------------------------------------------------

 reconcilie: Section "Cette série est faite pour toi"

 ------------------------------------------------------------ */
.checkmark-ul {
	list-style-type:none !important;
	font-weight:300;
	text-align:center;
	color:#FFF;
	margin-top:40px;
	font-size: 20px;
	font-family:Lora;
	font-style:italic;
	padding:0px !important;
}

.checkmark-ul li {
	margin-top:10px;
}

.checkmark-ul li i {
	margin:0px 20px;
	color: #c89c6952;
	display:none;
}





/* ----------------------------------------------------------

 reconcilie: Section pour les icônes de "Ce que tu vas vivre..." et 
 "informations pratiques"

 ------------------------------------------------------------ */


.icon-features {
	margin-top:40px;
	list-style-type:none !important;
	display:block;
	padding:0px !important;
}

.icon-features li {
    text-align: center;
	color:white;  
	font-size: var(--icon-enumeration-text-size);
	font-weight:300;
    margin-bottom:20px;
}

.icon-features li i {
	font-size:42px;
	color:white;
	margin-bottom:20px;
}

/* ----------------------------------------------------------

 Le pied de page

 ------------------------------------------------------------ */

.bottom-footer-socialicons {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* pushes items right */
    margin-left: auto;     /* pushes UL to the right */
	list-style-type:none !important;
	color:white;
}

.bottom-footer-socialicons li i{
    margin-left: 15px;     /* pushes UL to the right */
	color:#C89C69;
}

.bottom-footer-socialicons li a {
	color:#fff !important;
}

.cta-button {
	font-weight:300;
}




/****************************************************************************************
*
*
* MOBILE
*
*
****************************************************************************************/
/* MOBILE FIRST */

/* Base styles for phones (up to 480px) */

@media (min-width: 320px) {
	:root {
	  --section-title-size: 2em;
	}
	  
	.page-header h1.title { 
		font-size: 50px;
	}
	.page-header .subtitle {
		font-size:25px;
		line-height:1.4;	
	}

	.profile-bio-features {
		text-align:center;
	}
	.profile-bio-features li::before{
		display:none;
	} 
	
	.profile-bio-features li {
		font-size:1.8em;
	}
	
   .quote-block-text {
		font-size:2rem;
	}

}

@media (min-width: 480px) {
	:root {
		  --section-title-size: 30px;
	  }/* bigger phones */
	.profile-bio-features li::before{
		display:inline-block;
	}
	
	.profile-bio-features li {
		font-size:2.5em;
	}

   .quote-block-text {
		font-size:2rem;
	}
	  
	  
}

/* ==========================================================================
   MC Button — Responsive
   ========================================================================== */

@media (max-width: 767px) {
    .mc-button {
        &.mc-button--discover {
/*            margin: 24px 0 30px; */

            & .et_pb_button,
            &.et_pb_button {
                width: 100%;
                max-width: 400px;

                padding: 13px 22px !important;

/*                font-size: 14px !important; */
            }
        }
    }
}

@media (min-width: 768px) {
	/* tablets */
	.page-header h1.title {
		-webkit-text-stroke-width: none;
		-webkit-text-stroke-color: none;	
	}

	.feature-promo-price {
		font-size: 20px; 
		line-height:2;
	}

	.icon-features {
		display:flex;
	}

	.icon-features li {
		flex: 1;
	}
	.profile-bio-features li {
		font-size:2.3rem;
	}
}
@media (min-width: 981px) {
	.profile-bio-features {
		text-align:right;
	}
	
}


@media (min-width: 1024px) {
  /* small laptops */
	.profile-bio-features li {
		font-size:2.6rem;
	}

  
}

@media (min-width: 1280px) {
  /* desktops */
	:root {
		--masterclass-block-body-font: 14px;
		--icon-enumeration-text-size: 16px;
		--body-text-size:16px;
		--section-title-size: 40px;
	}
	.page-header h1.title { 
		font-size:5rem;
	}  
	.page-header .subtitle { 
		font-size:42px;
	}  

	
}

@media (min-width: 1536px) {
  /* big monitors */
  
}


/* ---------------------------------------------

 Header

 ----------------------------------------------- */
@media (min-width:981px and max-width:1082px) {
	#top-menu li a {
		font-size:14px !important; 
	}
}