/**
 * Theme Name:       Jones and Sons Pro
 * Theme URI:        https://www.viwickam.com/?jonesandsons
 * Description:      Jones and Sons child theme based on Mai Inspire for the Genesis Framework.
 * Author:           Wizard of Ads Online
 * Author URI:       https://www.viwickam.com
 * Version:          2.1.1
 * Text Domain:      mai-inspire
 * Template:         genesis
 * Template Version: 3.3.5
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
    --white: #ffffff;
    --button-border-radius: 1rem;
}

/* Widths */ 
.inner-xs {
    max-width: var(--breakpoint-xs);
    margin: auto;
}

/* Header */ 
.before-header .wp-block-cover {
    position: fixed;
}
.header-blue-inner {
    border-radius: 0 0 2rem 2rem;
}
.header-blue-inner p {
    margin-bottom: 0;
    font-size: var(--font-size-sm);
}
.header-blue-inner a:not(.button) {
    text-decoration: none;
    font-family: var(--heading-font-family);
    font-weight: 900;
    font-size: var(--font-size-lg);
}
.header-blue-inner a.button, .header-blue-inner button {
    background-color: var(--color-primary);
    color: var(--white);
    border-radius: 1rem;
}
.header-blue-inner a.button:hover, .header-blue-inner button:hover {
    background-color: var(--white) !important;
    color: var(--color-primary) !important;
    border-radius: 1rem;
}
@media only screen and (max-width: 875px) {
    .site-header {
        --site-header-top: 60px !important;
    }
    .site-inner {
        --site-inner-margin-top: 60px;
    }
}
@media only screen and (max-width: 760px) {
    .blue-tagline {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .wp-block-group.header-blue-outer {
        justify-content: center !important;
    }
}
@media only screen and (max-width: 415px) {
    .site-header {
        --site-header-top: 100px !important;
    }
    .site-inner {
        --site-inner-margin-top: 100px;
    }
}
.menu {
    --menu-font-size: var(--font-size-md);
}
a.menu-item-link:hover {
    color: var(--color-primary);
}

/* 2024-05-21 CW: wp-block-columns justify fix -- there may be an incompatablity with Elementor/Gutenberg/Mai and flex wp-block-columns */ 
.wp-block-columns.is-layout-flex {
	justify-content: space-evenly;
}

/* Dark Sections */ 
.dark-section h2, .dark-section rp-based {
	color: var(--white);
}
.dark-section a, .dark-bgd a {
	color: var(--white);
}
.dark-section a:hover, .dark-bgd a:hover {
	color: var(--color-secondary);
}

/* Footer */ 
.footer-social-icons img:hover {
	transform: scale(1.05);
}
.footer-fb-ig .wp-block-gallery {
	max-width: 100px;
}