/* Homepage specific CSS */
 html body{
  background: linear-gradient(rgb(255 255 255) 0%, rgb(255 244 229) 700px, rgb(241 189 0) 250px) !important;
 }
 
 
 /* Event Swiper for Homepage */
    .myEventSwiper.swiper {
      width: 100%;
      height: auto;
      border-radius: 0.5em;
	  background: #fff;
    }

    .myEventSwiper.swiper.swiper-slide {
      text-align: center;
      font-size: 18px;
      background:#fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .myEventSwiper.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	.myEventSwiper .event-details{
		padding-bottom: 2em !important;
	}
	
	
	
	
/* HOME MAIN SWIPER*/
    .myHomeSwiper .swiper-slide {
        height: 400px;
        width:100%;
        background-color:aliceblue;
    }
    .myHomeSwiper .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2);
    }

    .myHomeSwiper .swiper-pagination-bullet-active {
      color: #fff;
      background: #007aff;
    }
	.myHomeSwiper .myHomeSwiper-Caption {
	background-color: #ffffffa3;
    box-shadow: -1px -9px 20px 0px #00000075;
    border-top: 1px solid #ffffff8f;
	}
		 
.myHomeSwiper-Caption .entry-meta, .myHomeSwiper-Caption .entry-meta span {
    color: #fff;
	text-shadow: 0px 0px 9px #000;
}
			
			
	.myHomeSwiper-Caption .entry-meta{
		transform: translateY(-100%);
	}
	
	.news-thumbnail {
    height: 100%; }
	
	
	.news-thumbnail img.attachment-large.size-large.wp-post-image {
    object-fit: cover;
    min-height: 400px;
}



/* Apply styles to .craft-card.card */
    .craft-card.card {
        max-width: 750px; /* Adjust max-width as needed */
        width: 100%;
        overflow: hidden; /* Ensure content is clipped by border-radius */
    }
    .craft-card .card-img-top {
        /* Removed top border-radius from image to allow card's border-radius to apply */
        object-fit: cover; /* Cover the area, cropping if necessary */
        margin-bottom: -20px; /* Pull the image up to overlap the card-body */
    }
    .craft-card .card-body {
        position: relative; /* Ensure card-body content is above the image if needed */
        z-index: 1; /* Ensure card-body content is above the image */
        background-color: white; /* Ensure it has a background to cover the overlapped part */
    }
    .craft-card .card-title {
        display: flex;
        align-items: center;

    }
    .craft-card .card-title i {
        margin-right: 0.75rem;
        color: #dc3545; /* Red color for camera icon */
    }
    .craft-card .card-text {
        display: flex;
        align-items: center;
        font-size: 0.95rem;
        color: #6c757d;
        margin-bottom: 0.5rem;
    }
    .craft-card .card-text i {
        margin-right: 0.5rem;
        color: #6c757d;
    }
    .craft-card .card-footer {
        background-color: white; /* Ensure footer background is white */
        border-top: none; /* Remove default border */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        position: relative; /* Ensure footer content is above the image if needed */
        z-index: 1; /* Ensure footer content is above the image */
    }