/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
Noir :      #41454D
VertCLair : #C6D360
VertFoncé : #A6B77F
Bordeau :   #9C4434
*/

/* Déclaration des variables CSS */
:root {
    --primary-color: 	#9C4434; 	/* Bordeau Couleur primaire */
    --secondary-color: 	#A6B77F; 	/* VertFoncé Couleur secondaire */
    --accent-color: 	#C6D360; 	/* VertCLair Couleur d'accent */
    --text-color: 		#41454D;  	/* Noir Couleur du texte */
    --background-color: #F0F0F2;	/* Gris Couleur de fond */
}

/* Les couleurs */
body {
    color: var(--text-color);
}
.site-content-contain {
    background-color: var(--background-color) !important ;
}
h2 {
    color: var(--primary-color);
}
h3, h4, h5, h6 {
	color: var(--secondary-color);
	margin-left: 1em;
}
button, input[type="button"], input[type="submit"] {
    background-color: var(--accent-color);
}

/* Les typos */

h2, h3, h4, h5, h6 {
    font-family: cursive;
    letter-spacing: 0.1em;
}

body, button, input, select, textarea {
    color: var(--text-color);
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

h3 {
	color: var(--secondary-color);
	margin-left: 1em;
	border-bottom:1px dotted var(--text-color);
}

nav#site-navigation {
    display: inline-flex;
}
	/* apparencee content */
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
		display: grid;
		max-width: 100% %;
	}
	body.page-two-column:not(.archive) #primary .entry-header, body:not(.twentyseventeen-front-page) .entry-header {
		float: none;
		width: 100%;
	    border-bottom: 1px solid #000;
	    padding-bottom: 32px;
	}
	body.page-two-column:not(.archive) #primary .entry-content {
		float: none;
		width: 100%;
	}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title,  .single-post .entry-title, .page .entry-title{
	    color: #222;
	    font-size: 14px;
	    font-size: 1.8rem;
	    font-weight: 100;
	    letter-spacing: 0.14em;
	    text-transform: inherit;
	}
	.wp-block-quote:not(.is-large):not(.is-style-large) {
	    margin-left: 20PX;
	    padding: 0 30px;
	    border-left: 1px solid #000;
	}
    body, button, input, select, textarea {
        font-size: 16px;
        font-size: 1.1rem !important;
        line-height: 1.7 !important;
    } 

/* modification de la répartition des pages */
@media screen and (min-width: 48em) {
    .wrap {
        max-width: 90%;
        padding-left: 3em;
        padding-right: 3em;
    }
    .has-sidebar:not(.error404) #primary {
        float: left;
        width: 70%;
    }
    .has-sidebar #secondary {
        float: right;
        padding-top: 0;
        width: 23%;
    }
		body.page-two-column:not(.archive) #primary .entry-header {
		margin-left:-50px;
	}
		body.page-two-column:not(.archive) #primary .entry-content,  {
margin-left:190px;
			max-width:80%;
			margin-top: 3em;
	}
	body:not(.twentyseventeen-front-page) .entry-content{
margin-left:190px;
			max-width:80%;
		margin-top: 3em;
	}
}

@media screen and (MAX-width: 48em) {
	nav#site-navigation {
    display: block; !IMPORTANT
}
}
.page-title{
	    font-size: 2.5rem;
}