/*

Theme Name: Elements Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: The complete X / Pro index of elements.
Version: 1.0.0
Template: pro

*/

/* =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Global
//   02. Structure
//   03. Header
//   04. Aside
//   05. Mobile Overlay
//   06. Article
//   07. Custom: Content Area
//   08. Custom: Design Cloud
//   09. Custom: Classic Elements
//   10. Custom: Global Blocks
//   11. Custom: Gap
//   12. Custom: Raw Content
//   13. Custom: Text
//   14. Custom: Widget Area
//   15. Custom: Pagination / Post Navigation
//   16. Custom: Posts (Minimal)
//   17. Custom: Posts (List)
//   18. Custom: Posts (Tiles)
//   19. Custom: Posts (Magazine)
//   20. Responsive
// ========================================================================= */

/* Global
// ========================================================================== */

:root {
  --elements-admin-bar-height:              0px;
  --elements-header-height:                 calc(4rem + 1px);
  --elements-aside-width:                   21rem;

  --elements-header-font-size:              1.25rem;
  --elements-header-font-weight:            700;
  --elements-header-letter-spacing:         0px;
  --elements-header-text-transform:         none;

  --elements-nav-link-padding-x:            1.5rem;
  --elements-nav-link-padding-y:            1.25rem;
  --elements-nav-link-font-size:            10px;
  --elements-nav-link-font-weight:          700;
  --elements-nav-link-icon-size:            16px;
  --elements-nav-link-letter-spacing:       0.115em;
  --elements-nav-link-text-transform:       uppercase;

  --elements-element-padding-x:             1.5rem;
  --elements-element-padding-y:             2.44140625rem;

  --elements-white:                         #ffffff;
  --elements-base-color:                    #9a9a9a;
  --elements-base-head-color:               #171135; /* #241b52 / #222222 */
  --elements-base-accent-color:             #442ebf;
  --elements-base-accent-color-alt:         #f5f3ff;
  --elements-base-accent-color-dark:        #241b52;
  --elements-border-color:                  #cccbd2; /* #c5c5c5 */
  --elements-background-color:              #ffffff;
  --elements-background-color-alt:          #f0f0f0;

  --elements-box-shadow-dimensions:         0 0.25em 1em;
  --elements-box-shadow-color:              rgba(0, 0, 0, 0.1);
  --elements-box-shadow-color-alt:          rgba(0, 0, 0, 0.07);

  --elements-transition-duration:           0.3s;
  --elements-transition-timing-function:    ease;
}

html,
body {
  overflow: visible !important;
}

html.is-overflow-hidden,
body.is-overflow-hidden {
  overflow: hidden !important;
}

body.admin-bar {
  --elements-admin-bar-height:    32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --elements-admin-bar-height:    46px;
  }
}



/* Structure
// ========================================================================== */

.elements-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  z-index: 2;
  top: var(--elements-admin-bar-height);
  left: 0;
  right: 0;
  height: var(--elements-header-height);
}

.elements-main {
  position: relative;
  z-index: 1;
  padding-top: var(--elements-header-height);
}

.elements-aside {
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  z-index: 3;
  top: calc(var(--elements-admin-bar-height) + var(--elements-header-height));
  left: 0;
  bottom: 0;
  width: var(--elements-aside-width);
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.elements-mobile-overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.elements-article {
  position: relative;
  z-index: 1;
}



/* Header
// ========================================================================== */

.elements-header {
  border-bottom: 1px solid var(--elements-border-color);
  padding: 0 var(--elements-nav-link-padding-x);
  line-height: 1;
  background-color: var(--elements-background-color);
  box-shadow: var(--elements-box-shadow-dimensions) var(--elements-box-shadow-color);
}

.elements-header button {
  display: block;
  position: relative;
  width: 1em;
  height: 1em;
  margin-right: calc(var(--elements-nav-link-padding-x) / 2);
  border: 0;
  font-size: calc(var(--elements-nav-link-icon-size) - 2px);
}

.elements-header button i {
  display: block;
  position: absolute;
  top: 50%;
  left: 2px;
  right: 2px;
  height: 2px;
  border-radius: 100em;
  background-color: var(--elements-base-head-color);
  transform: translate3d(0, -50%, 0);
  transition-duration: var(--elements-transition-duration);
  transition-property: background-color;
  transition-timing-function: var(--elements-transition-timing-function);
  will-change: background-color;
}

.elements-header button i:before,
.elements-header button i:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--elements-base-head-color);
  transition-duration: var(--elements-transition-duration);
  transition-property: transform;
  transition-timing-function: var(--elements-transition-timing-function);
  will-change: transform;
}

.elements-header button i:before {
  transform: translate3d(0, -350%, 0);
}

.elements-header button i:after {
  transform: translate3d(0, 350%, 0);
}

.elements-header button.is-active i {
  background-color: transparent;
}

.elements-header button.is-active i:before {
  transform: rotate(-45deg) translate3d(0, 0, 0);
}

.elements-header button.is-active i:after {
  transform: rotate(45deg) translate3d(0, 0, 0);
}

.elements-header h1 {
  margin: 0 auto 0 0;
  position: relative;
  bottom: 1px;
  font-size: var(--elements-header-font-size);
  font-weight: var(--elements-header-font-weight);
  letter-spacing: var(--elements-header-letter-spacing);
  line-height: inherit;
  text-transform: var(--elements-header-text-transform);
  color: var(--elements-base-head-color);
}

.elements-header a {
  position: relative;
  bottom: 1px;
  margin-right: calc(var(--elements-nav-link-letter-spacing) * -1);
  font-size: var(--elements-nav-link-font-size);
  font-size: var(--elements-nav-link-icon-size);
  font-weight: var(--elements-nav-link-font-weight);
  letter-spacing: var(--elements-nav-link-letter-spacing);
  line-height: inherit;
  text-transform: var(--elements-nav-link-text-transform);
  color: var(--elements-base-head-color);
  opacity: 0.25;
}

.elements-header a:hover,
.elements-header a:focus {
  color: var(--elements-base-accent-color);
  opacity: 1;
}



/* Aside
// ========================================================================== */

.elements-aside {
  border-right: 1px solid var(--elements-border-color);
  background-color: var(--elements-background-color);
  box-shadow: var(--elements-box-shadow-dimensions) var(--elements-box-shadow-color-alt);
  transform: translate3d(-110%, 0, 0);
  transition-duration: var(--elements-transition-duration);
  transition-property: transform;
  transition-timing-function: var(--elements-transition-timing-function);
  will-change: transform;
}

.elements-aside.is-active {
  transform: translate3d(0, 0, 0);
}

.elements-aside nav {
  line-height: 1;
}

.elements-aside ul {
  margin: 0;
  padding: 0;
  line-height: 1;
  list-style: none;
}

.elements-aside li {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.elements-aside button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  border: 0;
  padding: var(--elements-nav-link-padding-y) var(--elements-nav-link-padding-x);
  font-size: var(--elements-nav-link-font-size);
  font-weight: var(--elements-nav-link-font-weight);
  letter-spacing: var(--elements-nav-link-letter-spacing);
  line-height: 1;
  text-transform: var(--elements-nav-link-text-transform);
  color: var(--elements-base-head-color);
  background: var(--elements-background-color);
  outline: 0;
  pointer-events: auto;
}

.elements-aside button:hover,
.elements-aside button:focus {
  color: var(--elements-base-accent-color-dark);
  /*background-color: var(--elements-background-color-alt);*/
  background-color: var(--elements-base-accent-color-alt);
}

.elements-aside button.is-active {
  color: var(--elements-base-accent-color-dark);
  /*background-color: var(--elements-background-color-alt);*/
  background-color: var(--elements-base-accent-color-alt);
}

.elements-aside button.is-active:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--elements-nav-link-padding-y) / 2);
  left: 0;
  bottom: calc(var(--elements-nav-link-padding-y) / 2);
  width: 4px;
  background: var(--elements-base-accent-color);
  pointer-events: none;
}

.elements-aside button svg {
  display: block;
  width: 1em;
  height: 1em;
  margin-right: calc(var(--elements-nav-link-padding-x) / 2);
  font-size: var(--elements-nav-link-icon-size);
  fill: currentColor;
  pointer-events: none;
}

.elements-aside button span {
  pointer-events: none;
}



/* Mobile Overlay
// ========================================================================== */

.elements-mobile-overlay {
  background-color: var(--elements-background-color-alt);
  opacity: 0;
  transition-duration: var(--elements-transition-duration);
  transition-property: opacity;
  transition-timing-function: var(--elements-transition-timing-function);
  will-change: opacity;
  pointer-events: none;
}

.elements-mobile-overlay.is-active {
  opacity: 0.8;
  pointer-events: auto;
}



/* Article
// ========================================================================== */

.elements-article {
  background-color: var(--elements-background-color);
}


/* List
-- ---- */

.elements-list {
  margin: 0;
  padding: 0;
  line-height: 1;
  list-style: none;
}

.elements-list .element {
  display: block;
  margin: 0;
  padding-top: var(--elements-element-padding-y);
  padding-left: var(--elements-element-padding-x);
  padding-right: var(--elements-element-padding-x);
  padding-bottom: calc(var(--elements-element-padding-y) * 6);
  color: var(--elements-base-color);
}

.elements-list .element:not(:last-child) {
  border-bottom: 1px dashed var(--elements-border-color);
}


/* Content
-- ------- */

.element-title {
  position: relative;
  margin: 0 0 var(--elements-element-padding-y);
  font-size: 2.44140625rem;
  font-weight: var(--elements-header-font-weight);
  letter-spacing: 0;
  line-height: 0.65;
  color: var(--elements-base-head-color);
}

.element-examples {
  font-size: 1rem;
}


/* Builder Overwrites
-- ------------------ */

.element-examples > .x-section {
  z-index: auto !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  max-width: 600px !important;
  background-color: transparent !important;
}

[data-elements-element*="posts"] .element-examples > .x-section {
  max-width: 1000px !important;
}

.element-examples > .x-section + .x-section {
  margin-top: calc(var(--elements-element-padding-y) * 1) !important;
}

.element-examples > .x-section.is-fullwidth {
  margin-left: calc(var(--elements-element-padding-x) * -1) !important;
  margin-right: calc(var(--elements-element-padding-x) * -1) !important;
}

.element-examples > .x-section > .x-container,
.element-examples > .x-section > .x-container > .x-column {
  z-index: auto !important;
}

.element-examples .x-mod-container {
  display: inline-block;
}

.element-examples .x-column > .x-bar-content-area,
.element-examples .x-column > .x-text:not(.x-text-headline) {
  max-width: 600px !important;
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
  color: var(--elements-base-head-color) !important;
}

.element-examples .is-collapsed-layered-nav-row,
.element-examples .x-column > .x-menu-collapsed,
.element-examples .x-column > .x-menu-layered {
  max-width: 420px;
}

.element-examples .is-collapsed-layered-nav-row {
  margin-left: 0;
}



/* Custom: Content Area
// ========================================================================== */

.element-example-content-area {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  border: 2px dashed var(--elements-base-accent-color);
  border-radius: 5px;
  padding: calc(var(--elements-element-padding-y) * 1.5) calc(var(--elements-element-padding-x) * 1.5);
  font-size: 1.25rem;
  font-weight: var(--elements-header-font-weight);
  line-height: 1.5;
  text-align: center;
  color: var(--elements-base-head-color);
  box-shadow: 0 0.65em 2.5em var(--elements-box-shadow-color-alt);
}

.element-example-content-area[class*="2"] {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
}

.element-example-content-area[class*="4"] {
  color: #5c554b;
  border-color: #8ba753;
}

.element-example-content-area[class*="dropdown"] {
  padding: calc(var(--elements-element-padding-y) * 1) calc(var(--elements-element-padding-x) * 1);
}

.element-example-content-area > span {
  display: block;
  max-width: 18em;
  margin: 0 auto;
}



/* Custom: Design Cloud
// ========================================================================== */

.elements-aside button[data-elements-nav-link="#dc"] {

}

.elements-list .element.is-dc {
  padding: 0;
}

.elements-list .element.is-dc a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  margin-top: -1px;
  padding-top: calc(var(--elements-element-padding-y) * 4);
  padding-left: var(--elements-element-padding-x);
  padding-right: var(--elements-element-padding-x);
  padding-bottom: calc(var(--elements-element-padding-y) * 4);
  text-align: center;
  color: var(--elements-background-color);
  background-color: var(--elements-base-accent-color);
}

.elements-list .element.is-dc a:hover {
  color: var(--elements-background-color);
}

.elements-list .element.is-dc a:hover h2 {
  opacity: 0.55;
}

.elements-list .element.is-dc svg {
  display: block;
  width: 8em;
  height: auto;
  margin: 0 auto;
  fill: currentColor;
}

.elements-list .element.is-dc h2 {
  margin: 0.512em auto 0;
  font-size: 1.953125rem;
  font-weight: inherit;
  line-height: 1.4;
  color: currentColor;
  opacity: 1;
  transition: opacity 0.3s ease;
}



/* Custom: Classic Elements
// ========================================================================== */

.elements-aside button[data-elements-nav-link="#classic"] {
  border-top: 1px dashed var(--elements-border-color);
}

.elements-list .element.is-classic {
  padding-top: calc(var(--elements-element-padding-y) * 3);
  padding-bottom: calc(var(--elements-element-padding-y) * 3);
  background-color: var(--elements-base-accent-color-alt);
  text-align: center;
}

.elements-list .element.is-classic .element-example-content-area {
  max-width: 500px;
  margin: 0 auto;
}



/* Custom: Global Blocks
// ========================================================================== */

.element-example-content-area.is-gb {
  position: relative;
}


/* Text
// ---- */

.element-example-content-area.is-gb p             { width: 100%;                                                          }
.element-example-content-area.is-gb p:first-child { margin: 0 0 calc(var(--elements-element-padding-y) * 1.5) !important; }
.element-example-content-area.is-gb p:last-child  { margin: calc(var(--elements-element-padding-y) * 1.5) 0 0 !important; }


/* Images
// ------ */

.element-example-content-area.is-gb figure {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0 5px;
}

.element-example-content-area.is-gb img {
  display: block;
  width: 120px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.element-example-content-area.is-gb img[src*="01"] {
  transform: translate3d(0, 0, 0);
  animation: tcoGlobalBlockButton01 6s infinite ease;
}

.element-example-content-area.is-gb img[src*="02"] {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0);
  animation: tcoGlobalBlockButton02 6s infinite ease;
}


/* Source and Destination
// ---------------------- */

.element-example-content-area.is-gb .is-source,
.element-example-content-area.is-gb .is-destination {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  position: relative;
  line-height: 1;  
}


/* Source
// ------ */

.element-example-content-area.is-gb .is-source svg {
  position: absolute;
  top: 45%;
  left: calc(50% + 38px);
  width: 2em;
  height: 2em;
  fill: var(--elements-background-color);
  animation: tcoGlobalBlockSource 6s infinite ease;
  transform: rotate(-15deg) scale(1);
  filter: drop-shadow(0 6px 15px rgba(0, 0, 0, 0.5));
}


/* Destination
// ----------- */

.element-example-content-area.is-gb .is-destination {
  margin-top: calc(var(--elements-element-padding-y) * 1.5);
}

.element-example-content-area.is-gb .is-destination figure:first-child img {
  animation-delay: calc((6s / 10) * 1);
}

.element-example-content-area.is-gb .is-destination figure:last-child img {
  animation-delay: calc((6s / 10) * 2);
}


/* Animations
// ---------- */

@keyframes tcoGlobalBlockSource {
  0%   { transform: rotate(-15deg) scale(1);    }
  40%  { transform: rotate(-15deg) scale(1);    }
  45%  { transform: rotate(-15deg) scale(0.85); }
  50%  { transform: rotate(-15deg) scale(1);    }
  90%  { transform: rotate(-15deg) scale(1);    }
  95%  { transform: rotate(-15deg) scale(0.85); }
  100% { transform: rotate(-15deg) scale(1);    }
}

@keyframes tcoGlobalBlockButton01 {
  0%   { opacity: 1; }
  40%  { opacity: 1; }
  45%  { opacity: 1; }
  50%  { opacity: 0; }
  90%  { opacity: 0; }
  95%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes tcoGlobalBlockButton02 {
  0%   { opacity: 0; }
  40%  { opacity: 0; }
  45%  { opacity: 0; }
  50%  { opacity: 1; }
  90%  { opacity: 1; }
  95%  { opacity: 1; }
  100% { opacity: 0; }
}



/* Custom: Gap
// ========================================================================== */

.element-example-content-area.is-gap {
  position: relative;
}

.element-example-content-area.is-gap p             { width: 100%;                                                        }
.element-example-content-area.is-gap p:first-child { margin: 0 0 calc(var(--elements-element-padding-y) * 1) !important; }
.element-example-content-area.is-gap p:last-child  { margin: calc(var(--elements-element-padding-y) * 1) 0 0 !important; }

.element-example-content-area.is-gap .is-video {
  overflow: hidden;
  width: 100%;
  border-radius: 3px;
  padding: 5px;
  box-shadow: 0 0.65em 2.5em rgba(0, 0, 0, 0.1);
}

.element-example-content-area.is-gap .x-video {
  overflow: hidden;
  margin: 0;
}

.element-example-content-area.is-gap .x-video-inner {
  margin-top: -1px;
  padding-bottom: calc((1516 / 2800) * 100%);
}



/* Custom: Raw Content
// ========================================================================== */

.element-example-content-area.is-rc {
  position: relative;
}

.element-example-content-area.is-rc p             { width: 100%;                                                           }
.element-example-content-area.is-rc p:first-child { margin: 0 0 calc(var(--elements-element-padding-y) * 0.5) !important; }
.element-example-content-area.is-rc p:last-child  { margin: calc(var(--elements-element-padding-y) * 0.5) 0 0 !important; }

.element-example-content-area.is-rc img {
  border-radius: 3px;
}



/* Custom: Text
// ========================================================================== */

.element-example-content-area.is-text {
  position: relative;
}

.element-example-content-area.is-text p             { width: 100%;                                                           }
.element-example-content-area.is-text p:first-child { margin: 0 0 calc(var(--elements-element-padding-y) * 0.15) !important; }
.element-example-content-area.is-text p:last-child  { margin: calc(var(--elements-element-padding-y) * 1.05) 0 0 !important; }



/* Custom: Widget Area
// ========================================================================== */

.element-example-content-area.is-wa {
  position: relative;
}

.element-example-content-area.is-wa p             { width: 100%;                                                        }
.element-example-content-area.is-wa p:first-child { margin: 0 0 calc(var(--elements-element-padding-y) * 0.5) !important; }
.element-example-content-area.is-wa p:last-child  { margin: calc(var(--elements-element-padding-y) * 0.5) 0 0 !important; }



/* Custom: Pagination / Post Navigation
// ========================================================================== */

.tco1234 .x-paginate-inner {
  justify-content: flex-start;
  margin-right: calc(6px * -1);
  margin-bottom: calc(6px * -1);
}

.tco1234 .x-paginate-inner > * {
  min-width: 3em;
  min-height: 3em;
  margin-right: 6px;
  margin-bottom: 6px;
  border-radius: 100em;
  padding: 0.8em 1em 0.8em 1em;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  background-color: rgba(0, 0, 0, 0.075);
  box-shadow: none;
}

.tco1234 .x-paginate-inner > a:hover {
  background-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
}

.tco1234 .x-paginate-inner > .current {
  color: rgba(0, 0, 0, 1);
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}

.tco1234 .x-paginate-inner > .dots {
  color: rgba(0, 0, 0, 1);
  background-color: transparent;
  box-shadow: none;
}

.tco1234 .x-paginate-inner > .prev,
.tco1234 .x-paginate-inner > .next {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 0.85);
  box-shadow: none;
}

.tco1234 .x-paginate-inner > .prev:hover,
.tco1234 .x-paginate-inner > .next:hover {
  background-color: rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1);
}

.tco1234.x-paginate {
  transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000);
}

.tco1234.x-paginate .x-paginate-inner > * {
  transition-timing-function: cubic-bezier(0.400, 0.000, 0.200, 1.000);
}

/*
@media (max-width: 766.98px) {
  .tco1234 .x-paginate-inner > :not(.prev):not(.next) {
    display: none !important;
  }
}
*/



/* Custom: Posts (Minimal)
// ========================================================================== */

.tco-min-posts-ex-4.x-row {
  z-index: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
  font-size: 1rem;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-min-posts-ex-4 > .x-row-inner {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  margin: calc(((1em / 2) + 1px) * -1) calc(((1em / 2) + 1px) * -1);
}

.tco-min-posts-ex-4 > .x-row-inner > * {
  margin: calc(1em / 2) calc(1em / 2);
}

.tco-min-posts-ex-5.x-col {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  align-content: stretch;
  z-index: auto;
  border-radius: 6px;
  padding: 1em;
  font-size: 1em;
  background-color: transparent;
  box-shadow: none;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.tco-min-posts-ex-5.x-col:hover,
.tco-min-posts-ex-5.x-col[class*="active"],
[data-x-effect-provider*="colors"]:hover .tco-min-posts-ex-5.x-col {
  box-shadow: 0em 0.65em 1.35em 0em rgba(0, 0, 0, 0.16);
}

.tco-min-posts-ex-5.x-col:hover,
[data-x-effect-provider*="effects"]:hover .tco-min-posts-ex-5.x-col:not(.x-effect-exit) {
  transform: translate(0em, -0.5em);
}

.tco-min-posts-ex-6.x-div {
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 0 0 auto;
  height: 44vh;
  min-height: 210px;
  max-height: 240px;
  margin: 0em 0em 1em 0em;
  border-radius: 3px;
  font-size: 1em;
  background-color: #d5d5d5;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-min-posts-ex-8.x-div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1 1 auto;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

figure.tco-min-posts-ex-6.x-div {
  pointer-events: auto;
}

article.tco-min-posts-ex-8.x-div {
  pointer-events: auto;
}

.tco-min-posts-ex-7.x-image {
  display: block;
  font-size: 1em;
  width: 100%;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-min-posts-ex-7.x-image img {
  width: 100%;
  object-fit: cover;
}

.tco-min-posts-ex-7.x-image,
.tco-min-posts-ex-7.x-image img {
  height: 100%;
}

.tco-min-posts-ex-9.x-text {
  max-width: 21em;
  margin: 0em 0em 0.512em 0em;
  font-size: 1em;
  background-color: transparent;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.tco-min-posts-ex-11.x-text {
  margin: 1.563em 0em 0em 0em;
  font-size: 1em;
  background-color: transparent;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.tco-min-posts-ex-11.x-text .x-text-content {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.tco-min-posts-ex-9.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-right: calc(0em * -1);
  text-transform: none;
  color: rgba(0, 0, 0, 1);
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.tco-min-posts-ex-11.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 0.64em;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.065em;
  margin-right: calc(0.065em * -1);
  text-transform: uppercase;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.tco-min-posts-ex-9.x-text:hover .x-text-content-text-primary,
.tco-min-posts-ex-9.x-text[class*="active"] .x-text-content-text-primary,
[data-x-effect-provider*="colors"]:hover .tco-min-posts-ex-9.x-text .x-text-content-text-primary {
  color: #f45c00;
}

.tco-min-posts-ex-11.x-text .x-graphic {
  margin: 0em 0.409em 0em 0em;
}

.tco-min-posts-ex-11.x-text .x-graphic-icon {
  font-size: 1em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #000000;
  background-color: transparent;
}

.tco-min-posts-ex-9.x-text .x-text-content-text-subheadline  { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-11.x-text .x-text-content-text-subheadline { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-9.x-text .x-text-typing                    { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-11.x-text .x-text-typing                   { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-9.x-text .x-typed-cursor                   { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-11.x-text .x-typed-cursor                  { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-9.x-text .x-graphic-child                  { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.tco-min-posts-ex-11.x-text .x-graphic-child                 { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }

.tco-min-posts-ex-10.x-text {
  margin: 0em 0em auto 0em;
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.55);
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-min-posts-ex-10.x-text > :first-child { margin-top: 0;    }
.tco-min-posts-ex-10.x-text > :last-child  { margin-bottom: 0; }

@media (max-width: 479.98px) { .tco-min-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(22em - 1em);                                                            } }
@media (min-width: 480px) and (max-width: 766.98px)                                     { .tco-min-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(22em - 1em); } }
@media (min-width: 767px) and (max-width: 978.98px)                                     { .tco-min-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(22em - 1em); } }
@media (min-width: 979px) and (max-width: 1199.98px)                                    { .tco-min-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(22em - 1em); } }
@media (min-width: 1200px) { .tco-min-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0)   { flex-basis: calc(22em - 1em);                                                            } }



/* Custom: Posts (List)
// ========================================================================== */

.tco-list-posts-ex-4.x-row {
  z-index: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-4 > .x-row-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin: calc(((1em / 2) + 1px) * -1) calc(((1em / 2) + 1px) * -1);
}

.tco-list-posts-ex-4 > .x-row-inner > * {
  margin: calc(1em / 2) calc(1em / 2);
}

@media (max-width: 479.98px)                         { .tco-list-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(100% - 1em); } }
@media (min-width: 480px) and (max-width: 766.98px)  { .tco-list-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(100% - 1em); } }
@media (min-width: 767px) and (max-width: 978.98px)  { .tco-list-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(100% - 1em); } }
@media (min-width: 979px) and (max-width: 1199.98px) { .tco-list-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(100% - 1em); } }
@media (min-width: 1200px)                           { .tco-list-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(100% - 1em); } }

.tco-list-posts-ex-5.x-col {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  z-index: auto;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-6.x-div {
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  flex: 0 0 auto;
  width: 4em;
  height: 4em;
  margin: 0em 1em 0em 0em;
  border-radius: 4px;
  font-size: 1em;
  background-color: #4c3be9;
  box-shadow: 0em 0.15em 0.65em 0em rgba(0, 0, 0, 0.11);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-9.x-div {
  flex: 1 1 12em;
  min-width: 1px;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

figure.tco-list-posts-ex-6.x-div {
  pointer-events: auto;
}

article.tco-list-posts-ex-9.x-div {
  pointer-events: auto;
}

.tco-list-posts-ex-7.x-image {
  display: block;
  font-size: 1em;
  width: 100%;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-7.x-image img {
  width: 100%;
  object-fit: cover;
}

.tco-list-posts-ex-7.x-image,
.tco-list-posts-ex-7.x-image img {
  height: 100%;
}

.tco-list-posts-ex-8.x-icon {
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  color: #ffffff;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-10.x-text {
  font-size: 1em;
  background-color: transparent;
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-10.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0em;
  margin-right: calc(0em * -1);
  text-transform: none;
  color: #000000;
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-10.x-text:hover .x-text-content-text-primary,
.tco-list-posts-ex-10.x-text[class*="active"] .x-text-content-text-primary,
[data-x-effect-provider*="colors"]:hover .tco-list-posts-ex-10.x-text .x-text-content-text-primary {
  color: #4c3be9;
}

.tco-list-posts-ex-10.x-text .x-text-content-text-subheadline {
  margin-bottom: 0.512em;
  font-family: inherit;
  font-size: 0.64em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.125em;
  margin-right: calc(0.125em * -1);
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.55);
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-10.x-text .x-text-typing {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-10.x-text .x-typed-cursor {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-list-posts-ex-10.x-text .x-graphic-child {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}



/* Custom: Posts (Tiles)
// ========================================================================== */

.tco-tiles-posts-ex-4.x-row {
  z-index: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
  font-size: 1rem;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-4 > .x-row-inner {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  margin: calc(((1em / 2) + 1px) * -1) calc(((1em / 2) + 1px) * -1);
}

.tco-tiles-posts-ex-4 > .x-row-inner > * {
  flex-grow: 1;
  margin: calc(1em / 2) calc(1em / 2);
}

.tco-tiles-posts-ex-5.x-col {
  overflow: hidden;
  z-index: 1;
  height: 44vh;
  min-height: 320px;
  max-height: 400px;
  border-radius: 2px;
  font-size: 1em;
  background-color: #000000;
  box-shadow: 0em 0.65em 1.5em 0em rgba(0, 0, 0, 0.22);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-5.x-col > .is-primary {
  width: 16px;
  height: 3px;
  color: #ffba00;
  transform-origin: 100% 0%;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-5.x-col > .is-secondary {
  width: 3px;
  height: 16px;
  color: #ffba00;
  transform-origin: 100% 0%;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-5.x-col:hover > .is-secondary,
[data-x-effect-provider*="particles"]:hover .tco-tiles-posts-ex-5.x-col > .is-secondary {
  transition-delay: 150ms;
}

.tco-tiles-posts-ex-6.x-div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 0 1 auto;
  position: static;
  width: 100%;
  height: 100%;
  padding: 2.441em;
  font-size: 1em;
  background-color: rgba(0, 0, 0, 0.66);
  transition-duration: 650ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-9.x-div {
  flex: 0 1 auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  font-size: 1em;
  background-color: transparent;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  transition-duration: 650ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

article.tco-tiles-posts-ex-6.x-div {
  pointer-events: auto;
}

figure.tco-tiles-posts-ex-9.x-div {
  pointer-events: auto;
}

.tco-tiles-posts-ex-6.x-div:hover,
.tco-tiles-posts-ex-6.x-div[class*="active"],
[data-x-effect-provider*="colors"]:hover .tco-tiles-posts-ex-6.x-div {
  background-color: rgba(0, 0, 0, 0.33);
}

.tco-tiles-posts-ex-9.x-div:hover,
[data-x-effect-provider*="effects"]:hover .tco-tiles-posts-ex-9.x-div:not(.x-effect-exit) {
  transform: translate3d(0, 0, 0) scale(1.05);
}

.tco-tiles-posts-ex-7.x-text {
  font-family: inherit;
  font-size: 0.8em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  background-color: transparent;
  transition-duration: 650ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-7.x-text > :first-child {
  margin-top: 0;
}

.tco-tiles-posts-ex-7.x-text > :last-child {
  margin-bottom: 0;
}

.tco-tiles-posts-ex-7.x-text:hover,
.tco-tiles-posts-ex-7.x-text[class*="active"],
[data-x-effect-provider*="colors"]:hover .tco-tiles-posts-ex-7.x-text {
  color: #ffffff;
}

.tco-tiles-posts-ex-8.x-text {
  max-width: 21em;
  margin: auto 0em 0em 0em;
  font-size: 1.563em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-8.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0em;
  margin-right: calc(0em * -1);
  text-transform: none;
  color: #ffffff;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-8.x-text .x-text-content-text-subheadline {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-8.x-text .x-text-typing {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-8.x-text .x-typed-cursor {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-8.x-text .x-graphic-child {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-10.x-image {
  display: block;
  font-size: 1em;
  width: 100%;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-tiles-posts-ex-10.x-image img {
  width: 100%;
  object-fit: cover;
}

.tco-tiles-posts-ex-10.x-image,
.tco-tiles-posts-ex-10.x-image img {
  height: 100%;
}

@media (max-width: 479.98px)                         { .tco-tiles-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(28em - 1em); } }
@media (min-width: 480px) and (max-width: 766.98px)  { .tco-tiles-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(28em - 1em); } }
@media (min-width: 767px) and (max-width: 978.98px)  { .tco-tiles-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(28em - 1em); } }
@media (min-width: 979px) and (max-width: 1199.98px) { .tco-tiles-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(28em - 1em); } }
@media (min-width: 1200px)                           { .tco-tiles-posts-ex-4 > .x-row-inner > *:nth-child(1n - 0) { flex-basis: calc(28em - 1em); } }



/* Custom: Posts (Magazine)
============================================================================= */

.tco-mag-posts-ex-4.x-row {
  z-index: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 1px;
  font-size: 1rem;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-4 > .x-row-inner {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  margin: calc(((3em / 2) + 1px) * -1) calc(((3em / 2) + 1px) * -1);
}

.tco-mag-posts-ex-4 > .x-row-inner > * {
  flex-grow: 1;
  margin: calc(3em / 2) calc(3em / 2);
}

.tco-mag-posts-ex-5.x-col {
  overflow: hidden;
  z-index: 1;
  min-height: 58vmin;
  border-radius: 2px;
  font-size: 1em;
  background-color: #000000;
  box-shadow: none;
  transform-style: preserve-3d;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-12.x-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  z-index: auto;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-5.x-col:hover,
.tco-mag-posts-ex-5.x-col[class*="active"],
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-5.x-col {
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.16);
}

.tco-mag-posts-ex-5.x-col:hover,
[data-x-effect-provider*="effects"]:hover .tco-mag-posts-ex-5.x-col:not(.x-effect-exit) {
  transform: translate3d(0, -10px, 0);
}

.tco-mag-posts-ex-18.x-div {
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 3.5em;
  height: 3.5em;
  margin: 0em 5px 5px 1.953em;
  border-radius: 2px;
  font-size: 1em;
  background-color: #000000;
  box-shadow: 5px 5px 0px 0px rgba(18, 18, 18, 0.16);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-6.x-div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 0 1 auto;
  position: static;
  width: 100%;
  height: 100%;
  padding: calc(1rem + 5%);
  font-size: 1em;
  background-color: rgba(18, 18, 18, 0.77);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-7.x-div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  flex: 0 1 auto;
  margin: 0em 0em 1.563em 0em;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-13.x-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  flex: 0 1 auto;
  border-width: 0px 0px 1px 0px;
  border-style: solid solid dotted solid;
  border-color: transparent transparent #dddddd transparent;
  padding: 0em 0em 0.64em 0em;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-16.x-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex: 0 1 auto;
  width: 100%;
  margin: 2.441em 0em 0em 0em;
  font-size: 1em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-10.x-div {
  flex: 0 1 auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  font-size: 1em;
  background-color: transparent;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

div.tco-mag-posts-ex-6.x-div     { pointer-events: auto; }
div.tco-mag-posts-ex-7.x-div     { pointer-events: auto; }
figure.tco-mag-posts-ex-10.x-div { pointer-events: auto; }
div.tco-mag-posts-ex-13.x-div    { pointer-events: auto; }
a.tco-mag-posts-ex-16.x-div      { pointer-events: auto; }
figure.tco-mag-posts-ex-18.x-div { pointer-events: auto; }

.tco-mag-posts-ex-6.x-div:hover,
.tco-mag-posts-ex-6.x-div[class*="active"],
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-6.x-div {
  background-color: rgba(18, 18, 18, 0.55);
}

.tco-mag-posts-ex-10.x-div:hover,
[data-x-effect-provider*="effects"]:hover .tco-mag-posts-ex-10.x-div:not(.x-effect-exit) {
  transform: scale(1.05);
}

.tco-mag-posts-ex-8.x-text {
  font-family: inherit;
  font-size: 0.64em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  background-color: transparent;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-8.x-text > :first-child {
  margin-top: 0;
}

.tco-mag-posts-ex-8.x-text > :last-child {
  margin-bottom: 0;
}

.tco-mag-posts-ex-8.x-text:hover,
.tco-mag-posts-ex-8.x-text[class*="active"],
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-8.x-text {
  color: #ffffff;
}

.tco-mag-posts-ex-9.x-text {
  max-width: 18em;
  margin: auto 0em 0em 0em;
  font-size: 1.563em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-14.x-text {
  font-size: 1.953em;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-17.x-text {
  font-size: 1em;
  background-color: transparent;
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-9.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 1em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0em;
  margin-right: calc(0em * -1);
  text-transform: none;
  color: #ffffff;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-14.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  margin-right: calc(0em * -1);
  text-transform: none;
  color: #121212;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-17.x-text .x-text-content-text-primary {
  font-family: inherit;
  font-size: 1.25em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0em;
  margin-right: calc(0em * -1);
  text-transform: none;
  color: #121212;
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-17.x-text:hover .x-text-content-text-primary,
.tco-mag-posts-ex-17.x-text[class*="active"] .x-text-content-text-primary,
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-17.x-text .x-text-content-text-primary {
  color: #4353ff;
}

.tco-mag-posts-ex-17.x-text .x-text-content-text-subheadline {
  margin-bottom: 0.64em;
  font-family: inherit;
  font-size: 0.64em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.125em;
  margin-right: calc(0.125em * -1);
  text-transform: uppercase;
  color: rgba(18, 18, 18, 0.55);
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-9.x-text .x-text-content-text-subheadline {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-14.x-text .x-text-content-text-subheadline {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-17.x-text .x-text-typing {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-9.x-text .x-text-typing {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-14.x-text .x-text-typing {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-17.x-text .x-typed-cursor {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-9.x-text .x-typed-cursor {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-14.x-text .x-typed-cursor {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-17.x-text .x-graphic-child {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-9.x-text .x-graphic-child {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-14.x-text .x-graphic-child {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-11.x-image {
  display: block;
  font-size: 1em;
  width: 100%;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-19.x-image {
  display: block;
  font-size: 1em;
  width: 100%;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-11.x-image img {
  width: 100%;
  object-fit: cover;
}

.tco-mag-posts-ex-19.x-image img {
  width: 100%;
  object-fit: cover;
}

.tco-mag-posts-ex-11.x-image,
.tco-mag-posts-ex-11.x-image img {
  height: 100%;
}

.tco-mag-posts-ex-19.x-image,
.tco-mag-posts-ex-19.x-image img {
  height: 100%;
}

.tco-mag-posts-ex-15.x-anchor {
  font-size: 0.64em;
  background-color: transparent;
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-15.x-anchor .x-anchor-content {
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}

.tco-mag-posts-ex-15.x-anchor .x-anchor-text-primary {
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.125em;
  margin-right: calc(0.125em * -1);
  text-transform: uppercase;
  color: rgba(18, 18, 18, 0.55);
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-15.x-anchor:hover .x-anchor-text-primary,
.tco-mag-posts-ex-15.x-anchor[class*="active"] .x-anchor-text-primary,
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-15.x-anchor .x-anchor-text-primary {
  color: #121212;
}

.tco-mag-posts-ex-15.x-anchor .x-anchor-text-secondary {
  margin-top: 0.35em;
  font-family: inherit;
  font-size: 0.75em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: rgba(0, 0, 0, 1);
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-15.x-anchor:hover .x-anchor-text-secondary,
.tco-mag-posts-ex-15.x-anchor[class*="active"] .x-anchor-text-secondary,
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-15.x-anchor .x-anchor-text-secondary {
  color: rgba(0, 0, 0, 0.5);
}

.tco-mag-posts-ex-15.x-anchor .x-graphic {
  margin: 0em 0em 0em 0.512em;
}

.tco-mag-posts-ex-15.x-anchor .x-graphic-icon {
  font-size: 1em;
  width: auto;
  height: 1em;
  line-height: 1em;
  color: rgba(18, 18, 18, 0.55);
  background-color: transparent;
}

.tco-mag-posts-ex-15.x-anchor:hover .x-graphic-icon,
.tco-mag-posts-ex-15.x-anchor[class*="active"] .x-graphic-icon,
[data-x-effect-provider*="colors"]:hover .tco-mag-posts-ex-15.x-anchor .x-graphic-icon {
  color: #121212;
}

.tco-mag-posts-ex-15.x-anchor .x-graphic-child {
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tco-mag-posts-ex-20.x-icon {
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  color: #ffffff;
  background-color: transparent;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 479.98px) {
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 1) { flex-basis: calc(38rem - 3em); }
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 0) { flex-basis: calc(20rem - 3em); }
}

@media (min-width: 480px) and (max-width: 766.98px) {
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 1) { flex-basis: calc(38rem - 3em); }
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 0) { flex-basis: calc(20rem - 3em); }
}

@media (min-width: 767px) and (max-width: 978.98px) {
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 1) { flex-basis: calc(38rem - 3em); }
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 0) { flex-basis: calc(20rem - 3em); }
}

@media (min-width: 979px) and (max-width: 1199.98px) {
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 1) { flex-basis: calc(38rem - 3em); }
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 0) { flex-basis: calc(20rem - 3em); }
}

@media (min-width: 1200px) {
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 1) { flex-basis: calc(38rem - 3em); }
  .tco-mag-posts-ex-4 > .x-row-inner > *:nth-child(2n - 0) { flex-basis: calc(20rem - 3em); }
}



/* Responsive
// ========================================================================== */

@media (min-width: 1100px) {
  :root {
    --elements-element-padding-x:    2.44140625rem;
  }

  html,
  body,
  html.is-overflow-hidden,
  body.is-overflow-hidden {
    overflow: visible !important;
  }

  .elements-header button {
    display: none;
  }

  .elements-main {
    padding-left: var(--elements-aside-width);
  }

  .elements-aside,
  .elements-aside.is-active {
    transform: none;
    transition-duration: 0s;
  }

  .elements-mobile-overlay,
  .elements-mobile-overlay.is-active {
    opacity: 0;
    transition-duration: 0s;
    pointer-events: none;
  }
}