/*
Theme Name: OceanWP Child
Template: oceanwp
*/

#top-bar-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999 !important;
	  background-color: #fff;
	opacity:1 !important;
}

/* Décalage pour la barre d'admin */
body.admin-bar #top-bar-wrap {
    top: 32px ;
}

/* Décaler le contenu sous la top-bar */
#site-header {
    margin-top: 42px ;
}

/* Centrer et styliser l'en-tête */
#site-header-inner {
    text-align: center ;
    color: white ;
}

/* ne pas montrer le menu */
/* Masquer la navigation */
#site-navigation {
	display: none ;
}

/* Style de l'en-tête */
#site-header {
    background-size: contain ;
    background-repeat: no-repeat ;
    height: auto ;
    min-height: 250px;
}

/* Titre et slogan personnalisés */
.custom-site-branding {
	text-align: center;
	width: 100%;
	padding: 40px 0;
	margin: 0 auto;
   }

.custom-site-title,
.custom-site-title a,
.custom-site-description {
	color: white ;
	
	text-align: center;
	margin: 0 auto;
	display: block;
	/*line-height: 2.4;*/
}

.custom-site-title a {
	text-decoration: none;
}
.custom-site-title a:hover {
    color: #ff5733; /* orange) */
}

#footer-widgets{
	background-color: whitesmoke;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* le code ci-dessous concerne le POST_GRID et est recopié de Star Child */
/* -------------- */
/* --- POST GRID --- */
#main .post-grid { padding: 10px; background-color: #fff; }
#main .post-grid .grid-items { margin: 0 auto; overflow: hidden; text-align:center;
    display: -webkit-flex; display: flex; 
    -webkit-flex-direction: row; flex-direction: row; 
    -webkit-flex-wrap: wrap; flex-wrap: wrap; 
	-webkit-justify-content:center; justify-content:center; 
}
/* --- */
#main .post-grid .grid-items .item { border:1px solid #ddd; border-radius:5px; margin: 1%; padding: 0px; background: #fff; margin:10px 1%; 
display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:space-between; justify-content:space-between; }
#main .post-grid .grid-items .item:hover { border:1px solid rgba(30,107,194,1);/*bleu VHS*/ }

@media only screen and (min-width: 0px) and (max-width: 767px) {
#main .post-grid .grid-items .item {
    width: 98%;
    height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#main .post-grid .grid-items .item {
    width: 48%;
    max-height: auto;
}
}
@media only screen and (min-width: 1024px) {
#main .post-grid .grid-items .item {
    width: 31.33%;
    height: auto;
}
}
/* --- */
/* 1er item : 100% largeur  Anne : suppression le 17 avril, le premier item est de la même taille que les autres */
/*
 * #main .post-grid .grid-items .item:first-child { width: 98% !important; height: auto; max-height: auto; } 
*/
/* --- */
#main .post-grid .grid-items .item .layer-wrapper { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; height: 100%; }
#main .post-grid .grid-items .item .element.title, 
#main .post-grid .grid-items .item .element.title_link { text-align:center; margin:0 !important; padding:5px 0 !important; font-size:130% !important; }
#main .post-grid .grid-items .item .element.title, 
#main .post-grid .grid-items .item .element.title_link a { display:block; font-weight:bold; text-decoration:none; 
color:rgba(1,103,66,1) !important;/*vert foncé VHS*/ text-decoration:none; }
#main .post-grid .grid-items .item .element.title:hover, 
#main .post-grid .grid-items .item .element.title_link a:hover { text-decoration:underline; }
#main .post-grid .grid-items .item .element.element_1.excerpt { font-size:100% !important; padding:5px 10px; text-align:justify; }

/* read more */
#main .post-grid .grid-items .item .excerpt,
#main .post-grid .grid-items .item .excerpt_read_more { padding-bottom:10px; }
#main .post-grid .grid-items .item .excerpt > a,
#main .post-grid .grid-items .item .excerpt_read_more > a,
#main .post-grid .grid-items .item .element.element_2.read_more { color:rgba(30,107,194,1) !important;/*bleu VHS*/ position:absolute; left:0; right:0; bottom:0; /*width:98%; margin:1%;*/ font-size:100% !important; display:block; padding:5px; border:1px solid #ddd; border-radius:5px; background:rgba(220, 220, 220, 0.3); text-decoration:none; }
#main .post-grid .grid-items .item:hover .excerpt > a,
#main .post-grid .grid-items .item:hover .excerpt_read_more > a,
#main .post-grid .grid-items .item:hover .element.element_2.read_more { border:1px solid rgba(30,107,194,1);/*bleu VHS*/ }
#main .post-grid .grid-items .item .excerpt > a:hover,
#main .post-grid .grid-items .item .excerpt_read_more > a:hover,
#main .post-grid .grid-items .item .element.element_2.read_more:hover { color:#fff !important; background:rgba(30,107,194,1);/*bleu VHS*/ }

#main .post-grid .grid-items .item .layer-media { position:relative; -webkit-flex: 1 1 1%; flex: 1 1 1%; }
#main .post-grid .grid-items .item .layer-media img { margin:0 !important; padding:5px !important; border-radius:0 !important; width:auto !important; max-width:100%; }

#main .post-grid .grid-items .item .layer-content { position:relative; padding-bottom:40px; -webkit-flex: 1 1 1%; flex: 1 1 1%; margin:10px !important; 
display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; }
#main .post-grid .grid-items .item .layer-content > a, 
#main .post-grid .grid-items .item .layer-content > div { display:block; }


/* hauteur des images dans le widget de pied de page qui contient les logos */
.nordic-footer-img{
	height: 150px;
}
.nordic-footer-div{
	display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;
}