/**
 * Theme Name:       Vivacious Pro
 * Theme URI:        https://www.wizardofadsonline.com/?thisiscrystal
 * Description:      Custom child theme for Crystal Vilkaitis based on Mai Inspire for the Genesis Framework.
 * Author:           Wizard of Ads Online
 * Author URI:       https://www.wizardofadsonline.com/?thisiscrystal
 * 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
 */

@font-face {
  font-family: 'Handwritten';
  src:  url('/wp-content/themes/vivacious-pro/fonts/handwritten.woff2') format('woff2'), url('/wp-content/themes/vivacious-pro/fonts/handwritten.woff') format('woff');
}

:root {
    --emerald:  #0f3b21;
    --wheat:    #A16F0B;
    --sheep:    #F5F5DC;
    --ewe:      #F6F6EB;
    --sapphire: #152B3F;
    --lephant:  #5D6154;
    --ore:      #333333;
    --handwritten: 'Handwritten', sans-serif;
    
    --menu-toggle-color: var(--ore);
    --menu-text-transform: uppercase;
    --menu-item-link-color: var(--ore);
    --menu-item-link-color-hover: var(--wheat);
    
    --site-header-border-bottom: none;
    
    --font-size-sx: calc(calc(var(--font-size-xs) + var(--font-size-sm)) / 2);
    --font-size-ms: calc(calc(var(--font-size-md) + var(--font-size-sm)) / 2);
    --font-size-ml: calc(calc(var(--font-size-md) + var(--font-size-lg)) / 2);
    --font-size-lx: calc(calc(var(--font-size-xl) + var(--font-size-lg)) / 2);
    
    /*--spacing-sx: calc(calc(var(--spacing-xs) + var(--spacing-sm)) / 2); */
    
    --button-border-radius: 2rem;
    --button-text-transform: uppercase;
    --button-font-weight: 600;
    --button-border: 2px solid var(--button-background, var(--color-primary));
    --button-color-hover: var(--wheat);
    --button-background-hover: transparent;
    --button-border-hover: 2px solid var(--wheat);
    
    --button-secondary-background-hover: var(--ore);
    
    /* Turn Header Logo to Ore Color */ 
    --custom-logo-filter: invert(15%) sepia(95%) saturate(0%) hue-rotate(248deg) brightness(98%) contrast(93%);
    
}
.handwritten {
    font-family: var(--handwritten);
}
.hidden-header {
    display: none;
}

/* CW!!: Enable when done building
.logged-in .hidden-header {
    display: block;
}*/


/* Header */ 
.menu {
    --menu-font-family: var(--body-font-family);
    --menu-font-size: var(--font-size-md);
    --menu-font-weight: 400;
    --menu-item-link-color: var(--ore);
    --menu-item-link-color-hover: var(--wheat);
}
/* Turn Header Logo Green on Hover */ 
a.custom-logo-link:hover {
    --custom-logo-filter: invert(16%) sepia(38%) saturate(828%) hue-rotate(91deg) brightness(97%) contrast(93%);
}


/* Turn .logo (with link) to original color on hover */ 
.logo img, .seen-in-logos img {
    filter:  brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(62deg) brightness(107%) contrast(101%);
}
.logo a img:hover, .seen-in-logos a img:hover {
    filter: none;
}

/* Heading Styles */
.preheading, h1.preheading {
    text-transform: uppercase; 
    font-family: var(--body-font-family);
    font-size: var(--font-size-ms);
    font-weight: 400;
    letter-spacing: .5rem;
}

/* CV Handwriting Heading */
.cv-hw {
    margin-bottom: var(--spacing-sm);
}
.cv-hw h2 {
    line-height: 1;
}
.cv-hw-hw {
    font-family: var(--handwritten);
}
.cv-hw-inner.overhang h2 span.cv-hw-hw {
    margin-left: calc( -1 * var(--spacing-xs));
}
@media only screen and (min-width: 782px) {
    .cv-hw-inner.overhang h2 span.cv-hw-hw {
        margin-left: calc( -1 * var(--spacing-xl));
    }
    .cv-hw-inner.overhang h2 {
        padding-left: var(--spacing-lg);
    }
}

/* Home Hero */ 
.home-hero h2 {
    font-size: 2.25rem;
}
.home-hero h2 .cv-hw-hd {
    color: var(--emerald);
}
@media only screen and (min-width: 782px) {
	.home-hero span.wp-block-cover__background {
		opacity: 0 !important;
	}
	.home-hero-mobile-img {
		display: none;
	}
    .home-hero h2 .cv-hw-hw {
        
    }
    
}
@media only screen and (max-width: 781px) {
    .home-hero .cv-hw h2 {
        text-align: center;
        margin-bottom: var(--spacing-sm);
    }
}

/* Buttons */ 
.arrow-btn a.button:after {
    content: '→';
}
.button-secondary {
    --button-border: 2px solid var(--wheat);
}

/* Backgrounds */ 
.has-dark-bgd {
    --link-color: var(--color-secondary-light);
    --link-color-hover: var(--sheep);
}

/* Polaroid Images */ 
figure.wp-block-image.polaroid img {
    border: 10px solid white;
    border-bottom: 30px solid white;
    border-radius: 10px;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.17);
}

/* Leafed Images */ 
figure.wp-block-image:not(.polaroid, .logo) img {
    border-radius: 3rem 0 3rem 0;
}
.seen-in-logos figure.wp-block-image img {
    border-radius: none; 
}

/* Seen In Logos */ 
.seen-in-logos.wp-block-group.is-layout-flex {
    column-gap: var(--spacing-xxl);
}

/* Gravity Forms */ 
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1px;
    font-size: var(--font-size-ms);
    letter-spacing: .03rem;
}

/* Gravity Forms - Simple Subscribe */ 
.gf-simple-subscribe_wrapper p.gform_required_legend {
    display: none;
}
.gf-simple-subscribe .gfield--input-type-name {
    display: flex !important;
    align-items: end;
}
.gf-simple-subscribe input.gform-button {
    --button-padding: 8px;
}

@media only screen and (max-width: 781px) {
    .gf-simple-subscribe .ginput_container input {
        font-size: var(--font-size-sm) !important;
    }
    .gform_wrapper.gravity-theme .gf-simple-subscribe .gform_fields {
        grid-column-gap: 2%;
    }
    .home-hero .gform_wrapper.gravity-theme .gf-simple-subscribe .gfield:not(.gfield--width-full) {
        grid-column: span 6 !important;
    }
}
@media only screen and (min-width: 782px) {
    .gf-simple-subscribe input.gform-button {
        --button-border-radius: 0 1rem 1rem 0;
        font-size: var(--font-size-sm);
        height: 37px;
    }
}

/* Footer */ 
.footer-contact {
    border: 10px solid white;
    border-radius: 10px;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.77);
}
.footer-contact .gform_footer.top_label {
    display: none !important; 
}
.footer-credits {
    font-size: var(--font-size-xs);
}

/* Blog Archive */ 
.is-archive h1.archive-title {
    text-align: center;
}
.is-archive .entry.entry-archive, .single .entry-image-link, .search-results .entry {
    border: 10px solid white;
    border-radius: 10px;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.27);
}
.is-archive .has-image-full .has-image-first .entry-wrap>:first-child, .search-results .has-image-full .has-image-first .entry-wrap>:first-child{
    margin: 0;
    padding: 0;
}
.is-archive .entry .entry-meta-before-content, .search-results .entry-meta-before-content {
    margin: var(--spacing-xxs) 0;
    font-style: normal;
    text-transform: uppercase;
}
.single h1.entry-title {
    text-align: center;
    margin-bottom: var(--spacing-sm);
}
.single .entry-meta-before-content {
    margin: var(--spacing-xxs) 0 var(--spacing-lg) 0;
    font-style: normal;
    text-transform: uppercase;
    font-size: var(--font-size-md);
    text-align: center;
}
.entry-more-link.button-link {
    --button-border: none;
    --button-border-hover: none;
}