/*
Theme Name: Buchanan County Economic Development Commission BB Child Theme
Version: 1.0
Author: Fusion Forward
Author URI: https://www.fusionforward.com
template: bb-theme
*/


/* forces the header items to the left */
header .fl-row {
    margin-left: 0px;
}

/* keeps logo fixed in the upper left corner */
header .menu-boxes {
    position: fixed;
    top: 0px;
    z-index: 100;
}

/* keeps icons and menu fixed directly below the logo */
header .menu-boxes-2 {
    position: fixed;
    top: 160px;
    z-index: 100;
}

/* pushes logo and menu items down if logged in and admin bar is showing */
.admin-bar .menu-boxes,
.admin-bar .menu-boxes-2 {
    margin-top: 32px;
}

/* size of header logo */
.grow-logo img {
    height: 140px;
    width: auto;
}

/* size of favicon in header */
.favicon-logo img {
    height: 60px;
    width: auto;
}

/* helps center the menu icon */
.my-menu .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
    padding-top: 5px;
}

/* slows down the speed the menu opens/appears */
.uabb-offcanvas-animating, .uabb-offcanvas, .uabb-offcanvas-overlay {
    transition: all .5s;
}

/* margin below menu close button */
.my-menu .uabb-offcanvas-action-wrap {
    margin-bottom: 40px;
}

/* alignments for menu item */
.my-menu ul.uabb-offcanvas-menu {
    padding-inline-start: 0px;
    width: 50%;
    margin: 0px auto;
}

/* forces menu items to ultra bold */
.fl-node-5mtg8f7aiywb .uabb-offcanvas-menu .menu-item a {
    font-weight: 900;
}

/* forces links to be semi-bold */
p a, li a, 
.fl-module-advanced-accordion.fl-module-advanced-accordion.fl-module-advanced-accordion .uabb-module-content .uabb-accordion-desc a {
    font-weight: 600;
}

/* fixes "glitch" with bulleted lists that have a paragraph before inside accordions */
.uabb-adv-accordion-content ul:last-of-type {
    margin-top: 10px;
}

/* adds padding around labels in certain sets of accordions (.aa-alt-coloring) */
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring .uabb-adv-accordion-button-label {
    padding: 10px 0px 8px 0px;
}

/* adds border and padding to icon in certain sets of accordions (.aa-alt-coloring.business) */
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.business .uabb-adv-accordion-icon-wrap {
    border-right: solid 3px #E0E4E6;
    padding-right: 40px;
}

/* changes background on odd numbered rows in certain sets of accordions (.aa-alt-coloring.business) */
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.business .uabb-adv-accordion-item:nth-child(odd) .uabb-adv-accordion-button {
    background: #2e4b59;
}

/* adds border and padding to icon in certain sets of accordions (.aa-alt-coloring.community and .aa-alt-coloring.about) */
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.community .uabb-adv-accordion-icon-wrap,
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.about .uabb-adv-accordion-icon-wrap {
    border-right: solid 3px #EEEFE4;
    padding-right: 40px;
}

/* changes background on odd numbered rows in certain sets of accordions (.aa-alt-coloring.community) */
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.community .uabb-adv-accordion-item:nth-child(odd) .uabb-adv-accordion-button,
.aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.about .uabb-adv-accordion-item:nth-child(odd) .uabb-adv-accordion-button {
    background: #8f9649;
}

/* removes border and padding to icon in nested accordions (.aa-nested) */
.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested .uabb-adv-accordion-icon-wrap {
    border: none;
    padding-right: 0px;
}

/* changes padding around labels in nested accordions (.aa-nested) */
.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested .uabb-adv-accordion-button-label {
    padding: 0px 0px 0px 20px;
}

/* changes background for all rows in nested accordions (.aa-nested) */
.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested .uabb-adv-accordion-button {
    background: #f6f6f6;
}

/* forces icon size in nested accordions (.aa-nested) */
.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested.aa-nested i {
    font-size: 12px;
    line-height: 1.2;
}

/* allows nested accordions to expand full width */
.aa-alt-coloring .fl-builder-module-template {
    max-width: unset;
}

/* changes text into 2 columns */
.col-2 {
    column-count: 2;
}

/* puts tables in 2 columns (education accordion, laborshed workforce accordion) */
.multi-table.multi-table.multi-table {
    display: flex;
    flex-direction: row;
}

/* adds padding on first table */
.multi-table.multi-table.multi-table div:first-of-type {
    padding-right: 40px;
}

/* adds background image to contact col */
.contact-col.contact-col.contact-col {
    background: #2e4b59 url("https://staging.growbuchanan.com/wp-content/uploads/Favicon-All-White-10.png") no-repeat center;
    background-size: 500px;
}

/* hover color for links in the contact column */
.contact-col.contact-col.contact-col p a:hover {
    color: #57bcd6;
}

/* font size of required "asterisk" in contact form */
.my-form.my-form.my-form .gform_required_legend {
    font-size: 16px;
}

/* style for asterisk within the form */
.my-form.my-form.my-form .gform_wrapper.gravity-theme .gfield_required {
    font-size: 18px;
    margin-right: 4px;
    padding-inline-start: 0px;
}

/* horizontal gap between rows */
.my-form.my-form.my-form .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px;
}

/* padding around human verification description */
.my-form.my-form.my-form .gform_wrapper.gravity-theme .field_description_above .gfield_description {
    padding-top: 5px;
    padding-bottom: 0px;
}

/* size of human verification input field */
.my-form.my-form.my-form .gfield_captcha_input_container {
    width: 20%;
}

/* allows image and text to display in a row within an accordion */
.accordion-image.accordion-image.accordion-image {
    display: flex;
    align-items: center;
}

/* image size inside an accordion */
.accordion-image.accordion-image.accordion-image img {
    height: 55px;
    width: auto;
}

/* adds margin to bottom of label so it aligns better with image */
.accordion-image.accordion-image.accordion-image p {
    margin-bottom: 10px;
}


@media screen and (max-width: 1024px) {
    
    header .menu-boxes,
    header .menu-boxes-2 {
        position: relative;
        top: 0px;
    }

    /* size of header logo */
    .grow-logo img {
        height: 90px;
        width: auto;
    }
    
    /* size of favicon in header */
    .favicon-logo img {
        height: 35px;
        width: auto;
    }
    
    /* menu and menu close icon size */
    .my-menu .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon,
    .my-menu .uabb-offcanvas-close .uabb-offcanvas-close-icon {
        font-size: 24px;
    }
    
    /* margin below menu close button */
    .my-menu .uabb-offcanvas-action-wrap {
        margin-bottom: 20px;
    }

    /* padding around content boxes - text next to grow images */
    .content-box.content-box.content-box {
        padding: 40px 20px;
    }
    
    /* adds border and padding to icon in certain sets of accordions (.aa-alt-coloring) */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring .uabb-adv-accordion-icon-wrap {
        padding-right: 15px;
    }
    
    /* adds padding around labels in certain sets of accordions (.aa-alt-coloring) */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring .uabb-adv-accordion-button-label {
        padding: 8px 0px 6px 0px;
    }
    
    /* accordion icon size */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring .uabb-adv-accordion-button-icon {
        font-size: 12px;
    }
    
    /* changes text back to 1 column */
    .col-2 {
        column-count: 1;
    }
    
    /* puts tables in 2 columns (education accordion, laborshed workforce accordion) */
    .multi-table.multi-table.multi-table {
        flex-direction: column;
    }
    
    /* removes padding on first table */
    .multi-table.multi-table.multi-table div:first-of-type {
        padding-right: 0px;
    }
    
    /* team member image size */
    .my-team.my-team.my-team .pp-member-image img {
        width: 100px;
    }
    
    /* spacing on team member name */
    .my-team.my-team.my-team .pp-member-name {
        margin-top: 10px;
        margin-bottom: 2px;
    }
    
    /* spacing on team member title */
    .my-team.my-team.my-team .pp-member-designation {
        margin-bottom: 0px;
    }
    
    /* spacing on team member business */
    .my-team.my-team.my-team .pp-member-description {
        margin-bottom: 0px;
    }
    
    /* size of email icon on team members */
    .my-team.my-team.my-team .pp-member-social-icons li a {
        font-size: 16px;
        height: 36px;
        width: 36px;
    }
    
    /* background image size in contact col */
    .contact-col.contact-col.contact-col {
        background-size: 300px;
    }
    
    /* forces name and phone to full width */
    .my-form.my-form.my-form .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        grid-column: span 12;
    }
    
    /* horizontal gap between rows */
    .my-form.my-form.my-form .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 20px;
    }

    /* size of human verification input field */
    .my-form.my-form.my-form .gfield_captcha_input_container {
        width: 25%;
    }
    
    /* margin above submit button */
    .my-form.my-form.my-form .uabb-gf-style .gform_wrapper .gform_footer input[type=submit] {
        margin-top: 10px;
    }
    
    /* size of image fo partner and donate boxes on partners page */
    .partner-box.partner-box.partner-box img,
    .donate-box.donate-box.donate-box img {
        width: 100px;
    }
    
    /* space under size inside an accordion */
    .accordion-image.accordion-image.accordion-image img {
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 748px) {
    
    /* reorders header items */
    .menu-boxes-2 .header-favicon-box {
        order: 2;
    }
    .menu-boxes-2 .header-menu-box {
        order: 3;
    }
    .menu-boxes-2 .header-social-box {
        order: 1;
    }
    
     /* size of header logo */
    .grow-logo img {
        height: 80px;
        width: auto;
    }
    
    /* social icon margins */
    .header-social-box.header-social-box.header-social-box .fl-icon {
        margin: 10px 10px;
    }
    
    /* menu and menu close icon size */
    .my-menu .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon,
    .my-menu .uabb-offcanvas-close .uabb-offcanvas-close-icon {
        font-size: 34px;
    }
    
    /* alignments for menu items */
    .my-menu ul.uabb-offcanvas-menu {
        width: 75%;
    }
    
    /*  */
    .hero-text-container.hero-text-container.hero-text-container p {
        text-shadow: 3px 3px 0px #2e4b59;
    }
    
    /* padding around content boxes - text next to grow images */
    .content-box.content-box.content-box {
        padding: 20px 20px 0px;
    }
    
    /* padding on accordion titles */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring .uabb-adv-accordion-button {
        padding-left: 10px;
        padding-right: 38px;
    }
    
    /* border and padding to icon in certain sets of accordions (.aa-alt-coloring.business) */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.business .uabb-adv-accordion-icon-wrap {
        border-right: solid 2px #E0E4E6;
        padding-right: 10px;
    }
    
    /* border and padding to icon in certain sets of accordions (.aa-alt-coloring.community and .aa-alt-coloring.about) */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.community .uabb-adv-accordion-icon-wrap,
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring.about .uabb-adv-accordion-icon-wrap{
        border-right: solid 2px #E0E4E6;
        padding-right: 10px;
    }
    
    /* accordion content padding */
    .aa-alt-coloring.aa-alt-coloring.aa-alt-coloring .uabb-adv-accordion-content {
        padding-left: 20px;
    }
    
    /* margin around nested accordions */
    .aa-nested.aa-nested.aa-nested .fl-module-content {
        margin: -10px -20px;
    }
    
    /* size of human verification input field */
    .my-form.my-form.my-form .gfield_captcha_input_container {
        width: 40%;
    }
    
    /* margin above submit button */
    .my-form.my-form.my-form .uabb-gf-style .gform_wrapper .gform_footer input[type=submit] {
        line-height: 1.2;
    }
    
    /* space under size inside an accordion */
    .accordion-image.accordion-image.accordion-image img {
        margin-right: 15px;
    }
    
    
}