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

/*** GENERAL ***/
.grecaptcha-badge {
    display: none !important;
}

.site-logo-container {
	overflow:hidden!important;
}

/* Valeur par défaut */
:root {
  --logo-max-height: 111px;
}

.site-logo-container,
.site-logo-container img {
  height: 111px;
  max-height: 111px;
  transition: height 0.5s ease; 
}

/* Quand on scrolle */
.logo-size {
  --logo-max-height: 90px;
}

.logo-size {
	max-height: 95px!important;
}

:root {
  --logo-max-height: 111px;
}

.site-logo-container,
.site-logo-container img {
  transition: height 0.3s ease, max-height 0.3s ease;
}

/* Quand on scrolle */
.logo-size {
  --logo-max-height: 90px;
}

#header {
	position: sticky!important;
  	top: 0!important;           
  	z-index: 9999!important;     
}
:root{
    --main-black:#1D1D1D;
    --main-violet: #59358C;
    --main-white: #FBFBFB;
    --violet300 :#F3EFF9;
    --violet500: #E1D3F3;
	--violet700 :#9871CF;
	--violet-100 :#F7F5FA;
}

h1, h2, h3, h4, h5, p{
    margin-bottom: unset!important;
}
.h1, .h2, .h3, .h4, .h5, .h1Light, .h2Light, .h3Light, .h4Light, .h5Light, .h6Light{
    font-style: normal;
    font-family: Geist;
}
.semiBold{
	font-weight: 400!important;
}
/* Titres Bold */
.h1{
    font-size: 60px;
    font-weight: 700;
    line-height: 60px
}
.h2{
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}
.h3{
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
}
.h4{
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
}
.h5{
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}
.h6{
	font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
/* Titres Light */
.h1Light{
    font-size: 60px;
    font-weight: 100;
    line-height: 60px
}
.h2Light{
	font-size: 40px;
	font-weight: 100;
	line-height: 40px;
}
.h3Light{
    font-size: 35px;
    font-weight: 100;
    line-height: 35px;
}
.h4Light{
    font-size: 28px;
    font-weight: 100;
    line-height: 28px;
}
.h5Light{
    font-size: 24px;
    font-weight: 200;
    line-height: 24px;
}
.h6Light{
    font-size: 20px;
    font-weight: 200;
    line-height: 20px;
}
@media screen and (max-width:1000px){
	.h1{
		font-size: 50px;
		line-height: 50px
	}
	.h2{
		font-size: 35px;
		line-height: 35px;
	}
	.h3{
		font-size: 30px;
		line-height: 30px;
	}
	.h4{
		font-size: 25px;
		line-height: 25px;
	}
	.h5{
		font-size: 20px;
		line-height: 20px;
	}
	.h6{
		font-size: 18px;
		line-height: 18px;
	}
	.h1Light{
		font-size: 50px;
		line-height: 50px
	}
	.h2Light{
		font-size: 35px;
		line-height: 35px;
	}
	.h3Light{
		font-size: 30px;
		line-height: 30px;
	}
	.h4Light{
		font-size: 25px;
		line-height: 25px;
	}
	.h5Light{
		font-size: 20px;
		line-height: 24px;
	}
	.h6Light{
		font-size: 18px;
	}
}
@media screen and (max-width:767px){
	.h1{
		font-size: 40px;
		line-height: 40px
	}
	.h2{
		font-size: 30px;
		line-height: 30px;
	}
	.h3{
		font-size: 25px;
		line-height: 25px;
	}
	.h4{
		font-size: 20px;
		line-height: 20px;
	}
	.h5{
		font-size: 18px;
		line-height: 18px;
	}
	.h6{
		font-size: 16px;
		line-height: 16px;
	}
	.h1Light{
		font-size: 45px;
		line-height: 45px
	}
	.h2Light{
		font-size: 30px;
		line-height: 30px;
	}
	.h3Light{
		font-size: 25px;
		line-height: 25px;
	}
	.h4Light{
		font-size: 20px;
		line-height: 20px;
	}
	.h5Light{
		font-size: 18px;
		line-height: 18px;
	}
	.h6Light{
		font-size: 16px;
	}
}
/* Textes & Buttons */
.txtNoll{
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
.btnWhite, .btnViolet, .btnLight{
	font-family: Geist;
    display: inline-flex;
    padding: 10px 40px;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    transition: 0.3s;   
    width: fit-content;
	font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.btnClair{
    font-weight: 200;
    text-decoration: underline;
    color: var(--main-violet);
    font-family: 'Geist';
    font-size: 18px;
}
.btnWhite{
    background-color: var(--main-white)!important;
    color: var(--main-violet)!important;
}
.btnWhite:hover{
    background-color: var(--main-violet)!important;
    color: var(--main-white)!important;
}
.btnViolet{
    background-color: var(--main-violet)!important;
    color: var(--main-white)!important;
}
.btnViolet:hover{
    background-color: var(--main-white)!important;
    color: var(--main-violet)!important;
}
.btnLight{
    background-color: var(--main-white)!important;
    color: var(--main-violet)!important;
    border: 1px solid var(--main-violet);
}
.btnLight:hover{
    background-color: var(--main-violet)!important;
    color: var(--main-white)!important;
}
@media screen and (max-width:1000px){
	.btnWhite, .btnViolet, .btnLight{
		font-size: 18px;
		line-height: 18px;
		padding: 10px 34px;
	}
}
@media screen and (max-width:767px){
	.btnWhite, .btnViolet, .btnLight{
		font-size: 16px;
		line-height: 16px;
		padding: 8px 24px;
	}
	.btnClair{
		font-size: 16px;
	}
}

/* Sections */
.row{
    max-width: 1400px;
    padding-left: 60px;
    padding-right: 60px;
    margin: auto;
    width: 100%;
}
@media screen and (max-width:1000px){
	.row{
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width:767px){
	.row{
		padding-left: 20px;
		padding-right:20px;
	}
}

/*** HEADER ***/
#header [data-column-set="2"]>div {
    padding-left: 60px;
    padding-right: 60px;
	max-width: 1400px!important;
}
#header [data-row*=middle]{
    box-shadow: 0px 142px 40px 0px rgba(89, 53, 140, 0.00), 0px 91px 36px 0px rgba(89, 53, 140, 0.01), 0px 51px 31px 0px rgba(89, 53, 140, 0.05), 0px 23px 23px 0px rgba(89, 53, 140, 0.09), 0px 6px 13px 0px rgba(89, 53, 140, 0.10)!important;
}
ul#menu-menu-principal {
    align-items: center;
}
.menu-item{
	height:fit-content;
}
.current-menu-item a, .current-menu-parent a {
	position:relative;
}

.current-menu-item>a:after, .current-menu-parent>a:after {
    content: "";
    position: absolute !important;
    left: 50% !important;
    width: calc(100% - 20px);
    height: 1px !important;
    background: var(--main-white);
    bottom: -5px !important;
    opacity: 1 !important;
    transform: translateX(-50%);
}
.current-menu-ancestor ul a:after{
    bottom: 5px !important;	
	display:none;
}
ul#menu-menu-principal a{
	line-height:normal!important;
}
@media screen and (max-width:1200px){
	#header [data-column-set="2"]>div {
		display: flex!important;
		justify-content: space-between;
	}
	#header [data-column=start], #header [data-column=end] {
		width: max-content;
	}
	ul#menu-menu-principal>li>a{
		font-size:16px!important;
	}
}
@media screen and (max-width:1090px){
	#header [data-column-set="2"]>div {
		padding-left: 40px!important;
    	padding-right: 40px!important;
	}
}

@media screen and (max-width:1000px){
	#header [data-column-set="2"]>div {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width:767px){
	#header [data-column-set="2"]>div {
		padding-left: 20px;
		padding-right: 20px;
	}	
}

/*** FOOTER ***/
footer{
	background:var(--main-violet);
	z-index: 9;
}
#footer-noll {
    padding-top: 60px;
    padding-bottom: 30px;
	display: flex;
    gap: 30px;
	flex-wrap: wrap;
}

.noll-infos {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: fit-content;
	max-width:26%;
    align-items: start;
}
.noll-infos img {
    max-height: 200px;
	object-fit:contain;
}
.noll-liens {
    display: flex;
    flex-direction: column;
	gap:5px;
}
.separateur {
    width: 150px;
    height: 1px;
    background: var(--main-white);
    display: flex;
}
.noll-infos * {
    color: var(--main-white)!important;
}
.noll-menus .h6Light {
	color: var(--main-violet) !important;
}
.noll-menus{
	width: calc(74% - 70px);
	background:var(--main-white);
	display:flex;
	padding: 45Px 50px;
	height:fit-content;
	gap:30px;
	justify-content:space-between;
}
.noll-menus * {
    color: black!important;
}
.noll-menus ul {
    list-style: none;
    padding: 0;
}
.noll-menus .separateur , .noll-menus .separateurMobile{
    width: 150px;
    height: 1px;
    background: var(--main-violet);
    display: flex;
	margin:20px 0;
}
.noll-menus .separateurMobile{
	display:none;
}
.footerMenu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footerMenu .btnViolet{
	color:var(--main-white)!important;
	text-align:left;
	font-size:18px!important;
}
.footerMenu .btnViolet:hover{
	background:var(--main-violet)!important;
}
.footer-mentions {
    width: 100%;
    text-align: center;
    border-top: 1px solid var(--main-white);
    padding-top: 20px;
}
.footer-mentions, .footer-mentions *{
	color:var(--main-white)!important;
}

.footerRS{
	margin-top: 30px;
	gap:10px;
    display: flex
}
.footerRS a {
    background: var(--main-violet);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
	transition:0.3s;
}
/*
.footerRS a:hover{
    background: var(--violet500);	
}*/
.footerRS a i.fa-brands{
    color: white !important;
}

@media screen and (max-width:1200px){
	#footer-noll {
		gap: 40px;
	}
	.noll-menus {
		padding: 35Px;
	}
}
@media screen and (max-width:1000px){
	#footer-noll {
		flex-direction: column;
		padding-top: 40px;
	}
	.noll-infos, .noll-menus{
		    max-width: 100%;
		width:100%;
	}
	.noll-infos {
		flex-direction: row;
		align-items:unset;
	}
	.noll-infos .separateur {
		width: 2px;
		height: auto;
	}
	.noll-infos .noll-liens{
		min-width: 25%;
		align-self: end;
	}
	.noll-infos p, .noll-infos img {
		min-width: 30%;
		align-self: end;
	}
}
@media screen and (max-width:767px){
	#footer-noll {
		padding-top: 30px;
	}
	.noll-infos {
        flex-direction: column;
        align-items: start;
    }
	.noll-infos p, .noll-infos img, .noll-infos .noll-liens {
        min-width: unset;
        align-self: start;
		width:fit-content;
    }
	.noll-menus {
		flex-direction: column;
		padding: 30px 20px;
		gap: 0;
	}
	.noll-menus .separateurMobile{
		display:flex;
		margin: 20px 0;
	}
}



/*** COMPLIANZ ***/
.cmplz-document main#main {
    padding: 75Px 60Px;
}
@media screen and (max-width:1000px){
	.cmplz-document main#main {
		padding: 60Px 40Px;
	}
}
@media screen and (max-width:767px){
	.cmplz-document main#main {
		padding: 40Px 20Px;
	}
}


/*** BLOG ***/

.articleH2 *{
    font-size: 25px!important;
    font-weight: 700!important;
    line-height: 25px!important;
}
@media screen and (max-width:1000px){
	.articleH2 *{
		font-size: 25px!important;
		line-height: 25px!important;
	}
}
@media screen and (max-width:767px){
	.articleH2 *{
		font-size: 20px!important;
		line-height: 20px!important;
	}
}
/*** CONTACT ***/

.custoom-background {
	position: relative!important;
	top: 2px!important;
}
