/*
Theme Name: bvc
Description: Theme enfant twenty seventeen pour Beatrix Von Conta
Author: phl
Author URI: https://www.pourcelot.fr
Template: twentyseventeen 
Version: 0.1.0
*/
/* CSS Document */
button{font-weight:normal!important;}

.menu-toggle:link,.menu-toggle:visited,.menu-toggle:hover,.menu-toggle:active,{background-color:#CCC!important;}
#top-menu:link,#top-menu:visited,#top-menu:hover,#top-menu:active,{background-color:#CCC!important;}
#zip-ai-sidebar{display:none;}

.site-description{font-family: 'Source Sans Pro', sans-serif;; font-size:2em;}
.site-header{background-color:#fff;}
.custom-header{margin-bottom:0!important;}
.entry-footer, .entry-header{display:none!important;}
.wrap aside, .wrap .site-info{display:none;}
.wrap{max-width:1200px; padding-left:0; padding-right:0;}
/*.site-content-contain{padding-right:2em; padding-left:2em;}*/
.page-template-page-interieur #site-content-contain{padding-right:2em; padding-left:2em;}
/*.page-template-page-interieur .wrap{padding-left:2em; padding-right:2em;}*/
.page-template-page-interieur #main{padding-left:2em; padding-right:2em;}
.page-template-default #content{padding-right:2em; padding-left:2em;}

.site-header .menu-scroll-down{display:none!important;}
.site-branding-text{position:fixed; top:0px;width:100%; left:0; background-color:rgba(250,250,250,1);height:47px;}
.site-title{font-family: 'Source Sans Pro', sans-serif; font-size:2em;text-align:center;margin-top:1px;}
.page-template-page-interieur .site-title{font-family: 'Source Sans Pro', sans-serif; font-size:2em;text-align:center;margin-top:6px;}
.site-title a{color:#057ea3!important;}
.site-description{padding-left:4px; margin-top:-20px;display:none;}
.custom-header-media::before{background-image:none!important;}
.quartel{max-width: 40%;margin: auto;}
/* navigation */
.main-navigation > div > ul {text-align:center;}
.navigation-top{background-color:#eee; border-bottom:1px solid #ddd;}
.navigation-top a{font-weight:normal;}
/* images */

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {-webkit-backdrop-filter:none; backdrop-filter:none;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:none; color:#222; text-shadow:none; bottom:0px}
.spectra-image-gallery__control-lightbox--caption{background:none;}
.spectra-image-gallery__control-lightbox--main .swiper-slide img {display: block;max-height: 90%; max-width: 100%;}
.uagb-block-e2af6624 + .spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--caption {color: #555555; background: none;}
.spectra-image-gallery__control-lightbox--close{transform:scale(1.7);}
:not(.mejs-button)> button:link, :not(.mejs-button)> button:visited, :not(.mejs-button)> button:hover, :not(.mejs-button)> button:active{background:#eee;}
/* pages intérieures */
.page-template-page-interieur .site-branding-text{height:60px;}
.page-template-page-interieur header h1{display:none;}
.page-template-page-interieur .navigation-top{position:fixed; top:60px; height:70px;}
.page-template-page-interieur .site-branding-text{background-color:rgba(250,250,250,1);}
.page-template-page-interieur .site-branding-text{position:fixed; top:0px;width:100%; left:0; background-color:rgba(250,250,250,1);}
.page-template-page-interieur .wp-block-image figcaption{transform:translatey(-67px);line-height:1.1em;}


/* footer */
footer{background-color:#333; color:#999; padding:15px 0px ; text-align:center; margin-top:-5px; line-height:1em!important;}
#contenu-footer{display:inline-grid; grid-template-columns:30% 40% 30%; width:100%;}
.footer-contenu{}
.liensFooter{width:50%; margin:auto;  padding-bottom: 20px; padding-top:10px;}
footer a{color:#ccc; text-decoration:none;}
footer a:hover{color:#eee; cursor:pointer;}
footer p{padding:0 15px 0 15px;}
#pourcelot{text-align:right; margin-top:-125px; opacity:0.8; width:50px; position:absolute; right:0;/*filter:alpha(opacity=50);*/}
#pourcelot:hover{opacity:1;}
#lienSitePhl{display:inline-block;height:20px;}
.boutonFooter a{ display: inline-block; margin-top:15px; margin-left:10px; padding:10px 10px; background-color:#333; border:solid 1px #AAA; text-align:center; text-decoration:none; border-radius:3px; color:#CCC; font-size:0.8em; text-decoration:none!important;}
.boutonFooter a:hover{border-radius:3px 3px 30px 3px; background-color:rgba(250,250,250,0.1); -webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
footer h1{font-size:1em;}
footer h2, footer h3{font-size:1em; color:#ccc;}
.social-navigation{display:none;}
#pourcelot{text-align:right; margin-top:-130px; opacity:0.8;}


/* Make It easy retour to the top */
#makeiteasy-back-to-top>div{height:50px; width:50px; background-image:url("images/toutEnHaut.png");background-position:center; opacity:0.6;transition: all 0.5s ease-out;}
#makeiteasy-back-to-top>div:hover{opacity:1;}
#makeiteasy-back-to-top>div a {background-color:transparent;margin-top:0;}
#makeiteasy-back-to-top>div a img{display:none;}
#retourTop{display:none; position:fixed; bottom:5px;right:5px; cursor:pointer;z-index:8889; opacity:0.3;
transition: all 0.5s ease-out; }
#retourTop:hover{opacity:0.8;}
#retourTop img{transform:scale(0.9);}

/* quelques classes facilitantes */
.toutPetit{font-size:0.6rem;}
.petit{font-size:0.8rem;}
p strong, .uagb-ifb-title-wrap strong{color:#888;}

/*annonce*/
#annonce{margin-top: 40px; position: absolute; width: 100%; background-color: #999; z-index: 1; line-height:1.5; /*display:none;*/transition: all 0.5s ease-out; color:#fff;}
#popFermeture{text-align:center; cursor:pointer; width:50px; height:50px; top:25px; right:5px; position:absolute; background-image:url('images/fermer2.png');background-repeat:no-repeat; transform: scale(0.8); }
#popUp{ padding-left: 25%; padding-right: 25%; padding-top: 20px; padding-bottom: 20px; }
#popInterieur .wp-block-button .wp-block-button__link{margin-top:0; width:140px; font-weight:normal;background-color:#057ea3; padding:5px; margin-top:10px; border-radius:5px;}
#popInterieur .uagb-button__wrapper{text-align:center; margint-top:20px;}
#popInterieur p{margin-bottom:0;}
#annonce p strong{color:#fff;}
.annonceSupression{margin-top:-350px!important;}
/* formulaire  CSS incluses directement dans la page WP*/
/*#wpcf7-f2372-p1322-o1{width:60%; margin:auto;}
input[type="text"] ,input[type="email"], input[type="textarea"]	{border:solid 1px #999!important; color:#222; font-size:1rem;height:2rem;}
.wpcf7 textarea{border:solid 1px #999!important; color:#222; font-size:1rem;height:8rem;}
#avertissement{display:block;line-height:0.8rem;}
#quiz{line-height:1rem; display:block;}
#quizz{max-width:160px;}
.notesBasDePage{line-height:1.4em;}
label{font-weight:normal!important;font-size: 0.8em;}
input[type=\"submit\"]{background-color:#057ea3!important; border-radius:5px!important;}
wpcf7-list-item {line-height:1.1em;}
#wpcf7-f2372-p1322-o1{width:60%; margin:auto;}
input[type=\\\\\\\\\\\\\\\"text\\\\\\\\\\\\\\\"] ,input[type=\\\\\\\\\\\\\\\"email\\\\\\\\\\\\\\\"], input[type=\\\\\\\\\\\\\\\"textarea\\\\\\\\\\\\\\\"]	{border:solid 1px #999!important; color:#222; font-size:1rem;height:2rem;}
.wpcf7 textarea{border:solid 1px #999!important; color:#222; font-size:1rem;height:8rem;}
#avertissement{display:block;line-height:0.8rem;}
#quiz{line-height:1rem; display:block;}
#quizz{max-width:160px;}
.notesBasDePage{line-height:1.4em;}
label{font-weight:normal!important;font-size: 0.8em;}
input[type=\"submit\"]{background-color:#69B7CF!important; border-radius:5px!important;}*/
@media screen and (min-width: 30em) {
  .site-branding {padding:0;}
}

@media screen and (min-width: 48em){
	.entry-content{width:100%!important; float:none!important;}
	 body, button, input, select, textarea {font-size: 1.1rem; line-height: 2;}
}
@media screen and (min-width: 800px){
	.wp-block-gallery.has-nested-images figure.wp-block-image img{max-width:75%!important;}
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{max-width:75%}
	}
@media screen and (max-width: 1250px){
.swiper-button-next, .swiper-button-prev{display:none;}

}

@media screen and (max-width: 760px){
	.site-title{font-size:1.3em;}
	.site-branding-text{height:30px; border-bottom: solid 1px #ccc;}
	.site-footer{font-size:0.8rem!important;}
	#contenu-footer{display:block;}
	#top-menu{background-color:#ddd;}
	.path1{fill:#666;}
	.page-template-page-interieur .wrap{margin-top:50px;}
	.page-template-page-interieur .navigation-top{z-index:30;height:50px; width:100%;top:45px;}
	.page-template-page-interieur .wp-block-group{display:block;}
	:not(.mejs-button) > button:hover, :not(.mejs-button) > button:focus{background-color:#ddd;}
	/*.page-template-page-interieur .navigation-top{margin-top:-30px;}*/
	.page-template-page-interieur #site-navigation{margin-top:-50px;}
	.page-template-page-interieur #top-menu{margin-top:-5px;}
	#makeiteasy-back-to-top{display:none;}
	
	#galerieAccueil, #galerieOeuvres{column-count:1;}/* ancres ajoutés directement dans la page WP*/
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{line-height:1em;}
	#annonce{margin-top:0px; z-index:5;}
	.page-template-default .site-branding-text{transform:translatey(55px); position:relative;}
	.page-template-page-interieur .site-branding-text{height:60px;margin-top:-5px;}

}
@media screen and (max-width: 480px){
.page-template-default .site-branding-text{position:relative; transform:translatey(16px);}
}
@media screen and (max-width: 400px){
	#annonce{margin-top:0;}
	.page-template-page-interieur .navigation-top{top:0;}
	.page-template-page-interieur .site-branding{display:none;}
}