/*
 Theme Name:   Block-Lite Child
 Theme URI:    https://gladys.fr
 Description:  Block-Lite Child Theme pour Gladys
 Author:       Vladimir Slonska-Malvaud
 Author URI:   https://www.vslonskamalvaud.fr
 Template:     block-lite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  gladys
*/

/************************************************
2.	NAV
************************************************/
#nav-bar.block-lite-bg-dark .menu a, #nav-bar.block-lite-bg-dark .menu a:link, #nav-bar.block-lite-bg-dark .menu a:visited, .single-post.block-has-img .menu a, .page.block-has-img .menu a{
	color: inherit !important;
}
#nav-bar.block-lite-bg-dark .menu a:hover, #nav-bar.block-lite-bg-dark .menu a:link:hover, #nav-bar.block-lite-bg-dark .menu a:visited:hover, .single-post.block-has-img .menu a:hover, .page.block-has-img .menu a:hover{
	color: #000000 !important;
	outline: 0;
}

/************************************************
3.	Header
************************************************/
.block-header-active #nav-bar, .block-has-img #nav-bar{
	position: initial !important;
}

#nav-bar {
	background-color: #fff;
	background-image:none !important;
}

.site-title a, .site-title a:link, .site-title a:visited, #nav-bar.block-lite-bg-dark .menu a, #nav-bar.block-lite-bg-dark .menu a:link, #nav-bar.block-lite-bg-dark .menu a:visited, .site-description{
	color:#666 !important;
}

.site-title{
	font-size: 3rem;
}

.site-description{
	font-size: 0.8rem;
}

.banniere-site{
	text-align: center;
}

.banniere-site img{
	max-height: 90vh;
height: auto;
max-width: 90vw;
margin: auto;
min-height: initial;
}

.headline-single, .excerpt-single{
	text-align: center;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/************************************************
5. Content
************************************************/
.block-post-layout{
	margin-top: 30px;
}

.block-post-layout header h2{
	font-size: 3rem;
	font-weight: 200;
	margin-top: 3rem;
	text-align: center;
}

.post-holder{
	margin-bottom: 25px;
}

.post-holder.category-series .featured-img:before{
	background-color: none;
}
.post-holder.category-series .featured-img:hover:before{
	background-color: rgba(0, 0, 0, 0.3);
}
.post-holder.category-series .featured-img .img-title{
	opacity:1;
}

.post-holder .featured-img{
	width: 90%;
	height: 90%;
}

.post-holder .link-title{
	text-decoration: none;
}

.post-holder .img-title{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 10px;
}

#blog-actus .post-holder{
	padding: 1rem;
	box-sizing: border-box;
	height: auto;
	width:25vw;
}

#blog-actus .post-holder .featured-img{
	height: 25vw;
}

#blog-actus .post-holder .featured-img:hover:before{
	background-color: rgba(0, 0, 0, 0.2);
}

.post-holder .a-img-title{
	text-decoration:none;
	padding: 1rem;
	display: block;
}

.post-holder .a-img-title .img-title{
	text-align:center;
	transition: all 0.5s ease-in-out;
}

.post-holder .a-img-title .img-title h2 {
	color:#444;
}

.post-holder .a-img-title:hover .img-title h2 {
	text-decoration:underline;
}

/*Header des pages*/

.category-series p.post-author{
	display: none;
}

.block-singular .banner-img{
	max-width: 90%;
}

/*Dépassement*/

.type-post.post{
	max-width:100%;
}

.post-author{display: none;}

/************************************************
6.	Footer
************************************************/
.footer.block-lite-bg-light{
	margin-top: 3rem;
}


/************************************************
9.	Images
************************************************/
.alignfull {
	width: 99.5vw;
}

.flickity-prev-next-button, .flickity-prev-next-button:hover{
	background-color: transparent;
	box-shadow: none;
}

.flickity-prev-next-button .flickity-button-icon{
	left: 30%;
	top: 35%;
	width: 30%;
	height: 30%;
	fill: #888;
}

/************************************************
26.	Gutenberg
************************************************/

/** Block gallery restyle *******************************/
.has-carousel.has-carousel-lrg, .has-carousel.has-carousel-xlrg{
	max-height: 90vh !important;
}

.has-carousel img{
	object-fit: contain !important;
}

@media only screen and (max-width: 767px) {
/* smartphone */
	.flickity-prev-next-button{
		display: none;
	}
}