/*
Theme Name: Twenty Seventeen Child
Theme URI: Atelier-wp/wp-content/themes/twentyseventeen-child/
Description: thème enfant basé sur Twenty Seventeen
Author: Gerard Sacripanti
Author URI: https://emilie-ricour.fr
Template: twentyseventeen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Enfant du theme Twenty Seventeen 
Text Domain: twentyseventeen-child
*/
/* Polices de caractères */
@font-face {
    font-family:'Dancing Script';
    src: url('wp-content\themes\twentyseventeen-child\fonts\Dancing Script Regular.eot');
	src: url(wp-content\themes\twentyseventeen-child\fonts\Dancing Script Regular.eot?#iefix') format('embedded-opentype'),
		url('wp-content\themes\twentyseventeen-child\fonts\Dancing Script Regular.woff2') format('woff2'),
		url('wp-content\themes\twentyseventeen-child\fonts\Dancing Script Regular.woff') format('woff'),
		url('wp-content\themes\twentyseventeen-child\fonts\Dancing Script Regular.svg#Dancing Script Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0327;
}
.content-area, .navigation-top {
	font-family:'Dancing Script' !important;	
	font-style: italic;
	font-size: larger;
}
/* =========================================================================================================*/
.site-content{
	padding: 2.5em;
	}	
.page.page-one-column .entry-header.entry-header {
	margin-bottom: 0px;		
	}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: inherit;
}
.page-one-column .panel-content .wrap {
    max-width: 1024px;
}
body.has-header-image .site-description {
	opacity: 1;
	text-align: right;
}

/* GESTION DU TITRE */
/*==================*/
.site-title {
    /*font-family: "Engravers MT", "Helvetica Neue", helvetica, arial, sans-serif !important;*/
	text-shadow: 2px 2px 2px #ddd;
	font-size: 3rem !important;
}
.site-description {
    font-size: 1.5rem !important;
	*text-shadow: 1px 1px 1px #fff;
	text-align: right;
	}
.entry-title {
	/*font-family: "Engravers MT", "Helvetica Neue", helvetica, arial, sans-serif !important;*/
	text-shadow: 1px 1px 1px #ddd;
	font-size: 1rem !important;
	color: #886A08 !important;
	text-align:center;
	font-style: normal;
	}
.entry-content {
	color: #886A08 !important;
	text-align:justify;
	}

@media screen and (min-width: 48em){
	.site-title {
		font-size: 3rem !important;
		text-shadow: 3px 3px 3px #ddd;
		}
	.site-description {
		font-size: 1.5rem !important;
		text-shadow: 1px 1px 1px #fff;
		text-align: right;
		}
	.entry-title {
		text-shadow: 2px 2px 2px #ddd;
		font-size: 2rem !important;
		}
	}
/* =========================================================================================================*/
/* COULEURS DU FOND et DES LETTRES */
/*=================================*/
body.colors-dark, .colors-dark .site-content-contain, .colors-dark .navigation-top, .colors-dark .main-navigation ul {
    background: #262626 /*#423827*/  !important;
}
body.colors-dark, .colors-dark button, .colors-dark input, .colors-dark select, .colors-dark textarea, .colors-dark h3, .colors-dark h4, .colors-dark h6, .colors-dark label, .colors-dark .entry-title a, .colors-dark.twentyseventeen-front-page .panel-content .recent-posts article, .colors-dark .entry-footer .cat-links a, .colors-dark .entry-footer .tags-links a, .colors-dark .format-quote blockquote, .colors-dark .nav-title, .colors-dark .comment-body {
    color: antiquewhite !important;
}
/* === Général GS( utilisé pour les diverses mises en page === */
.gs_float_right {
	float: right;
}
.gs_float_left {
	float: left;
}
.gs_clear_both {
	clear: both;
}
.gs_justify {
	text-align: justify;
}
.gs_gras {
	font-weight: bold;
}
.gs_souligne {
	text-decoration: underline;
}
.gs_margin_l{
	margin-left: 3%;
}
h3 {
	color: #bc6657;
	font-style: oblique;
}
/* =========================================================================================================*/
/* === Css Formulaire de contact === */
/* === Mise en page */
.gs_contact {
	background-color: transparent;				/* modifié pour theme dark (light gray) */
	display: inline-block;
	border-radius: 10px;
	margin: 7px 5% 7px 5%;
	padding: 7px 5% 7px 5%;
}
.gs_float_left_contact {
	margin: auto;								
	display: block;									
	background: #bbb;							/* modifié pour theme dark (light gray) */		
	max-width: 90%;
	border-radius: 10px;
	padding: 2% 3% 2% 3%;
}
.gs_float_left_contact label{
	margin-bottom: 0;	
	color: #333 !important;					/* ajouté pour thème dark */
}
.wpcf7-form-control-wrap input {
	padding: 0;	
}
.wpcf7-file, .wpcf7-list-item-label, .colors-dark textarea, .colors-dark label input {
	color: #333 !important;					/* ajouté pour thème dark */
}
.colors-dark pre, .colors-dark mark, .colors-dark ins, .colors-dark input[type="text"], .colors-dark input[type="email"], .colors-dark input[type="url"], .colors-dark input[type="password"], .colors-dark input[type="search"], .colors-dark input[type="number"], .colors-dark input[type="tel"], .colors-dark input[type="range"], .colors-dark input[type="date"], .colors-dark input[type="month"], .colors-dark input[type="week"], .colors-dark input[type="time"], .colors-dark input[type="datetime"], .colors-dark input[type="datetime-local"], .colors-dark input[type="color"], .colors-dark select, .colors-dark textarea, .colors-dark fieldset {
	background: #eee !important;
	border-radius: 10px
}
.colors-dark input[type='text']:focus, .colors-dark input[type='email']:focus, .colors-dark input[type='url']:focus, .colors-dark input[type='password']:focus, .colors-dark input[type='search']:focus, .colors-dark input[type='number']:focus, .colors-dark input[type='tel']:focus, .colors-dark input[type='range']:focus, .colors-dark input[type='date']:focus, .colors-dark input[type='month']:focus, .colors-dark input[type='week']:focus, .colors-dark input[type='time']:focus, .colors-dark input[type='datetime']:focus, .colors-dark input[type='datetime-local']:focus, .colors-dark input[type='color']:focus, .colors-dark textarea:focus, .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border-color: #0f0 !important;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit{
	color: saddlebrown !important;		
}

/* =========================================================================================================*/
/* === Css Références === */
/* === Mise en page */

.page_references h2{
	
	}
.page_references p{
	
	}

/* =========================================================================================================*/
/* === Css avant-Après === */
/* === Mise en page du texte  'afficher les photos en grand dans les pages avant/après' === */

.avant_après p, .avant_après li{
	color: antiquewhite !important;
	}
.gs_photo_exemple {
	clear: both;
	/*text-align: right;*/
	}
.gs_photo_exemple2 {
	background-color: #eee;
	display: inline-block;
	border-radius: 10px;
	padding: 7px;
	margin-top: 5%;
	}
.gs_photo_exemple2 p{
	display: inline;
	font-style: oblique;
	}
.ngg-thumbnail img{
	border: 0px !important;
	}
.ngg-description {
	float: right;
	}
.ngg-album-gallery-image-counter{
    display: block !important;
	}
p.ngg-album-gallery-image-counter {
    font-size: 12px  !important;
    margin: 0em 0em 4em  !important;
	text-align: center;
	}
.ngg-album-compact {
	max-width: 260px;
	}	
.ngg-album-compact h4{
	color: antiquewhite !important;
	}	
a.ngg-album-desc {
	display: inline !important;
	color: antiquewhite !important;	
	}
.ngg-albumoverview{
	margin: 0 !important;
	}
.ngg-gallery-thumbnail-box{
	text-align: center;
	}
.ngg-gallery-thumbnail {
	background-color: transparent !important;
	border: none;
    text-align: center !important;
	color: antiquewhite;
	max-width: auto !important;
	display: inline-block;
	padding :auto;
	}
.ngg-gallery-thumbnail a {
	margin: auto;
	display: inline;
	}
.ngg-gallery-thumbnail span {
	padding-top: 10px;
	padding-bottom: 25px;
	}
.ngg-gallery-thumbnail span {
	text-align:justify !important;
	}
a.ngg-fancybox {
	-webkit-box-shadow: inset 0 0px 0 rgb(240 240 240) !important;
	box-shadow: inset 0 0px 0 rgb(240 240 240) !important;
	}
@media screen and (min-width: 48em){
    
}
/* =========================================================================================================*/
/* === Couleur rouge des textes === */ 
.gs_red, .gs_photo_exemple2,							/* pages perso et pied de page 1 */
.start-date, .end-date, .event-date, .event-title h3 a,	/* gestion des evenements */
.gm-style div, .gb-author-info,							/* gestion du livre d'or */
.menu-item a, 											/* menu general */
body.page:not(.twentyseventeen-front-page) .entry-title	/* Titre des pages */
	{
	color: red; /*#c36154  #c46255; */
	}

/* === Changer la couleur de fond du pied de page === */
/*
/ *#colophon {												supprimer pour color dark
	background: lightgray;
	}*/
/* === Couleur de fond des icones réseaux sociaux === */
.icon.icon-facebook {
	fill: #fff;
}
/* === Mise en page 'Nous rencontrer' === */
.textwidget {
	background-color: white;
	text-align: center;
	border-radius: 12px;
	}
.gs_widget_bas_page {
	color: saddlebrown !important;	
}
.gs_cache {                        		/* lire : caché - utilisé dans widget pied de page 1 */
	font-size: 0px;                    /* rendre invisible les mots clés dans le pied de page */
	color: transparent;
	}

/* === Concerne la mise en page de la gestion d'evenements === */
.event-details  {
	margin-top : 1em;
	}
.event-details figure {
	margin-top : 0;
	}

/* =========================================================================================================*/
/* GESTION D'UN BUG */
/*==================*/
#panel1 {
    display: none;
	}
/* Centrage des widgets footers */
/*==============================*/
.widget-column {
    text-align: center;
	}
/* Arrondi des images pied de page */
/*=================================*/
#media_image-2 img{
	border-radius: 15px;
	}
#media_image-3 img{
	border-radius: 15px;
	}
/* Couleur police menu */
/*=====================*/
.menu-menu-superieur-container a{
	color: antiquewhite !important;
	}