/*
Theme Name:   	Share The Chair by Minimize
Theme URI:    	https://www.minimize.com
Description:  	A child theme Twenty Twenty-Four
Author:       	Minimize LLC
Author URI:   	https://www.minimize.com
Template:     	twentytwentyfour
Version:      	1.0.001
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	twentytwentyfourchild
Min Dev Notes:	JSON Customization
*/


/* GENERAL */
* {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
p {
	scroll-margin-top: 150px;
}
.hide {
	position: absolute;
	left: -99999px;
	top: -99999px;
}
:where(.wp-site-blocks *:focus) {
	outline-width: 0px;
	outline-style: solid;
}
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 2px !important;
}
:where(body .is-layout-constrained) > * {
	margin-block-start: 0;
}

.wp-block-button__link:hover {
	opacity: 0.85;
}

h1.wp-block-post-title {
	font-family: var(--wp--preset--font-family--quattrocento) !important;
}

/* NAVIGATION */


/* CORE BLOCK - COVER */


/* CORE BLOCK: DETAILS */


/* CORE BLOCK: SOCIAL ICONS */


/* CORE BLOCK: QUERY LOOP */


/* COLUMNS */


/* HOME PAGE */
.home .page-entry-header {
	display: none;
}

.home main,
.home .entry-content,
.home #mission {
	margin-block-start: 0 !important;
}

.person-card {
	
}
.home #apply-wrapper,
.home #who-wrapper  {
	background-size: contain;
	background-repeat: no-repeat;
}
.home #apply-wrapper {
	background-image: url("https://www.sharethechairfoundation.us/wp-content/uploads/2025/11/Share-the-Chair_Patterns-01-scaled.png");
}
.home #who-wrapper {
	background-image: url("https://www.sharethechairfoundation.us/wp-content/uploads/2025/11/Share-the-Chair_Patterns-03-scaled.png");
	background-position: bottom;
}


.person-card img {
	position: relative;
	z-index: 1;
}

.wp-block-spacer.anchor {
	display: block;
	position: relative;
	top: -200px;
	visibility: hidden;
}


/* FOOTER */
footer {
	margin-block-start: 0 !important;
}

/* RESPONSIVENESS */
@media only screen and (max-width: 599px) {
	
	/* HEADER W SITE LOGO */
	.header-site-logo-group,
	header .wp-block-site-logo {
		position: relative;
		z-index: 1000000;
	}
	
	/* NAVIGATION */
	header .primary-nav-top-search {
		position: absolute;
		top: -99999px;
		left: -99999px;
	}
	header .wp-block-site-logo,
	footer .wp-block-site-logo {
		width: 50px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	header .wp-block-navigation.items-justified-right {
		--navigation-layout-justification-setting: flex-start;
		--navigation-layout-justify: flex-start;
	}
	header .wp-block-navigation .wp-block-spacer {
		display: none;
	}
	header #modal-1 {
		padding-top: 110px;
	}
	header #modal-1-content {
		padding-top: 0;
	}
	header .wp-block-navigation__responsive-container-close {
		margin-top: -75px;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-top: 5px;
		padding-bottom: 10px;
	}
	header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		/* color: #0077A8 */
	}
	header .wp-block-navigation .wp-block-navigation-item {
		padding-bottom: 0px;
	}
	header .wp-block-navigation .wp-block-navigation-item.has-child {
		margin-bottom: -10px;
	}
	
}

@media only screen and (max-width: 781px) {
	.person-text-group {
		padding-top: 200px;
		margin-top: -200px;
	}
	.person-card {
		max-width: 400px;
		margin: auto;
	}
	header .wp-block-site-logo {
		min-width: 150px;
		width: 150px;
	}
	header .wp-block-navigation-item:not(.wp-block-navigation-link) {
		position: absolute;
		top: 0;
	}
	header ul.wp-block-navigation {
		padding-top: 100px;
	}
}

@media only screen and (min-width: 782px) and (max-width: 860px) {
	.person-text-group {
		padding-top: 100px;
		margin-top: -100px;
	}
}

@media only screen and (min-width: 861px) and (max-width: 1018px) {
	.person-text-group {
		padding-top: 120px;
		margin-top: -120px;
	}
}

@media only screen and (min-width: 1019px) and (max-width: 1167px) {
	.person-text-group {
		padding-top: 140px;
		margin-top: -140px;
	}
}

@media only screen and (min-width: 1168px) and (max-width: 1330px) {
	.person-text-group {
		padding-top: 160px;
		margin-top: -160px;
	}
}

@media only screen and (min-width: 1331px) {
	.person-text-group {
		padding-top: 180px;
		margin-top: -180px;
	}
}