/*
Theme Name:   WFAA Campaign Child
Description:  WFAA Campaign Child theme
Author:       WFAA
Template:     wfaa-campaign-theme
Version:      0.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  dayofthebadger
*/

* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}
body {
	font-size: 1.8rem;
}
/* mobile and desktop specific styles */

.desktop-only,
.desktop-only-flex,
.desktop-only-inline {
	display: none !important;
}
.mobile-only {
	display: block !important;
}
.mobile-only-flex {
	display: flex !important;
}
@media (min-width: 1150px) {
	.desktop-only {
		display: block !important;
	}
	.desktop-only-flex {
		display: flex !important;
	}
	.desktop-only-inline{
		display: inline-block !important;

	}
	.mobile-only,
	.mobile-only-flex {
		display: none !important;
	}
}


/* header and main-nav */
header .wp-block-group .wp-block-group:first-of-type{
	position: relative;
	min-height: 72px; /* in case there is nothing in the top nav area */
}
header .wp-block-wfaa-dotb-logo{
    background-color: #980006;
	padding: 1.6rem 1.4rem 1.6rem .8rem;
	position: relative;
	z-index: 1;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
	margin-top: 0 !important;
	width: 100px !important;
}
header .header-dotb-logo-wrap{
	filter: drop-shadow(3px 2px 6px rgba(50, 50, 0, 0.6));
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 100;
	left: 0;
	top: 0;
}
header .main-nav-wrap{
	position: relative;
	display: none;
	margin-top: 4px;
	max-width: 1080px !important;
}
header .main-nav-wrap .main-nav{
	position: absolute !important;
	min-height: unset !important;
	z-index: 6;
	background-color: var(--wp--preset--color--white);
	text-transform: uppercase;
	font-weight: 700;
	top: 0;
	padding:0 1.2rem;
}
header .main-nav-wrap .main-nav nav{
	max-width: fit-content !important;
}
header .main-nav-wrap .main-nav a{
	padding: 4px 12px;
}
.header-max-width{
	max-width: 810px !important;
}
header .wp-block-wfaa-cart-button{
	margin-right: 24px;
}
header .wp-block-wfaa-cart-button .wp-block-button{
	color: #fff;
}
header .wp-block-wfaa-cart-button .wp-block-button .wp-element-button{
	border: 1px solid;
}
header .mobile-menu-overlay .donation-slider{
    font-size: 1.6rem;
}
@media (min-width: 860px) {
	header .wp-block-wfaa-dotb-logo{
		width: 130px !important;
	}
	header .main-nav-wrap{
		display: flex;
		margin-top: 0;
	}
}
@media (min-width: 1150px) {
	header .wp-block-wfaa-cart-button{
		position: absolute;
		right: -48px;
	}
	header .header-dotb-logo-wrap{
		left: 3px;
	}
}
header .wp-block-wfaa-dotb-countdown-timer p{
	width: 94px;
}
.mobile-menu-wrap .wp-block-wfaa-dotb-countdown-timer p{
	width: auto;
	margin-bottom: 16px;
}

/* Custom Sections - Downloadable Content, Event, Impact Statistics */
	.custom-section .wp-block-group{
		gap: 12px 24px;
	}
@media (min-width: 650px) {
	.custom-section .wp-block-group{
		flex-wrap:nowrap;
		flex: 1;
		place-self: flex-start;
	}
}
/* Downloadable Content */
.downloadable-section hr{
	display: none;
}
.downloadable-section figure{
	margin: 2.4rem 0 3.6rem 0;
}
.downloadable-section .wp-block-file a:first-of-type{
	display: none;
}
.downloadable-section .wp-block-group.is-vertical{
	padding-bottom: 5.6rem;
	border-bottom: 1px solid var(--wp--preset--color--badger-red);
}
.downloadable-section .wp-block-group:last-of-type .is-vertical:last-of-type{
	padding-bottom: unset;
	border-bottom: none;
}
.wp-block-file *+.wp-block-file__button{
	margin-left:0;
}
@media (min-width: 650px) {
	.downloadable-section hr{
		display: block;
	}
	.downloadable-section .wp-block-group.is-vertical{
		padding-bottom: unset;
		border-bottom: none;
	}
}

/* Event Section */

.custom-section.event-section .wp-block-group{
	gap: 8px 36px;
	margin-block-start: 0;
}
.custom-section.event-section p, .custom-section.event-section ul{
	margin-top: 10px;
}
.custom-section.event-section p:first-of-type{
	margin-top: 0 !important;
}
.custom-section.event-section h3{
	line-height: 3.2rem;
}
@media (min-width: 650px) {
	.event-section .wp-block-group figure{
		flex: 1;
	}
	.event-section .wp-block-group figure + .wp-block-group{
		flex: 1;
	}
}

/* Impact Section */
.impact-section figure img{
	height: auto;
    max-width: 260px;
    max-height: 100px;
    width: auto;
}
.impact-section p{
	font-weight: 600;
}
.impact-section p:first-of-type{
	margin-block-start: 0 !important;
}
.impact-section .wp-block-group:nth-child(even):not(.is-vertical){
	flex-direction: row-reverse;
}
.impact-section .wp-block-group{
	justify-content: center;
	padding-bottom: 4.8rem; 
	border-bottom: 1px solid #fff;
	gap: 2rem;
}
.impact-section .wp-block-group:last-of-type, .impact-section .wp-block-group.is-vertical{
	padding-bottom: unset;
	border-bottom: none;
}
.impact-section .wp-block-group.is-vertical{
	place-self: unset;
	gap: .5rem;
	padding: 0 12px;
}
@media (min-width: 650px) {
	.impact-section figure img{
		max-width: 300px;
		max-height: 120px;
	}
}

/*stories section of impact page*/

#stories .wp-block-media-text h3{
	margin-top: 0;
	margin-block-start: 0;
}
#stories .wp-block-media-text p:first-of-type{
	margin-block-start: 2.4rem !important;
}

/* Search Page */

.search-query-title {
	margin-block-start: 1.4rem !important;
	font-weight: 500;
	color: var(--wp--preset--color--badger-red);
	font-size: 1.8rem;
}
.searchpage-search button {
	margin-left: 0;
}
.wp-block-search__inside-wrapper{
	max-width: 500px;
}
.wp-block-search__inside-wrapper button{
	margin-left: 0;
	padding: calc(0.667em + 2px) calc(0.667em + 2px);
}
.wp-block-search__inside-wrapper input{
	border-right: none;
	
}

/* Override feat img constrained to match XD width */
.feat-img-constrained{
	max-width: 896px !important;
}
/* Override weird dashed line on active state*/
.wp-block-navigation a:where(:not(.wp-element-button)):focus {
	text-decoration: underline !important;
}
footer {
	position: relative;
	margin-block-start: 0 !important;
}

/* Match/Challenge page*/
.cards-wrap{
	column-count: 1;
	column-gap: 2rem;
}
@media (min-width: 980px) {
	.cards-wrap{
		column-count: 2;
	}
}

/*fixes gap on campaign template when there are no recent donors section*/
.entry-content.wp-block-post-content.campaign-content{
	margin-block-end: 4.8rem;
}


/* mobile button styles */
.wp-block-button,
.wp-block-button__link.wp-element-button {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto !important;
}
.wp-block-buttons {
	gap: 2rem;
}
@media (min-width: 500px) {
	.wp-block-button,
	.wp-block-button__link.wp-element-button {
		display: inline-block;
		width: fit-content;
		margin: unset !important;
		max-width: unset;
	}
}

/*styles for stat bar spacing, based on if it's present or not*/
.bump-header {
  height: 0px !important;
}
.bump-header:has(+ .wp-block-wfaa-stats-bar) {
  height: 36px !important;
}

/* for donation counts and countdown hero on homepage */
.donation-counts-hero:has(.wp-block-post-featured-image), .std-countdown-hero:has(.wp-block-post-featured-image){
	min-height: unset !important;
}
.donation-counts-hero .wp-block-wfaa-global-stat-counts, .std-countdown-hero .wp-block-wfaa-fill-the-hill-countdown-timer{
	position: absolute;
	z-index: 4;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.donation-counts-hero .wp-block-wfaa-global-stat-counts.has-xx-large-hero-font-size{
	line-height: .75;
}
.donation-counts-hero .wp-block-cover__inner-container{
	position: relative;
}
.donation-counts-hero .wp-block-post-featured-image, .std-countdown-hero .wp-block-post-featured-image{    
	margin-block-start: 0 !important;
}
.donation-counts-hero .wp-block-post-featured-image img, .std-countdown-hero .wp-block-post-featured-image img{    
	height: auto;
	max-width: 160% !important;
	width: 160% !important;
}
@media (min-width: 600px) {
	.donation-counts-hero .wp-block-post-featured-image img, .std-countdown-hero .wp-block-post-featured-image img{    
		max-width: 120% !important;
		width: 120% !important;
	}
	.donation-counts-hero .wp-block-wfaa-global-stat-counts.has-xx-large-hero-font-size{
		line-height: .9;
	}
}
@media (min-width: 1000px) {
	.donation-counts-hero .wp-block-post-featured-image img, .std-countdown-hero .wp-block-post-featured-image img{    
		max-width: 100% !important; 
		width: 100% !important;
	}
	.donation-counts-hero .wp-block-wfaa-global-stat-counts.has-xx-large-hero-font-size{
		line-height: 1;
	}
}

/*global style overrides*/
p{
	margin-block-start: 2.4rem !important;
}