/***************************

layout

***************************/
:root {
  --page-container-width: 1140px;
  --sections-vr-padding: 40px;
  --default-hr-padding: 15px;
}

.main-container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  min-height: calc(100vh - 283px);
  overflow: hidden;
}

body .main-container {
  min-height: calc(100vh - 204px);
}

.main-container-row {
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.page-content-area {
  padding: 0px;
  width: 100%;
}

.page-header {
  margin: 0 0 40px 0;
  border: none;
  font-size: 40px;
  line-height: 46px;
  font-weight: 400;
}

/* page-fullwidth-sections */
body .content-container-width>.block-title,
body .content-container-width>* {
  max-width: var(--page-container-width);
  margin-left: auto;
  margin-right: auto;
}

.page-section {
  padding: var(--sections-vr-padding) var(--default-hr-padding);
}

.page-section:last-child {
  padding-bottom: calc(2 * var(--sections-vr-padding));
}

.page-fullwidth-sections {
  --alternative-bg: var(--gray);
  width: 100%;
}

.page-fullwidth-sections .block:nth-child(even) {
  background-color: var(--alternative-bg);
}

.inner-page .page-content-area:has(+.page-fullwidth-sections) {
  padding-bottom: 0;
}

/* trim & readmore */

.trim-content-based-component-texts .content-trim .field--name-body {
  --line-limit: 2;
  display: -webkit-box !important;
  -webkit-line-clamp: var(--line-limit);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.content-trim .field--name-body.expanded {
  --line-limit: unset !important;
}

.content-read-more-link1 {
  font-size: 11px;
  color: var(--site-primary-color);
  font-weight: 400;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 18px;
  display: inline-block;
  line-height: 13px;
}

.content-read-more-link1:hover {
  color: var(--dark-gray);
}


/* responsive */

@media only screen and (max-width: 767px) {
  :root {
    --sections-vr-padding: 25px;
  }

  .page-section:last-child {
    padding-bottom: calc(1 * var(--sections-vr-padding));
  }
}
