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

/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /*fonts*/
    --font-body: "raleway";
    --font-heading: "times-new-roman";
    --font-button: "times-new-roman";
    --font-menu: "raleway";
}
: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-dark-gray);
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: var(--font-heading);
    word-break: normal;
    overflow-wrap: normal;
}
p .fl-builder p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.uabb-face.uabb-front .uabb-flip-box-section-content, .uabb-face.uabb-front .uabb-face-text-title {
  display: none;
}
.uabb-face.uabb-back h3.uabb-back-text-title {
  font-size: 1.441rem;
}
/* Links */
a:not(:has(img)) {
    color: var(--bb-color-dark-green);
}
a:not(:has(img)):hover, a:not(:has(img)):focus {
    color: var(--bb-color-light_green);
}
.nav-button {
  background: var(--bb-color-dark-green);
  transition: background-color 0.3s ease;
  background-image: unset;	
}
.nav-button:hover, .nav-button:focus {
  background: var(--bb-color-light_green);
  transition: background-color 0.3s ease;	
  background-image: unset;
}
.nav-button a, .nav-button a:hover, .nav-button a:focus {
  color: var(--bb-color-white);
  font-family: var(--font-heading);
  text-transform:uppercase;
  background-image: unset !important;
  transition: background-color 0.3s ease;	
}

/* Buttons */
.fl-button,
button,
.fl-module-button a,
.fl-module-button a:visited,
.uabb-button-wrap a.uabb-button,
.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-dark-green);
 text-transform: uppercase;
 font-weight: 700;
 color: var(--bb-color-white);
	margin-bottom:0 0 20px;
}
.fl-button:hover,
button:hover,
.fl-module-button a:hover,
.uabb-button-wrap a.uabb-button:hover,
.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-light_green);
    background: var(--bb-color-light_green);
    color: var(--bb-color-white);
}

body a.fl-button:hover, body.fl-builder-content a.fl-button:hover, body a.fl-button:visited, body a.fl-button:visited span {
  color: var(--bb-color-white);
}
.uabb-button-wrap a.uabb-button,
.uabb-button-wrap a.uabb-button span {
    color: var(--bb-color-white);
}
body .fl-button-text, body a .fl-button-text, body a:hover.fl-button-text, body a:focus.fl-button-text {
  color: var(--bb-color-white);
}

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

/* Footer */
footer a:not(:has(img)) {
    color: var(--bb-color-orange_brown);
}
footer a:not(:has(img)):hover {
    color: var(--bb-color-light_green);
}
.footericons .fl-icon {
color: var(--bb-color-dark-green);
}


/* FAQ Module */
#my-faq .uabb-faq-item .uabb-faq-questions {
  background: var(--bb-color-dark-green);
  color: var(--bb-color-white);
}
#my-faq .uabb-faq-item-active .uabb-faq-questions {
  background: var(--bb-color-light_green);
  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;
}

#justify-right { text-align: right;}
#icons-small .uabb-icon-wrap .uabb-icon i, #icons-small .uabb-icon-wrap .uabb-icon i::before { color: var(--bb-color-dark-green:);}
#icons-small:hover .fl-icon i, #icons-small:focus .fl-icon i { color: var(--bb-color-light_green);}

#mb-box .uabb-infobox-text-wrap { display: none !important;}
#icons .uabb-icon-wrap .uabb-icon i, #icons .uabb-icon-wrap .uabb-icon i::before { font-size:80px; height: auto; line-height:1.3;}
#hidden .uabb-infobox-title-wrap, #hidden .uabb-infobox-text { display: none;}
#my-video {
  float: left;
  position: relative;
  width: 400px;
  height: auto;
  padding: 120% 0 0;
  max-width: 100%;
}
#mobile-center { text-align: center;}

@media screen and (min-width: 100px) and (max-width: 768px) { 
#center { text-align: center;}
#justify-right { text-align: center;}
	.fl-module.fl-module-flip-box {
  width: 90%;
}
#my-list h3, #my-list .fl-builder h3 {
  font-size: 1.10em;
  line-height: 1.3;
}
#mobile-center { text-align: center;}
	.fl-button,
button,
.fl-module-button a,
.uabb-button-wrap a.uabb-button,
.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 { font-size: 1rem;}
}