/**

 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
@import url("https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://use.typekit.net/ngn7lpf.css");

.body {
  font-family: "Verdana";
}
body {
  max-width: 1920px!important;
  margin: 0 auto!important;
}

.page-header {
    display: none;
}
/* .site-footer .footer-inner .copyright {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        display: none;
    } */
/* header */
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
#logo-name span {
  color: #0cb29c;
}

.banner-h3 h3 {
    color: white  !important;
}
#banner-slider #banner-large-text span {
  text-shadow: 0px 8px 0px rgba(57, 165, 211, 1);
}
.elementor-testimonial--layout-image_inline .elementor-testimonial__footer {
  margin-top: auto !important;
}
#mobile-main {
  width: 100%;
  padding-top: 65px;
}
#header-three {
  position: absolute;

  z-index: 99;
}
#header-main {
  position: relative;
}
#main-slider {
  position: relative;
}
.page-id-10292 .elementor-message.elementor-message-success{
color:#009787 !important;
}
#main-slider
  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  bottom: 10% !important;
  left: -30%;
}
#main-slider span.swiper-pagination-bullet {
  border: 2px solid white;
}
#main-slider
  .elementor-widget-reviews.elementor-pagination-type-bullets
  .swiper,
.elementor-widget-reviews.elementor-pagination-type-bullets .swiper-container,
.elementor-widget-reviews.elementor-pagination-type-fraction .swiper,
.elementor-widget-reviews.elementor-pagination-type-fraction .swiper-container,
.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets
  .swiper,
.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets
  .swiper-container,
.elementor-widget-testimonial-carousel.elementor-pagination-type-fraction
  .swiper,
.elementor-widget-testimonial-carousel.elementor-pagination-type-fraction
  .swiper-container {
  padding-bottom: 0px !important;
}
.elementor-nav-menu .sub-arrow
 {
    padding: 5px !important;
    
}
.global-faq a , .pop-content a {
	color:white!important;
  text-decoration: none !important;
}
.global-faq a.elementor-button.elementor-button-link.elementor-size-sm {
    text-decoration: none !important;
}

p{
font-family:Verdana !important;
font-size:16px !important;
line-height:1.5 !important
}
.elementor-widget-reviews .elementor-main-swiper, .elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: 100%!important;
}
h1.entry-title {
    display: none;
}
.popup_design .elementor-element.elementor-element-6dccf73a.pop-featured-img.e-flex.e-con-boxed.e-con.e-child {
    transition: none;
}
.weekly-theme-featured-image {
    width: 50%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.subtext {
  font-weight: 200 !important;
  font-size: 16px;
}
.elementor-popup-modal .elementor {
    width: 100%;
    height: 100%;
}
nav.ti-nav-loadmore {
     display: inline-block !important; 
    justify-content: center;
    align-items: center;
    display: flex !important;
}
.ti-widget .ti-nav-loadmore .ti-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;    background-image: linear-gradient(0deg, #0075BD 0%, #00A1E3 100%) !important; 
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 17px !important;
    padding: 14px 28px !important;
    border: none;
    transition: all 0.2s ease-in-out;
    outline-color: rgba(239, 239, 239, 0.5);
}

#page-id-70 .read-more-button.open-weekly-popup {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}
.pop-featured-img
 {
    position: sticky;
    top: 0;
    width:100%;
    height: 540px;
    
    border-radius: 40px 0 0 40px;
    background-size: cover;
    background-repeat: no-repeat;
    
}
.dialog-message.dialog-lightbox-message

 {
    height: initial!important;
}
.elementor-popup-modal .dialog-message {
 
    max-height: initial!important;
}
/* Ensure the Trustindex widget is above other elements */
#trustindex-feed-container-8568909fe6b30c6 {
    position: relative;
    z-index: 9999;
}

/* Fix overflow issues in parent containers if needed */
footer,
.elementor-shortcode,
.ti-widget-body {
    overflow: visible !important;
}

/* STYLES ADDED BY DESIGNER */
.h-events-list h2.h-post-title{
	letter-spacing: -0.5px;
	font-size:25px !important
}
.event-content h2{
	font-size:16px !important;
	letter-spacing: -0.5px
}
#simple-event .event-content{
	font-size:16px;
	line-height:24px
}


.about-summers::after, .about-summer::after{
 top: 17px !important;
}

/* testimonials */
.elementor-testimonial__image {
  display: none;
}

#testimonial-all #testimonial-widget img {
  display: none;
}
#testimonial-all #testimonial-widget .elementor-testimonial__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#testimonial-all #testimonial-widget .swiper-slide.swiper-slide-active {
  border: none;
}
#testimonial-all #testimonial-widget .elementor-testimonial__header {
  border: none;
}
#summer-slider ul.cpt-posts-list {
  display: flex;
  list-style: none;
}
.home h1.entry-title {
  display: none;
}
#logo-head span {
  color: #009a8b;
  font-size: 34px;
}
#testimonial-widget span.swiper-pagination-bullet {
  border: 1px solid #00b9b5;
}
/* carosel 1 */ /* category slider */
   .carousel-1 .item .featured-image img ,.event-thumbnail img{
   height: 300px!important;
  object-fit: cover;
  width: 100%;
  display: block;
  border-radius: 30px;
}
.h-events .event-thumbnail {
  height: 300px; 
  display: flex;
  align-items: center;
  justify-content: center;
 
  
}

.h-events .event-thumbnail img {
  max-height: 100%;
width: 100%;
  height: auto;
}


.carousel-1 .item {
  background-color: #0075bd;
  padding: 10px;
  border-radius: 30px;
  transition: opacity 0.3s ease-in-out;
  background-image: linear-gradient(
    0deg,
    #0075bd 0%,
    #008dd3 35%,
    #00a1e3 79%,
    #00a1e3 100%
  );
}
#category-slider .post-title h3,
#group-slider .post-title h3,
#school-slider .post-title h3 {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-family: "Cachet Std";
  padding: 0 20px;
      margin-top: 24px;
  /* min-height: 56px; */
}
.carousel-1 p {
  margin: 0;
}
#simple-event .post-title ,.facility-list h2.post-title {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-family: "Cachet Std";
  padding: 0 20px;
  text-align: left;
}
.carousel-1 .post-description {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-family: "verdana-pro", sans-serif;
  padding: 0 20px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#simple-event .event-content {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-family: "verdana-pro", sans-serif;
  padding: 0 20px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  margin-top:20px;
}
.carousel-1 a.read-more-link,
#simple-event a.read-more-link,.facility-list a.read-more-link  {
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 45px;
  text-decoration: underline;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-family: "Cachet Std";
  padding: 0 20px;
  text-decoration-color: rgb(255 255 255 / 40%);
  text-underline-offset: 4px;
}
.carousel-1 .learm-more,
#simple-event .learm-more {
  text-decoration: underline;
  color: white;
  padding-bottom: 20px;
}
.learn-more {
  padding-bottom: 20px;
}
.carousel-1 #group-slider button img,
#category-slider button img,
#school-slider button img ,.carousel-3 .owl-nav button img{
  font-size: 29px;
  border-radius: 57px!important;
  box-shadow: inset 0 0 4.5px rgba(0, 0, 0, 0.18);
  background-color: #ececec;
  padding: 10px 9px 10px 9px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
  color: black !important;
  text-decoration: none;
}
div#category-slider {
  position: relative;
}
.carousel-1 .owl-nav {
  text-align: center;
}
.carousel-1 button.owl-prev {
  position: absolute;
  bottom: 50%;
  left: 8%;
}
.carousel-1 button.owl-next {
  position: absolute;
  bottom: 50%;
  right: 8%;
}
.carousel-1 #group-slider .item,
#simple-event li,.facility-list li {
  padding: 10px;
  width: 80%;
  border-radius: 30px;
  transition: opacity 0.3s ease-in-out;
  background-image: linear-gradient(
    0deg,
    #0075bd 0%,
    #008dd3 35%,
    #00a1e3 79%,
    #00a1e3 100%
  );
}

.carousel-1 .owl-item.active.center + * + * {
  opacity: 0.2;
  transition: opacity 0.3s ease-in-out;
}

.carousel-1 .owl-item:has(+ * + *.active.center) {
  opacity: 0.2;
  transition: opacity 0.3s ease-in-out;
}
#school-slider .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block !important;
}
.owl-nav.disabled {
  color: white;
}
/* carosel 2  */
.carousel-2 .post-title h3 {
  font-size: 60px;
  letter-spacing: -2px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffff;
  font-weight: bold;
  font-family: "Cachet Std";
}
.carousel-2 .post-description {
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  font-family: "verdana-pro", sans-serif;
  width: 100%;
}
#one-slider-inner {
  position: relative;
}
.carousel-2 .post-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 22% 17% 5% 20%;
}
.featured-event {
  top: -52%;
  /* bottom: -13%; */
  left: 0;
}
.elementor-widget-reviews .swiper-slide {
  background-color: #fff;
  border: none;
  padding: 0;
}
button.visit-event-btn,
button.featured-event-btn {
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 45px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-family: "Cachet Std";
  text-align: right;
  border-radius: 14px;
  background-image: linear-gradient(
    0deg,
    #0075bd 0%,
    #008dd3 49%,
    #00a1e3 100%
  );
  border: none;
  padding: 10px 69px 10px 33px;
  background-size: 100% 200%;
  transition: all 300ms linear;
  background-position: 0% 100%;
}
button.featured-event-btn {
  left: -1%;
  top: 42%;
  position: fixed;
  width: 635px;

  border-radius: 20px;
  background-image: linear-gradient(
    0deg,
    #0075bd 0%,
    #008dd3 35%,
    #00a1e3 79%,
    #00a1e3 100%
  );
}
button.featured-event-btn {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 60px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-family: "Cachet Std";
  padding: 0px 20px;  
  pointer-events: none;
}
/* single post; */
#simple-event ul.events-list,ul.facility-list {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
}
/* single post navigation */
.nav-links

 {

    display: flex;
    justify-content: center;

    gap: 40px;
}

.nav-title {
    font-size: 26px;
    line-height: 36px;
    font-family: "verdana-pro", sans-serif;
    color: #2c3e50;
    margin-bottom: 10px;
}
.nav-thumb img {
  
    border-radius: 30px;
    height: 294px;
    background-position: center;
    background-size: cover;
    object-fit: cover;
}


/* footer */
span.second {
  color: #0cb29c;
  font-size: 21px;
}
span.first {
  color: #007bc3;
}
#footer-form input#form-field-email {
  opacity: 2.2;
  width: 513px;
  height: 66px;
  border-radius: 10px;
  box-shadow: inset 0 0 4.5px rgba(0, 0, 0, 0.09);
  background-color: rgba(40, 40, 40, 0.6);
  border: none;
}

div#footer-form-container {
  position: relative;
}
/* span.elementor-button-icon {
  position: absolute;
  /* top: -70%; */
  /* left: 0; */
  right: 18px;
  top: -39px;
} */

#Donatate span ::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("http://sherryd3.sg-host.com/wp-content/uploads/2025/04/heart.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 2px;
}

#Donatate span.elementor-button-text {
  display: flex;
  gap: 10px;
  align-items: center;
}
#header-btn::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 18px;
  background-image: url("http://dev.zeroguess.us/n01/ymca/wp-content/uploads/2025/04/right-arrow-1.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 8px;
  vertical-align: middle;
  position: absolute;
  right: -2%;
  top: 36%;
}
button.visit-event-btn {
  position: relative;
}
#one-slider-inner button.visit-event-btn::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(http://dev.zeroguess.us/n01/ymca/wp-content/uploads/2025/04/right-arrow-1.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 15px;
  vertical-align: middle;
  position: absolute;
  bottom: 25px;
}

#school-slider .item {
  border-radius: 30px;
  background-image: linear-gradient(
    180deg,
    #00b9b5 0%,
    #00ad99 49%,
    #009787 100%
  );
}
.owl-dots {
  position: absolute;
  /* top: 20%; */
  right: 11%;
  bottom: 13%;
  size: 18px;
}
.owl-theme .owl-dots .owl-dot span {
  margin: 5px 7px;
  background: white;
  width: 14px !important;
  height: 15px !important;
  border: 2px solid #ddd;
}
#footer-heading span {
  color: #009787;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: transparent !important;
}


.learn-more a:hover:after {
  right: -9px;
}
.elementor-star-rating {
  text-align: center;
}
.elementor-testimonial__text {
  text-align: center;
}
#footer-address a {
  color: white;
}
#footer-address a:hover {
  color: #007dc4;
}
.post-title-fetaure h3 {
  font-size: 60px;
  letter-spacing: -2px;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-family: "Cachet Std";
}
button.visit-event-btn:hover {
  background-color: transparent;
  color: #ffffff;
  background-image: linear-gradient(180deg, #0075bd 0%, #00a1e3 100%);
  background-position: 100% 0%;
  transition: all 300ms linear;
 
}
/* new */
/* Header Cells */

.tablepress thead th {
  background-color: #007BC3 !important;
  color: #ffffff !important;
  text-align: center !important;
  padding: 17px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  border: none !important;
  box-shadow: none !important;
  /* Do NOT reset border-radius here */
}

/* Rounded corners on header */
.tablepress thead tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.tablepress thead tr:first-child th:last-child {
 border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Remove sort arrows or visual artifacts */
.tablepress thead th::before,
.tablepress thead th::after {
  content: none !important;
  display: none !important;
}

/* Body styling */
.tablepress tbody.row-striping {
  border-collapse: separate;
  border-spacing: 0 12px;
  width: 100%;
  font-family: Arial, sans-serif;
}

.tablepress tbody.row-striping > tr > td {
  text-align: center;
  vertical-align: middle;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 600;
  border: none;
  font-family: "verdana-pro", sans-serif;
  line-height: 28px;
  color: #4A4A4A !important;
}

/* Row striping */
.tablepress tbody.row-striping > tr:nth-child(even) > td {
  background-color: #007BC333 !important;
}
.tablepress tbody.row-striping > tr:nth-child(odd) > td {
  background-color: #ffffff !important;
}

/* Rounded corners on body rows */
.tablepress tbody.row-striping > tr > td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.tablepress tbody.row-striping > tr > td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}



/* .tablepress>:where(thead,tfoot)>tr>* {
    padding: 17px !important;
    background-color: #007BC3 !important;
    text-align: center!important;
    color: #fff!important;
    font-size: 24px !important;
}

.tablepress thead th {
  background-color: #007BC3 !important;
  color: #ffffff !important;
  text-align: center !important;
  padding: 17px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  border: none !important;
  box-shadow: none !important;
}

/* .tablepress tr.row-1 th:last-child {
    border-radius: 0 14px 14px 0 !important;
    border: 1px solid transparent;
}
.tablepress thead th:last-child {
  border-top-right-radius: 14px !important;
} 

.tablepress thead th::before,
.tablepress thead th::after {
  content: none !important;
  display: none !important;
}

.tablepress tbody.row-striping {
  border-collapse: separate;
  border-spacing: 0 12px;
  width: 100%;
  font-family: Arial, sans-serif;
}

.tablepress tbody.row-striping > tr > td {
  text-align: center;
  vertical-align: middle;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 600;
  border: none;
  font-family: "verdana-pro", sans-serif;
  line-height: 28px;
  color: #4A4A4A !important;
}

.tablepress tbody.row-striping > tr:nth-child(even) > td {
  background-color: #007BC333 !important;
}

.tablepress tbody.row-striping > tr:nth-child(odd) > td {
  background-color: #ffffff !important;
}

/* Rounded corners on body rows */
/* .tablepress tbody.row-striping > tr > td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.tablepress tbody.row-striping > tr > td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
} */
	
/* Hover effect example */
/*.tablepress tbody.row-striping > tr:hover > td {
    background-color: #cbefff !important;
}*/ 

element.style {
  width: 974px;
  margin-right: 10px;
}
#testimonial-all #testimonial-widget .swiper-slide.swiper-slide-active {
  border: none;
}
.elementor-widget-reviews .swiper-slide {
  background-color: #fff;
  border: none !important;
}

#gradient-check .elementor-button,#Donatate .elementor-button {
  background-size: 100% 200%;
  transition: all 300ms linear;
  background-position: 0% 100%;
}
#gradient-check .elementor-button:hover,#Donatate .elementor-button:hover  {
  background-position: 100% 0%;
  transition: all 300ms linear;
}
/* summer camp */
div#Grades-img {
    position: absolute;
    top: -12%;
    left: 24%;
}
div#Grades,div#resoureces-summer {
    position: relative;
}
span.e-opened {
    transform: rotate(45deg);
}
#resoureces-summer::after{
  content: "";
  background-image: url("http://sherryd3.sg-host.com/wp-content/uploads/2025/05/right-arrow-1-copy-32.webp");
  width: 10px;
  height: 10px;
}

.about-summers{
  position: relative;
}

.about-summers p{
  display: none;
}

.em.pixelbones a
 {
    color: hsl(0deg 0% 100%) !important;
 }
.about-summers:after , .about-summer:after{
    content: "";
    background-image: url('http://sherryd3.sg-host.com/wp-content/uploads/2025/05/right-arrow-1-copy-32.webp');
    width: 26px;
    height: 22px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    right: -42px;
    top: 26px !important;
}
article.weekly-theme-post {
    display: flex;
        flex-direction: column;
   gap: 60px;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 90px;
        padding: 0 20px;
            background-color: #E5F2F9;
    border-radius: 30px;
    padding: 60px;
}
.weekly-theme-main-content
 {
    display: flex;
    gap: 20px;
}
.weekly-theme-featured-image
 {
    width: 40%;
    display: flex;
    align-items: center;
}
.weekly-theme-content {
    width: 60%;
}
.weekly-theme-wrapper{
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    margin-bottom: 40px;
    display: grid;
    margin:0;
}
.job-opp .weekly-theme-wrapper{
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-bottom: 40px;
    display: grid;
    margin:0;
}
.weekly-theme-featured-image img {
    width: 100%;
    border-radius: 30px;
    

}
.facility-category-wrapper{
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-bottom: 40px;
    display: grid;
    margin:0;
}
h2.weekly-title,.weekly-theme-item h3 ,h2 .facility-title
 {
    font-size: 23px;
    letter-spacing: 0px;
    line-height: 33px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Cachet Std";
    margin: 0;
    text-decoration: underline;
}
.facility-title a {
    color: white;
}
.week-field ,.facility-occupancy {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    text-decoration: underline;
    color: #ffffff;
     font-family: "verdana-pro", sans-serif;
}
/* .weekly-theme-item, .facility-item {
    position: relative;
    padding: 10px 30px 0 30px;
    color: white;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));
    background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 380px;
    background-blend-mode: darken;
    cursor: pointer;
}


.weekly-theme-item::before ,.facility-item:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: transparent;
    transition: background-color 0.3s ease;
    
}
.weekly-theme-item:hover::before, .facility-item:hover::before  {
    background-color: #007bc3;
} */
 .weekly-theme-item, .facility-item {
    position: relative;
    padding: 10px 30px 0 30px;
    color: white;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    height: 380px;
    cursor: pointer;
}

/* Default: gradient overlay at top */
.weekly-theme-item::before,
.facility-item::before {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%);
    transition: background 0.3s ease;
    z-index: 1;
}

/* Hover: solid blue overlay */
.weekly-theme-item:hover::before,
.facility-item:hover::before {
    background: #007bc3; /* full blue */
}

/* Text above overlays */
.weekly-theme-item .weekly-title,
.weekly-theme-item .meta,
.facility-item .weekly-title,
.facility-item .meta {
    position: relative;
    z-index: 2;
}


.weekly-theme-item > *, .facility-item > * {
    position: relative;
    z-index: 2;
}

.weekly-description ,.facility-description{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    margin: 20px 0 20px 0;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 25px;
    color: #ffffff;
        display: flow-root;
    margin-top: 80px;
    font-family: "verdana-pro", sans-serif;
   
}
/* .facility-description p , .weekly-description p{
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
} */
.weekly-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    line-height: 1.5em;
}
button.read-more-button:hover {
    opacity: 1;
}
button.read-more-button
 {
    padding: 10px!important;
   
    font-size: 18px!important;
    border: none!important;
}

.weekly-theme-item:hover .read-more-button {
    display: inline-block; 
}

.weekly-theme-item:hover .weekly-description ,.facility-item:hover .facility-description{
    opacity: 1;
    visibility: visible;
        
}
.week-theme-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    /* cursor: none; */
    pointer-events: none;
}
/* History page  */
div.center-progress-line {
    position: relative; 
}

.read-more-button {
    margin-top: 10px;
    padding: 6px 12px;
    background-color: #ffffff;
    color: #0073aa;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#activities-short .activities-short .read-more-button , #Weekly-camp-dates-short .read-more-button{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
#activities-short button.read-more-button, #Weekly-camp-dates-short button.read-more-button {
    opacity: 0;
}
#activities-short  .weekly-theme-item:hover .read-more-button ,#Weekly-camp-dates-short .weekly-theme-item:hover .read-more-button {
    opacity: 1;
    visibility: visible;
}



.first-timeline .center-progress-line::after {
    content: "";
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-100%);
    background-image: url(http://sherryd3.sg-host.com/wp-content/uploads/2025/06/Rectangle-5-copy-2.webp);
    display: block;
    width: 36px;
    height: 1px;
}
.third-timeline .center-progress-line::after {
    content: "";
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-100%);
    background-image: url(http://sherryd3.sg-host.com/wp-content/uploads/2025/06/Rectangle-5-copy-2.webp);
    display: block;
    width: 36px;
    height: 1px;
}
.second-timeline .center-progress-line::after {
    content: "";
    position: absolute;
    top: 10%;
    background-image: url(http://sherryd3.sg-host.com/wp-content/uploads/2025/06/Rectangle-5-copy-2.webp);
    display: block;
    width: 36px;
    height: 1px;
}
.fourth-timeline .center-progress-line::after {
    content: "";
    position: absolute;
    top: 30%;
    background-image: url(http://sherryd3.sg-host.com/wp-content/uploads/2025/06/Rectangle-5-copy-2.webp);
    display: block;
    width: 36px;
    height: 1px;
}
.carousel-3 .owl-nav button.owl-prev {
    position: absolute;
    bottom: 50%;
    left: 0;
}
.carousel-3 .owl-nav button.owl-next {
    position: absolute;
    bottom: 50%;
    right: 0;
}
/* Staff pages  */
.Staff-container  {
    max-width: 1531px;
}
.staff-list

 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
      column-gap: 40px;
    row-gap: 50px;  
     
       
}
.staff-meta
 {
    margin-bottom: 30px;
}
.staff-member {
    width: 100%;
}
.wp-singular .staff-member img, .staff-single .staff-image img {
    width: 90%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    border-radius: 30px;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
}
.wp-singular .staff-member img:hover, .staff-single .staff-image img :hover {
   transform: scale(1.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);

}
.wp-singular .staff-member h3 a {
    font-family: "Cachet std";
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 37px;
    letter-spacing: -1px;
    color: #007BC3!important;
}
.staff-meta p,.staff-meta a {
    font-size: 18px !important;
    line-height: 28px;
    font-family: "verdana-pro", sans-serif;
    color: #002200;
    font-weight: 500;
        margin: 0;
}
.staff-meta p a{
  color:#007BC3
}
.staff-member h3 {
    min-height: 110px;
        margin-top: 30px;
}
.staff-single {
    display: flex
;
    gap: 50px;
}.staff-single
 {
    margin: 90px;
}
.staff-image {
    width: 30%;
}
.staff-wrapper {
    display: flex
;
    gap: 80px;
}
.staff-details {
    width: 60%;
}
.staff-member {
    border-radius: 30px;
  background: url("http://sherryd3.sg-host.com/wp-content/uploads/2025/04/3.jpg");
}
/* facilities */

h1.facility-category-title

 {
    font-family: "Cachet std";
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: -1px;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    color: #0076be;
    text-align: center;
 }
 .facility-category-description p {
    text-align: center;
    font-family: "verdana-pro";
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
        color: #4A4A4A;
    
    margin-bottom: 50px;
}
 
li.facility-category-item {
  
    padding: 20px;
    border-radius: 30px;
    list-style: none;
    text-align: center;
}
.facility-category-name a
 {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 28px;
    text-transform: uppercase;
    color: #009787;
    font-weight: bold;
    font-family: "Cachet Std";
    padding: 0 20px;
        text-align: center;
}
ul.all-facility-categories {
    display: flex;
    
}
.all-facility-categories .facility-category-image a img {
    border-radius: 30px;
}
h1.facility-category-title {
    display: none;
}
/* Open-house-contact-form */

.Open-house-contact-form label {
    font-family: "Cachet std";
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 46px;
    letter-spacing: -1px;
    color: #007BC3;
    display: flex;
        align-items: center;
    gap: 5px;
}
.Open-house-contact-form span.wpcf7-list-item-label

 {
    text-align: center;
    font-family: "Cachet std";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
    
}
.Open-house-contact-form form p
 {
    margin-top: 40px;
}
.Open-house-contact-form  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required
 {
    background-color: white;
    border-radius: 25px;
}
.Open-house-contact-form  form h2{
font-family: "Cachet std";
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: -2px;
    color: #007BC3;
}
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background-color: transparent;
    accent-color: #004b6b;
    cursor: pointer;

}

/* job page */
.job-tag-block
 {
    flex: 1;
    border-radius: 30px;
    background-image: url(https://sherryd3.sg-host.com/wp-content/uploads/2025/04/2.jpg);
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
}
.job-tags-group {
    display: flex;
    gap: 20px;
}
h2.job-tag-title
 {
    font-family: "Cachet std";
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 46px;
    letter-spacing: -1px;
    color: #007BC3;
    text-align: center;
}
h3.job-category-title {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 28px;
    text-transform: uppercase;
    color: #292a2e;
    font-weight: bold;
    font-family: "Cachet Std";
        margin: 20px;
    text-align: center;
}
.job-item a {
    text-align: center;
    font-family: "verdana-pro";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    color: #4A4A4A;
}
ul.job-list {
    list-style: none;
}
li.job-item {
    padding-right: 50px;
    text-align: center;
}
/* activities page */
button.tag-tab {
    color: white;
    /* background-color: rgba(27, 127, 204, .8); */
    border-color: rgba(27, 127, 204, .8);
    font-family: "Cachet std";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    border-radius: 10px;
    background-image: linear-gradient(180deg, #0075BD 0%, #00A1E3 100%);
}
.tag-filters
 {
    display: flex;
    gap: 15px;
    justify-content: center;
}
div#tag-results {
    margin-top: 0;
    padding: 0 20px;
}
#tag-results h1 {
    text-align: center;
    font-size: 47px;
    margin: 50px;
    margin-bottom: 30px;
    letter-spacing: -3px;
}
.tag-results h2 {
    text-align: center;
}
#activities .weekly-theme-wrapper {
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    margin-bottom: 40px;
    display: grid;
    margin: 0;
}
/* Simple CSS spinner */
.spinner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0073aa;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 0.8s linear infinite;
}
.blurred {
    opacity: 0.5;
    pointer-events: none;
    filter: blur(1px);
}
i.fas.fa-arrow-circle-right ,i.fas.fa-arrow-circle-left{
    cursor: pointer;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
argin-bottom: 20px;
}

.tag-tab {
    padding: 10px 20px;
    border: none;
    background-color: #eee;
    color: #333;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
    white-space: nowrap;
}

.tag-tab.active {
    background-color: #0073aa;
    color: white;
    font-weight: bold;
}


/* single facility page */
.single-facility-wrapper,.single-activity-wrapper {
    display: flex;
    gap: 50px;
    margin: 100px;
}
.facility-featured-image img {
    border-radius: 30px;
}
.activity-featured-image ,.facility-featured-image {
    width: 30%;
}
.activity-content {
    width: 60%;
}
.activity-featured-image img,.facility-featured-image img {
    width: 100%;
    border-radius: 30px;
}
 .single h1
 {
    font-family: "Cachet std", sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: -1px;
    color: #000;
}

#tag-results h2 {
    margin: 50px 0;
}
.single h1 {
  font-size: 36px;
  line-height: 46px;
  font-family: "verdana-pro", sans-serif;
  color: #2c3e50;
  margin-bottom: 10px;
}

.single h2 {
    font-size: 26px;
    line-height: 37px;
    font-family: "verdana-pro", sans-serif;
    color: #2c3e50;
    margin-top: 20px;
    margin-bottom: 10px;
    text-decoration: none;
}

/* .single p {
  font-size: 16px;
  font-family: "verdana-pro", sans-serif;
  color: #333;
  line-height: 28px;
} */

.single table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background-color: #fff;
  font-family: "verdana-pro", sans-serif;
  font-size: 16px;
}

.single th,
.single td {
  padding: 12px;
  border: 1px solid #ccc;
  text-align: left;
}

.single th {
  background-color: #f0f0f0;
}
.single a.button {
    background-color: transparent;
    font-family: "Cachet std";
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: -1px;
    background-image: linear-gradient(0deg, #0075BD 0%, #00A1E3 100%);
    transition-duration: 400ms;
    border-radius: 15px 15px 15px 15px;
    padding: 14px 28px 14px 28px;
    color: white;
}
.term-meeting-spaces  .floor-btn
 {
    display: none;
}
/* spaces cpt */
.space {
    background-color: #0075bd;
      padding: 30px;
    border-radius: 30px;
    transition: opacity 0.3s ease-in-out;
    background-image: linear-gradient(0deg, #0075bd 0%, #008dd3 35%, #00a1e3 79%, #00a1e3 100%);
   
}
.spaces-list {
     display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    margin: 0 auto;
    
}
.term-cabins .spaces-cpt

 {
    display: none;
}
.space h3 a , .space p a
 {
    color: white;
}
.space h3 {
    font-size: 27px;
    letter-spacing: 0px;
    line-height: 28px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Cachet Std";
    padding: 0 20px;
    text-align: center;
    margin-top: 10px;
}
.space p
 {
        font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
    font-family: "verdana-pro", sans-serif;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.space  img

 {
    display: flex;
    border-radius: 30px!important;
    margin: 0 auto;
        width: 100%;
}
.spaces-cpt p.week-field

 {
    text-align: center;
}
section.em-item-header {
    display: none!important;
}
.nav-title {
    font-family: "Cachet std";
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    background-image: linear-gradient(0deg, #0075BD 0%, #00A1E3 100%);
    border-radius: 15px 15px 15px 15px;
    padding: 6px 25px 6px 25px;
    color: white;
   
}
.nav-thumb

 {
    display: flex;
    justify-content: center;
 }
 .weekly-theme-wrapper h2.weekly-title  {
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 32px;
        text-transform: uppercase;
        color: #ffffff;
        font-weight: bold;
        font-family: "Cachet Std";
        text-decoration: none;
}



.weekly-job-pdf{
    position: absolute;
    bottom: 22px;
    right: 24px;
}
.facility-category-wrapper .facility-item h2.facility-title {
    font-size: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Cachet Std";
        line-height: 34px;
        margin-bottom: 0;
}
#footer-form .elementor-button{
    background-image: none !important;
}
#tag-results h2
 {
    margin: 19px 0 0px;
    font-size: 22px;
    letter-spacing: 0;
}
.job-ul li
 {
    
    list-style: none;
}
ul.job-ul {
    padding: 0;
}
button.tag-tab.active , button.tag-tab {
   padding: 10px 22px 10px 22px!important;
}

#job-opp div#tag-results {
    margin-top: 90px;
    padding: 0 20px;
    max-width: 771px;
    margin: 0 auto;
    background-image: url("/wp-content/uploads/2025/04/1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding-top: 2px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 30px;
    margin-top: 30px;
}
h2.facility-category-title
 {
    text-align: center!important;
}
.tag-title-wrapper {
text-align: center; margin: 20px 0 10px;color: #000;
}
 
.tag-title {font-size: 32px; font-weight: bold;
}
/* contact form */
.name-contact p {
    display: flex;
    gap: 10px;
}
.PH-text input.wpcf7-form-control::placeholder,
.PH-text textarea.wpcf7-form-control::placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.PH-text input.wpcf7-form-control::-webkit-input-placeholder,
.PH-text textarea.wpcf7-form-control::-webkit-input-placeholder {
    color: #757575!important;
}

.PH-text input.wpcf7-form-control:-moz-placeholder,
.PH-text textarea.wpcf7-form-control:-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.PH-text input.wpcf7-form-control::-moz-placeholder,
.PH-text textarea.wpcf7-form-control::-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

.PH-text input.wpcf7-form-control:-ms-input-placeholder,
.PH-text textarea.wpcf7-form-control:-ms-input-placeholder {
    color: #757575 !important;
}

/* Styling textarea */
 textarea.wpcf7-form-control {
    height: 92px !important;
    resize: none;
}

/* Common input, textarea, and file styling */
 input.wpcf7-form-control, .PH-text textarea.wpcf7-form-control,  input[type="file"].wpcf7-form-control
 {
    border: 1px solid #666 !important;
    padding: 10px !important;
    font-size: 16px !important;
    color: #666 !important;
    background-color: #fff !important;
    border-radius: 25px!important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 15px !important;
    padding: 10px 22px 10px 22px !important;
    border:none!important;
    color: white !important;
}
.elementor-element.elementor-element-d6205ee.PH-text.elementor-widget.elementor-widget-shortcode
 {
    background-color: #E5F2F9;
    border-radius: 25px;
    padding: 40px;
}
/* Focus styling */
 input.wpcf7-form-control:focus,
 textarea.wpcf7-form-control:focus,
 input[type="file"].wpcf7-form-control:focus {
    border-color: #bcbcbc !important;
    outline: none !important;
}


#submit input {
      padding: 10px 22px 10px 22px !important;
      color: white !important;
      border-color: #007BC3!important;
}

input.wpcf7-form-control.wpcf7-file
 {
    width: 100%;
}
/* Hide error message beside each field */
 .wpcf7-not-valid-tip {
    display: none !important;
}

/* Red border for required fields with validation error */
.PH-text input.wpcf7-not-valid,
.PH-text textarea.wpcf7-not-valid {
    border: 1px solid red !important;
    outline: none !important;
}
.owl-prev img,
.owl-next img {
    border-radius: 57px !important;
    box-shadow: inset 0 0 4.5px rgba(0, 0, 0, 0.18);
    background-color: #ececec;
    padding: 10px 9px;
}
.price-filter
 {
    display: none;
}
/* popup css */
img.pop-featured-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.pop-Content 
 {
    height: 268px;
    overflow-y: scroll;
}
.dialog-message.dialog-lightbox-message {
    overflow: hidden;
}
.popup-next.disabled,
.popup-prev.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
  filter: grayscale(100%) blur(1px);
  transition: all 0.3s ease;
}
/* .ignore-toc {
  transition: opacity 0.3s ease;
} */
.popup-next.disabled,
.popup-prev.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.pop-Title 
 {
    font-size: 30px;
    color: white;
    font-weight: bold;
}
.pop-Week{
    font-size: 18px;
    color: white;
}
.facility-excerpt
 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
 .term-meeting-spaces  .note-factilities{
  display: none;
 }

 /* event page  */
ul.h-events-list {
    display: flex;
    justify-content: space-between;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
.h-events-list >li.h-events
 {
    width: calc(97% / 3)!important;
    text-align: center;
    box-sizing: border-box;
 }
 li.h-events img
 {
    border-radius: 30px;
}
.event-content h2

 {
    font-size: 18px!important;
    letter-spacing: 0px!important;
    line-height: 30px!important;
    color: #ffffff!important;
    font-family: "verdana-pro", sans-serif;
   
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
        margin-top: 0;
        margin-bottom: 20px;
}
.event-thumbnail h2.post-title {
    margin: 0;
    margin-top: 28px;
}
.h-events-list h2.h-post-title
 {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 28px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Cachet Std";
    padding: 0 20px;
    text-align: left;
    margin-top: 28px;
    margin-bottom: 0;
}
.learn-more {
    padding-bottom: 20px;
    text-align: left;
    margin-top: 30px;
}
.read-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* spacing between text and image */
  position: relative;
}

.read-more-link::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 15px;
  background-image: url('http://sherryd3.sg-host.com/wp-content/uploads/2025/08/right-arrow-1-copy-33.webp');
  background-size: contain;
  background-repeat: no-repeat;
}

a.btn.btn-primary.reserve-cabin-button
 {
    background-color: transparent;
    font-family: "Cachet std";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 45px;
    letter-spacing: 0px;
    background-image: linear-gradient(180deg, #00B9B5 0%, #009787 100%);
    transition-duration: 400ms;
    border-radius: 15px 15px 15px 15px;
    padding: 10px 21px 10px 21px;
    color: white;
    text-align: center;
}
.facility-category-button
 {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.inner-faq .inner-faq-img img {
    width: 100%;
    height: 218px !important;
    object-fit: cover;
    object-position: center;
}
 /* Modern Events Manager Styling - Fixed Version */

/* Reset and Base Styles */
.wp-child-theme-hello-elementor-child .em-search-form,
.wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list {
     box-sizing: border-box;
}

.wp-child-theme-hello-elementor-child .em-search-form *,
.wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list * {
    box-sizing: border-box;
       border-radius: 10px;
    padding: 0;

}
.wp-child-theme-hello-elementor-child .em.em-list .em-item .em-item-info .em-item-meta{
    display:block !important;
}
.wp-child-theme-hello-elementor-child .em.em-list .em-item .em-item-info .em-item-meta .em-icon{
    display:none !important;
}
.em.em-list .em-item .em-item-info h3.em-item-title
 {

    line-height: 32px !important;
}
.em.em-list .em-item .em-item-info
 {
    border: none!important;
}
/* Search Form - Keep Original Layout but Style Better */
.wp-child-theme-hello-elementor-child .em-search-form {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    border: 1px solid #e9ecef;
}

.wp-child-theme-hello-elementor-child .em-search-main-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.wp-child-theme-hello-elementor-child .em-search-field {
    flex: 1;
    min-width: 150px;
}

.wp-child-theme-hello-elementor-child .em-search-field input[type="text"] {
    width: 100%;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    transition: border-color 0.3s ease;
    background: white;
}

.wp-child-theme-hello-elementor-child .em-search-field input[type="text"]:focus {
    outline: none;
    border-color: #2E86AB;
    box-shadow: 0 0 0 3px rgba(46, 134, 171, 0.1);
}

.wp-child-theme-hello-elementor-child .em-search-submit button {
    background: #2E86AB;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.wp-child-theme-hello-elementor-child .em-search-submit button:hover {
    background: #1e5f7a;
    transform: translateY(-1px);
}

.wp-child-theme-hello-elementor-child .em-item-image {
    
    width: 30% !important;
}

.wp-child-theme-hello-elementor-child .em-item-image {
    position: relative;
    height: 230px!important;
    background: linear-gradient(135deg, #2E86AB 0%, #5ba3c7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 30% !important;
}
.wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list > .em-event.em-item {
    width: 100%;
    min-width: 0;
    display: flex !important;
    flex-direction: unset;
}

/* Individual Event Card */
.wp-child-theme-hello-elementor-child .em-event.em-item, 
.wp-child-theme-hello-elementor-child .em.em-list .em-item:first-child {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
 
}

.wp-child-theme-hello-elementor-child .em-event.em-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Event Image/Date Section */
.wp-child-theme-hello-elementor-child .em-item-image {
  position: relative;
      height: 230px!important;
  background: linear-gradient(135deg, #2E86AB 0%, #5ba3c7 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  /*width: 100% !important;*/
}
.em-item-image img {
    width: 100%;
    height: 230px!important;
    object-fit: cover;
}
.em-event.em-item
 {
    padding: 20px !important;
    background-color: #0084ca !important;
}
.wp-child-theme-hello-elementor-child .em-item-image.has-placeholder {
    background: linear-gradient(135deg, #2E86AB 0%, #5ba3c7 100%);
}

.wp-child-theme-hello-elementor-child .em-item-image-placeholder {
    background: transparent;
    border: none;
    box-shadow: none;
    position: static;
    width: auto;
    height: auto;
}

.wp-child-theme-hello-elementor-child .em-item-image-placeholder .date {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.wp-child-theme-hello-elementor-child .em-item-image-placeholder .date .day {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    color: #2E86AB;
    line-height: 1;
    margin: 0 0 0.25rem 0;
}

.wp-child-theme-hello-elementor-child .em-item-image-placeholder .date .month {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

/* Event Information Section */
.wp-child-theme-hello-elementor-child .em-item-info {
  padding: 0px 20px !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}
/* Event Title */
.wp-child-theme-hello-elementor-child .em-item-title {
  margin: 0 0 1rem 0 !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  min-height: 95px;
}
.wp-child-theme-hello-elementor-child .em-item-title a {
    color: #f8f9fa !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
        font-size: 28px !important;
}

.wp-child-theme-hello-elementor-child .em-item-title a:hover {
    color: #1e5f7a;
}

/* Event Meta Information */
.wp-child-theme-hello-elementor-child .em-event-meta.em-item-meta {
  margin-bottom: 1rem !important;
  padding: 0.75rem;
  background: #f8f9fa;
  border-radius: 6px;
  border-left: none;
  min-height: 132px;
}

.wp-child-theme-hello-elementor-child .em-item-meta-line {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    color: #666;
    margin: 0.25rem 0;
    line-height: 1.4;
}

.wp-child-theme-hello-elementor-child .em-item-meta-line:first-child {
    margin-top: 0;
}

.wp-child-theme-hello-elementor-child .em-item-meta-line:last-child {
    margin-bottom: 0;
}
.wp-child-theme-hello-elementor-child .em-item-meta-line .em-icon {
  margin-right: 0.5rem !important;
  color: #2E86AB;
  font-size: 0.9rem;
  width: 20px;
  text-align: center;
}
/* Categories */
.wp-child-theme-hello-elementor-child .em-item-taxonomy.em-event-categories {
    margin-top: 0.5rem;
}

.wp-child-theme-hello-elementor-child .event-categories {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.em.em-list .em-item .em-item-info .em-item-desc {
    font-size: 16px;
    margin: 0px 0;
    display:none;
}
.em-item-actions.input {
    margin-top: 0px !important;
}
.wp-child-theme-hello-elementor-child .event-categories li {
    margin: 0;
}

.wp-child-theme-hello-elementor-child .event-categories a {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    background: #2E86AB;
    color: white;
    border-radius: 15px;
    font-size: 0.7rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s ease;
}

.wp-child-theme-hello-elementor-child .event-categories a:hover {
    background: #1e5f7a;
}

/* Event Description */
.wp-child-theme-hello-elementor-child .em-item-desc {
    color: white;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    font-size: 0.9rem;
    flex: 1;
}
.em-event-meta.em-item-meta
 {
    background-color: transparent!important;
        padding: 10px !important;
}
.em.pixelbones .button.input:not([data-nostyle]), .em.pixelbones .input .button:not([data-nostyle]), .em.pixelbones .input button:not([data-nostyle]), .em.pixelbones .input input[type=button]:not([data-nostyle]), .em.pixelbones .input input[type=reset]:not([data-nostyle]), .em.pixelbones .input input[type=submit]:not([data-nostyle]), .em.pixelbones button.input:not([data-nostyle]), .em.pixelbones input[type=button].input:not([data-nostyle]), .em.pixelbones input[type=reset].input:not([data-nostyle]), .em.pixelbones input[type=submit].input:not([data-nostyle]), .em.pixelbones.input .button:not([data-nostyle]), .em.pixelbones.input button:not([data-nostyle]), .em.pixelbones.input input[type=button]:not([data-nostyle]), .em.pixelbones.input input[type=reset]:not([data-nostyle]), .em.pixelbones.input input[type=submit]:not([data-nostyle])
{
  color: white!important;
}
.em.pixelbones .button.button-primary.input, .em.pixelbones .input .button.button-primary, .em.pixelbones .input button.button-primary, .em.pixelbones .input input[type=button].button-primary, .em.pixelbones .input input[type=reset].button-primary, .em.pixelbones .input input[type=submit].button-primary, .em.pixelbones button.button-primary.input, .em.pixelbones input[type=button].button-primary.input, .em.pixelbones input[type=reset].button-primary.input, .em.pixelbones input[type=submit].button-primary.input, .em.pixelbones.input .button.button-primary, .em.pixelbones.input button.button-primary, .em.pixelbones.input input[type=button].button-primary, .em.pixelbones.input input[type=reset].button-primary, .em.pixelbones.input input[type=submit].button-primary
{
  background-color: hsl(200.79deg 100% 39.61%) !important;
    border-color: hsl(200.79deg 100% 39.61%) !important;
}
.em .em-search-advanced form, .em.em-search form, .em.em-search-advanced form {
    --background-color: #E5F2F9;
}


.em-event-meta > .em-item-meta-line {
  flex: 1 1 45% !important;
  min-width: auto!important;
}

.em-event-meta > .em-item-taxonomy {
  flex: 1 1 100% !important;
  min-width: auto!important;
}
.em.em-item .em-item-meta .em-item-meta-line, .em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line
 {
    line-height: 22px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 24px 1fr!important;
}


/* ==Event style== */
.em.em-list .em-item .em-item-info h3.em-item-title {
    line-height: 32px !important;
    min-height: auto !important;
    margin-bottom: 15px !important;
}
.em-item-info *,
.em.em-list .em-item .em-item-meta .em-item-meta-line a {
  color:#fff !important;
}
span.em-icon {
    display: none !important;
}
.em.em-list .em-item .em-item-meta .em-item-meta-line {
    display: flex;
    align-items: start;
}
.em-event-meta.em-item-meta {
    padding: 0 !important;
}

.em.em-list .em-item .em-item-info .em-item-meta>div {
    margin: 0;
}
.wp-child-theme-hello-elementor-child .em-event-meta.em-item-meta {
  min-height: auto;
}



/* Event style ends */
/* Action Button */
.wp-child-theme-hello-elementor-child .em-item-actions {
    margin: 0;
    margin-top: auto;
}

.wp-child-theme-hello-elementor-child .em-item-read-more {
    display: inline-block;
    padding: 0.65rem 1.25rem;
    background: #2E86AB;
    color: white;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.wp-child-theme-hello-elementor-child .em-item-read-more:hover {
    background: #1e5f7a;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(46, 134, 171, 0.3);
}

/* Advanced Search and Other Elements - Keep Original Functionality */
.wp-child-theme-hello-elementor-child .em-search-advanced-trigger button,
.wp-child-theme-hello-elementor-child .em-search-sort button,
.wp-child-theme-hello-elementor-child .em-search-views button {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
}

.wp-child-theme-hello-elementor-child .em-search-advanced-trigger button:hover,
.wp-child-theme-hello-elementor-child .em-search-sort button:hover,
.wp-child-theme-hello-elementor-child .em-search-views button:hover {
    border-color: #2E86AB;
    color: #2E86AB;
}
/* Elementor form */
/* Target all Elementor form text inputs */
.elementor-field-group input.elementor-field[type="text"],.elementor-field-group input.elementor-field[type="email"] ,.elementor-field-group textarea.elementor-field {
    border: 1px solid #666 !important;
    padding: 10px !important;
    font-size: 16px !important;
    color: #333 !important;
    background-color: #fff !important;
    border-radius: 25px !important;
}
.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder {
    color: #757575 !important;
}
.elementor-field-group label {
    display: block;
    margin-bottom: 12px;
}
.elementor-9779 .elementor-element.elementor-element-b8a3d9f .elementor-field-group {
    padding-right: calc(10px / 2);
    padding-left: calc(10px / 2);
    margin-bottom: 30px!important;
}
label.elementor-field-label {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -1px;
    color: #000000;
}
label{
  line-height: 30px!important;
}
span.elementor-field-option {
    display: flex;
    gap: 10px;
    align-items: baseline!important;
}
.elementor-mark-required .elementor-field-label:after {
    color: #007bc3 !important;
    content: "*";
    padding-inline-start: .2em;
}
.elementor-element.elementor-element-b8a3d9f.elementor-button-align-stretch.elementor-widget.elementor-widget-form {
    background-color: #e5f2f9;
    padding: 40px;
    border-radius: 40px;
}
.register-btn.wherever.register {
    cursor: pointer;
    color: white;
}
.em .em-pagination .page-numbers {
    display: inline-block;
    min-width: 38px;
    height: 40px;
    font-size: 18px !important;
    color: #0084ca !important;
    
    text-decoration: none;
    padding: 6px 0;
    margin: 0;
    transition: all 300ms ease-in-out;
    text-align: center;
}
.em .em-pagination, .em .em-pagination .not-current {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start!important;
    justify-items: center;
    min-width: 0;
}
.em.em-list .em-item .em-item-info h3.em-item-title {
    line-height: 32px !important;
    min-height: auto !important;
}


/* Target only the .em-event items (keep in grid) */
.wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list > .em-event {
  display: block !important;
}

/* Exclude pagination from grid */
	 > .em-pagination {
  display: flex !important;
  grid-column: 1 / -1 !important;
  margin-top: 2rem !important;
  text-align: center !important;
}
.em.pixelbones .input .button:not([data-nostyle])
 {
    font-size: 22px!important;
    letter-spacing: 0px!important;
    line-height: 45px;
    text-decoration: underline!important;
    text-transform: uppercase!important;
    color: #ffffff!important;
    font-weight: bold;
    font-family: "Cachet Std"!important;
        padding: 0 !important;

    text-decoration-color: rgb(255 255 255 / 40%)!important;
    text-underline-offset: 4px!important;
}
.em.pixelbones .input .button:not([data-nostyle]):hover{
  color: white!important;
}
.em.pixelbones .input .button:not([data-nostyle]){
  border:none!important
}
a.em-item-read-more.button::after {
  content: "" !important;
  display: inline-block !important;
  width: 19px !important;
  height: 15px !important;
  margin-left: 8px !important;
  background-image: url('http://sherryd3.sg-host.com/wp-content/uploads/2025/08/right-arrow-1-copy-33.webp') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  vertical-align: middle !important;
}
.event-date-time 
 {
    font-size: 24px;
    text-align: center;
    color: white;
}
.date-section {
    font-size: 20px;
    color: black;
    margin-bottom:10px !important;
}

#elementor-popup-modal-23855 {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    position: fixed !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100% !important;
    z-index: 9999 !important;
}

/* Responsive Design */
@media (max-width: 1440px){
 .elementor-element.elementor-element-d8988f0.e-con-full.first-half.e-flex.e-con.e-child{
  width: 23% !important;
 }
.elementor-element.elementor-element-c52bcb4.e-con-full.second-half.e-flex.e-con.e-child{
   width: 77% !important;
}
}
@media (min-width: 1006px) and (max-width: 1275px) {
 .carousel-1 .post-description{
   height:45px;
 }
}
@media (max-width: 768px) {
.page-id-13471 .em-view-container .event-date-time{
  flex:0px !important;
}
 
.about-summers:after , .about-summer:after{
    top: 16px !important;
}
.page-id-13471 .em-view-container .event-image img {
  width: 100% !important;
  height: 250px !important;
}
.page-id-13471 .em-view-container .event-item{
  gap:10px !important;
}	
    .wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list > .em-event.em-item {
    display: block !important;
    flex-direction: unset;
   }
   .wp-child-theme-hello-elementor-child .em-item-info {
    padding: 0px 0px !important;
    margin-top: 20px;
   }
   .wp-child-theme-hello-elementor-child .em-item-image {
    width: 100% !important;
   }

    .pop-Content {
       height: 100px;
     }

    .wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .wp-child-theme-hello-elementor-child .em-search-main-bar {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .wp-child-theme-hello-elementor-child .em-search-field {
        width: 100%;
    }
    
    .wp-child-theme-hello-elementor-child .em-item-info {
        padding: 1rem;
    }
    
    .wp-child-theme-hello-elementor-child .em-search-form {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767px) {

  body .elementor-10055 .elementor-element.elementor-element-61968ae0 {
    width: 100% !important;
}
.wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list > .em-event.em-item {
   
    display: unset !important;
    flex-direction: column;
}

.pop-featured-img {

    height: auto;
}
.pop-Title {
    font-size: 24px;

}
    .elementor-10055 .elementor-element.elementor-element-61968ae0 {
        
        border-radius: 0px 0px 40px 40px !important;
    }
}
@media (max-width: 480px) {
    .wp-child-theme-hello-elementor-child .em-item-image {
        height: 140px;
    }
    
    .wp-child-theme-hello-elementor-child .em-item-image-placeholder .date .day {
        font-size: 1.8rem;
    }
}

/* Fix for any overflow issues */
.wp-child-theme-hello-elementor-child .em-event.em-item,
.wp-child-theme-hello-elementor-child .em-search-form {
    max-width: 100%;
    overflow: visible;
}

/* Ensure proper spacing in container */
.wp-child-theme-hello-elementor-child .em.pixelbones.em-list.em-events-list > .em-event.em-item {
    width: 100%;
    min-width: 0;
}
/* media queries */
@media only screen and (max-width: 1680px) {
  /* div#header-three {
        position: absolute;
        z-index: 99;
        top:32%;
    } */
  #logo-head span {
    color: #009a8b;
    font-size: 23px;
  }
  .carousel-2 .post-title h3 {
    font-size: 55px;
  }
  .carousel-2 .post-content {
    padding: 22% 17% 7% 20%;
    gap: 20px;
  }
  #category-slider .learn-more::after {
    left: 38%;
    bottom: 9%;
  }
  #group-slider .learn-more::after,
  #school-slider .learn-more::after {
    left: 38%;
    bottom: 10%;
  }

  button.featured-event-btn {
    top: 40%;
  }
  #simple-event .learn-more::after {
    width: 21px;
    height: 36px;
  }
  #resoureces-summer::after {
    top: 45%;
    right: -21%;
}
  #about-summer::after
{
  top: 45%;
  
}
.staff-list
 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 50px;
}
}

@media only screen and (max-width: 1580px) {
 
  button.featured-event-btn {
    top: 37%;
  }
}
@media only screen and (max-width: 1480px) {
  .carousel-2 .post-content {
    padding: 22% 16% 7% 15%;
    gap: 0px;
  }
  #category-slider .learn-more::after {
    left: 45%;
    bottom: 10%;
  }
  #group-slider .learn-more::after,
  #school-slider .learn-more::after {
    left: 45%;
    bottom: 11%;
  }

 
  button.featured-event-btn {
    left: -1%;
    top: 32%;
  }
  .post-description {
    margin: 20px 0;
  }
  .weekly-theme-wrapper
{
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
   display: grid;
}
.space h3 {
    min-height: 50px;
}
    .staff-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 30px;
        row-gap: 50px;
    }}

@media only screen and (max-width: 1280px) {
  .carousel-2 .post-title h3 {
    font-size: 40px;
  }

  .carousel-2 .post-content {
    padding: 28% 15% 7% 10%;
    gap: 0px;
  }
  button.featured-event-btn {
    top: 38%;
  }

  #category-slider .learn-more::after {
    left: 50%;
    bottom: 12%;
  }

  #group-slider .learn-more::after,
  #school-slider .learn-more::after {
    left: 50%;
    bottom: 11%;
  }
  .carousel-1 button.owl-prev {
    position: absolute;
    bottom: 50%;
    left: 7%;
  }
  .staff-member h3 {
    /* height: 100px; */
            margin-top: 30px;
}
.staff-list

 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    padding: 0 20px;
}
.spaces-list {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    margin: 0 auto;
    padding: 20px;
}
.space h3 {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 24px;
}
.space p {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 26px;
}
.staff-list

 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
      column-gap: 40px;
    row-gap: 50px;  
     
       
}
}
@media only screen and (max-width: 1200px) {
 
  #group-slider .learn-more::after,
  #category-slider .learn-more::after,
  #school-slider .learn-more::after {
    left: 36%;
    bottom: 10%;
  }
  button.featured-event-btn {
    top: 37%;
  }

  .carousel-1 button.owl-prev {
    position: absolute;
    bottom: 50%;
    left: 0;
  }
  .carousel-1 button.owl-next {
    position: absolute;
    bottom: 50%;
    right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .carousel-2 .post-title h3 {
    font-size: 40px;
    line-height: 50px;
  }
  .carousel-2 .post-description {
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 20px;
  }
  div#footer-form-container::after {
    position: absolute;
    right: 8%;
    top: 36%;
  }
  

  .post-description {
    margin: 10px 0;
  }
  .post-title-fetaure h3 {
    font-size: 46px;
    letter-spacing: -2px;
    line-height: 28px;
  }
    div#Grades-img {
    position:relative;
    inset: 0;
    
}
  .weekly-theme-wrapper
{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px;
   display: grid;
}
.staff-list
 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
            gap: 60px;
        padding: 0 60px;
                margin: 0;
}
.job-tags-group {
    display: flex;
    gap: 20px;
    padding: 0 20px;
}
h2.job-tag-title {
    font-size: 26px;
}
h3.job-category-title {
    font-size: 20px;
    margin: 0;
}
.job-item a
 {
    font-size: 16px;
 }
 .job-tag-block
 {
  padding: 10px 0 20px 0;
 }
 .job-tags-group {
        display: flex;
        flex-direction: column;
;}
.tag-filters

 {
   display: flex;
    gap: 4px;
    flex-direction: row;
    width: auto;
    flex-wrap: wrap;
}
  button.tag-tab.active, button.tag-tab {
    padding: 5px 10px 5px 10px !important;
    flex: 1 1 auto;
  }
#tag-results h1 {
    text-align: center!important;
   

}
.single h1 {
  
    font-size: 35px;
  
    line-height: 45px;
}
.staff-member h3 {
  margin: 0;
  min-height: 70px;
}
.spaces-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin: 0 auto;
    padding: 20px;
}
    .staff-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 40px;
        row-gap: 50px;
    }
}
@media only screen and (max-width: 990px) {
  
}
@media only screen and (max-width: 880px) {
  .carousel-2 .post-title h3 {
    font-size: 30px;
    line-height: 43px;
  }
  button.featured-event-btn {
    left: -1%;
    top: 27%;
  }
  .post-description {
    margin: 15px 0;
  }
  #second-menu .elementor-nav-menu--main ul li a {
    font-size: 9px;
  }
}

@media only screen and (max-width: 768px) {
    .home .em-view-container .event-item {
  display: block !important;
}
#elementor-popup-modal-10055 .dialog-close-button {
  font-size: 20px !important;
  right: 30px;
    top: 35px;
}

.popup_design .pop-featured-img {
  background-size: cover;
  min-height: 50vh;
  border-top-right-radius:40px;
}
.event-column.event-button {
  text-align: center;
  margin-top: 15px;
}
  #simple-event ul.events-list {
    display: flex;
    gap: 20px;
    list-style: none;
    flex-direction: column;
  }
.home #em-view-67849349 .event-item {
  display: block !important;
}
.home .em-view-container .event-image img {
  width: 100% !important;
  height: auto !important;
}
  #simple-event .event-thumbnail {
    display: flex;
    justify-content: center;
  }

  h2.post-title {
    text-align: center;
  }
  .event-content {
    text-align: center;
  }
  .learn-more {
    text-align: center;
  }
  .carousel-2 .post-title h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
  }
  button.featured-event-btn {
    width: 378px;
    padding: 0 10px;
    border-radius: 14px;
  }
  button.visit-event-btn {
    font-size: 19px;
    padding: 6px 57px;
  }
  button.visit-event-btn,
  button.featured-event-btn {
    font-size: 19px;
  }

  #group-slider .learn-more::after,
  #category-slider .learn-more::after,
  #school-slider .learn-more::after {
    left: 54%;
    bottom: 6%;
  }
  #simple-event .learn-more::after {
    width: 21px;
    height: 48px;
  }

  #main-slider
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    left: 0%;
  }

  .carousel-2 .post-title h3 {
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0;
  }
  #header-btn::after {
    right: 16%;
    top: 36%;
    display: none;
  }
  .event-thumbnail
    img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
  }
  .learn-more {
    text-align: left;
  }
  .carousel-1 a.read-more-link,
  #simple-event a.read-more-link {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 28px;
    margin: 0;
  }
  .carousel-1 .post-description {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 26px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  element.style {
    height: 56px;
  }
  #category-slider .post-title h3,
  #group-slider .post-title h3,
  #school-slider .post-title h3 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 24px;
    margin: 0 auto;
  }

  #simple-event .event-content {
    margin: 0;
  }
  .carousel-1 #group-slider .item,
  #simple-event li {
    background-color: #007bc3;
    width: 80%;
    margin: 0 auto;
  }
  #simple-event .post-title {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 24px;
  }
  #simple-event .event-content {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .learn-more {
    padding-top: 10px;
  }
  .post-title-fetaure h3 {
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 28px;
  }
  #one-slider-inner button.visit-event-btn::after {
    bottom: 20px;
  }
  .learn-more a:after {
    top: 0;
  }
  .weekly-theme-wrapper
{
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
   display: grid;
}.weekly-description {
    margin: 40px 0 0 0;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    max-height: 300px;
    overflow-y: auto;
}
.staff-list
 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 0 0px;
    margin: 0;
}
    .staff-member h3 {
        height: auto; 
    }
    .Open-house-contact-form form h2 {
   font-size: 35px;
}

    #tag-results h1 {
        text-align: center;
        font-size: 30px;
        margin: 10px;
    }
    .tag-filters {
        display: flex;
        gap: 4px;
        flex-direction: row;
        width: auto;
        flex-wrap: wrap;
    }
    button.tag-tab.active, button.tag-tab {
      padding: 5px 10px 5px 10px !important;
      flex: 1 1 auto;
    }
    .tag-tab {
          height: 35px !important;
          font-size: 14px !important;
          line-height: 25px !important;
        }
    
    div#tag-results {
    margin: 20px 5px;
    padding:0px;
}
.Open-house-contact-form label
 {
    font-family: "Cachet std";
    font-size: 20px;
}
.Open-house-contact-form span.wpcf7-list-item-label {
    font-size: 16px;
}
 .facility-list li {
    width: 60%;
    margin: 0 auto;
}
#simple-event ul.events-list, ul.facility-list {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.staff-wrapper

 {
    display: flex
;
    gap: 80px;
    flex-direction: column;

}
.staff-image ,.staff-details{
    width: auto;
}
.single h1 {
  
    font-size: 34px;
   line-height: 44px;
    letter-spacing: -1px;
    text-align: center;
        }

.staff-single {
    margin: 50px;
}
.single p {
    
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
        text-align: center;
}
.staff-member {
    width: 80%;
    margin: 0 auto;
}
.weekly-theme-wrapper, .facility-category-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
    display: grid;
    padding: 0 0px;
}
.single-facility-wrapper, .single-activity-wrapper {
    display: flex;
    gap: 50px;
   padding: 0 20px;
    flex-direction: column;
                margin: 0;
}
.activity-featured-image, .facility-featured-image,.activity-content {
    width: auto;
}
  .weekly-theme-featured-image,.weekly-theme-content {
    width: 100%;
}
 

   
article.weekly-theme-post {
display: flex;
flex-direction: column;
}

h2.week-field ,.weekly-theme-description {
    text-align: center;
}
.spaces-list {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
    margin: 0 auto;
    padding: 20px;
}
#contact-form .name-contact {
    display: flex;
    flex-direction: column;
    
}
#contact-form .name-contact  p{
    width: 100%;
}
#contact-form .name-contact label, .message-contact label

 {
    padding-top: 60px;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 30px;
}
button.filter-toggle-btn {
    background-color: #e84426;
    color: white;
    margin-bottom: 20px;
}
   #trustindex-feed-container-8568909fe6b30c6 .ti-layout-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
	 .e-con.e-flex.insta-feeds .e-con-inner{
		flex-wrap: nowrap;
	}
	   #trustindex-feed-container-8568909fe6b30c6 .ti-layout-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 767px) {
  .carousel-1 .item {
    width: 80%;
    margin: 0 auto;
  }
.tablepress{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

  #header-btn::after {
    right: 30%;
    top: 36%;
  }
   .staff-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
    padding: 0 0px;
    margin: 0;
  }
 
  .staff-member {
    width: 100%;
    margin: 0;
  }

}

 
/* Tablets (768px): 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
  .staff-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0px;
    padding: 0 0px;
    margin: 0;
  }
 
  .staff-member {
    background: url("http://sherryd3.sg-host.com/wp-content/uploads/2025/04/3.jpg") !important;
    background: no-repeat;
    background-size: cover !important;
}
    .staff-member {
        width: 100% !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 660px) {
  .carousel-2 .post-title h3 {
    font-size: 24px;
    line-height: 36px;
  }
  .carousel-2 .post-description {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 20px;
  }
  button.featured-event-btn {
    left: -2%;
    top: 20%;
  }
    .weekly-theme-wrapper
{
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
   display: grid;
}
.nav-links
 {
    display: flex;
    justify-content: space-around;
    margin-top: 80px;
    flex-direction: column;
    padding: 0 20px;
}
.nav-title {
    font-size: 22px;
    line-height: 32px;
}
ul.all-facility-categories {
    display: flex
;
    flex-direction: column;
}
.outer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}
.learn-more {
    text-align: center;
}
}

@media only screen and (max-width: 540px) {
  .carousel-2 .post-title h3 {
    font-size: 19px;
    line-height: 13px;
    margin: 0;
  }
  .carousel-2 .post-description {
    font-size: 15px;
  }
  button.featured-event-btn {
    left: 0;
    top: 22%;
  }

  .carousel-2 .post-title h3 {
    font-size: 15px;
    line-height: 23px;
  }
  button.featured-event-btn {
    width: 277px;
    padding: 0 10px;
  }

  button.featured-event-btn {
    left: -2%;
    top: 13%;
  }

  .carousel-2 .post-title h3 {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
  }
  .carousel-2 .post-title h3 {
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0;
    padding-top: 20px;
  }
  .carousel-2 .post-description {
    font-size: 14px;
    margin: 15px 0;
  }
  #header-btn::after {
    right: 16%;
    top: 36%;
  }
  .carousel-2 .post-content {
    padding: 28% 15% 14% 10%;
    gap: 0px;
  }
  .carousel-2 .post-description {
    font-size: 19px;
    line-height: 24px;
  }
  button.featured-event-btn {
    left: -2%;
    top: 20%;
  }
  .post-title-fetaure h3 {
    font-size: 33px;
    letter-spacing: -2px;
    line-height: 28px;
    margin-top: 35px;
  }
  button.featured-event-btn {
    left: -2%;
    top: 12%;
  }
  .carousel-1 .post-description {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 26px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .staff-meta p, .staff-meta a
 {
    font-size: 16px !important;
    line-height: 23px;
}
.staff-member {
    background: url("http://sherryd3.sg-host.com/wp-content/uploads/2025/04/3.jpg") !important;
    background: no-repeat;
    background-size: cover !important;
}
.staff-member h3 {
    min-height: 0px !important; 
    margin-top: 30px;
    line-height: 30px;
}
.wp-singular .staff-member h3 a {
  
    line-height: 1.1px !important;
}
.staff-meta p:first-child {
    font-size: 18px !important; 
}

.staff-meta p:nth-child(2) a {
    font-size: 16px !important; 
}

.staff-meta p:nth-child(3) {
    font-size: 18px !important; 
}


 .wp-singular .staff-member h3 a
 {
    font-family: "Cachet std";
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
} 
.staff-member 
{
                width: 100%;
                margin: 0 auto;
            }
            section.em-item-header {
    display: none;
}

}
@media only screen and (max-width: 425px) {
  .carousel-1 .item {
    width: 80%;
    margin: 0 auto;
  }

  button.featured-event-btn {
    left: 0;
    top: 13%;
  }

  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    left: 0;
    width: 100%;
    bottom: -19px !important;
  }
  button.featured-event-btn {
    left: -3%;
    top: 9%;
  }
  .carousel-2 .post-title h3 {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
  }
  .carousel-2 .post-description {
    font-size: 14px;
  }

  .carousel-2 .post-title h3 {
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0;
  }

  #header-btn::after {
    right: 16%;
    top: 36%;
  }
}
@media only screen and (max-width: 375px) {
  .carousel-2 .post-title h3 {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 0px;
  }
  .carousel-2 .post-description {
    font-size: 13px;
  }

  #header-btn::after {
    right: 8%;
    top: 36%;
  }
  .carousel-2 .post-title h3 {
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 0px;
    padding-top: 40px;
  }
  .carousel-2 .post-content {
    padding: 28% 15% 20% 10%;
    gap: 0px;
  }
  .post-title-fetaure h3 {
    font-size: 26px;
    letter-spacing: -2px;
    line-height: 26px;
    margin-top: 33px;
  }
}
@media (max-width: 767px) {
  .staff-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
    padding: 0 0px;
    margin: 0;
  }
  .staff-meta {
    margin: 11px 20px !important;
}
  .staff-member {
    width: 100%;
    margin: 0;
    margin-bottom: 20px !important;
  }
 .staff-member h3 {
        height: auto;
        line-height: 0.6em;
    }
    .tablepress thead th {
    font-size: 16px !important;
}
.tablepress thead th {
    font-size: 16px !important;
}
.tablepress tbody.row-striping > tr > td {
   
    font-size: 14px;
}
.page-id-2617 .elementor-2617 .elementor-element.elementor-element-556f515 {
    --width: 100%;}

/* Tablets (768px): 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
  .staff-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0px;
    padding: 0 20px;
    margin: 0;
  }

  .staff-member {
    background: url("http://sherryd3.sg-host.com/wp-content/uploads/2025/04/3.jpg") !important;
    background: no-repeat;
    background-size: cover !important;
}
    .staff-member {
        width: 100% !important;
        margin: 0 auto;
    }
}