@charset "UTF-8";
/**
 * Discover arrow: data URI so the icon works from any compiled CSS.
 * A file path like `url('./img/arrow.svg')` resolves relative to the generated
 * .css: OK for `scss/main.css` → `scss/img/`, broken for `blocks/.../css/*.css`.
 */
/**
 * Breakpoints
 */
/**
 * Functions
 */
/**
 * Mixin core
 */
/**
 * Full-bleed a swiper stage out of its centered container so slides (and the
 * side nav arrows anchored to it) reach the viewport edges on mobile.
 * The intro/content sibling keeps its container padding.
 *
 * $flex-centered: pass true when the target is a flex ITEM inside a
 * flex column with `align-items: center` (e.g. highlights cards-stage): the
 * flex centering already lands the 100vw box at the viewport edges, so the
 * negative inline margin must be omitted to avoid a double shift. For normal
 * block-flow parents (gallery, awards, post_preview) leave it false.
 */
.de_block_social_media #smash_balloon_container {
  position: relative;
  width: 100%;
}
.de_block_social_media #sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
.de_block_social_media #sb_instagram .sbi_type_video .sbi_link .sbi_playbtn,
.de_block_social_media #sb_instagram .sbi_info,
.de_block_social_media #sb_instagram #sbi_load,
.de_block_social_media #sb_instagram .sb_instagram_header {
  display: none !important;
}
.de_block_social_media {
  /*custom video icon*/
}
.de_block_social_media #sb_instagram .sbi_type_video .sbi_photo_wrap:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  right: 8px;
  font-weight: 700;
  top: 8px;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTguNzUyIDU4Ljc1MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTguNzUyIDU4Ljc1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTUyLjUyNCwyMy45MjVMMTIuNTA3LDAuODI0Yy0xLjkwNy0xLjEtNC4zNzYtMS4wOTctNi4yNzYsMEM0LjI5MywxLjk0LDMuMDg4LDQuMDI1LDMuMDg4LDYuMjY0djQ2LjIwNQ0KCQljMCwyLjI0LDEuMjA0LDQuMzI1LDMuMTMxLDUuNDM1YzAuOTUzLDAuNTU1LDIuMDQyLDAuODQ4LDMuMTQ5LDAuODQ4YzEuMTA0LDAsMi4xOTItMC4yOTIsMy4xNDEtMC44NDNsNDAuMDE3LTIzLjEwMw0KCQljMS45MzYtMS4xMTksMy4xMzgtMy4yMDMsMy4xMzgtNS40MzlDNTUuNjYzLDI3LjEzNCw1NC40NjIsMjUuMDUsNTIuNTI0LDIzLjkyNXogTTQ5LjUyNCwyOS42MTJMOS41MDQsNTIuNzE2DQoJCWMtMC4wODIsMC4wNDctMC4xOCwwLjA1Mi0wLjI3OS0wLjAwNWMtMC4wODQtMC4wNDktMC4xMzctMC4xNDItMC4xMzctMC4yNDJWNi4yNjNjMC0wLjEsMC4wNTItMC4xOTIsMC4xNC0wLjI0Mw0KCQljMC4wNDItMC4wMjUsMC4wOS0wLjAzOCwwLjEzOS0wLjAzOGMwLjA1MSwwLDAuMDk5LDAuMDEzLDAuMTQyLDAuMDM4bDQwLjAxLDIzLjA5OGMwLjA4OSwwLjA1MiwwLjE0NSwwLjE0NywwLjE0NSwwLjI0OQ0KCQlDNDkuNjYzLDI5LjQ3LDQ5LjYxMSwyOS41NjEsNDkuNTI0LDI5LjYxMnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
  background-size: cover;
  filter: invert(1);
  z-index: 1;
}
.de_block_social_media {
  /*List*/
}
.de_block_social_media.list #sb_instagram #sbi_images {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 25% 25% 25% 25%;
}
@media screen and (max-width: 479px) {
  .de_block_social_media.list #sb_instagram #sbi_images {
    grid-template-rows: auto;
    grid-template-columns: 50% 50%;
  }
}
.de_block_social_media.list #sb_instagram #sbi_images .sbi_item {
  width: 100%;
}
.de_block_social_media {
  /*Carousel*/
}
@media screen and (max-width: 1198px) {
  .de_block_social_media.carousel #smash_balloon_container {
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    margin-inline: calc(50% - 50vw);
    flex-shrink: 0;
  }
}
.de_block_social_media.carousel .sbi_photo_wrap {
  border-radius: 15px !important;
}
.de_block_social_media.carousel .sbi_inner_wrap,
.de_block_social_media.carousel .sbi_photo_wrap,
.de_block_social_media.carousel .sbi_photo {
  height: 100% !important;
}
.de_block_social_media.carousel .sbi_item {
  width: 300px;
  height: 400px;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .de_block_social_media.carousel .sbi_item {
    width: 150px;
    height: 200px;
  }
}
.de_block_social_media.carousel .swiper,
.de_block_social_media.carousel #sb_instagram {
  padding: 0 !important;
}
.de_block_social_media.carousel .uh-swiper-nav--social-media {
  z-index: 10;
  border-color: var(--body-color);
  background: var(--body-color);
  color: var(--body-color-as);
}
.de_block_social_media.carousel .uh-swiper-nav--social-media:hover:not(:disabled) {
  border-color: var(--hover-color);
  color: var(--hover-color-as);
  background-color: var(--hover-color);
}
.de_block_social_media {
  /*HorseShoe*/
}
.de_block_social_media.u_shape .social_pics_main_wrap .social_item_wrap.double {
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .de_block_social_media.u_shape .social_pics_main_wrap .social_item_wrap.double {
    z-index: 200;
  }
}
@media screen and (min-width: 1200px) {
  .de_block_social_media.u_shape .social_pics_main_wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
.de_block_social_media.u_shape #sb_instagram #sbi_images .sbi_item {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .de_block_social_media.u_shape .sbi_item:nth-child(2) {
    grid-column: 4;
    grid-row: 1;
  }
  .de_block_social_media.u_shape .sbi_item:nth-child(3) {
    grid-column: 1;
  }
  .de_block_social_media.u_shape {
    /*let's fit together the description and the horseshoe (have you ever played tetris? sort of that)*/
  }
  .de_block_social_media.u_shape #sb_instagram {
    margin-top: -25%;
  }
}

#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,
#sb_instagram.sbi_medium .sbi_playbtn {
  display: none !important;
}

.sbi_video {
  display: block !important;
}