/* This stylesheet is for site-specific styling. */

/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
:root {
    /*fonts*/
    --font-body: "Roboto", sans-serif;
    --font-heading: "figtree", sans-serif;
    --font-button: "figtree", sans-serif;
    --font-menu:"Roboto", sans-serif;
}
:root {
    /* Custom Color Variables Go Here */
}

/* Headings */
h1, h2, h3, h4, h5, h6, .fl-builder h1, .fl-builder h2, .fl-builder h3, .fl-builder h4, .fl-builder h5, .fl-builder h6 {
    font-weight: 700;
    color: var(--bb-color-oaks-charcoal);
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-family: var(--font-heading);
    word-break: normal;
    overflow-wrap: normal;
}
/* Links */
a:not(:has(img)) {
    color: var(--bb-color-oaks-orange);
}
a:not(:has(img)):hover, a:not(:has(img)):focus {
    color: var(--bb-color-oaks-orange-hover);
}

/* Buttons */
.fl-button,
button,
.fl-module-button a,
.uabb-button-wrap a.uabb-button,
.uabb-button-wrap a.uabb-button span,
body a.fl-button:visited,
body a.fl-button:visited span,
.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"],
#myform .gform_wrapper input[type=submit],
#myform .gform_wrapper input[type=button],
#myform .gform_wrapper button[type=button],
.woocommerce-page button[type="submit"],
.woocommerce-page a.wc-block-components-button { 
 background-color: var(--bb-color-oaks-orange);
 text-transform: uppercase;
 font-weight: 700;
 color: var(--bb-color-off-white);
}
body a.fl-button:hover,
body .fl-builder-content a.fl-button:hover,
button:hover,
.fl-module-button a:hover,
.uabb-button-wrap a.uabb-button:hover,
.uabb-button-wrap a.uabb-button:hover span,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="button"]:hover,
#myform .gform_wrapper input[type=submit]:hover,
#myform .gform_wrapper input[type=button]:hover,
#myform .gform_wrapper button[type=button]:hover,
.woocommerce-page button[type="submit"]:hover,
.woocommerce-page a.wc-block-components-button:hover {
    background-color: var(--bb-color-oaks-orange-hover);
    background: var(--bb-color-oaks-orange-hover);
    color: var(--bb-color-off-white-hover);
}

/* Top Bar, if used */
#topbar {
    background-color: var(--bb-color-oaks-charcoal);
    color: var(--bb-color-off-white);
}
#topbar a {
    color: var(--bb-color-off-white);
}
#topbar a:hover {
    color: var(--bb-color-oaks-orange-hover);
}

/* Footer */
footer a:not(:has(img)) {
    color: var(--bb-color-oaks-charcoal);
}
footer a:not(:has(img)):hover {
    color: var(--bb-color-oaks-orange-hover);
}
.footericons .fl-icon {
color: var(--bb-color-oaks-orange);
}

/* FAQ Module */
#my-faq .uabb-faq-item .uabb-faq-questions {
  background: var(--bb-color-oaks-orange:);
  color: var(--bb-color-oaks-charcoal);
}
#my-faq .uabb-faq-item-active .uabb-faq-questions {
  background: var(--bb-color-oaks-orange-hover);
  color: var(---bb-color-oaks-charcoal);
}
#my-faq .uabb-faq-item .uabb-faq-questions .uabb-faq-question-label, #my-faq .uabb-faq-item-active .uabb-faq-questions .uabb-faq-question-label {
  color: var(--bb-color-white);
  font-family: var(--font-heading);
  font-size: 1.17rem;
}