@charset "UTF-8";
/*
 Theme Path
========================================================================== */
/*
 Font Family
========================================================================== */
/*
 Font Size
========================================================================== */
/*
 Colors
========================================================================== */
/*
 Button Styles
========================================================================== */
/*
 Helpers
========================================================================== */
/*
 Sizes
========================================================================== */
/*
 Buttons – @include button();
========================================================================== */
/* Fluid Type - Responsive fonts sizing
https://chriskirknielsen.com/blog/modern-fluid-typography-with-clamp/
usage: @include fluid-type(min viewport size, max viewport, min font size, max font size);
========================================================================== */
/*
 Tint (adds white) – @include tint(red, 10%);
========================================================================== */
/*
 Shade (adds black) – @include shade(red, 10%);
========================================================================== */
/*
 Align Full – @include alignfull;
========================================================================== */
/*
 Align Wide – @include alignwide;
========================================================================== */
/*
 Object Fit – @include object-fit(cover);
========================================================================== */
/*
 Rem to Pix Calculate for fonts
========================================================================== */
/* Fluid Type - Responsive fonts sizing
https://chriskirknielsen.com/blog/modern-fluid-typography-with-clamp/
usage: @include font-size(min viewport size, max viewport, min font size, max font size);
========================================================================== */
/*
@include placeholder {
    font-style:italic;
    color: white;
    font-weight:100;
}
*/
/* -------------------------------------------------------------------------- */
/*                                   Resets                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                    Utils                                   */
/* -------------------------------------------------------------------------- */
/*
@mixin truncate-text($overflow: ellipsis){
	overflow: hidden;
	white-space: nowrap;
	text-overflow: $overflow; // values are: clip, ellipsis, or a string
}*/
/*
 SCSS variable in background image with SVG image data URI
 usage – style="fill: friendly-color(#017f85);"
========================================================================== */
/*
 iframe video
========================================================================== */
.is-type-video {
  overflow: hidden;
  border-radius: 6px;
}

.iframe-video {
  position: relative;
}
.iframe-video:before {
  content: "";
  float: left;
  padding-bottom: 56.25%;
}
.iframe-video:after {
  content: "";
  display: table;
  clear: both;
}
.iframe-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-region-docs {
  margin: 30px 0;
  background: #e5f6f6;
}
.single-region-docs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 80px;
  row-gap: 30px;
  padding: 0 !important;
}
@media screen and (max-width: 992px) {
  .single-region-docs__list {
    column-gap: 30px;
  }
}
@media screen and (max-width: 668px) {
  .single-region-docs__list {
    grid-template-columns: 100%;
  }
}
.single-region-docs__item {
  position: relative;
  display: grid;
  align-items: start;
  grid-template-columns: 100px auto;
  gap: 30px;
}
@media screen and (max-width: 992px) {
  .single-region-docs__item {
    gap: 15px;
  }
}
.single-region-docs__name {
  margin-bottom: 2px;
}
.single-region-docs__excerpt {
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-region-docs__link {
  color: inherit;
}
.single-region-docs__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-region-docs__link:hover {
  color: #017f85;
  text-decoration: none;
}