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

/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
:root {
    /*fonts*/
    --font-body: "tablet-gothic", sans-serif;
    --font-heading: "montserrat",sans-serif;
    --font-button: "montserrat",sans-serif;
    --font-menu: "tablet-gothic", 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 h2, h3, .uabb-infobox-title{
    font-size: 2rem;
}

/* 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-orange);
}

/* Global CSS */
.border-bottom, .border-white { position: relative;}
.border-bottom::after { content: ""; width: 100%; height: 2px; background: var(--bb-color-orange); 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: 450px;}
.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;}

/* 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-orange);
 text-transform: uppercase;
 font-weight: 600;
 color: var(--bb-color-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-raisin-black);
    background: var(--bb-color-raisin-black);
    color: var(--bb-color-white);
}

/* 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-orange);
}

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

/* FAQ Module */
.my-faq .uabb-faq-item .uabb-faq-questions {
  background: var(--bb-color-orange);
  color: var(--bb-color-white);
}
.my-faq .uabb-faq-item-active .uabb-faq-questions {
  background: var(--bb-color-raisin-black);
  color: var(--bb-color-white);
}
.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;
}
.my-faq .uabb-faq-icon-wrap {
    color: var(--bb-color-white);
    opacity: 1;
}

/* Forms */
#myform .gform-theme--foundation .gform-grid-col { padding-left: 0; padding-right: 20px;}
#myform .gform-theme--foundation .gform-grid-col:last-child { padding-right: 0;}
#myform .gform_wrapper .top_label .gfield_label { line-height: 1.6;}
#myform .uabb-gf-style form .gform_body .gfield_label { margin-bottom: 0;}
#my-form .widget-container .input-container { background: #fff; border-radius: 3px;}
#myform textarea { min-block-size: 8rem;}

/* Target only inside Gravity Forms body */
.gform-body.gform_body gmp-place-autocomplete {
    border: 1px solid #686e77 !important;
    width: 100% !important;
    background: #fff !important;
    display: inline-block !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
}

.gfield .ginput_container input,
.gfield .ginput_container textarea,
.gfield .ginput_container select {
    border: 1px solid #686e77 !important;
    border-radius: 3px !important;
}

#myform input#input_2_6 {
    margin: 10px 0px;
    height: 49px;
}

#myform .gform_wrapper .gfield select {
    margin-top: 10px !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px!important;
}

.fl-builder-content .fl-button:is(a, button), .fl-builder-content a.fl-button:visited {
    border-radius: 0px;
    padding: 16px 24px;
	font-weight: 600;
   
}
@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: 30px; 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;}
#mainheader .fl-menu ul {display: flex; flex-direction: column; }
#home-hero .fl-row-content-wrap, #hero .fl-row-content-wrap { min-height: 300px;}
.upper-space { margin-top: 30px; margin-bottom: 10px;}
}