.page-template-default {
  background-color: #FFF;
}

.hero-internal {
  position: relative;
}
.hero-internal picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-internal picture img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-internal picture::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(rgba(36, 40, 52, 0.6)), to(rgba(36, 40, 52, 0.15)));
  background: linear-gradient(90deg, rgba(36, 40, 52, 0.6) 0%, rgba(36, 40, 52, 0.15) 100%);
}
.hero-internal .inner {
  position: relative;
  padding: 100px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #FFF;
  max-width: 1080px;
  margin-inline: auto;
}
@media (width >= 768px) {
  .hero-internal .inner {
    padding: 100px 20px 80px 20px;
  }
  .hero-internal .hero-internal-title {
    font-size: 5rem;
  }
}

.page-container {
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 30px;
  color: var(--color-text);
  font-weight: 400;
  max-width: 1080px;
  margin-inline: auto;
}
@media (width >= 768px) {
  .page-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    gap: 50px;
    padding: 50px 20px;
  }
  .page-container article iframe {
    width: 100%;
    aspect-ratio: 4/3;
  }
  .page-container aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px;
  }
}

.widget {
  background-color: var(--color-primary);
  padding: 20px;
}
.widget .widget-title {
  margin: 0;
  font-weight: 600;
  margin-bottom: 20px;
}
.widget a {
  text-decoration: none;
}
.widget ul {
  padding-left: 10px;
  margin: 0 0 0 10px;
}