/* Two / One column layout responsive behaviour */
.columns-count-2 {
  column-count: 1;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .card-columns {
    column-count: 2;
  }
}

/* Card image responsive sizes */
.card-columns .card img.basic-card-image:first-child {
  width: 40%;
  max-width: max-content;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .card-columns .card img.basic-card-image:first-child {
    width: max-content;
  }
}

/* Column spacing */
.card-columns {
  column-gap: 4.25rem;
}

/* Programs Linked Cards */

.linked-cards div.card a div div {
  background-color: #16ceea;
}

.linked-cards div.card a:hover div div {
  background-color: grey;
}

.linked-cards .card {
  width: 30%;
}

/* Square testimonial images */

.box {
  position: relative;
  width: 100%;
  /* min-width: 380px; */
}

.box:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

.box img {
  min-width: 100%;
  height: auto;
}

.box .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%; /* Ensure it covers the full width */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover; /* This will make the image cover the available space without stretching */
}


/* Media & Text block */
.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}

/* Blocky Block style */

.box .content .blocky p {
  font-size: 13px;
}

@media (min-width: 1200px) {
  .box .content .blocky p {
    font-size: 18px;
    font-weight: 500;
  }
}

.blocky div.container {
  padding-top: 0 !important;
}

/* Blocky block temporary fix for conditional width */
div.blocky div.blocky-text {
  width: 100% !important;
}

@media (min-width: 768px) {
  div.blocky div.blocky-text {
    width: 50% !important;
  }
}

div.blocky-container div.mx-4,
div.blocky-container div.container-fluid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 768px) {
  div.blocky-container div.mx-4,
  div.blocky-container div.container-fluid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* overriding Columns block breakpoint */

@media (max-width: 991px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }
  .wp-block-columns {
    flex-wrap: wrap !important;
  }
}

.wp-block-media-text__content {
  padding: 5% !important;
}