/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/*************************
** || GLOBAL VARIABLES  **
*************************/
/* Variables */
:root {
  --color-mahogany: #ba3f42;
  --color-white: #fefefe;
  --color-light-grey: #d0cece;
  --color-viking: #3fbab7; /* Complementary Color of #ba3f42 */
  --color-apple: #42ba3f; /* Triadic Color of #ba3f42 */
  --color-free-speech-blue: #3f42ba; /* Triadic Color of #ba3f42 */
  --color-bermuda: #78cecc; /* Lighter version of viking */
  --color-petite-orchid: #d58b8d; /* Lighter version of mahogany */
  --color-east-bay: #45586b; /* Blue */
}

/**********************
** || Fonts          **
**********************/
@font-face {
	font-family: 'Futura Condensed PT Medium';
	font-style: normal;
	font-weight: 800;
	src: local('/wp-content/themes/bb-theme-child/fonts/futura/Futura Condensed PT Medium'), url('/wp-content/themes/bb-theme-child/fonts/futura/futura-condensed-pt-medium-589e44ed1e3a5.woff') format('woff');
    }
    
@font-face {
	font-family: 'Futura Condensed PT Medium Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('/wp-content/themes/bb-theme-child/fonts/futura/Futura Condensed PT Medium Oblique'), url('/wp-content/themes/bb-theme-child/fonts/futura/futura-condensed-pt-medium-oblique-589e4507d391c.woff') format('woff');
}
    

/**********************
** || General        **
**********************/
body {
	font-family: 'Futura Condensed PT Medium';
	font-weight: normal;
	font-size: 2.5rem !important;
	color: #1d1d1d;
}

h1 {
	text-align: center;
}

/* Span full width of screen */
@media (min-width: 992px) {
	.fl-full-width .container {
		width: 100%;
		padding-top: 1rem;
	}
}

/*****************************
** || Navigation Menu Bar   **
*****************************/
/* Adjust Widths */
@media (min-width: 992px) {
  /* Adjust width for the logo column */
	.fl-page-header-primary .row > div:first-child {
		width: 15%;
  }
	
  /* Adjust width for the navigation menu column */
	.fl-page-header-primary .row > div:last-child {
		width: 80%;
		height: 25vh;
  }
}

/* Display menu bar over image */
/* Fixed menu (not scroll) */
.home > div.fl-page > header.fl-page-header.fl-page-header-primary.fl-page-nav-right.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile > div {
	border-bottom-style: none;
	position: absolute;
	top: 0; /* Height of top bar */
	width: 100%;
	z-index: 10;
}

/* Container holding header */
.body > div.fl-page > header.fl-page-header.fl-page-header-primary.fl-page-nav-right.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile {
	background-position: 15% 17% !important;
}

/* Nav Item Links */
.menu-item.nav-item a {
	color: white !important;
	font-size: 2.5rem;
}

.menu-item.nav-item.current_page_item a,
.menu-item.nav-item a:hover {
	text-decoration: underline;
}

.sub-menu .menu-item.nav-item a,
.sub-menu .menu-item.nav-item a:hover {
	text-decoration: none;
}

/* Donate */
.nav-donate {
	background-color: var(--color-mahogany);
	border-radius: 15px;
}

/* Underline */
.current_page_item a,
nav ul li a:hover {
	text-underline-position: under;
}

/*****************************
** Header Section           **
*****************************/
.title-section h1 {
	font-family: 'Futura Condensed PT Medium';
	font-weight: 800;
	font-size: 8rem;
	color: var(--color-mahogany);
	text-align: center;
	margin: 0;
	line-height: 7rem;
}

.doat-salmon-going-extinct {
	text-align: center;
	color: black;
	font-size: 4rem;
	line-height: 1em;
}

/* CTA/Donate Button */
.doat-cta-buttons .fl-button {
	background-color: var(color-mahogany) !important;
}

.doat-cta-buttons .fl-button span {
	font-size: 3rem;
	line-height: 3rem;
}


/*****************************
** Participation Section    **
*****************************/
.doat-participate-title {
	text-align: left;
	font-size: 5rem;
	color: black;
	margin-bottom: 3rem;
	line-height: 7rem;
}

.doat-participate-desc {
	color: black;
	text-align: left;
	font-size: 3rem;
	line-height: 4rem;
}

.doat-participate-availability {
	color: black;
	font-size: 2.5rem;
	font-style: italic;
}

/*****************************
** Backstory Section        **
*****************************/
.doat-backstory-title .fl-module-content,
.doat-backstory-title .fl-module-content p {
	margin: 1rem;
}

.doat-backstory-title {
	color: black;
	font-size: 3rem;
}

.doat-event-desc {
	background-color: var(--color-mahogany);
	color: var(--color-white);
	font-size: 3rem;
	text-align: left;
	padding: 0 1em;
}

#backstory-title {
	font-size: 4rem;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 2rem;
	margin-top: 1.5rem;
}

/*****************************
** Contact Info Section     **
*****************************/
.doat-contact-info {
	text-align: center;
	color: black;
	font-size: 2.5rem;
}

.doat-contact-info a {
	text-decoration: underline;
}


/*****************************
** || SAVING SALMON PAGE    **
*****************************/
/*** Salmon Are Amazing Section ***/
.section-amazing-salmon {
	background-color: var(--color-mahogany);
}

.section-amazing-salmon h3 {
	color: white;
}

.section-amazing-salmon div {
	color: #eee;
}

/*** What Can Be Done Section ***/
.section-what-can-be-done {
	background-color: var(--color-east-bay);
}

.section-what-can-be-done h2 {
	color: white;
	font-weight: bold;
}

.section-what-can-be-done {
	color: white;
}


.saving-salmon-danger-section {
	position: relative;
}

.saving-salmon-danger-section::before {
	content: "";
	position: absolute;
	background: url('/staging/wp-content/uploads/2023/01/favicons.png') no-repeat center center;
	top:0px;
	left: 0px;
	width:100%;
	height:100%;
	opacity: .25;
}

/* Learn More Links */
.fl-node-48fjncxdphba .uabb-cl-wrap .uabb-cl-ul li {
	display: block;
}


/*****************************
** || WINE STORY PAGE       **
*****************************/
.wine-profile {
	border-radius: 15px;
	background-color: #f2f2f2;
	margin: .5em 1em;
}

.wine-profile hr {
	border-width: 1px;
	border-color: black;
	width: 75%;
}

.wine-profile img {
	width: 50%;
	display: block;
	margin: 1em auto 0;
}

img.salmon-safe {
	width: 25%;
	margin-top: 0;
}

.wine-column-container > div > div > div {
	column-gap: 0;
}

/* URW box */
div.wine-column-container > div > div > div > div.up-river-white > div > div.wine-profile {
	min-height: 615px;
}


/*****************************
** || EVENTS PAGE           **
*****************************/
.doat-event-info p {
	font-size: 2.5rem;
}

/* Text in second column */
.fl-node-42ojvdpw10f5 > div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {
	font-size: 3.5rem;
}

.doat-about-soiree {
	font-size: 3rem;
}

#doat-event-title-sold-out {
	font-style: italic;
}

/* Sponsor Logos Grid - Coho */
.sponsor-coho-logo-grid {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 1em;
}

/* Sponsor Logos Grid - Sockeye */
.sponsor-sockeye-logo-grid {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 1em;
}


/*****************************
** || BENEFICIARIES PAGE    **
*****************************/
.doat-event-title,
.doat-charity-title {
	text-align: center;
	font-size: 5rem;
	color: black;
	line-height: 7rem;
}

.uabb-infobox {
	align-items: normal !important;
	min-height: 65rem !important;
}

.doat-charity-info .fl-module-content {
	border: 2px solid black;
	border-radius: 15px;
	padding: 1em;
}

.photo-credit {
	text-align: center;
	font-size: 1.5rem !important;
}

.uabb-infobox-text > p:last-child {
	color: black !important;
	font-size: 2.25rem !important;
}

/* Logo and Foundation Purpose Section */
.about-foundation-grid {
	display: flex;
}

.doat-logo {
	height: 20rem;
	margin-right: 2em;
}

.doat-about-the-foundation {
	color: white;
	text-align: left;
	font-size: 3rem;
	line-height: 4rem;
}
/*** Sponsors Section ***/
.doat-sponsors {
	color: black !important;
	text-align: center;
	font-size: 4rem;
	border: 2px solid white;
	margin: 20px 0;
	background-color: rgba(255,255,255,0.60);
}

/* Stewardship Partners Sponsor */
div.doat-charity-info.stewardship-partners > div > div {
	min-height: 30rem !important;
}

.stewardship-partners img {
	width: 100% !important
}

/* Sponsor logos grid */
.sponsor-logo-grid {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 1em;
}


/*****************************
** || PRESS PAGE            **
*****************************/
.section-media-coverage {
	background-color: var(--color-east-bay);
}

/*** Post Grid Formatting ***/
.uabb-post-meta.uabb-blog-post-section {
	margin-top: .25em;
}

.ddot-news-post-source {
	font-style: italic;
	font-size: 1.5rem;
}

/* News post headings */
h3.uabb-post-heading.uabb-blog-post-section {
	font-size: 2rem;
	margin-top: .5em;
}


/* Make content height the same across all post containers */
.uabb-blog-post-content {
	height: 18em !important;
}

/* "Read More" Link Button */
.ddot-news-post-link {
	margin-top: .75em !important;
	width: 16rem;
	text-align: center;
	position: absolute;
	bottom: 1em;
	left: .25em;
}

.ddot-news-post-link a {
	background-color: var(--color-mahogany);
	color: white;
	padding: .25em 1em;
}

/* Pagination */
.page-numbers.current {
	color: white !important;
}

p.uabb-read-more-text {
	padding-top: .5em !important;
}
/*** Post Page Formatting ***/
/* Back to Home Link */
.post-back-link {
	margin-bottom: 1em;
}

.post-back-link a {
	font-size: 2.5rem;
}

/* CTA Button */
a.wp-block-button__link.wp-element-button {
	background-color: var(--color-mahogany) !important;
	color: white !important;
	margin-top: 1em;
	font-size: 2rem;
}


/**********************
** || Footer Signup  **
**********************/
.ddot-footer-signup {
	background: #f7f4ec;
	padding: 4rem 1.5rem;
	margin: 0;
	text-align: center;
}

.ddot-footer-signup-inner {
	max-width: 1500px;
	margin: 0 auto;
}

.ddot-footer-signup-text h2 {
	margin: 0 0 0.75rem;
	color: #102a43;
	font-size: 3rem;
	line-height: 1.1;
}

.ddot-footer-signup-text p {
	margin: 0 auto 3rem;
	color: #102a43;
	font-size: 2rem;
	line-height: 1.35;
}

/* Center the form group */
.ddot-footer-signup-form #gform_1 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 1rem;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
}

/* Prevent Gravity Forms from stretching the form body */
.ddot-footer-signup-form .gform-body {
	flex: 0 0 auto !important;
	width: auto !important;
}

/* Put Name field and Email field in one row */
.ddot-footer-signup-form .gform_fields {
	display: flex !important;
	align-items: flex-end;
	gap: 1rem;
}

/* Remove default field spacing */
.ddot-footer-signup-form .gfield {
	margin: 0 !important;
}

/* Name field contains First + Last */
.ddot-footer-signup-form #field_1_1 {
	width: auto !important;
}

.ddot-footer-signup-form #input_1_1 {
	display: flex !important;
	gap: 1rem;
}

.ddot-footer-signup-form #input_1_1 span {
	width: 260px !important;
	flex: 0 0 260px !important;
}

/* Email field wider */
.ddot-footer-signup-form #field_1_4 {
	width: 420px !important;
	flex: 0 0 420px !important;
}

/* Hide Gravity Forms labels */
.ddot-footer-signup-form .gfield_label,
.ddot-footer-signup-form legend {
	display: none !important;
}

/* Inputs */
.ddot-footer-signup-form input[type="text"],
.ddot-footer-signup-form input[type="email"] {
	width: 100% !important;
	min-height: 56px;
	border: 1px solid #102a43;
	border-radius: 4px;
	padding: 0.8rem 1rem;
	font-size: 2rem !important;
}

/* Submit button directly beside email */
.ddot-footer-signup-form .gform_footer {
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto;
}

.ddot-footer-signup-form input[type="submit"] {
	min-height: 56px;
	background: #102a43f2 !important;
	color: #ffffff;
	border: 1px solid #102a43f2;
	border-radius: 4px;
	padding: 0.8rem 2.1rem;
	font-size: 2rem !important;
	font-weight: 700;
	cursor: pointer;
}

.ddot-footer-signup-form input[type="submit"]:hover,
.ddot-footer-signup-form input[type="submit"]:focus {
	background: #ffffff !important;
	color: #102a43 !important;
	border-color: #102a43 !important;
}

/* Existing footer spacing */
.fl-page-footer-text {
	padding-top: 2.5rem;
}

/* Left-align text entered into footer signup fields */
.ddot-footer-signup-form input[type="text"],
.ddot-footer-signup-form input[type="email"] {
	text-align: left !important;
}

/* Left-align placeholders too */
.ddot-footer-signup-form input::placeholder {
	text-align: left;
}

.ddot-footer-signup-form input::placeholder {
	color: #8a8a8a;
	opacity: 1;
}

#gform_confirmation_message_1 {
	font-size: 2rem !important;
}

/* Responsive */
@media (max-width: 1100px) {
	.ddot-footer-signup-form #gform_1,
	.ddot-footer-signup-form .gform_fields,
	.ddot-footer-signup-form #input_1_1 {
		display: block !important;
		width: 100% !important;
	}

	.ddot-footer-signup-form #gform_1 {
		max-width: 600px;
	}

	.ddot-footer-signup-form #input_1_1 span,
	.ddot-footer-signup-form #field_1_4 {
		display: block;
		width: 100% !important;
		flex: none !important;
		margin-bottom: 1rem !important;
	}

	.ddot-footer-signup-form .gform_footer {
		text-align: center;
	}

	.ddot-footer-signup-text h2 {
		font-size: 2.4rem;
	}

	.ddot-footer-signup-text p {
		font-size: 2rem;
	}
}

/**********************
** || Footer (below sign-up form)  **
**********************/
.fl-page-footer {
	border-top: none;
	background-color: rgba(16,42,67,0.95);
}

.fl-page-footer-text p {
	font-size: 2.5rem;
	line-height: 1em;
	color: white;
}




/*****************************
******************************
**    RESPONSIVE CODE      ***
******************************
*****************************/

/*****************************
**  Up to 1200px wide       ***
*****************************/
@media (max-width: 1200px) {
	.fl-col.fl-node-j5iq3fl9hvdc.fl-col-bg-color.fl-col-small-custom-width.up-river-red-poster {
		width: 51.1% !important;
	}
}

/*****************************
**  Up to 1071px wide       ***
*****************************/
@media (max-width: 1071px) {
/* Foundations Section */
	.uabb-infobox {
		min-height: 70rem !important;
	}
	
	/* Backstory Section */
	.backstory-container > div > div > div {
		display: block;
	}
	
	/* Backstory Text */
	.backstory-container > div > div > div > div.fl-col.fl-node-rwhaq83v5sj7 {
		width: 100%;
	}
	
	/* Backstory Photo */
	.backstory-container > div > div > div > div.fl-col.fl-node-scxpnbf9oz8w.fl-col-small {
		width: 100%;
	}
}

/*****************************
**  Up to 1026px wide       ***
*****************************/
@media (max-width: 1026px) {
/* Foundations Section */
	.uabb-infobox {
		min-height: 75rem !important;
	}
}

/*****************************
**  Up to 992px wide       ***
*****************************/
@media (max-width: 992px) {
/* Sponsors Section */
	.doat-sponsors {
		margin: 20px 0;
	}
	
	/* Logo */
	.fl-page-header-primary .fl-logo-img {
		width: 10rem; 
	}
	
	/* Press Page */
	.uabb-blog-post-content {
		position: relative; /* so absolutely positioned children are relative to this box */
		padding-right: 150px; /* add some space on the right to make room */
	}

	.uabb-blog-post-content h5.uabb-post-meta,
	.uabb-blog-post-content h4.uabb-post-meta.ddot-news-post-source {
		position: absolute;
		right: 10px;
		text-align: right;
		padding: 2px 6px;
		border-radius: 4px;
		max-width: 300px;
	}

	.uabb-blog-post-content h5.uabb-post-meta {
		top: 25.5em; /* date near the top of the box */
		margin: 0;
	}

	.uabb-blog-post-content h4.uabb-post-meta.ddot-news-post-source {
		top: 18em; /* source below the date */
		margin: 0;
		font-size: 0.85em; /* slightly smaller */
		font-weight: normal;
	}
}


/*****************************
**  Up to 909px wide       ***
*****************************/
@media (max-width: 909px) {
/* Foundations Section */
	.uabb-infobox {
		min-height: 80rem !important;
	}
}

/*****************************
**  Up to 900px wide       ***
*****************************/
@media (max-width: 900px) {
	/* Press Page */
	.uabb-blog-post-content h5.uabb-post-meta,
	.uabb-blog-post-content h4.uabb-post-meta.ddot-news-post-source {
		max-width: 200px;
	}
	
	.uabb-blog-post-content h4.uabb-post-meta.ddot-news-post-source {
		font-size: 14px; /* slightly smaller source font */
		top: 28em; /* source below the date */
	}

	.uabb-blog-post-content h5.uabb-post-meta {
		top: 26em; /* date near the top of the box */
		margin: 0;
	}
}	


/*****************************
**  Up to 840px wide       ***
*****************************/
@media (max-width: 840px) {
/* Foundations Section */
	.uabb-infobox {
		min-height: 85rem !important;
	}
}

/*****************************
**  Up to 777px wide       ***
*****************************/
@media (max-width: 777px) {
/* Foundations Section */
	.uabb-infobox {
		min-height: 90rem !important;
	}
}

/*****************************
**  Up to 768px wide       ***
**  BB Breakpoint          ***
*****************************/
@media (max-width: 768px) {
	
	/* Navigation Menu Bar */
	#menu-main-menu-1 {
		padding: 1rem;
	}
	/* Beneficiaries Section */
	.uabb-infobox {
		min-height: initial !important;
	}
	
	.uabb-imgicon-wrap,
	.uabb-infobox-title-wrap {
		text-align: center;
	}
	
	/* Particpation Section */
	.about-foundation-grid {
		flex-direction: column;
	}
	
	/* Event Highlights Section */
	#fl-post-14 > div > div.fl-builder-content.fl-builder-content-14.fl-builder-content-primary > div.fl-row.fl-row-full-width.fl-row-bg-photo.fl-node-eqjfdnxtkosm.fl-row-custom-height.fl-row-align-center.fl-row-bg-overlay > div > div > div.fl-col-group.fl-node-4h6np8s05yag.fl-col-group-equal-height.fl-col-group-align-center.fl-col-group-custom-width > div.fl-col.fl-node-wifmnkxa6eu2.fl-col-small {
		max-width: 100%;
	}
	
	/* Logo and Foundation Purpose Section */
	.doat-logo {
		max-width: 100% !important;
    max-height: 50%;
		margin: 0 auto 1em;
	}
	
	/* Particpation Section */
	.doat-participate-title {
		text-align: center;
	}
	
	/* Backstory Photo */
	.backstory-container > div > div > div > div.fl-col.fl-node-scxpnbf9oz8w.fl-col-small {
		max-width: 100%;
	}
	
	/* Candy Mountain Photos */
	.candy-mountain-photos > div.fl-row-content-wrap > div > div > div.fl-col.fl-col-small {
		max-width: 100%;
	}

	/* Hamburger Menu */
	body > div.fl-page > header.fl-page-header.fl-page-header-primary.fl-page-nav-right.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile > div > div > div > div.col-sm-12.col-md-8.fl-page-nav-col > div > nav > button > span > i {
		font-size: 2em !important;
		color: white !important;
	}
	
	/* Image on Wine Page */
	.up-river-red-poster,
	.up-river-white-poster {
		display: none !important;
	}
	
	/* Boxes on Wine Page */
	.wine-intro {
		margin: 2rem;
	}
	
	.fl-col-group-equal-height {
		flex-wrap: wrap;
	}
	
	.fl-col-small:not(.fl-col-small-full-width) {
		max-width: 100%;
		margin: 2rem !important;
	}
	
	/* Events Page */
	/* Sponsor Logos Grid - Coho and Sockeye */
	.sponsor-sockeye-logo-grid,
	.sponsor-coho-logo-grid {
		grid-template-columns: auto auto;
		grid-gap: .5em;
		justify-items: center;
	}
	
	/* Press Page */
	/* Remove fixed height for post content */
	.uabb-blog-post-content {
		height: auto !important;
		padding-bottom: 2em !important;
		position: relative; /* Just in case other elements rely on this */
	}

	/* Reset positions for mobile */
	.uabb-blog-post-content h5.uabb-post-meta,
	.uabb-blog-post-content h4.uabb-post-meta.ddot-news-post-source,
	.ddot-news-post-link {
		position: static !important;
		padding: 0.5em 0;
		text-align: left;
		max-width: 100%;
		margin: 0;
		font-size: 1.5rem;
	}

	/* Add spacing below the title */
	.uabb-blog-post-content h3.uabb-post-heading {
		margin-bottom: 0.5em;
	}

	/* Adjust Read More button style */
	.ddot-news-post-link {
		width: auto;
		text-align: left;
		margin-top: 1em;
	}

	.ddot-news-post-link a {
		display: inline-block;
		padding: 0.5em 1em;
		font-size: 1.5rem;
	}

	/* Reset blog post container padding if necessary */
	.uabb-blog-post-content {
		padding-bottom: 1em !important;
	}
}	


/*****************************
**  Up to 500px wide       ***
*****************************/
@media (max-width: 500px) {
	/* Homepage hero image */
	.fl-builder-content .fl-node-r7nc8ay10tkj > .fl-col-content {
		min-height: 20vh;
	}
	
	/* Images bottom homepage */
	.fl-col-small:not(.fl-col-small-full-width) {
    margin: 0;
	}

	.doat-event-title,
	.doat-charity-title,
	.doat-participate-title {
		line-height: 6rem;
	}
	
	/* Title Section*/
	.title-section h1 {
		font-size: 7rem;
	}

	/* Events Page */
	/* Sponsors Section */
	.sponsor-logo-grid {
		grid-template-columns: auto auto;
	}
	
	/* Sponsor Logos Grid - Coho and Sockeye */
	.sponsor-sockeye-logo-grid,
	.sponsor-coho-logo-grid {
		grid-template-columns: auto;
	}
	
	/* Backstory Text */
	.doat-event-desc {
		padding: 0;
	}	

	/* Make media content height the same across all post containers */
	.uabb-blog-post-content {
		height: 16em !important;
	}

	.media-posts h3 {
		font-size: 2rem;
	}
}

/*****************************
**  Up to 400px wide       ***
**  BB Breakpoint          ***
*****************************/
@media (max-width: 400px) {
	/* Backstory Section */
	.backstory-container 
	div.fl-col.fl-node-scxpnbf9oz8w.fl-col-small > div {
		margin-top: 0 !important;
	}
}