/*
Theme Name: Ida Masselli Scholarship
Author: drinkcaffeine
Author URI: https://drinkcaffeine.com/
Theme URI: https://drinkcaffeine.com/
Tags: full-site-editing, block-patterns
Text Domain: ida-masselli-scholarship
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body .wp-site-blocks>main {
	margin-block-start: 0 !important;
	padding-top: 0 !important;
}

@media screen and (min-width: 600px) {
	body {
		font-size: var(--wp--preset--font-size--medium);
	}

	body>.wp-site-blocks {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
}

/* hr */
hr {
	height: 1px;
}

/* nav */
.wp-container-core-navigation-layout-1.wp-container-core-navigation-layout-1 {
	justify-content: flex-end;
}

.wp-block-navigation ul.wp-block-navigation__container {
	gap: 1rem;
}

.wp-block-navigation .wp-block-navigation-item__content {
	display: block;
	width: 230px;
	text-align: center;
	position: relative;
}

.wp-block-navigation .wp-block-navigation-item__content::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top: 1px;
	background-color: var(--wp--preset--color--contrast);
	transition: height 0.2s ease 0s, top 0.2s ease 0s;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--primary);
}

.wp-block-navigation .wp-block-navigation-item__content:hover::before {
	background-color: var(--wp--preset--color--primary);
	top: 0;
	height: 3px;
}

.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--wp--preset--color--primary);
	font-weight: 800;
}

.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"]::before {
	background-color: var(--wp--preset--color--primary);
	top: 0;
	height: 3px;
}

/* Mobile Nav */

@media screen and (max-width: 600px) {

	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		width: 48px;
		height: 48px;
	}

	.wp-block-navigation__responsive-container-close svg {
		fill: white;
	}

	header.site-header .wp-container-core-group-layout-1>div {
		margin-block-start: 48px !important;
	}

	.wp-block-navigation__responsive-container-open {
		margin-top: 16px !important;
	}

	.wp-block-navigation-item .wp-block-navigation-item__content {
		font-size: 1.5rem;
		color: white !important;
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.wp-block-navigation-item .wp-block-navigation-item__content::before {
		background-color: white;
	}

	.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"]::before {
		background-color: white;

	}

	.wp-block-navigation-item .wp-block-navigation-item__content:hover::before {
		background-color: white;
		top: 0;
		height: 3px;
	}
}

/* Desktop Nav */
@media screen and (min-width: 600px) {
	header.site-header .wp-container-core-group-layout-1>div {
		margin-block-start: 90px !important;
	}
}

/* Typography */
h1 strong {
	font-weight: 800;
}

/* Custom Text Widths */
.max-w-680 {
	max-width: 680px;
}

/* Responsive Fixes */
@media screen and (max-width: 1360px) and (min-width: 782px) {
	.md-xl-flex-col {
		flex-direction: column;
	}
}

/* Border Bottom */
.has-border-bottom {
	padding-bottom: 30px;
	border-bottom-color: var(--wp--preset--color--contrast);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Visibility */
@media screen and (max-width: 599px) {
	.mobile-only {
		display: block;
	}

	.desktop-only {
		display: none;
	}
}

@media screen and (min-width: 600px) {
	.mobile-only {
		display: none;
	}

	.desktop-only {
		display: block;
	}
}

/* Recipients */
.year-wrapper>details:not(:first-of-type) {
	margin-top: 2px;
}

details summary {
	background-color: var(--wp--preset--color--contrast);
	color: white;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 30px 38px;
	font-weight: 700;
	font-size: 30px;
}

details summary::after {
	display: inline-flex;
	font-weight: 300;
	font-size: 30px;
}

details:not([open]) summary::after {
	content: '-';
}

details[open] summary::after {
	content: '+';
}

details>div {
	margin: 0;
}

details .recipients {
	border-left: 1px solid var(--wp--preset--color--contrast);
	border-right: 1px solid var(--wp--preset--color--contrast);
}

details .recipients>.recipient {
	padding: 30px 20px;
	border-bottom: 1px solid var(--wp--preset--color--contrast);
	margin: 0
}

details .recipients>.recipient:nth-child(even) {
	background-color: var(--wp--preset--color--secondary);
}

details .recipients>.recipient .wp-block-column>p:first-of-type>strong {
	font-size: 24px;
}

details .recipients>.recipient .wp-block-column>p:nth-of-type(2) {
	margin-block-start: 14px;
}

details .recipients>.recipient .wp-block-column>ul {
	list-style: none;
	padding-left: 0;
	margin-block-start: 20px;
}