.cross-sell-grid {
  width: 100%;
}

@media (min-width: 769px) {
  .cross-sell-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(350px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 15px;
  }
}

.service-link,
.case-link {
  position: relative;
}

.service-link:nth-child(odd),
.case-link:nth-child(odd) {
  background-color: var(--darkgreen);
}

.service-link:nth-child(even),
.case-link:nth-child(even) {
  background-color: var(--lightgray);
}

.service-link h3,
.case-link h3 {
  font-size: 2em;
}

@media (max-width: 768px) {
  .service-link,
  .case-link {
    margin-bottom: 1em;
  }
}

.service-link-content,
.case-link-content {
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 75px 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: white;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 768px) {
  .service-link-content,
  .case-link-content {
    padding: 75px 1em;
  }
}

.service-link-content *:first-child,
.case-link-content *:first-child {
  margin-top: 0;
}

.service-link-content *:last-child,
.case-link-content *:last-child {
  margin-bottom: 0;
}

.service-link:nth-of-type(even) .service-link-content,
.case-link:nth-of-type(even) .case-link-content {
  color: black;
}

.service-link:nth-of-type(even) .wp-block-button.is-style-outline .wp-block-button__link.has-white-color,
.case-link:nth-of-type(even) .wp-block-button.is-style-outline .wp-block-button__link.has-white-color {
  color: var(--darkgreen) !important;
  border-color: var(--darkgreen) !important;
  --buttonbordercolor: var(--darkgreen);
}

.service-link:nth-of-type(even) .wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover,
.service-link:nth-of-type(even) .wp-block-button.is-style-outline .wp-block-button__link.has-white-color:focus,
.case-link:nth-of-type(even) .wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover,
.case-link:nth-of-type(even) .wp-block-button.is-style-outline .wp-block-button__link.has-white-color:focus {
  color: white !important;
  background-color: var(--darkgreen) !important;
  --buttonbgcolor: var(--darkgreen);
  --buttonbordercolor: var(--darkgreen);
}

.service-link-background,
.case-link-background {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.service-link-background img,
.case-link-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.service-link-background:after,
.case-link-background:after {
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
}

.service-link:nth-of-type(even) .service-link-background:after,
.case-link:nth-of-type(even) .case-link-background:after {
  opacity: 0.8;
  background: var(--lightgray);
}

.service-link:nth-of-type(odd) .service-link-background:after,
.case-link:nth-of-type(odd) .case-link-background:after {
  opacity: 0.8;
  background: var(--darkgreen);
}

/*--------------------------------------------------------------
# Editor only
--------------------------------------------------------------*/
.wp-block .service-link-content .wp-block-button__link {
  color: white;
  border-color: white;
}

.wp-block .service-link-content h3 {
  color: var(--lightgreen);
}

.wp-block .case-link:nth-of-type(n+4) {
  display: none;
}

.wp-block .single-carousel {
  width: 100%;
  position: relative;
}

.wp-block .single-carousel-slide {
  width: 100%;
  height: 60vh;
  min-height: 600px;
  position: relative;
}

.wp-block .single-carousel-slide:nth-of-type(n+2) {
  display: none;
}

.wp-block .single-carousel-slide .site-wrapper {
  width: 100%;
}

.wp-block .single-carousel-slide-background {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.wp-block .single-carousel-slide-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.wp-block .single-carousel-slide-background:after {
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
}

.wp-block .case-carousel .dots {
  z-index: 5;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  position: absolute;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wp-block .case-carousel .dots span {
  height: 8px;
  width: 50px;
  -webkit-transform: skewX(-15deg);
          transform: skewX(-15deg);
  background-color: var(--lightgreen);
}

.wp-block .case-carousel .dots span:not(:first-of-type) {
  margin-left: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Responsive 1450px - 1025px
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Responsive 1024px - 641px
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Responsive 640px - 300px
--------------------------------------------------------------*/
/*# sourceMappingURL=cross-sell.css.map */