/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/********************************************
*
*     UTILS
*/

.bg-color-main {
	background: #273780;
}

/********************************************
*
*     FORMS
*/

input[type="date"] {
	background: none;
	background-color: rgba(0, 0, 0, 0);
	color: #232226;
	background-color: rgba(23, 22, 26, 0.04);
	border: 1px solid transparent;
	width: 100%;
	padding: 14px 15px;
	line-height: 1.3;
	font-weight: 400;
	font-size: inherit;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-webkit-appearance: none;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
	outline: none;
}

#candidature-form h3{
	margin-bottom: 10px;
  font-size: 30px;
  background: #2184be;
  color: white;
  padding: 10px 15px 5px;
  border-radius: 5px;
  margin-top: 30px;
  margin-right: 10px;
}

/********************************************
*
*     CUSTOM
*/


/* Nav Header */
@media screen and (max-width: 768px){
	.clb-page-headline {
		min-height: 33vh;
	}
}

/* Logo */
.fixed-logo picture {
	display: flex;
}

.site-header .site-branding .logo img {
	height: inherit !important;
	max-height: 67.3px !important;
	width: 203px !important;
}

@media screen and (min-width: 768px) {
	.site-header .site-branding .logo img {
		max-height: 90px !important;
		width: 270px !important;
	}
}

/* Navs */
a.clb-hamburger-holder ._shape {
	color: #fff;
}

.clb-hamburger-nav-details .hamburger-nav-info {
  color: rgba(255, 255, 255, 0.85);
}

/* Navs mobile */
.site-header.mobile-header .main-nav .close-bar {
	width: 100%;
}

.site-header.mobile-header .mbl-overlay-container {
	width: 100%;
}

.site-header.mobile-header .mbl-overlay .close-bar .ion {
	color: #fff;
}

.close-bar .btn-round-light .ion {
	background-color: rgba(23, 22, 26, 0.95);
}

.site-header.mobile-header .main-nav .nav-item a .has-submenu-icon {
	right: 70px !important;
}


#mobile-menu .main-nav .nav-item a {
	font-size: 20px;
}

#mobile-menu .sub-nav-item.menu-item-depth-1 a {
	font-size: 18px;
	padding: 5px 50px 5px 20px;
}

#mobile-menu .sub-nav-item.menu-item-depth-2 a {
	font-size: 16px;
	padding: 5px 50px 5px 20px;
}

#mobile-menu .main-nav .nav-item a {
  	padding: 5px 50px 5px 20px;
}

#mobile-menu .open-link-icon {
	position: absolute;
	right: 20px;
	top: calc(50% - 13px);
	transform-origin: center;
	font-size: 0.94rem;
	line-height: 0;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
	opacity: .75;
	border-radius: 100%;
	background-color: rgba(255,255,255,0.4);
	width: 26px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mobile-menu .sub-nav-item.menu-item-depth-2 .open-link-icon {
	display: none;
}

/* Nav desktop */
.clb-popup.clb-hamburger-nav {
	overflow-y: auto;
}

.clb-popup .close-bar {
	position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
	.close-bar {
	  	padding: 0 30px;
	}
}

.mega-menu-item.nav-item {
	font-size: 14px;
}

.sub-nav-item.menu-item-depth-1 {
	font-size: 11px;
}

.sub-nav-item.menu-item-depth-2 {
	font-size: 9px;
}

.clb-hamburger-nav .menu .nav-item {
	padding: 8px 70px 8px 0px;
}
.clb-hamburger-nav .menu .sub-nav-item {
  	padding: 8px 60px 8px 0px;
}

.clb-hamburger-nav .menu .nav-item div.sub-nav ul {
	width: 90%;
}

/* Nav sticky */
.header-fixed a.clb-hamburger-holder ._shape {
	color: #0a0a0a;
} 

/* Home Hero */
.entry-content .fp-header {
	margin-bottom: -1px !important;
}

.fp-header {
	background: #273780;
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;	
	height: 100vh;
}

.fp-header + .wpb-content-wrapper {
	margin-top: 0 !important;
}

.fp-header__img,
.fp-header__img img {
	background: #273780;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;
}

.fp-header__content {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -40%);
	text-align: center;
	max-width: 600px;
	width: 100%;
	padding: 0 2em;
}
@media screen and (min-width: 768px) {
	.fp-header__content {
		padding: inherit;
	}
}

.fp-header__content h1,
.fp-header__content h2{	
	font-family: 'NewParis Skyline', sans-serif !important;
	color: white;
}
.fp-header__content h1 {
	font-size: 4em;
	margin: 1em 0 0;
}
.fp-header__content h2 {
	font-size: 2em;
	margin: 1em 0 0;
}

.fp-header__btns {	
	display: flex;	
	flex-direction: column;
	gap: 2em;
	justify-content: space-between;
	margin: 3em 0 0;
}
/*@media screen and (max-width: 576px) {
@media screen and (max-width: 1024px) {*/
@media screen and (min-width: 768px) {
	.fp-header__btns {
		flex-direction: row;
		gap: 1em;
	}
}

.fp-header__links {
	margin: 2em 0 0;
}

/* Home spacings */
.is-homepage .bloc-5-w__titre h3{
	margin-top: 60px;
}
.is-homepage .bloc-5-w__list {
	padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
	.is-homepage .bloc-5-w__list h4{
		margin-top: 20px;
		margin-bottom: -5px;
	}	
}
.is-homepage .bloc-pedagogie {
	padding: 60px;
}
.wpb_video_widget.vc_video-el-width-90 .wpb_wrapper {
  	width: 100% !important;
}
@media screen and (min-width: 768px) {
	.wpb_video_widget.vc_video-el-width-90 .wpb_wrapper {
	  	width: 90% !important;
	}
	.is-homepage .bloc-pedagogie__colR {
		margin-top: 140px
	}
}
@media screen and (max-width: 768px) {
	.is-homepage .bloc-pedagogie .vc_hidden-sm {
		display: none;
	}
}
.is-homepage .bloc-choisir {
	padding: 60px 20px;
}
@media screen and (min-width: 768px) {
	.is-homepage .bloc-choisir {
		padding: 90px;
	}
}
.is-homepage .bloc-ensavoirplus {
	padding-top: 30px;
	padding-bottom: 60px;
}

.is-homepage .bloc-agenda {
	padding-top: 60px;
}
.is-homepage .bloc-news__titre {
	padding-top: 60px;
}
.is-homepage .bloc-news__posts {
	padding-bottom: 60px;
}
.is-homepage .bloc-logos {
	padding-top: 30px;
}

/* Author metas */
.ohio-recent-posts-sc .blog-grid .blog-grid-meta {
	display: none;
}

/* Button / Link */
.c-button {
	display: inline-block;
    padding: 0.7em 1.2em;
    background-color: #25387d;
    white-space: nowrap;
    color: white;
    text-align: center;
    font-weight: 700;
    border: 1px solid #25387d;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease-out;
}

.c-button i {
	margin-right: 0.6em;
}

.c-link {
	color: white;
	text-decoration: underline;
}

.c-link i {
	margin-right: 0.4em;
}



/********************************************
*
*     FIX 
*/

/* Masquer le scrool top */
#clb-scroll-top,
.clb-back-link.vc_hidden-xs {
	display: none !important;
}

/* Colones en float */
.clearfix::before,
.clearfix::after {
  	content: " ";
  	display: table;
}

.clearfix::after {
  	clear: both;
}

/* Fond pour slider home */
#rev_slider_16_1, #rev_slider_16_1_wrapper {
	background: #273780 !important;
}

/* Couleur puce H6 */
.accordionItem_title h6 {
	color: #17161A;
}


/***************** SKOLAE ticket SW-723 modif apres mise au jour du Theme Ohio vers la version 3.5.3  ***************/
ul.-unlist > li.item > a.fab {
	font-family: "Font Awesome 6 Brands" !important;
 }

/* changement nom class*/
.is-homepage .bloc-temoignages .slider-holder{
	padding-block: 60px;
}

.button.-outlined:hover{
	background-color: yellow;
} 

/* ------- savoir_plus --------*/
.savoir_plus h4 {
	padding-block: 30px;
}

.bloc-ensavoirplus .savoir_plus a.button.-outlined:hover, .bloc-ensavoirplus .savoir_plus a.button:hover{
	background-color: white !important;
	color:#25387d !important;
}
.button.-outlined:hover .icon {
	color:#25387d;
}

/* ------------ style pour les onglets  ------------*/
.tabs-nav-link:hover {	
	color: var(--clb-link-hover-color);
}
div.holder a:hover{
	color: var(--clb-link-hover-color) !important;
}

.blog-item.-layout1 .title a:not(:hover),
.blog-item.-layout3 .title a:not(:hover),
.blog-item.-layout5 .title a:not(:hover),
.blog-item.-layout7 .title a:not(:hover) {
  color: #1677b1;/*la version original dans ohio affiche un autre valeur couleur noir */
}

input[type="submit"]:hover, input[type="submit"]:focus{
    color: #fff;
    background-color: #d90a2c;
    border-color: #d90a2c;
    opacity: .9;
}

/*pour le formulaire contact*/
.ohio-text-sc form div.form-sidebar p{
	margin: 10px auto;
}

/* partie du footer qui reste transparent, alors je force */
footer.site-footer{
	background-color: #272727;
}
footer h3.wp-block-heading{
	color: rgba(255, 255, 255, 0.4) !important;
}

/* ------- icon sur le footer --------*/
div.social-networks a.network{
	background-color: transparent;
    border: 1px solid rgba(23, 22, 26, 0.5);    
	color: #ffffff;
	margin-right: 5px;
}
div.social-networks a.network:hover{
	background-color: black !important;
	color: #ffffff !important;
}

/*pour les bouton d'inscriptions sur les images dans les pages Ecoles*/
.button:hover, a.button:hover{
	background-color: rgba(37, 56, 125, 0.9);
	border-color: #25387d;
}

h3.title{
	margin-bottom: 10px;
}

div.accordion-button > button.icon-button > i.icon:hover{
	color: rgb(242, 229, 0);	
}

.wp-block-image a img:hover, .widgets a *:not(.fab):hover {
    opacity: .5;
}
/* -------- style pour les sub-menu ----------*/ 
 .header:not(.-mobile) .menu li > ul > li a {
	padding: 25px;
	font-size: 15px;
	color: #1677b1;
}

.mega-menu-item.nav-item {
    font-size: 20px;
}

/* ----- MENU reglage pour activer les menu ancestor current, ne marche pas les reglages du plugins megamenu ---------*/
.header:not(.-sticky):not(.-mobile) .menu > li.current-menu-parent.current-menu-ancestor > a, li.current-menu-ancestor a:not(.sub-menu-link) span{
	color:rgb(242, 229, 0);
}