@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@600;700&display=swap");


/* ==================================================
   FONTS
   ================================================== */

/* Main body copy */
body,
#sb-main-container,
#sb-main-container p,
#sb-main-container li,
#sb-main-container label,
#sb-main-container input,
#sb-main-container textarea,
#sb-main-container select {
    font-family: "Lato", Arial, sans-serif !important;
}

/* Headings, service titles and company name */
#sb-main-container h1,
#sb-main-container h2,
#sb-main-container h3,
#sb-main-container h4,
#sb-main-container h5,
#sb-main-container h6,
#sb-main-container .title-main,
#sb-main-container .company-name,
#sb-main-container #company-name,
#sb-main-container #sb_company_name,
#sb-main-container .service-title {
    font-family: "Playfair Display", Georgia, serif !important;
}

/* Menus and buttons */
#sb-main-container button,
#sb-main-container .btn,
#sb-main-container [class*="button"],
#sb-main-container nav,
#sb-main-container nav a,
#sb-main-container .navbar a {
    font-family: "Lato", Arial, sans-serif !important;
}


/* ==================================================
   DARK HEADER
   ================================================== */

/* Light navigation text */
header a,
header button,
header span,
#header a,
#header button,
.header a,
.header button,
.navbar a,
.navbar button,
.nav-wrapper a,
#sb-main-container [role="navigation"] a {
    color: #E3DACF !important;
}

/* Soft-gold navigation hover */
header a:hover,
#header a:hover,
.header a:hover,
.navbar a:hover,
.nav-wrapper a:hover,
#sb-main-container [role="navigation"] a:hover {
    color: #BE9B78 !important;
}


/* ==================================================
   HERO AREA
   ================================================== */

/* Light company name and description */
#sb-main-container #main-buttons,
#sb-main-container #main-buttons h1,
#sb-main-container #main-buttons h2,
#sb-main-container #main-buttons h3,
#sb-main-container #main-buttons p,
#sb-main-container #main-buttons span,
#sb-main-container #main-buttons .title-main,
#sb-main-container #main-buttons .company-name,
#sb-main-container #main-buttons #company-name,
#sb-main-container #main-buttons #sb_company_name,
#sb-main-container #main-buttons [class*="company-name"],
#sb-main-container #main-buttons [class*="title"] {
    color: #E3DACF !important;
}

/* Dark text on the soft-gold hero button */
#sb-main-container #main-buttons .btn,
#sb-main-container #main-buttons [class*="btn"],
#sb-main-container #main-buttons [class*="button"],
#sb-main-container #main-buttons button,
#sb-main-container #main-buttons input[type="button"],
#sb-main-container #main-buttons input[type="submit"],
#sb-main-container #main-buttons a.btn {
    color: #2F1C26 !important;
    -webkit-text-fill-color: #2F1C26 !important;
    font-family: "Lato", Arial, sans-serif !important;
}
/* DARK TEXT ON THE SOFT-GOLD BOOKING BUTTONS */
#sb-timeline button,
#sb-timeline .btn,
#sb-timeline [class*="btn"],
#sb-timeline input[type="button"],
#sb-timeline input[type="submit"],
#sb-timeline button *,
#sb-timeline .btn * {
    color: #2F1C26 !important;
    -webkit-text-fill-color: #2F1C26 !important;
}

/* REPLACE DEFAULT BLUE BOOKING LINKS */
#sb-timeline a {
    color: #6A3D42 !important;
    -webkit-text-fill-color: #6A3D42 !important;
}

/* BOOKING LINK HOVER */
#sb-timeline a:hover {
    color: #B4847A !important;
    -webkit-text-fill-color: #B4847A !important;
}
/* Keep Born on the Cusp hidden from the Youstrology booking page */

/* Hide the Born on the Cusp category card */
#sb_category_step_container .category-item:has(
  a[href="#book/category/2/count/1/"]
) {
  display: none !important;
}

/* Remove the clickable Category tab */
#sb_booking_info li.step_info_item:first-child {
  display: none !important;
}

/* Remove the Back button when it would return to the category screen */
#sb_back_button:has(
  a[href="#book/count/1/"]
) {
  display: none !important;
}