/*
Theme Name: ls-a Bon à Savoir
Text Domain: lsa
Version: 0.1
Requires at least: 5.6
Requires PHP: 7.4.0
Description: Thème reprenant le style du site https://ls-a.fr
Tags: ls-a
Author: ls-a
Author URI: https://ls-a.fr
License: Proprietary
*/
/* Taken from pf.css */
section.post a.back,
section.post a.back-arrow {
    font-size: var(--font-size-normal-3);
    line-height: 1.2em;
    height: 1.2em;
    z-index: 2;
	position: fixed;
}
section.post a.back {
    grid-column: 2;
    text-decoration: none;
    left: calc(var(--size-section-padding) - var(--size-grid-gap) + .5rem);
    padding: 0 var(--size-grid-gap);
    background: white;
}
section.post a.back-arrow {
    grid-column: 1;
    background: var(--color-accent-2-1);
    text-align: right;
    color: white;
    padding-right: .5em;
    box-shadow: 0 3px 6px var(--color-grey-5);
    width: calc(var(--size-section-padding) - var(--size-grid-gap));
}
section.post a.back-arrow svg {
    height: .4em;
    margin: .4em 0;
}
.entry-categories, #tags {
    margin-top: 1rem;
}
.button.category {
    box-shadow: 0 3px 6px var(--color-grey-5);
    margin-right: 1rem;
    color: var(--color-grey-4);
	background: var(--color-grey-1); /* Force for now. */
}
.button.category:hover {
    color: var( --color-accent-1-4 );
}
#tags .tag {
    font-size: var(--font-size-normal-4);
    line-height: 1.2em;
    color: #535353; /* a11y fix */
    margin-right: 1rem;
}
/* Added */
#articles > [class^="grid-"] {
    grid-column: 2 / span 8;
}
.mini-content {
    padding: 1rem;
    box-shadow: 5px 5px 15px var(--color-grey-5);
    border: 2px solid transparent;
}
.mini-content a {
    text-decoration: none;
    display: grid;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 1rem;
}
.mini-content:hover {
    border: 2px solid var(--color-accent-3-1);
}
.mini-content a:hover {
    color: var(--color-accent-3-1);
}
.mini-content h2 {
	font-size: var(--font-size-large-2);
	line-height: 1.2em;
}
.mini-content figure { margin-top: 0; }
.mini-content figure img {
    max-width: 100%;
}
.mini-fallback {
	display: grid;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.prevnext {
	display: grid;
	grid-gap: var(--size-grid-gap);
}
.prevnext .prev,
.prevnext .next {
	padding: 1rem;
	display: grid;
	max-height: 8rem;
	grid-template-columns: auto 1fr auto;
	grid-column-gap: 1rem;
	background: var(--color-grey-2);
	text-decoration: none;
	border: 1px var(--color-grey-3) solid;
	box-shadow: 0 3px 6px var(--color-grey-5);
}
.prevnext .prev:hover,
.prevnext .next:hover {
	background: var(--color-accent-3-1);
}
.prevnext .prev:hover *,
.prevnext .next:hover *{
	color: var(--color-grey-1);
}
.prevnext img, .prevnext img {
	max-height: 5rem;
	padding: 1.5rem 0;
}
.prevnext h3 {
	align-self: center;
	font-size: var(--font-size-large-1);
}
.prevnext svg {
	align-self: center;
	height: 2rem;
	min-width: 3rem;
}
.prevnext .next svg {
	transform: rotate(180deg);
}
.prevnext .prev:hover svg#sminbla .cls-1,
.prevnext .next:hover svg#sminbla .cls-1 {
	fill: var(--color-grey-1);
}
/* Change twentytwenty */
.entry-content h2 {
	font-size: var(--font-size-large-3);
	line-height: 1.2em;
	padding: .7em 0;
}
.entry-content h3 {
	font-size: var(--font-size-large-1);
	line-height: 1.2em;
	padding: .7em 0;
}
.entry-content ul,
.entry-content ol {
	font-size: var(--font-size-normal-4);
	line-height: 1.2em;
	margin-bottom: 1em;
}
.entry-content li {
	padding: .2em 0;
}
.entry-content > ul { list-style: disc inside; }
.entry-content > ul > li > ul { list-style: circle inside; }
.entry-content > ul > li > ul > li > ul { list-style: square inside; }
.entry-content > ol { list-style: decimal inside; }
.entry-content > ol > li > ol { list-style: upper-roman inside; }
.entry-content > ol > li > ol > li > ol { list-style: lower-latin inside; }

.entry-content > ol > li,
.entry-content > ul > li { 
	 padding-left: 1em; 
}
.entry-content > ul > li > ul > li ,
.entry-content > ol > li > ol > li {
	padding-left: 2em;
}
.entry-content > ul > li > ul > li > ul > li,
.entry-content > ol > li > ol > li > ol > li {
	padding-left: 3em;
}

div.featured-media-inner.section-inner {
	text-align: center;
	
}
/* Clamp pictures */
.post.type-post div.featured-media-inner.section-inner {
	max-height: 400px;
	overflow: clip;
}
.post.type-post figure.featured-media {
	width: unset;
	max-width: unset;
}
.post.type-post div.featured-media-inner.section-inner img {
	width: 70%;
}

/* From twentytwenty */
/* -------------------------------------------------------------------------- */

/*	8. Post: Archive
/* -------------------------------------------------------------------------- */


/* Archive Header ---------------------------- */

.archive-header { /* ls-a: Modified */
	background-color: #fff;
	padding: 2rem .5rem;
	margin: 2rem 0;
}

.reduced-spacing .archive-header {
	padding-bottom: 2rem;
}

.archive-title {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -0.026666667em;
	margin: 0;
}

.archive-subtitle p:last-child {
	margin-bottom: 0;
}


/* Posts ------------------------------------- */

body:not(.singular) main > article:first-of-type {
	padding: 4rem 0 0;
}


/* Search Results ---------------------------- */

.no-search-results-form {
	padding-top: 5rem;
}


/* -------------------------------------------------------------------------- */

/*	9. Post: Single
/* -------------------------------------------------------------------------- */


/* Post Header ------------------------------- */

.singular .entry-header {
	background-color: #fff;
	/*padding: 4rem 0; */
}

.entry-categories {
	line-height: 1.25;
	margin-bottom: 2rem;
}

.entry-categories-inner {
	justify-content: start;
	/*justify-content: center; */
	display: flex;
	flex-wrap: wrap;
	margin: -0.5rem 0 0 -1rem;
}

.entry-categories a {
	border-bottom: 0.15rem solid currentColor;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.036666667em;
	margin: 0.5rem 0 0 1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.entry-categories a:focus,
.entry-categories a:hover {
	border-bottom-color: transparent;
}

h1.entry-title,
h2.entry-title {
	margin: 0;
}

.entry-title a {
	color: inherit;
	text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover {
	text-decoration: underline;
}

.singular .intro-text {
	font-size: 2rem;
	letter-spacing: -0.0315em;
	line-height: 1.4;
}

/* POST META */

.post-meta-single-top .post-meta {
	justify-content: center;
}

.post-meta-wrapper {
	margin-top: 2rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 58rem;
	width: 100%;
}

.post-meta {
	color: #6d6d6d;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
	font-weight: 500;
	list-style: none;
	margin: -1rem 0 0 -2rem;
}

.post-meta li {
	flex-shrink: 0;
	letter-spacing: -0.016875em;
	margin: 1rem 0 0 2rem;
	max-width: calc(100% - 2rem);
}

.post-meta a {
	color: inherit;
	text-decoration: none;
}

.post-meta a:focus,
.post-meta a:hover {
	text-decoration: underline;
}

.post-meta .meta-wrapper {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
}

.post-meta .meta-icon {
	flex-shrink: 0;
	margin-right: 1rem;
}

.sticky .post-sticky {
	color: inherit;
}

.post-meta .post-author .meta-icon svg {
	width: 1.6rem;
	height: 1.8rem;
}

.post-meta .post-categories .meta-icon svg {
	width: 1.8rem;
	height: 1.7rem;
}

.post-meta .post-comment-link .meta-icon svg {
	width: 1.8rem;
	height: 1.8rem;
}

.post-meta .post-date .meta-icon svg {
	width: 1.7rem;
	height: 1.8rem;
}

.post-meta .post-edit .meta-icon svg {
	width: 1.8rem;
	height: 1.8rem;
}

.post-meta .post-sticky .meta-icon svg {
	width: 1.5rem;
	height: 1.8rem;
}

.post-meta .post-tags .meta-icon svg {
	width: 1.8rem;
	height: 1.8rem;
}

.post-meta svg * {
	fill: currentColor;
}


/* Featured Media ---------------------------- */

.featured-media {
	margin-top: 5rem;
	position: relative;
}

.singular .featured-media {
	margin-top: 1rem;
}

/*
.singular .featured-media-inner {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}

.singular .featured-media::before {
	background: #fff;
	content: "";
	display: block;
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	top: 0;
}
*/
.featured-media img {
	margin: 0 auto;
}

.featured-media figcaption {
	margin: 1.5rem auto 0 auto;
	text-align: center;
	width: calc(100% - 5rem);
}

.post-inner {
	padding-top: 2rem; /* ls-a: Previous value: 5rem */
}

.reduced-spacing.missing-post-thumbnail .post-inner {
	padding-top: 0;
}


/* Post Footer ------------------------------- */

/* POST NAV LINKS */

.post-nav-links {
	border-radius: 0.4rem;
	display: flex;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1;
	margin: 3em auto 0 auto;
	padding: 0;
	width: calc(100% - 4rem);
	max-width: 58rem;
}

.post-nav-links > span.label {
	padding: 1em 0;
}

.post-nav-links > * {
	padding: 1em 0.75em;
}

/* POST META BOTTOM */

.post-meta-wrapper.post-meta-single-bottom {
	margin-top: 3rem;
}


/* Author Bio -------------------------------- */

.author-bio {
	margin-top: 4rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 58rem;
	width: 100%;
}

.hide-avatars .author-bio {
	padding-left: 0;
}

.author-bio .author-title-wrapper {
	align-items: center;
	display: flex;
	margin: 0 0 1rem 0;
}

.author-bio .avatar {
	border-radius: 50%;
	margin-right: 1.5rem;
	height: 5rem;
	width: 5rem;
}

.hide-avatars img.avatar {
	display: none;
}

.author-bio p:last-child {
	margin-bottom: 0;
}

.author-bio .author-title {
	margin: 0;
}

.author-bio .author-link {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	margin-top: 1em;
	text-decoration: none;
}

.author-bio .author-link:focus,
.author-bio .author-link:hover {
	text-decoration: underline;
}


/* Single Pagination ------------------------- */

.pagination-single {
	font-size: 1.8rem;
	margin-top: 5rem;
}

.pagination-single-inner {
	display: flex;
	flex-direction: column;
}

.pagination-single hr:first-child {
	margin: 0 0 2.8rem 0;
}

.pagination-single hr:last-child {
	margin: 2.8rem 0 0.8rem 0;
}

.pagination-single a {
	align-items: baseline;
	display: flex;
	font-weight: 600;
	letter-spacing: -0.0275em;
	text-decoration: none;
	flex: 1;
}

.pagination-single a + a {
	margin-top: 1rem;
}

.pagination-single a .arrow {
	margin-right: 1rem;
}

.pagination-single a:focus .title,
.pagination-single a:hover .title {
	text-decoration: underline;
}

/* -------------------------------------------------------------------------- */

/*	13. Site Pagination
/* -------------------------------------------------------------------------- */


.pagination .nav-links {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.8rem;
	font-weight: 600;
	margin: -1.5rem 0 0 -2.5rem;
	width: calc(100% + 2.5rem);
}

.pagination-separator {
	margin: 5rem 0;
}

.nav-links > * {
	margin: 1.5rem 0 0 2.5rem;
}

.nav-links .placeholder {
	display: none;
	visibility: hidden;
}

.pagination a {
	text-decoration: none;
}

.pagination a:focus,
.pagination a:hover {
	text-decoration: underline;
}

.pagination .dots {
	transform: translateY(-0.3em);
	color: #6d6d6d;
}

.nav-short {
	display: none;
}

.ls-a-featured, .ls-a-featured .mini-content a {
	display: grid;
	grid-gap: var(--size-grid-gap);
}
.ls-a-featured .mini-content {
	background: var(--color-grey-1);
}
@media(min-width: 1200px) {
	.ls-a-featured {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.prevnext {
		grid-template-columns: 1fr 1fr;
	}
}
@media(max-width: 800px) {
	.ls-a-featured {
		grid-template-rows: auto auto auto;
	}
	.ls-a-featured .mini-content a {
		display: grid;
		grid-template-columns: 20% 80%;
		grid-template-rows: auto auto;
	}
	.ls-a-featured .mini-content .featured-media {
		width: unset;
	}
	.ls-a-featured .mini-content figure {
		grid-column: 1;
		grid-row: 1 / span 2;
		align-self: center;
	}
	.ls-a-featured .mini-content h2 {
		grid-column: 2;
		grid-row: 1;
	}
	.ls-a-featured .mini-content p {
		grid-column: 2;
		grid-row: 2;
	}

	.prevnext {
		grid-template-rows: auto auto;
	}
}
@media(max-width: 800px) {

	.ls-a-featured .mini-content .featured-media {
		width: unset;
		height: 200px;
		max-height: 200px;
		overflow: clip;
	}
	.ls-a-featured .mini-content .featured-media .featured-media-inner {
		margin-top: -100px;
	}
	.ls-a-featured .mini-content a {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	}
}

section.post.type-post > h2 {
	margin-bottom: .5em; /* 1em is too high */
}

[data-key="articles-categorie"] h2 {
	margin-bottom: 0;
}