/* Enter Your Custom CSS Here */


@media (max-width: 768px) {
  .wp-block-media-text__media img {
    width: 100%;
    height: auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    transform: translateZ(0);
    backface-visibility: hidden;
  }
}



.photo {margin: 1em;
  	border: 1px solid #BFC2C6;
  	padding:6px;
  	background-color: #F0F2F6;}

 @media screen and (max-width: 450px) {
  .site-header-image {
    padding-top: 0;
    z-index: 21;
    height: auto;
    max-width: 580px;
  }}

.quote-symbol {font-size: calc(70px + (90 - 70) * ((100vw - 240px) / (1600 - 240)));
    font-weight: 400;
    color:#A61C35;
    font-family:georgia; 
    line-height: 5px;
	padding-bottom: 0px;
	margin-top: 35px;}

.quote {font-size: calc(14px + (18 - 14) * ((100vw - 240px) / (1600 - 240)));
    font-weight: 400;
  	font-family:Segoe UI; 
    color:#025159;
   	text-align: center;
    /*background-color: #fbe9eb;*/
    padding: 0px 14px 14px 14px;
    /*float:left;*/
   display:block;
    }

.project-table {
	border-collapse: collapse;
	margin: auto;
	/*display:block;
    width: 70% !important;*/
  	margin-bottom: 10px;
  	margin-top: 15px;
}
.project-table th, .project-table td {
	border: 1px dotted #54668b;
	padding: 8px;
}
.project-table th {
	color: #5E5F50;
	background-color: #fff;
}

.phototext {text-align: center;
			font-size: 12px;}


/*this is for the angela raffle quote*/


.ref {font-size: calc(14px + (18 - 14) * ((100vw - 240px) / (1600 - 240)));
    font-weight: 400;
  	font-family:Segoe UI; 
    color:#025159;
   	text-align: center;
    padding: 0px 14px 14px 14px;
    display:block;
    }


/* ========== Gallery Styling ========== */

/*.gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}*/



.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
  display: flex;
}

div.gallery {
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
 
}


.gallery a {
  display: block; /* Ensures the entire link area is clickable */
  text-decoration: none; /* Optional: removes underline from text */
  color: inherit; /* Optional: keeps text color consistent */
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

div.desc {
  padding: 10px;
  text-align: center;
  font-size: 11px;
  min-height: 70px; /* Unified height for all descriptions */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
   }


* {
  box-sizing: border-box;
}


@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
    margin-bottom: 12px;
    display: block;
    float: none;
  }


  .gallery {
    flex-direction: column;
    display: flex;
    align-items: center; /* Optional: centers images */
	border-bottom: 1px solid #ccc;
  }



  .gallery img {
   width: 150px;
    height: 150px;
   display: block;
    object-fit: cover;


  }

  .desc {
    min-height: 90px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
  }
}


.gallery p {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  display: none;
}
/*
.gallery p:empty {
  display: none;
}*/

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/* ========== Photo Styling ========== */
.photo {
  margin: 1em;
  border: 1px solid #BFC2C6;
  padding: 6px;
  background-color: #F0F2F6;
  text-align: center;
}

.phototext {
  text-align: center;
  font-size: 12px;
}