/*
Theme Name: Divi Enfant par BRAVO
Description: Theme enfant du theme Divi
Author: Lamine SANOGO - BRAVO CI
Author URI: https://www.bravo.ci
Template: Divi
Version: 1.05
*/

/*NEWSLETTER*/
select#wp-block-archives-1, select#wp-block-archives-2, select#wp-block-archives-3, select#wp-block-categories-1 {
	height: auto;
    font-size: 14px;
    border: 1px solid #a2a2a2;
    color: #a2a2a2;
    width: 100%;
	padding: 10px;
}

#block-7, #block-8, #block-9 {margin-bottom: 10px;}

/**/
.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    /*padding: 1em 0 4em;*/
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
.grid figure {
	position: relative; 
	/*float: left; */
	overflow: hidden; 
	margin: 10px 1%; 
	min-width: 320px; 
	max-width: 480px; 
	min-height: 360px; 
	max-height: 360px; 
	width: 100%; 
	height: auto; 
	background: #3085a3; 
	text-align: center; 
	cursor: pointer;
}

figure.effect-apollo {
	background-image: linear-gradient(120deg, #253165 0%, #00010a 100%) !important;
}

figure.effect-apollo img {
	opacity: 0.95;
    -webkit-transition: opacity 0.35s, 
	-webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.grid figure img {
	position: relative; 
	display: block; 
	min-height: 100%; 
	max-width: 100%; 
	opacity: 0.8;
}

.grid figure figcaption, .grid figure figcaption > a {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}
.grid figure figcaption {
	padding: 2em; 
	color: #fff; 
	text-transform: uppercase; 
	font-size: 1.25em; 
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
}

figure.effect-apollo figcaption::before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.grid figure figcaption {
	padding: 2em; 
	color: #fff; 
	text-transform: uppercase; 
	font-size: 1.25em; 
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
}

figure.effect-apollo h2 {
	text-align: left;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure h2 {
	word-spacing: -0.15em; 
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 600;
}
.grid figure h2 {
	word-spacing: -0.15em; 
	font-weight: 800;
}

figure.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    line-height: normal;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-apollo:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

span.nav-previous a, span.nav-next a {display: flex; align-items: center; text-decoration: none; color: #d43b3d; font-weight: 600;}
span.nav-previous a:hover, span.nav-next a:hover {color: #253165!important;}

.related-posts li {
	display:flex; 
	align-items: center;
    padding: 7px;
    border-left: 5px solid #d43b3d;
	margin: 10px 0;
}

.related-posts li a {color: #000; font-weight: 600; text-decoration: none;}
.related-posts li a:hover {color: #253165!important;}

.related-posts li:hover {
    webkit-transform: translateX(8px);
    transform: translateX(8px);
}
.related-posts li {
    margin: 10px 0 !important;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

@media (min-width: 981px) {
	span.nav-previous, span.nav-next {
    width: 50%;
	}
}