/* layouts common */
:root {
  --container-width: 1170px;
  --normal-body-content-width: 800px;
  --section-vr-padding: 70px;
  --section-hr-padding: 50px;
  scroll-padding: calc(var(--home-header-height) - 20px);
}

/* container width */
.container-width-section {
  width: 100%;
  display: flex;
  justify-content: center;
}

.container,
.container-width-section>.block-inner {
  width: 100%;
  max-width: var(--container-width);
}

/* page-section */
.page-section {
  padding: var(--section-vr-padding) var(--section-hr-padding);
}


/* @media screen and (max-width: 1200px) {
  :root {
    --container-width: 100%;
    --section-hr-padding: 30px;
  }
} */

@media screen and (max-width: 991px) {
  :root {
    --section-vr-padding: 50px;
    --section-hr-padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --section-vr-padding: 40px;
    --section-hr-padding: 20px;
  }
}

/*4 column layout*/

.four-col-layout:not(.with-infinite-scroll-content) .view-content,
.four-col-layout.with-infinite-scroll-content .view-content .views-infinite-scroll-content-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 70px;
}
.four-col-layout:not(.with-infinite-scroll-content) .view-content .views-row a,
.four-col-layout.with-infinite-scroll-content .view-content .views-infinite-scroll-content-wrapper .views-row a {
  text-decoration: none;
}

/*3 column layout*/

.three-col-layout:not(.with-infinite-scroll-content) .view-content,
.three-col-layout.with-infinite-scroll-content .view-content .views-infinite-scroll-content-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.three-col-layout.with-infinite-scroll-content .view-content {
  display: block;
}
.three-col-layout .view-footer {
  margin-top: 40px;
  text-align: center;
}

.user-logged-in .progressive-component.block-views-blockmember-profile-detail-page-block-6 {
  padding-bottom: 80px;
}