/*
Theme Name: Childrens
URI: https://mon-webmaster.com/
Author: Cédric L
Version: 1.0
*/

@font-face {
    src: url('/wp-content/themes/childrens/font/Montserrat-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-family: 'Montserrat';
}
@font-face {
    src: url('/wp-content/themes/childrens/font/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-family: 'Montserrat';
}
@font-face {
    src: url('/wp-content/themes/childrens/font/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-family: 'Montserrat';
}
@font-face {
    src: url('/wp-content/themes/childrens/font/Montserrat-Black.ttf') format('truetype');
    font-weight: 900; font-style: normal; font-family: 'Montserrat';
}

* 		{outline : none;}
html 	{ width:100%; height:100%; margin:0; padding:0;}
body 	{ width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; font-family: 'Montserrat', sans-serif; }
a 		{ text-decoration: none!important; transition : all 0.3s;}
a:hover { text-decoration: none!important;}
button 	{transition: all 0.3s; }

:root 		{ --orange: #d96500; --vert: #fad408; --jaune:#FFC525; }
.bg-jaune 	{ background-color:var(--jaune)!important; color:#fff; }
.bg-orange 	{ background-color:var(--orange)!important; color:#fff; }
.bg-gris 	{ background-color:#dddacd !important; color:#000; }

.reveal 			{ position: relative; transform: translateY(-80px); opacity: 0; transition: 1.2s all ease; z-index: 0; }
.reveal.on 			{ transform: translateY(0) !important; opacity: 1 !important; z-index: 99; }
.reveal-right 		{ position: relative; transform: translateX(100px); opacity: 0; transition: 1.2s all ease; z-index: 0; }
.reveal-right.on 	{ transform: translateX(0) !important; opacity: 1 !important; z-index: 99; }
.reveal-left 		{ position: relative; transform: translateX(-100px); opacity: 0; transition: 1.2s all ease; z-index: 0; }
.reveal-left.on 	{ transform: translateX(0) !important; opacity: 1 !important; z-index: 99; }

.italic { font-style:italic; }

/* ============================================================================================================================================ */
/* === INPUT FORM BUTTON ==== INPUT FORM BUTTON ==== INPUT FORM BUTTON ==== INPUT FORM BUTTON ==== INPUT FORM BUTTON ==== INPUT FORM BUTTON === */
/* ============================================================================================================================================ */

.btn-one { background-color:var(--orange); color:#fff!important; border: solid 1px var(--orange)!important; padding:15px 20px!important; font-weight:600; min-width: 300px;
    display: inline-block; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem; }
.btn-one:hover { background-color:transparent; color:var(--orange)!important; }




.list-2, .list-3, .list-4, .list-5 { display: flex; flex-wrap:wrap; justify-content: space-between; list-style:none!important; border-radius:8px; }
.list-2 a, .list-3 a, .list-4 a, .list-5 a { color:#fff!important; text-decoration:underline!important; font-style:italic; }

.list-2 li, .list-3 li, .list-4 li, .list-5 li { margin-bottom:25px; padding:10px; text-align:center; box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15) !important; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;}

.list-2 li { width:45%; background-color:var(--orange); color:#fff; }

.list-3 li { width:30%; background-color:var(--orange); color:#fff; }

.list-4 li { width:45%; background-color:var(--orange); color:#fff; }

.list-5 li { width:45%; background-color:var(--orange); color:#fff; }
.list-5 li:last-of-type { width:100%; }


@media (max-width: 850px) 	{
.list-2 li, .list-3 li, .list-4 li, .list-5 li { width:100%!important;}

}

/* ==================================================================================================================================== */
/* ===== HOMEPAGES===== HOMEPAGES ===== HOMEPAGES ===== HOMEPAGES ===== HOMEPAGES ===== HOMEPAGES ===== HOMEPAGES ===== HOMEPAGES ===== */
/* ==================================================================================================================================== */
.img-1 { width:100%; aspect-ratio : 3 / 2; object-fit: cover; }

.card-text.italic {font-size: 15px;}

.card-text-src { font-size: 14px; }
.card-text-src a { color:#000!important; }
.card-text-src a:hover { color:var(--orange)!important; }

.section-3 .d-block { overflow:hidden; }
.section-3 .d-block img { transition-duration:0.3s; }
.section-3 .d-block img:hover { scale:1.05 }
.section-3 .d-block p { color: var(--orange) !important; text-align: center; font-weight: 800; margin-top: 10px; transition-duration:0.3s; }
.section-3 .d-block p:hover { color: var(--jaune) !important; }

/* ============================================================================================================================ */
/* ===== PAGES===== PAGES ===== PAGES ===== PAGES ===== PAGES ===== PAGES ===== PAGES ===== PAGES ===== PAGES ===== PAGES ===== */
/* ============================================================================================================================ */
.the-content h2 	{ margin-top:40px; margin-bottom:25px; line-height:inherit; color:#f59701!important }
.the-content h3 	{ margin-top:30px; margin-bottom:25px; line-height:inherit; }
.the-content h4 	{ margin-top:25px; margin-bottom:25px; line-height:inherit; }
.the-content img 	{ border-radius:15px; }



.card-activites 		{ background-color:var(--gris); border-radius:10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem; }
.card-activites img 	{ aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: 10px; border-top-left-radius:10px; border-top-right-radius:10px; }
.card-activites-body 	{ padding: 10px 5px; }
.card-activites h3 		{ font-size:20px; font-weight:600; color:#000!important; margin-bottom:13px; }
.card-activites p 		{ font-size:17px; font-weight:300; color:#000!important; }



.hero-section, .hero-container, .hero-image { height: 600px; }
.hero-section 		{ position: relative; width: 100%; overflow: hidden; }
.hero-container 	{ position: absolute; top: 0; left: 0; width: 100%; }
.hero-image 		{ position: absolute; top: 0; left: 0; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-overlay 		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.hero-content 		{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; z-index: 2; }
.hero-content h1 	{ font-size: 3rem; font-weight: bold; margin: 0; }

.programme h2 { font-size:24px; margin-bottom:25px!important; margin-top:10px!important; }
.programme h3 { font-size:20px; margin-bottom:25px!important; margin-top:30px!important; }
.programme h4 { font-size:19px; margin-bottom:25px!important; margin-top:30px!important; }
.programme h5 { font-size:19px; margin-bottom:25px!important; margin-top:30px!important; }
.programme ul { margin-bottom:15px!important; }
.programme p  { margin-bottom:15px!important; }

.page-content		{ padding: 30px 15px; }
.page-content h2 { font-size:26px; margin-bottom:50px!important; margin-top:60px!important; color:#000000; font-weight:600; text-align:center; }
.page-content h3 { font-size:20px; margin-bottom:25px!important; margin-top:40px!important; text-align: center; }
.page-content h4 { font-size:19px; margin-bottom:25px!important; margin-top:30px!important; text-align: center; }
.page-content h5 { font-size:19px; margin-bottom:25px!important; margin-top:30px!important; text-align: center; }
.page-content ul { margin-bottom:15px!important; }
.page-content p  { margin-bottom:15px!important; }
.page-content h2:first-of-type { margin-top:0px!important; }

.wpcf7 { background-color: var(--orange); color: #fff; border-radius:5px;}
.form-container { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem; }
.wpcf7-form { padding: 20px 8px; }
.wpcf7-form label, .wpcf7-form input, .wpcf7-form textarea { width: 100%; border-radius:4px!important; }

.wpcf7-form input[type=submit] { transition-duration:0.3s; background-color: #fff; color:var(--orange); padding: 8px; border:solid 1px #fff; }
.wpcf7-form input[type=submit]:hover { background-color: var(--orange); color:#fff; }
#contact-infos a {color:var(--orange)!important;}
#contact-infos a:hover { text-decoration:underline!important; }

#map { min-height:400px; height:90%; width:100%; border:solid 4px var(--orange); border-radius:5px;}


/* ========================================================================================================================== */
/* ===== FOOTER ===== FOOTER ===== FOOTER ===== FOOTER ===== FOOTER ===== FOOTER ===== FOOTER ===== FOOTER ===== FOOTER ===== */
/* ========================================================================================================================== */

footer 					{ color:#1f3159!important; font-size:16px; background-color: #dddacd!important;  }

footer p 				{ font-size: 19px !important; color: #d96500 !important; }
footer img				{ max-width:40px; }
footer a 				{ font-size:13px!important; color:#1f3159!important; }
footer ul a 			{ padding-right:6px; font-size:13px; }

#subsubFooter p			{ font-size:12px!important; text-align:center;}
#subsubFooter a			{ font-size:12px!important; text-align:center;}
#subsubFooter a:hover	{ color: rgba(255,255,255,1);}


/* ============================================================================================================================= */
/* ===== MEDIA QUERIES ===== MEDIA QUERIES ===== MEDIA QUERIES ===== MEDIA QUERIES ===== MEDIA QUERIES ===== MEDIA QUERIES ===== */
/* ============================================================================================================================= */

@media (min-width: 850px) 	{
	.container { max-width: 820px; }
	.no-customize-support main { max-width:820; margin:auto; }
}

@media (min-width: 992px) 	{
	.container { max-width: 960px; }
	.no-customize-support main { max-width:960px; margin:auto; }
	.menu { display:flex!important;	}
	.nav-list { display: block !important; }
}
@media (min-width: 1400px) 	{
	.container { max-width:1320px; }
	.no-customize-support main { max-width:1320px; margin:auto; }
}