/* Subsite-only global CSS (blog_id !== 1). */
/*
 * =============================================================================
 * CarePatrol Subsite Custom Styles - Table of Contents
 * =============================================================================
 * 1) Post Image Handling
 * 2) Icon Group Layering
 * 3) Custom Font Faces
 * 4) CarePatrol Wordmark Typography
 * 5) Team Member Bio Teasers
 * 6) Modern Events Calendar Typography
 * 7) Modern Events Calendar Links and Lists
 * 8) Modern Events Calendar Layout and Media
 * 9) Homepage Subsite Additional CSS
 * =============================================================================
 */

/* -------------------------------------------------------------------------
 * 1) Post Image Handling
 * ------------------------------------------------------------------------- */
#Posts .fl-post-image {
  background: #d6d6d6;
}

#Posts .fl-post-image img {
  object-fit: contain;
  height: auto;
  max-height: 250px;
}

/* -------------------------------------------------------------------------
 * 2) Icon Group Layering
 * ------------------------------------------------------------------------- */
.fl-icon-group {
  z-index: 100000 !important;
}

/* -------------------------------------------------------------------------
 * 3) Custom Font Faces
 * ------------------------------------------------------------------------- */
@font-face {
  font-family: "Stephenson Brandon";
  src: url("/wp-content/themes/bb-theme-child/fonts/Stephenson-Brandon.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Stephenson Brandon";
  src: url("/wp-content/themes/bb-theme-child/fonts/Stephenson-Brandon-Italic.otf") format("opentype");
  font-style: italic;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Fibon Fixed";
  src: url("/wp-content/themes/bb-theme-child/fonts/FibonNeue-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

/* -------------------------------------------------------------------------
 * 4) CarePatrol Wordmark Typography
 * ------------------------------------------------------------------------- */
.care {
  font-family: "Fibon Fixed", sans-serif !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -7px;
}

.patrol {
  margin-left: 7px;
  font-family: "Stephenson Brandon", sans-serif !important;
  position: relative;
  margin-right: 18px;
}

.patrol::after {
  content: "TM";
  font-size: 0.5rem;
  font-family: roboto;
  position: absolute;
  top: 22%;
  right: -21%;
}

/* -------------------------------------------------------------------------
 * 5) Team Member Bio Teasers
 * ------------------------------------------------------------------------- */
.page-id-34 .member .member-info .learn-more {
  margin-top: 10px !important;
}

/* Let the grid text column shrink so overflow/clamp can work. */
.page-id-34 .member .member-info {
  min-width: 0;
}

/* Override the old brittle paragraph rule only on this page. */
.page-id-34 .member .member-info p:nth-child(4) {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}

.page-id-34 .member .member-info .bio-teaser {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin: 0 0 8px;
}

.page-id-34 .member .member-info .bio-teaser-hidden {
  display: none !important;
}

.page-id-34 .member .member-info .bio-teaser img,
.page-id-34 .member .member-info .bio-teaser figure {
  display: none !important;
}

/* -------------------------------------------------------------------------
 * 6) Modern Events Calendar Typography
 * ------------------------------------------------------------------------- */
.post-type-archive-mec-events h1,
.tax-mec_category h1,
.mec-wrap h1,
.entry-content .mec-wrap h1,
.mec-wrap .mec-single-title,
.single-mec-events .mec-wrap.mec-no-access-error h1 {
  font-family: "Lato", sans-serif;
  line-height: 1.2;
  font-size: 2.5rem;
  font-weight: 900;
}

.mec-single-event-description.mec-events-content ol li,
.mec-single-event-description.mec-events-content ul li,
.mec-wrap :not(.elementor-widget-container) > p {
  margin: 0.25em 0;
  color: #000000 !important;
  font-size: 1.15rem;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}

.entry-content .mec-wrap h2,
.entry-content .mec-wrap h3,
.entry-content .mec-wrap h4,
.entry-content .mec-wrap h5,
.entry-content .mec-wrap h6,
.mec-events-meta-group-countdown .countdown-w span,
.mec-hourly-schedule-speaker-job-title,
.mec-hourly-schedule-speaker-name,
.mec-single-event .mec-event-meta dt,
.mec-ticket-available-spots .mec-event-ticket-name,
.mec-wrap h2,
.mec-wrap h3,
.mec-wrap h4,
.mec-wrap h5,
.mec-wrap h6 {
  font-family: "Lato", sans-serif !important;
  margin: 0.5em 0 0 !important;
  line-height: 1.2 !important;
}

.entry-content .mec-wrap h2,
.mec-wrap h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--cp-purple);
}

.entry-content .mec-wrap h3,
.mec-wrap h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4e4e4e;
}

.entry-content .mec-wrap h4,
.mec-wrap h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #555555;
}

.entry-content .mec-wrap h5,
.mec-wrap h5 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #666666;
}

.entry-content .mec-wrap h6,
.mec-wrap h6 {
  font-size: 1rem;
  font-weight: 500;
  color: #777777;
}

/* -------------------------------------------------------------------------
 * 7) Modern Events Calendar Links and Lists
 * ------------------------------------------------------------------------- */
.entry-content .mec-wrap.colorskin-custom h1 a:hover,
.entry-content .mec-wrap.colorskin-custom h2 a:hover,
.entry-content .mec-wrap.colorskin-custom h3 a:hover,
.entry-content .mec-wrap.colorskin-custom h4 a:hover,
.entry-content .mec-wrap.colorskin-custom h5 a:hover,
.entry-content .mec-wrap.colorskin-custom h6 a:hover,
.mec-wrap .mec-calendar .mec-event-article .mec-event-title a:hover,
.mec-wrap .mec-event-grid-classic .mec-event-title a:hover,
.mec-wrap .mec-event-grid-clean .mec-event-title a:hover,
.mec-wrap .mec-event-grid-minimal .mec-event-title a:hover,
.mec-wrap .mec-event-grid-modern .mec-event-title a:hover,
.mec-wrap .mec-event-grid-simple .mec-event-title a:hover,
.mec-wrap .mec-event-list-classic .mec-event-title a:hover,
.mec-wrap .mec-event-list-minimal .mec-event-title a:hover,
.mec-wrap .mec-event-list-standard .mec-event-title a:hover,
.mec-wrap .mec-wrap .mec-event-list-modern .mec-event-title a:hover,
.mec-wrap.colorskin-custom h1 a:hover,
.mec-wrap.colorskin-custom h2 a:hover,
.mec-wrap.colorskin-custom h3 a:hover,
.mec-wrap.colorskin-custom h4 a:hover,
.mec-wrap.colorskin-custom h5 a:hover,
.mec-wrap.colorskin-custom h6 a:hover {
  color: var(--cp-teal);
}

.mec-single-event-description.mec-events-content ul li::marker,
.mec-single-event-description.mec-events-content ol li::marker {
  color: var(--cp-teal) !important;
}

.mec-single-event-description.mec-events-content ul,
.mec-single-event-description.mec-events-content ol,
.entry-content ul,
.entry-content ol {
  margin-left: 25px;
  padding-left: 0;
  font-size: 1.15rem;
  line-height: 1.8;
  font-weight: 400;
}

.mec-wrap :not(.elementor-widget-container) > p a {
  color: var(--cp-teal);
  text-decoration: underline;
}

.mec-wrap :not(.elementor-widget-container) > p a:hover {
  text-decoration: none;
  color: var(--cp-orange);
}

.mec-wrap.colorskin-custom .mec-event-description {
  font-size: 1.1rem;
}

/* -------------------------------------------------------------------------
 * 8) Modern Events Calendar Layout and Media
 * ------------------------------------------------------------------------- */
.mec-events-meta-group-countdown .countdown-w .block-w {
  display: table-cell;
  margin: 0 20px 10px;
  position: relative;
  height: 70px;
  width: 190px;
  font-size: 72px;
  transition: all 0.3s ease-in-out;
  line-height: 1.2;
  color: var(--cp-purple);
}

.mec-events-meta-group-countdown .countdown-w {
  text-align: center;
  font-size: 36px;
  margin: 0 auto;
  padding: 20px 0 0;
  position: relative;
  display: table;
  table-layout: fixed;
}

.colorskin-custom .mec-single-event .mec-events-meta-group-booking form > h4::before,
.colorskin-custom .mec-single-event .mec-frontbox-title::before,
.colorskin-custom .mec-single-event .mec-wrap-checkout h4::before,
.event-carousel-type1-head .mec-event-date-carousel::after,
.lity-content .mec-booking-progress-bar li.mec-active::after,
.lity-content .mec-events-meta-group-booking .mec-wrap-checkout h4::before,
.lity-content .mec-events-meta-group-booking form > h4::before,
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date.mec-active,
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover,
.mec-box-title::before,
.mec-calendar-day.mec-active .mec-booking-tooltip.multiple-time .mec-booking-calendar-date.mec-active,
.mec-events-meta-group-booking .mec-booking-shortcode .mec-wrap-checkout h4::before,
.mec-events-meta-group-booking .mec-booking-shortcode form > h4::before,
.mec-has-event-for-booking .mec-calendar-novel-selected-day,
.mec-marker-infowindow-wp .mec-marker-infowindow-count,
.mec-rsvp-form-box form > h4::before,
.mec-single-event .mec-events-meta-group-booking .mec-wrap-checkout h4::before,
.mec-single-event .mec-events-meta-group-booking form > h4::before,
.mec-single-event .mec-frontbox-title::before,
.mec-single-event .mec-wrap-checkout h4::before,
.mec-skin-carousel-container .mec-event-footer-carousel-type3 .mec-modal-booking-button:hover,
.mec-timeline-month-divider,
.mec-virtual-event-history h3::before,
.mec-wrap .mec-box-title::before,
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected,
.mec-wrap.colorskin-custom .mec-border-color,
.mec-wrap.colorskin-custom .mec-border-color-hover:hover,
.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-events-side .mec-table-side-day,
.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing .mec-event-share:hover .mec-event-sharing-icon,
.mec-wrap.colorskin-custom .mec-event-list-modern .mec-event-sharing > li:hover a i,
.mec-wrap.colorskin-custom .mec-event-list-standard .mec-month-divider span::before,
.mec-wrap.colorskin-custom .mec-events-masonry-cats a.mec-masonry-cat-selected,
.mec-wrap.colorskin-custom .mec-events-masonry-cats a:hover,
.mec-wrap.colorskin-custom .mec-single-event .mec-frontbox-title::before,
.mec-wrap.colorskin-custom .mec-single-event .mec-social-single::before,
.mec-wrap.colorskin-custom .mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a:hover img,
.mec-wrap.colorskin-custom .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected {
  border-color: var(--mec-color-skin);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.mec-calendar .mec-calendar-events-side .mec-table-side-day {
  width: 36px;
  height: 36px;
}

.mec-single-event img {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 2px;
  background: #d1d1d1;
  border-radius: 10px !important;
  object-fit: cover;
}

.mec-single-event .mec-events-event-image {
  max-width: 100%;
}

.lity-content .mec-events-meta-group-booking,
.mec-events-meta-group-booking .mec-booking-shortcode,
.mec-single-event .mec-events-meta-group-booking,
.mec-single-event .mec-events-meta-group-countdown,
.mec-single-event .mec-events-meta-group-gmap,
.mec-single-event .mec-frontbox,
.mec-single-modern .mec-single-event-bar {
  overflow: hidden;
  margin-bottom: 30px;
  border: 2px solid #d1d1d1;
  border-radius: 10px !important;
}

.mec-event-footer .mec-booking-button {
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.08),
    0 4px 4px rgba(0, 0, 0, 0.14);
}

.mec-event-footer .mec-booking-button:hover {
  background: var(--cp-purple);
  color: #ffffff;
  border-color: transparent;
  transform: translateY(2px);
  box-shadow: none;
}

/* -------------------------------------------------------------------------
 * 9) Homepage Subsite Additional CSS
 * ------------------------------------------------------------------------- */

 #MainSiteMenu {
  display: none !important;
 }
 .fl-menu .fl-menu-mobile-toggle {
    position: relative;
    background-color: transparent;
    border: none;
    
    border-radius: 0;
    cursor: pointer;
}

.fl-menu .fl-menu-mobile-toggle.hamburger .fl-menu-mobile-toggle-label, .fl-menu .fl-menu-mobile-toggle.hamburger-label .fl-menu-mobile-toggle-label {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .fl-menu.fl-menu-responsive-toggle-medium-mobile {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .fl-menu.fl-menu-responsive-toggle-medium-mobile .fl-menu-mobile-toggle::before {
        content: "Local Menu";
    }


    .fl-menu.fl-menu-responsive-toggle-medium-mobile .fl-menu-mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 0 auto !important;
    }

    #findyourclosestcarepatrol {
      display: none;
    }
#menu-item-12410 a {
    color: #f5b334 !important;
    font-weight: 700;

}

#menu-item-12410 a:hover {
    color: white !important;
    font-weight: 700;

}
    
  }
@media (max-width: 600px) {
    

    #Banner .container .text-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
}
}

@media only screen and (max-width: 768px) {
    #Banner .container .text-container h1 {
    color: #fff;
    font-size: 3rem;
    width: 100%;
    line-height: .85;
}
}
@media only screen and (max-width: 600px) {
    #Banner .container .text-container h1 {
    color: #fff;
    font-size: 3rem;
    width: 100%;
    line-height: .85;
}
#Banner .container .text-container p {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 20px;
    margin-left: 5px;
}

#Banner .container .loc-icon {
    display: none;
    top: 6%;
}
#Banner .container .loc-img {
     display: none;
}
}

@media only screen and (max-width: 450px) {
    #Banner .container .text-container h1 {
        color: #fff;
        font-size: 2rem;
        width: 100%;
        line-height: .85;
    }
}

@media only screen and (max-width: 375px) {
    #Banner .container .text-container p {
        font-size: 1rem;
        color: #fff;
        margin-top: 10px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 320px) {
    #Banner .container .text-container h1 {
        font-size: 1.9rem;
        color: #fff;
        margin-top: 10px;
        margin-left: 5px;
    }
}

@media screen and (max-width: 768px) {
    #mobile-menu-items .sub-menu {
        background-color: #f4f4f4;
        padding: 10px 0;
        display: none;
    }
    #menu-item-583 {
	display: none !important;
}


}

#SpecialtiesContainer h2,
#CertificationsContainer h2,
#Posts h2,
.sem-reviews-heading h2 {
  
    font-size: 2.75rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

.care {
  font-family: "Fibon Fixed", Sans-Serif !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -3px;
}