/*
Theme Name: REQ Block Theme
Theme URI: https://example.com/req
Author: Go Fish Digital
Author URI: https://example.com
Description: A starter full Gutenberg theme scaffold for REQ.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: req
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, wide-blocks
*/

/*
 * Frontend fallback styles. Most design tokens live in theme.json.
 */

html, body {
  overscroll-behavior-y: none;
  
}
a,button{
	transition:all .3s ease;
}
header.wp-block-template-part.is-at-top.anim > div {
    border-bottom: 1px solid #ffffff1c;
}
strong {
	font-weight: 500;
}
a:where(a:not(.wp-element-button,.wp-block-gfd-link-block)):hover,
button:where(button:not(.wp-element-button)):hover{
	cursor: pointer;
	color:var(--wp--preset--color--red);
}

:root {
	--req-shadow: 0 24px 60px rgba(11, 36, 20, 0.12);
	--admin-bar-height: 0px;
	--header-height: 77px;
	--hero-min-height: 800px;
	--hero-max-height: 600px;
}
body.admin-bar {
  --admin-bar-height: 32px;
}

header {
  /* Keep this auto to make it responsive, our js will auto detect this value */
  height: auto;
}

header > div.is-position-sticky {
    position: fixed;
    top: 0px;
    z-index: 9;
    background: #ffffff00;
    width: 100%;
}

/* Push fixed header children below the WP admin bar when it is present. */
header > * {
	margin-top: var(--admin-bar-height);
}

/* Homepage header uses white at the top of the page, then switches to red after 50px. */
body.home header > * {
	color: #fff;
	background:#ffffff00;
	transition: color 0.3s ease, background-color 0.3s ease;
	border-bottom:1px solid #8cb0cf00;

}

body:not(.home) {
	margin-top:100px;
}

/* Extra margin for non-hero pages */
main > div:first-child:not(.home-hero-section){
    margin-top: 150px !important;
}

@media (max-width:768px){
	main > div:first-child:not(.home-hero-section){
		margin-top: 100px !important;
	}
}

header .wp-block-navigation-item.is-active > .wp-block-navigation-item__content,
header .wp-block-navigation-item.is-active-parent > .wp-block-navigation-item__content {
  border-bottom:1px solid red;
  color: red;
}

body:not(.home) header > *,
body.home header.scrolled > * {
	background:#fffffff0;
	backdrop-filter: blur(10px);
}
body:not(.home) header:not(.scrolled) > *{
	border-bottom:1px solid #8cb0cfcb;
}
body.home header.scrolled > * {
	border-bottom:1px solid #8cb0cf00 !important;
}
body.home header.scrolled > * svg{
	color: #E4381E;
}



body.home header.scrolled .wp-block-navigation__container a{
	color:#1B1A19;
}
body.home header .wp-block-navigation__container a:hover{
	color: #ffffff7b;
}
body.home header svg{
	transition: 0s !important;
}


body.home header.scrolled .wp-block-navigation__container a:hover{
	color: #E4381E;
}
body:not(.home) header .wp-block-navigation__container a:hover{
	color: #E4381E;
}
body:not(.home) header > * svg{
	color: #E4381E;
}

body {
	text-wrap: pretty;
}

a {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

.wp-site-blocks {
	min-height: 100dvh;
}

/* Offset responsive media blocks against the fixed header height. */
.home .req-responsive-media-content-block__media {
	min-height: min(max(calc(100dvh - var(--admin-bar-height) - 120px), 600px),800px) !important;

}

@media (max-width:420px){
	.home .req-responsive-media-content-block__media {
		min-height: min(max(calc(100dvh - var(--admin-bar-height) - 100px), 600px), 800px) !important;
	}
}
@media (max-width:350px){
	.home .req-responsive-media-content-block__media {
		min-height: min(max(calc(100dvh - var(--admin-bar-height) - 90px), 600px), 800px) !important;
	}
}
@media (min-width:2000px){
/* Offset responsive media blocks against the fixed header height. */
	.home .req-responsive-media-content-block__media {
		min-height: min(calc(100dvh - 158px),800px) !important;
	}
}


/* Remove only the root site block stack spacing, keep nested block gaps intact. */
:where(.wp-site-blocks) > * {
	margin-block-start: 0;
	margin-block-end: 0;
}



/* Specific section styling for the logo slider area of the site. */
.logo-slider-section .wp-block-image {

	max-width: 130px;
}

/* Fade both edges of the logo slider so logos taper into the section bounds. */
.logo-slider-section swiper-container {
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 12%,
		#000 88%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 12%,
		#000 88%,
		transparent 100%
	);
}

/* Patterns CSS */
/*@media (max-width:768px){
	.introduction-section > .wp-block-group > .wp-block-group > div:first-child{
		display:none;
	}
}*/

@media print {
	footer,
	footer.wp-block-template-part,
	.wp-block-navigation,
	.wp-block-navigation__responsive-container,
	.wp-block-navigation__container {
		display: none !important;
	}

	header,
	header.wp-block-template-part {
		display: block !important;
		position: static !important;
	}

	header > div,
	header > div.is-position-sticky {
		position: static !important;
		background: transparent !important;
		backdrop-filter: none !important;
		border-bottom: 0 !important;
	}

	body,
	body:not(.home) {
		margin-top: 0 !important;
	}
}


footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
    color: var(--wp--preset--color--red) !important;
}