/*
 Theme Name:   astrid-child
 Theme URI:    https://polemaraichage.com
 Description:  Theme enfant
 Author:       Sylvain
 Author URI:   https://polemaraichage.com
 Template:     astrid
 Version:      1.0.0
*/fon

/************************************************************en-tête*/

/*pour réduire le bloc de l'en-tête et fixer la couleur*/

.preloader {display:none!important;}
.preloader-inner {display:none!important;}
.preloader-hidden {display:none!important;}
.site-header {
    padding: 0px 0!important;
    background-color:#4cae04 !important;
}

.site-header {

    padding: 0px 0;
    background-color:#4cae04 !important;
}


/*pour fixer le hover en blanc du menu*/
.main-navigation li a::after, .main-navigation li a::before {
    border-color: #fff !important;
}
.main-navigation a:hover {
    color: #fff !important;
}

/*pour rendre le menu immobile*/
.site-header.header-scrolled {padding: 0px 0px;
    position: fixed;
}

h4[id^="ancre1"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}
h4[id^="ancre2"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}
h4[id^="ancre3"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}
h4[id^="ancre4"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}
h4[id^="ancre5"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}
h4[id^="ancre6"] {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}

/*pour rendre les lien gras*/
a {font-weight:bold;}


/*pour le souligné du menu en blanc*/
.main-navigation li a::after {
    border-bottom: 4px solid #fff;
    }
.main-navigation li a::before {
    border-top: 0px solid #fff;
}

/*pour enlever la marge entre les images et le bas*/
.wp-block-image {

    margin-bottom: 0;}

/*mise en forme de la nouvelle zone widget*/
.nwa-header-widget{
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: center;
}

.widget-area {
    width: 110px;
    float: right;
    margin-top: 8px;
}

/*pour enlever la transition bizzarre des sous-menu et menu :) */
.submenu-visible {
	top: 100% !important;
	transition: all none;
	-webkit-transition: all 0s;
}

.main-navigation li a::before, .main-navigation li a::after {    
    -webkit-transition: width 0s;
    transition: width 0s;
}

/*pour enlever la marge entre l'en-tête et le début du contenu de la page*/
.site-content {
    margin-top: 0px;
    margin-bottom: 0px;
}
.hentry {padding: 0px;}


/*Pour la taille de la police du menu d'en-tête espacement des lettres à voir :)*/
.main-navigation li {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px
}

/*Pour centrer le menu en le décalant depuis la gauche*/
.main-navigation ul {
margin-left :110px;}



/******************************************************************************
*******************************************************************************
contenu*/

/*Pour mettre en plein ecran*/
.container {width : 100%;}
.content-area {
    width: 100%;
}


/*police du corps si on veut changer
body {font-family: 'Oswald', sans-serif!important;*/

/*espacement du corps de texte*/
body {
    letter-spacing :0;
    line-height:1.5;}

/*couleur de selection, sorte de jaune pâle pour le moment*/
::selection {
  background: #fff2ae; 
}
::-moz-selection {
  background: #fff2ae; 
}

/*pour agrandir le texte des icones pdf*/
.document-gallery .document-icon a {
    line-height:25px;}

p {font-size:16px;
    text-align:justify;
}

.has-background {font-size:16px!important;}


/*pour centrer les textes en ajoutant la <div class="text_margin"></div> dans le html*/
.text_margin{
margin-left:15%;
margin-right:15%;}

/*pour ajuster le tableau des contacts en ajoutant la <div class="text_margin_contact"></div> dans le html*/
.text_margin_contact{
margin-left:0%;
margin-right:20%;}

/*pour augmenter la marge aux videos en ajoutant la <div class="video_margin"></div> dans le html*/
.video_margin {margin-left :15%; margin-right :15%;}


/*pour modifier la couleur par défaut des titres*/
h1 {color:#1aa81d!important;
    font-family: 'Verdana', sans-serif!important;
    font-weight: bold!important;
    font-size:24px!important;
    text-align:center;
   }


/*pour changer la couleur de fond de l'en-tête du calendrier des évènements*/
.eo-fullcalendar .fc-view > table > thead {
    background: #b9f273!important;}
/*pour augmenter un peu la marge entre le calendrier et le rest de la page*/
.eo-fullcalendar{margin-top:5%;
    margin-bottom:5%;
}
/*pour modifier la couleur de fond des journées à évènement*/
.fc-day-grid-event {background:#93d332!important;
    border:#677a4c!important;
}
/*pour enlever le bouton aujourd'hui*/
.fc-today-button {display:none;}
/*pour changer la couleur du hover des flèeches mois précédent mois suivant*/
.fc-button:hover {background:#b7ffb7!important;}

/*Mise en forme des données au dessus des articles de blog*/
.entry-meta{margin-top:5px;
    margin-bottom:10px;
    font-size:15px!important;
    }
.entry-meta a{font-weight:400;}


    
/*pour augmenter la taille des noms des articles des miniatures post-grid*/
#post-grid-3398 .element_1521467404660 {
    font-size: 16px!important;
}
#post-grid-608 .element_1521467404660 {
    font-size: 16px!important;}
    
#post-grid-662 .element_1521467404660 {
    font-size: 16px!important;

}


h1, h2, h3, h4, h5, h6 {
font-family: 'Verdana', sans-serif!important;
color :#6b747a;
}
h4 {letter-spacing:0px}

/*pour augmentter la taille du texte document gallery et réglage de marge*/
.document-gallery .document-icon a {
    font-size: 14px;
}
.document-gallery .document-icon {
    margin: 5px 0 30px;
}



/******************************************************************************
*******************************************************************************
catégories*/

/*Pour mettre en forme le titre des catégories du blog*/
.page-title {color :#008000; font-family: verdana, geneva, sans-serif;}

/*Pour centrer le titre des catégories*/
.page-header {text-align :center;
    margin-top :20px;
}

/*pour la taille des miniatures d'article sur page catégorie*/
.entry-thumb {
    width: 25%;
}

/******************************************************************************
*******************************************************************************
articles*/

/*pour les galleries de documents*/
.document-gallery .document-icon img {
width: 60px; float:left; overflow:hidden;}

/*pour obtenir un texte gras sur les légendes des galleries*/
figcaption {font-weight: bold;}


/*pour modifier l'apparence des étiquettes*/

.tags-links a {

    background: #fff;
    color: #A0A8AB;
    padding: 0px;
    border-radius:8px;

}
.tags-links a {

    display: inline-block;
    line-height: 1;
    padding: 2px 3px;
    margin-right: 5px;
    border: 1px solid;

}

.tags-links a:hover{

    background: #a8a8a833;
    color: #A0A8AB !important;
    text-decoration: none;

}
/*pour enlever le souligné au focus*/
.tags-links a:hover, a:focus {
text-decoration: none;
}

.tags-links {
font-size: 12px; 
text-transform: uppercase;
margin:10px;
font-weight:bold;
position:relative;
padding-top:50px;
}





/*Pour modifier la forme des liens de fin d'article*/
.prev {

    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 30px;
    float: left;
    margin-left: 15%;
    font-weight: bold;
    /*
    background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;*/
}


.next {

    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 30px;
    float: right;
    margin-right: 15%;
    font-weight: bold;

}

.document-gallery .document-icon .title {
        text-align: justify;
        margin-left :65px;
    padding-right: 20%;

}



/*pour masquer polemaraichage*/
.byline {display: none;}

/*pour dimensionner la taille des articles*/
.post {
    margin-left:15%;
    margin-right:15%;
    text-align:justify;
} 

/*pour masquer les logos dessus des articles*/

.fa-folder-o {display:none;}
.fa-user {display:none;}
.published {display:none;}
.posted-on {display:none;}




/*pour centrer un peu les articles en vrac*/
.posts-layout {margin-left :45px;
margin-right :0px;
}

/*pour que les extraits d'articles soient justifiés*/
.entry-summary {text-align :justify;}


.ai1ec-month-view
{border: 1px solid #f0be9f !important;}

/*pour centrer ce qui apparaît en haut des articles et l'image*/
.single-thumb {
    text-align: center;
}


/*enlever les bordure du tableau par défaut*/
table {
    border: none;
}


/*pour masquer le read more des articles*/
.button {display :none;}


/*pour les bordures qui entourrent un peu tout..*/
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border: none;
}

/*pour réduire les marges par défaut des titres*/
h1, h2, h3, h4, h5, h6 {margin-top: 0;}
.page .entry-title {
    margin-bottom: 0px;
}

.entry-title{text-align: left;
}
.entry-title, .entry-title a {

    color: #464949!important;

}
h2 {font-size:14px!important;
letter-spacing:0px!important;
font-weight:700!important;
margin-bottom:5px!important;
line-height:1.5!important;
}

.event {margin-left:15%;
    margin-right:15%;
    margin-top:5%;
    margin-bottom:5%
}


/*enlever les pointillés autour des liens*/
a:focus
{
outline:0;
} 

/*couleur de fond de pages/articles, bordure des contenus*/
.hentry {background-color:#fff;
    border: none;
}

/*effets sympas sur les images d'articles bords ronds, hover blanc, titre*/
.layer-media  {
    border-radius: 8px;
}
.attachment-astrid-medium-thumb {
    border-radius :8px;
}
.attachment-astrid-large-thumb {border-radius :8px;}
.layer-media :hover{
    transition-duration:0.5s;
    color :#fff;
    opacity : .8;
}

.wp-image-1124 {
    border-radius: 8px;
}
.wp-image-1268 {
    border-radius: 8px;
}
.wp-image-1622{
    border-radius: 8px;
}
.wp-image-1210{
    border-radius: 8px;
}
.wp-image-3115{
    border-radius: 8px;
}

.img_hover {
    border-radius: 8px;
}
.img_hover :hover{
    transition-duration:0.5s;
    background-color :#fff;
    opacity : 0.8;
}




.fluid-width-video-wrapper > iframe,
.fluid-width-video-wrapper > object,
.fluid-width-video-wrapper >embed{
border:0px solid #fff;
-webkit-border-radius: 15px !important;
-ms-border-radius: 15px !important;
-o-border-radius: 15px !important;
border-radius: 15px !important;
}
.wp-block-embed__wrapper::before {

    padding-top: 2%!important;

}



/*pour la navigation des articles
.wp-post-navigation{
    margin-bottom: 40px;
    margin-top: 30px;
}*/


/******************************************************************************
*******************************************************************************
galleries*/

/*pour adapter la taille de la légende des images des galleries*/
.gallery-caption {font-size :12px;}
.attachment-thumbnail {border-radius :8%;}

/*Au besoin pour réduire la marge des galleries
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {

    margin-top: 0px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;

}*/

/*pour enlever les espaces blancs de la photo de classe*/
body .photodeclasse {font-size:0px!important;}
/* .wp-image-2686, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item  {

    margin: 0 16px 0px 0;}*/




@media only screen and (max-width: 1310px) {
	.main-navigation li{
		font-size:14px;
	}
	}
	
	
@media only screen and (max-width: 1210px) {
	.main-navigation li{
		font-size:13px;
	}
	.has-background {

    font-size: 13px !important;

}
p {font-size:14px;}
h1{font-size:16px!important;}
	}
	
@media only screen and (max-width: 1130px) {

    .main-navigation ul {
    margin-left: 0;

}
}


@media only screen and (max-width: 1020px) {

	.mobile-nav,
	.btn-menu {
		display: block;}
	.nwa-widget{display:none;
	}
}

@media only screen and (max-width: 767px) {
    .post-grid .item .layer-media img{
    height:210px;
    width:280px;
    border-radius: 8px;
}}
@media only screen and (max-width: 400px) {
    .post-grid .item .layer-media img{
    height:140px;
    width:210px;
    border-radius: 8px;
}}

/******************************************************************************
*******************************************************************************
footer*/

/*taille prise par le widget footer*/
#sidebar-footer.footer-widgets {
  padding: 0px;
  margin: 0px;
  height: -1px;
  width: -1cm;
}




/*pour bloquer le footer en bas de la page*/
#main{
min-height:100%;
position:relative;
}

    
.link-to-pdf {margin-left:50%;}
    
    

/* Pour permettre de faire coller une image en bas et le footer*/
.entry-footer {
    margin-top: -40px;
}

/*Pour la couleur de mentions legales*/
.footer-widgets, .footer-info, .site-footer, .footer-widgets a, .footer-info a, .site-footer a {
    color: #fff;
    font-weight :bold;
    font-size :14px;
    margin-left:45%;
}

.footer-widgets a:hover {color:#fff!important;
    text-decoration:underline;
}

/*pour masquer une des zones du footer, à remetrre pour plus de place...*/
#colophon.site-footer {
  margin: 0px;
  padding: 0px;
}

/*pour l'emplacement de mentions légales sur la ligne du footer*/
.footer-widgets {
	text-align: center;
}

.textwidget: hover {color:#fff!important;}

/*pour décaler un peu le bas du post-grid et faire propre
.grid-nav-bottom{margin-bottom:22px;}*/