@charset "UTF-8";

/**
 * Singular template styles.
 *
 * @package museegodf
 * @author  Grégoire Noyelle
 * @license GPL-2.0-or-later
 * @link    https://www.gregoirenoyelle.com/
 */

/* Structure */
.tw-main-singular:not(.tw-main-no-title) {
	background-image: url("../img/fond-ciment-v2-optim.webp");
	background-size: 100% !important;
	background-position: 48% 0%;
	background-repeat: no-repeat;
	padding-bottom: 0 !important;
}

.tw-footer-wrapper {
	padding-top: 0 !important;
}

/* Title Columns */
.tw-title-columns {
	position: relative;
}

.tw-title-columns-main .tw-title-singular {
	padding-bottom: 20px;
}

/* Breadcrumb: current page, not a link */
.rank-math-breadcrumb .last {
	color: var(--wp--preset--color--tw-primary-6);
}

/* Breadcrumb: space between the breadcrumb and the page title */
.tw-title-columns-aside .rank-math-breadcrumb {
	padding-bottom: var(--wp--preset--spacing--tw-small);
}

.tw-aside-plus {
	padding-top: var(--wp--preset--spacing--tw-medium);
}

/* Content Columns */

.wp-block-columns.tw-content-columns,
.wp-block-columns.tw-title-columns {
	column-gap: var(--wp--preset--spacing--tw-intermediate) !important;
}

.tw-content-columns-aside {
	flex-basis: 15% !important;
	padding-top: var(--wp--preset--spacing--tw-medium);
	padding-right: var(--wp--preset--spacing--tw-normal);
	padding-bottom: var(--wp--preset--spacing--tw-medium);
	padding-left: var(--wp--preset--spacing--tw-normal);
	background-color: var(--wp--preset--color--tw-light) !important;
}

.tw-content-columns-main {
	flex-basis: 66.66% !important;
}

/* Collections: the main artwork stays large but fits in the screen */
.single-collection .tw-content-columns-main > .wp-block-image img {
	width: auto;
	max-width: 100%;
	max-height: 75vh;
}

.tw-aside-intro .wp-block-post-excerpt__excerpt {
	color: var(--wp--preset--color--tw-primary-6) !important;
}

/* Content and Title Columns */

@media (min-width: 780px) {
	.tw-title-columns-aside {
		flex-basis: 15% !important;
		padding-top: var(--wp--preset--spacing--tw-small);
		padding-right: var(--wp--preset--spacing--tw-normal);
		padding-bottom: var(--wp--preset--spacing--tw-medium);
		padding-left: var(--wp--preset--spacing--tw-normal);
		background-color: var(--wp--preset--color--tw-light);
		border-top: var(--wp--custom--border-width--accent) solid var(--wp--preset--color--tw-primary-2);
	}

	.tw-title-columns-main .tw-title-singular {
		padding-top: var(--wp--preset--spacing--tw-normal);
	}

	.tw-title-columns-main {
		flex-basis: 66.66% !important;
	}
}

@media (min-width: 1365px) {
	.tw-content-columns-aside,
	.tw-content-columns-main {
		padding-top: var(--wp--preset--spacing--tw-small);
	}
}

@media (max-width: 1364px) {
	.wp-block-columns.tw-content-columns {
		flex-wrap: wrap !important;
	}

	.tw-content-columns-aside {
		padding-top: var(--wp--preset--spacing--tw-medium);
	}

	/* Change order on mobile
	/*
	.tw-content-columns-main {
		order: 1;
	}

	.tw-content-columns-aside {
		order: 2;
	}
	*/

	.wp-block-columns.tw-content-columns > .wp-block-column {
		flex-basis: auto !important;
		min-width: 0;
	}
}

@media (min-width: 1200px) {
	.tw-main-singular {
		background-position: 48% 8%;
	}

	.tw-title-columns-aside {
		min-height: 142px; /* 122px in the original theme: more space between breadcrumb and title */
	}

	.tw-title-columns-main .tw-title-singular {
		position: absolute !important;
		bottom: 0;
		left: 0;
		padding-left: 30px;
		width: 1280px;
	}
}

/* Vertical rhythm in the content columns */
.tw-content-columns-main {
	padding-bottom: var(--wp--preset--spacing--tw-medium);
}

.tw-content-columns-main .tw-comp-title-image:not(:first-child) {
	margin-top: var(--wp--preset--spacing--tw-medium) !important;
}

/* Components: same space above and below, wherever they are placed */
.tw-content-columns-main .tw-compo {
	margin-top: var(--wp--preset--spacing--tw-medium) !important;
	margin-bottom: var(--wp--preset--spacing--tw-medium) !important;
}

.tw-content-columns-main > .tw-compo:first-child {
	margin-top: 0 !important;
}

.tw-content-columns-main > .tw-compo:last-child {
	margin-bottom: 0 !important;
}

.tw-content-columns-main .tw-comp-title-image + * {
	margin-top: var(--wp--preset--spacing--tw-small) !important;
}

.tw-content-columns-main h2:not(:first-child):not(.is-style-title-sidebar):not(.tw-comp-title-image > h2) {
	margin-top: var(--wp--preset--spacing--tw-medium);
}

.tw-content-columns-main :is(h3, h4):not(:first-child):not(.is-style-title-sidebar):not(.tw-comp-title-image > *) {
	margin-top: var(--wp--preset--spacing--tw-normal);
}

.tw-content-columns-main :is(.tw-compo, .wp-block-cover) + * {
	margin-top: var(--wp--preset--spacing--tw-medium) !important;
}

.tw-content-columns-main :is(p, ul, ol) + :is(.wp-block-columns, .wp-block-media-text, .wp-block-group, .wp-block-quote, .wp-block-image) {
	margin-top: var(--wp--preset--spacing--tw-normal);
}

.tw-content-columns-aside :is(.wp-block-group, h2, h3):not(:first-child) {
	margin-top: var(--wp--preset--spacing--tw-medium);
}