/*
Theme Name: Sparkified
Description: A child theme crafted just for you
Template: bridge
*/
@import url("../bridge/style.css");
.title h1 {
	font-family: Open Sans, sans-serif !important;
}
.q_logo img {
    transition: none !important;
}
/* hide the overflowing backgound */
.has-rellax-background{
	overflow:hidden;
}

/* set the default inset of the parallax background */
.has-rellax-background .rellax-bg-holder{
	position:absolute;
	inset:-200px 0 -200px 0;
}
.reversetext h1,
.reversetext h2,
.reversetext h3,
.reversetext h4,
.reversetext h5,
.reversetext h6,
.reversetext a, 
.reversetext p {
    color: white;
}
.ppt{
    display: none !important;
}
.parallax {
    background-attachment: fixed !important; 
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.q_social_icon_holder{
    float: right;
}
.side_menu_button {
    font-size: 24px;
    color: white !important;
}
div#html5-watermark{
    display: none !important;
}
/* Dark navy section: convex curve bulging downward at bottom */
.section-curve-bottom {
    position: relative;
}
.section-curve-bottom::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 80px;
    background-color: #0d1d2e; /* match section bg */
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
    z-index: 1;
}

/* Forest section: white curve bulging downward at top */
.section-curve-top-white {
    position: relative;
}
.section-curve-top-white::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 80px;
    background-color: #ffffff;
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
    z-index: 1;
}
.eyebrow-dot::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #e87722; /* solid orange center */
    border: 4px solid #fbddca;
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    box-sizing: content-box; /* keeps the 8px center true */
}
.eyebrow-dot-reverse::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #e87722; /* solid orange center */
    border: 4px solid rgba(232, 119, 34, 0.5); /* 50% of the orange */
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    box-sizing: content-box; /* keeps the 8px center true */
    background-clip: padding-box; /* stops bg from filling under the border */
}
.infobox {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.desktopborder {
    border-right: 2px solid #323845;
}

@media (max-width: 768px) {
    .desktopborder {
        border: none;
    }
}
.q_elements_holder {
    margin-bottom: -10px;
}
.whitecards {
    border: 16px solid #F0F0F2;
    border-radius: 26px;
    padding: 8px;
    background-color: white;
}
@media (max-width: 768px) {
    .whitecards {
        margin-left: -18px !important;
    }
}
@media (min-width: 3001px) {
    .reversecurve {
        display: none;
    }
}
.navycard{
    border-radius: 8px;
}
@media (max-width: 768px) {
    .wpb_text_column.navycard {
        padding-right: 0 !important;
    }
}
@media (max-width: 768px) {
    .icon-arrows-slim-right:before {
        display: inline-block !important;
        transform: rotate(90deg) !important;
    }
}
@media (min-width: 1001px) {
    .side_menu_button {
        display: none !important;
    }
}
.mobile_menu_button{
    display: none !important;
}
@media (max-width: 1130px) {
	.side_menu_button_wrapper{
		display: none !important;
	}
}
@media (min-width: 1141px) {
    .side_menu_button {
        display: none !important;
    }
}
@media (max-width: 1140px) {
    nav.main_menu,
    .header_bottom nav.main_menu,
    .main_menu {
        display: none !important;
    }
    .side_menu_button_wrapper,
    .side_menu_button {
        display: block !important;
		float: right;
		padding-top: 16px !important;
    }
    .side_menu_button > a {
        display: inline-block !important;
    }
	div.header_bottom_right_widget_holder{
		display: none !important;
	}
}
a.qbutton.small.white.default:hover {
    color: #0097b2 !important;
	border-color: #0097b2 !important;
}
a.qbutton.small.white.default{
    border-color: white !important;
}
nav.main_menu > ul > li > a {
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
}
nav.main_menu > ul > li:hover > a {
    transform: translateY(-3px);
    color: #14a5b8;
}
div.header_bottom_right_widget_holder{
    padding-top: 26px !important;
}
@media (max-width: 1024px) {
    .footer-solutions-links {
        margin-top: 0 !important;
    }
}
/* Footer: 2 columns on tablet, 1 column on mobile */
@media (max-width: 1024px) {
    .footer_top .four_columns .column1,
    .footer_top .four_columns .column2,
    .footer_top .four_columns .column3,
    .footer_top .four_columns .column4 {
        width: 50% !important;
        float: left !important;
        margin-bottom: 40px;
    }
    /* Force a new row after every 2 columns */
    .footer_top .four_columns .column3 {
        clear: left;
    }
}

@media (max-width: 600px) {
    .footer_top .four_columns .column1,
    .footer_top .four_columns .column2,
    .footer_top .four_columns .column3,
    .footer_top .four_columns .column4 {
        width: 100% !important;
        float: none !important;
    }
    .footer_top .four_columns .column3 {
        clear: none;
    }
}
#powerTip {
    padding-left: 32px !important;
	font-family: Open Sans !important;
	font-weight: 600;
}
/* Bulletproof header background - targets all states and overrides dark mode */
.scroll_header_top_area,
.scroll_header_top_area.stick,
.scroll_header_top_area.scrolled_not_transparent,
.page_header,
.page_header .header_inner,
.header_bottom,
header.page_header .header_bottom,
.scroll_header_top_area .header_bottom,
.scroll_header_top_area.stick .header_bottom,
.scroll_header_top_area.scrolled_not_transparent .header_bottom {
  background-color: #f3f3f3 !important;
  background: #f3f3f3 !important;
}

/* Override any dark mode media queries */
@media (prefers-color-scheme: dark) {
  .scroll_header_top_area,
  .scroll_header_top_area.stick,
  .scroll_header_top_area.scrolled_not_transparent,
  .page_header,
  .page_header .header_inner,
  .header_bottom,
  header.page_header .header_bottom,
  .scroll_header_top_area .header_bottom,
  .scroll_header_top_area.stick .header_bottom,
  .scroll_header_top_area.scrolled_not_transparent .header_bottom {
    background-color: #f3f3f3 !important;
    background: #f3f3f3 !important;
    color-scheme: light !important;
  }
}

/* Force light color scheme on the header */
.page_header,
.scroll_header_top_area {
  color-scheme: light !important;
  forced-color-adjust: none !important;
}

/* Apply bullet styling only to content lists, not navigation */
.content ul,
.entry-content ul,
article ul,
.post-content ul,
main ul {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 1em 0 !important;
}

.content ul li,
.entry-content ul li,
article ul li,
.post-content ul li,
main ul li {
  padding-left: 1.5em !important;
  font-size: 15px !important;
  position: relative !important;
  margin-bottom: 0.75em !important;
  text-indent: 0 !important;
}

.content ul li::before,
.entry-content ul li::before,
article ul li::before,
.post-content ul li::before,
main ul li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0.25em !important;
  top: 0 !important;
}

/* Explicitly remove bullets from menus, just in case */
nav ul li::before,
.main_menu ul li::before,
.mobile_menu ul li::before,
#menu-main-menu li::before,
.header_bottom ul li::before {
  content: none !important;
  font-size: 15px !important;
  display: none !important;
}
@media (min-width: 2048px) {
  img[src*="Optimal-Health-Strategies-Colorado"] {
    display: none !important;
  }
img[src*="Optimal-Health-Strategies-0"] {
    display: none !important;
  }
}
@media (max-width: 768px) {
    .footer_top .four_columns .column3 {
        clear: none;
        margin-bottom: 24px !important;
    }
}
@media screen and (max-width: 1024px) {
  .parallax {
    background: scroll !important;
  }
}
.title_subtitle_holder_inner h1, 
.title_subtitle_holder_inner h1 span {
    font-family: 'Open Sans', sans-serif !important;
}