/**
Theme Name: Wishful Blog thème enfant
Template: wishful-blog
Theme URI: https://www.wishfulthemes.com/themes/wishful-blog/
Author: wishfulthemes
Author URI: https://wishfulthemes.com/
Description: Wishful Blog is simple and attractive free WordPress Blog theme. Wishful Blog is suitable to everykinds of blog you are looking for. It has highly customizable options to manage site and SEO is properly managed for site ranking. Default fallback image is additional features where you rarely get this option in WordPress theme. Beside these, there are layout options for banner and blog list, sidebar options, color options, typography options and many more. You can also find custom widgets of Wishful Blog to make site more attractive and unique. For more details, please visit : https://www.wishfulthemes.com/themes/wishful-blog/
Version: 2.0.2
Requires PHP: 5.6
Tested up to: 6.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wishful-blog
Tags: custom-background, custom-colors, custom-header, custom-logo, custom-menu, one-column , editor-style, entertainment, featured-image-header, featured-images, footer-widgets, full-width-template, grid-layout, news, blog, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, two-columns, block-styles, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wishful Blog WordPress Theme, Copyright (C) 2019, wishfulthemes.
Wishful Blog is distributed under the terms of the GNU GPL

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Généralités */
/* On utilisera les couleurs suivantes : jaune tabac (#a56804) et gris foncé (#151515) ainsi que bleu (#001e63) et le rouge (#991537)*/

body {
	color: #2D363F;
}

ul li {
	list-style: square;
	color: #2D363F !important;
}

/* Pas d'image bg (on veut un lien image) */
.header_s {
	background-image: none !important;
}

/* Mettre un souligné quand c'est la catégorie active */
.current_page_item > a {
	color: #991537 !important;
	text-decoration: underline !important;
}

/* Navigation rouge au survol du menu */
.site-navigation a:hover {
	color: #991537 !important;
}

.site-navigation > ul > li > a {
	transition: none;
}

/*  Décaler la barre de recherche */


/* Loupe de recherche */
.fa-search {
	display: none !important;
}

/* Apparence bouton de recherche */
.is-form-style.is-form-style-3 input.is-search-input {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-color: #a56804 !important;
}

.is-search-icon {
	background-color: #a56804 !important;
	color: white !important;
	border-color: #a56804 !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.is-search-submit {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

/*Bouton de recherche en bleu au survol*/
#search-form :hover{
	background-color: #001e63 !important;
}

/* Focus, changer sa couleur pour la navigation clavier */
*:focus:not(:focus-visible) {
/* Remove focus indication when a mouse is used */
outline: none;
}

*:focus-visible {
outline: 0.25rem solid red !important;
outline-offset: 0.125rem;
}

/* PAGE D'ACCUEIL */

/* Titres des articles sur la page d'accueil */
.entry-title {
	font-size: 32px !important;	
}

.entry-title a:hover{
	color: #991537 !important;
}

.entry-title::before {
	top: 12px !important;
	width: 3px !important;
	height: 20px;
}

.type-post .entry-header .entry-title > a {
	transition: none;
}

.post-date {
	pointer-events: none;
  cursor: default;
  text-decoration: none;
}

/* Extrait des articles sur la page d'accueil */
.entry-content p {
	color: #2D363F !important;
}

/*Bouton à lire aussi*/
/*Ceux qui apparaissent dans le point des 3 carrés*/
.slider-section2 .entry-content a{
	background-color: transparent !important;
}

.slider-section2 .entry-content a:hover{
	background-color: transparent !important;
}

/*Ceux dans la liste*/
.entry-content > a{
	color: white !important;
	background-color: #a56804 !important;
}

.entry-content > a:hover{
	background-color: #001e63 !important;
}

/*Bouton retour haut*/
.back-to-top:hover{
	background-color: #001e63 !important;
}

/* PATCHWORK ACCUEIL */

/* Ombre noire derrière les titres des articles sur le patchwork */
.slider-section2 .entry-content {
	background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 10%, #000 100%) !important;
}

/* Contour gris foncé autour des titres pour accessibilité (contraste) */
.slider-section2 .entry-content a {
	text-shadow: -1px -1px #151515;
	color: white !important;
}

/* ARTICLES */

.chapeau {
	font-size: 17px;
}

article h2 {
	margin-top: 50px !important;
}

article h3 {
	margin-top: 30px !important;
}

/*Définition*/
.su-tooltip-button{
	color: #991537;
	border-bottom: dotted 2px #991537;
}

/*Légende des images*/
.wp-element-caption{
	text-align: left !important;
}

/* Meta-informations articles */
.post-meta a {
	font-size: 16px;
}

/* Plus d'articles */
.related-post h3 {
	text-transform: none;
}

.related-post-box a:hover {
	color: #991537 !important;
}

/* Sidebar articles */
.widget-area h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	letter-spacing: 1.5px;
}

.widget-area section {
	margin-bottom: 60px;
}

.byline {
	display: none;
}

img.avatar {
	display: none !important;
}

/*Couleur lien au survol dans un article*/
article a:hover {
	color: #001e63 !important;
	text-decoration: underline;
}

/*Couleur catégorie et date d'un article*/
article a {
	color: #a56804 !important;
	font-weight: 600 !important;
}

/*PAGES*/
/*Liens dans les pages*/
.ultp-template-container a {
	color: #a56804 !important;
	font-weight: 600 !important;
}

.ultp-template-container a:hover {
	color: #001e63 !important;
	text-decoration: underline;
}



/* PAGE DE RECHERCHE CATEGORIE OU AUTHEUR */
div.block-title.container-fluid.archive-block h1.page-title {
	font-weight: 700;
	font-size: 36px;
	color: #000000;
	position: absolute;
	padding-bottom: 8px;
}

 h1.page-title::after {
	content: "";
	height: 3px;
	width: 50px;
	background-color: rgba(165, 104, 4, 1);
	position: absolute;
	top: 100%;
	left: 0;
}

div.block-title.container-fluid.archive-block h1.page-title::before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	background-color: #dddff8;
	top: 100%;
	left: 0;
}

div.block-title.container-fluid.archive-block .archive-description {
	padding-top: 60px;
	color: black;
	font-weight: 600;
}

.archive-block {
	padding-bottom: 80px;
}




/* PLUGIN AUTHORS */
/* cacher l'erreur du plugin authors */
#error {
	display: none;
}

.site-main a {
	color: #a56804;
}


/* PAGE : S'ABONNER */

#itp3g {
	border-radius: 4px;
	border: none;
}

#itp3g:hover {
	background-color: #001e63 !important;
}

/* PIED DE PAGE */

footer {
	background-color: #F2F2F2 !important;
}

footer h3 {
	color: white;
}

footer p {
	color: white;
}

.copyright {
	display: none;
}

#menu-menu-sites-internet a {
	color: #151515;
}

#menu-menu-pied-de-page a {
	color: #151515;
}

#menu-menu-sites-internet a:hover {
	color: #991537;
	/* font-weight: bold !important; */
}

#menu-menu-pied-de-page a:hover {
	color: #991537;
	/* font-weight: bold !important; */
}

.widget_nav_menu ul li a {
	transition: none;
}

/* Réduire l'espace entre menu et boutons RS */
#nav_menu-5 {
	margin-bottom: 10px;
}

/* Réduire l'espace blanc entre le header et le contenu de la page */

.page-content {
	padding-top: 10px !important;
}
.slider-section {
	margin-bottom: 40px !important;
}

/* Désactiver la bannière mobile sur bureau */
.header-banner-mobile {
    display: none;
}

/* Bannière bureau et mobile */
@media screen and (max-width: 768px) {
    .header-banner-desktop {
        display: none;
    }
    .header-banner-mobile {
        display: block;
    }
    .header-image {
        width: 100%;
        height: auto; /* Ensure the image resizes correctly */
    }
}

/* Mobile */
@media (max-width: 768px) {

	body {
		font-size: 14px;
	}
	
	.slider-section {
		margin-bottom: 40px !important;
	}
	
	.page-content .type-post .entry-header .entry-title > a {
		font-size: 20px !important;
	}
	
	.entry-title::before {
		top: 5px !important;
		width: 3px !important;
		height: 20px;
	}
	
	.home {
		margin-top: 0px !important;
	}
	/* Loupe de recherche */
	.fa-search {
		display: none;
	}
	
	.site-main {
		padding-top: 10px !important;
	}
	
	.page-content {
		padding-top: 10px;
	}
	
	.post-big .entry-content {
		left: 0px !important;
		right: 0px ! important;
		bottom: 0px !important;
	}
	
	.menu-toggle {
		margin-right: 0px;
		margin-left: auto;
	}
	
	.post-big .entry-content h3 {
		font-size: 14px !important;
	}
	
	.astm-search-menu {
		margin-left: 0px;
		width: 150px;
	}
	
	.related-post {
		display: none;
	}
	
	header {
		background-image: url("https://blog.insee.fr/wp-content/uploads/2024/05/bandeau_blog_mobile_logostiers.png") !important;
		height: 100% !important;
	}
	
	.top-header {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.page-content .type-post .entry-header .entry-title>a, .page-search-content .type-post .entry-header .entry-title>a, .type-post .entry-header .entry-title {
		font-size: 24px !important;
	}
	
	.widget-area {
		margin-top: 0px;
	}

	div.block-title.container-fluid.archive-block h1.page-title {
		font-weight: 700;
		font-size: 28px;
		color: #000000;
		position: absolute;
		padding-bottom: 8px;
	}
		
	div.block-title.container-fluid.archive-block div.archive-description {
		padding-top: 100px;
	}
		
	.archive-block {
		padding-bottom: 30px !important;
	}
}