/**
 * Theme Name:       That Organic Mom 2021
 * Theme URI:        https://www.thatorganicmom.com
 * Description:      Custom website theme for That Organic Mom built utilizing Mai Engine on the Genesis Framework.
 * Author:           Flying Orange
 * Author URI:       https://www.flyingorangewebdesign.com/
 * Version:          2.0.1
 * Text Domain:      that-organice-mom
 * Template:         genesis
 * Template Version: 3.3.3
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

@font-face {
	font-family: 'Heritage';
	src: url('../woff2/heritage-webfont.woff2') format('woff2'),
		url('../woff/heritage-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Table of Contents

	- Defaults
	- Theme Customizations
	- Gravity Forms Customizations
	- Media Queries

*/

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

.site-header {
	--menu-item-link-padding: var(--spacing-sm) var(--spacing-md);
}

.nav-header {
	--menu-font-size: var(--font-size-sm);
	--menu-font-weight: var(--heading-font-weight);
	--menu-text-transform: uppercase;
}

.menu-item-link[class*="button"] {
	--button-font-size: var(--menu-font-size,var(--font-size-sm));
	text-transform: var(--menu-text-transform,uppercase);
	font-weight: var(--menu-font-weight,600);
}

.site-footer .menu-item-link {
	padding: var(--menu-item-link-padding,var(--spacing-xs) var(--spacing-sm));
	text-transform: var(--menu-text-transform,uppercase);
	font-size: var(--font-size-xs);
}

.entry-excerpt-single {
	font-size: var(--body-font-size,var(--font-size-md));
	background: var(--color-alt);
	padding: var(--spacing-md);
}

blockquote {
	background: var(--color-alt);
	border-color: var(--color-link);
	border-left-width: medium;
}

.button, .button:visited, [type="button"], [type="reset"], [type="submit"], button {
	--button-text-transform: uppercase;
	--button-font-weight: 600;
	--button-color: var(--color-background);
}

.entry-more-link, .entry-more-link:visited {
	--button-background: var(--color-primary);
}

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

.home .content-sidebar-wrap {
	margin-bottom: 0;
}
.shop {
	--border-radius: 24px;
}

.moms.has-md-max-width {
	margin-left: 0;
	margin-right: 0;
}

.heritage, .is-style-subheading, h1.page-header-title {
	font-family: 'Heritage';
	font-weight: normal;
	font-size: 72px;
	--heading-text-transform: capitalize;
	--heading-letter-spacing: 0px;
}

p.is-style-heading {
	margin-bottom: 0;
	font-size: var(--body-font-size,var(--font-size-lg));
}

.shadow {
	-webkit-box-shadow: 10px 10px 10px 0px rgba(59,52,31,0.25);
	-moz-box-shadow: 10px 10px 10px 0px rgba(59,52,31,0.25);
	box-shadow: 10px 10px 10px 0px rgba(59,52,31,0.25);
}

.leftcol {
	background-color: rgba(255,255,255,1);
	border-radius: 4px;
	border: 2px solid #e8e4db;
	padding: 20px;
	box-shadow: var(--shadow);
}

.rebecca {
	border-radius: 4px;
	background-image: url("../jpg/rebeccabg.jpg");
	background-repeat: repeat;
	border: 2px solid #e8e4db;
}

.podcast {
	background-image: url("../png/soundwavebg.png");
	background-repeat: repeat-x;
	background-position: bottom;
}

.workwith .entry-wrap {
	min-height: 376px;
}

.workwith .entry-overlay {
	background: var(--color-background);
	background-image: url("../jpg/rebeccabg.jpg");
	opacity: 0.85;
	border: 2px solid #e8e4db;
}

.workwith .entry-title-link {
	color: var(--color-body);
}

.fromblog {
	background: -webkit-linear-gradient(0deg, #e8e4db 50%, rgba(0,0,0,0) 50%), url("../jpg/rebeccabg.jpg");
	background: -o-linear-gradient(0deg, #e8e4db 50%, rgba(0,0,0,0) 50%), url("../jpg/rebeccabg.jpg");
	background: -moz-linear-gradient(0deg, #e8e4db 50%, rgba(0,0,0,0) 50%), url("../jpg/rebeccabg.jpg");
	background: linear-gradient(0deg, #e8e4db 50%, rgba(0,0,0,0) 50%), url("../jpg/rebeccabg.jpg");
	background-repeat: repeat;
	border-top: 2px solid #e8e4db;
}

.tasty-pinit-button {
	background: var(--color-primary) !important;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	float: none;
	width: 100%;
	max-width: 100%;
	margin-bottom: var(--spacing-lg);
}


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

@media (max-width: 767px) {

	.wp-block-column:not(:first-child) {
		margin-left: 0em;
		margin-top: 2em;
	}
	
	h1.page-header-title {
		font-size: 48px;
	}
}



/* # sidebar
---------------------------------------------------------------------------------------------------- */
.sidebar > .widget:last-child {
	position: sticky; 
	top: 64px;
	max-height: 80vh;
	overflow-y: auto;
}