/**
 * Theme Name:       Mai Display
 * 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 {
	--body-line-height:1.4;
	--blockquote-background:#F0F2EF;
	--blockquote-border-left:5px solid #004F91;
	--blockquote-padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-lg);
	--button-padding: 20px 30px;
    --button-border-radius: 4px;
    --button-font-size: 1em;
    --button-font-family: var(--body-font-family);
    --button-font-weight: 700;
    --button-text-transform: uppercase;
    --button-background-hover:#004F91;
    --button-box-shadow-hover: 0 1em 3em -1emvar(--color-primary);
    --heading-line-height: 1.12;
	--link-filter-hover: brightness(1);
    --link-color-hover:#0667AC;
    --link-text-decoration: none;
    --link-text-decoration-hover: underline;
	--menu-font-size: 19px;
    --menu-font-family: var(--heading-font-family);
    --menu-font-weight: 500;
	--menu-item-name-filter-hover: brightness(1);
	--menu-item-link-color-hover: #004F91;
	--menu-text-transform:none;
    --sidebar-width:376px;
    --site-header-border-bottom: 0;
	--site-header-box-shadow: none;
	--sub-menu-link-color-hover:#004F91;
    --breakpoint-lg: 1100px;
    --breakpoint-xl: 1200px;
}
@media only screen and (min-width: 1000px) {
    :root {
        --font-scale: var(--font-scale-desktop, 1.31);
        --spacing-scale: var(--spacing-scale-desktop, 1.5);
        --padding-scale: var(--padding-scale-desktop, 2);
    }
}
body {
    font-size: var(--body-font-size, var(--font-size-md));
    font-size:20px;
}
p a, p a:focus, p a:hover {
   font-weight:700;
    text-underline-offset: var(--link-text-decoration-offset-hover, var(--link-text-decoration-offset, var(--spacing-xxxs)));
}
.search-toggle:focus,
input:focus,
a:focus,
.pp-advanced-menu a:focus,
:focus {
   outline:2px solid var(--color-primary) !important;
   outline-offset:2px !important;
}
html body {
   text-wrap:pretty;
}
.entry-title {
    font-size: var(--entry-title-font-size,var(--font-size-xxxl));
}
.page h1.entry-title.entry-title-single,
h1.archive-title {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 7px;
}
h2.entry-title {
   font-size: var(--font-size-xxl);
}
.entry-wrap.entry-wrap-archive {
   width:100%;
}
.header-stuck .site-header {
    border-bottom: 1px solid #c6c6c6;
    box-shadow: none;
}
@media only screen and (max-width: 544px) {
    h1.entry-title, h1.archive-title {
       font-size:44px;
       text-align:center;
    }
}

/********* SFW Previous Next Links *********/
.pagination a .adjacent-entry-link-inner img {
    padding:10px 0;
}
.adjacent-entry-image {
   display: none;
}
.adjacent-entry-link-inner {
   border:0;
   border-radius:0;
   box-shadow:none;
   padding: 10px 0;
}
.adjacent-entry-pagination.pagination {
   margin-top:30px;
}


.clearright {
	clear:right !important;
}

.has-standard-content {
    --content-max-width: var(--breakpoint-lg);
}

.sidebar .widget.gform_widget {
   padding: 25px 30px 5px 30px;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    border-radius: 0;
}
.newsletter-signup .gfield_required.gfield_required_text {
   display:none;
}
.newsletter-signup .gform-body, .gform_body {
   padding-top:10px;
}

/********* 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: rgb(35 31 32 / 0%);
    --site-header-border-bottom: 0;
}
.has-#menu-main-header-right-navigation>.menu-item>a.menu-item-link.menu-item-link-current>span::afterder:not(.header-stuck) {
    --site-header-background: rgb(35 31 32 / 0%);
    --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,
.current_page_parent>.menu-item-link {
    color: var(--menu-item-link-color-hover,var(--menu-item-link-color,var(--color-link)));
}
body:not(.header-stuck) .site-header {
	box-shadow:none;
}
@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: #e6e7c0;
	    --menu-item-name-filter-hover: brightness(1);
	    --link-filter-hover: brightness(1);
	}
}*/

/********* SFW Page Header Customizations *********/

/*.page-header .page-header-overlay {
	background: linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.8) 75%);
	opacity:1;
}*/
@media only screen and (max-width: 767px) {
	:root {
		--page-header-padding-bottom: 90px;
	}
	.has-page-header .sf-custom-header-bottom-border {
		margin-top: -89px;
		z-index: 0;
	}
	
	.has-page-header .sf-custom-header-bottom-border svg {
		height:90px;
	}
	
}

/********* SFW Heading Spacing *********/
.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-lg);
}

/********* SFW Navigation Underline Effect *********/
@media only screen and (min-width: 1024px) {
	
	/*CSS for fancy menu underline effect*/
	
	
	
	#menu-main-header-right-navigation>.menu-item>a.menu-item-link>span,
    #menu-main-header-navigation>.menu-item>a.menu-item-link>span {
        display: block;
        padding: 10px 0;
        position: relative
    }

    #menu-main-header-right-navigation>.menu-item>a.menu-item-link>span::after,
    #menu-main-header-navigation>.menu-item>a.menu-item-link>span::after {
        position: absolute;
        content: "";
        margin: 0 auto;
        width: 0;
        height: 2px;
        transition: all .3s ease;
        bottom: 0;
        right: 0;
        left: 0;
        pointer-events: none;
        /*for transparent header-   background-color: #e6e7c0;*/
        background-color: #004F91;
    }
    
    .header-stuck #menu-main-header-right-navigation>.menu-item>a.menu-item-link>span::after,
    .header-stuck #menu-main-header-navigation>.menu-item>a.menu-item-link>span::after {
	    background-color: #004F91;
    }

    #menu-main-header-right-navigation>.menu-item>a.menu-item-link:hover>span::after,
    #menu-main-header-right-navigation>.menu-item>a.menu-item-link.menu-item-link-current>span::after,
    #menu-main-header-right-navigation>.menu-item.current-menu-ancestor>a.menu-item-link>span::after,
    #menu-main-header-right-navigation>.menu-item.current_page_parent>a.menu-item-link>span::after,
    #menu-main-header-navigation>.menu-item>a.menu-item-link:hover>span::after,
    #menu-main-header-navigation>.menu-item>a.menu-item-link.menu-item-link-current>span::after,
    #menu-main-header-navigation>.menu-item.current-menu-ancestor>a.menu-item-link>span::after,
    #menu-main-header-navigation>.menu-item.current_page_parent>a.menu-item-link>span::after {
        width: 100%;
    }
    .header-stuck #menu-main-header-right-navigation>.menu-item>a.menu-item-link:hover,
    .header-stuck #menu-main-header-right-navigation>.menu-item>a.menu-item-link.menu-item-link-current,
    .header-stuck #menu-main-header-right-navigation>.menu-item.current-menu-ancestor>a.menu-item-link,
    .header-stuck #menu-main-header-right-navigation>.menu-item.current_page_parent>a.menu-item-link,
    .header-stuck #menu-main-header-navigation>.menu-item>a.menu-item-link:hover,
    .header-stuck #menu-main-header-navigation>.menu-item>a.menu-item-link.menu-item-link-current,
    .header-stuck #menu-main-header-navigation>.menu-item.current-menu-ancestor>a.menu-item-link,
    .header-stuck #menu-main-header-navigation>.menu-item.current_page_parent>a.menu-item-link {
        color: #004F91;
    }

    .menu-item-link.button {
        padding-top: 5px;
        padding-bottom: 10px;
        transition: none
    }

    .menu-item-link.button:hover {
        background-color: #004F91;
        color: #fff
    }

    #menu-main-header-right-navigation>.menu-item>a.menu-item-link.button>span::after,
    #menu-main-header-navigation>.menu-item>a.menu-item-link.button>span::after {
        background-color: #fff
    }

    #menu-main-header-right-navigation>.menu-item>a.menu-item-link.button>span,
    #menu-main-header-navigation>.menu-item>a.menu-item-link.button>span {
        padding: 10px 0 5px
    }
    
    .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: #F4E285;*/
	    --menu-item-name-filter-hover: brightness(1);
	    --link-filter-hover: brightness(1);
	}

}
/********* SFW Sidebar Miscellaneous *********/
.sidebar .mai-icon {
    padding-bottom:8px;
}
/********* SFW Stick the Button to the Bottom of a Column *********/
@media only screen and (min-width: 768px) {
	.fl-col.flex-bottom-button {
	/*display: flex;
    flex-direction: column;
    flex: 1 1;*/
}
.fl-col.flex-bottom-button .fl-module-button {
    margin-top: auto;
}
}

/********* SFW Circle/Round Image Style Class *********/
img.circle, picture.circle img,img.round, picture.round img {
	border-radius:50%;
}
img.circle-border, picture.circle-border img {
	border:7px solid #e3e8f2;
}

/********* SFW Dealing with Power Pack InfoBox image problems *********/
.fl-builder-content .pp-infobox-image img {
    height: auto;
    width: 120px;
    max-width: none !important;
}

/********* SFW Site map indentation *********/
.pp-sitemap-content .children {
    padding-left:30px;
}
/********* SFW Blog ARchive Styles *********/
.entry-wrap-archive .entry-terms.entry-terms-category a{
    color:#E3E8F2;
}
.entry-wrap-archive .entry-terms.entry-terms-category a:hover{
    color:#fff;
}
.single .entry-meta.entry-meta-after-content {
    margin: 0 0 20px;
    padding: 15px;
    background-color: #f4f4f4;
}
.archive-title {
    font-size: var(--archive-title-font-size, var(--font-size-xxxl));
}
/********* SFW Genesis Skip Links *********/
.genesis-skip-link a {
   background-color:#000;
   color:#fff;
   padding:15px;
}
/********* SFW Accessible Links *********/

/*p a:not(.button):not(.entry-overlay):not(.menu-item-link),
li a:not(.button):not(.entry-overlay):not(.menu-item-link),
blockquote a:not(.button):not(.entry-overlay):not(.menu-item-link),
h3 a:not(.button):not(.entry-overlay):not(.menu-item-link),
.entry-terms.entry-terms-category a,
.entry-author a,
.pagination a .adjacent-entry-link-inner {
    -webkit-text-decoration: underline;
     text-decoration: underline;
     text-decoration-style:dotted;
     text-underline-offset: 2px;
     color: #004F91;
     background-image: linear-gradient(to bottom, #004F91 0%, #004F91 100%);
     -webkit-background-position: 0% 110%;
     background-position: 0% 110%;
     background-repeat: repeat-x;
     -webkit-background-size: 0px 0px;
     background-size: 0px 0px;
     -webkit-transition: color 150ms, background-size 150ms;
     transition: color 150ms, background-size 150ms;
     padding: 0px 3px;
     margin: 0px -3px;
}
p a:not(.button):not(.entry-overlay):not(.menu-item-link):hover,
li a:not(.button):not(.entry-overlay):not(.menu-item-link):hover,
blockquote a:not(.button):not(.entry-overlay):not(.menu-item-link):hover,
h3 a:not(.button):not(.entry-overlay):not(.menu-item-link):hover,
.entry-terms.entry-terms-category a:hover,
.entry-author a:hover,
.pagination a:hover .adjacent-entry-link-inner {
    -webkit-text-decoration: none;
     text-decoration: none;
     color: #FFFFFF !important;
     -webkit-background-size: 2px 100%;
     background-size: 2px 100%;
     z-index: 1;
}*/
/* transparent header accessibility fix for navigation contrast errors
.search-toggle {
   background-color:rgba(0, 0, 0, .01);
}
body:not(.header-stuck) #menu-main-header-navigation > li > a.menu-item-link:hover,
body:not(.header-stuck) #menu-main-header-navigation > li > a.menu-item-link-current,
body:not(.header-stuck) #menu-main-header-navigation > li > a.menu-item-link {
    background-color:rgba(0, 0, 0, .01);
}*/