/*
 Theme Name:   GP Child par Eroan Boyer
 Theme URI:    https://generatepress.com/premium/?ref=4657
 Description:  Thème enfant GeneratePress optimisé pour la web performance et le SEO. Intègre des fonctionnalités avancées qui n’impactent pas les temps de chargement et améliorent l’architecture du site.
 Author:       Eroan Boyer
 Author URI:   https://www.eboyer.com
 Template:     generatepress
 Version:      1.3.3
*/
/* ------------------------
Optimisations de la performance
------------------------ */
img[width][height] {
  content-visibility: auto;
}

.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: 300px;
}

.site-content ins {
  display: block;
  height: 280px;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

/* ------------------------
Utilisé par GP Child
------------------------ */
html {
  -webkit-tap-highlight-color: transparent;
}

svg.icon {
  vertical-align: text-top;
}

.entry-content p a[target="_blank"]::after {
  display: inline-block;
  margin-left: .25em;
  width: .75em;
  height: .75em;
  vertical-align: -.125em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" fill="Gray"/></svg>');
}

[data-goto]:hover {
  cursor: pointer;
}

[data-goto]:not(.button):not(.gb-button):hover {
  text-decoration: underline;
}

.o50 {
  opacity: 50%;
}

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  max-width: 100%;
  z-index: 99999;
  height: 5px;
}

.generate-columns-container .entry-summary {
	display: none;
}

/* ------------------------
Entête
------------------------ */

#masthead,
.horizontal-news {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.entry-meta:first-letter,
.wp-block-latest-posts__post-date:first-letter{
	text-transform: capitalize !important;
}

.entry-header p {
	margin-top: 20px;
}

body.archive .entry-summary {
	display: none !important;
}

.horizontal-news .wp-block-latest-posts__post-date {
	// color: var(--accent) !important;
	font-weight: bold;
	order: -1;
	text-transform: capitalize;
}

.horizontal-news .wp-block-latest-posts__post-date::before {
  display: inline-block;
  margin-right: .75em;
  width: .75em;
  height: .75em;
  vertical-align: -.125em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23b6222d" class="icon" viewBox="0 0 16 16"><path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"></path><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"></path></svg>');
}

.horizontal-news li + li::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: 0;
    border-left: 1px solid var(--global-color-8);
	opacity: .33;
	height: 100px;
}

.horizontal-news li {
    padding-left: 1.25em;
	display: flex;
	flex-direction: column;
}

@media (max-width: 599px) {
	.horizontal-news-header {
		display: none !important;
	}
}

@media (min-width: 600px) {
	.horizontal-news-footer {
		display: none !important;
	}
}

/* ------------------------
Contenus
------------------------ */

.author-name {
  color: var(--contrast);
}

body.single h2 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 40px;
}

body.single h2:before,
body.single h2:after {
    content: '';
    border-top: 2px solid var(--accent);
    margin: 0 20px 0 0;
    flex: 1 0 20px;
	min-width: 1.5em;
}

body.single h2:after {
    margin: 0 0 0 20px;
}

body.single h2 b,
body.single h2 strong,
body.single h2 em,
body.single h2 i {
  display: contents;
}

.related-articles h3 {
  display: flex;
  width: 100%;
  justify-content: left;
  align-items: baseline;
  text-align: left;
  margin-bottom: 1.4em;
}

.related-articles h3:after {
  content: '';
  border-top: 2px solid var(--accent);
  margin: 0 0 0 20px;
  flex: 1 0 20px;
  min-width: 1.5em;
}

.related-articles h3 svg {
  margin-right: .4em;
  align-self: center;
}

.chapo {
    font-style: italic;
    border-left: 6px solid var(--accent);
    padding-left: 1em;
}

.entry-meta svg,
.related-articles svg {
	margin-top: .2em;
}

body.author h1 > img {
	border-radius: 100%;
}

body.archive p[style^="text-align: center"],
body.archive h2[style^="text-align: center"]{
	text-align: left !important;
}

ol.wp-block-latest-comments {
  margin-left: 0;
}

.paging-navigation {
  text-align: center;
}

.right-sidebar .related-articles a {
	font-size: 15px !important;
	line-height: 1.6em;
}

.adsbygoogle {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.twitter-tweet,
.instagram-media {
	margin: 2em auto !important;
	min-height: 300px;
}

.lightmeta .wp-block-latest-posts__post-date {
	color: #fff !important;
	opacity: .8;
}

/* ------------------------
Pied de page
------------------------ */

.yoast-breadcrumbs,
.yoast-breadcrumbs a {
  color: #000000;
}

.yoast-breadcrumbs a:hover {
  text-decoration: underline;
}

.wp-block-tag-cloud a {
	color: #EEEEEE;
	font-size: 0.85rem !important;
    display: inline-block;
    border: 2px solid #EEE;
	border-radius: .8em;
    padding: 5px 15px;
    margin: 0 5px 8px 0;
    line-height: 1.2;
}