/*
Theme Name: 	Blogus Child
Description: Child of blogus theme https://docs.themeansar.com/docs/blogus/
Author: Themeansar
Author URI: https://themeansar.com
Template: 	blogus
Version: 1.0.0.79
*/



/* Ville Page  https://blog.toog-app.com/ville/ */

.container-ville {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: center;
    align-items: start;
}

.container-ville>div {
    position: relative;
    overflow: hidden;
}

.container-ville>div>a {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: 1.5rem;


}



.container-ville>div>img {
    border-radius: 1rem;
    display:block;
    filter: grayscale(100%);
    transition: filter .5s ease;

}

.container-ville>div:hover>img {
    filter: grayscale(0%);
}



/* General */
.title {
font-size:1.7rem;
}

/* Menu */
#navbar-wp  ul {
width:100%;
border-radius:1rem;
}
#menu-blogus-menu li a.nav-link {
color:white;
}
#menu-blogus-menu li a.nav-link::after{
content: '';
width: 0px;
height: 2px;
display: block;
background: white;
transition: 300ms;

}
#menu-blogus-menu li a.nav-link:hover::after{
width:100%;
}
/* Menu icons */
#custom-background-css > header > div.bs-header-main.d-none.d-lg-block > div > div > div > div:nth-child(3) > div > a, #custom-background-css > header > div.bs-header-main.d-none.d-lg-block > div > div > div > div:nth-child(3) > div > label > span::before {
background: #30a3f2;
}

/* searchbar active */
div.modal-header > button, div.modal-body > form > input {
background: #30a3f2;
}
div.modal-header > button:hover, div.modal-body > form > input:hover  {
background: #003566;
opacity:1;
}
/* breadcrumb */
.bs-breadcrumb-section .overlay {
box-shadow: none;
}

#content > div > div > div.bs-breadcrumb-section > div > div > div > nav > ol > span > span:nth-child(1) > a:hover {
color: #30a3f2;	
}

/* home article */
.bs-blog-post {
border-radius:1rem;
}


article > div.bs-blog-meta > span.bs-blog-date >  a:hover, article > div.bs-blog-meta > span.bs-blog-date >  a:focus {
		color:#30a3f2;

}
article.small {
min-height: 26rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
}
.bs-blog-thumb.lg {
	height:17rem;
}

article.small h2.title > a::after, article.bs-posts-sec-post h2.title > a::after {    
content: '';
width: 0px;
margin-top: .5rem;
height: 2px;
display: block;
background: #30a3f2;
transition: 300ms;
}

article.small h2.title > a:hover::after,article.bs-posts-sec-post h2.title > a:hover::after{
width: 100%;

}
article.small > div.bs-blog-category > a.blogus-categories.category-color-1, article.small > div.bs-blog-category > a.blogus-categories.category-color-2, article.small > div.bs-blog-category > a.blogus-categories.category-color-3, article.small > div.bs-blog-category > a.blogus-categories.category-color-4,	article > div > div.bs-blog-category > a.blogus-categories.category-color-4, article > div > div.bs-blog-category > a.blogus-categories.category-color-3, article > div > div.bs-blog-category > a.blogus-categories.category-color-2,article > div > div.bs-blog-category > a.blogus-categories.category-color-1,
div.bs-blog-category > a.blogus-categories.category-color-4, div.bs-blog-category > a.blogus-categories.category-color-3, div.bs-blog-category > a.blogus-categories.category-color-2, div.bs-blog-category > a.blogus-categories.category-color-1 {
border-radius:1rem;
}


article.small > div.bs-blog-category > a.blogus-categories.category-color-1:hover, article.small > div.bs-blog-category > a.blogus-categories.category-color-2:hover, article.small > div.bs-blog-category > a.blogus-categories.category-color-3:hover, article.small > div.bs-blog-category > a.blogus-categories.category-color-4:hover, article > div > div.bs-blog-category > a.blogus-categories.category-color-4:hover, article > div > div.bs-blog-category > a.blogus-categories.category-color-3:hover, article > div > div.bs-blog-category > a.blogus-categories.category-color-2:hover, article > div > div.bs-blog-category > a.blogus-categories.category-color-1:hover,
div.bs-blog-category > a.blogus-categories.category-color-4:hover, div.bs-blog-category > a.blogus-categories.category-color-3:hover, div.bs-blog-category > a.blogus-categories.category-color-2:hover, div.bs-blog-category > a.blogus-categories.category-color-1:hover{
background-color: transparent;
}
article.small > div.bs-blog-category > a.blogus-categories.category-color-1:hover,  a.blogus-categories.category-color-1:hover, div.bs-blog-category > a.blogus-categories.category-color-1:hover {
box-shadow: inset 0px 0px 0px 1px #1151d3;	
color: #1151d3;
}

article.small > div.bs-blog-category > a.blogus-categories.category-color-2:hover,  a.blogus-categories.category-color-2:hover, div.bs-blog-category > a.blogus-categories.category-color-2:hover {
box-shadow: inset 0px 0px 0px 1px #feb236;	
color: #feb236;
}

article.small > div.bs-blog-category > a.blogus-categories.category-color-4:hover,  a.blogus-categories.category-color-4:hover, div.bs-blog-category > a.blogus-categories.category-color-4:hover {
box-shadow: inset 0px 0px 0px 1px #82b74b;	
color: #82b74b;
}

/* Btn Lire plus / read more */
.custom-readmore-btn {
border: none;
text-align: center;
font-weight: 600;
border-radius: 40px;
color: rgb(255, 255, 255);
background: linear-gradient(95deg,#38b6f0 4.56%,#ff4f67 100.13%);
padding: 0.5rem 1rem;
display:block;
max-width:40%;
min-width:fit-content;
margin-top:1.5rem;

}
.custom-readmore-btn:hover  {
color: white;
transform: translatey(.3rem);

}
/************************/
/*       hover article */
/************************/
.bs-blog-post .title a:hover, .bs-blog-post .title a:focus, .bs-blog-post .title a:hover, .bs-blog-post .title a:focus {
color: #30a3f2!important;

}



/* navlinks pagination  */
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a:hover, a.error-btn, .post-nav-links a { 
background-color: #30a3f2!important;
}
/************************/
/*      Article Page    */
/************************/
article.small.single > figure.wp-block-image > img {
	margin:0 auto;
	display:block;
}
  
 /*Table of content*/
article > div.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents {
		min-width:fit-content;
    width: 50%;
    background-color: #30a3f2;
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem 0;
    transition: 200ms;


}


article > div.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 

}

article > div.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents h2 {
	    border-bottom: 1px solid white;
	    color:white;
	    margin-bottom: 1.5rem;
}

article > div.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li  {
	    margin:.5rem;
	list-style: url('https://blog.toog-app.com/wp-content/uploads/2024/03/rocket-white.svg');

}

article > div.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li > a {
	    color:white;
}
article > div.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li > a:hover {
	    color:#003566;
}

div .bs-blog-post.single {
box-shadow: var(--bxsh);

}
#content > div > div > div.col-lg-12 > div.bs-blog-post.single > div > div > div > span > a:hover {
color:#30a3f2;
}

div.bs-blog-post.single > article img {
	border-radius:1rem;
}
.featured-image-caption {
	display:none;
}

.bs-blog-post .bs-blog-thumb img {
	border-radius: 1rem;
    margin: 0 auto;
    display: block;
}

div.bs-blog-post.single > article > figure > img {
    width: 48rem;
	height:24rem;
    object-fit: cover;
}

@media (max-width: 760px) {
	div.bs-blog-post.single > article > figure > img {
	height:auto;}
}

/*********************************/
/* bouton réserver dans article */
/********************************/
.has-text-align-center.custom-btn-reserver {
	    margin: 0 auto;
}
.custom-btn-reserver {
	color:#ffffff;
}
.custom-btn-reserver a {
border: none;
text-align: center;
font-weight: 600;
border-radius: 40px;
color: #ffffff;
background: linear-gradient(95deg,#38b6f0 4.56%,#ff4f67 100.13%);
padding: 0.5rem 1rem;
display: block;
max-width: 20%;
min-width: fit-content;
margin: 1.5rem 0;

}
.custom-btn-reserver:hover {
transform:translatey(.3rem);
}

.custom-btn-reserver:hover a {
color: #ffffff;
}

/************************/
/* icon up to nav      */
/************************/

.bs_upscr {
background: #30a3f2!important;
border-color:#30a3f2!important;
}
/************************/
/* footer               */
/************************/
footer .container > .row >div {
width:33%!important;
}

.bs-footer-bottom-area {
display:none;
}
/************************/
/* Footer > communauté */
/************************/
#custom-footer-layout-communaute p, #custom-footer-layout-communaute a, #custom-footer-layout-sitemap p, #custom-footer-layout-sitemap ul > li > a {
color:white;
}
#custom-footer-layout-communaute p, #custom-footer-layout-sitemap p {
font-weight:700;
}
#custom-footer-layout-communaute a:hover, #custom-footer-layout-sitemap ul > li > a:hover {
color:#30a3f2;
}
#custom-footer-layout-communaute a:nth-child(2)  {
display:block;
margin-bottom:1.5rem;
}
#custom-footer-layout-communaute a:nth-child(3) {
padding: 1rem 1.5rem;
border-radius: 5rem;
background: rgba(57, 180, 255, 0.1);
border: none;
cursor:pointer;
margin-top:1rem;
color:rgb(56, 182, 240);
font-weight:700;
}
#custom-footer-layout-communaute a:nth-child(3):hover {
background-color:#30a3f2;
color:white;
}