@charset "UTF-8";
/**************************************************************************
 * UTILS *
 ***************************************************************************/
/* Set Display to Flexbox with browser compatible styles. */
/* Set Fluid Font Size */
/* Set hover and focus styles at the same time.*/
.body__blog--list .header__section:not(.header__section--fixed) nav .menu__link--home {
  --_bg-img: url("../../assets/img/abstracts/logo/logo-name-black.svg");
}
.body__blog--list .header__section:not(.header__section--fixed) nav .menu__link--home::after {
  color: var(--_menu-link-color);
}
.body__blog--list .main__section--featured-article {
  background-color: hsl(183, 29%, 84%);
}
.body__blog--list .main__section--featured-article .section__container {
  margin-block-end: 0;
  padding-block-end: 0;
  display: grid;
  place-content: center;
}
.body__blog--list .main__section--featured-article .clipboard {
  --_cb-border-size: 0.17rem;
  --_cb-radius: 1rem;
  --_cb-clip-size: 7rem;
  background-color: hsl(25, 70%, 56%);
  border-radius: var(--_cb-radius);
  padding-block: calc(var(--_cb-radius) * 2) 0;
  padding-inline: calc(var(--_cb-radius) * 2);
  border: solid var(--_cb-border-size) hsl(25, 89%, 35%);
  filter: drop-shadow(1px 1px 3px hsla(25, 89%, 35%, 0.7));
  display: grid;
  place-content: center;
  position: relative;
  isolation: isolate;
  margin: 7rem 4rem 0rem 4rem;
  max-width: 800px;
}
.body__blog--list .main__section--featured-article .clipboard a {
  font-weight: bold;
  float: right;
}
.body__blog--list .main__section--featured-article .clipboard__clip {
  position: absolute;
  width: var(--_cb-clip-size);
  top: calc(var(--_cb-border-size) * -5);
  left: calc(50% - var(--_cb-clip-size) / 2);
  filter: drop-shadow(0px 0px 2px hsla(0, 0%, 0%, 0.7));
  z-index: 1;
  cursor: pointer;
}
.body__blog--list .main__section--featured-article .clipboard__clip--active {
  filter: drop-shadow(0px 4px 4px hsla(0, 0%, 0%, 0.7));
}
.body__blog--list .main__section--featured-article .clipboard__clip--active + .clipboard__paper {
  opacity: 0;
}
.body__blog--list .main__section--featured-article .ruled-paper {
  --rp-margin-width: 4rem;
  --rp-margin-line-color: hsla(6, 78%, 66%, 0.2);
  --rp-ruling-line-color: hsla(204, 69%, 72%, 0.2);
  filter: drop-shadow(0px 0px 2px hsla(0, 0%, 0%, 0.7));
  z-index: 0;
}
.body__blog--list .main__section--featured-article .ruled-paper * {
  color: hsl(0, 0%, 20%);
  font-family: Quicksand-Bold, sans-serif;
  font-size: var(--font-size-fluid-0);
  line-height: 1.25em;
}
.body__blog--list .main__section--featured-article .ruled-paper .ruled-paper__header {
  font-weight: bold;
  padding-inline: calc(var(--rp-margin-width) + 1em) 3em;
}
.body__blog--list .main__section--featured-article .ruled-paper .ruled-paper__body {
  padding-block: 0.2em 4em;
  padding-inline: calc(var(--rp-margin-width) + 1em) 3em;
}
.body__blog--list .main__section--featured-article .ruled-paper .ruled-paper__body .ruled-paper__body--title {
  font-weight: bold;
}
.body__blog--list .main__section--blog {
  margin-top: -1rem;
}
.body__blog--list .main__section--blog > .section__container {
  margin-block-end: 0;
  padding-block: calc(var(--_footer-section-menu-height) / 2) var(--_footer-section-menu-height);
}
.body__blog--list .main__section--blog::after {
  display: none;
}
.body__blog--list .main__section--subscribe-newsletter.ruled-paper {
  --rp-bg-color: hsl(0, 0%, 100%);
  --rp-margin-line-color: transparent;
  --rp-ruling-line-color: hsla(204, 69%, 72%, 0.2);
}
.body__blog--list .main__section--subscribe-newsletter.ruled-paper > .ruled-paper__body {
  width: 100%;
  height: 100%;
  background-size: 100% 2.5em;
  margin: 0;
  padding: 0;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container {
  display: grid;
  place-items: center;
  gap: 2rem;
  margin-block: 5rem 5rem;
  margin-inline: 1rem;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form {
  --_envelop-size: 7rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2rem;
  justify-content: center;
  position: relative;
  padding-block-start: calc(var(--_envelop-size) / 4);
  padding-inline-start: calc(var(--_envelop-size) / 3);
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form::before, .body__blog--list .main__section--subscribe-newsletter .subscribe__container form::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: var(--_envelop-size);
  aspect-ratio: 55.056698/42.58696;
  pointer-events: none;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form::before {
  background: url("/assets/img/abstracts/clipboard/envelope-body.svg") no-repeat center top;
  background-size: contain;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form::after {
  background: url("/assets/img/abstracts/clipboard/envelope-flap.svg") no-repeat center top;
  background-size: contain;
  -webkit-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -moz-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -o-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -ms-filter: drop-shadow(0px 2px 4px var(--gray-7));
  filter: drop-shadow(0px 2px 4px var(--gray-7));
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form .subscribe__input {
  --rp-margin-line-color: hsla(6, 78%, 66%, 0.2);
  --rp-ruling-line-color: hsla(204, 69%, 72%, 0.2);
  border-radius: 0.75rem;
  -webkit-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -moz-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -o-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -ms-filter: drop-shadow(0px 2px 4px var(--gray-7));
  filter: drop-shadow(0px 2px 4px var(--gray-7));
  overflow: hidden;
  max-width: 20em;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form .subscribe__input .ruled-paper__header {
  height: 3rem;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form .subscribe__input .ruled-paper__body {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container form .subscribe__input *:not(button) {
  color: hsl(0, 0%, 20%);
  font-family: Quicksand-Bold, sans-serif;
  font-size: 1rem;
  line-height: 1.25em;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container .subscribe__disclaimer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.5em;
}
.body__blog--list .main__section--subscribe-newsletter .subscribe__container .subscribe__disclaimer a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
}
.body__blog--list .main__section--blog-search .section__container {
  --_section-container-spacing-x: 0rem;
  --_section-container-spacing-y: 0rem;
  max-width: 100%;
}
.body__blog--list .main__section--blog-search .section__container [data-js-select-options-container] {
  display: none;
}
.body__blog--list .main__section--blog-search .section__container[data-js-active-criteria=category] [data-js-select-options-container=category], .body__blog--list .main__section--blog-search .section__container[data-js-active-criteria=collection] [data-js-select-options-container=collection], .body__blog--list .main__section--blog-search .section__container[data-js-active-criteria=tag] [data-js-select-options-container=tag] {
  display: block;
}
.body__blog--list .main__section--blog-search .blog-search__criteria {
  max-width: calc(var(--_body-max-width) - var(--_section-container-spacing-x) * 2);
  margin-block: 5rem 2rem;
  margin-inline: auto;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-evenly;
  align-items: center;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type * {
  color: hsl(0, 0%, 20%);
  font-family: Quicksand-Bold, sans-serif;
  line-height: 1.25em;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type h3 {
  color: hsl(185, 5%, 44%);
  font-size: var(--font-size-fluid-3);
  margin: 0;
  padding: 0;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: var(--_criteria-type-color);
  border-color: var(--_criteria-type-color);
  gap: 0.25em;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul li {
  color: hsl(0, 0%, 100%);
  font-size: var(--font-size-fluid-1);
  text-transform: capitalize;
  margin: 0.1em;
  padding-inline: 0.5em;
  line-height: 1.75em;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul li:not([disabled]) {
  /*&:focus {
  	outline: none;
  }*/
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul li:not([disabled]):hover, .body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul li:not([disabled]):focus {
  border-radius: 2em;
  background-color: hsl(0, 0%, 100%);
  color: var(--_criteria-type-color);
  cursor: pointer;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul li:not([disabled]).active {
  border-radius: 2em;
  background-color: hsl(0, 0%, 100%);
  color: var(--_criteria-type-color);
  cursor: pointer;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--type ul li.active {
  cursor: default !important;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option {
  --_criteria-option-toggle-selection-height: 5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block: 0.5rem;
  padding: 0.5rem;
  place-items: center;
  position: relative;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option * {
  color: hsl(0, 0%, 20%);
  font-family: Quicksand-Bold, sans-serif;
  line-height: 1.25em;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option span,
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul {
  font-size: var(--font-size-fluid-1);
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  border-width: 0.2em;
  border-style: solid;
  border-radius: 2rem;
  margin: 0.5em;
  padding-block: 0.25em;
  padding-inline: 0.75em;
  display: inline-block;
  width: 75%;
  filter: drop-shadow(0px 0px 4px hsla(0, 0%, 0%, 0.5));
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option.active span::after {
  rotate: 180deg;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option.active ul {
  display: flex;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-inline-end: 0.25em;
  cursor: pointer;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option span label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 70%;
  text-transform: capitalize;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option span::after {
  content: "▼";
  display: grid;
  place-content: center;
  background-color: var(--_criteria-type-color);
  border-color: var(--_criteria-type-color);
  border-width: 0.2em;
  border-style: solid;
  border-radius: 50%;
  color: hsl(0, 0%, 100%);
  font-size: 0.75em;
  width: 2rem;
  height: 2rem;
  transform-origin: center;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul {
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.5rem;
  margin-block-start: 0;
  position: absolute;
  z-index: var(--layer-important);
  top: var(--_criteria-option-toggle-selection-height);
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul li {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
  text-transform: capitalize;
  cursor: pointer;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul li:hover {
  color: hsl(0, 0%, 100%);
  background-color: var(--_criteria-type-color);
  border-radius: 2rem;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul li.active::before, .body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul li:hover:before {
  background-color: var(--_criteria-type-color);
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=false] li:hover {
  padding-inline: 1em;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li::before {
  content: "";
  display: grid;
  place-items: center;
  place-content: center;
  background-color: hsl(0, 0%, 100%);
  border-color: var(--_criteria-type-color);
  border-width: 0.1em;
  border-style: solid;
  border-radius: 50%;
  color: hsl(0, 0%, 100%);
  font-size: 2rem;
  line-height: 1em;
  width: 2rem;
  height: 2rem;
  transform-origin: center center;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li:hover {
  color: hsl(0, 0%, 100%);
  background-color: var(--_criteria-type-color);
  border-radius: 2rem;
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li.active::before, .body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li:hover:before {
  background-color: var(--_criteria-type-color);
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li:not(:hover).active:before, .body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li:not(.active):hover:before {
  content: "+";
}
.body__blog--list .main__section--blog-search .blog-search__criteria .blog-search__criteria--options .blog-search__criteria--option ul[data-js-select-option-list-multiselect=true] li.active:hover:before {
  content: "+";
  rotate: 45deg;
}
.body__blog--list .main__section--blog-search .blog-search__results {
  display: grid;
  place-content: center;
  place-items: center;
  background-color: hsl(209, 68%, 73%);
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list {
  --_results-list-columns: 4;
  padding-block: 6rem 3rem;
  padding-inline: 4rem;
  max-width: calc(var(--_body-max-width) - var(--_section-container-spacing-x) * 2);
  display: grid;
  grid-template-columns: repeat(var(--_results-list-columns), 1fr);
  gap: 2rem;
  align-items: center;
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list .blog-search__results--item {
  --rp-margin-line-color: hsla(6, 78%, 66%, 0.2);
  --rp-ruling-line-color: hsla(204, 69%, 72%, 0.2);
  border-radius: 0.75rem;
  height: fit-content;
  text-decoration: none;
  -webkit-filter: drop-shadow(0px 3px 6px var(--gray-7));
  -moz-filter: drop-shadow(0px 3px 6px var(--gray-7));
  -o-filter: drop-shadow(0px 3px 6px var(--gray-7));
  -ms-filter: drop-shadow(0px 3px 6px var(--gray-7));
  filter: drop-shadow(0px 3px 6px var(--gray-7));
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list .blog-search__results--item * {
  color: hsl(0, 0%, 20%);
  font-family: Quicksand-Bold, sans-serif;
  font-size: var(--font-size-fluid-0);
  line-height: 1.25em;
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list .blog-search__results--item:not([disabled]) {
  /*&:focus {
  	outline: none;
  }*/
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list .blog-search__results--item:not([disabled]):hover, .body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list .blog-search__results--item:not([disabled]):focus {
  --rp-bg-color: hsl(0, 0%, 100%);
  -webkit-filter: drop-shadow(0px 1px 2px var(--gray-8));
  -moz-filter: drop-shadow(0px 1px 2px var(--gray-8));
  -o-filter: drop-shadow(0px 1px 2px var(--gray-8));
  -ms-filter: drop-shadow(0px 1px 2px var(--gray-8));
  filter: drop-shadow(0px 1px 2px var(--gray-8));
  cursor: pointer;
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--loader {
  background-color: hsl(0, 0%, 100%);
  display: grid;
  place-content: center;
  padding-block: 5rem 15rem;
  width: 100vw;
}
.body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--loader .cta {
  background-color: var(--_criteria-type-color);
}

body.loading[data-js-active-criteria=category] {
  --_loading-bg-color: hsla(336, 62%, 57%, 0.1);
}
body.loading[data-js-active-criteria=collection] {
  --_loading-bg-color: hsla(207, 86%, 57%, 0.1);
}
body.loading[data-js-active-criteria=tag] {
  --_loading-bg-color: hsla(116, 38%, 51%, 0.1);
}

[data-js-active-criteria=category] {
  --_criteria-type-color: hsl(336, 62%, 57%);
}

[data-js-active-criteria=collection] {
  --_criteria-type-color: hsl(207, 86%, 57%);
}

[data-js-active-criteria=tag] {
  --_criteria-type-color: hsl(116, 38%, 51%);
}

@media only screen and (max-width: 400px) {
  .body__blog--list .main__section--subscribe-newsletter .subscribe__container form {
    --_envelop-size: 0rem;
  }
  .body__blog--list .main__section--subscribe-newsletter .subscribe__container form::before, .body__blog--list .main__section--subscribe-newsletter .subscribe__container form::after {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .body__blog--list .main__section--subscribe-newsletter .subscribe__container form {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 700px) {
  .body__blog--list .main__section--featured-article .clipboard__clip {
    display: none;
  }
  .body__blog--list .main__section--featured-article .clipboard {
    border: none;
    background-color: transparent;
    padding-inline: 0.2rem;
    padding-block: 0;
    filter: none;
  }
  .body__blog--list .main__section--featured-article .ruled-paper {
    --rp-margin-width: 2.5rem;
  }
}
@media only screen and (max-width: 950px) {
  .body__blog--list .main__section--featured-article .section__container {
    margin-inline: 0;
    padding-inline: 0;
  }
  .body__blog--list .main__section--featured-article .clipboard {
    margin: 7rem 0rem 0rem 0rem;
  }
}
@media only screen and (max-width: 500px) {
  .body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list {
    --_results-list-columns: 1;
  }
}
@media only screen and (min-width: 501px) and (max-width: 800px) {
  .body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list {
    --_results-list-columns: 2;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .body__blog--list .main__section--blog-search .blog-search__results .blog-search__results--list {
    --_results-list-columns: 3;
  }
}
.main__section > section.main__section--blog {
  --_blog-fg-color: hsl(210, 8%, 28%);
  --_blog-bg-color: hsl(210, 11%, 15%);
  --_bg-percentage: 17%;
  background: var(--_blog-bg-color);
  background: linear-gradient(0deg, var(--_blog-bg-color) min(17%, var(--_bg-percentage)), var(--_blog-fg-color) 100%);
}
.main__section > section.main__section--blog > .section__container {
  outline: none !important;
}
.main__section > section.main__section--blog .section__container--title-heading {
  color: var(--_blog-bg-color);
}
.main__section > section.main__section--blog .tape::before, .main__section > section.main__section--blog .tape::after {
  content: "";
  width: 5em;
  height: 2em;
  background-color: hsla(0, 0%, 100%, 0.52);
  display: block;
  position: absolute;
  z-index: 1;
}
.main__section > section.main__section--blog .tape__top--1::before {
  rotate: -45deg;
  left: -0.5em;
  top: 1.25em;
}
.main__section > section.main__section--blog .tape__top--2::before {
  rotate: 17deg;
  left: 50%;
  top: 0.5em;
  transform: translateX(-50%);
}
.main__section > section.main__section--blog .tape__top--3::before {
  rotate: 18deg;
  right: -0.5em;
  top: 0.25em;
}
.main__section > section.main__section--blog .tape__bottom--1::after {
  rotate: 41deg;
  left: -0.25em;
  bottom: 0.75em;
}
.main__section > section.main__section--blog .tape__bottom--2::after {
  rotate: 7deg;
  left: 50%;
  bottom: -1em;
  transform: translateX(-50%);
}
.main__section > section.main__section--blog .tape__bottom--3::after {
  rotate: 155deg;
  right: -0.25em;
  bottom: 0.75em;
}
.main__section > section.main__section--blog .container__blog--item {
  --__blog-card-spacing: 0.75em;
  isolation: isolate;
  position: relative;
  margin: calc(var(--__blog-card-spacing) * 4) calc(var(--__blog-card-spacing) * 2);
}
.main__section > section.main__section--blog .container__blog--item.theme--1 {
  --_card-color: #e49fac;
}
.main__section > section.main__section--blog .container__blog--item.theme--2 {
  --_card-color: #c9dfe0;
}
.main__section > section.main__section--blog .container__blog--item.theme--3 {
  --_card-color: #eecdd2;
}
.main__section > section.main__section--blog .container__blog--item.theme--4 {
  --_card-color: #8cbce7;
}
.main__section > section.main__section--blog .container__blog--item .blog__card--outer {
  background-color: var(--_card-color);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  rotate: var(--_rotate);
  -webkit-filter: drop-shadow(0px 3px 6px var(--gray-7));
  -moz-filter: drop-shadow(0px 3px 6px var(--gray-7));
  -o-filter: drop-shadow(0px 3px 6px var(--gray-7));
  -ms-filter: drop-shadow(0px 3px 6px var(--gray-7));
  filter: drop-shadow(0px 3px 6px var(--gray-7));
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  width: calc(100% - var(--__blog-card-spacing) * 2);
  margin: var(--__blog-card-spacing);
  rotate: var(--_rotate);
  -webkit-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -moz-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -o-filter: drop-shadow(0px 2px 4px var(--gray-7));
  -ms-filter: drop-shadow(0px 2px 4px var(--gray-7));
  filter: drop-shadow(0px 2px 4px var(--gray-7));
  /*transition-property: all;
  transition-duration: 0.51s;
  transition-timing-function: linear;
  transition-delay: 0s;*/
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner .ul__hole-punches {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  place-content: space-around;
  gap: 0.75em;
  top: -0.5em;
  position: relative;
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner .ul__hole-punches li {
  width: 1em;
  aspect-ratio: 1;
  background-color: var(--_card-color);
  border-radius: 50%;
  -webkit-filter: drop-shadow(-1px -1px 1px var(--gray-7));
  -moz-filter: drop-shadow(-1px -1px 1px var(--gray-7));
  -o-filter: drop-shadow(-1px -1px 1px var(--gray-7));
  -ms-filter: drop-shadow(-1px -1px 1px var(--gray-7));
  filter: drop-shadow(-1px -1px 1px var(--gray-7));
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner * {
  color: hsl(0, 0%, 20%);
  font-family: Quicksand-Bold, sans-serif;
  font-size: var(--font-size-fluid-0);
  line-height: 1.25em;
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner a {
  text-decoration: none;
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner a:not([disabled]) {
  /*&:focus {
  	outline: none;
  }*/
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner a:not([disabled]):hover, .main__section > section.main__section--blog .container__blog--item .blog__card--inner a:not([disabled]):focus {
  color: var(--gray-10);
  cursor: pointer;
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner:not([disabled]) {
  /*&:focus {
  	outline: none;
  }*/
}
.main__section > section.main__section--blog .container__blog--item .blog__card--inner:not([disabled]):hover, .main__section > section.main__section--blog .container__blog--item .blog__card--inner:not([disabled]):focus {
  z-index: 4;
  cursor: pointer;
}
.main__section > section.main__section--blog .container__blog--item:not([disabled]) {
  /*&:focus {
  	outline: none;
  }*/
}
.main__section > section.main__section--blog .container__blog--item:not([disabled]):hover, .main__section > section.main__section--blog .container__blog--item:not([disabled]):focus {
  cursor: pointer;
}
.main__section > section.main__section--blog .container__blog--item:not([disabled]):hover .blog__card--inner, .main__section > section.main__section--blog .container__blog--item:not([disabled]):focus .blog__card--inner {
  --_rotate: 0deg;
}
.main__section > section.main__section--blog::after {
  content: "";
  background-color: var(--_blog-bg-color);
  width: 100%;
  height: var(--_footer-section-menu-height);
  -webkit-mask: url(../../assets/img/abstracts/paper/tear-large-up.svg) repeat-x bottom center;
  mask: url(../../assets/img/abstracts/paper/tear-large-up.svg) repeat-x bottom center;
  transform: rotateX(180deg) rotateY(180deg);
  position: absolute;
  bottom: calc(var(--_footer-section-menu-height) / 2 * -1);
  -webkit-filter: drop-shadow(0px -2px 4px var(--_drop-shadow-color));
  -moz-filter: drop-shadow(0px -2px 4px var(--_drop-shadow-color));
  -o-filter: drop-shadow(0px -2px 4px var(--_drop-shadow-color));
  -ms-filter: drop-shadow(0px -2px 4px var(--_drop-shadow-color));
  filter: drop-shadow(0px -2px 4px var(--_drop-shadow-color));
}