/*
Theme Name: CarpyTheme
Theme URI: https://capitainewp.io
Author: Eric MORIN
Author URI: https://dysign.fr
Description: Theme sur mesure pour le site CarpyBlog !
Requires at least: WordPress 6.0
Version: 2.02
*/

:root {
--carpy_grey: #ececec;
--carpy-black: #212121;
--carpy-black-grey: #525252;
--carpy-black-trens: #00000079;
--nav-link-color: #ffffffb5;
--bs-link-hover-color-rgb: #000000;
}

/* Bloc pagination */
.pagination {
justify-content: center;
}

.page-link {
color: var(--carpy-black);
border: none;
}

.active>.page-link {
color: var(--carpy_grey);
border: none;
background-color: var(--carpy-black-grey);
}

/*---------------------------------*/
/* INDEX */
/*---------------------------------*/
/* Bloc Header */
.headerContenair {
border: thick double var(--carpy_grey);
}

#indexcontainnerheader {
background-image: url("/wp-content/themes/CarpyTheme/screenshot.png");
}

.nav {
--bs-nav-link-color: var(--carpy_grey);
}

/*--header.php--*/
.nav a:hover,
.nav a:active {
color: var(--carpy_grey);
}

.navbar-collapse {
background-color: var(--carpy-black-trens);
margin-right: 1rem;
display: inline-flex;
width: auto;
padding-right: 1rem;
}

.navbar-toggler {
border-color: var(--carpy_grey);
}

.dropdown-menu.show {
background-color: var(--carpy-black-trens);
text-align: center;
}

.dropdown-menu .menu-item .nav-link,
.dropdown-item {
color: var(--carpy_grey);
}

/*--header.php--*/
.dropdown-item:hover {
background-color: var(--carpy-black-trens);
}

.cat_card {
text-decoration: none;
color: var(--carpy-black);
}

#card-projets-tax {
max-width: 20rem;
height: 20rem;
}

#card-body-projets-tax {
max-height: 11rem;
}

.card {
margin-top: 1.5rem;
}

.cardimgtop a:link,
.cardimgtop a:visited {
text-decoration: none;
color: var(--carpy-black);
}

.card-img-top {
height: 100%;
object-fit: cover;
}

/*
.cardheight .cardimgtop {
height: 25rem;
}
*/

.cardheight .cardrowimg {
height: 15rem;
width: 100%;
display: block;
}

.cardheight .cardrowtext {
height: 15rem;
}

.cardheight .cardrowend {
height: 10rem;
padding-top:6rem;
}

.cardtextheight .cardimgtop {
height: 10rem;
}

.cardtextheight .cardrowtext {
height: 78%;
}

.cardtextheight .cardrowend {
height: 30%;
padding-top: 1rem;
}

.cardtextheight .card {
border: none;
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.newscatcard .card {
min-width: 250px;
height: 15rem;
width: 15rem;
min-height: 250px;
overflow: hidden;
}

.newscatcard .card a:link,
.newscatcard .card a:visited {
color: var(--carpy_grey);
}

.newscatcard .catcard img {
height: 100%;
width: 100%;
object-fit: cover;
}

.catcard .bckgrd {
background-color: var(--carpy-black-trens);
}

.newscard .cardrowimg {
height: 55%;
width: 100%;
display: block;
}

.newscard .cardrowtext {
height: 33%;
}

.newscard .cardrowend {
height: 12%;
}

.comments,
.comments a:link,
.comments a:visited {
color: var(--carpy-black);
}

#commentcat {
font-size: 0.8rem;
}

.card-text {
text-decoration: none;
}

/* front-page.php, home.php, taxonomy-catprojet.php, template_projet */
.header-container {
display: block;
width: 100%;
height: 22rem;
margin-bottom: 1rem;
}

.wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.header-container img {
width: 100%;
height: 100%;
object-fit: cover;
}

#titre {
position: absolute;
top: 5rem;
width: 100%;
align-items: center;
justify-content: center;
margin: 0 auto;
}

#titre .titreblog {
margin-left: 1rem;
background-color: var(--carpy-black-trens);
}

#titre h1, #titre p{
text-align: center;
color: var(--carpy_grey);
padding-bottom: 0.5rem;
}

#titre .row {
padding-top: 5rem;
margin-right: 1rem;
display: flex;
align-items: center;
justify-content: flex-start; /* Alignement à gauche */
flex-wrap: nowrap;
}



#titre .row .navbar {
    padding-left: 4rem;
    padding-right: 5rem; 
width: auto;
}

#titre .row form {
margin-left: auto; /* Pousse la barre de recherche vers la droite */
margin-right: 1rem;
padding-bottom:0.5rem;
}

#titre .row #avatar {
position: relative;
left: -5mm; /* Déplace l'avatar de 5mm vers la gauche */
margin-right: 1rem; /* Garde une marge à droite */
}

#avatar img {
width: 3rem;
height: 3rem; /* Ajoutez cette ligne pour assurer une forme carrée */
border-radius: 50%; /* Ceci rendra l'image ronde */
object-fit: cover; /* Ceci garantit que l'image remplit bien le cercle */
}

#cadrelaune {
background-color: #525252;
height: 250px;
}

.position-stiky {
top: 2rem;
}

#calendrier {
margin-bottom: 2rem;
}

#wp-calendar {
width: 100%;
max-width: 25rem;
}

#imgFront {
max-width: 7rem;
}

.navBottomBar a:link,
.navBottomBar a:visited {
color: var(--carpy-black);
text-decoration: none;
}


/* GP - MODIFIE STYLE DE LA PAGE NAVIGATIONS DEFINIE DANS LE HEADER */
/*
.custom-style-for-navigations {
    margin-top: -20px;
    margin-bottom: -20px;
}
*/
/* GP - MODIFIE Styles pour le titre et le slogan */
/*
#titre h1,
#titre p {
background-color: var(--carpy-black-trens);
color: var(--carpy_grey);
padding: 0.5rem;
margin: 0;
text-align: center;
display: block;
}

#titre h1 {
margin-bottom: 0 !important;
border-bottom: none;
}

#titre p {
font-size: 1rem !important;
margin-top: 0 !important;
line-height: 1.5 !important;
border-top: none;
}
*/


/* GP -------------MOFIFIE Styles pour les images random -------------------------- */
/*
.wp-block-hot-random-image img {
width: 100% !important;
height: auto !important;
max-height: 350px !important;
object-fit: cover;
}

.header-container .wp-block-image {
margin: 0;
}

.header-container .wp-block-image img {
width: 100% !important;
height: 350px !important;
object-fit: cover !important;
display: block !important;
}

*/

/* GP - Centrage du formulaire de Contact sur la page Accueil */

.wpcf7 {
    max-width: 500px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.wpcf7 input:not([type="checkbox"]),
.wpcf7 textarea {
    width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
}

.wpcf7 label {
    display: block !important;
    text-align: left !important;
}

.wpcf7 .wpcf7-submit {
    display: block !important;
    margin: 0 auto !important;
}



/* ----------------SECTION POUR LES MOBILES------------------------------------------- */

@media screen and (max-width: 1007px) {
/* Header principal */
.header-container {
margin-bottom: 4rem;
}

#titre {
top: 3rem;
}



#titre .titreblog {
margin-top:1rem;    
margin-left: auto;
margin-right: auto;
max-width: 90%;
position: relative;
left: -0.5rem;
}


#titre .row {
    position:relative;
padding-top: 6rem;
width: 100%; /* Largeur complète pour contenir tous les éléments */
display: flex; /* Utiliser flexbox pour aligner les éléments */
/*flex-direction: column; /* Empiler les éléments verticalement */
align-items: center; /* Centrer les éléments horizontalement */

}

#titre .row .navbar {
    position: absolute;
    top: 4rem;
    left:1%;
    padding-left: 0rem;
    padding-right: 0rem; 
width: 5rem; /* Largeur maximale pour la barre de menu */
text-align: center; /* Centrer les éléments de la barre de menu */
}
#titre .navbar-collapse {
position:relative;
left: 1rem;
margin-right:0rem;
margin-left:2rem;
z-index:99;
}

#titre .row form {
    position:absolute;
    left:25%;
width: 12rem; /* Largeur maximale pour la barre de recherche */
padding-top: 0.5rem;
margin-top 0.7rem;
max-width: 300px; /* Limiter la largeur sur les grands écrans */
margin-left: auto;
margin-right: auto;
/*padding-left: 2rem;*/
}

#titre .row #avatar {
    position:absolute;
    left:80%;
	/*margin-top:0px; */
/*	margin-bottom: 0px; /* Espacement entre l'avatar et la barre de recherche */
    width: 50px; /* Réduire la largeur de la boîte de l'avatar */
   /* display: block; /* Forcer l'affichage en bloc pour centrer */
    /*left: 0rem;*/
   /* margin-right: 0rem;*/
}

#titre #menu-sidemenu {
    inset: 0px -10px auto auto;
}


		
}