/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/** _________________ GLOBAL _________________  */

:root{
	--blanc : #FFFFFF;
	--noir:   #1B1B1B; 
	--dark:   #27010D;
	--beige : #F8F1E2;
	--auburn: #660014;  /*violet foncé */
	--violet: #91525E;  /*violet clair 80 % */
	--violet-moyen : #A36672; /*violet clair 60 % */
	--violet-clair : #C299A1B2; /*violet clair 40 % */
	--rouge:         #FF003D; 
	--velourcarmin:  #FF668B; /* rose moyen */
    --rose:          #FF99B1;  /* rose clair */
	--carmin:        #FF3364; 
	--peps :         #853343;
	--nuit : 		 #52343D;
}

@font-face {
	font-family: 'Beth Ellen';
	src: url('/wp-content/uploads/2025/11/BethEllen-Regular.woff2') format('woff2'),
		url('/wp-content/uploads/2025/11/BethEllen-Regular.woff') format('woff');
	font-weight: 400; 
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Maregraphe Display';
	src: url('/wp-content/uploads/2025/11/MaregrapheDisplayMedium.woff2') format('woff2'),
		url('/wp-content/uploads/2025/11/MaregrapheDisplayMedium.woff') format('woff');
	font-weight: 400; 
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin';
	src: url('/wp-content/uploads/2025/11/AcuminProSemiCond-Regular-1.woff2') format('woff2'),
		url('/wp-content/uploads/2025/11/AcuminProSemiCond-Regular-1.woff') format('woff');
	font-weight: 400; 
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Acumin Pro Semi Condensed';
	src: url('/wp-content/uploads/2025/11/AcuminPro-Bold.woff2') format('woff2'),
		url('/wp-content/uploads/2025/11/AcuminPro-Bold.woff') format('woff');
	font-weight: 700; 
	font-style: normal;
	font-display: swap;
}

/** _________________ TITRES et TEXTES _________________  */

.h1, .h2, .h3{
	font-family:'Maregraphe Display';
	line-height:1em;
	font-weight:400;
}
.h4{
	font-family:'Acumin';
	line-height:1.2em;
	font-weight:400;
}
.txt, .txt * ,.h1, .h2, .h3, .h4, p{
	margin-bottom:unset!important;	
}
.citation {
    margin-bottom: 12px;
}

.h1{
	font-size:56px;
} 
.h2{
	font-size:40px;
} 
.h3{
	font-size:32px;
}
.h4{
	font-size:24px;
}
.citation,  .citation *{
	font-family:"Beth Ellen";
	line-height:1.3em;
	font-weight:400;
	font-size:18px;
}
.txt, .txt *{
	font-family:"Acumin";
	line-height:1.3em;
	font-weight:400;
	font-size:17px;
}
.txt strong, .txt b{
	font-weight:700!important;
}
.btn-rouge, .btn-blanc{
	display: inline-flex;
    width: fit-content;
	font-family:"Acumin Pro Semi Condensed";
	line-height:normal;
	font-weight:700;
	font-size:18px;
	padding:11px 20px 8px 20px;
	transition:0.3s ease-in-out;
	border-radius: 0 20px 20px 0;
}
.btn-rouge{
	background:var(--rouge);
	color:var(--blanc);
}
.btn-rouge:hover{
	background:var(--blanc);
	color:var(--rouge);
}
.btn-blanc{
	background:var(--blanc);
	color:var(--rouge);
}
.btn-blanc:hover{
	background:var(--rouge);
	color:var(--blanc);
}

.row{
	width:100%;
	max-width:1400px;
	padding-left:60px;
	padding-right:60px;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width:991px){
	.h1{
		font-size:48px;
	} 
	.h2{
		font-size:36px;
	} 
	.h3{
		font-size:28px;
	}
	.h4{
		font-size:22px;
	}
	.citation{
		font-size:18px;
	}
	.txt{
		font-size:16px;
	}
	.btn-rouge, .btn-blanc{
		font-size:17px;
	}
	.row{
		padding-left:40px;
		padding-right:40px;
	}
}
@media screen and (max-width:767px){
	.h1{
		font-size:42px;
	} 
	.h2{
		font-size:34px;
	} 
	.h3{
		font-size:24px;
	}
	.h4{
		font-size:20px;
	}
	.citation{
		font-size:17px;
	}
	.txt{
		font-size:16px;
	}
	.btn-rouge, .btn-blanc{
		font-size:17px;
	}	
	.row{
		padding-left:20px;
		padding-right:20px;
	}
}


.rouge, .rouge * {
	color:var(--rouge);
}
.rose, .rose *{
	color:var(--velourcarmin);
}
.auburn, .auburn *{
	color:var(--auburn);
}
.blanc, .blanc *{
	color:var(--blanc);
}
.noir, .noir *{
	color:black;
}
.dark, .dark *{
	color:var(--dark);
}


/** _________________ HEADER _________________  */

#header [data-row*=middle] {
   /* box-shadow: 0 97px 27px 0 rgba(0, 0, 0, 0.00), 0 62px 25px 0 rgba(0, 0, 0, 0.01), 0 35px 21px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(0, 0, 0, 0.09), 0 4px 9px 0 rgba(0, 0, 0, 0.10)!important;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px!important;
}

#header-menu-1 #menu-menu-principal {
    height: 35px !important;
}
.reseaux-menu{
	margin-left:20px;
}
.reseaux-menu >a.ct-menu-link, .social-strip>a.ct-menu-link  {
    display: none;
}

.social-strip {
  display: inline-flex;
  align-items: stretch;
  height: 35px;
}
.social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 12px 10px 12px;
  text-decoration: none;
  color: #ffffff;
}
.social-icon svg {
  position: relative;
  top: 4px;
}

.social-fb,
.social-ig,
.social-tt {
  border-radius: 16px 16px 0 0;
}
.social-cta {
  border-radius: 0 24px 24px 0;
  padding: 10px 28px;
}

.custom-btn, .custom-btn-2 {
	border-radius: 0 16px 16px 0!important;
	width: fit-content!important;
	display: flex;
    align-items: center;
	font-family: "Acumin Pro Semi Condensed"!important;
	transition: 0.3s ease-in-out;
}
.custom-btn {
	background: var(--rouge)!important;
	color: var(--blanc)!important;
	margin-left:10px;
	padding: 0!important;
}
.custom-btn a:not(.btn-r) {
    display: none;
}
.custom-btn:hover{
	background: var(--blanc)!important;
}
.custom-btn:hover a{
	color: var(--rouge)!important;	
}
.custom-btn-2 {
	background: var(--blanc)!important;
	color: var(--rouge)!important;
	padding: 12px 15px 10px 15px!important;
	font-size:14Px;
}
.custom-btn-2:hover{
	background: var(--rouge)!important;
	color: var(--blanc)!important;
}
.custom-btn a{
	font-family: "Acumin Pro Semi Condensed"!important;
	padding: 12px 15px 10px 15px!important;
	transition: 0.3s ease-in-out;
}


.social-fb {
  background: var(--carmin);
}
.social-ig {
  background: var(--velourcarmin);
}
.social-tt {
  background: var(--rose);
}
.social-cta {
  background: beige;
  color: red;
}

@media screen and (min-width:1400px){
	.ct-menu-link, .custom-btn-2{
		font-size:16px!important;
	}
}
@media screen and (max-width:1200px){
	.reseaux-menu {
		display: none!important;
	}
	#offcanvas .reseaux-menu{
		display: flex!important;
		margin-left:0;
		margin-top:30px;
	}
}

/* PAGE MENU : Header blanc */
.page-template-template-carte #header [data-row*=middle]{
	background:var(--blanc)!important;
}
.page-template-template-carte #header [data-row*=middle] [data-id="menu"] > ul > li:not(.custom-btn) > a{
	--theme-link-initial-color:var(--dark)!important;
}
.page-template-template-carte #header .custom-btn{
	border:1px solid var(--rouge)!important;
}
.page-template-template-carte #header .custom-btn-2{
	background:var(--dark)!important;
	color:var(--blanc)!important;
}

/**** MOBILE ****/

[data-behaviour*=right-side] .ct-panel-inner {
    transform: translate3d(0, -100%, 0)!important;
}
[data-panel*=in] [data-behaviour*=side].active .ct-panel-inner{
	transform: translate3d(0, 0%, 0)!important;
}
.ct-panel-content{
	flex:unset!important;
}
#offcanvas .ct-panel-content-inner{
	height: fit-content!important;
	padding-top:0!important;
}
.ct-panel .ct-panel-inner {
    height: fit-content!important;
    align-self: start!important;
}
#offcanvas .custom-btn{
	margin-left:0;
	margin-top:20px;
}
@media screen and (max-width:1000px){
	.custom-btn a {
		padding: 8px 15px 5px 15px !important;
	}
}

/** _________________ FOOTER _________________  */

footer {
	padding: 60px 0 0;
    background-image:url(/wp-content/uploads/2025/11/Footer-1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.footer_left  *{
    color: var(--beige);
}
.footer_content {
    display: flex;
    gap: 35px;
    justify-content: space-between;
}
.footer_left {
    width: 415px;
    display: flex;
    flex-direction: column;
    gap: 25px;
	padding-bottom:50px;
}
.footer_right{
	width:calc(100% - 450px);
}

.footer_logo {
	width: 300px;
}

.footer_coordoonnees {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.coordoonnees{
    display: flex;
    gap: 10px;
    align-items: start;
}
.coordoonnees a:hover{
	color:var(--rouge)!important;
}

.footer_right {
    display: flex;
    align-items: end;
	justify-content: end;
}
.footer_menus, .footer_liens {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.footer_menus {
    background: var(--blanc);
    border-radius: 190px 190px 0 0;
    justify-content: end;
    padding: 100px 50px 30px;
}
.footer_menus{
	gap:40px;
}
.footer_menus a{
	font-family:"Beth Ellen";
	color:black;
	font-size:35px;
	line-height: 1em;
}

.footer_liens{
    justify-content: end;
}
.footer_liens a{
	color:white!important;
	font-size:18px;
	font-family:'Acumin Pro Semi Condensed';
	line-height:normal;
	transform:translatey(50px);	
	transition:0.3s ease-in-out;
}
.footer_liens a:hover{
	transform:translatey(30px);	
}

.lien-resa{
	background: var(--rouge);
    border-radius: 170px 170px 0 0;
    padding: 60px 45px 330px;
	margin-bottom:-300px;
	width:250px;
}
.lien-decouvrir{
	background: var(--velourcarmin);
    border-radius: 170px 170px 0 0;
    padding: 60px 45px 195px;
	margin-bottom:-170px;
	width:250px;
}
.lien-note{
	background: var(--rose);
    border-radius: 170px 170px 0 0;
    padding: 50px 45px 70px;
	width:250px;
}

.footer_mentions {
    font-size: 14px;
}

@media screen and (max-width:1200px){
	.footer_menus {
		padding: 80px 30px 30px;
	}
	.footer_menus a {
		font-size: 30px;
	}
	.lien-resa{
		border-radius: 170px 170px 0 0;
		padding: 50px 30px 290px;
		margin-bottom:-270px;
		width:180px;
	}
	.lien-decouvrir{
		border-radius: 170px 170px 0 0;
		padding: 50px 30px 170px;
		margin-bottom:-150px;
		width:180px;
	}
	.lien-note{
		border-radius: 170px 170px 0 0;
		padding: 35px 30px 65px;
		width:180px;
	}
}
@media screen and (max-width:1000px){
	.footer_coordoonnees {
		font-size: 15px;
	}

	.footer_menus a {
        font-size: 26px;
    }
	.footer_liens a {
		font-size: 17px;
	}
	.lien-resa{
		border-radius: 170px 170px 0 0;
		padding: 40px 20px 275px;
		margin-bottom:-255px;
		width:150px;
	}
	.lien-decouvrir{
		border-radius: 170px 170px 0 0;
		padding: 50px 20px 160px;
		margin-bottom:-140px;
		width:150px;
	}
	.lien-note{
		border-radius: 170px 170px 0 0;
		padding: 35px 30px 60px;
		width:150px;
	}
	.footer_liens a:hover {
		transform: translatey(35px);
	}

}
@media screen and (max-width:900px){
	.footer_menus {
        padding: 60px 28px 30px;
    }
	.footer_left {
    	width: 374px;
	}

}
@media screen and (max-width:850px){
	.footer_right {
		transform: translateX(40px);
	}
}
@media screen and (max-width:800px){
	.footer_content{
		flex-direction: column;
	}
	.footer_left {
		width:100%;
		padding-bottom: 0px;
	}
	.footer_right {
		width:calc(100% + 40px);
		transform: translateX(-20px);
		justify-content: center;
	}
	.footer_coordoonnees {
        width: fit-content;
        margin: auto;
    }
	.footer_reseaux {
		width: fit-content;
		margin: auto;
	}
	.footer_mentions {
		text-align: center;
		max-width: 375px;
		margin: auto;
	}
	.footer_logo {
		margin: auto;
	}
	.footer_menus {
        padding: 80px 40px 30px;
    }
}
@media screen and (max-width:440px){
	.footer_liens a {
        font-size: 16px;
    }
	.footer_menus a {
        font-size: 24px;
    }
	.footer_menus {
        padding: 80px 20px 30px;
		width: 65%;
    }
	.footer_liens{
		width:35%;
	}
	.lien-resa, .lien-decouvrir, .lien-note {
		width:100%;
		padding-left: 10px;
		padding-right:10px;
	}
	
}


/*** COMPLIANZ ***/
body.cmplz-document main{
	margin: 70px auto;
}

body.cmplz-document main h1{
	font-size:50px!important;
}
body.cmplz-document main p{
	font-size:16px!important;
}
@media screen and (max-width:992px){
	body.cmplz-document main{
		margin: 60px auto;
	}
	body.cmplz-document main h1{
		font-size:45px!important;
	}
}
@media screen and (max-width:767px){
	body.cmplz-document main{
		margin: 50px auto;
	}
	body.cmplz-document main h1{
		font-size:40px!important;
	}
}

