/*
Theme Name: Jardim Literario
Author: D-Lab
Author URI: 
Description: 
Version: 1.0
Text Domain: jardim
Update URI: false

*/


:root{
	--dark-brown: #321F16;
	--light-brown: #A46F54;
	--dark-yellow: #E7A239;
	--mid-yellow: #F8C418;
	--light-yellow: #F2D98C;
	--dark-blue: #006BB5;
	--mid-blue: #039EDA;
	--light-blue: #A2D0F1;
	--dark-sand: #F4DED4;
	--light-sand: #F2DCCF;
	--light-green: #589E7E;
	--dark-green: #2D6E4E;
	--pink: #EF9BB4;
	--salmon: #FA8072;
	--dark-white: #FDF1F4;

	--title-1: 2.5rem;
	--title-2: 2.25rem;
	--title-3: 1.5rem;
	--text: 1rem;

	--header-height: 81px;
	--section-padding: 70px;
	--gutter: 48px;
}

@media (min-width: 992px){
	:root{
		--title-1: 3.4375rem;
		--title-3: 2rem;
		--text: 1.25rem;

		--header-height: 80px;
		--section-padding: 100px;
		--gutter: 52px;
	}

	.page-template-template_home{
		--header-height: 72px;
	}
}



/* SETUP */
body{
	font-family: "brandon-grotesque", sans-serif;
	background-color: var(--dark-white);
	color: var(--dark-blue);
	scroll-padding: var(--header-height);
	padding-top: var(--header-height);
	font-size: var(--text);
}

*:is(:focus,:focus-visible){
	outline: 1px dotted var(--light-blue);
}

a{
	transition: color 0.3s ease;
	color: var(--mid-blue);
	font-weight: 700;
}

a:is(:hover, :focus, :active){
	color: var(--dark-blue);
}

h1,
h2,
h3,
h4,
h5{
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
}

h1{
	font-size: var(--title-1);
}

h2{
	font-size: var(--title-2);
}

h3,
h4,
h5,
h6{
	font-size: var(--title-3);
}



/* UTILITY */
.container{
	width: min(calc(100% - var(--gutter)), 1220px);
	margin-inline: auto;
}

.wide-container{
	width: min(calc(100% - var(--gutter)), 1640px);
	margin-inline: auto;
}

.narrow-container{
	width: min(calc(100% - var(--gutter)), 800px);
	margin-inline: auto;
}

.sr-only{
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.sr-only:is(a, button):focus{
	position: fixed;
	top: 50%;
	padding: 16px;
	background-color: var(--dark-blue);
	color: var(--dark-white);
	transform: translateY(-50%);
	width: auto;
	height: auto;
}

.btn{
	appearance: none;
	border: none;
	border-radius: 0;
	text-align: center;
	border-radius: 0;
	padding: 8px 16px;
	min-width: 170px;
	background-color: var(--mid-yellow);
	color: var(--dark-blue);
	cursor: pointer;
	transition: 0.3s ease;
	transition-property: color, background-color;
	min-height: 50px;
}

.btn:is(:hover, :focus, :active){
	outline: none;
	background-color: var(--dark-blue);
	color: var(--dark-white);
}

.btn-alt:is(:hover, :focus, :active){
	background-color: var(--salmon);
	color: var(--dark-white);
}



/* HEADER */
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--dark-blue);
	color: var(--dark-white);
	padding-top: 24px;
	padding-bottom: 24px;
	z-index: 100;
	font-size: 1rem;
}

.header-inner{
	display: flex;
	align-items: center;
	column-gap: 24px;
}

.header a{
	color: var(--dark-white);
}

.header .logo{
	display: block;
	line-height: 1;
	margin-right: auto;
	font-weight: normal;
}

.header a.logo:is(:hover, :focus, :active){
	text-decoration: none;
}

.header-menu nav ul{
	display: flex;
	column-gap: 32px;
	row-gap: 50px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.header-menu nav ul li{
	display: block;
	list-style: none;
}

@media (max-width: 991px){
	.header-menu{
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		width: min(294px, 80%);
		display: none;
		background-color: var(--dark-blue);
	}

	.header-menu.open{
		display: flex;
	}

	.header-menu-inner{
		display: flex;
		flex-direction: column;
		padding: 24px;
		overflow: auto;
		overscroll-behavior: contain;
		width: 100%;
		height: 100%;
		row-gap: 50px;
	}

	.header-menu-bg{
		display: block;
		position: absolute;
        right: 100%;
        width: 100vw;
        height: 100%;
		background-color: rgba(8,8,8,.5);
	}

	button.header-menu-toggle{
		appearance: none!important;
		padding: 0;
		border: none;
		border-radius: 0;
        background: transparent;
        cursor: pointer;
		color: var(--dark-yellow);
	}

	.header-menu-toggle:is(:hover, :focus, :active){
		color: var(--light-yellow);
		outline: none;
	}

	.header-menu-open svg{
		width: 40px;
		height: auto;
	}

	.header-menu-close{
		margin-left: auto;
	}

	.header-menu-close svg{
		width: 32px;
		height: auto;
	}

	.header-menu nav{
		margin-top: auto;
		margin-bottom: auto;
	}

	.header-menu nav ul{
		flex-direction: column;
		text-align: center;
	}

	.header-menu .logo{
		width: 182px;
		max-width: 100%;
		margin: 0 auto 80px;
	}
}

@media (min-width: 992px){
	.header-menu-open,
	.header-menu-close,
	.header-menu .logo,
	.header-menu-bg{
		display: none;
	}
}

@media (min-width: 1200px){
	.header-menu nav ul{
		column-gap: 70px;
	}
}



/* DEFAULT STYLE */
.default-style{
	margin: 48px 0;
}

.default-style article h1:first-child{
	margin-bottom: 48px;
}



/* 404 */
.page-not-found{
	text-align: center;
	margin: 120px 0;
}



/* HOME - HERO */
.home-hero{
	background-color: var(--light-sand);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.home-hero-graphic{
	width: 100%;
	overflow: hidden;
	pointer-events: none;
}

.home-hero-graphic svg{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.home-hero-content{
	margin: var(--section-padding) auto 0;
	width: min(calc(100% - var(--gutter)), 570px);
	display: flex;
	flex-direction: column;
}

.home-hero-logo{
	margin: 0 0 24px;
}

.home-hero-logo svg{
	width: 100%;
	height: auto;
}

.home-hero-slogan{
	--pad-x: 24px;
  	--pad-t: 24px;
  	--pad-b: 36px;
	--pad-i: 12px;

	background-color: var(--dark-white);
	color: var(--light-brown);
	font-size: var(--text);
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	overflow: hidden;
	padding: calc(var(--pad-t) + (var(--pad-i)/2)) calc(var(--pad-x) + var(--pad-i)) calc(var(--pad-b) + var(--pad-i));
	max-width: 396px;
    margin: 0 auto;

	clip-path: polygon(
		0% var(--pad-t),
		43% 0%,
		100% calc(var(--pad-t) / 5),
		100% calc(100% - var(--pad-b)),
		40% calc(100% - (var(--pad-b) * 0.55)),
		calc(var(--pad-x) / 2) 100%
	);
}

.home-hero-slogan:not(:last-child){
	margin-bottom: -28px;
	z-index: 2;
}

.home-hero-slogan span{
	transform: rotateZ(-4deg);
    display: block;
}

.home-hero-details{
	--pad-x: 18px;
  	--pad-t: 18px;
  	--pad-b: 40px;
	--pad-i: 12px;

	background-color: var(--light-blue);
	color: var(--light-brown);
	font-size: var(--text);
	text-align: center;
	line-height: 1.5;
	overflow: hidden;
	padding: calc(var(--pad-t) + (var(--pad-i) * 2)) var(--pad-i) calc(var(--pad-b) - (var(--pad-i) / 2)) calc(var(--pad-x) + var(--pad-i));
	width: 526px;
	max-width: 100%;
    margin: 0 auto;

	clip-path: polygon(
		var(--pad-x) var(--pad-t),
		64% var(--pad-t),
		100% 0%,
		100% calc(100% - calc(var(--pad-b) * 0.28)),
		56% 100%,
		0% calc(100% - var(--pad-b))
	);
}

.home-hero-details div{
	transform: rotateZ(3deg);
}

.home-hero-details h3{
	font-size: var(--title-2);
	text-transform: none;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.home-hero-details p{
	margin-bottom: 0;
}

@media (max-width: 991px){
	.home-hero-details{
		margin-bottom: calc(var(--pad-b) * -1);
		z-index: 2;
	}

	.home-hero-graphic svg{
		width: 130%;
	}
}

@media (min-width: 992px){
	.home-hero-content{
		grid-row: 1;
		grid-column: 1;
		justify-content: center;
	}

	.home-hero-details{
		margin-bottom: 160px;
	}

	.home-hero-graphic{
		grid-row: 1;
		grid-column: 1;
		z-index: 2;
		height: 100%;
	}

	.home-hero-graphic svg{
		width: auto;
		height: 100%;
	}
}



/* HOME - EDITION */
.home-edition{
	padding: var(--section-padding) 0;
}

.home-edition-inner{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: 100px;
	row-gap: 50px;
	align-items: center;
}

.home-edition-programming h2{
	margin-bottom: 32px;
}

.home-edition-programming ol{
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.home-edition-programming ol li{
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
	align-items: center;
	list-style: none;
	column-gap: 24px;
}

.home-edition-programming-time{
	display: block;
	overflow: hidden;
	font-size: 2rem;
	font-weight: bolder;
	color: var(--pink);
}

.home-edition-programming-time span{
	display: inline-block;
	position: relative;
	padding-right: 12px;
}

.home-edition-programming-time span::after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 100%;
	width: 100vw;
	transform: translateY(-50%);
	border-bottom: 2px solid var(--dark-blue);
}

.home-edition-details{
	background-color: var(--pink);
	color: var(--dark-white);
	text-align: center;
	overflow: hidden;
}

.home-edition-details h3{
	text-transform: none;
	font-weight: bold;
	margin-bottom: 32px;
}



@media (max-width: 991px){
	.home-edition-details{
		width: calc(100% + var(--gutter));
		margin-left: calc(var(--gutter) / -2);
		padding: 48px calc(var(--gutter) / 2);

		clip-path: polygon(
			0% 16px,
			40% 0%,
			100% 16px,
			100% calc(100% - 16px),
			60% 100%,
			0% calc(100% - 16px)
		);
	}

	.home-edition-details p strong{
		display: block;
	}

	.home-edition-details p:last-child{
		margin-bottom: 0;
	}
}

@media (min-width: 992px){
	.home-edition-inner{
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.home-edition-programming ol{
		row-gap: 42px;
	}

	.home-edition-details{
		--pad-t: 42px;
		--pad-r: 42px;
		--pad-b: 66px;
		--pad-l: 8px;
		--pad-i: 12px;
		padding: calc(var(--pad-t) + (var(--pad-i) * 2)) calc(var(--pad-r) + var(--pad-i)) calc(var(--pad-b) + var(--pad-i)) calc(var(--pad-l) + var(--pad-i));

		clip-path: polygon(
			0% var(--pad-t),
			45% 0%,
			calc(100% - var(--pad-r)) var(--pad-t),
			100% calc(100% - var(--pad-b)),
			55% 100%,
			var(--pad-l) calc(100% - var(--pad-b))
		);
	}

	.home-edition-details p{
		margin-bottom: 0;
	}
}



/* HOME - BOOKS */
.home-books{
	padding: var(--section-padding) 0;
	background-color: var(--dark-sand);
}

.home-books-inner h2{
	margin-bottom: 30px;
}

.home-books-list{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: 30px;
}

.home-books-list-item{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: 40px;
	row-gap: 30px;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 64px;
	z-index: 1;
}

.home-books-list-item::before{
	content: '';
	display: block;
	position: absolute;
	background-color: var(--dark-white);
	z-index: -1;
}

.home-books-list-item-image{
	aspect-ratio: 1;
	display: flex;
	overflow: hidden;
}

.home-books-list-item:nth-child(5n+1) .home-books-list-item-image{
	clip-path: polygon(
		100% 8%,
		100% 94%,
		0% 100%,
		4% 0%
	);
}

.home-books-list-item:nth-child(5n+2) .home-books-list-item-image{
	clip-path: polygon(
		100% 8%,
		99% 94%,
		2% 100%,
		0% 0%
	);
}

.home-books-list-item:nth-child(5n+3) .home-books-list-item-image{
	clip-path: polygon(
		100% 8%,
		99% 95%,
		7% 100%,
		0% 0%
	);
}

.home-books-list-item:nth-child(5n+4) .home-books-list-item-image{
	clip-path: polygon(
		100% 8%,
		99% 94%,
		2% 100%,
		0% 0%		
	);
}

.home-books-list-item:nth-child(5n+5) .home-books-list-item-image{
	clip-path: polygon(
		100% 8%,
		99% 95%,
		4% 100%,
		0% 0%		
	);
}

.home-books-list-item-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-books-list-item-content h3{
	color: var(--salmon);
	text-transform: none;
	font-weight: bold;
	margin-bottom: 1em;
}

.home-books-list-item-content strong{
	color: var(--mid-blue);
}

@media(max-width: 767px){
	.home-books-list-item::before{
		top: 200px;
		left: calc(var(--gutter) / -2);
		right: calc(var(--gutter) / -2);
		bottom: 0;
		clip-path: polygon(
			0% 24px,
			50% 0%,
			100% 32px,
			100% calc(100% - 32px),
			40% 100%,
			0% calc(100% - 24px)
		);
	}
	
}

@media(min-width: 768px){
	.home-books-inner h2{
		margin-bottom: 70px;
	}

	.home-books-list-item{
		padding: 80px 0;
	}

	.home-books-list-item:nth-child(odd){
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.home-books-list-item:nth-child(even){
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.home-books-list-item:nth-child(odd) .home-books-list-item-image{
		order: 2;
	}

	.home-books-list-item:nth-child(odd) .home-books-list-item-content{
		padding-left: 50px;
	}

	.home-books-list-item:nth-child(even) .home-books-list-item-content{
		padding-right: 50px;
	}

	.home-books-list-item:nth-child(odd)::before{
		top: 0;
		right: 200px;
		left: 0;
		bottom: 0;
		clip-path: polygon(
			8px 48px,
			50% 0%,
			100% 56px,
			100% calc(100% - 64px),
			40% 100%,
			0% calc(100% - 52px)
		);
	}

	.home-books-list-item:nth-child(even)::before{
		top: 0;
		right: 0;
		left: 200px;
		bottom: 0;
		clip-path: polygon(
			28px 42px,
			70% 0%,
			100% 52px,
			99% 100%,
			63% calc(100% - 42px),
			0% calc(100% - 28px)
		);
	}
}

@media (min-width: 1200px){
	.home-books-list-item:nth-child(odd) .home-books-list-item-content{
		padding-left: 100px;
	}

	.home-books-list-item:nth-child(even) .home-books-list-item-content{
		padding-right: 100px;
	}
}



/* HOME - ABOUT */
.home-about{
	overflow: hidden;
}

.home-about-inner{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.home-about-about,
.home-about-highlights{
	padding: var(--section-padding) 0;
	position: relative;
	z-index: 1;
	color: var(--dark-white);
}

:is(.home-about-about, .home-about-highlights)::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100vw;
	z-index: -1;
}

.home-about-about::before{
	background-color: var(--salmon);
}

.home-about-highlights::before{
	background-color: var(--mid-yellow);
}

:is(.home-about-about, .home-about-highlights) h2{
	margin-bottom: 1em;
}

:is(.home-about-about, .home-about-highlights) > *:last-child{
	margin-bottom: 0;
}

.home-about-highlights ul{
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: 20px;
	row-gap: 10px;
}

.home-about-highlights ul li{
	text-align: center;
	display: block;
	list-style: none;
	color: var(--dark-blue);
	background-color: var(--dark-white);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 32px;
	max-width: 306px;
	min-height: 100%;
	margin: auto;
}

.home-about-highlights ul li:nth-child(4n+1){
	clip-path: polygon(
		0% 0%,
		60% 10px,
		100% 10px,
		100% 100%,
		44% 100%,
		0% calc(100% - 16px)
	);
}

.home-about-highlights ul li:nth-child(4n+2){
	clip-path: polygon(
		0% 20px,
		53% 0%,
		100% 28px,
		100% calc(100% - 10px),
		33% 100%,
		5px calc(100% - 12px)
	);
}

.home-about-highlights ul li:nth-child(4n+3){
	clip-path: polygon(
		4px 0%,
		60% 18px,
		95% 11px,
		100% calc(100% - 12px),
		32% 100%,
		0% calc(100% - 22px)
	);
}

.home-about-highlights ul li:nth-child(4n+4){
	clip-path: polygon(
		0% 16px,
		56% 0%,
		100% 24px,
		95% 100%,
		41% calc(100% - 13px),
		5px 100%
	);
}

.home-about-highlights-value{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 0.5rem;
}

.home-about-highlights-symbol{
	color: var(--salmon);
}


@media (max-width: 991px){
	.home-about{
		text-align: center;
	}

	:is(.home-about-about, .home-about-highlights)::before{
		left: calc(var(--gutter) / -2);
	}
}

@media (min-width: 600px) and (max-width: 991px){
	.home-about-highlights ul li:nth-child(odd){
		margin-right: 0;
	}

	.home-about-highlights ul li:nth-child(even){
		margin-left: 0;
	}
}

@media (min-width: 600px){
	.home-about-highlights ul{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px){
	.home-about-inner{
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.home-about-about{
		padding-right: 50px;
	}

	.home-about-about::before{
		right: 0;
	}

	.home-about-highlights{
		padding-left: 50px;
	}

	.home-about-highlights::before{
		left: 0;
	}
}

@media (min-width: 1200px){
	.home-about-about{
		padding-right: 100px;
	}

	.home-about-highlights{
		padding-left: 100px;
	}
}



/* HOME - EDITIONS */
.home-editions{
	padding: var(--section-padding) 0;
	background-color: var(--dark-blue);
	color: var(--dark-white);
}

.home-editions h2{
	margin-bottom: 1em;
}

.home-editions details{
	border-bottom: 2px solid;
}

.home-editions details summary{
	padding: 30px 0;
	cursor: pointer;
	list-style-type: none;
	display: flex;
	column-gap: 24px;
	transition: color 0.3s ease;
}

.home-editions details summary:is(:hover){
	color: var(--mid-yellow);
}

.home-editions details summary:focus:not(:focus-visible){
	outline: none;
}

.home-editions-toggle{
	margin-left: auto;
}

.home-editions details[open] .home-editions-toggle-open,
.home-editions-toggle-close{
	display: none;
}

.home-editions details[open] .home-editions-toggle-close{
	display: initial;
}

.home-editions-toggle svg{
	width: 28px;
	height: auto;
}

.home-editions details summary h3{
	font-weight: bold;
	margin: 0;
}

.home-editions-content{
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
}

.home-editions-content-books{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 30px;
	width: 100%;
}

.home-editions-content-books-item{
	background-color: var(--dark-white);
	color: var(--salmon);
	display: flex;
	flex-direction: column;
}

.home-editions-content-books-item-content{
	padding: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	flex-grow: 1;
}

.home-editions-content-books-item-content h4{
	font-weight: bold;
	margin-bottom: 0;
}

.home-editions-content-books-item-content p{
	margin-top: auto;
	margin-bottom: 0;
}

.home-editions-photo-gallery{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: calc(var(--gutter) / 2) 0;
	background: rgba(0,0,0,.9);
	display: none;
	flex-direction: column;
	z-index: 200;
	overflow-x: clip;
	overflow-y: auto;
}

.home-editions-photo-gallery.open{
	display: flex;
}

.home-editions-photo-gallery-inner{
	display: flex;
	flex-direction: column;
}

.home-editions-photo-gallery-close{
	appearance: none;
	border-radius: 0;
	border: none;
	text-align: center;
	border-radius: 0;
	padding: 0;
	width: 36px;
	margin-left: auto;
	background-color: transparent;
	color: var(--salmon);
	cursor: pointer;
	margin-bottom: 16px;
	transition: all 0.3s ease;
}

.home-editions-photo-gallery-close:is(:hover, :focus, :active){
	color: var(--mid-yellow);
	outline: none;
}

.home-editions-photo-gallery-title{
	text-transform: uppercase;
	font-size: var(--title-1);
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}

.home-editions-photo-swiper{
	width: 100%;
}

.home-editions-photo-swiper .swiper-wrapper{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.home-editions-photo-swiper .swiper-slide{
	grid-column: 1;
	grid-row: 1;
	width: 800px!important;
    max-width: 80%;
    margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease;
	transform: scale(0);
	transform-origin: center;
}

.home-editions-photo-swiper .swiper-slide.swiper-slide-before-prev{
	transform: translateX(-20%) scale(0.6);
	transform-origin: left center;
	z-index: 2;
	opacity: 1;
}

.home-editions-photo-swiper .swiper-slide.swiper-slide-after-next{
	transform: translateX(20%) scale(0.6);
	transform-origin: right center;
	z-index: 2;
	opacity: 1;
}

.home-editions-photo-swiper .swiper-slide.swiper-slide-prev{
	transform: translateX(-15%) scale(0.8);
	transform-origin: left center;
	z-index: 3;
	opacity: 1;
}

.home-editions-photo-swiper .swiper-slide.swiper-slide-next{
	transform: translateX(15%) scale(0.8);
	transform-origin: right center;
	z-index: 3;
	opacity: 1;
}

.home-editions-photo-swiper .swiper-slide.swiper-slide-active{
	transform: scale(1);
	z-index: 4;
	opacity: 1;
}

.home-editions-photo-swiper img{
	width: 100%;
	height: auto;
	max-height: 536px;
	object-fit: contain;
}

.home-editions-photo-swiper .swiper-controls{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 40px;
}

.home-editions-photo-swiper .swiper-controls :is(.gallery-prev, .gallery-next){
	background-color: transparent;
	appearance: none;
	border: none;
	border-radius: 0;
	padding: 0;
	color: var(--dark-white);
	transition: color 0.3s ease;
	cursor: pointer;
}

.home-editions-photo-swiper .swiper-controls :is(.gallery-prev, .gallery-next):is(:hover, :focus-visible){
	color: var(--mid-yellow);
}

.home-editions-photo-swiper .swiper-controls :is(.gallery-prev, .gallery-next):focus{
	outline: none;
}

.home-editions-photo-swiper .swiper-controls :is(.gallery-prev, .gallery-next) svg{
	width: 40px;
	height: 40px;
}

.home-editions-photo-swiper .swiper-pagination{
	position: relative;
	width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
	inset: auto;
	min-height: 16px;
	gap: 8px;
}

.home-editions-photo-swiper .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	opacity: 1;
	cursor: pointer;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0!important;
	border-radius: 0;
}

.home-editions-photo-swiper .swiper-pagination-bullet::before{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	opacity: 0.5;
	cursor: pointer;
	background-color: var(--dark-white);
	transition: all 0.1s ease;
	border-radius: 50%;
}

.home-editions-photo-swiper .swiper-pagination-bullet-active::before{
	width: 16px;
	height: 16px;
	opacity: 1;
}

.home-editions-photo-swiper .swiper-pagination-bullet:is(:hover, :focus-visible)::before{
	background-color: var(--mid-yellow);
	opacity: 1;
}

.home-editions-photo-swiper .swiper-pagination-bullet:focus{
	outline: none;
}

@media (max-width: 767px){
	.home-editions-photo-swiper{
		width: calc(100% + var(--gutter));
    	margin-left: calc(var(--gutter) / -2);
	}
}

@media (min-width: 768px){
	.home-editions h2{
		margin-bottom: 2em;
	}

	.home-editions-content-books{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px){
	.home-editions-content-books{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}



/* HOME - SPONSORS */
.home-sponsors{
	padding: var(--section-padding) 0;
	background-color: var(--mid-blue);
	color: var(--dark-white);
}

.home-sponsors a{
	color: var(--dark-white);
}

.home-sponsors a:is(:hover, :focus, :active){
	color: var(--mid-yellow);
}

.home-sponsors-inner{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	row-gap: 40px;
}

.home-sponsors-group h2{
	text-transform: none;
	font-size: var(--text);
	margin-bottom: 1.5rem;
}

.home-sponsors-group[data-title-alignment="center"] h2{
	text-align: center;
}

.home-sponsors-group[data-title-alignment="right"] h2{
	text-align: right;
}

.home-sponsors-group-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 30px;
}

.home-sponsors-group[data-separator="0"] .home-sponsors-group-list{
	column-gap: 30px;
}

.home-sponsors-group[data-separator="1"] .home-sponsors-group-list{
	column-gap: 24px;
}

.home-sponsors-group[data-separator="1"] .home-sponsors-group-list-logo:not(:first-child){
	padding-left: 24px;
	border-left: 2px solid var(--dark-white);
}

.home-sponsors-group :is(img, svg){
	width: auto;
	object-fit: contain;
	object-position: center;
}

.home-sponsors-group[data-logo-size="normal"] :is(img, svg){
	max-width: 104px;
	height: 44px;
}

.home-sponsors-group[data-logo-size="big"] :is(img, svg){
	max-width: 142px;
	height: 68px;
}

@media(min-width: 768px){
	.home-sponsors-group[data-separator="0"] .home-sponsors-group-list{
		column-gap: 60px;
	}

	.home-sponsors-group[data-separator="1"] .home-sponsors-group-list{
		column-gap: 29px;
	}

	.home-sponsors-group[data-separator="1"] .home-sponsors-group-list-logo:not(:first-child){
		padding-left: 29px;
	}

	.home-sponsors-group[data-logo-size="normal"] :is(img, svg){
		max-width: 150px;
		height: 60px;
	}

	.home-sponsors-group[data-logo-size="big"] :is(img, svg){
		max-width: 200px;
		height: 96px;
	}

}



/* CONTACT SECTION */
.contact-section-inner{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: 100px;
	row-gap: 70px;
	padding-block: var(--section-padding);
}

.contact-section-inner nav ul{
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: 30px;
	text-transform: uppercase;
}

.contact-section-inner nav ul li{
	display: block;
	list-style: none;
}

.contact-section-inner h2{
	font-weight: bold;
	text-transform: none;
}

.contact-section-inner form{
	margin-top: 24px;
}

.form-row{
	margin-bottom: 16px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: 32px;
	row-gap: 16px;
}

:is(.form-row, .form-submit) p{
	margin-bottom: 0;
}

:is(.form-row, .form-submit) p br{
	display: none;
}

.form-row :is(input:not([type="checkbox"], [type="radio"], [type="button"]), textarea){
	appearance: none;
	border-radius: 0;
	background: transparent;
	width: 100%;
	border: none;
	border-bottom: 2px solid var(--dark-blue);
	min-height: 47px;
	transition: border 0.3s ease;
	color: var(--dark-blue);
}

.form-row :is(input:not([type="checkbox"], [type="radio"], [type="button"]), textarea)::placeholder{
	color: var(--dark-blue);
}

.form-row :is(input:not([type="checkbox"], [type="radio"], [type="button"]), textarea):focus{
	outline: none;
	border-bottom-color: var(--dark-yellow);
}

.form-row :is(input:not([type="checkbox"], [type="radio"], [type="button"]), textarea).wpcf7-not-valid{
	border-color: #f00;
}

.form-submit{
	margin-top: 32px;
}

.form-submit,
.form-submit p{
	display: flex;
	align-items: center;
}

.wpcf7 form .wpcf7-response-output{
	padding: 0;
	margin: 32px 0 0;
	border: none;
}

.wpcf7-not-valid-tip{
	font-size: 0.875rem;
	font-weight: normal;
}


@media(max-width: 767px){
	.contact-section-inner nav ul{
		justify-content: center;
		text-align: center;
	}
}

@media(min-width: 768px){
	.contact-section-inner{
		grid-template-columns: 300px minmax(0, 1fr);
	}

	.contact-section-form{
		grid-row: 1;
		grid-column: 2;
	}

	.contact-section-inner nav{
		grid-row: 1;
		grid-column: 1;
	}

	.form-row-2{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}



/* FOOTER */
.footer-copyright{
	padding: 25px 0;
	text-align: center;
	font-size: 1rem;
	background-color: var(--mid-yellow);
	line-height: 1;
}

.footer-copyright a{
	font-weight: normal;
	color: var(--dark-blue);
}

.footer-copyright-inner{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 6px;
}

.footer-copyright-inner nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 0;
	margin: 0;
}

.footer-copyright-inner nav ul li{
	list-style: none;
	display: block;
}

@media (min-width: 768px){
	.footer-copyright-inner{
		flex-direction: row;
		row-gap: 12px;
	}

	.footer-copyright-inner > *:not(:first-child){
		margin-left: 12px;
		border-left: 1px solid var(--dark-blue);
		padding-left: 12px;
	}
}