/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


@font-face {
    font-family: 'AtypDisplay';
    src: url('/wp-content/themes/generatepress_child/fonts/AtypDisplay-Semibold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Leksikal';
    src: url('/wp-content/themes/generatepress_child/fonts/LeksikalFlare-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Leksikal';
    src: url('/wp-content/themes/generatepress_child/fonts/LeksikalFlare-Medium.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Leksikal';
    src: url('/wp-content/themes/generatepress_child/fonts/LeksikalFlare-MediumItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

h1, h2, h3{
	font-family: 'AtypDisplay';
}

p {
    font-family: 'Leksikal';
    font-weight: normal;
}


ul, li{
    font-family: 'AtypDisplay';
    font-weight: normal;
}

li {
    list-style: none;
	padding-bottom: 8px;
}


.inside-article ul{
	margin: 0 0 1.5em 1em;
}


.pl, .pxl, .ps{
	font-family: 'AtypDisplay';
}

.pxl{
	font-size: 24px;
}

.ps{
	font-size: 16px;
}

.subs, .sub, .subm, .subms, .subl, .subxl{
	font-family: "AtypDisplay";
	font-weight: 600;
	line-height: 110%; /* 17.6px */
	text-transform: uppercase;
	letter-spacing: 1.28px;
}

.sub {
	font-size: 16px;
}

.subs {
	font-size: 13px;
}

.subxl{
	font-size: 35px;
}

.subm{
	font-size: 28px;
}

.subms{
	font-size: 24px;
}

.hxl{
	font-size: 68px;
}

.hl{
	font-size: 55px;
}

.hm{
	font-size: 50px;
}

.hs{
	font-size: 35px;
}

@media (max-width: 768px){
	.hxl, .hl{
		font-size: 45px;
	}

	.hm{
		font-size: 35px;
	}

	.subxl{
		font-size: 25px;
	}

	.subm{
		font-size: 25px;
	}
}

/* Buttons */

.btn{
	font-family: "AtypDisplay";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	padding: 13px 18px !important;
}

.btn-yellow{
	background-color: var(--yellow) !important;
	color: var(--contrast) !important;
}

.btn-light{
	background-color: var(--base) !important;
	color: var(--contrast) !important;
}

.btn-dark{
	background-color: var(--contrast) !important;
	color: var(--base) !important;

}

.btn-inline-light, .btn-inline-dark{
	display: inline-flex;
    align-content: flex-end;
    font-family: "AtypDisplay";
	font-size: 16px;
	   
}

.btn-inline-light, .btn-inline-light:active, .btn-inline-light:focus{
	color: var(--base);
	border-bottom: 1px solid white;
}

.btn-inline-light a:hover{
	color: var(--base) !important;
}

.btn-inline-dark{
	color: var(--contrast);
	border-bottom: 1px solid var(--contrast);
}

.btn-inline-dark a, .btn-inline-light a {
    text-decoration: none;
}

.step{
	position: relative;
}

.step:before{
	background-image: url("/wp-content/themes/generatepress_child/svg/dark-star.svg");
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 20px;
    width: 20px;
	display: inline-flex;
	position: absolute;
	top: 0px;
	left: -35px;
}

.inside-article li:before{
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 10px;
    width: 10px;
    margin-right: 10px;
    margin-top: 0px;
	display: inline-flex;
}

.inside-article li:before{
	background-image: url("/wp-content/themes/generatepress_child/svg/dark-star.svg");
}

.inside-article .dark li:before{
	background-image: url("/wp-content/themes/generatepress_child/svg/light-star.svg");
}

.btn-inline-light a:after, .btn-inline-dark:after{
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: inline-flex;
	margin-left: 10px;
    margin-top: 0px;
}


.btn-inline-light a{
text-decoration: none;}

.btn-inline-light a:after{
	background-image: url("/wp-content/themes/generatepress_child/svg/light-star.svg");
	transition: ease 1s all;
}

.btn-inline-light a:hover:after, .btn-inline-dark a:hover:after {
	transform: rotate(30deg);
}

.btn-inline-dark:after{
	background-image: url("/wp-content/themes/generatepress_child/svg/dark-star.svg");
	transition: ease 1s all;
}

/* NAV */

.inside-header.grid-container{
	max-width: none !important;
}

.main-navigation .main-nav ul li a{
	color: #1E2535;
	font-family: "AtypDisplay";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 20px */
	text-transform: uppercase;
}

.star svg{
	transition: 0.2s ease-in;
	transform: translateY(1px);
	margin-left: 5px;

}

.star:hover svg, .current-menu-item.star svg  {
	transform: translateY(-5px);
}

.orange-star:hover svg path, .current-menu-item.star svg path {
	fill: var(--orange);
}

.green-star:hover svg path, .current-menu-item.star svg path {
	fill: var(--green);
}


/* STICKY NAV */

#sticky-navigation .inside-navigation.grid-container {
    background: white;
}

nav#generate-slideout-menu {
    background: white;
}

.slideout-menu li {
    padding-bottom: 20px;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: transparent !important;
}

.icon-menu-bars svg {
    height: 20px !important;
    width: 20px !important;
}

/* Layouts */

.z10{
	z-index: 10 !important;
	position: relative;
}

/* Formations */

/* all formations */


@media (min-width: 769px) {
	.post-type-archive-formations main#main {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    column-gap: 30px;
	}
}


 .post-type-archive-formations header.page-header {
    display: none;
}

 .post-type-archive-formations .formations .post-image {
    display: none;
}

.archive .formations {
    background: var(--);
    border: 1px solid var(--contrast);
}

.archive .formations .entry-title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.4em !important;
}

.archive .formations .entry-summary p {
	font-family: "AtypDisplay" !important;
	font-size: 15px;
	margin-bottom: 15px;
}

.archive .formations .entry-summary{
	margin-top: 15px !important;
}

.archive .formations .inside-article {
    display: inline-flex;
    height: 100%;
    flex-direction: column;
    align-content: flex-start;
    position: relative;
    padding-top: 80px !important;
}

.archive .formations{
	height: 100%;
}

.archive .formations .btn-yellow.btn {
    margin-top: auto;
}

.archive .formations .etiquette {
    font-size: 12px;
    font-family: "AtypDisplay";
    text-transform: uppercase;
    width: 60%;
    padding: 9px 7px;
}


@media (max-width: 768px) {
    .post-type-archive-formations main#main {
	    display: grid;
	    grid-template-columns: 1fr;
	    column-gap: 30px;
	    row-gap: 30px;
	}	
	.post-type-archive-formations div#primary {
    	padding: 6%;
	}

	.archive .formations .etiquette {
		width: 70%;
	}
}


/* single formation */

.formations-template-default #content {
    margin-left: 6%;
    margin-right: 6%;
}


@media (min-width: 1025px) {
    .formations-template-default .site-content{
		display: grid !important;
	    grid-template-columns: 4fr 2fr;
		column-gap: 30px;
	}
}

@media (max-width: 1024px) {
    .formations-template-default .site-content{
		display: flex !important;
	    
		column-gap: 0px;
	}
	#right-sidebar{
		order: -1;
	}
}

.formations-template-default .site-content .content-area, .formations-template-default .is-right-sidebar {
    width: 100% !important;
}

.formations-template-default .site-content{
    position: relative;
	margin: 20px;
}

#right-sidebar {
	position: sticky;
	top: 50px;
	height: 300px;
	background: var(--contrast);
	margin-top: 15px;
}

@media (max-width: 768px) {	
	#right-sidebar {
		position: relative;
		top: 0px;
	}
}

.single-formation .separate-containers .site-main {
    margin: 0px !important;
}

.public-formation{
	background-image: url(https://impact-for-change.com/wp-content/uploads/2025/07/arbre-violet-3.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    padding-right: 20% !important;
}

@media (max-width: 768px) {
	.public-formation{
		padding-bottom: 200px !important;
    	background-size: 150px;
	}
}

@media (max-width: 1024px) {
	.sommaire .btn{
		font-size: 12px !important;
	}
}
/* FAQ */

strong.schema-faq-question:hover {
    cursor: pointer;
}

.schema-faq-question{
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	display: block;
	padding: 20px 38px 20px 23px;
	position: relative;
	font-family: "AtypDisplay";
	
}

.schema-faq-section{
	margin-bottom: 20px;
}



@media (max-width: 768px){
	.schema-faq-question{
		font-size: 16px !important;
	}
}

strong.schema-faq-question:after {
    content: "+";
    text-align: center;
    position: absolute;
    right: 10px;
   	height: 40px;
    width: 40px;
    padding-top: 3px;
    margin-top: -5px;
    top: 15px;
}

.schema-faq-question.active:after {
    content: "-" !important;
}

.schema-faq-answer {
    display: none;
    background-color: var(--yellow);
}

strong.schema-faq-question {
    border: 1px solid;
}

strong.schema-faq-question.active{
	background-color: var(--yellow);	
	border: 0px solid;
}

@media (min-width: 769px){
.schema-faq-answer {
	padding: 0px 35px 30px 20px;
	}
}

@media (max-width: 768px){
.schema-faq-answer {
	padding: 0px 35px 30px 25px;
	}
}

strong.schema-faq-question {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
}


.cta-financement{
	background-size: 190px !important;
}


/* Clickable container */

.linked-container, .blog .inside-article {
    position: relative;
}

.linked-container .link a:before, .linked-container .link:before, .formations .inside-article .link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.linked-container .link a, .blog .inside-article .entry-title a {
  text-decoration: none;
}


.link a {
    text-decoration: none !important;
}

.lab{
	position: relative;
}

.lab:after{
	background-image: url("/wp-content/themes/generatepress_child/svg/lab.svg");
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 150px;
    width: 200px;
	position: absolute;
	right: -145px;
    top: 3px;
}

.learn{
	position: relative;
}

.learn:after{
	background-image: url("/wp-content/themes/generatepress_child/svg/learn.svg");
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 145px;
    width: 360px;
	position: absolute;
	right: -307px;
    top: 3px;
}

@media (max-width: 768px) {
    .lab:after{
    	position: relative !important;
    	display: inline-flex;
    	right: 0px;
    	top: 0px;
    	height: 100px;
    	width: 100px;
    }

    .learn:after{
    	position: relative !important;
    	display: inline-flex;
    	right: 0px;
    	top: 0px;
    	height: 100px;
    	width: 200px;
    }
}



@media (max-width: 768px) {
    /* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
}

.site-footer {
    z-index: 10;
    position: relative;
}

.site-footer a, .site-footer a:hover{
	color: white;
}