/*!
Theme Name: MIA - Motivation in Action
Theme URI: 
Author: Overnight Website
Author URI: https://overnightwebsite.com
Description: Overnight Website theme for MIA
Version: 2.0.0
Tested up to: 6.0
Requires PHP: 6.8
Text Domain: overnight-website
*/

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

main {
	margin-block-start: 0 !important;
}

/* ************* */
/* Hover & Focus */
/* ************* */
.entry-content a:where(:not(.wp-element-button)):hover, aside a:where(:not(.wp-element-button)):hover {
	background: #000;
	color: #FFF;
}

.wp-block-button .wp-block-button__link {
	transition: 300ms;
}
.wp-block-button .wp-block-button__link:hover {
	background-color: #000;
}
.wp-block-button.is-style-ow-button-light a:hover, .wp-block-search__button:hover {
	background-color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, footer a:where(:not(.wp-element-button):not(.wp-block-social-link-anchor)):hover {
	background-color: var(--wp--preset--color--primary);
	color: #FFF;
}

a:where(:not(.wp-element-button)):focus, .wp-element-button:focus {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 4px;
}
.fluentform_wrapper_2 .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style):focus {
	outline: 2px solid #FFF;
	outline-offset: 4px;
}
.wp-block-social-link-anchor:focus {
	border-radius: 50%;
}

/* ************ */
/* Header Styles */
/* ************ */

/* Nav */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	text-decoration: underline;
}

/* ************** */
/* Blocks & Pages */
/* ************** */

/* Limit Mobile Width for Columns */
.is-style-ow-limit-mobile-width img {
	max-width: 392px;
	width: 100%;
}

/* Forms */
.has-red-to-red-gradient-background label,
.has-red-to-red-gradient-background .ff-el-input--label.ff-el-is-required.asterisk-right label::after {
	color: var(--wp--preset--color--light);
}

.fluentform .text-danger {
	color: #FFF;
}

.fluentform .ff-el-form-control {
	border-radius: 0;
	color: var(--wp--preset--color--light);
	font-family: var(--wp--preset--font-family--worksans);
	font-size: var(--wp--preset--font-size--main);
}

.fluentform .ff_btn_style.ff-btn-submit {
	background-color: var(--wp--preset--color--accent);
	border-radius: 0;
	color: var(--wp--preset--color--light);
	font-family: var(--wp--preset--font-family--worksans);
	font-size: var(--wp--preset--font-size--main);
	font-weight: 600;
	padding-top: 14px;
	padding-right: 29px;
	padding-bottom: 14px;
	padding-left: 29px;
	text-transform: uppercase;
}
.fluentform .ff_btn_style.ff-btn-submit:hover {
	background-color: #000;
	opacity: 1;
}

/* ************* */
/* Footer Styles */
/* ************* */

.site-footer {
	margin-block-start: 0;
}
.site-footer .wp-block-social-links .wp-social-link a {
	padding: 12px;
}

/* ************************ */
/* Natural Navigation Break */
/* ************************ */

@media ( min-width: 1067px ) {

	/* Navigation: Button Style */
	.is-style-ow-style-button a:hover {
		background: var(--wp--preset--color--primary);
		color: #FFF !important;
		text-decoration: none !important;
	}
}

@media ( max-width: 1067px ) {

	/* ************************ */
	/* Adjust Default Nav Break */
	/* ************************ */

	/* Show the top bar and align the buttons */
	header .wp-block-navigation__responsive-container {
		padding-top: 20px !important;
		top: 35px;
	}
	/* Hide the nav when it's not open */
	header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	/* Show the menu button and style it */
	.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
		border: 2px solid #FFF;
		display: block;
		font-size: 18px;
		padding: 8px 15px 10px;
	}
	.page-template-page-transparent .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
		border-color: #FFF;
		color: #FFF;
	}
	/* Close button styles */
	.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
		border: 2px solid #FFF;
		font-size: 18px;
		padding: 8px 15px 10px;
	}
	/* Navigation Gap & Alignment */
	.wp-block-navigation .wp-block-navigation__responsive-container-content {
		align-items: start !important;
	}
	.wp-block-navigation ul {
		align-items: start !important;
		gap: 35px !important;
	}

	/* Adjust Cover Height */
	.is-style-ow-adjust-mobile.wp-block-cover {
		min-height: 500px !important;
	}
	.is-style-ow-adjust-mobile.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
		opacity: 0.5;
	}

	/* 3 columns of content */
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
		width: calc(50% - .83333em);
	}
}

/* Misc Small Screens */
@media ( max-width: 810px ) {

	body {
		--wp--preset--font-size--heading-1: 3rem;
		--wp--preset--font-size--heading-2: 2.25rem;
		--wp--preset--font-size--heading-3: 1.5rem;
	}

	/* 3 columns of content */
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
		width: 100%;
	}
}

@media ( max-width: 435px ) {
	.wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;
		gap: 25px 30px;
	}
	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] {
		flex-basis: 100% !important;
		flex-grow: 1 !important;
	}
}