/*
 * And Joy Cook — couche de design locale.
 * Ce fichier reste independant des mises a jour de Blossom Pin / PinIt.
 */

:root {
	--ajc-surface: #fff;
	--ajc-page: #fbfaf8;
	--ajc-border: rgba(82, 49, 27, 0.1);
	--ajc-shadow: 0 12px 34px rgba(64, 38, 21, 0.08);
}

.site-content {
	background: var(--ajc-page);
}

.blog #primary .post .holder {
	border: 1px solid var(--ajc-border);
	box-shadow: var(--ajc-shadow);
	overflow: hidden;
}

.blog #primary .post .holder:hover {
	box-shadow: 0 18px 42px rgba(64, 38, 21, 0.13);
}

.blog #primary .post .post-thumbnail {
	background: #eee7e0;
}

.blog #primary .post .post-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.blog #primary .post .entry-header .entry-title a:hover,
.blog #primary .post .entry-header .entry-title a:focus {
	color: var(--primary-color);
}

.blog #primary .post .entry-footer .read-more:focus-visible,
.blog #primary .post a:focus-visible,
.banner-slider a:focus-visible {
	outline: 3px solid var(--primary-color);
	outline-offset: 3px;
}

@media only screen and (min-width: 1200px) {
	.banner {
		width: calc(100% - 40px);
		max-width: 1600px;
		margin-right: auto;
		margin-left: auto;
	}

	.banner-slider,
	.banner-slider .owl-stage-outer {
		border-radius: 14px;
	}
}

@media only screen and (min-width: 1440px) {
	#content > .container {
		max-width: 1540px;
	}

	.home.hassidebar #primary {
		width: calc(100% - 360px);
	}

	.home.hassidebar #secondary {
		width: 360px;
		padding-left: 30px;
	}

	.blog.hassidebar #primary .post {
		width: 33.3333%;
	}
}

@media only screen and (max-width: 767px) {
	.site-content {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.blog #primary .post .top {
		padding: 12px 12px 24px;
	}
}