/**
 * Theme Name:       Greater Minnesota Housing Fund
 * Theme URI:        https://gmhf.com
 * Description:      Greater Minnesota Housing Fund is a custom child theme built on the Genesis Framework utilizing Mai Engine 2.0.
 * Author:           Flying Orange
 * Author URI:       https://www.flyingorangewebdesign.com
 * Version:          1.0
 * Text Domain:      gmhf
 * Template:         genesis
 * Template Version: 3.5
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

/* Table of Contents

	- Defaults
	- NOAH & MEF Customizations
	- Case Studies Blocks
	- Blog Post Customization
	- Mai Accordion
	- Mai Favorites
	- FacetWP
	- The Events Calendar
	- Media Queries

*/

/* # Defaults
---------------------------------------------------------------------------------------------------- */

:root {
	--sub-menu-width: 200px;
	--sub-menu-border: 0;
	--sub-menu-background: var(--color-alt);
	--sub-menu-font-size: var(--font-size-sm);
	--menu-font-family: var(--heading-font-family);
	--menu-font-weight: 900;
}

.site-header {
	border-bottom: none;
}

.nav-header {
	--menu-item-link-color: var(--color-body);
	--menu-item-link-color-hover: var(--color-primary);
	--menu-font-size: var(--font-size-sm);
	--menu-item-link-padding: var(--spacing-xs) var(--spacing-lg);
}

.nav-header .menu-item {
	border-right: 2px solid var(--color-body);
}

.nav-header .menu-item-last, .nav-header .menublog {
	border-right: none;
}

.nav-after-header {
	background: var(--color-primary);
	padding: 0;
	box-shadow: var(--shadow);
	--color-shadow: rgba(10,20,30,.2);
	--menu-justify-content: flex-end !important;
	--menu-font-size: var(--font-size-sm);
	--menu-item-link-color: var(--color-white);
	--menu-item-link-color-hover: var(--color-white);
	--menu-item-link-padding: var(--spacing-lg) var(--spacing-lg);
}

.nav-after-header .menu-item-link:hover {
	background-color: var(--color-primary-dark);
}

.nav-after-header .menu-item-link {
	word-break: break-word;
	width: 150px;
	min-height: 112px;
	align-items: flex-start;
	border-right: 1px solid var(--color-alt);
}

#menu-primary-navigation .menu-item {
	border-right: 1px solid var(--color-alt);
}

#menu-primary-navigation .menu-item-last.menu-item {
	border-right: none;
}

#menu-primary-navigation .menu-item-link-current.menu-item-link > span, #menu-primary-navigation .current_page_ancestor .menu-item-link > span {
	border-bottom: 2px solid var(--color-white);
	padding-bottom: 4px;
}

#menu-header-right-menu .menu-item-link-current.menu-item-link > span, #menu-header-right-menu .current_page_ancestor .menu-item-link > span {
	border-bottom: 2px solid var(--color-body);
	padding-bottom: 4px;
}

#menu-primary-navigation .menu-item-has-children > a::after, #menu-header-right-menu .menu-item-has-children > a::after {
	display: none;
}

#menu-primary-navigation .sub-menu, #menu-header-right-menu .sub-menu {
	padding: 0;
	background: var(--color-alt);
	border-radius: 0;
	z-index: 11;
}

#menu-primary-navigation .sub-menu .menu-item-link, #menu-header-right-menu .sub-menu .menu-item-link {
	word-break: break-word;
	width: 200px;
	min-height: unset;
	font-family: var(--body-font-family);
	font-weight: 700;
	padding: var(--spacing-sm) var(--spacing-md);
	color: var(--color-body);
}

#menu-primary-navigation .sub-menu .menu-item-link-current, #menu-primary-navigation .sub-menu .menu-item-link:hover, #menu-header-right-menu .sub-menu .menu-item-link-current, #menu-header-right-menu .sub-menu .menu-item-link:hover {
	background: var(--color-white);
	color: var(--color-body);
}

#menu-primary-navigation .sub-menu .menu-item-link-current.menu-item-link > span, #menu-primary-navigation .current_page_ancestor .sub-menu .menu-item-link > span, #menu-header-right-menu .sub-menu .menu-item-link-current.menu-item-link > span, #menu-header-right-menu .current_page_ancestor .sub-menu .menu-item-link > span {
	border-bottom: 0px solid var(--color-white);
	padding-bottom: 0px;
}

.header-right [type="search"] {
	font-size: var(--font-size-sm);
	padding: var(--spacing-xs);
	background-color: var(--color-alt);
}

.header-right .button-small {
	padding: var(--spacing-xs) var(--spacing-sm);
}

.breadcrumb {
	background: var(--color-alt);
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	padding: var(--spacing-md) var(--spacing-lg);
}

.breadcrumb a {
	color: var(--color-body);
}

.breadcrumb .inner {
	width: 100%;
  	max-width: var(--content-max-width);
  	margin: var(--content-margin,var(--content-margin-top,0) var(--content-margin-sides,auto) var(--content-margin-bottom,0));
  	--columns: 0;
}

.has--xxxxl-margin-top {
  margin-top: calc(var(--spacing-xxxxl) * -1.25) !important;
}


.button, .button:visited, [type="button"], [type="reset"], [type="submit"], button {
	line-height: 1.6;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}

.button-secondary {
	font-weight: 900;
}

.button-link {
	text-transform: uppercase;
	font-weight: 900;
	text-decoration: underline;
	letter-spacing: 2px;
}

.button-link::after {
	display: none;
}

.button-link:hover {
	text-decoration: underline;
}

#menu-footer-menu .menu-item {
	border-right: 2px solid var(--color-white);
}

#menu-footer-menu .menu-item-last {
	border-right: none;
}

#menu-footer-menu .menu-item-link {
	padding: var(--spacing-xs) var(--spacing-md);
}


h1.page-header-title {
	font-weight: 300;
	font-size: var(--font-size-xxl);
	letter-spacing: 0px;
}

p.is-style-altfont.has-xl-font-size {
	line-height: var(--line-height-xs);
}


/* # NOAH and MEF Customization
---------------------------------------------------------------------------------------------------- */

.NOAH.menu-item {
	background: var(--color-accent-blue);
	color: var(--color-white);
}

.NOAH.menu-item .menu-item-link:hover {
	background: var(--color-accent-blue-dark);
} 

.MEF.menu-item {
	background: var(--color-accent-green);
	color: var(--color-white);
}

.MEF.menu-item .menu-item-link:hover {
	background: var(--color-accent-green-dark);
}

.nav-after-header:has(.NOAH.current-menu-item),
.nav-after-header:has(.NOAH.current-menu-item) .menu-item:not(.NOAH) .menu-item-link {
	--menu-item-link-color: var(--color-body);
	background: var(--color-alt);
}

.nav-after-header:has(.MEF.current-menu-item),
.nav-after-header:has(.MEF.current-menu-item) .menu-item:not(.MEF) .menu-item-link {
	--menu-item-link-color: var(--color-body);
	background: var(--color-alt);
}

/* # Case Studies Blocks
---------------------------------------------------------------------------------------------------- */



.case-study .entry-excerpt {
	color: var(--color-primary);
	text-transform: uppercase;
	font-weight: 900;
	font-size: var(--font-size-md);
	letter-spacing: 1px;
}

.case-study .entry-image-link {
	margin-bottom: 0;	
}

.case-study .entry-image {
	border-radius: 0;
}

.case-study .entry-title {
	background: var(--color-primary);
	padding: var(--spacing-md);
}

.case-study .entry-title-link {
	color: var(--color-white);
}

/* # Blog Post Customization
---------------------------------------------------------------------------------------------------- */

.blog .entry-title-link, .archive .entry-title-link {
	font-weight: 300;
	font-size: var(--font-size-xxl);
	letter-spacing: 0px;
	color: var(--color-body);
}

.single-post h1.wp-block-post-title {
	font-weight: 300;
	letter-spacing: 0px;
	line-height: var(--line-height-xs);
}

.single-post .wp-block-post-date {
	text-transform: uppercase;
	font-weight: 700;
}

.single-post .wp-block-post-featured-image {
	margin: 0;
}

/* # Mai Accordion
---------------------------------------------------------------------------------------------------- */

.mai-accordion-item {
	border-top: 1px solid var(--color-body) !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	margin: 0 !important;
	background: var(--color-alt) !important;
}

.mai-accordion-summary {
	background-color: var(--color-alt);
	font-size: var(--font-size-xl) !important;
	font-weight: 500 !important;
	line-height: var(--line-height-sm);
}

.mai-accordion-summary::after {
	background-color: var(--color-accent-orange) !important;
	font-size: var(--font-size-md) !important;
	font-weight: 700 !important;
}

.mai-accordion-summary:hover {
	color: var(--color-primary);
}

.financial .mai-accordion-item {
	background: var(--color-white) !important;
}

.financial .mai-accordion-summary {
	background-color: var(--color-white);
}


/* # Mai Favorites
---------------------------------------------------------------------------------------------------- */

.resources .entry-title {
	font-size: var(--font-size-md);
}


/* # FacetWP
---------------------------------------------------------------------------------------------------- */

.facetwp-type-checkboxes {
  	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
}

.facetwp-reset {
	text-transform: uppercase;
	font-weight: 900;
	text-decoration: underline;
	letter-spacing: 2px;
	font-size: --font-size-base !important;
}

/* # The Events Calendar
---------------------------------------------------------------------------------------------------- */

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	min-height: 300px !important;
	padding-bottom: var(--spacing-sm) !important;
	padding-top: var(--spacing-sm) !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
	padding-left: var(--spacing-sm) !important;
	padding-right: var(--spacing-sm) !important;
}

.tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-photo__event {
	margin-bottom: 0 !important;
}

.tribe-events-pro .tribe-events-pro-photo__event-date-tag-month {
	font-family: var(--body-font-family) !important;
	font-size: var(--font-size-md) !important;
	color: var(--color-body) !important;
	line-height: var(--line-height-md) !important; 
}

.tribe-events-pro .tribe-events-pro-photo__event-date-tag {
	margin-right: var(--spacing-lg) !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
	font-size: var(--font-size-md) !important;
}

.tribe-events-pro .tribe-events-pro-photo__event-title-link {
	font-family: var(--heading-font-family) !important;
  	font-weight: var(--heading-font-weight) !important;
	font-size: var(--font-size-md) !important;
	line-height: var(--line-height-md) !important; 
}

.tribe-events .datepicker {
	padding: var(--tec-spacer-3) !important;
}

.datepicker td, .datepicker th {
	border-radius: 0 !important;
}

/* # Accessibility external links
---------------------------------------------------------------------------------------------------- */

.anww-external-link-icon:before {
	font-size: var(--font-size-sm);
}

.wp-block-social-link-anchor i.anww-external-link-icon, .entry-image-link i.anww-external-link-icon  {
	display: none;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1000px) {
	.has-xxxxl-font-size {
    	font-size: calc(var(--font-size-xxxl) * 1.75);	
		line-height: var(--line-height-xs);
  }
}

@media only screen and (max-width: 999px) {
	.has--xxxxl-margin-top {
    	margin-top: 0 !important;
  }
	
	.wp-block-cover.has-vertical-divider::before,
	.wp-block-cover.has-vertical-divider::after,
	.wp-block-cover.has-vertical-divider-MEF::before,
	.wp-block-cover.has-vertical-divider-MEF::after,
	.wp-block-cover.has-vertical-divider-NOAH::before,
	.wp-block-cover.has-vertical-divider-NOAH::after {
		background: rgba(0,0,0,0);
	}
	
	.mobile-menu {
		background: var(--color-primary);
	}
	
	.mobile-menu .menu-item-link {
		color: var(--color-white);
	}
	
	.mobile-menu .sub-menu-toggle-icon {
		border-color: var(--color-white);
	}
	
	.mobile-menu .sub-menu .menu-item-link {
		color: var(--color-body);
	}
	
	.facetwp-type-checkboxes {
  	display: grid;
  	grid-template-columns: 1fr 1fr;
}
}