/* @override 
	https://sitedev-2026.lec.info:8043/wp-content/themes/sl-lec-2026/assets/css/destinations.css
	https://www.sejour-linguistique-lec.fr/wp-content/themes/sl-lec-2026/assets/css/destinations.css */
.country-blocks {
  padding: 20px;
  background: #FFFFFF;
  margin: 30px 0;
}
.country-blocks .country {
  margin-bottom: 40px;
}
.country-blocks .country img {
  display: block;
  width: 100%;
}
.country-blocks .country h2 {
  margin: 0;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.5em;
}
.country-blocks .country .thumbnail {
  display: block;
  position: relative;
}
.country-blocks .country .thumbnail img.flag {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.country-blocks .country .excerpt {
  font-size: .85em;
}
.country-blocks .country .excerpt .read-more {
  float: right;
}
.country-blocks .country .excerpt:after {
  display: table;
  content: "";
  clear: both;
}
@media only screen and (max-width: 990px) {
  .country-blocks .country .thumbnail img:not(.flag) {
    aspect-ratio: 1.77777778;
    object-fit: cover;
  }
}
@media only screen and (max-width: 990px) {
  .country-blocks .country {
    position: relative;
  }
  .country-blocks .country .title {
    background: #27a6cf;
    padding: 10px 0;
  }
}
@media only screen and (min-width: 992px) {
  .country-blocks {
    --gap: 20px;
    gap: var(--gap);
    flex-wrap: wrap;
  }
  .country-blocks .country {
    margin: 0;
    width: calc( 50% - var(--gap) / 2 );
  }
  .country-blocks .country .desc {
    display: flex;
  }
  .country-blocks .country picture img {
    aspect-ratio: 2.07407407;
  }
  .country-blocks .country .title {
    width: 35%;
    background: #27a6cf;
    display: flex;
  }
  .country-blocks .country .title h2,
  .country-blocks .country .title a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    width: 100%;
  }
  .country-blocks .country .title a {
    aspect-ratio: 1;
    transition: background 0.3s ease-in-out 0s;
    padding: 20px;
  }
  .country-blocks .country .title a:hover {
    background: #094679;
  }
  .country-blocks .country .excerpt {
    width: 65%;
    padding: 15px;
  }
}