/**
Theme Name: ICA Gutenberg
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ica-gutenberg
Template: astra
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/**** GLOBALS VARAIBLES ****/
:root{
	--orange: #f59b1d;
	--blue: #1d5b7d;
	--green: #AEC8A4;
	--purple: #BAADC7;
	--lightgreen: #84BC26;
	--darkgreen: #006633;
	--lightOrange: rgba(245,155,29,0.20);
	--lightBlue:rgba(29,91,125,0.20);
	--grey:#F8F8F8;
	--lightbrown: #CEB394 ;
	--darkbrown: #78695D;
	--brown: #503723;
  	--bgColor: rgba(245, 245, 245);
}

/**** ASTRA ****/
.ast-container{padding: 0px !important; display: unset  !important;}
.container-fluid{padding:0px !important;}
.site-header{position: sticky;top: 0px;}
.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item {line-height: 30px;}

/**** TITLE, PARAGRAPH ****/
.title{padding-top: 40px; padding-bottom:20px}
.number{font-family:'Raleway',sans-serif!important;font-size: 80px !important;}
a{color:black; text-decoration: none !important;}
a:hover {color:var(--orange);}

/**** MENU ****/
#menu-item-1786 a {color:var(--orange); text-decoration:underline !important;}
#menu-item-1786 a:hover {color:white; text-decoration:none !important;}

/**** BANNER ****/
.banner {min-height: 200px !important;margin-top: 0px;padding: 30px 10% !important;}

/**** GUTENBERG ****/
.wp-block-columns {padding-left: 5%;padding-right: 5%;}
.wp-block-quote{border-left: 5px solid var(--orange) !important;}
.wp-block-quote cite {color:var(--orange);}
.entry-content{margin-top: 100px;}

/***** MARGIN/PADDING *****/
.marginBottomZero{margin-bottom: 0px !important;} 
.marginTopZero{margin-top: 0px !important;} 
.marginZero{margin: 0px !important;} 
.espace{padding-bottom:200px !important;}

/**** ROW ****/
.row__default{margin-top:40px ;margin-bottom:40px ; padding: 40px 10% 30px 10% ;}
.row__formation{padding: 200px 10% 0 10% !important;}
.row__navbarsticky{padding: 0 10% !important; margin: 0;}
.row__fullWidth{padding: 0px;}
.row__fullHeight{height:100vh;}

/**** COLUMN ****/
.center{display: flex; justify-content:center;align-items:center;}

/***** DISPLAY RESPONSIVE *****/
.displayMobile, .displayTabletPortrait,.displayTabletLandscape{display:none !important;}
.displayOrdi{display:flex !important;}
.displayNone{display: none !important;}
.displayGrid{display:grid !important;}

/**** COLOR ****/
.colorOrange{color:var(--orange)!important;}
.colorBlue{color:var(--blue)!important;}
.colorWhite{color:white !important;}
.colorGreen{color:var(--green) !important;}
.colorPurple{color:var(--purple) !important;}
.colorLightGreen{color:var(--lightgreen) !important;}
.colorDarkGreen{color:var(--darkgreen) !important;}
.colorLightBrown{color:var(--lightbrown) !important;}
.colorDarkBrown{color:var(--darkbrown) !important;}
.colorBrown{color:var(--brown) !important;}

/**** BACKGROUND ****/
.bg_blue{background-color: var(--blue);}
.bg_orange{background-color: var(--orange);}
.bg_blue{background-color: var(--blue);}
.bg_white{background-color: white;}
.bg_darkgreen{background-color: var(--darkgreen);}
.bg_lightgreen{background-color: var(--lightgreen);}
.bg_darkbrown{background-color: var(--darkbrown);}
.bg_lightbrown{background-color: var(--lightbrown);}
.bg_brown{background-color: var(--brown);}
.bg-quetigny{background: url(https://www.coachingformation.eu/wp-content/uploads/2022/10/BG21-Quetigny@aLamoureux_DJI_0257.jpg) no-repeat center;
transition: background-size 1s ease-in-out;position: relative;z-index: 1;}
.degradedGreen-diagonal {background: linear-gradient(to bottom right, var(--darkgreen),  var(--lightgreen));}

/**** AREA RECTANGLE ****/
.area__rectangle{position : relative; }
.area__rectangle--img{z-index: 3; position : relative;}
.rectangle__left--orange,.rectangle__left--blue{ height: 80%;width: 50vw;position: absolute;z-index: 1;top: 10%;left: -30%;padding: 0px;margin: 0px !important;}
.rectangle__right--orange,.rectangle__right--blue{ height: 80%;width: 50vw;position: absolute;z-index: 1;top: 10%;left: -10px;;padding: 0px;margin: 0px !important;}
.rectangle__left--orange,.rectangle__right--orange{background-color: var(--orange);}
.rectangle__left--blue,.rectangle__right--blue{background-color: var(--blue);}

/**** BUTTON ****/
.flipbox{	height: 200px;padding: 5px;perspective: 1000px;cursor: pointer;}
.flipbox_inner{position: relative;width: 100%;height: 100%;transition: transform 0.8s;transform-style: preserve-3d;}
.front, .back{position: absolute;width: 100%;height: 100%;backface-visibility: hidden;display: flex;flex-direction: column; padding: 15px;}
.front{background-repeat: no-repeat;background-position: center;background-size: cover !important;justify-content: center;}
.back{background-color: #2d4059;align-items: center;justify-content: center;text-align: center;}
.left:hover .flipbox_inner{transform: rotateY(180deg);}
.right:hover .flipbox_inner{transform: rotateY(-180deg);}
.up:hover .flipbox_inner{transform: rotateX(180deg);}
.down:hover .flipbox_inner{transform: rotateX(-180deg);}
.left .flipbox_inner .back, .right .flipbox_inner .back{transform: rotateY(180deg);}
.up .flipbox_inner .back, .down .flipbox_inner .back{transform: rotateX(180deg);}
.full-btn__orange {margin: 15px;background-color: var(--orange) !important;color:var(--blue) !important;}
.full-btn__orange:hover{background-color: var(--blue) !important;color: var(--orange) !important;border:solid 1px var(--orange) !important;}
.full-btn__blue {margin: 15px;background-color: var(--blue) !important;color:white !important;}
.full-btn__blue:hover{background-color: var(--orange) !important;color:var(--blue) !important;}
.full-btn__darkgreen{margin: 15px;background-color: var(--darkgreen) !important; color:white !important;}
.full-btn__darkgreen:hover{background-color: var(--lightgreen) !important; color: var(--darkgreen) !important;}
.full-btn__lightgreen{margin: 15px;background-color: var(--lightgreen) !important; color:white !important;}
.full-btn__lightgreen:hover{background-color: var(--darkgreen) !important; color: white !important; border:solid 1px var(--lightgreen) !important;}
.full-btn__darkbrown{margin: 15px;background-color: var(--darkbrown) !important; color:white !important;}
.full-btn__darkbrown:hover{background-color: var(--lightbrown) !important; color: var(--darkgreen) !important;}
.full-btn__lightbrown{margin: 15px;background-color: var(--lightbrown) !important; color:white !important;}
.full-btn__lightbrown:hover{background-color: var(--darkbrown) !important; color: white !important; border:solid 1px var(--lightbrown) !important;}
.full-btn__brown{margin: 15px;background-color: var(--brown) !important; color:white !important;}
.full-btn__brown:hover{background-color: var(--lightbrown) !important; color: var(--brown) !important;}
.outline-btn__orange{    color: var(--orange)!important;border: solid 1px var(--orange) !important;margin: 10px; background-color: white !important;}
.outline-btn__orange:hover{background-color: var(--orange) !important; color:var(--blue)!important;}
.outlineWhite-btn__orange{margin: 15px;background-color: var(--orange) !important;}
.outlineWhite-btn__orange:hover{color: #fff !important;border: solid 1px white;}
.testimonial-btn:hover{color: var(--orange)!important;}
.icon-btn__orange{color: var(--orange);border-color: var(--orange);}
.icon-btn__orange i {margin:0px;}
.icon-btn__orange:hover,.icon-btn__orange:focus,.icon-btn__orange:focus-visible{color: white;background-color: var(--orange);border-color: var(--orange);}
.btn-clear:focus{background-color:white; border:none;}

/**** WRAPPER ****/
.article-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;justify-items:center}
.asset-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:50px;align-items:center}
.library-wrapper,.value-wrapper{align-items:center;display:grid;grid-template-columns:repeat(3,1fr)}
.value-wrapper{grid-gap:80px}
.debouches-wrapper,.tarifs-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px}
.library-wrapper{grid-gap:50px}
.diffCoach-wrapper,.sylvoPluri-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0px;align-items:center}
.contact-wrapper,.sylvoAccueil-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;align-items:center}
.contactv2-wrapper{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px;align-items:center}
.othertraining-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;align-items:center}
.testimonials__wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}
.training-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;margin-bottom:40px}
.testimonials__wrapper{justify-items:center}
.faq-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;justify-items:center}
.actor-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;justify-items:center}
.post-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;justify-items:center}

/**** ACCORDION ****/
.accordion__blue .accordion-item, .accordion__orange .accordion-item, .accordion__darkgreen .accordion-item, .accordion__lightgreen .accordion-item, .accordion__darkbrown .accordion-item,.accordion__lightbrown .accordion-item, .accordionFull__orange .accordion-item, .accordionFull__blue .accordion-item{border-radius: 8px; overflow: hidden;box-shadow: 0 4px 4px -2px rgb(0 0 1);margin-bottom: 10px;}
.accordion__blue .accordion-button {color: var(--blue);}
.accordion__blue .accordion-button:not(.collapsed){    color: var(--blue);border-bottom: 2px solid var(--blue);background-color: white; box-shadow: none;}
.accordion__blue .accordion-button:hover{background-color:var(--blue); color:white;}
.accordion__blue .accordion-button:focus{background-color:white;color: var(--blue);}
.accordion__blue .accordion-body b {color:var(--blue);}
.accordion__orange .accordion-button {color: var(--blue);}
.accordion__orange .accordion-button:not(.collapsed){color: var(--orange);border-bottom: 2px solid var(--orange);background-color: white; box-shadow: none;}
.accordion__orange .accordion-button:hover{background-color:var(--orange); color:white;}
.accordion__orange .accordion-button:focus{background-color:white;color: var(--orange);}
.accordion__orange .accordion-body b {color:var(--orange);}
.accordionFull__orange .accordion-button {background-color:var(--orange); color: white;}
.accordionFull__orange .accordion-button:not(.collapsed){color: var(--orange);border-bottom: 2px solid var(--orange);background-color: white; box-shadow: none;}
.accordionFull__orange .accordion-button:hover{background-color:var(--orange); color:white;}
.accordionFull__orange .accordion-button:focus{background-color:white;color: var(--orange);}
.accordionFull__orange .accordion-body b {color:var(--orange);}
.accordionFull__blue .accordion-button {background-color:var(--blue); color: white;}
.accordionFull__blue .accordion-button:not(.collapsed){color: var(--blue);border-bottom: 2px solid var(--blue);background-color: white; box-shadow: none;}
.accordionFull__blue .accordion-button:hover{background-color:var(--blue); color:white;}
.accordionFull__blue .accordion-button:focus{background-color:white;color: var(--blue);}
.accordionFull__blue .accordion-body b {color:var(--blue);}
.accordion__darkgreen .accordion-button { background-color:var(--darkgreen);color: var(--lightgreen);}
.accordion__darkgreen .accordion-button:not(.collapsed){color: var(--darkgreen);border-bottom: 2px solid var(--darkgreen);background-color: white; box-shadow: none;}
.accordion__darkgreen .accordion-button:hover{background-color:white; color:var(--darkgreen);}
.accordion__darkgreen .accordion-button:focus{background-color:white;color: var(--darkgreen);}
.accordion__darkgreen .accordion-body b {color:var(--darkgreen);}
.accordion__lightgreen .accordion-button {background-color:var(--lightgreen);color: var(--darkgreen);}
.accordion__lightgreen .accordion-button:not(.collapsed){color: var(--lightgreen);border-bottom: 2px solid var(--lightgreen);background-color: white; box-shadow: none;}
.accordion__lightgreen .accordion-button:hover{background-color:white; color:var(--lightgreen);}
.accordion__lightgreen .accordion-button:focus{background-color:white;color: var(--lightgreen);}
.accordion__lightgreen .accordion-body b {color:var(--darkgreen);}
.accordion__lightbrown .accordion-button {background-color:var(--lightbrown);color: var(--brown);}
.accordion__lightbrown .accordion-button:not(.collapsed){color: var(--lightbrown);border-bottom: 2px solid var(--lightbrown);background-color: white; box-shadow: none;}
.accordion__lightbrown .accordion-button:hover{background-color:white; color:var(--lightbrown);}
.accordion__lightbrown .accordion-button:focus{background-color:white; color: var(--lightbrown);}
.accordion__lightbrown .accordion-body b {color:var(--darkbrown);}
.accordion__darkbrown .accordion-button {background-color:var(--darkbrown);color: white;}
.accordion__darkbrown .accordion-button:not(.collapsed){color: var(--darkbrown);border-bottom: 2px solid var(--darkbrown);background-color: white; box-shadow: none;}
.accordion__darkbrown .accordion-button:hover{background-color:white; color:var(--darkbrown);}
.accordion__darkbrown .accordion-button:focus{background-color:white; color:var(--darkbrown);}
.accordion__darkbrown .accordion-body b {color:var(--darkbrown);}

/**** SECTION ****/
.outline-section__blue{height: 100%;background-color: white;padding: 10px;border: solid 3px var(--blue);}
.outline-section__orange{height:  100%;margin-bottom: 20px;background-color: white;padding: 10px;border: solid 3px var(--orange);}
.outline-section__darkgreen{height:  100%;margin-bottom: 20px;background-color: white;padding: 10px;border: solid 3px var(--darkgreen);}
.outline-section__lightgreen{height:  100%;margin-bottom: 20px;background-color: white;padding: 10px;border: solid 3px var(--lightgreen);}
#green-page #calendar .outline-section{height: auto;margin-bottom: 20px;background-color: white;padding: 10px;border: solid 3px var(--lightgreen);}
#green-page #calendar .outline-section__header_h2 .outline-section__title h2{color: var(--darkgreen);}
#blue-page #calendar .outline-section{height: auto;margin-bottom: 20px;background-color: white;padding: 10px;border: solid 3px var(--blue);}
#blue-page #calendar .outline-section__header_h2 .outline-section__title h2{color: var(--blue);}
.outline-section__header{position: relative;margin-bottom: 15px;z-index: 5;}
.outline-section__header .outline-section__title{position: absolute;top: -30px;align-items: center;display: flex;padding-left: 20px;padding-right: 20px;background-color: white;}
.outline-section__header_h2{position: relative;margin-bottom: 30px;z-index: 5;}
.outline-section__header_h2 .outline-section__title{position: absolute;top: -40px;align-items: center;display: flex;padding-left: 20px;padding-right: 20px;background-color: white;}
.outline-section__header_h3{position: relative;margin-bottom: 30px;z-index: 5;}
.outline-section__header_h3 .outline-section__title{position: absolute;top: -30px;align-items: center;display: flex;padding-left: 20px;padding-right: 20px;background-color: white;}
.outline-section__blue .outline-section__header_h3 .outline-section__title h3,.outline-section__blue .outline-section__header .outline-section__title h6, .outline-section__blue .outline-section__header_h2 .outline-section__title h2{color: var(--blue);}
.outline-section__orange .outline-section__header_h3 .outline-section__title h3, .outline-section__orange .outline-section__header .outline-section__title h6,.outline-section__orange .outline-section__header_h2 .outline-section__title h2{color: var(--orange);}
.outline-section__darkgreen .outline-section__header_h3 .outline-section__title h3,.outline-section__darkgreen .outline-section__header .outline-section__title h6, .outline-section__darkgreen .outline-section__header_h2 .outline-section__title h2{color: var(--darkgreen) !important;}
.outline-section__lightgreen .outline-section__header_h3 .outline-section__title h3,.outline-section__lightgreen .outline-section__header .outline-section__title h6, .outline-section__lightgreen .outline-section__header_h2 .outline-section__title h2{color: var(--lightgreen) !important;}
.sectionTarifs {margin-top: 20px;}
.sectionTarifs .owl-carousel .item img {display:inherit !important; width:auto !important;}
.sectionTarifs .owl-carousel .owl-item{justify-content: center;display: flex;}
.sectionTarifs .owl-carousel .item .tarifs-card{border-radius: 10px;border: solid 2px var(--orange);padding: 10px;height: 300px;box-shadow: none;}
.sectionHover h4{font-weight: bold;color: white;display: flex;height: 100%;align-items: center;}
.sectionHover p, .sectionHover:hover h4,.sectionHover ul{display:none;}
.sectionHover:hover p{display: flex;color: white;height: 100%;justify-content: center;align-items: center;}
.sectionHover:hover ul {display: block;color: white;height: 100%;}
.border-section__blue{border: solid var(--blue) 8px;padding: 20px;}
.borderTop-section__blue{border: solid var(--blue) 8px;border-bottom: none;padding: 20px;margin-bottom: 0;}
.borderBottomLeft-section__blue{border: solid var(--blue) 8px;border-right: none;border-top: none;padding: 20px;margin-top: 0;}
.borderBottomRight-section__blue{border: solid var(--blue) 8px;border-left: none;border-top: none;padding: 20px;margin-top: 0;}
.border-section__orange{border: solid var(--orange) 8px;padding: 20px;}

/************  Mobile: <768px  ************/
@media (max-width:767px){
	.displayMobile{display: block  !important;}
	.displayNoneMobile{display: none !important;}
	.displayOrdi{display: none !important;}
	.training-wrapper,.contact-wrapper,.debouches-wrapper,.tarifs-wrapper,.library-wrapper,.contactv2-wrapper,.sylvoAccueil-wrapper,.diffCoach-wrapper,.asset-wrapper,.faq-wrapper,.post-wrapper,.testimonials__wrapper,.article-wrapper{grid-template-columns: repeat(1, 1fr)}
	.debouches-wrapper,.sylvoAccueil-wrapper,.library-wrapper{grid-gap: 10px;}
	.asset-wrapper{grid-gap: 0px;}	
	.contact-wrapper {grid-gap: 5px;}
	.actor-wrapper{grid-template-columns: repeat(2, 1fr)}
	.outline-section__content{padding-top: 10px;}
	.outline-section__header .outline-section__title{top:-20px;}
}

/************  Tablette en mode portrait: 768px - 821px ************/
@media (min-width:768px) and (max-width: 821px){
	.displayTabletPortrait{display:flex !important;}
	.displayNoneTabletPortrait{display: none !important;}
	.displayOrdi{display: none !important;}
	.columnLeftHover{margin-right: -10% !important; margin-left: 20px !important;z-index: 2;}
	.columnRightHover{margin-left: -10% !important; margin-right: 20px !important;z-index: 2;}
	.training-wrapper,.diffCoach-wrapper,.value-wrapper,.faq-wrapper,.post-wrapper,.testimonials__wrapper{grid-template-columns: repeat(2, 1fr);}
	.actor-wrapper{grid-template-columns: repeat(3, 1fr)}
	.diffCoach-wrapper{grid-gap:10px;}
	.outline-section__header .outline-section__title{top:-20px;}
}

/************  Entre deux: 822px - 990px ************/
@media (min-width:822px) and (max-width: 990px){
	.displayNoneBetween{display:none;} 
	.displayBetween{display:flex !important;}
	.col_space{margin-bottom: 40px;}
}

/************  Tablette en mode paysage: 822px - 1200px ************/
@media (min-width:822px) and (max-width: 1200px){
	.displayTabletLandscape{display: flex !important;}
	.displayOrdi{display: none !important;}
	.displayNoneTabletLandscape{display: none !important;}
	.columnLeftHover{margin-right: -10% !important; margin-left: 20px !important;z-index: 2;}
	.columnRightHover{margin-left: -10% !important; margin-right: 20px !important;z-index: 2;}
	.value-wrapper,.diffCoach-wrapper,.faq-wrapper,.post-wrapper,.testimonials__wrapper{grid-template-columns: repeat(2, 1fr)}
	.diffCoach-wrapper{grid-gap:10px;}
}

/************  Ordinateur portable ************/
@media (min-width:1201px) and (max-width: 1600px){

	.columnLeftHover{margin-right: -10% !important; margin-left: 20px !important;z-index: 2;}
	.columnRightHover{margin-left: -10% !important; margin-right: 20px !important;z-index: 2;}
}

/************  Très grand écran ************/
@media (min-width:1601px){
	.columnLeftHover{margin-right: -10% !important; margin-left: 20px !important;z-index: 2;}
	.columnRightHover{margin-left: -10% !important; margin-right: 20px !important;z-index: 2;}
	.value-wrapper{ margin-bottom: 100px;}
}