/**
 * Theme Name:       Model Cities
 * Theme URI:        https://www.modelcities.org
 * Description:      Model Cities 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:      model-cities
 * Template:         genesis
 * Template Version: 3.5
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Table of Contents

	- Defaults
	- Theme Customizations
	- Media Queries

*/

/* # Defaults
---------------------------------------------------------------------------------------------------- */
:root {
	--sub-menu-width: 220px;
	--sub-menu-border: 0;
}

h1, h2, h3, h4 {
	line-height: var(--line-height-xs);
}

p {
	line-height: var(--line-height-md);
	margin: 0 0 var(--spacing-sm);
}

.button, .gform_button {
	border-radius: 30px;
	font-weight: 700;
	padding: var(--spacing-sm) var(--spacing-xl);
}

.button-small {
	font-size: var(--font-size-base);
}

.nav-after-header {
	background: var(--color-secondary);
	padding: 0;
	--menu-item-link-color-hover: var(--color-white);
	box-shadow: var(--shadow);
	--color-shadow: rgba(10,20,30,.2);
}

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

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

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

.entry {
	border: 0;
}

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

.mai-accordion-title {
	font-family: var(--body-font-family);
	text-transform: uppercase;
}

/* # Theme Customizations
---------------------------------------------------------------------------------------------------- */

.site-header-wrap {
	position: relative;
	z-index: 11;
}

#menu-header-right-menu .button {
	padding: var(--spacing-sm) var(--spacing-lg);
	text-align: center;
}

#menu-header-right-menu .menu-item-link {
	font-weight: 600;
	font-size: var(--font-size-sm);
}

#menu-primary-navigation .menu-item-link {
	word-break: break-word;
	width: 170px;
	min-height: 96px;
	font-family: var(--heading-font-family);
	font-weight: 700;
	padding: var(--spacing-lg) var(--spacing-lg);
	align-items: flex-start;
}

#menu-primary-navigation .menu-item-link-current {
	background-color: var(--color-custom-1);
}

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

#menu-primary-navigation .sub-menu, #nav-header-right .sub-menu {
	padding: 0 0 var(--spacing-xxs);
	background: var(--color-custom-1);
	border-radius: 0;
}

#menu-primary-navigation .sub-menu .menu-item-link, #nav-header-right .sub-menu .menu-item-link {
	word-break: break-word;
	width: 220px;
	min-height: unset;
	font-family: var(--body-font-family);
	padding: var(--spacing-md);
	background: #F0EEEE;
}

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

.single-post .content-sidebar-wrap {
	margin-top: 0;
}

.funders img {
 	opacity: 60%;
}

.corners .has-border-radius {
	border-radius: 30px;
}

.topcorners.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90, .topcorners.wp-block-cover .wp-block-cover__image-background {
	border-top-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
	overflow: hidden !important;
}

.news h3.entry-title a.entry-title-link {
	font-family: var(--body-font-family);
	color: var(--color-link);
}

.blog .content-sidebar-wrap {
	margin-top: 0;
}

.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;
}

.mai-grid.bloghead .entry, .mai-grid.fpage-red .entry {
	background-color: var(--color-custom-3);
}

.mai-grid.fpage-blue .entry {
	background-color: var(--color-custom-5);
}

.bloghead .entry-wrap, .fpage-red .entry-wrap, .fpage-blue .entry-wrap {
	padding: var(--spacing-xxxl);
}

.bloghead .wp-block-group {
	border-radius: 30px;
}

.single-post .entry-meta {
	font-size: var(--font-size-md);
}

.single-post .wp-block-post-date, .entry-custom-content {
	text-transform: uppercase;
	font-weight: 700;
	font-size: var(--font-size-md);
}

.single-post :where(figure) {
	margin: 0;
}

.circle p {
	font-weight: 200 !important;
	margin-bottom: 0;
	font-size: calc(var(--font-size-xxxxl) * var(--font-scale));
	font-family: 'Poppins', sans-serif;
}

.circle-red {
	background-image: url("images/circle-red.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.circle-yellow {
	background-image: url("images/circle-yellow.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.circle-blue {
	background-image: url("images/circle-blue.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.circle-green {
	background-image: url("images/circle-green.jpg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}


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

.tribe-common img, .tribe-events-event-image img {
	border-radius: 30px;
}

.tribe-common .tribe-common-c-btn, .tribe-common .tribe-common-c-btn:focus, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn, .tribe-common a.tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover, .tribe-common button.tribe-common-c-btn, .tribe-common button.tribe-common-c-btn:focus, .tribe-common button.tribe-common-c-btn:hover {
	border-radius: 30px !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: var(--spacing-lg) !important;
	padding-bottom: var(--spacing-lg) !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;
}

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

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

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