/**
 * Theme Name: Salient Child
 * Template:   salient
 * 
 */


/* Main Container for List/Grid */
.grid-container, .list-container {
  display: flex;
  flex-wrap: wrap;
}
.vc_row {
		z-index:7;
}
.top-layer {
	
			z-index:999;
}
/* Item Style */

.grid-container .item .content {
text-align: center;
}

.grid-container .item {

    flex-basis: calc(var(--col-size) - 10px);


  box-sizing: border-box;
  margin: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

@media (max-width: 768px) {
 .grid-container .item {
    flex-basis: 45%;
}
}
/* Image Style */
.item img {
  max-width: 100%;
  /* max-height: 200px; */
  object-fit: cover;
	width:391px;
}

/* Content Style */
.content {
  padding: 10px;
}
.content h3 {
	margin-bottom: 0px !important;
}

/* Modal */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

/* Modal Content */
.modal-content {
  max-height: 80vh;  /* restricts height to 80% of the viewport height */
  overflow-y: auto;  /* allows scrolling for overflow content */



  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

	z-index:999;
	display: flex;
  flex-direction: column;
  align-items: flex-start;

  background: white;
  padding: 20px;
  max-width: 800px;
	
}
.modal-content h3,.modal-content h2, .modal-content p{
	color:black !important;
}

/* Modal Image */
.modal-content img {
  max-width: 100%;
  max-height: 400px;
  object-fit: cover;
}

/* For responsive and centered modals */
.modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

/* Responsiveness */
@media (max-width: 768px) {
  .modal-content {
    width: 95%;
  }
}

#footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {


z-index: 9 !important;

}