/*  Page HTML */

/* Body Styling */
body {
    background-image: none !important;
}

    @media (max-width: 768px) {
        .footer-links {
            display: block; /* Stack the links vertically */
            text-align: center; /* Center the text */
            padding-left: 10px;
            padding-right: 10px;
        }

        .footer-links a, .footer-links p {
            padding-right: 0;
            padding-left: 0;
            margin-bottom: 10px; /* Add spacing between items */
            border-right: none; /* Remove border on mobile */
        }
    }

    /* Responsive design for very small screens (like phones in portrait) */
    @media (max-width: 480px) {
        .footer-links {
            padding-left: 15px;
            padding-right: 15px;
        }

        .footer-links a, .footer-links p {
            font-size: 12px !important; /* Reduce font size on smaller screens */
        }
    }

#main_sec_header{
text-align:center;
}

.bdt-content-wrapper-home .container{
    box-shadow: none !important;
}

#healing_header{
    color: #0a3254;
    font-weight: 600;
}

#healing_para{
    color: #0a3254;
    font-weight: 500;
    font-size:45px;
}

.field--name-field-page-banner{
    display:none !important;
}

/* Optional: Ensure text content doesn't overlap with the image */
.bdt-content-wrapper-home > * {
  position: relative;
  z-index: 1;
}

.nav.primary.nav-tabs{
    position: relative;
    top: 6em;
}

.content-box-bg{
    position: relative !important;
}

.top-section{
    position: absolute  !important;
    z-index: 9 !important;
    top: 0 !important;
}

.hs-menu-trigger-btn{
    z-index: 99 !important;
}

.content-box-bg {
    background: #fff;
}

/* Top Section Styling */
.top-section {
    background-color: #fff;
    padding: 28px 0;
    box-shadow: 0px 4px 8px rgba(173, 216, 230, 0.6), 0px 2px 4px rgba(255, 255, 255, 0.9);
    position: absolute;
    z-index: 9;
    width: 100%;
}




#block-iamherefor-menu {
    display: none !important;
}



.menu{
        flex-direction: column;
    }

/* Logo Styling */
.new-logo-class {
display: block;
width: 191px;
  height: 75px;
  background: url(/themes/custom/healing_the_spirit/assets/logo-hs.png) no-repeat;
    background-size: auto;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 43px;
}

.submenu-container {
  margin-top: 5px; /* Adjust spacing below parent link */
  position: relative; /* Adjust positioning as needed */
}


/* Menu Styling */
.menu-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Ensuring Sidebar content (Dynamic Menu) is formatted */
.menu-container .section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Menu List Styling */
.menu-container .section ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px; /* Add gap between menu items */
}



.menu-container .section li.menu-item--expanded {
    position: relative;
            margin-bottom: 10px;
        margin-top: 10px;
        max-width:250px !important;
}



/* For smaller screens, adjust the background and padding */
@media (max-width: 768px) {

    #healing_para{
        font-size:20px !important
    }
}

/* Menu Link Styling */
.menu-container .section .nav-link {
    color: #0a3254 !important;
    font-size: 13px !important;
    text-decoration: none;
    padding: 0 10px;
    white-space: nowrap;
}

.menu-container .section .nav-link:hover {
    text-decoration: underline;
}

/* Footer Styling */
.home-logo-bottom {
    background-color: #0a3254;
    text-align: center;
    padding: 50px;
}

.logo-hs{
    display: none !important;
}

.home-logo-bottom img {
    max-width: 150px;
}

/* Main wrapper for content */
.content-wrapper {
  max-width: 1100px; /* Restrict width to align with the text above */
  margin: 0 auto; /* Center the content */
  text-align: center; /* Align the heading and divs */
  padding: 0 20px; /* Reduce padding to remove extra space */
}

/* Section containing the icons */
.icon-section {
  display: flex;
  justify-content: space-between; /* Evenly space items */
  gap: 15px; /* Reduce the gap between the divs */
  align-items: flex-start; /* Align divs at the top */
  margin-top: 10px; /* Reduce space between text and icons */
}

/* Individual icon item */
.icon-item {
  flex: 1;
  text-align: center;
  padding: 5px; /* Reduce padding inside each div */
  margin: 0; /* Remove extra spacing between divs */
}

.menu-container .section .nav-link-{
    font-size: 13px !important;
    font-weight: 700;
}

/* Icon images */
.icon-item img {
  width: 120px !important; /* Adjust image size for better fit */
  height: 120px !important;
  margin-bottom: 5px; /* Reduce space below the icon */
}

/* Headings */
.icon-item h3 {
  font-size: 20px; /* Slightly smaller heading size */
  margin: 5px 0; /* Reduce spacing around heading */
  color: #0a3254;
}

/* Paragraphs */
.icon-item p {
  font-size: 14px;
  color: #0a3254;
  margin-bottom: 10px; /* Reduce space below the paragraph */
}

.newsletter-subscription-form .js-form-type-email strong{
    color:  #ff0033 !important;
    background:rgba(255, 255, 255, 0.6);
     }


.last_link{
    position: relative;
    top: 1.5em;
}

nav ul li .nav-link:hover {
    text-decoration: none !important;
}


/* Links styled as buttons */
.icon-item a {
  display: inline-block;
 background-color: #b2bb1e !important;
  border: 1px solid #b2bb1e !important;
  padding: 10px 40px !important;
  border-radius: 40px !important;
  font-weight: 500 !important;
  font-size: 14pt !important;
  color: #fff !important;
}

.icon-item a:hover {
  background-color: #6fa32c; /* Slightly darker hover color */
}

#hts_footer_links p,#hts_footer_links a{
    font-size: 14px !important;
    font-weight: 400 !important;
}

.field--name-field-yoast-seo.field--type-yoast-seo.field--label-above{
display: none;
}

 @media (min-width: 769px) {
.hs-menu-trigger-btn{
    display: none !important;
}
 }

/* Responsive adjustments */
@media (max-width: 768px) {
  .icon-section {
    flex-direction: column; /* Stack vertically for smaller screens */
    gap: 10px; /* Reduce spacing for mobile */
  }

  .icon-item {
    max-width: 100%; /* Allow full-width items in mobile view */
  }
}



@media (min-width: 1300px) {
.menu-container .section li.menu-item--expanded{
  width: 250px !important;
}
}

@media (min-width: 1250px) {
    #main_sec_header{
        margin-top: 18em !important;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .top-section {
        padding: 15px;
    }

    .row.align-items-center {
        flex-direction: column;
    }

    .menu-container {
        justify-content: center;
        margin-left: 0;
        margin-top: 15px;
    }

    .new-logo-class {
        position: static;
        margin-bottom: 15px;
    }

    .menu-container .section ul {
        flex-direction: column;
        gap: 10px;
    }

    .menu-container .section li:not(:last-child)::after {
        display: none;
    }
}
 @media (min-width: 769px) and (max-width: 1023px) {
    .menu-container .section li {
         max-width:110px !important;
}
 }

 @media (min-width: 768px) and (max-width: 1023px) {
    .menu-container .section .nav-link{
        font-size: 8px !important;
        font-weight: 700;
    }
 }

/* Mobile view styling */
@media (max-width: 768px) { /* Adjust the max-width as needed */
    .menu .nav-item:last-child {
        padding-bottom: 1rem !important; /* Adds space between the last option and the border */
        border-bottom: 0.5px solid rgba(99, 158, 200, 1); /* Adds the border */
        margin-bottom: 1rem; /* Adds some spacing below the border */
    }
    .nav-link.nav-link- { /* Target the specific heading */
        display: block; /* Ensure the element spans the full width */
        border-bottom: 0.5px solid rgba(99, 158, 200, 1); /* Add the border with the specified color */
        padding-bottom: 1rem !important; /* Optional: Space between text and the border */
        margin-bottom: 1rem; /* Optional: Space below the border */
        text-transform: uppercase; /* Optional: Make text uppercase if desired */
        width: 100vw;
        position: relative;
        left: -0.5em !important;

    }
    .top-section nav.menu--menu-healing-the-spirit {
        width: 100vw;
    }
    .menu .nav-item:last-child {
        padding-bottom: 0; /* Remove padding for a clean layout */
        margin-bottom: 0; /* Ensure no extra margin below the last item */
    }
    .nav-item.menu-item--expanded.open .nav-link.nav-link- {
        border-bottom: none !important;
    }
    #hts_footer_links{
        flex-direction: column !important;
    }
    .nav-link--healingthespirit-ways-to-remember{
        display: block; /* Ensure the element spans the full width */
        border-bottom: 0.5px solid rgba(99, 158, 200, 1); /* Add the border with the specified color */
        padding-bottom: 1rem !important; /* Optional: Space between text and the border */
        margin-bottom: 1rem; /* Optional: Space below the border */
        text-transform: uppercase; /* Optional: Make text uppercase if desired */
    }
}

@media (max-width: 1300px) {
.nav.primary.nav-tabs{
    top: 0 !important;
}
}

@media (min-width: 769px) {
.menu-container .section li{
    margin-bottom: 0px !important;
}
.menu-container .section ul{
    gap: 5px !important;
}
.menu-container .section li:not(:last-child)::after{
    right: 33px !important;
}
article.node--type-hs-basic-page{
    margin-top: 7em !important;
}
.nav-link.active {
    position: relative; /* Positioning is needed for the pseudo-element */
}



/* Vertical line for main menu items */
.menu-container ul.nav > li.nav-item > a.nav-link::after {
    content: '';
    position: absolute;
    right: 35px;
    height: 30px; /* Height for the vertical line */
    width: 1px; /* Width for the vertical line */
    background-color: #b2bb1e; /* Vertical line color */
    top: 2px; /* Position adjustment */
  }

  /* Remove the vertical line for submenu items */
  .menu-container ul.nav ul.menu > li.nav-item > a.nav-link::after {
    content: none;
  }

  /* Specific adjustment for "Ways to Remember" (direct link with no submenu) */
  .menu-container ul.nav > li.nav-item:not(.menu-item--expanded) > a.nav-link::after {
    content: '';
    position: absolute;
    right: 35px;
    height: 30px;
    width: 1px;
    background-color: #b2bb1e;
    top: 2px;
  }

  /* Horizontal line for the active main menu item */
  .menu-container ul.nav > li.nav-item.menu-item--active-trail > a.nav-link::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 60%;
    height: 2px;
    background-color: rgba(178, 187, 30, 1);
  }



}

@media (max-width: 1300px) {
    .menu-container .section li:not(:last-child)::after{
        right: 0 !important;
    }
}

@media (min-width: 1300px) {
    .menu-container .section li.nav-item {
      width: 250px !important;
    }
  }

  .menu-container .section li.nav-item {
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    left: -0.3em;
  }


.nav-link--healingthespirit-ways-to-remember{
    font-weight: 700 !important;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .menu-container ul.nav > li.nav-item > a.nav-link::after {
        right: 0px !important;
    }
    .menu-container ul.nav > li.nav-item:not(.menu-item--expanded) > a.nav-link::after {
        right: 0px !important;
    }
    .menu-container ul.nav > li.nav-item.menu-item--active-trail > a.nav-link::before {
        left: 15px  !important;
    }

}

#unique-HTS-top-section{
    top:2em !important
}

.node__content.clearfix{
    margin-top: 0 !important;
}
article.node{
    margin-top: 11em !important;
}
#main.container-fluid{
    height: 100vh !important;
    padding: 0 !important;
}

#block-healing-the-spirit-breadcrumbs{
    position: relative;
    top: 8em !important;
}

#block-healing-the-spirit-breadcrumbs .breadcrumb-item{
    color: #0A3254 !important;
    font-size: 18px !important;
}

#block-healing-the-spirit-breadcrumbs .breadcrumb-item a{
    color: #0A3254 !important;
    font-size: 18px !important;
    text-decoration: underline !important;
}


#block-healing-the-spirit-breadcrumbs .breadcrumb-item::before {
    content: "≫" !important;
    color: #0A3254;
    font-size: 15px !important;
}

/* Remove the '≫' symbol from the first breadcrumb item */
#block-healing-the-spirit-breadcrumbs .breadcrumb-item:first-child::before {
    content: "" !important; /* Remove the symbol for the main menu */
}

#block-healing-the-spirit-breadcrumbs .breadcrumb {
    position: relative; /* Ensures the line is placed correctly */
    padding-bottom: 5px; /* Adds space below the breadcrumb */
}

#block-healing-the-spirit-breadcrumbs .breadcrumb::after {
    content: ""; /* Creates the line */
    display: block;
    width: 100%; /* Full width */
    height: 1px; /* Line thickness */
    background-color: rgba(99, 158, 200, 0.40); /* #639EC8 with 40% opacity */
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 768px) {
#block-healing-the-spirit-breadcrumbs .breadcrumb-item a{
    position: relative;
    top: -0.3em;
    font-size: 15px !important;
    }
    #block-healing-the-spirit-breadcrumbs .breadcrumb-item{
        font-size: 15px !important;
    }
    .top-section .col-auto.logo-container{
        width: 100% !important;
    }
    .nav-item.menu-item--expanded > .nav-link.nav-link-::after {
        content: "⌄";
        color: #B2BB1E; /* Arrow color */
        font-size: 16px;
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease, color 0.3s ease;
    }

    /* When expanded: Smooth open upward arrow ⌃ */
    .nav-item.menu-item--expanded.open > .nav-link.nav-link-::after {
        content: "⌃";  /* Open arrow */
        color: #B2BB1E; /* Keep same color */
    }
    #block-healing-the-spirit-breadcrumbs{
        top: 10em !important;
    }
    .menu-container .section li.nav-item{
        width: 100vw !important;
        }
        article{
            padding: 10px !important;
        }
}

/* Healing The Spirit Home Page Style Start */
body {
  background-image: none !important;
}
.content-box-bg .bdt-content-wrapper-home {
  padding: 3.4em 2.6em;
}
.icon-item {
  background: rgba(255, 255, 255, 0.6) !important;
}
@media (max-width: 1024px) {
  .content-box-bg .bdt-content-wrapper-home {
    padding: 15rem 5rem 2.6em;
  }
}
@media (max-width: 767px) {
  .content-box-bg .bdt-content-wrapper-home {
    padding: 13.5rem 2.4rem 2.6em;
  }
}
.content-box-bg .bdt-content-wrapper-home .container {
  padding: 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}
.content-box-bg .bdt-content-wrapper-home .container article {
  padding: 0;
}

.content-box-bg .bdt-content-wrapper-home .home-logo-bottom {
  width: 40%;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 4rem;
}
#main_sec_header {
  text-align: center;
}
@media (min-width: 769px) {
  .hs-menu-trigger-btn {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .footer-links {
    display: block; /* Stack the links vertically */
    text-align: center; /* Center the text */
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer-links a,
  .footer-links p {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 10px; /* Add spacing between items */
    border-right: none; /* Remove border on mobile */
  }
  .icon-section {
    background: rgba(255, 255, 255, 0.6) !important;
  }
  #healing_header {
    background: rgba(255, 255, 255, 0.6) !important;
  }
  #healing_para {
    background: rgba(255, 255, 255, 0.6) !important;
  }
}
/* Responsive design for very small screens (like phones in portrait) */
@media (max-width: 480px) {
  .footer-links {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-links a,
  .footer-links p {
    font-size: 12px !important; /* Reduce font size on smaller screens */
  }
}
.bdt-content-wrapper-home .container {
  box-shadow: none !important;
}
#healing_header {
  color: #0a3254;
  font-weight: 700;
  font-size: 30px !important;
}
#healing_para {
  color: #0a3254;
  font-weight: 400;
  font-size: 45px;
}
.bdt-content-wrapper-home {
  position: relative;
  padding: 150px 20px;
  background-color: white;
  background-color: white;
  width: 100vw !important;
}
.bdt-content-wrapper-home::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Places overlay above the background image */
}
/* Container for the newsletter section */
.node--type-hs-home-page .newsletter-subscription-form {
  display: flex; /* Enable flexbox */
  flex-direction: column; /* Stack content vertically */
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  text-align: center; /* Align text to center */
  padding: 20px; /* Add padding for spacing */
  margin-top: 5em;
}
/* Header styles */
.hts_news_header {
  font-size: 22px !important;
  font-weight: 500 !important;
  margin-bottom: 10px; /* Spacing below the header */
  color: #0a3254; /* Make the text color transparent to show the gradient */
  background: linear-gradient(
    to right,
    #0a3254,
    #2c4c74
  ); /* Gradient from #0A3254 to a darker shade */
  -webkit-background-clip: text; /* Ensure the gradient only applies to the text */
  background-clip: text;
  background: rgba(255, 255, 255, 0.6);
}
/* Paragraph styles */
.hts_news_para {
  font-size: 17px !important;
  font-weight: 400 !important;
  margin-bottom: 20px; /* Spacing below the paragraph */
  color: #0a3254; /* Make the text color transparent to show the gradient */
  background: linear-gradient(
    to right,
    #0a3254,
    #2c4c74
  ); /* Gradient from #0A3254 to a darker shade */
  -webkit-background-clip: text; /* Ensure the gradient only applies to the text */
  background-clip: text;
  background: rgba(255, 255, 255, 0.6);
}
.node--type-hs-home-page .form-checkbox:checked {
  background-color: #0a3254 !important;
}
.node--type-hs-home-page .form-check-label {
  font-size: 17px !important;
  color: #0a3254; /* Make the text color transparent to show the gradient */
  background: linear-gradient(
    to right,
    #0a3254,
    #3e5779
  ); /* Stronger gradient with contrasting colors */
  -webkit-background-clip: text; /* Ensure the gradient only applies to the text */
  background-clip: text;
  background: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.node--type-hs-home-page .js-form-required {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #0a3254 !important;
  background: rgba(255, 255, 255, 0.6);
}
.node--type-hs-home-page input[type="submit"].form-submit {
  background-color: #0a3254 !important;
  border: none !important;
  font-size: 13pt !important;
}
.node--type-hs-home-page .form-type-email {
  text-align: left !important;
}
/* Webform alignment */
.node--type-hs-home-page
  .newsletter-subscription-form
  .webform-submission-form {
  width: 50%; /* Limit form width */
  max-width: 500px; /* Optional: Set a maximum width */
  margin: 0 auto; /* Center horizontally */
  background: rgba(255, 255, 255, 0.6);
  height: 210px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .node--type-hs-home-page .newsletter-subscription-form {
    padding: 10px; /* Reduce padding for mobile */
  }
  .node--type-hs-home-page
    .newsletter-subscription-form
    .webform-submission-form {
    width: 90%; /* Full width on smaller screens */
  }
  .hts_news_header {
    font-size: 18px !important; /* Smaller font for mobile */
  }
  .hts_news_para {
    font-size: 15px !important; /* Smaller font for mobile */
  }
}
/* For smaller screens, adjust the background and padding */
@media (max-width: 768px) {
  .bdt-content-wrapper-home {
    background-size: 100% 100%; /* Ensure it covers the entire area on mobile */
    background-position: center center; /* Keep it centered */
    padding-top: 100px; /* Adjust padding to avoid large spaces */
    padding-bottom: 100px; /* Adjust padding for mobile screens */
    position: relative;
  }
  #healing_para {
    font-size: 20px !important;
  }
}
.bdt-content-wrapper-home > * {
  position: relative;
  z-index: 1;
}
.content-box-bg {
  background: #fff;
}
/* Top Section Styling */
.top-section {
  background-color: #fff;
  padding: 28px 0;
  box-shadow: 0px 4px 8px rgba(173, 216, 230, 0.6),
    0px 2px 4px rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 1;
}
#block-iamherefor-menu {
  display: none !important;
}
.menu {
  flex-direction: column;
}
/* Logo Styling */
.new-logo-class {
  display: block;
  width: 191px;
  height: 75px;
  background: url(/themes/custom/healing_the_spirit/assets/logo-hs.png)
    no-repeat;
  background-size: auto;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 43px;
}
.submenu-container {
  margin-top: 5px; /* Adjust spacing below parent link */
  position: relative; /* Adjust positioning as needed */
}
/* Menu Styling */
.menu-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* Ensuring Sidebar content (Dynamic Menu) is formatted */
.menu-container .section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
/* Menu List Styling */
.menu-container .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px; /* Add gap between menu items */
}
.menu-container .section li {
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}
/* Menu Link Styling */
.menu-container .section .nav-link {
  color: #0a3254 !important;
  font-size: 18px;
  text-decoration: none;
  padding: 0 10px;
}
.menu-container .section .nav-link:hover {
  text-decoration: underline;
}
/* Footer Styling */
.home-logo-bottom {
  background-color: #0a3254;
  text-align: center;
  padding: 50px;
}
.logo-hs {
  display: none !important;
}
.home-logo-bottom img {
  max-width: 150px;
}
/* Main wrapper for content */
.content-wrapper {
  max-width: 1100px; /* Restrict width to align with the text above */
  margin: 0 auto; /* Center the content */
  text-align: center; /* Align the heading and divs */
  padding: 0 20px; /* Reduce padding to remove extra space */
}
/* Icon images */
.icon-item img {
  width: 120px !important; /* Adjust image size for better fit */
  height: 120px !important;
  margin-bottom: 5px; /* Reduce space below the icon */
}
/* Headings */
.icon-item h3 {
  font-size: 20px; /* Slightly smaller heading size */
  margin: 5px 0; /* Reduce spacing around heading */
  color: #0a3254;
  font-weight: 500 !important;
}
/* Paragraphs */
.icon-item p {
  font-size: 14px;
  color: #0a3254;
  margin-bottom: 10px; /* Reduce space below the paragraph */
}
.last_link {
  position: relative;
  top: 1.5em;
}
/* Links styled as buttons */
.icon-item a {
  display: inline-block;
  background-color: #b2bb1e !important;
  border: 1px solid #b2bb1e !important;
  padding: 10px 40px !important;
  border-radius: 40px !important;
  font-weight: 500 !important;
  font-size: 14pt !important;
  color: #fff !important;
}
.icon-item a:hover {
  background-color: #6fa32c; /* Slightly darker hover color */
}
.hts_news_header {
  text-align: center;
  font-size: 600 !important;
  font-size: 22px !important;
}
.hts_news_para {
  text-align: center !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #0a3254 !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .icon-section {
    flex-direction: column; /* Stack vertically for smaller screens */
    gap: 10px; /* Reduce spacing for mobile */
  }
  .icon-item {
    max-width: 100%; /* Allow full-width items in mobile view */
  }
}
@media (min-width: 1200px) {
  .menu-container .section li {
    width: 200px !important;
  }
}
@media (min-width: 1250px) {
  #main_sec_header {
    margin-top: 18em !important;
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .top-section {
    padding: 15px;
  }
  .row.align-items-center {
    flex-direction: column;
  }
  .menu-container {
    justify-content: center;
    margin-left: 0;
    margin-top: 15px;
  }
  .new-logo-class {
    position: static;
    margin-bottom: 15px;
  }
  .menu-container .section ul {
    flex-direction: column;
    gap: 10px;
  }
  .menu-container .section li:not(:last-child)::after {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .menu-container .section li {
    max-width: 110px !important;
  }
}
.contact-us-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.contact-us-content {
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  color: #ffffff; /* Text color */
  padding: 10px 20px; /* Padding around text */
  border-radius: 5px; /* Rounded corners for better appearance */
  display: inline-block; /* Restrict background width to content */
}
.contact-us-header {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  color: #0a3254;
}
.contact-us-para {
  font-size: 16px;
  margin: 10px 0;
  color: #0a3254;
  font-weight: 400;
}
.contact-us-button {
  background-color: #0a3254 !important;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 40px; /* Rounded corners */
  margin-top: 10px;
  color: #fff !important;
}
#hts_contact:hover {
  background-color: #0a3254 !important; /* Darker shade for hover effect */
  border: none !important;
}
#hts_contact {
  font-size: 14px !important;
}
@media (min-width: 1439px) {
  #engage_link {
    position: relative;
  }
}
/* Mobile view styling */
@media (max-width: 768px) {
  /* Adjust the max-width as needed */
  .menu .nav-item:last-child {
    padding-bottom: 0.5rem; /* Adds space between the last option and the border */

    margin-bottom: 1rem; /* Adds some spacing below the border */
  }


  .newsletter-subscription-form::after {
    content: "";
    position: absolute;
    top: 0em;
    width: 600px;
    height: 600px;
    background: url("/themes/custom/healing_the_spirit/assets/DESKTOP-Hummingbirds.png")
      no-repeat right center !important;
    background-size: 100% auto !important;
    z-index: -1 !important;
    width: 100vw;
  }
  .node--type-hs-home-page
    .newsletter-subscription-form
    .webform-submission-form {
    background: none !important;
  }
  .node--type-hs-home-page .form-check-label {
    background: none !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    #engage_link {
      position: relative !important;
      top: 25px !important;
    }
  }
}
#main_sec_header {
  max-width: 100% !important;
}
.icon-item a#icon-item_link {
  font-size: 14pt !important;
}
@media (min-width: 768px) {

  .bdt-content-wrapper-home {
    position: relative; /* Ensure content appears above the pseudo-element */
  }
 
  .contact-us-section {
    top: 7em !important;
  }
  .newsletter-subscription-form {
    top: 5em !important;
  }
  .icon-section {
    top: 5em !important;
  }
  /* Right bird */
  .newsletter-subscription-form::after {
    content: "";
    position: absolute;
    top: -23em;
    width: 1500px;
    height: 1500px;
    background: url("/themes/custom/healing_the_spirit/assets/DESKTOP-Hummingbirds.png")
      no-repeat right center !important;
    background-size: contain !important;
    z-index: -1 !important;
    width: 100vw;
  }
  .node--type-hs-home-page
    .newsletter-subscription-form
    .webform-submission-form {
    background: none !important;
  }
  .node--type-hs-home-page .form-check-label {
    background: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .newsletter-subscription-form::after {
    content: "";
    position: absolute;
    top: -11em;
    width: 1000px;
    height: 1000px;
    background: url("/themes/custom/healing_the_spirit/assets/DESKTOP-Hummingbirds.png")
      no-repeat right center !important;
    background-size: contain !important;
    z-index: -1 !important;
    width: 100vw;
  }
  .node--type-hs-home-page
    .newsletter-subscription-form
    .webform-submission-form {
    background: none !important;
  }
  .node--type-hs-home-page .form-check-label {
    background: none !important;
  }
}
#block-healing-the-spirit-breadcrumbs {
  display: none !important;
}
@media (min-width: 769px) and (max-width: 853px) {
  .icon-item a#icon-item_link {
    font-size: 11pt !important;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  #healing_para {
    font-size: 30px !important;
  }
  .icon-item h3 {
    font-size: 19px !important;
  }
  .icon-item p {
    font-size: 13px !important;
  }
}
@media screen and (orientation: landscape) {
  .icon-section {
    align-items: center !important;
  }
}
@media (min-width: 1128px) and (max-width: 1315px) {
  .get_started#icon-item_link {
    position: relative;
    top: 0.8em !important;
  }
}
/* Healing The Spirit Home Page Style End */

/* Healing The Spirit Bereavement Support Program Page Style Start */
/* General Styles */
.bereavement_header,
.bereavement_support_header {
  color: #0a3254;
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
}
.bereavement_support_header {
  color: #0a3254;
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  margin-bottom: 20px;
}
.bereavement_para,
.bereavement_support_para {
  color: #0a3254;
  max-width: 100% !important;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 20px;
}
/* Timeline Styles */
.bereavement_timeline {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 30px;
}
.additional_content p,
.additional_content h3 {
  color: #0a3254;
}
h5,
li {
  color: #0a3254;
}
/* Small line that connects to the center line */
.timeline_item::before {
  content: "";
  position: absolute;
  width: 20px; /* The length of the small line */
  height: 2px; /* Thickness of the line */
  background-color: #639ec8; /* Line color */
  top: 50%; /* Vertically center it within the timeline item */
  transform: translateY(-50%);
}
/* For left timeline items */
.bereavement_left::before {
  left: 52%; /* Align with the center line */
  margin-left: 11.3em; /* Offset to make the line start exactly from the center */
}
/* For right timeline items */
.bereavement_right::before {
  right: 52%; /* Align with the center line */
  margin-right: 11.8em; /* Offset to make the line start exactly from the center */
}
.bereavement_support_program {
  margin-top: 4.5em !important;
}
.field--name-body {
  margin-top: 2.5em;
}
/* Ball at the end of the line for left and right timeline items */
.timeline_item::after {
  content: "";
  position: absolute;
  width: 12px; /* Circle diameter */
  height: 12px; /* Circle diameter */
  background-color: transparent; /* Make the circle transparent */
  border: 2px solid #b2bb1e; /* Border color */
  border-radius: 50%; /* Make it a circle */
  top: 50%;
  transform: translateY(-50%); /* Vertically center it */
}

.node__content.clearfix {
  margin-top: 2em;
  margin-bottom: 2em;
}
/* For left timeline items */
.bereavement_left::after {
  left: 52%; /* Align with the small line */
  margin-left: 10.7em; /* Small margin to bring it closer to the line */
}
/* For right timeline items */
.bereavement_right::after {
  right: 52%; /* Align with the small line */
  margin-right: 11.2em; /* Small margin to bring it closer to the line */
}
.timeline_center_line {
  position: absolute;
  left: 53%;
  top: 0;
  width: 1px; /* The thickness of the line */
  height: 100%;
  background: repeating-linear-gradient(
    to bottom,
    #639ec8,
    #639ec8 10px,
    transparent 10px,
    transparent 20px
  );
  transform: translateX(-50%);
}
.timeline_item {
  position: relative;
  width: 50%;
  margin-bottom: 30px;
}
.timeline_item h4 {
  font-size: 18px;
  font-weight: 500 !important;
  color: #0a3254;
}
.timeline_item p {
  font-size: 16px;
  line-height: 1.5;
  color: #0a3254;
}
.bereavement_left {
  text-align: right;
  padding-left: 20px;
  margin-left: -20px;
}
.bereavement_right {
  text-align: left;
  padding-right: 20px;
  margin-left: 60%;
}
/* Mobile Styles */
@media (max-width: 768px) {
  .timeline_center_line {
    display: none;
  }
  .timeline_item {
    width: 100%;
    text-align: left;
    margin-left: 0;
    padding: 0;
  }
}
/* Mobile and Tablet Styles */
@media (max-width: 768px) {
  .timeline_item::before {
    display: none;
  }
}
/* Hide balls on mobile and tablet */
@media (max-width: 768px) {
  .timeline_item::after {
    display: none; /* Hide the circle on mobile and tablet */
  }
}
.sub_heading_donor {
  font-size: 20px !important;
  font-weight: 500 !important;
}
@media (min-width: 769px) and (max-width: 991px) {
  .bereavement_left::before {
    left: 45% !important;
  }
  .bereavement_left::after {
    left: 45% !important;
  }
  .bereavement_right::after {
    right: 45% !important;
  }
  .bereavement_right::before {
    right: 45% !important;
  }
}

.donor_com {
  font-weight: 500 !important;
}
.what_h1 {
  font-size: 40px !important;
  text-align: center;
  margin-bottom: 1em;
  font-weight: 700 !important;
}
/* Healing The Spirit Bereavement Support Program Page Style End */

/* Healing The Spirit FAQ Page Style Start */
.faq-description {
  width: 100%; /* Adjust this percentage to control the width */
  max-width: 100%; /* Set a maximum width for large screens */
  margin: 0 auto; /* Center the content horizontally */
  padding: 20px; /* Optional: Add some padding for better spacing */
  box-sizing: border-box; /* Ensure padding is included in the width */
}
.faq-description p,
.faq-description strong,
.faq-description em {
  color: #0a3254 !important;
}
#header_align {
  text-align: left;
}
.faq-description strong {
  font-size: 25px;
  font-weight: 500;
}
.faq-description em {
  position: relative;
  top: 0;
}
article {
  margin-top: 3em;
  margin-bottom: 2em;
}
.hs-header-title {
  text-align: center;
  margin-bottom: 2em;
}
.hs-header-title span {
  color: #0a3254;
  font-weight: 700 !important;
}
/* Healing The Spirit FAQ Page Style End */

/* Healing The Spirit Understanding Grief & Mourning Page Style Start */
/* General text styling */
.grief-description,
.grief-details,
.grief-links {
  color: #0a3254 !important; /* Set text color */
  text-align: left;
}
.grief-links {
  display: flex;
  gap: 40px;
  text-align: center;
  margin-left: 3em;
}
.grief-vow {
  color: #0a3254 !important; /* Set text color */
}
.vow-item {
  display: flex !important;
  gap: 20px;
  margin-bottom: 2em;
}
.grief_points li {
  color: #0a3254 !important; /* Set text color */
  text-align: left !important;

  font-size: 19px !important;
}
/* Styling for grief quote */
.grief-quote {
  color: #0a3254 !important; /* Set text color */
  font-weight: 500;
  font-size: 24px !important;
}
/* Center-aligning all content */
.text-center {
  text-align: center;
}
.anonymous {
  color: #0a3254 !important;
  font-weight: 500 !important;
}
/* Styling for anonymous quote */
.text-center {
  font-size: 20px;
  margin-top: 10px; /* Adds space between the quote and - Anonymous */
}
/* Styling for grief content (description, details, links) */
.grief-content {
  width: 100%; /* Ensure content doesn't take full width */
  margin: 0 auto; /* Center-align content */
}
/* Styling for the buttons */
.button-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  margin-top: 2em;
}

.grief-button {
  background-color: #0a3254; /* Set button background color */
  color: #fff !important; /* Set link text color to white */
  border: none; /* Remove border */
  border-radius: 40px; /* Add rounded corners */
  padding: 8px 25px; /* Add padding for space around text */
  text-decoration: none !important; /* Remove underline from text */
  font-size: 14px !important; /* Reduce font size for smaller text */
  font-weight: 500 !important; /* Add slight boldness */
  display: inline-block; /* Ensure buttons align properly */
  transition: all 0.3s ease; /* Add smooth hover transition */
}
/* Hover effect for buttons */
.grief-button:hover {
  background-color: #062237; /* Darker shade for hover */
  color: #ffffff; /* Ensure text remains visible */
}
/* Title and header styling */
.field--name-title {
  color: #0a3254 !important;
  font-weight: 700 !important;
}
.hs-header-title p {
  color: #0a3254 !important;
  font-size: 30px;
  font-weight: 500;
  margin-top: 1em !important;
}
.node__content.clearfix {
  margin-top: 1.5em !important;
}
article {
  text-align: center;
  margin-top: 6.5em;
}
/* General section styling */
.grief-vow-section {
  margin-top: 40px;
  text-align: center;
}
.grief-vow-header {
  color: #0a3254;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
.grief-quote.text-center {
  font-style: italic;
}
/* Content layout styling */
.grief-vow-content {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap; /* Ensure responsiveness */
  margin: 0 auto;
  width: 90%; /* Control the width of the section */
}
/* Column styling */
.vow-column {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Space between vow items */
  flex: 1; /* Ensure equal width for both columns */
}
/* Ensure responsiveness */
@media (max-width: 768px) {
  .grief-vow-content {
    flex-direction: column;
    align-items: center; /* Center-align columns on smaller screens */
    gap: 40px; /* Space between columns in stacked view */
  }
  .grief-quote.text-center {
    font-size: 18px !important;
  }
  .vow-column {
    width: 100%; /* Make columns take full width in stacked view */
  }
}
/* Image styling */
.vow-image {
  width: 80px !important;
  height: 80px;
  border-radius: 10px;
}
/* Text styling */
.vow-text h3 {
  color: #0a3254;
  font-size: 22px !important;
  font-weight: 500;
  margin: 0 0 5px;
  text-align: left !important;
}
.vow-text p {
  color: #0a3254;
  font-size: 14px;
  margin: 0;
}
/* Ensure responsiveness */
@media (max-width: 768px) {
  .grief-vow-content {
    flex-direction: column;
    gap: 30px;
  }
  .vow-column {
    flex: unset;
  }
  .vow-item {
    flex-direction: column;
    text-align: center;
  }
  .vow-image {
    margin-bottom: 10px;
  }
}
p {
  color: #0a3254 !important;
}
@media (min-width: 769px) and (max-width: 991px) {
  .vow-item {
    height: 350px !important;
  }
}
@media (min-width: 768px) {
  .button_con {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .vow-item {
    height: 200px !important;
  }
}

.help_container{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
.help_container p{
  color:#0A3254;
  font-size: 17px !important;
}
.grief_image_class img{
  position: relative;
  left: -1.3em;
  margin-bottom: 20px;
}
.hs-header-title1{
  text-align:center;
}
.hs-header-title1 span, .hs-header-title1 p{
  color:#0A3254;
}
article{
  margin-top:6.5em !important;
}
.adminimal-admin-toolbar .toolbar a{
font-size: 12px !important;
}

.qa_section {
  display: flex;
  flex-direction: column;
  margin-top: 4em;
}
.question-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  align-items: flex-start;
}
.question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.question-text {
  color: #0A3254;
  flex: 1;
  word-wrap: break-word;
  margin-right: 10px;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button){
background: #0A3254 !important;
}
.toggle-button {
  flex-shrink: 0;
  background-color: transparent;
  border: 2px solid #B2BB1E;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
}
.grief_div{
display:flex;
}
.toggle-button span {
  display: none;
  color: #B2BB1E;
  font-weight: bold;
}
.toggle-button .arrow-down {
  display: inline-block;
}
.toggle-button.active .arrow-down {
  display: none;
}
.toggle-button.active .arrow-up {
  display: inline-block;
}
.answer {
  color: #0A3254;
  margin-top: 10px;
}
.separator {
  width: 100%;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .question-text {
      font-size: 14px;
  }
  .toggle-button {
      width: 28px;
      height: 28px;
      font-size: 12px;
  }
}
.question-container .toggle-button {
  width: 32px;
  height: 32px;
  padding: 0 !important;
}
.question-container .toggle-button span {
  font-size: 18px;
}
a.ckeditor-accordion-toggler{
font-size: 17px !important;
}
button.toggle-button:not(button.hs-menu-trigger-btn):hover {
  background-color: transparent !important;
  color: transparent !important;
}
dd{
padding:1em !important;
}
@media (min-width: 768px) {
p, span, label, legend, div, li, fieldset, a, b, em, input, select, .form-control, textarea.form-control, .form-select {
font-size: 17px !important;
}
}
.hs-header-title1 span{
font-size:40px !important;
font-weight: 700 !important;
}
@media (max-width: 768px) {
.hs-header-title1 span{
font-size:25px !important;
}
}


.help_container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
.hs-header-title span{
font-weight:700 !important;
}
.help_container p {
  color: #0A3254;
}
.qa_section {
  display: flex;
  flex-direction: column;
  margin-top: 4em;
}
.question-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  align-items: flex-start;
}
.question {
  display: flex;
  align-items: center;
  width: 100%;
  color: #0A3254;
  font-weight: 500;
  margin-bottom: 10px;
}
.answer {
  color: #0A3254;
  margin-top: 5px;
}
.separator {
  border-top: 1px solid rgba(99, 158, 200, 0.25);
  width: 100%;
  margin: 20px 0;
}
span{
color: #0A3254;
}
.hs-header-title{
text-align:center;
}

.quarterly-newsletter{
  max-width: 600px; /* Restricts the width of the content */
  margin: 0 auto; /* Centers the content horizontally */
  text-align: left; /* Keeps text left-aligned */
  padding: 20px; /* Adds spacing around the content */
  line-height: 1.6; /* Improves text readability */
}
p{
  color: #0a3254 !important; /* Ensures consistent text color */
}
.hs-header-title {
  text-align: center; /* Centers the title text */
}
.hs-header-title span {
  color: #0a3254 !important; /* Applies text color to the title */
  font-weight:700 !important;
}
article{
margin-top:5em;
}
.content-wrapper {
  max-width: 100% !important; /* Adjust to desired width */
width: 100% !important;
  margin: 0 auto; /* Centers the div horizontally */
  text-align: left; /* Ensures text inside is left-aligned */
  padding: 20px; /* Optional: Adds spacing around the content */
  line-height: 1.6; /* Improves readability */
}
a {
  color: #007bff; /* Optional: Sets link color */
  text-decoration: none; /* Removes underline from links */
}
a:hover {
  text-decoration: underline; /* Adds underline on hover */
}
.text-center {
  text-align: center; /* Centers specific text inside the div */
}
.hs-header-title span{
text-align:center;
color:#0a3254 !important;
font-weight:700 !important;
}
.hs-header-title{
text-align:center;
}
p,em{
color:#0a3254 !important;
}
.node__content.clearfix {
  max-width: 100% important; /* Restricts the width of the content */
  width: 100% important; 
  margin: 0 auto; /* Centers the content horizontally */
  text-align: left; /* Keeps text left-aligned */
  padding: 20px; /* Adds spacing around the content */
  line-height: 1.6; /* Improves text readability */
}
p, label {
  color: #0a3254 !important; /* Ensures consistent text color */
}
.webform-submission-facebook-support-group-form .fb-fields-wrapper input {
  width: 100%; /* Makes input fields take full width */
}
.hs-header-title {
  text-align: center; /* Centers the title text */
}
.hs-header-title span {
  color: #0a3254 !important; /* Applies text color to the title */
  font-weight:700 !important;
}
.form-checkbox.required.form-check-input:checked{
background-color:#0a3254 !important;
}
.webform-submission-facebook-support-group-form .fb-fields-wrapper{
flex-direction: column;
}
.webform-submission-facebook-support-group-form .fb-fields-wrapper .error{
width:90% !important;
}
.webform-submission-facebook-support-group-form .fb-fields-wrapper input::placeholder {
  font-size:14px !important;
}
#edit-donor-wrapper{
padding: 2.5rem 2.5rem 2rem 2.5rem;
margin: 0 -26px;
}
.form-actions input.form-submit {
width: 150px !important;
font-size: 16pt !important;
}
.error-message-date_of_donation{
 color: #ff0033 !important;
  font-size: 15px !important;
  font-weight: normal !important;
}
.js-form-item-date-of-donation  strong.form-item--error-message{
padding-left: 0 !important
}
.brochure-section {
  display: flex;
  flex-direction: column;
  gap: 30px; /* Space between items */
  margin: auto;
}
.brochure-item {
  display: flex;
  align-items: flex-start; /* Align text and image vertically */
  gap: 20px; /* Space between image and text */
}
.brochure-img {
  width: 250px; /* Set image size */
  height: 300px; /* Maintain aspect ratio */
}
.brochure-text {
  flex: 1; /* Allow text to take available space */
  font-size: 19px;
  line-height: 1.5;
color:#0a3254 !important;
text-align:left;
}
/* Mobile view adjustments */
@media (max-width: 768px) {
  .brochure-item {
      flex-direction: column;
      text-align: center;
  }
  .brochure-img {
      width: 300px; /* Slightly smaller images on mobile */
  }
}
.brochure-text strong{
font-weight:500 !important;
}
.online_res{
color: #0a3254 !important;
font-weight: 700 !important;
text-align: center;
font-size: 44px;
margin-bottom: 15px !important;
}
p,label{
  color:#003768 !important;
  }
  input::placeholder{
  color:#003768 !important;
  }
  .form-checkbox:checked{
  background-color:#003768 !important;
  }
  .hs-header-title span{
   font-weight:700 !important;
  font-size: 30px !important;
  color: #003768 !important;
  }
  strong{
   font-weight:500 !important;
  }
  .quilts_container {
    text-align: center;
}
.quilts_data p, .quilts_data ul li {
    color: #0A3254 !important;
    text-align: left;
    margin: 0 auto;
  
}
em{
   color: #0A3254 !important;
}
.square_heading{
   color: #0A3254 !important;
}
.love{
    position: relative;
    top: -0.9em;
}
.memory_box{
    position: relative;
    top: 0.99em;
}
.quilts_header_container h2 {
    color: #0A3254 !important;
    text-align: center !important;
    font-weight: 700;
    font-size: 30px !important;
}
.imgquilt {
    margin: 20px 20px 20px 0px;
    float:left;
}
.quilts_items {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 2em;
}
.quilts_item {
    text-align: center;
    color: #0A3254;
    max-width: 300px;
    margin: 1em;
}

.physical-quilt-year-form{
display : none !important;
}
article{
margin-top:3em !important;
margin-bottom: 3em;
}
.quilts_item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    max-width: 148px;  /* Consistent image width */
    max-height: 145px; /* Consistent image height */
}
.quilts_item h3 {
    font-size: 20px;
    margin-top: 1em;
    font-weight: 600;
    color: #0A3254 !important;
}
.quilts_item p {
    font-size: 16px;
    margin: 0.5em 0;
    color: #0A3254 !important;
}
.book h3{
    position: relative;
    top: 1.5em;
}
.quilts_data_p{
text-align: center !important;
font-weight:500 !important;
}
.quilts_data_p em{
color:#0A3254 !important;
 font-size: 25px;
}
.book p{
    position: relative;
    top: 1.7em;
    white-space: nowrap !important;
}
.learn_more {
    background-color: #B2BB1E;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 40px;
    cursor: pointer;
    margin-top: 1em;
}
.learn_more:hover {
    background-color: #A0AA18;
}
@media screen and (max-width: 768px) {
    .quilts_items {
        flex-direction: column;
        align-items: center;
    }
    .quilts_item {
        max-width: 90%;
    
}
}

/* Center container */
.tribute-container {
  margin: 0 auto;
  max-width:100% !important; /* Controls width of the content */
width:100% !important;
  text-align: left !important;
  padding: 1em;
}
/* Image and text container flex layout */
.img-container_para {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5em; /* Adds space between image and text blocks */
}
/* Image container */
.img-container {
  width: 40%; /* Adjusts width of the image container */
  position: relative;
  top: 1em;
}
.tribute-container .img-container img {
  height: auto;
}
/* Text container */
.text-container {
  padding-left: 3em; /* Space between the image and text */
  margin-top: 0.7em;
}
/* Text and links styles */
.tribute-container p,
.tribute-container h3,
.tribute-container a {
  text-align: left;
  line-height: 1.6;
  margin-bottom: 1em;
  color: #0A3254 !important;
  font-size: 17px !important;
}
.tribute-container h3 {
  font-size: 1.5em;
  margin-top: 1.5em;
  font-weight:500 !important;
}
.tribute-container a {
  color: #B2BB1E !important;
  text-decoration: none;
}
.tribute-container a:hover {
  text-decoration: underline;
}
/* Adjusting the text block layout for separate lines */
.text-block {
  margin-bottom: 15px;
  line-height: 1.6; /* Ensures text spacing looks good */
}
.text-block strong {
  display: block; /* Forces the strong tag to take up the full width */
  font-weight: 500;
  color: #0A3254; /* Matching the style */
  margin-bottom: 10px; /* Adds spacing between strong and span */
}
.text-block span {
  display: block; /* Forces span to be on a new line below the strong */
  color: #0A3254;
  font-size: 17px; /* Adjust font size as needed */
}
/* Responsive Design */
@media (max-width: 768px) {
  .tribute-container {
      padding: 1em;
  }
  .tribute-container p,
  .tribute-container h3 {
      text-align: center; /* Align text center for smaller screens */
  }
  .text-block {
      margin-bottom: 10px; /* Adjust space for smaller screens */
  }
  .text-block strong {
      font-size: 16px; /* Slightly increase header size for readability */
  }
.text-container{
position:relative;
top:2em
}
#down_para{
position: relative;
top: 2em;
}
.img-container img{
width: 250px !important
}
  .img-container_para {
      flex-direction: column; /* Stack the image and text vertically on smaller screens */
      align-items: center; /* Center-align content */
  }
  .img-container {
      width: 80%; /* Adjust image size on smaller screens */
      margin-bottom: 20px; /* Adds space between the image and text */
      position: relative;
      top: 3em;
  }
  .text-container {
      width: 100%;
      padding-left: 0;
  }
}
/* Celebration section styling */
#celebration {
  display: flex;
  flex-direction: column;
}
#celebration strong {
  font-weight: 500;
margin-bottom:20px;
}
article{
margin-bottom:10px;
margin-top:2.5em;
text-align:center;
}
.hs-header-title span{
color:#0A3254;
font-weight:700 !important;
}
.hs-header-title p{
color:#0A3254
}
#final{
font-size:17px !important;
color:#0A3254;
margin-bottom:20px;
}
@media (max-width: 990px) {
.img-container img{
width: 250px !important
}
}

.content-container {
  margin: 0 auto;
  width: 100% !important;
  color: #0A3254;
  text-align: left;
}
.content-container p,
.content-container ul,
.content-container li {
  margin: 0 0 1em;
  line-height: 1.5;
}
.content-container a {
  text-decoration: none;
}
.content-container a:hover {
  text-decoration: underline;
}
.img-container {
  width: 20% !important;
  float: right;
  margin-left: 1em;
}
.content-container p, .content-container li, .content-container strong {
color: #0A3254;
text-align:left;
}
.content-container strong{
font-weight:500
}
.hs-header-title{
text-align:center;
margin-bottom:3em;
}
.hs-header-title span{
color: #0A3254;
font-weight:700 !important;
}
article{
position: relative;
top:1.5em;
margin-bottom: 2em;
}
a{
font-size: 17px !important
}
/* Mobile Responsive */
@media (max-width: 768px) {
  .content-container {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
  .img-container,
  .text-container {
      width: 100% !important;
      padding: 0;
  }
  .text-container {
      padding-left: 0;
  }
.img-container img{
position: relative;
left: -2em;
}
}

/* General container styling */
.event_container {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

/* Header styling */
.header_con h1,
.header_con h5 {
	text-align: left;
	color: #0A3254;
	margin-bottom: 10px;
}

.header_con p {
	color: #0A3254 !important;
	margin-bottom: 20px !important;
}

.header_con h1 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

.header_con h5 {
	font-size: 24px;
	font-weight: 500;
}

/* Event styling */
.event {
	padding: 15px 0;
	text-align: left;
}

/* Date styling */
.event-date {
	font-size: 22px;
	font-weight: 500;
	color: #0A3254;
	margin-bottom: 5px;
}

/* Title styling */
.event h5 {
	font-size: 20px;
	font-weight: 400;
	color: #0A3254;
	margin-bottom: 5px;
}

/* Separator styling */
.separator {
	border-top: 1px solid rgba(99, 158, 200, 0.25);
	width: 100%;
	margin: 10px 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.header_con h1 {
		font-size: 26px;
	}

	.header_con h5 {
		font-size: 20px;
	}

	.event-date {
		font-size: 18px;
	}

	.event h5 {
		font-size: 16px;
	}
}


.node__content.clearfix {
  max-width: 100% !important; /* Restricts the width of the content */
width: 100% !important;
    margin: 0 auto; /* Centers the content horizontally */
    text-align: left; /* Keeps text left-aligned */
    padding: 20px; /* Adds spacing around the content */
    line-height: 1.6; /* Improves text readability */
}
.hs-header-title{
text-align:center;
}
.hs-header-title span{
color: #0a3254 !important;
font-weight:700 !important;
}
p,em{
color: #0a3254 !important;
}

.node__content.clearfix {
  max-width: 100% !important; /* Restricts the width of the content */
 width: 100% !important;
     margin: 0 auto; /* Centers the content horizontally */
     text-align: left; /* Keeps text left-aligned */
     padding: 20px; /* Adds spacing around the content */
     line-height: 1.6; /* Improves text readability */
 }
 p{
 color: #0a3254 !important
 }
 .hs-header-title{
 text-align:center;
 }
 .hs-header-title span {
 color: #0a3254 !important;
 font-weight:700 !important;
 }
 .img-wrapper {
     display: flex; /* Aligns content */
     justify-content: center; /* Centers the image horizontally */
     align-items: center; /* Centers the image vertically, if needed */
     width: 100%; /* Ensures the wrapper spans the available width */
     max-width: 600px; /* Optional: Restricts the maximum width */
     margin: 0 auto; /* Centers the wrapper horizontally */
     overflow: hidden; /* Ensures no content spills outside the wrapper */
 }
 .img-wrapper img#share_story {
     max-width: 100%; /* Scales the image to fit the wrapper */
     height: auto; /* Maintains the aspect ratio of the image */
     display: block; /* Removes inline space below the image */
     border-radius: 10px; /* Optional: Adds rounded corners */
       width: 300px !important;
     height: 300px;
    object-fit: cover;
 }
 .donor_name_link{
 text-align:center;
 }
 .donor-gallery {
     display: flex; /* Makes donors appear in a row */
     flex-wrap: wrap; /* Allows items to wrap on smaller screens */
     justify-content: center; /* Centers the donors horizontally */
     gap: 50px; /* Space between donors */
 }
 .donor-tile {
     text-align: center;
     max-width: 300px; /* Controls width of each donor block */
 }
 .hs-header-title p{
     font-weight: 500 !important;
 }

.node__content.clearfix {
 max-width: 100% !important; /* Restricts the width of the content */
width: 100% !important;
    margin: 0 auto; /* Centers the content horizontally */
    text-align: left; /* Keeps text left-aligned */
    padding: 20px; /* Adds spacing around the content */
    line-height: 1.6; /* Improves text readability */
}
p{
color: #0a3254 !important
}
.hs-header-title{
text-align:center;
}
.hs-header-title span {
color: #0a3254 !important;
font-weight:700 !important;
}
.img-wrapper {
    display: flex; /* Aligns content */
    justify-content: center; /* Centers the image horizontally */
    align-items: center; /* Centers the image vertically, if needed */
    width: 100%; /* Ensures the wrapper spans the available width */
    max-width: 600px; /* Optional: Restricts the maximum width */
    margin: 0 auto; /* Centers the wrapper horizontally */
    overflow: hidden; /* Ensures no content spills outside the wrapper */
}
.img-wrapper img#donor_img_n {
    max-width: 100%; /* Scales the image to fit the wrapper */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Removes inline space below the image */
    border-radius: 10px; /* Optional: Adds rounded corners */
      width: 300px !important;
    height: 300px !important;
   object-fit: cover;
}
.donor_name_link{
text-align:center;
}
.donor-gallery {
    display: flex; /* Makes donors appear in a row */
    flex-wrap: wrap; /* Allows items to wrap on smaller screens */
    justify-content: center; /* Centers the donors horizontally */
    gap: 50px; /* Space between donors */
}
.donor-tile {
    text-align: center;
    max-width: 300px; /* Controls width of each donor block */
}
.hs-header-title p{
    font-weight: 500 !important;
}
article[about="/healingthespirit/expert_grief_advice"] .hs-header-title span{
display:none !important;
}
 
/* Healing The Spirit Understanding Grief & Mourning Page Style End */