@charset "UTF-8";
@font-face {
  font-family: "shapeblock-icon";
  src: url("../font/shapeblock-icon.woff2?83516218") format("woff2"), url("../font/shapeblock-icon.woff?83516218") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=shapeblock-icon-]:before,
[class*=" shapeblock-icon-"]:before {
  font-family: "shapeblock-icon";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.shapeblock-icon-tags:before {
  content: "\e800";
}

/* '' */
.shapeblock-icon-move-1:before {
  content: "\e801";
}

/* '' */
.shapeblock-icon-h-sigh-1:before {
  content: "\e802";
}

/* '' */
.shapeblock-icon-map-o-1:before {
  content: "\e803";
}

/* '' */
.shapeblock-icon-credit-card-alt:before {
  content: "\e80a";
}

/* '' */
.shapeblock-icon-font:before {
  content: "\e80f";
}

/* '' */
.shapeblock-icon-facebook-f:before {
  content: "\e84e";
}

/* '' */
.shapeblock-icon-twitter-x:before {
  content: "\e84f";
}

/* '' */
.shapeblock-icon-fire:before {
  content: "\e850";
}

/* '' */
.shapeblock-icon-move:before {
  content: "\e87e";
}

/* '' */
.shapeblock-icon-arrow-down:before {
  content: "\e90b";
}

/* '' */
.shapeblock-icon-arrow-left:before {
  content: "\e90c";
}

/* '' */
.shapeblock-icon-arrow-right:before {
  content: "\e90d";
}

/* '' */
.shapeblock-icon-arrow-up-right:before {
  content: "\e90e";
}

/* '' */
.shapeblock-icon-arrow-up:before {
  content: "\e90f";
}

/* '' */
.shapeblock-icon-attachment:before {
  content: "\e911";
}

/* '' */
.shapeblock-icon-caret-down:before {
  content: "\e925";
}

/* '' */
.shapeblock-icon-caret-left:before {
  content: "\e926";
}

/* '' */
.shapeblock-icon-caret-right:before {
  content: "\e927";
}

/* '' */
.shapeblock-icon-caret-up:before {
  content: "\e929";
}

/* '' */
.shapeblock-icon-carousel-horizontal:before {
  content: "\e92a";
}

/* '' */
.shapeblock-icon-carousel-vertical:before {
  content: "\e92b";
}

/* '' */
.shapeblock-icon-categories:before {
  content: "\e92c";
}

/* '' */
.shapeblock-icon-chart-treemap:before {
  content: "\e936";
}

/* '' */
.shapeblock-icon-chat:before {
  content: "\e93a";
}

/* '' */
.shapeblock-icon-chevron-down:before {
  content: "\e93f";
}

/* '' */
.shapeblock-icon-chevron-left:before {
  content: "\e940";
}

/* '' */
.shapeblock-icon-chevron-right:before {
  content: "\e942";
}

/* '' */
.shapeblock-icon-chevron-up:before {
  content: "\e946";
}

/* '' */
.shapeblock-icon-data-base:before {
  content: "\e972";
}

/* '' */
.shapeblock-icon-direction-straight-right:before {
  content: "\e97e";
}

/* '' */
.shapeblock-icon-direction-straight:before {
  content: "\e97f";
}

/* '' */
.shapeblock-icon-earth-americas:before {
  content: "\e98f";
}

/* '' */
.shapeblock-icon-favorite-filled:before {
  content: "\e9a7";
}

/* '' */
.shapeblock-icon-favorite:before {
  content: "\e9a8";
}

/* '' */
.shapeblock-icon-gui:before {
  content: "\e9c9";
}

/* '' */
.shapeblock-icon-image-copy:before {
  content: "\e9d5";
}

/* '' */
.shapeblock-icon-image:before {
  content: "\e9d8";
}

/* '' */
.shapeblock-icon-logo-digg:before {
  content: "\ea00";
}

/* '' */
.shapeblock-icon-logo-facebook:before {
  content: "\ea02";
}

/* '' */
.shapeblock-icon-logo-github:before {
  content: "\ea04";
}

/* '' */
.shapeblock-icon-logo-google:before {
  content: "\ea05";
}

/* '' */
.shapeblock-icon-logo-instagram:before {
  content: "\ea06";
}

/* '' */
.shapeblock-icon-logo-linkedin:before {
  content: "\ea07";
}

/* '' */
.shapeblock-icon-logo-medium:before {
  content: "\ea09";
}

/* '' */
.shapeblock-icon-logo-pinterest:before {
  content: "\ea0a";
}

/* '' */
.shapeblock-icon-logo-skype:before {
  content: "\ea0c";
}

/* '' */
.shapeblock-icon-logo-slack:before {
  content: "\ea0d";
}

/* '' */
.shapeblock-icon-logo-snapchat:before {
  content: "\ea0e";
}

/* '' */
.shapeblock-icon-logo-tumblr:before {
  content: "\ea10";
}

/* '' */
.shapeblock-icon-logo-twitter:before {
  content: "\ea11";
}

/* '' */
.shapeblock-icon-logo-vmware:before {
  content: "\ea12";
}

/* '' */
.shapeblock-icon-logo-youtube:before {
  content: "\ea14";
}

/* '' */
.shapeblock-icon-map:before {
  content: "\ea20";
}

/* '' */
.shapeblock-icon-notebook:before {
  content: "\ea3e";
}

/* '' */
.shapeblock-icon-open-panel-left:before {
  content: "\ea43";
}

/* '' */
.shapeblock-icon-open-panel-top:before {
  content: "\ea44";
}

/* '' */
.shapeblock-icon-password:before {
  content: "\ea51";
}

/* '' */
.shapeblock-icon-phone:before {
  content: "\ea5b";
}

/* '' */
.shapeblock-icon-calendar-two:before {
  content: "\ea5c";
}

/* '' */
.shapeblock-icon-notification-status:before {
  content: "\ea5d";
}

/* '' */
.shapeblock-icon-play-filled-alt:before {
  content: "\ea61";
}

/* '' */
.shapeblock-icon-play-filled:before {
  content: "\ea62";
}

/* '' */
.shapeblock-icon-play:before {
  content: "\ea64";
}

/* '' */
.shapeblock-icon-thumbnail-1:before {
  content: "\eade";
}

/* '' */
.shapeblock-icon-thumbnail-2:before {
  content: "\eadf";
}

/* '' */
.shapeblock-icon-thumbs-down:before {
  content: "\eae0";
}

/* '' */
.shapeblock-icon-thumbs-up:before {
  content: "\eae1";
}

/* '' */
.shapeblock-icon-time:before {
  content: "\eae3";
}

/* '' */
.shapeblock-icon-user-avatar-filled-alt:before {
  content: "\eaf1";
}

/* '' */
.shapeblock-icon-user-avatar-filled:before {
  content: "\eaf2";
}

/* '' */
.shapeblock-icon-user-avatar:before {
  content: "\eaf3";
}

/* '' */
.shapeblock-icon-wikis:before {
  content: "\eb0c";
}

/* '' */
.shapeblock-icon-logo-dribbble:before {
  content: "\eb15";
}

/* '' */
.shapeblock-icon-cart:before {
  content: "\eb16";
}

/* '' */
.shapeblock-icon-vcard:before {
  content: "\ebb6";
}

/* '' */
.shapeblock-icon-share-2:before {
  content: "\ecc0";
}

/* '' */
.shapeblock-icon-button:before {
  content: "\ed08";
}

/* '' */
.shapeblock-icon-check-empty:before {
  content: "\f096";
}

/* '' */
.shapeblock-icon-doc-text:before {
  content: "\f0f6";
}

/* '' */
.shapeblock-icon-h-sigh:before {
  content: "\f0fd";
}

/* '' */
.shapeblock-icon-left:before {
  content: "\f177";
}

/* '' */
.shapeblock-icon-whatsapp:before {
  content: "\f232";
}

/* '' */
.shapeblock-icon-map-o:before {
  content: "\f278";
}

/* '' */
/* --- Hover animations ----------------------------------------------------
 * Shared by the blocks that offer a Hover Animation setting (Helper::
 * hover_animation() picks the class). Each block's own transition uses
 * --shapeblock-hover-speed too, so one speed drives both kinds below.
 */
.shapeblock-hover-grow:hover {
  transform: scale(1.1);
}

.shapeblock-hover-shrink:hover {
  transform: scale(0.9);
}

.shapeblock-hover-float:hover {
  transform: translateY(-8px);
}

.shapeblock-hover-sink:hover {
  transform: translateY(8px);
}

.shapeblock-hover-rotate:hover {
  transform: rotate(15deg);
}

.shapeblock-hover-spin:hover {
  transform: rotate(360deg);
}

.shapeblock-hover-pulse:hover {
  animation: shapeblock-hover-pulse var(--shapeblock-hover-speed, 1s) linear infinite;
}

.shapeblock-hover-pop:hover {
  animation: shapeblock-hover-pop var(--shapeblock-hover-speed, 0.3s) linear 1;
}

.shapeblock-hover-bob:hover {
  animation: shapeblock-hover-bob var(--shapeblock-hover-speed, 1.5s) ease-in-out infinite;
}

.shapeblock-hover-hang:hover {
  animation: shapeblock-hover-hang var(--shapeblock-hover-speed, 1.5s) ease-in-out infinite;
}

.shapeblock-hover-wobble-horizontal:hover {
  animation: shapeblock-hover-wobble-x var(--shapeblock-hover-speed, 1s) ease-in-out 1;
}

.shapeblock-hover-wobble-vertical:hover {
  animation: shapeblock-hover-wobble-y var(--shapeblock-hover-speed, 1s) ease-in-out 1;
}

.shapeblock-hover-buzz:hover {
  animation: shapeblock-hover-buzz var(--shapeblock-hover-speed, 0.15s) linear infinite;
}

@keyframes shapeblock-hover-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
@keyframes shapeblock-hover-pop {
  50% {
    transform: scale(1.2);
  }
}
@keyframes shapeblock-hover-bob {
  50% {
    transform: translateY(-8px);
  }
}
@keyframes shapeblock-hover-hang {
  50% {
    transform: translateY(8px);
  }
}
@keyframes shapeblock-hover-wobble-x {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
}
@keyframes shapeblock-hover-wobble-y {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
}
@keyframes shapeblock-hover-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  [class*=shapeblock-hover-]:hover {
    transform: none;
    animation: none;
  }
}
:root {
  --shapeblock-preset-color-primary: #126bf0;
  --shapeblock-preset-color-secondary: #5096ff;
  --shapeblock-preset-color-tertiary: #f3f3f3;
  --shapeblock-preset-color-white: var(--wp--preset--color--white, #ffffff);
  --shapeblock-preset-color-contrast-1: var(--wp--preset--color--contrast, #0e0e0e);
  --shapeblock-preset-color-contrast-2: #0e0e0e;
  --shapeblock-preset-color-border: #8383831f;
  --shapeblock-preset-hover-transition: 0.4s ease;
}

.shapeblock-block {
  color: var(--shapeblock-preset-color-contrast-2);
}
.shapeblock-block a:focus {
  outline: none;
}
.shapeblock-block h1,
.shapeblock-block h2,
.shapeblock-block h3,
.shapeblock-block h4,
.shapeblock-block h5,
.shapeblock-block h6 {
  color: var(--shapeblock-preset-color-contrast-1);
  margin-top: 0;
}

.shapeblock-post-metas {
  margin: 20px 0 5px;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 120%;
  align-items: center;
  gap: 18px;
}
.shapeblock-post-metas .shapeblock-post-meta-item {
  display: flex;
  align-items: center;
}
.shapeblock-post-metas .shapeblock-post-meta-item a {
  overflow: visible !important;
  color: currentColor;
}
.shapeblock-post-metas a {
  text-decoration: none;
}
.shapeblock-post-metas a:hover {
  text-decoration: underline;
}
.shapeblock-post-metas li {
  position: relative;
}
.shapeblock-post-metas li + li {
  margin-left: 10px;
  padding-left: 10px;
}

.shapeblock-post-metas.shapeblock-post-metas-style-1 .shapeblock-post-meta-item {
  position: relative;
}
.shapeblock-post-metas.shapeblock-post-metas-style-1 .shapeblock-post-meta-item:not(:first-child)::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 6px;
  width: 5px;
  height: 5px;
  background: currentColor;
  border-radius: 100%;
}
.shapeblock-post-metas.shapeblock-post-metas-style-1 a {
  text-decoration: none;
}
.shapeblock-post-metas.shapeblock-post-metas-style-1 a:hover {
  text-decoration: underline;
}
.shapeblock-post-metas.shapeblock-post-metas-style-2 .shapeblock-post-meta-item img, .shapeblock-post-metas.shapeblock-post-metas-style-3 .shapeblock-post-meta-item img {
  width: 24px;
  margin-right: 10px;
  border-radius: 100%;
}
.shapeblock-post-metas.shapeblock-post-metas-style-2 a, .shapeblock-post-metas.shapeblock-post-metas-style-3 a {
  text-decoration: none;
}
.shapeblock-post-metas.shapeblock-post-metas-style-2 a:hover, .shapeblock-post-metas.shapeblock-post-metas-style-3 a:hover {
  text-decoration: underline;
}
.shapeblock-post-metas.shapeblock-post-metas-style-3 .shapeblock-post-meta-item {
  position: relative;
}
.shapeblock-post-metas.shapeblock-post-metas-style-3 .shapeblock-post-meta-item:not(:first-child)::before {
  content: "|";
  position: absolute;
  left: -11px;
  font-weight: 500;
  color: currentColor;
}
.shapeblock-post-metas.shapeblock-post-metas-style-3 i {
  display: none;
}
.shapeblock-post-metas.shapeblock-post-meta-position-up_title {
  margin-top: 0;
  margin-bottom: 8px;
}
.shapeblock-post-metas.shapeblock-post-meta-position-below_title {
  margin: 12px 0 0;
}

.shapeblock-post-grid .shapeblock-blog-content {
  box-sizing: border-box;
}
.shapeblock-post-grid .shapeblock-blog-title {
  line-height: 1.2;
}
.shapeblock-post-grid .shapeblock-blog-title a {
  background-size: 0% 1px;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  transition: all 1000ms;
  display: unset !important;
}
.shapeblock-post-grid .shapeblock-blog-title a:hover {
  background-size: 100% 1px;
  background-position: 0% 100%;
  background-image: linear-gradient(to right, currentColor 100%, transparent 100%);
  width: -moz-fit-content;
  width: fit-content;
}

/* Images inside any ShapeBlock block stay inside their container.
 * Without this an image field renders at its natural pixel size and spills out
 * of the card. Blocks that want a fixed size use higher-specificity selectors
 * (e.g. `.shapeblock-tstml-inner .shapeblock-picture img`), so they still win. */
.shapeblock-block img,
.shapeblock-menu img {
  max-width: 100%;
  height: auto;
}

/* The Theme Builder footer sits flush against the content above it. */
.shapeblock-builder-footer {
  margin-top: 0;
}

/* A Wide block straight in a Theme Builder template (a header, a footer ...)
 * is as wide as the theme's wide width and centred, as in its editor; other
 * blocks stay full width. */
[class*=shapeblock-builder-] > .alignwide {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-left: auto;
  margin-right: auto;
}