/*
Theme Name:  Hestia child
Template: 	 hestia
Theme URI:	 https://wordpress.org/themes/bravada/
Author:		 ChildThemeWP
Author URI:	 https://childthemewp.com
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: hestiachild
*/

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
/*@import url('style_espace_admin.css');*/
@import url('editor-style.css');

:root {
  --couleur-1: #007ec4; /* Bleu */
  --couleur-2: #c9d227; /* Vert */
  --couleur-3: #888; /* gris foncé */
  --couleur-4: #3027d2; /* Bleu complémentaire au vert */
  --couleur-5: #0268a0; /* Bleu hover */
  --couleur-6: #14b312; /* Vert ok */
	
  --primColor: #dcdcdc;
  --secoColor: #555555;
  --cornerRad: 4px;
}
/*
body {
  background-color: var(--couleur-1);
}
*/


/* font-family: "Rethink Sans", sans-serif; */


/* ==========================================================================
Généralité
========================================================================== */

@media (min-width: 992px) {
	.responsive {
		display: none;
	}
}
@media (max-width: 992px) {
	.desktop {
		display: none;
	}
}
ul, ol, .blog-post .section-text p, output {
    line-height: 1.5;
}
.page-content-wrap, .page-content-wrap dl, .page-content-wrap ol, .page-content-wrap table, .page-content-wrap ul, .page-template-template-fullwidth article, .page-template-template-fullwidth article dl, .page-template-template-fullwidth article ol, .page-template-template-fullwidth article table, .page-template-template-fullwidth article ul, 
.page-template p, .bloc_donnees {
    font-size: 1.3rem;
}
.single-post-wrap, .single-post-wrap dl, .single-post-wrap ol, .single-post-wrap table, .single-post-wrap ul {
    font-size: 1.4rem;
}
a:not(.btn):not(.button):not(.added_to_cart):hover {
    opacity: 1;
	text-decoration: none;
}

.blog-post,
.wrapper.classic-blog {
    background: #ecedf1;
}
.main {
    position: relative;
    background: none;
}
.pt_5 {
	padding-top: 5px;
}
.pt_20 {
	padding-top: 20px;
}
.escamoter {
	display: none;
}
h2.h2_titre_principal {
	font-size: 20px;
}
.page-content-wrap h2, 
.single-post-wrap h2, h2 {
    font-size: 25px !important;
    margin: 0 0 25px !important;
    color: #666;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}
.pad_30 {
	padding: 30px;
}
.container_general {
    /* background: #fff; */
    padding-top: 30px;
}

.bloc_blc {
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%);
    margin-bottom: 20px;
}
.bloc_gris {
    border: solid 1px #ddd;
    padding: 10px;
    background: #efefef;
    margin-bottom: 10px;
}

.bouton_plus {
    margin-top: 50px;
    margin-bottom: 30px;
}
.bouton_bleu,
button {
    padding: 10px 20px;
    margin: 5px 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 12px;
    color: #fff !important;
    border: 2px solid var(--couleur-1) !important;
    background: var(--couleur-1) !important;
    text-align: center;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    text-transform: none;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12) !important;
}
.bouton_bleu:hover,
button:hover {
    background: var(--couleur-1) !important;
    color: #fff !important;
    box-shadow: 0 10px 6px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

.main-raised {
    margin: -60px 30px 0;
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0), 0 6px 30px 5px rgba(0, 0, 0, 0), 0 8px 10px -5px rgba(0, 0, 0, 0);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0), 0 6px 30px 5px rgba(0, 0, 0, 0), 0 8px 10px -5px rgba(0, 0, 0, 0);
}

.main-raised {
    margin: 0 0 60px !important;
}
.section {
    padding: 30px 0;
}

.colonnes_3 {
    column-count: 3;
}


/* ==========================================================================
Header
========================================================================== */

body, html {
	font-family: "Open Sans", sans-serif;
	color: #000;
	font-weight: 400;
}
.navbar-default {
    background-color: var(--couleur-1) !important;
    border-color: #e7e7e7;
}

.page-template-page-adherer h1.hestia-title.title-in-content {
	display: none;
}

.navbar-header,
.sbloc_top_header {
	display: flex;
}
.section_footer .sbloc_top_header {
	justify-content: center;
}
.navbar-header {
	/* width: 100%; */
}

.navbar-default .navbar-text,
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
	text-decoration: none !important;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
}
.navbar .navbar-nav > li > a {
    font-weight: 500;
	text-transform: none;
	font-size: 1.5rem;
	text-decoration: none !important;
}
.navbar > .container.desktop {
    padding-top: 0;
}
@media (max-width: 768px) {
	.navbar > .container.pad_0 {
		padding: 0 15px;
	}
	.navbar .navbar-nav .dropdown a .caret {
		border: 0px solid #555;
		border-radius: 2px;
		box-sizing: content-box;
		color: #555;
		cursor: pointer;
		display: inline-block;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		height: 30px;
		margin-left: 0;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 10px;
		width: 30px;
		z-index: 100;
	}
}
.navbar .navbar-nav > li a {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
    color: inherit;
	text-decoration: none;
}
.navbar .navbar-nav > li a::after {
    content: "";
    display: block;
    width: 0; /* Commence avec une largeur de 0 */
    height: 5px;
    background-color: var(--couleur-2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    transition: width 0.3s ease; /* Durée et type de transition */
}

.navbar .navbar-nav > li.current-menu-item > a::after,
.navbar .navbar-nav > li.current-menu-ancestor > a::after,
.navbar .navbar-nav > li.current-menu-parent > a::after {
    width: 60px; /* La largeur souhaitée lorsque l'élément est actif */
}

.navbar .navbar-header .navbar-brand img {
    width: auto;
    max-height: 60px;
	padding-top: 5px;
}
.sbloc_top_header {
	margin-left: auto;
}
#footer_menu_secondaire {
	margin-bottom: 20px;
}
.wrapper_top_bar {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-column-gap: 80px;
	overflow-wrap: anywhere;
	grid-template-areas:  "top_reseau top_mon_compte";
	justify-content: end;
    padding: 0 30px;
}

#menu_top_header li,
#menu_bottom_footer li {
	display: inline-block;
}
#menu_top_header li a {
	color: #000 !important;
	line-height: 50px;
	margin-left: 20px;
	font-weight: 500;
}
#menu_bottom_footer li a {
	color: #fff !important;
	line-height: 15px;
	margin-right: 20px;
	font-weight: 500;
}
@media (max-width: 768px) {
	body.admin-bar .navbar {
		margin-top: 0;
	}
}
@media (min-width: 769px) {
	#main-navigation.navbar-collapse.collapse {
		/* display: none !important; */
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
	
	.navbar-toggle-wrapper .navbar-toggle {
		display: block;
	}
	.navbar-header {
		/* float: none !important; */
	}
}
@media (min-width: 992px) {
	#main-navigation.navbar-collapse.collapse {
	/*	display: none !important; */
	}
	body.admin-bar .navbar {
		margin-top: 45px;
	}
	.navbar-toggle-wrapper {
		width: 0;
		margin-left: 0;
	}
	.container>.navbar-collapse {
		margin-right: auto !important;
	}
	.navbar-toggle-wrapper .navbar-toggle {
		display: none;
	}
	
	.navbar-header {
		float: left;
	}
}
@media (max-width: 991px) {
	.navbar > .container.desktop {
		display: none;
	}
	.container>.navbar-header {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.bloc_top_header_bis {
		display: flex;
		justify-content: flex-end;
	}
	.sbloc_top_header {
		flex-wrap: wrap;
	}
	.container .navbar-header {
		width: 100%;
		display: flex;
		margin: 0 auto;
	}
	.navbar > .container {
		transition: padding 0.1s ease;
		padding: 10px 15px;
		align-items: center;
		display: block;
	}
	.navbar .navbar-header .navbar-brand img {
		width: auto;
		max-height: 65px;
		padding-top: 10px;
	}
	#menu_top_icones {
		margin-left: auto;
		margin-right: auto;
		padding-top: 7px;
	}
	.responsive #menu_top_header li a {
		color: #000 !important;
		line-height: 20px;
		margin-left: 20px;
		font-weight: 500;
		margin-top: 20px;
		display: inline-block;
	}
}
.header-filter-gradient {
    background: #fff !important;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 0;
    border-bottom: 1px solid #eee;
}
.page-header.header-small {
    min-height: 130px;
    position: relative;
    height: auto;
}
.page-header.header-small .container {
    padding-top: 50px !important;
    padding-bottom: 10px !important;
}
@media (min-width: 769px) {
    .page-header.header-small .hestia-title, 
    .page-header.header-small .title, h1.hestia-title.title-in-content, 
    .main article.section .has-title-font-size {
        font-size: 28px !important;
        font-weight: 500;
    }
}
.page-header .container, 
.page-header .author, .page-header .author a, 
.page-header .hestia-title, .page-header .title, 
.page-header .description {
    color: var(--couleur-1) !important;
}



/* ==========================================================================
Footer
========================================================================== */


#section_footer_principal {
    /* display: none; */
}
footer.footer {
    background: #333;
}
.footer-big p {
    color: #ccc;
}
.footer-big p a {
    color: #ccc;
    text-decoration: underline;
}


/* ==========================================================================
Interface de test des mots
========================================================================== */

.div-mots-test {
    padding: 10px 30px;
    border: solid 1px #999;
    text-align: center;
    background: #e3eaf4;
    border-radius: 25px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.mot-fr {
    display: inline-block;
    padding: 5px 20px;
    margin: 10px 0 15px;
    background: #eee;
    border: solid 4px #aaa;
    border-radius: 18px;
}
.txt_medium {
    font-size: 14px;
    font-weight: 500;
}
.col_2 {
    column-count: 2;
}
#form-traduction {
    margin: 15px 0;
}
#traduction {
    min-height: 42px;
    padding: 10px 45px;
    margin: 20px 0;
}
#traduction.ko {
	background: #f5cece url('imgs/ico_ko.png') no-repeat top 10px left 10px;
    border: solid 1px #f73358;
}
#traduction.ok {
	background: #d6ebce url('imgs/ico_ok.png') no-repeat top 10px left 10px;
    border: solid 1px #44d060;
}

.divm-progress {
    height:12px;background:#eee;border-radius:999px;overflow:hidden
}
.divm-progress-bar {
    height:100%;width:0%;background:#2f86eb;transition:width .3s ease
}
.divm-progress-label {
    margin-top:.5rem;font-weight:600
}

.reinit {
    margin-top: 25px;
}


/* ==========================================================================
Info importante
========================================================================== */

.wrapper_info_importante {
	background: #f9f4d6 url('imgs/ico_important.png') no-repeat top 10px left 10px;
    padding-left: 55px;
    margin: 20px 0;
    border: solid 2px var(--couleur-5);
}
.contenu_info_importante {
    padding: 15px 30px;
}
.contenu_info_importante,
.contenu_info_importante p {
    font-size: 14px;
}
.contenu_info_importante a {
    text-decoration: underline;
    font-weight: bold;
}



/* ==========================================================================
Page Accueil
========================================================================== */


@media (min-width: 769px) {
	
}



/* ==========================================================================
Blocs
========================================================================== */

.bloc_data_blanc {
    background: #fff;
    margin-bottom: 20px;
    border: solid 1px #ddd;
}
.bloc_data_blanc h3 {
    background: #f3f3f3;
    border-bottom: solid 1px #ddd;
    padding: 10px;
    margin-bottom: 0 !important;
    font-size: 16px;
    margin-top: 0 !important;
}
.bloc_data_contenu {
    display: block;
    width: 100%;
    padding: 10px 10px;
    line-height: inherit;
    color: #333;
    border: 0;
}