body {
    background-color: var(--sbc_cream);
  }
  body #main_content_section {
    /* background-color: var(--sbc_cream);*/
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
  }
  body #main_content_section footer {
    margin-top: auto;
  }
  .bv_container {
    background-color: var(--sbc_slate_blue);
  }
  .bv_container .bv_content_wrapper {
    display: flex;
    justify-content: space-around;
    flex-direction: horizontal;
    align-items: center;
    padding: 2rem;
    color: var(--sbc_textcolor_light);
    gap: 1rem; /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .bv_container .bv_content_wrapper .text_wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 60%; /* text-align: center;*/
    padding-top: 1rem;
    padding-right: 4.5rem;
    text-wrap: pretty;
  }
  .bv_container .bv_content_wrapper .img_bubble {
    /* height: 11rem;*/
    width: 30%;
    max-width: -webkit-fill-available;
    max-width: -moz-available;
  }
  .bv_container .bv_content_wrapper .img_bubble img {
    width: 100%;
    height: 100%;
    max-height: 24rem;
    object-fit: cover;
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    background-color: black;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  html,
  html * {
    /* font-family: 'Gluten', cursive;*/
    font-family: "Poppins", sans-serif;
  }
  .single_basic_article_wrapper {
    background-color: var(--sbc_cream);
    padding-bottom: 1rem; /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .single_basic_article_wrapper .img_bubble_large img {
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-fifty-fifty-outside-container2.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-fifty-fifty-outside-container2.svg);
    background-color: black;
    max-height: 45rem;
  }
  .single_basic_article_wrapper .content_wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .single_basic_article_wrapper .text_wrapper {
    /* width: 35%;*/
    flex-shrink: 0;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    padding-right: 2rem;
  }
  .single_basic_article_wrapper .text_wrapper .btn {
    text-decoration: none;
  }
  .single_basic_article_wrapper .text_wrapper .btn_header_txt {
    color: var(--sbc_textcolor_light);
    font-weight: lighter;
    font-size: 0.7rem;
    text-transform: capitalize;
  }
  .single_basic_article_wrapper .img_bubble_large {
    width: 65%;
    flex-shrink: 0;
    overflow: hidden;
  }
  .single_basic_article_wrapper .img_bubble_large img {
    width: 140%;
    height: 100%; /* max-height: 36rem;*/
    object-fit: cover;
    aspect-ratio: 16/9; /* transform: translateX(20vw);*/
  }
  .article_view,
  .single_basic_article_wrapper {
    background-color: transparent;
    display: flex;
    padding: 10rem 0rem 2rem 0rem;
    text-wrap: pretty;
    overflow-wrap: break-word;
    /* text-wrap: balance; */
  }
  :is(.article_view, .single_basic_article_wrapper) .contain > *,
  :is(.article_view, .single_basic_article_wrapper) .text_wrapper > * {
    padding: 0.5rem 0;
  }
  :is(.article_view, .single_basic_article_wrapper)
    .content_wrapper:has(.img_bubble_large)
    .text_wrapper {
    width: 35% !important;
  }
  :is(.article_view, .single_basic_article_wrapper)
    .content_wrapper:not(:has(.img_bubble_large)) {
    width: 75%;
  }
  :is(.article_view, .single_basic_article_wrapper)
    .content_wrapper:not(:has(.img_bubble_large))
    .text_wrapper {
    width: 90%;
  }
  :is(.article_view, .single_basic_article_wrapper) .rich_image {
    width: 100%;
    height: auto;
  }
  :is(.article_view, .single_basic_article_wrapper) .rich_image.pull-left {
    float: left;
    margin: 0rem 1rem 1rem 0rem;
    max-width: 45%;
    padding: 1rem 1rem 0rem 0rem;
  }
  :is(.article_view, .single_basic_article_wrapper) .rich_image.pull-right {
    float: right;
    margin: 0rem 0rem 1rem 1rem;
    max-width: 45%;
    padding: 1rem 0 0rem 1rem;
  }
  :is(.article_view, .single_basic_article_wrapper) h1 {
    color: var(--sbc_cherry_red);
    font-size: 3rem;
    font-family: "Gluten", cursive !important;
  }
  :is(.article_view, .single_basic_article_wrapper) h2 {
    color: var(--sbc_textcolor_blue);
    font-size: 2.5rem;
    font-family: "Gluten", cursive !important;
  }
  :is(.article_view, .single_basic_article_wrapper) h3 {
    color: var(--sbc_textcolor_blue);
    font-size: 2rem;
    font-family: "Gluten", cursive !important;
  }
  :is(.article_view, .single_basic_article_wrapper) h4 {
    color: var(--sbc_textcolor_blue);
    font-size: 1.5rem;
    font-family: "Gluten", cursive !important;
  }
  :is(.article_view, .single_basic_article_wrapper) h5 {
    color: var(--sbc_textcolor_blue);
    font-size: 1rem;
    font-family: "Gluten", cursive !important;
  }
  :is(.article_view, .single_basic_article_wrapper) ul {
    margin-left: 1.8em;
    list-style-type: disc;
  }
  :is(.article_view, .single_basic_article_wrapper) ol {
    margin-left: 1.25em;
    list-style-type: decimal;
  }
  :is(.article_view, .single_basic_article_wrapper) li {
    margin-bottom: 0.6em;
  }
  :is(.article_view, .single_basic_article_wrapper) b, :is(.article_view, .single_basic_article_wrapper) strong {
    font-weight: bold;
  }
  :is(.article_view, .single_basic_article_wrapper) i {
    font-style: italic;
  }
  :is(.article_view, .single_basic_article_wrapper) u {
    text-decoration: underline;
  }
  :is(.article_view, .single_basic_article_wrapper) a:not(.button) {
    color: var(--sbc_cherry_red) !important;
    text-decoration: underline;
    font-weight: bold;
  }
  :is(.article_view, .single_basic_article_wrapper) a div {
    color: var(--sbc_textcolor_light) !important;
    text-decoration: none;
    /* font-weight: bold; */
  }
  .double_article_wrapper {
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .double_article_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper {
    flex-direction: row-reverse;
    padding-bottom: 2rem;
  }
  .double_article_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .img_bubble_large {
    /* -webkit-transform: scaleX(-1);*/
    transform: scaleX(-1);
  }
  .double_article_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .img_bubble_large
    img {
    transform: scaleX(-1);
  }
  .double_article_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .text_wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .double_article_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .text_wrapper
    h2 {
    color: var(--sbc_textcolor_blue);
    font-size: 2.5rem;
  }
  .footer_section {
    background-color: var(--sbc_navy);
  }
  .footer_section .footer_container {
    color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem; /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .footer_section .footer_container img {
    max-height: 7rem;
  }
  .footer_section .footer_container .p {
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.4375rem; /* 164.286% */
  }
  .footer_section .footer_container .links_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--sbc_textcolor_light);
    flex-wrap: wrap;
    max-width: 35%;
  }
  .footer_section .footer_container .links_container a {
    color: #ffffff;
  }
  .footer_section .footer_container .links_container .links {
    display: flex;
    gap: 1rem;
    font-weight: bold;
    padding-bottom: 1rem;
    flex-wrap: wrap;
    font-size: 0.875rem;
    font-style: normal;
  }
  .footer_section .footer_container .links_container .copyright_text {
    font-size: 0.64rem; /* font-weight: 400 !important;*/
    line-height: normal;
  }
  .about_us_container {
    background-color: #ffec8b;
  }
  .about_us_container .text_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    padding: 2rem;
    text-align: center;
  }
  .about_us_tiles_container {
    background-color: var(--sbc_sunshine);
  }
  .about_us_tiles_container .about_us_tiles_wrapper {
    --number_of_tiles: /* <?php echo $this->params->get('number_of_tiles');?> */ ; /* for ultra wide */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    background-color: var(--sbc_sunshine);
    gap: 1rem;
    padding: 1rem 1rem;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link {
    width: 18%; /* width: calc(100% / var(--number-of-tiles) - (var(--number-of-tiles) - 1) * 1rem / var(--number-of-tiles));*/
    text-decoration: none;
    padding-top: 2rem;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link .text_wrapper {
    padding: 1.2rem;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link .img_bubble {
    --img_height: 14rem;
    max-height: var(--img_height);
    max-width: -webkit-fill-available;
    max-width: -moz-available;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link .img_bubble img {
    /* width: 150%;*/
    height: var(--img_height);
    max-height: var(--img_height);
    object-fit: cover;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link:hover img {
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/hovermask.svg) !important;
    mask-image: url(/src/templates/carousel_theme/assets/hovermask.svg) !important;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link:nth-child(even) img {
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024-2.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024-2.svg);
    background-color: black;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .about_us_tiles_container .about_us_tiles_wrapper .link:nth-child(odd) img {
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024.svg);
    background-color: black;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .info_tiles_container {
    background-color: var(--sbc_slate_blue);
  }
  .info_tiles_container .info_tiles_wrapper {
    --number_of_tiles: /* <?php echo $this->params->get('number_of_tiles');?> */ ; /* ultra wide style */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: var(--sbc_slate_blue);
    padding: 1rem 1rem;
  }
  .info_tiles_container .info_tiles_wrapper .link {
    width: 30%; /* width: calc(100% / var(--number-of-tiles) - (var(--number-of-tiles) - 1) * 1rem / var(--number-of-tiles));*/
    text-decoration: none;
    padding-top: 2rem;
  }
  .info_tiles_container .info_tiles_wrapper .text_wrapper {
    padding: 1rem;
    color: var(--sbc_textcolor_light);
  }
  .info_tiles_container .info_tiles_wrapper .text_wrapper h2 {
    padding: 1rem 0;
  }
  .info_tiles_container .info_tiles_wrapper .text_wrapper p {
    padding-bottom: 2rem;
  }
  .info_tiles_container .info_tiles_wrapper .img_bubble {
    --img_height: 14rem;
    max-height: var(--img_height);
    max-width: -webkit-fill-available;
    max-width: -moz-available;
  }
  .info_tiles_container .info_tiles_wrapper .img_bubble img {
    /* width: 150%;*/
    height: var(--img_height);
    max-height: var(--img_height);
    object-fit: cover;
  }
  .info_tiles_container .info_tiles_wrapper .link:nth-child(even) img {
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    background-color: black;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .info_tiles_container .info_tiles_wrapper .link:nth-child(odd) img {
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    background-color: black;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .events_container {
    background-color: var(--sbc_slate_blue);
  }
  .events_container .events_wrapper {
    padding: 2rem 1.5rem;
    display: flex;
    justify-content: space-around; /* align-items: center;*/
    gap: 1.5rem;
    flex-wrap: wrap; /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .events_container .events_wrapper img {
    /* -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-fifty-fifty-outside-container2.svg);*/
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    background-color: black;
    max-width: 100%;
  }
  .events_container .events_wrapper .img_bubble {
    --img_height: 14rem;
    display: flex;
    align-items: center;
    justify-content: center; /* width: 100%;*/
    flex-shrink: 0; /* why? */
    max-height: var(--img_height); /* max-width: 76%;*/
    max-width: -webkit-fill-available;
    max-width: -moz-available;
  }
  .events_container .events_wrapper .img_bubble img {
    /* width: 150%;*/
    height: var(--img_height);
    max-height: var(--img_height);
    object-fit: cover;
  }
  .events_container .events_wrapper .event_wrapper {
    color: var(--sbc_textcolor_light);
    display: flex;
    flex-direction: column;
    width: 30%;
    align-items: center; /* text-align: center;*/
    gap: 1.2rem;

    a {
      color: var(--sbc_textcolor_light);
    }
  }
  .events_container .events_wrapper .event_wrapper .text_wrapper {
    width: 100%;
    text-align: center;
  }
  .about_us_override {
    background-color: var(--sbc_sunshine);
  }
  .about_us_override .text_container .text_wrapper {
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
    text-wrap: balance;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    padding: 2rem 4rem;
    text-align: center;
  }
  .contact_us_container .contact_us_wrapper {
    /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
    background-color: transparent;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .contact_us_container .contact_us_wrapper .text_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    text-wrap: balance;
  }
  .volunteer_roles_container {
    background-color: var(--sbc_slate_blue);
  }
  .volunteer_roles_container .volunteer_roles_content_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1rem;
    padding: 3rem 1rem; /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .volunteer_roles_container .volunteer_roles_content_wrapper .roles_wrapper {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .volunteer_roles_container .volunteer_roles_content_wrapper .roles_wrapper .p {
    font-size: 0.875rem;
    opacity: 0.9; /* line clamp info */
    /* display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;*/
    overflow: hidden;
    text-wrap: pretty;
    line-height: 1.5;
  }
  .volunteer_roles_container
    .volunteer_roles_content_wrapper
    .roles_wrapper
    .p
    b {
    font-weight: bold;
  }
  .volunteer_roles_container
    .volunteer_roles_content_wrapper
    .roles_wrapper
    .p
    a {
    color: var(--sbc_textcolor_light);
    font-weight: bold;
  }
  .volunteer_roles_container .volunteer_roles_content_wrapper .img_bubble {
    padding: 1rem 1rem;
  }
  .volunteer_roles_container .volunteer_roles_content_wrapper .img_bubble img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    background-color: black;
    max-width: 100%;
  }
  .volunteer_roles_container .volunteer_roles_content_wrapper .roles_wrapper p {
    padding: 0.25rem 0;
  }
  .volunteer_footer_container {
    background-color: var(--sbc_cream);
  }
  .volunteer_footer_container .volunteer_footer_wrapper .img_bubble {
    overflow: hidden;
    padding: 0 2rem;
    padding-top: 2rem;
  }
  .volunteer_footer_container .volunteer_footer_wrapper .img_bubble img {
    object-fit: cover;
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-fifty-fifty-outside-container.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-fifty-fifty-outside-container.svg);
    background-color: black;
    height: 100%;
    width: 100%;
    aspect-ratio: 16/9;
  }
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras {
    padding: 2rem 0rem !important;
    text-wrap: pretty;
  }
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras h1,
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras h2,
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras h3,
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras h4,
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras h5,
  .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras h6 {
    text-align: center;
  }
  .sbcenter_container .link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    background-color: var(--sbc_sunshine);
    padding: 1rem;
    gap: 1rem;
  }
  .sbcenter_container .img_bubble {
    --img_height: 14rem;
    max-height: var(--img_height);
    max-width: -webkit-fill-available;
    max-width: -moz-available;
  }
  .sbcenter_container .img_bubble img {
    /* width: 150%;*/
    /* height: var(--img_height);max-height: var(--img_height);*/
    height: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024-2.svg);
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024-2.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-from-1024-2.svg);
    background-color: black;
    max-height: var(--img_height);
    width: 100%; /* width: -webkit-fill-available;width: -moz-available;*/
  }
  .current_hours_container {
    background-color: transparent;
  }
  .current_hours_container .hours_box {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
  }
  .current_hours_container .hours_box .hours_text_box {
    background-color: var(--sbc_navy);
    border-radius: 0.7rem;
    margin: 0 1.5rem;
  }
  .current_hours_container .hours_box .hours_text_box .text_wrapper {
    padding: 2rem 2rem; /* center the text and space it evenly */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  .day_name {
    font-weight: bold; /* Make Day Names bold */
  }
  .form {
    background-color: var(--sbc_cream);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
  }
  .form form {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
  .form .form_contain {
    width: 65vw;
    max-width: 100% !important;
  }
  .form .form {
    background-color: var(--sbc_navy);
    border-radius: 0.7rem;
    padding: 0.8rem 0.5rem;
    width: 100%;
    max-width: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form textarea {
    max-width: 100%;
    max-height: 50rem;
    height: 12rem;
    width: 100%;
    min-width: 12rem;
    min-height: 5rem;
  }
  .form input {
    width: 100%;
    max-width: 100%;
  }
  .form iframe {
    /* cloudflare authentication style */
    width: 100%;
    max-width: 100%; /* style to override iframe in framework for maps */
    height: 65px !important;
    min-height: auto !important;
    padding: 0 !important;
  }
  .multiple_articles_wrapper {
    /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .multiple_articles_wrapper .text_wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .multiple_articles_wrapper .text_wrapper h1 {
    color: var(--sbc_textcolor_blue);
    font-size: 2.5rem;
  }
  .multiple_articles_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper {
    flex-direction: row-reverse;
    padding-bottom: 2rem;
  }
  .multiple_articles_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .img_bubble_large {
    /* -webkit-transform: scaleX(-1);*/
    transform: scaleX(-1);
  }
  .multiple_articles_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .img_bubble_large
    img {
    transform: scaleX(-1);
  }
  .multiple_articles_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .text_wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .multiple_articles_wrapper
    .single_basic_article_wrapper:nth-child(even)
    .content_wrapper
    .text_wrapper
    h1 {
    color: var(--sbc_textcolor_blue);
    font-size: 2.5rem;
  }
  .blog_list_container {
    /* BLOG STYLE */
    background-color: var(--sbc_slate_blue);
  }
  .blog_list_container .blog_list_wrap {
    /* padding: 2rem 0;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: transparent;
    background-color: var(--sbc_slate_blue);
    padding: 1.5rem;
    gap: 1rem; /* for ultra wide screens */
    max-width: var(--ultra_wide_max_width);
    margin: 0 auto;
  }
  .blog_list_container .blog_wrap_item {
    display: flex;
    flex-direction: column;
    width: calc(100% / 3 - 1rem);
    gap: 1rem;
    padding-bottom: 1rem;
  }
  .blog_list_container .blog_wrap_item .article_preview {
    color: var(--sbc_textcolor_light); /* line clamp info */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: pretty;
    line-height: 1.5;
  }
  .blog_list_container .blog_wrap_item a:link,
  .blog_list_container .blog_wrap_item a:visited {
    color: var(--sbc_textcolor_light);
  }
  .blog_list_container .blog_wrap_item .title {
    letter-spacing: -0.05rem !important;
  }
  .blog_list_container .img_bubble {
    padding: 1rem 1rem;
  }
  .blog_list_container .img_bubble img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    -webkit-mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-image: url(/src/templates/carousel_theme/assets/mask-cta-to-1023.svg);
    background-color: black;
    max-width: 100%;
  }
  body:has(.blog_list_container) .pagination {
    /* BLOG PAGINATION */
    display: flex;
    justify-content: center;
    gap: 1rem;
    background-color: transparent;
    padding: 1rem 0;
    background-color: var(--sbc_slate_blue);
  }
  body:has(.blog_list_container) .pagination .is-disabled {
    display: none;
  }
  body:has(.blog_list_container) .pagination .loaded {
    color: var(--sbc_textcolor_light);
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
  }
  .thankyou {
    background-color: var(--sbc_cream);
  }
  #messages {
    display: flex;
    justify-content: center;
    padding: 0 11rem 0rem 11rem;
    min-width: 10rem;
  }
  #messages p {
    font-family: "Gluten", cursive;
  }
  #messages .alert {
    background-color: var(--sbc_gold);
    padding: 0.8rem;
    margin: 6rem 0rem 0rem 0rem;
    border-radius: 1.5rem;
    width: 88rem;
    text-align: center;
    color: var(--sbc_slate_blue);
    font-size: 1.2rem;
    font-family: "Gluten", cursive;
  }
  #messages .alert .close {
    background-color: var(--sbc_cream);
    padding: 0.6rem 1rem;
    position: relative;
    float: right; /* background: red;*/
    color: white;
    top: -5px;
    right: -5px;
    border: 0;
    border-radius: 2rem;
  }
  .volgistics {
    background-color: var(--sbc_cream);
  }
  .volgistics .vol_container {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    padding: 2rem 0;
  }
  .volgistics .vol_container .vol_logo {
    display: flex;
    align-items: center;
    justify-content: center; /* background-color: #8484c6;*/
    background-color: var(--sbc_navy);
    border-radius: 1rem;
    position: relative;
    max-width: 50%;
    margin: auto; /* This will center the container */
    padding: 1rem; /* Reduced padding */
    height: auto;
  }
  .volgistics .vol_container .vol_logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .volgistics .vol_container .vol_button_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0 2rem;
  }
  .volgistics .vol_container .vol_button_container .vol_button {
    background-color: var(--sbc_navy);
    border-radius: 0.4rem;
    text-decoration: none;
    height: auto;
    width: 80%;
    padding: 0.5rem 4rem;
    font-size: 1.5rem;
    height: auto; /* Set height to auto to allow padding to define the size */
    width: auto; /* Set width to auto to allow padding to define the size */
    cursor: pointer;
    display: inline-block;
  }
  .volgistics .vol_container .vol_button_container .vol_button:hover {
    background-color: #072d4a;
  }
  :is(
      body.pricing,
      body.directions,
      body.weddings,
      body.accessibility,
      body.music,
      body.rounding-board,
      body.photo-policy,
      body.visit
    )
    #main_content_section {
    background-color: var(--sbc_cream);
  }
  :is(body.silver-beach-center, body.attractions) .text_header_container {
    background-color: var(--sbc_cream);
  }
  body.rounding-boards .title_and_date h5 {
    display: none;
  }
  body.silver-beach-center .single_basic_article_wrapper {
    padding: 2rem 0 1rem 0;
  }
  div.gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 25rem;
    gap: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  div.gallery a.glightbox {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.gallery a.glightbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .gslide-desc {
    display: none;
  }
  .gslide-title:first-letter {
    text-transform: uppercase;
  }
  .upcoming_events_container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .upcoming_events_container .upcoming_event {
    padding: 1rem 2rem;
    background-color: var(--sbc_navy);
    color: white;
    margin-bottom: 1rem;
    border-radius: 0.8rem; /* max-width: min(90%, 50vw);*/
    width: min(90%, 50vw); /* margin: 2rem;*/
    min-width: min(90%, 50vw);
    display: flex;
    justify-content: center;
    text-align: center;
  }
  body.search {
    background-color: var(--sbc_cream);
    min-height: 100dvh;
  }
  .search_results ul {
    list-style: unset;
    padding-left: 1rem;
  }
  @media only screen and (max-width: 600px) {
    body:has(#builder_bash_form) {
      .upload_field {
        flex-direction: column;
        gap: 0.25rem;
      }
    }
  }

  body:has(#builder_bash_form) {
    .modal.is-active {
      display: flex;
    }
    .modal {
      align-items: center;
      display: none;
      flex-direction: column;
      justify-content: center;
      overflow: hidden;
      position: fixed !important;
      z-index: 40;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      color: var(--sbc_textcolor_light);


    }
    .modal-background {
      background: rgba(0, 0, 0, 0.8);
      bottom: 0;
      left: 0;
      position: absolute !important;
      right: 0;
      top: 0;
      z-index: 1;
    }
    .modal-close {
      background: none;
      height: var(--bulma-modal-close-dimensions);
      inset-inline-end: var(--bulma-modal-close-right);
      position: fixed;
      top: var(--bulma-modal-close-top);
      width: var(--bulma-modal-close-dimensions)
  }
  
    .modal-card {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        overflow-y: visible;
        z-index: 10;
    }
    
    .modal-card-foot,.modal-card-head {
        align-items: center;
        display: flex;
        flex-shrink: 0;
        justify-content: flex-start;
        padding: var(--bulma-modal-card-head-padding);
        position: relative
    }
    .modal-card-head {
      background-color: var(--sbc_navy);
      border-start-end-radius: 0.75rem;
      border-start-start-radius: 0.75rem;
      align-items: center;
      display: flex;
      flex-shrink: 0;
      justify-content: flex-start;
      padding: 2rem;
      position: relative;
      box-shadow: rgba(63, 65, 70, 0.1) 0px 10px 10px -10px;

      .modal-card-title {
        color: var(--sbc_textcolor_light);
        flex-grow: 1;
        font-size: 1.2rem;
        line-height: 1.5;
        margin: 0;
        padding: 0;
      }

      .delete {
        cursor: pointer;
        appearance: none;
        border: none;
        border-radius: 9999px;
        display: inline-flex;
        flex-grow: 0;
        flex-shrink: 0;
        height: 1.25rem;
        max-height: 1.25rem;
        min-height: 1.25rem;
        max-width: 1.25rem;
        min-width: 1.25rem;
        font-size: 1em;
        outline: none;
        pointer-events: auto;
        position: relative;
        width: 1.25rem;
      }
      .delete::before {
        content: '';
        background-color: var(--sbc_navy);
        display: block;
        height: 50%;
        width: 2px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform-origin: center center;
      }
      .delete::after {
          content: '';
          background-color: var(--sbc_navy);
          height: 2px;
          width: 50%;
          left: 50%;
          position: absolute;
          top: 50%;
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform-origin: center center;
      }
    }
    .modal-card-body {
      background-color: var(--sbc_slate_blue);
      flex-grow: 1;
      flex-shrink: 1;
      overflow: auto;
      padding: 2em;
    }
    .modal-card-foot {
      background-color: var(--sbc_navy);
      border-end-end-radius: 0.75rem;
      border-end-start-radius: 0.75rem;
      padding: 2rem;
    }
    .upload_field {
      display: flex;
      margin-top: 1rem;
      gap: 3rem;
    }
    .upload_preview img {
      object-fit: contain;
      aspect-ratio: 1;
      display: inline-block;
      width: 12rem;
      height: 12rem;
    }

    #trigger_image_selector_img, #trigger_image_crop_img {
      display: none;
    }
  }
  @media only screen and (max-width: 800px) {
    .single_basic_article_wrapper {
      padding: 10rem 0 2rem 0;
    }
    .single_basic_article_wrapper .content_wrapper:not(:has(.img_bubble_large)) {
      width: 100% !important;
    }
    .single_basic_article_wrapper
      .content_wrapper:not(:has(.img_bubble_large))
      .text_wrapper {
      width: 100% !important;
    }
    .single_basic_article_wrapper
      .content_wrapper:has(.img_bubble_large)
      .text_wrapper {
      width: 100% !important;
    }
    .single_basic_article_wrapper .content_wrapper:not(:has(.img_bubble_large)) {
      width: 100%;
    }
    .single_basic_article_wrapper .content_wrapper {
      flex-direction: column-reverse;
    }
    .single_basic_article_wrapper .text_wrapper {
      width: 100%;
      padding-right: 2rem;
      padding-left: 2rem;
    }
    .single_basic_article_wrapper .img_bubble_large {
      width: 100%;
      padding-left: 1rem;
    }
    .single_basic_article_wrapper .links_container {
      text-align: center;
      align-items: center;
    }
    .double_article_wrapper {
      max-width: 100vw;
    }
    .double_article_wrapper .single_basic_article_wrapper {
      padding: 0 0 1rem 0;
    }
    .double_article_wrapper .single_basic_article_wrapper:first-child {
      padding: 10rem 0 2rem 0;
    }
    .double_article_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper {
      flex-direction: column-reverse;
    }
    .double_article_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper
      .img_bubble_large {
      transform: scaleX(-1);
    }
    .double_article_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper
      .text_wrapper {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .double_article_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper
      .text_wrapper
      h1 {
      color: var(--sbc_textcolor_blue);
      font-size: 2.5rem;
    }
    .about_us_tiles_container {
      /* Do not show */
      display: none;
    }
    .info_tiles_container .info_tiles_wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 1rem 1rem;
    }
    .info_tiles_container .info_tiles_wrapper .text_wrapper {
      padding: 0;
      color: var(--sbc_textcolor_light);
    }
    .info_tiles_container .info_tiles_wrapper .text_wrapper h2 {
      padding-bottom: 0.5rem;
    }
    .info_tiles_container .info_tiles_wrapper .text_wrapper p {
      padding-bottom: 0.5rem;
    }
    .info_tiles_container .info_tiles_wrapper .link {
      width: 100%;
      padding: 1rem;
    }
    .events_container {
      text-align: center;
      padding: 0;
    }
    .events_container .event_wrapper {
      width: 100%;
      padding: 1rem;
    }
    .events_container .event_wrapper .text_wrapper {
      width: 100%;
    }
    .volunteer_roles_container .volunteer_roles_content_wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 1.5rem 0 1.5rem 0;
      gap: 2rem;
    }
    .volunteer_roles_container .volunteer_roles_content_wrapper .roles_wrapper {
      width: 85%;
      gap: 0rem;
    }
    .volunteer_roles_container
      .volunteer_roles_content_wrapper
      .roles_wrapper
      h2 {
      padding-bottom: 1rem;
    }
    .volunteer_roles_container .volunteer_roles_content_wrapper .header {
      padding-top: 3rem;
      padding-bottom: 1rem;
    }
    .volunteer_footer_container .volunteer_footer_wrapper .text_wrapper {
      gap: 1rem;
    }
    .volunteer_footer_container .volunteer_footer_wrapper .text_wrapper .p {
      text-align: left;
      padding: 0 1rem;
    }
    .volunteer_footer_container
      .volunteer_footer_wrapper
      .text_wrapper
      .item_list {
      padding: 0 2rem;
    }
    .text_header_container {
      padding-top: 10rem !important;
      padding: 1.5rem;
    }
    .footer_section .footer_container {
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .footer_section .footer_container .links_container {
      justify-content: center;
      align-items: center;
      max-width: 100%;
    }
    .bv_container .bv_content_wrapper {
      flex-direction: column;
    }
    .bv_container .bv_content_wrapper .img_bubble {
      width: 90%;
    }
    .bv_container .bv_content_wrapper .text_wrapper {
      padding-right: 0;
      width: 90%;
    }
    .multiple_articles_wrapper {
      margin-top: 10rem;
      max-width: 100% !important;
    }
    .multiple_articles_wrapper .single_basic_article_wrapper {
      padding: 0;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper
      .content_wrapper:not(:has(.img_bubble_large)) {
      width: 100%;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper
      .content_wrapper:not(:has(.img_bubble_large))
      .text_wrapper {
      width: 100%;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:first-child
      .content_wrapper
      .content_wrapper
      .img_bubble_large {
      padding-top: 5rem;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper {
      flex-direction: column-reverse;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper
      .img_bubble_large {
      transform: scaleX(-1);
      padding-top: 0rem !important;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper
      .text_wrapper {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(even)
      .content_wrapper
      .text_wrapper
      h1 {
      color: var(--sbc_textcolor_blue);
      font-size: 2.5rem;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(odd)
      .content_wrapper
      .img_bubble_large {
      padding-top: 0rem;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(odd)
      .content_wrapper
      .text_wrapper {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .multiple_articles_wrapper
      .single_basic_article_wrapper:nth-child(odd)
      .content_wrapper
      .text_wrapper
      h1 {
      color: var(--sbc_textcolor_blue);
      font-size: 2.5rem;
    }
    #messages {
      padding: 0rem 1rem 0rem 1rem;
    }
    #messages .alert {
      margin: 10rem 0rem -3rem 0rem;
    }
    .events_container .events_wrapper {
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      padding: 1rem 1rem;
    }
    .events_container .events_wrapper .event_wrapper {
      width: 100%;
    }
    .volunteer_footer_container .volunteer_footer_wrapper .article_view_extras {
      padding: 2rem 0rem !important;
    }
    .blob.front {
      display: none;
    }
    .blog_list_container {
      text-align: center;
      padding: 0;
    }
    .blog_list_container .blog_list_wrap {
      width: 100%;
      padding: 1rem;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      padding: 1rem 1rem;
    }
    .blog_list_container .blog_list_wrap .blog_wrap_item {
      width: 100%;
    }
    .footer_section .footer_container .links_container .links {
      justify-content: center;
    }
  }
  @media only screen and (min-width: 800px) {
    .single_basic_article_wrapper:nth-child(2) {
      padding: 0;
    }
    .single_basic_article_wrapper:nth-child(2) img {
      max-height: 45rem;
    }
    .about_us_container .text_wrapper {
      padding: 5rem;
      margin: 0 auto;
      max-width: 72%;
    }
    .contact_us_container .contact_us_wrapper .text_wrapper {
      padding: 5rem;
      margin: 0 auto;
      max-width: 72%;
    }
    .about_us_container {
      display: none;
    }
    .volunteer_roles_content_wrapper .header {
      display: none;
      padding-top: 1rem;
    }
    .footer_container .links_container {
      max-width: 35%;
      justify-content: center;
      color: var(--sbc_textcolor_light);
    }
    .footer_container .links_container .copyright_text {
      font-size: 0.64rem;
      font-weight: 400 !important;
    }
  }
  @media only screen and (max-width: 910px) {
    .footer_container {
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .footer_container .links_container {
      justify-content: center;
      align-items: center;
      max-width: 100%;
    }
  }
  @media only screen and (max-width: 600px) {
    div.gallery {
      grid-template-columns: 1fr;
    }
  }