/**
 * Theme Name:       Mai Display Customized for FF Builders
 * Theme URI:        https://bizbudding.com/products/mai-display-theme/
 * Description:      Mai Display child theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.0.1
 * Text Domain:      mai-display
 * Template:         genesis
 * Template Version: 3.3.2
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */
:root {
	--transition-property: height,color,background,text-indent,text-shadow,text-underline-offset;
	/*--menu-font-size: 16px;*/
	--menu-font-weight: var(--heading-font-weight);
	--blockquote-background:#edf1ef;
	--blockquote-border-left:5px solid #e3b320;
	--blockquote-padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-lg);
	--blockquote-font-size:1.2em;
	--blockquote-font-weight: 200;
	--link-filter-hover: brightness(1);
	--entry-title-link-color-hover: brightness(1);
	--menu-item-name-filter-hover: brightness(1);
	--menu-item-link-color-hover: #3965c1;
	--color-primary: #254b9f;
	--menu-item-link-background-hover: #fcfcfc;
	--site-header-border-bottom:0px solid #f3f3f3;
	--menu-line-height:1.55;
	--sub-menu-width: 230px;
	--adjacent-entry-link-inner-background:#fff;
    --content-sidebar-wrap-margin-bottom:0;
	--h2-font-size: 1.75em;
}

body .fl-builder-content .fl-button-has-icon .fl-button-text {
    vertical-align: bottom;
}
.fl-builder-content .match-mai-button a.fl-button:hover {
	box-shadow: var(--button-box-shadow-hover,var(--button-box-shadow,none));
}
.page-header-title {
	--h1-font-size: 2em;
	--heading-text-transform:uppercase;
	--heading-letter-spacing:-1px;
}
h2 {
	--heading-letter-spacing:-1px;
}
.bottom-gray-tilt-left .fl-row-content-wrap {
	background: rgb(255,255,255);
background: -moz-linear-gradient(172deg, rgba(255,255,255,1) 65%, rgba(243,243,243,1) 65%);
background: -webkit-linear-gradient(172deg, rgba(255,255,255,1) 65%, rgba(243,243,243,1) 65%);
background: linear-gradient(172deg, rgba(255,255,255,1) 65%, rgba(243,243,243,1) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f3f3f3",GradientType=1);
}

.top-gray-tilt-right .fl-row-content-wrap {
	background: rgb(255,255,255);
background: -moz-linear-gradient(4deg, rgba(255,255,255,1) 75%, rgba(243,243,243,1) 75%);
background: -webkit-linear-gradient(4deg, rgba(255,255,255,1) 75%, rgba(243,243,243,1) 75%);
background: linear-gradient(4deg, rgba(255,255,255,1) 75%, rgba(243,243,243,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f3f3f3",GradientType=1);
}
.bottom-white-tilt-right .fl-row-content-wrap {
	background: #f3f3f3;
background: -moz-linear-gradient(5deg, rgba(255,255,255,1) 25%, rgba(243,243,243,1) 25%);
background: -webkit-linear-gradient(5deg, rgba(255,255,255,1) 25%, rgba(243,243,243,1) 25%);
background: linear-gradient(5deg, rgba(255,255,255,1) 25%, rgba(243,243,243,1) 25%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#ffffff",GradientType=1);
}

.one-third .button,
.one-fourth .button {
	width:100%;
}

/********* SFW Mai/BB Transparent Header Customizations to make Mai theme transparent header work with BB *********/
.page-template-template-page_builder:not(.header-stuck) {
    --site-header-background: transparent;
    --site-header-border-bottom: 0;
}
.page-template-template-page_builder {
    --header-height-full-fallback: calc(var(--header-height, 0px) + (var(--title-area-padding-desktop, 0px) - var(--title-area-padding-mobile, 0px)));
    --transparent-header-offset: calc(var(--header-height-full, var(--header-height-full-fallback)) + var(--after-header-height, 0px) + var(--nav-after-header-height, 0px));
    --site-inner-margin-top: calc(var(--transparent-header-offset, 0px) * -1);
}
.page-template-template-page_builder:not(.header-stuck) .menu-toggle .menu-toggle-icon {
	color:#fff;
}
.current-menu-ancestor .menu-item-link {
    color: var(--menu-item-link-color-hover,var(--menu-item-link-color,var(--color-link)));
}
@media only screen and (min-width: 1000px) {
	.page-template-template-page_builder:not(.header-stuck), 
	.has-dark-transparent-header:not(.header-stuck) .site-header-wrap {
	    --menu-item-link-color: var(--color-white);
	    --menu-item-link-color-hover: #d7e1f1;
	    --menu-item-name-filter-hover: brightness(1);
	}
}
.has-dark-header .site-header-wrap, 
.has-dark-mobile-menu .mobile-menu, 
.has-dark-transparent-header:not(.header-stuck) .site-header-wrap {
    --link-filter-hover: brightness(1);
    --entry-title-link-color-hover: brightness(1);
    --menu-item-name-filter-hover: brightness(1);
}

/********* SFW Accessible Links and Menu Customizations *********/
a {
    text-decoration: underline;
    text-decoration-style: dotted;
}
a.menu-item-link {
    text-decoration: none;
}

a.menu-item-link-current, 
a.menu-item-link:focus, 
a.menu-item-link:hover {
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: var(--link-text-decoration-offset-hover,var(--link-text-decoration-offset,var(--spacing-xxxs)));
}
.sub-menu .menu-item-link {
    padding: var(--spacing-xs) var(--spacing-md);
}
.entry-wrap-archive .entry-terms-category a {
	    color: #fff;
}
.entry-wrap-archive .entry-terms-category a:hover {
	    color: #efefef;
}
/********* SFW Breadcrumb Customizations *********/
.breadcrumb {
	background-color: #e5e5e5;
	font-size:14px;
    margin-bottom: 0;
    padding: 10px 20px;
    text-transform:uppercase;
}
/********* SFW Project Details Column Customizations *********/
.project-details h2 {
	text-transform: uppercase;
    font-size: var(--font-size-med);
    padding-bottom: 10px;
    border-bottom: 1px solid #8193bb;
}
.project-details h3 {
	font-weight: 300;
}
/********* SFW Heading Spacing Customizations *********/
.entry-content>.is-style-heading:not(:first-child), .entry-content>.is-style-subheading:not(:first-child), .entry-content>h1:not(:first-child), .entry-content>h2:not(:first-child), .entry-content>h3:not(:first-child), .entry-content>h4:not(:first-child), .entry-content>h5:not(:first-child), .entry-content>h6:not(:first-child), .entry-content>legend:not(:first-child) {
    --heading-margin-top: var(--spacing-xl); 
}

/********* SFW Framed Image Customizations *********/


img.framed,
picture.framed {
	border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: #ffffff;
    border-top-width: 15px;
    border-right-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 15px;
    box-shadow: 2px 1px 20px 0px rgb(9 3 3 / 13%);
}
/********* SFW Sticking Buttons to Bottom of Column Customizations *********/
.fl-col.flex-bottom-button {
    display: flex;
    flex: 1 1;
}
.fl-col.flex-bottom-button .fl-module-button {
    margin-top: auto;
}

/********** Entry Meta *********/
.entry-meta.entry-meta-after-content {
	padding:0 0 20px 0;
}