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

/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
:root {
    /*fonts*/
    --font-body: "nunito-sans",sans-serif;
    --font-heading: "cormorant-garamond",serif;
    --font-button: "nunito-sans",sans-serif;
    --font-menu: "nunito-sans",sans-serif;
}
:root {
    /* Custom Color Variables Go Here */
}
body .fl-row-content-wrap { padding-top: 60px; padding-bottom: 60px;}
/* 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-raisin-black);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: var(--font-heading);
    word-break: normal;
    overflow-wrap: normal;
}

.small-heading h3.uabb-infobox-title { font-size: 1.8rem;}
h1, h2, .fl-builder h1, .fl-builder h2 {
}

/* Links */
a:not(:has(img)) {
    color: var(--bb-color-raisin-black);
}
a:not(:has(img)):hover, a:not(:has(img)):focus {
    color: var(--bb-color-boba);
}

/* 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-boba);
 text-transform: uppercase;
 font-weight: 700;
 color: var(--bb-color-raisin-black);
}
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-lime-green);
    background: var(--bb-color-lime-green);
    color: var(--bb-color-raisin-black-hover);
}
.fl-builder-content .gform-theme--foundation #field_submit {
 align-items: flex-start;
}

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

/* Footer */
footer a:not(:has(img)) {
    color: var(--bb-color-raisin-black);
}
footer a:not(:has(img)):hover {
    color: var(--bb-color-boba);
}
.footericons .fl-icon {
color: var(--bb-color-lime-green);
}

/* FAQ Module */
.my-faq .uabb-faq-item .uabb-faq-questions {
  background: var(--bb-color-boba);
  color: var(--bb-color-raisin-black);
}
.my-faq .uabb-faq-item-active .uabb-faq-questions {
  background: var(--bb-color-lime-green);
  color: var(---bb-color-raisin-black);
}
.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-raisin-black);
  font-family: var(--font-heading);
  font-size: 1.17rem;
}
.my-faq .uabb-faq-icon-wrap {
    color: var(--bb-color-raisin-black);
    opacity: 1;
}

.my-faq .uabb-faq-question-label {
    outline: none;
}

/* Buttons */
a.fl-button, a.fl-button:visited { background: var(--bb-color-boba); color: var(--bb-color-raisin-black);}
a.fl-button:hover, .fl-builder-content a.fl-button:hover { color: var(--bb-color-raisin-black); background: var(--bb-color-lime-green);}
a.fl-button *, a.fl-button:visited * { color: var(--bb-color-raisin-black);}
a.fl-button:hover * { color: var(--bb-color-raisin-black);}
a.fl-button:hover, a.button:hover { color: var(--bb-color-raisin-black); border-color: var(--bb-color-boba); background: var(--bb-color-boba);}

/* UABB */
.oaksincflips .uabb-face-text-title, 
.oaksincflips .uabb-flip-box-section-content {
    display: none;
}

/* Global CSS */
.small-title, .small-title p { font-family: var(--font-heading); color: var(--bb-color-oaks-raisin-black); font-weight: 700; font-size: 1.5rem; line-height: 1.3; margin: 0 0 10px;}
.border-bottom, .border-white { position: relative;}
.border-bottom::after { content: ""; width: 100%; height: 2px; background: var(--bb-color-raisin-black); margin-top: 15px;}
.border-white::after { content: ""; width: 100%; height: 2px; background: var(--bb-color-white); margin-top: 15px;}
#hero .fl-row-content-wrap { min-height: 70vh;}
.uabb-info-list .uabb-info-list-wrapper > li { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.uabb-info-list .uabb-info-list-wrapper > li:last-child { border: 0px; margin: 0px;}
.upper-space { margin-top: 50px; margin-bottom: 10px;}

.flip-content .uabb-face.uabb-front .uabb-face-text-title, .flip-content .uabb-face.uabb-front .uabb-flip-box-section-content { display: none;}
.flip-content .fl-module-flip-box { width: 100%;}
.flip-content h3.uabb-back-text-title { font-size: 1.8rem;}

.overlay-hover { transition: background-color 0.3s ease;}
.overlay-hover:hover, .overlay-hover:focus { background: #b0baa6;}




@media screen and (min-width: 100px) and (max-width: 768px) { 
.br br { display:mone;}
.center-mobile {  text-align: center;}
body .fl-row-content-wrap { padding-top: 40px; padding-bottom: 40px;}
#menu-main-menu li:last-child { display: inline-block; border-bottom: 0px;}
#menu-main-menu li { width: 100%; text-align: center; border-bottom: 1px solid #ccc;}
#home-hero h1.hero-heading strong { font-size: 40px;}
#home-hero h1.hero-heading { font-size: 24px;}
#home-hero .fl-row-content-wrap, #hero .fl-row-content-wrap { min-height: 300px;}
.upper-space { margin-top: 30px; margin-bottom: 10px;}
	
.fl-slide-content {
    padding-top: 30px!important;
    color: #242424!important;
}

.fl-slide-title {
     margin: 0px !important;
}
	
.content-slides .fl-slide-title {
     color: #242424 !important; 
}
}