.modal.js-grid-modal {
  padding: 0 !important; }

.modal-dialog {
  background-color: #fff9ed;
  border-radius: 32px 32px 0 0;
  max-width: 100%;
  margin-top: 48px;
  pointer-events: auto; }
  @media (min-width: 1200px) {
    .modal-dialog {
      margin-top: 120px; } }
  .modal-dialog .modal-body {
    max-width: 1200px;
    margin: 0 auto; }
  .modal-dialog .modal-header {
    border: 0; }
    .modal-dialog .modal-header .close {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .modal-dialog .modal-header .close .modal-label {
        font-size: 14px;
        line-height: 16px;
        display: inline-block;
        margin-right: 24px;
        vertical-align: top; }
        @media (min-width: 1200px) {
          .modal-dialog .modal-header .close .modal-label {
            font-size: 16px; } }
      .modal-dialog .modal-header .close .close-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        width: 36px;
        height: 36px;
        min-height: unset;
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 100%;
        background-color: #fff3dc; }
      .modal-dialog .modal-header .close .svg-inline {
        vertical-align: top; }
      .modal-dialog .modal-header .close:hover {
        cursor: pointer; }
        .modal-dialog .modal-header .close:hover .close-wrapper {
          background-color: #a0948c; }
          .modal-dialog .modal-header .close:hover .close-wrapper rect {
            fill: #fff9ed; }
  .modal-dialog .modal-body img {
    width: 100%; }

.folder-content {
  background-color: var(--backgroundColor);
  padding: 80px 0 24px; }
  @media (min-width: 1200px) {
    .folder-content {
      padding: 140px 0; } }

.folder-text {
  margin: 0 0 48px;
  padding: 0 24px; }
  @media (min-width: 1200px) {
    .folder-text {
      margin: 0 0 80px;
      padding: 0; } }

.folder-text-container {
  max-width: 570px; }

.folder-text-title {
  font-family: "PPeikoLight", "arial", "sans-serif";
  font-size: 32px;
  color: #393939;
  line-height: 44px; }
  @media (min-width: 1200px) {
    .folder-text-title {
      font-size: 48px;
      line-height: 64px; } }

.folder-text-description {
  font-size: 14px;
  margin: 16px 0 0;
  line-height: 24px; }
  @media (min-width: 1200px) {
    .folder-text-description {
      font-size: 16px;
      margin: 64px 0 0; } }

.folder-tabs__list {
  margin: 0 auto 40px;
  padding: 20px 32px;
  border-radius: 36px;
  background-color: #fff;
  overflow: auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90vw;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap; }
  @media (min-width: 1200px) {
    .folder-tabs__list {
      margin: 0 auto 80px;
      padding: 24px 48px;
      max-width: 610px; } }

.folder-tabs__item {
  margin: 0 0 0 24px; }
  .folder-tabs__item:first-child {
    margin: 0; }
  @media (min-width: 1200px) {
    .folder-tabs__item {
      margin: 0 0 0 48px; }
      .folder-tabs__item:first-child {
        margin: 0; } }

.folder-tabs__link {
  font-size: 12px;
  line-height: 24px;
  font-family: inherit; }
  .folder-tabs__link:hover, .folder-tabs__link:focus {
    text-decoration: none; }
  .folder-tabs__link.active {
    font-family: "VeuveClicquotRegular", "arial", "sans-serif"; }

.folder-tabs__content {
  padding: 0 24px; }
  @media (min-width: 1200px) {
    .folder-tabs__content {
      max-width: 1160px;
      margin: 0 auto;
      padding: 0; } }
  .folder-tabs__content .folder-text {
    padding: 0; }

.tab-description {
  margin: 0 0 24px; }
  @media (min-width: 1200px) {
    .tab-description {
      margin: 0 0 80px; } }

@media (min-width: 769px) {
  .folder-grid-wrapper {
    margin: 0 -12px; } }

.tab-articles {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  margin: 24px 0 0; }
  .tab-articles:first-child {
    margin: 0; }
  @media (min-width: 769px) {
    .tab-articles.grid-article {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      max-width: 50%;
      padding: 0 12px; }
      .tab-articles.grid-article:nth-child(2) {
        margin: 0; } }
  @media (min-width: 1200px) {
    .tab-articles {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      max-width: 50%;
      margin: 24px 0 0; }
      .tab-articles:nth-child(2) {
        margin: 0; }
      .tab-articles.odd {
        padding: 0 0 0 12px; }
      .tab-articles.even {
        padding: 0 12px 0 0; }
      .tab-articles.banner, .tab-articles.full-width {
        padding: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; }
        .tab-articles.banner ~ :nth-child(2), .tab-articles.full-width ~ :nth-child(2) {
          margin: 24px 0 0; }
        .tab-articles.banner ~ .odd, .tab-articles.full-width ~ .odd {
          padding: 0 12px 0 0; }
          .tab-articles.banner ~ .odd ~ .even, .tab-articles.full-width ~ .odd ~ .even {
            padding: 0 0 0 12px; }
      .tab-articles.grid-article:not(.banner) {
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
        max-width: 33.33%; }
        .tab-articles.grid-article:not(.banner):nth-child(3) {
          margin: 0; } }
  .tab-articles:not(.banner) .tab-article-liner {
    position: relative;
    max-width: 568px;
    margin: 0 auto; }

.wrapper-article-tab-content {
  padding: 16px;
  background-color: #fff; }
  @media (min-width: 1200px) {
    .wrapper-article-tab-content {
      padding: 32px; } }
  .wrapper-article-tab-content.image-overlay {
    position: absolute;
    width: 100%;
    background-color: transparent;
    bottom: 0; }

.article-title {
  font-size: 24px;
  line-height: 32px;
  font-family: "PPeikoLight", "arial", "sans-serif";
  color: #393939; }
  @media (min-width: 1200px) {
    .article-title {
      font-size: 32px;
      line-height: 44px; } }

.article-description {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 24px; }
  @media (min-width: 1200px) {
    .article-description {
      font-size: 16px; } }

.article-tags {
  margin: 16px 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px; }
  @media (min-width: 1200px) {
    .article-tags {
      margin: 24px 0 0; } }

.article-tag {
  border: 1px solid #fff3dc;
  color: #393939;
  border-radius: 25px;
  padding: 8px 12px; }

.article-tag-label {
  vertical-align: top;
  margin: 0 0 0 8px;
  display: inline-block; }

.article-ctas {
  margin: 24px 0 0; }
  @media (min-width: 1200px) {
    .article-ctas {
      margin: 48px 0 0; } }
  .article-ctas .btn {
    background-color: #fff3dc;
    text-align: center; }

.tabs-load-more {
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer; }

.article-grid-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 24px 24px; }
  @media (min-width: 1200px) {
    .article-grid-content {
      padding: 0 32px 32px; } }

.grid-article-text {
  color: #fff;
  font-family: "VeuveClicquotRegular", "arial", "sans-serif";
  font-size: 14px;
  line-height: 24px; }
  @media (min-width: 1200px) {
    .grid-article-text {
      font-size: 16px; } }

.grid-modal-cta {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border: 0;
  cursor: pointer; }

.veil {
  display: none; }

.grid-article-text-secondary {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 8px; }
  @media (min-width: 769px) {
    .grid-article-text-secondary {
      font-size: 16px; } }


/*# sourceMappingURL=folderContent.css.map*/