/** Colors */
/** Box Model  */
/** Import everything from autoload */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */
/** Import theme styles */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url(/wp-content/themes/wiredminds/dist/fonts/Roboto/Roboto-Regular.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url(/wp-content/themes/wiredminds/dist/fonts/Roboto/Roboto-Thin.ttf) format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/themes/wiredminds/dist/fonts/Roboto/Roboto-Bold.ttf) format("truetype"); }

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: normal;
  src: url(/wp-content/themes/wiredminds/dist/fonts/Merriweather/Merriweather-Regular.ttf) format("truetype"); }

@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/themes/wiredminds/dist/fonts/Merriweather/Merriweather-Bold.ttf) format("truetype"); }

* {
  box-sizing: border-box; }

*::before,
*::after {
  box-sizing: border-box; }

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden; }

.container {
  margin: 0 auto;
  width: 100%;
  padding: 0 20px; }
  @media (min-width: 1024px) {
    .container {
      max-width: 1600px;
      padding: 0 60px; } }

.main > *,
.main > section,
.main > .wp-block-columns,
.cta-banner > div,
.cta-banner-yellow > div {
  margin: 0 auto;
  width: 100%;
  padding: 0 20px; }
  @media (min-width: 1024px) {
    .main > *,
    .main > section,
    .main > .wp-block-columns,
    .cta-banner > div,
    .cta-banner-yellow > div {
      max-width: 1600px;
      padding: 0 60px; } }

.main > article > header {
  padding: 0; }
  .main > article > header .wp-block-cover {
    margin: 0; }

.wrap {
  /* fixed header */
  padding-top: 100px; }
  @media (min-width: 768px) {
    .wrap {
      padding-top: 150px; } }

img {
  max-width: 100%;
  height: auto; }

iframe {
  width: 100%; }

nav ul {
  padding-left: 0; }
  nav ul li {
    list-style-type: none; }
    nav ul li::before, nav ul li::after {
      display: none; }

button {
  background: none;
  border: 0;
  outline: 0; }

h2 + p {
  margin-top: 4rem; }

.wp-block-image figcaption {
  margin-top: 0.8em; }

.is-type-video.wp-embed-aspect-16-9,
.is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }

.is-type-video.wp-embed-aspect-16-9 iframe,
.is-type-video.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px; }

a {
  text-decoration: none;
  color: #00a6dc; }
  a.button {
    border-bottom: 1px solid #f59c00; }

h1,
h2 {
  font-family: "Roboto", sans-serif;
  font-size: 2.5rem;
  font-weight: 100;
  margin: 20px 0; }
  @media (min-width: 1024px) {
    h1,
    h2 {
      font-size: 4.5rem;
      margin-right: 5rem; } }

h3 {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 100;
  margin-bottom: 1.5rem; }
  @media (min-width: 1024px) {
    h3 {
      font-size: 2.5rem; } }

h4 {
  font-family: "Merriweather", sans-serif;
  color: #00a6dc;
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 0.5rem;
  line-height: 1.2;
  margin-bottom: 1rem; }
  @media (min-width: 1024px) {
    h4 {
      font-size: 1.3rem; } }

h2 + h4,
h3 + h4 {
  margin-top: 10px; }

h4 + h3 {
  margin-top: 0;
  margin-bottom: 3rem; }

p,
a {
  line-height: 1.5; }

p {
  margin: 1.5rem 0; }

ul,
ol {
  line-height: 2; }

hr.wp-block-separator {
  border: none;
  height: 150px;
  width: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0; }
  @media (min-width: 1024px) {
    hr.wp-block-separator {
      height: 300px; } }

blockquote {
  margin: 0 0;
  padding-left: 15px; }
  blockquote p {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 2rem;
    margin: 0 0 1rem 0;
    line-height: 1.2; }
    @media (min-width: 1024px) {
      blockquote p {
        font-size: 3.5rem; } }
    blockquote p::before, blockquote p::after {
      position: absolute; }
    blockquote p::before {
      content: "\201C";
      left: -15px; }
    blockquote p::after {
      content: "\201D"; }
  blockquote cite {
    font-style: normal;
    color: #00a6dc; }

ul {
  padding-left: 34px; }
  ul li {
    position: relative;
    list-style-type: none; }
    ul li::before, ul li::after {
      content: "";
      position: absolute;
      height: 3px;
      background: #ffc900;
      border-radius: 100px;
      left: -30px;
      top: 11px; }
    ul li::before {
      width: 10px;
      transform: translate(-4px, 3px) rotate(45deg); }
    ul li::after {
      width: 20px;
      transform: rotate(-45deg); }

figure {
  margin: 0; }
  figure ul li::before, figure ul li::after {
    display: none; }
  figure figcaption {
    font-family: "Merriweather", sans-serif;
    font-size: 1.25rem;
    line-height: 1.5em; }

ul.triangle li::before {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ffc900;
  background: transparent;
  transform: rotate(0); }

ul.triangle li::after {
  display: none; }

/*
h2 {

}

h3 {

}

h4 {

}

a {

}

ul {
  li {
  }
}

//Button
a.wp-block-button__link {
}
*/
/* stylelint-disable */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger.is-active:hover {
  opacity: 0.7; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Custom Hamburger Settings */
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  border-radius: 0; }

.hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {
  background-color: black; }

.invert .hamburger .hamburger-inner, .invert .hamburger .hamburger-inner::after, .invert .hamburger .hamburger-inner::before {
  background-color: white; }

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  height: 2px; }

.hamburger:hover {
  opacity: 1; }

.hamburger.is-active:hover {
  opacity: 1; }

button {
  outline: none; }

.hamburger-box,
.hamburger-inner, .hamburger-inner::after,
.hamburger-inner::before {
  width: 40px; }

.hamburger-label {
  font-size: 0.75rem;
  margin-top: 8px;
  display: inline-block;
  opacity: 0.7;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    .hamburger-label {
      display: none; } }

.hamburger {
  padding-top: 0; }

/* fade in on scroll */
.wp-block-separator {
  background: linear-gradient(0deg, #00a6dc 80%, cyan) 20%;
  background-size: 300% 300%;
  position: relative; }
  .wp-block-separator::after {
    content: "";
    background: white;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 300px; }
  .wp-block-separator.visible::after {
    max-height: 1px;
    transition: all 1.5s cubic-bezier(0.25, 0.1, 0.25, 1); }

@keyframes GradientTransition {
  0% {
    background-position: 50% 0%; }
  50% {
    background-position: 50% 100%; }
  100% {
    background-position: 50% 0%; } }

.wp-block-button:not(.is-style-fill) .wp-block-button__link {
  opacity: 0.5;
  padding-right: 0;
  transition: all 1.5s ease; }
  .wp-block-button:not(.is-style-fill) .wp-block-button__link.visible {
    opacity: 1;
    padding-right: 10%;
    transition: all 1.5s ease; }

.wp-block-image {
  overflow: hidden; }
  .wp-block-image img {
    opacity: 0.8;
    transition: all 1s ease-in-out; }
  .wp-block-image.visible img {
    opacity: 1;
    transition: all 1s ease-in-out; }

.wp-block-columns,
.cta-banner,
.animated-up {
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: translateY(50px);
  opacity: 0.6; }
  .wp-block-columns.visible,
  .cta-banner.visible,
  .animated-up.visible {
    transform: translateY(0);
    opacity: 1; }

.wp-block-buttons > .wp-block-button {
  display: block; }

.wp-block-button__link {
  background-color: transparent !important;
  color: #f59c00 !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  overflow-wrap: break-word;
  border-bottom: 3px solid #ffc900;
  padding-bottom: 10px;
  font-family: "Merriweather", sans-serif;
  font-weight: bold;
  margin-top: 0.5rem;
  transition: padding-right 0.5s ease-in-out;
  white-space: nowrap; }
  .wp-block-button__link:hover {
    padding-right: 20%; }

.is-style-fill a {
  background-color: #ffc900 !important;
  border-bottom: 0;
  padding: 0;
  transition: background 0.3s ease-in-out; }

.is-style-outline a {
  position: relative;
  border-color: #ffc900 !important;
  z-index: 1;
  transition: border 0.3s ease-in-out; }

.is-style-fill a:hover {
  background-color: #f59c00 !important;
  padding-right: unset; }

.is-style-outline a:hover {
  padding-right: unset;
  border-color: #f59c00 !important; }

/** Search form */
form {
  text-align: left;
  color: #000; }
  form a {
    color: #000;
    font-weight: 700; }
  form input,
  form select,
  form textarea {
    position: relative;
    width: 100%;
    background: transparent;
    padding: 0.5rem 1rem;
    border: 2px solid #fff;
    border-width: 0 0 2px 2px;
    color: white; }
    form input::placeholder,
    form select::placeholder,
    form textarea::placeholder {
      color: #575756;
      font-weight: 300; }
    form input:focus,
    form select:focus,
    form textarea:focus {
      outline: 0;
      border-width: 0 0 2px 3px; }
  form span.wpcf7-list-item {
    margin-left: 2rem; }
    form span.wpcf7-list-item + span.wpcf7-list-item {
      margin-left: 4rem; }
  form label {
    position: relative;
    color: #fff; }
  form input[type="checkbox"],
  form input[type="radio"] {
    width: auto;
    position: absolute;
    top: 0;
    left: -2rem; }
  form input[type="submit"] {
    width: auto;
    max-width: 350px;
    text-align: left;
    background: #ffc900;
    border: none;
    color: #fff;
    font-weight: 500;
    padding: 10px 15px;
    transition: background 0.25s ease;
    font-family: "Merriweather", sans-serif;
    font-size: 18px; }
    form input[type="submit"]:hover {
      cursor: pointer;
      background: #f5c100;
      transition: background 0.25s ease; }
  @media (min-width: 768px) {
    form input[type="submit"] {
      width: fit-content;
      min-width: 300px; } }
  .is-style-alt form input,
  .is-style-alt form select,
  .is-style-alt form textarea {
    border-color: #00a6dc;
    color: #00a6dc; }
    .is-style-alt form input::placeholder,
    .is-style-alt form select::placeholder,
    .is-style-alt form textarea::placeholder {
      color: #8a959b; }
  .is-style-alt form label {
    color: #000; }

input[type="date"]::-webkit-calendar-picker-indicator {
  color: white; }

/**
 * WordPress Generated Classes
 * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */
/** Media alignment */
.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto; }

.aligncenter {
  display: block;
  margin: 1rem auto;
  height: auto; }

.alignleft,
.alignright {
  margin-bottom: 1rem;
  height: auto; }

@media (min-width: 30rem) {
  .alignleft {
    float: left;
    margin-right: 1rem; }
  .alignright {
    float: right;
    margin-left: 1rem; } }

/** Captions */
/** Text meant only for screen readers */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #000;
  background: #fff; }

header .container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline; }

header .header-logo,
header .header-logo-inverted {
  transition: opacity 0.5s ease;
  width: 220px; }
  @media (min-width: 768px) {
    header .header-logo,
    header .header-logo-inverted {
      width: 250px; } }
  header .header-logo-inverted,
  header .header-logo-inverted-inverted {
    position: absolute;
    left: 0;
    margin-left: 20px;
    opacity: 0; }

header .right-side {
  display: flex; }
  header .right-side nav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    display: none; }
    @media (min-width: 768px) {
      header .right-side nav {
        display: block;
        position: relative;
        top: auto; } }
  header .right-side .extra-nav {
    opacity: 0;
    /*
      li {
        display: inline-block;
        padding: 0 20px;

        a {
          font-family: "Merriweather", serif;

          &:hover {
            border-bottom: 1px solid $yellow;
          }
        }

        &.login a {
          color: $blue;

          &:hover {
            border-bottom: 1px solid $blue;
          }
        }
      }
      */ }

header.banner {
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 10000;
  transition: background-color 0.75s ease;
  padding: 1rem 0 0;
  width: 100%; }

header.invert {
  background-color: transparent; }
  header.invert .header-logo,
  header.invert .header-logo-inverted {
    opacity: 0; }
    header.invert .header-logo-inverted,
    header.invert .header-logo-inverted-inverted {
      opacity: 1; }

@media (min-width: 1600px) {
  header .brand {
    padding-left: 9%; }
    header .brand img {
      width: 350px; }
  header .right-side {
    margin-right: -60px; } }

.menu-open .right-side .extra-nav {
  opacity: 1;
  transition: opacity 1s ease;
  transition-delay: 0.5s; }

.menu-open .invert .header-logo-inverted {
  opacity: 0; }

.menu-open .invert .header-logo {
  opacity: 1; }

.menu-open .invert .hamburger-inner,
.menu-open .invert .hamburger-inner::after,
.menu-open .invert .hamburger-inner::before {
  background-color: black; }

/* stylelint-disable */
.main-menu {
  z-index: 1000;
  padding-top: 80px;
  margin-bottom: 40px;
  position: fixed;
  background: white;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  display: flex;
  opacity: 0.9;
  transform: translateX(120%) skewX(-10deg);
  transition: .65s ease-in-out all; }
  .main-menu .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  @media (min-width: 768px) {
    .main-menu {
      padding-top: 120px;
      overflow-y: hidden;
      min-height: calc(100vh - 144px); }
      .main-menu .container {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 5%; } }
  @media (min-width: 1600px) {
    .main-menu .nav-primary {
      padding-left: 9%; } }
  .main-menu a {
    color: black; }
  .main-menu .nav li {
    position: relative;
    margin-bottom: 1rem; }
    .main-menu .nav li a {
      font-size: 2rem;
      font-weight: 100;
      margin-right: 3rem; }
      .main-menu .nav li a::after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        max-width: 250px;
        height: 3px;
        background: linear-gradient(to right, #00a6dc, #0ff);
        background-repeat: no-repeat;
        opacity: 0;
        transition: opacity 1s ease; }
    .main-menu .nav li:hover > a {
      color: #00a6dc; }
      .main-menu .nav li:hover > a::after {
        opacity: 1;
        transition: opacity 1s ease; }
    .main-menu .nav li.current_page_item > a {
      font-family: "Merriweather", sans-serif;
      color: #00a6dc; }
      .main-menu .nav li.current_page_item > a::after {
        opacity: 1; }
    .main-menu .nav li .sub-menu {
      margin-left: 1rem;
      margin-top: 1rem;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out; }
      @media (min-width: 768px) {
        .main-menu .nav li .sub-menu {
          display: none;
          position: absolute;
          width: 100%;
          left: 100%;
          top: 16px;
          margin: 0;
          max-height: unset;
          overflow: unset; } }
      .main-menu .nav li .sub-menu li {
        display: inline-block;
        width: 100%; }
        .main-menu .nav li .sub-menu li:active {
          pointer-events: auto; }
      .main-menu .nav li .sub-menu li a {
        font-size: 19px;
        white-space: nowrap; }
    .main-menu .nav li:hover .sub-menu {
      display: block; }
  @media (min-width: 768px) {
    .main-menu .nav > li {
      padding-bottom: 1.5rem; }
    .main-menu .sub-menu li {
      margin-bottom: 20px;
      padding-left: 20px; } }

.additional-info nav {
  margin-top: 1.5rem; }
  .additional-info nav:first-child li:first-child {
    margin-bottom: 1.5rem; }

.menu-open .main-menu {
  opacity: 1;
  transform: translateX(0%) skewX(0);
  transition: .65s ease-in-out all; }

.extra-nav {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .extra-nav li {
    display: inline-block;
    padding: 0 20px; }
    .extra-nav li a {
      font-family: "Merriweather", serif;
      line-height: 1; }
      .extra-nav li a:hover {
        border-bottom: 1px solid #ffc900; }
    .extra-nav li.login a {
      color: #00a6dc; }
      .extra-nav li.login a:hover {
        border-bottom: 1px solid #00a6dc; }

@media (min-width: 768px) {
  .nav-extra-mobile {
    display: none; } }

/* Language */
.wpml-ls-item {
  width: max-content;
  display: flex !important;
  align-items: center; }
  .wpml-ls-item:first-of-type {
    padding-right: 0; }

.wpml-ls-item a:hover {
  border-bottom: none !important; }

.wpml-ls-item a:hover span {
  color: #ffc900 !important; }

.wpml-ls-item a span {
  display: inline-block;
  color: black;
  width: 2.2ch;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif; }

.wpml-ls-item .sub-menu a span {
  color: #8A959B; }

.contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px; }
  @media (min-width: 768px) {
    .contact {
      flex-direction: column;
      justify-content: space-between;
      font-size: 1rem;
      width: auto;
      margin-top: 0;
      padding-bottom: 0; } }
  .contact > div {
    width: 45%; }
    @media (min-width: 768px) {
      .contact > div {
        width: auto; } }
  .contact .contact-info {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .contact .contact-info {
        justify-content: space-between; } }
    .contact .contact-info p {
      margin: 0; }
    .contact .contact-info div {
      margin: 1.5rem 0; }
  .contact .additional-info ul,
  .contact .additional-info ul li a {
    line-height: 1.5; }
  .contact .contact-nav li a:hover {
    font-weight: bold; }
  .contact .social-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 120px; }
  .contact .social-nav li {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 20px;
    min-height: 20px;
    transition: all 0.5s ease; }
    .contact .social-nav li.twitter {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAAATlBMVEUAAACPj5+Hl5eKlZqLk5uLlJuJlpyJlJyKlZqLlZuJlZuJlJuKlZqKlZqJlJuJlZqKlZuKlJuKlZqKlZqJlJqJlZqKlJuKlJuJlZqKlZvfdAYnAAAAGXRSTlMAECAwQE9QX2B/gI+Qn6CvsL/Az9Df4O/w2V+NrwAAAJNJREFUGBllwQFCgzAQRcG3ZMUYakttGvj3v6iApCUyQ8O+npq+DdzgGqnsodU0PH6Aoshu1C57BEmDser0kg2KpOcnC1eVDUhaTcNHcFWJVdZJYlHuOnEWo846Fq6Twibqv8TGQlbL2Nis1pVdVKMYlWcdBA56VXPkrb+pmgM7H+96uxgvXSr6Uy4dLfOYeg8c/QIkTBq4nZQRbAAAAABJRU5ErkJggg==); }
    .contact .social-nav li.xing {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAMAAAAmopZHAAAA21BMVEUAAACAgICqqqqZmZmSkpKAn5+OjqqJnZ2SkqSPj5+OnJyGkp6PmZmMlJyHlZyJlp2MmJ6KlZqJlpuIlJyLk5uIk5qIlpqKlJuIlpyLlJuLlJqIlJqKlZuLlpuJlJyJlpuIlZqJlZqJlZmJlJuKlZyJlJqKlJqJlZuJlZuKlJuKlZuKlZqJlJqKlZqKlJqJlJqKlJqJlJqJlJuKlZqJlJuKlJuKlJqKlJqJlJqKlJqJlZuJlJqJlJuJlJuKlZqJlJuJlJuJlZqKlJqJlZqKlZqJlJqKlZuKlZuKlZsPdpsRAAAASHRSTlMAAgMFBwgJDQ4QEhUZHyQnKjA4PkBHSUpLT1FWWVxfYWVqbHV2d3x9gIWHi42QnaKusbrAwcbIzdTV2+Hj5enq7O7x9fr7/P4vyvJ8AAAAzUlEQVQYGWXBaTtCUQCF0dctQpQyZooMZcqQDA1Ipf3/f5F99Bwf7l2LtBMFFVIKn7J70m5k4zVSShPZJXbesgpzj7J+HmvKXvmzqeCAYPFDdogl77IX5uqyYQ44lc0qzC28yc6gMJK1ibZk36vcycZFom3Z10rpR3ZBtDSQHfMk6+eIrmVddhTsE5WnkqblpCd75l9XdsWughpRXTbIk/RkHaJGy6pATcEeGR1ZLyFtYyZrkNGWjZZJK45lt2Q0ZZN10vJD2QMZRwqqwC+11Tgn0yj/LwAAAABJRU5ErkJggg==); }
    .contact .social-nav li.linkedin {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAMAAABVlYYBAAAAOVBMVEUAAACPj5+Hl5eKlZqLk5uKlZqLlZuJlZuKlZqKlZqJlJuKlZuKlJuKlZqKlZqJlZqKlJuKlJuKlZsx2M9XAAAAEnRSTlMAECAwQGB/gJCfoLC/wM/f4O+tyRxSAAAAZklEQVQY083MMQ7CMBBE0XFiM8FsEuff/7AUFhLGFJT8ZlavWK0HseqzBjwmBWiTboAnVXHWj20RUaQ9IspyPzlvSdLe/wLUC4AjDfqqjtpcARi0JckA+V0tKX1V/Y8W21lyn34sT9vgDbbhKjj7AAAAAElFTkSuQmCC); }
    .contact .social-nav li :first-child {
      max-width: 100%;
      position: absolute;
      color: transparent; }
    .contact .social-nav li:hover {
      transform: scale(1.05);
      transition: all 0.5s ease; }

.dsvgo {
  margin: 1.5rem 0;
  width: 100px; }
  @media (min-width: 768px) {
    .dsvgo {
      width: 150px; } }

@media (min-width: 768px) and (max-height: 768px) {
  .contact {
    flex-direction: row;
    align-items: flex-start; }
  .contact-info {
    padding-right: 3rem; }
  .contact-nav,
  .additional-info nav {
    margin-top: 0; }
    .contact-nav a,
    .additional-info nav a {
      line-height: 1.2 !important; }
      .contact-nav a:hover,
      .additional-info nav a:hover {
        font-weight: inherit !important;
        text-decoration: underline; } }

footer .container {
  margin: 4rem auto;
  text-align: center; }
  footer .container span {
    color: #00a6dc;
    font-family: "Merriweather", sans-serif; }

body#tinymce {
  margin: 12px !important; }

.intro-block {
  background: white; }

.textblock-bottom-center {
  display: block;
  max-width: 315px;
  margin: 0 auto; }

ul.wp-block-latest-posts {
  padding-left: 0; }
  ul.wp-block-latest-posts span.is-style-fill {
    padding-right: 20px; }
  ul.wp-block-latest-posts .is-style-fill a {
    background: linear-gradient(135deg, #00a6dc 0%, #00a6dc 20%, cyan 50%, #00a6dc 80%, #00a6dc 100%);
    background-size: 480% auto;
    background-position-x: right;
    color: #fff !important;
    padding: 0.5rem 1.5rem; }
  ul.wp-block-latest-posts .is-style-fill a:hover {
    animation: shine 1s linear; }
  ul.wp-block-latest-posts li {
    position: relative;
    list-style-type: none;
    margin: 0 0 64px 0;
    width: 100%; }
    ul.wp-block-latest-posts li::before, ul.wp-block-latest-posts li::after {
      content: "";
      position: absolute;
      height: 0;
      background: none;
      border-radius: 0;
      left: 0;
      top: 0; }
    ul.wp-block-latest-posts li::before {
      width: 0;
      transform: none; }
    ul.wp-block-latest-posts li::after {
      width: 0;
      transform: none; }

ul.wp-block-latest-posts.alignwide {
  margin: 32px calc(28% - 20vw);
  max-width: 80vw;
  width: 80vw; }

.wp-block-latest-posts.is-grid li {
  margin: 0 0 64px 0; }

.wp-block-latest-posts.columns-3 li {
  width: 100%; }

@media (min-width: 600px) {
  ul.wp-block-latest-posts li {
    margin: 0 0 128px 0; }
  ul.wp-block-latest-posts.alignwide {
    margin: 32px calc(28% - 20vw);
    max-width: 90vw;
    width: 90vw; }
  .entry-content .wp-block-latest-posts.columns-3 {
    margin-right: -128px; }
  .wp-block-latest-posts.is-grid li {
    margin: 0 128px 128px 0;
    width: 100%; }
  .wp-block-latest-posts.columns-3 li {
    width: calc((100% / 3) - 128px); } }

.center-group {
  max-width: 450px;
  margin: 0 auto; }

.margin-top {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .margin-top {
      margin-top: 4rem; } }

.logos figure {
  align-items: center !important;
  padding: 20px !important; }

.wp-block-columns + .wp-block-columns {
  margin-top: 2rem; }

.wp-block-quote + .wp-block-button {
  margin-left: 15px;
  margin-top: 30px; }

.wp-block-column + .wp-block-column {
  margin-top: 2rem; }

@media (min-width: 768px) {
  .wp-block-column + .wp-block-column {
    margin-top: 0; }
  .wp-block-column > :first-child {
    margin-top: 0; } }

.wp-block-column.post-content {
  margin-top: 3px; }

@media (min-width: 768px) {
  .wp-block-column.is-style-posts-sidebar {
    margin-left: 128px; }
    .wp-block-column.is-style-posts-sidebar .wp-block-group__inner-container > h3 {
      margin-top: 0; }
  .wp-block-column.is-vertically-aligned-top:first-child .wp-block-image.visible {
    margin-top: 10px; } }

.icon-block-list .wp-block-column {
  margin: 0;
  padding: 1rem; }

.icon-block-list .wp-block-group {
  margin-top: 1.5rem;
  min-height: 310px; }
  .icon-block-list .wp-block-group .wp-block-media-text {
    grid-template-columns: 20% 1fr;
    margin-bottom: 1rem;
    /* stylelint-disable no-descending-specificity */ }
    .icon-block-list .wp-block-group .wp-block-media-text h4 {
      margin: 0; }
  .icon-block-list .wp-block-group img {
    max-width: 70px !important;
    max-height: 70px !important;
    object-fit: contain; }

@media (min-width: 769px) {
  .icon-block-list .wp-block-column {
    padding: 0; }
  .icon-block-list .wp-block-column:not(:first-child) {
    margin-left: 6rem; }
  .icon-block-list .wp-block-group:not(:first-child) {
    margin-top: 4rem; } }

.list,
.list-one,
.list-two,
.list-three {
  position: relative;
  margin-bottom: 2rem; }
  .list:last-child,
  .list-one:last-child,
  .list-two:last-child,
  .list-three:last-child {
    margin-bottom: 0; }
  .list-one::before,
  .list-one-one::before,
  .list-two-one::before,
  .list-three-one::before {
    content: "1"; }
  .list-two::before,
  .list-one-two::before,
  .list-two-two::before,
  .list-three-two::before {
    content: "2"; }
  .list-three::before,
  .list-one-three::before,
  .list-two-three::before,
  .list-three-three::before {
    content: "3"; }
  .list::before,
  .list-one::before,
  .list-two::before,
  .list-three::before {
    color: #00a6dc;
    font-size: 3rem; }
  .list h3,
  .list-one h3,
  .list-two h3,
  .list-three h3 {
    margin: 0; }
  .list h4,
  .list-one h4,
  .list-two h4,
  .list-three h4 {
    font-family: Merriweather, Serif;
    font-size: 1.05rem;
    color: #000;
    font-weight: 100;
    margin-top: 10px;
    line-height: 1.3; }
  @media (min-width: 768px) {
    .list::before,
    .list-one::before,
    .list-two::before,
    .list-three::before {
      position: absolute;
      font-size: 6rem;
      font-weight: 100;
      left: -5rem;
      top: 0;
      margin-top: -1rem; } }

.cta-banner,
.cta-banner-yellow {
  position: relative;
  background: #00a6dc;
  background: linear-gradient(135deg, #00a6dc 40%, cyan 130%);
  padding: 2rem 0;
  overflow: hidden;
  max-width: unset; }
  .cta-banner a,
  .cta-banner-yellow a {
    color: #fff !important;
    padding: 0.5rem 1.5rem;
    width: 100%; }
  .cta-banner p,
  .cta-banner h1,
  .cta-banner h2,
  .cta-banner h3,
  .cta-banner h4,
  .cta-banner h5,
  .cta-banner h6,
  .cta-banner li,
  .cta-banner-yellow p,
  .cta-banner-yellow h1,
  .cta-banner-yellow h2,
  .cta-banner-yellow h3,
  .cta-banner-yellow h4,
  .cta-banner-yellow h5,
  .cta-banner-yellow h6,
  .cta-banner-yellow li {
    color: white; }
  @media (min-width: 769px) {
    .cta-banner::after,
    .cta-banner-yellow::after {
      content: url(/wp-content/themes/wiredminds/dist/images/banner-net.png);
      position: absolute;
      top: -100px;
      right: -55%;
      width: 100%;
      height: auto;
      pointer-events: none; }
    .cta-banner .wp-block-button,
    .cta-banner-yellow .wp-block-button {
      min-width: 60%;
      max-width: 60%; }
    .cta-banner .wp-block-button.is-width-full,
    .cta-banner-yellow .wp-block-button.is-width-full {
      min-width: 100%;
      max-width: 100%; } }
  .cta-banner .list-one::before,
  .cta-banner .list-two::before,
  .cta-banner .list-three::before,
  .cta-banner-yellow .list-one::before,
  .cta-banner-yellow .list-two::before,
  .cta-banner-yellow .list-three::before {
    color: #ffc900; }
  .cta-banner-yellow,
  .cta-banner-yellow-yellow {
    background: #f59c00;
    background: linear-gradient(90deg, #f59c00 0%, #f59c00 48%, #ffc900 100%); }
    .cta-banner-yellow::after,
    .cta-banner-yellow-yellow::after {
      display: none; }
    .cta-banner-yellow .is-style-fill a,
    .cta-banner-yellow-yellow .is-style-fill a {
      background: linear-gradient(135deg, #00a6dc 0%, #00a6dc 20%, cyan 50%, #00a6dc 80%, #00a6dc 100%);
      background-size: 480% auto;
      background-position-x: right; }
    .cta-banner-yellow .is-style-fill a:hover,
    .cta-banner-yellow-yellow .is-style-fill a:hover {
      animation: shine 1s linear; }
    .cta-banner-yellow li::before,
    .cta-banner-yellow li::after,
    .cta-banner-yellow-yellow li::before,
    .cta-banner-yellow-yellow li::after {
      background: #00a6dc; }

@keyframes shine {
  to {
    background-position-x: left; } }

.numbers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: stretch;
  grid-row-gap: 1.5rem;
  margin-bottom: 3rem; }
  .numbers .numbers-item {
    color: #f59c00;
    text-align: center;
    border-right: 1px solid #8a959b;
    padding: 0 10px; }
    .numbers .numbers-item:nth-child(even) {
      border-right: none; }
  .numbers .number-top {
    font-weight: 100; }
  .numbers .prefix,
  .numbers .suffix {
    font-size: 1.5rem; }
  .numbers .number {
    font-size: 2.5rem; }
  .numbers .subtitle {
    color: #575756;
    font-weight: 700; }
  @media (min-width: 768px) {
    .numbers {
      grid-template-columns: 1fr 1fr 1fr;
      grid-row-gap: 3rem; }
      .numbers .numbers-item:nth-child(even) {
        border-right: 1px solid #8a959b; }
      .numbers .numbers-item:nth-child(3n) {
        border-right: none; }
      .numbers .prefix,
      .numbers .suffix {
        font-size: 2.5rem; }
      .numbers .number {
        font-size: 4rem; } }
  @media (min-width: 992px) {
    .numbers {
      grid-template-columns: 1fr 1fr 1fr 1fr; }
      .numbers .numbers-item:nth-child(3n) {
        border-right: 1px solid #8a959b; }
      .numbers .numbers-item:nth-child(4n) {
        border-right: none; }
      .numbers .number {
        font-size: 6rem; } }

.known-block .known-title {
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 2rem;
  border-bottom: 1px solid #707070;
  max-width: fit-content;
  padding: 1rem 1.5rem;
  padding-left: 0; }

.known-block .known-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  justify-items: center;
  align-items: center;
  grid-auto-rows: 1fr; }

@media (min-width: 768px) {
  .known-block {
    display: flex; }
    .known-block .known-title {
      align-self: flex-start;
      max-width: 20%;
      padding: 1rem 1.5rem;
      padding-left: 0;
      margin: 0;
      margin-right: 20px;
      border-right: 1px solid #707070;
      border-bottom: 0; }
    .known-block .known-list {
      width: 100%;
      grid-template-columns: 1fr 1fr 1fr 1fr; } }

.faq-block .faq-title {
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 2rem; }

.faq-block .faq-question {
  position: relative;
  padding-left: 2rem; }
  .faq-block .faq-question:hover {
    cursor: pointer; }
    .faq-block .faq-question:hover p {
      color: #00a6dc; }

.faq-block .arrow {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(0deg);
  width: 10px;
  height: 12px;
  background: linear-gradient(#00a6dc, cyan 200%);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  transition: all 0.7s ease; }

.faq-block .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease; }

.faq-block .faq-item.active .arrow {
  transform: translateY(-50%) rotate(-180deg);
  transition: all 0.7s ease; }

.faq-block .faq-item.active .faq-question {
  color: #00a6dc; }

@media (min-width: 768px) {
  .faq-block {
    display: flex; }
    .faq-block .faq-title {
      align-self: flex-start;
      max-width: 20%;
      padding: 1rem 1.5rem;
      padding-left: 0;
      margin: 0; } }

.team-block {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  margin-bottom: 3rem; }
  .team-block .team-member {
    position: relative; }
  .team-block .member-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .team-block .member-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    padding-right: 2rem;
    max-width: 50%; }
  .team-block .member-name {
    font-size: 2rem;
    font-weight: 100; }
  .team-block .member-job {
    font-family: Merriweather, Serif;
    color: #00a6dc;
    margin-top: 10px; }
  @media (min-width: 768px) {
    .team-block {
      grid-template-columns: 1fr 1fr; }
      .team-block .member-text {
        max-width: 50%;
        padding-right: 4rem; }
      .team-block .member-name {
        font-size: 2.5rem; } }

.tabbar .tab-preview {
  display: none;
  grid-template-columns: 30% 40% 30%;
  grid-auto-rows: 1fr;
  grid-template-areas: ". circle ." ". circle ."; }

.tabbar .tabbar-circle {
  position: relative;
  grid-area: circle; }
  .tabbar .tabbar-circle .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    padding-bottom: 50%;
    border-radius: 50%;
    border: solid 3px #ffc900; }
    .tabbar .tabbar-circle .circle::before {
      content: "";
      width: 40%;
      height: 2px;
      position: absolute;
      background: #00a6dc;
      left: -150%;
      top: 50%; }
    .tabbar .tabbar-circle .circle::after {
      content: "";
      width: 40%;
      height: 2px;
      position: absolute;
      right: -150%;
      top: 50%;
      background: #00a6dc; }
  .tabbar .tabbar-circle .wiredminds-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    padding-bottom: 40%;
    clip-path: polygon(0% 0%, 50% 40%, 100% 0, 100% 100%, 0% 100%);
    background: linear-gradient(135deg, #00a6dc 40%, #575756 130%); }

.tabbar .tab {
  position: relative;
  align-self: stretch;
  padding-left: 3rem;
  display: flex;
  flex-direction: column; }
  .tabbar .tab h3 {
    position: relative;
    margin: 0; }
    .tabbar .tab h3 span {
      position: absolute;
      top: -2rem;
      left: -3.5rem;
      color: #ffc900;
      font-size: 5rem;
      font-weight: 100; }
  .tabbar .tab a {
    align-self: start; }
  .tabbar .tab:nth-of-type(-n+3) {
    margin-bottom: 30%;
    justify-content: flex-start; }
  .tabbar .tab:nth-of-type(n+4) {
    margin-top: 30%;
    justify-content: flex-end; }
  .tabbar .tab::after {
    content: "";
    position: absolute;
    top: 25%;
    bottom: 25%;
    right: 0;
    width: 25%;
    height: 40%;
    transform: skew(30deg) translateX(175%);
    border: solid 3px #00a6dc;
    border-width: 2px 3px 0 0; }
  .tabbar .tab-2::after {
    left: 0;
    transform: skew(-30deg) translateX(-175%);
    border-width: 2px 0 0 3px; }
  .tabbar .tab-3::after {
    bottom: 0;
    transform: skew(-30deg) translateX(175%);
    border-width: 0 3px 2px 0; }
  .tabbar .tab-4::after {
    bottom: 0;
    left: 0;
    transform: skew(30deg) translateX(-175%);
    border-width: 0 0 2px 3px; }

.tabbar hr {
  display: none; }

.tabbar .tabbar-bottom {
  position: relative; }

.tabbar .tab-nav-item {
  background: linear-gradient(135deg, #00a6dc 50%, #00c8ea 80%, #00e3f4 95%, cyan 130%);
  transition: max-height 0.2s ease-out;
  padding: 1.5rem; }
  .tabbar .tab-nav-item h4 {
    color: #fff;
    margin: 0; }
  .tabbar .tab-nav-item:hover {
    cursor: pointer;
    background: linear-gradient(135deg, #f59c00, #ffc900); }
  .tabbar .tab-nav-item.active {
    transition: max-height 0.2s ease-out;
    background: linear-gradient(135deg, #f59c00, #ffc900); }

.tabbar .acc-panel {
  transition: max-height 0.2s ease-out;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden; }
  .tabbar .acc-panel.active {
    max-height: none; }
  @media (min-width: 992px) {
    .tabbar .acc-panel {
      padding: 0 30px; } }

@media (min-width: 992px) {
  .tabbar .tab-preview {
    display: grid; }
  .tabbar hr {
    display: block; }
  .tabbar .tabbar-bottom {
    padding-top: 9rem; }
  .tabbar .tab-nav-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    min-height: 130px;
    display: flex;
    align-items: flex-end; }
    .tabbar .tab-nav-item h4 {
      display: flex;
      align-items: flex-end; }
    .tabbar .tab-nav-item h4 > span:first-of-type {
      font-family: Roboto, Serif;
      font-weight: 100;
      font-size: 3rem;
      margin-right: 10px;
      line-height: 1; }
    .tabbar .tab-nav-item:nth-of-type(3) {
      left: 25%; }
    .tabbar .tab-nav-item:nth-of-type(5) {
      left: 50%; }
    .tabbar .tab-nav-item:nth-of-type(7) {
      left: 75%; }
  .tabbar .tab-info {
    position: relative;
    width: 50%;
    padding-right: 3rem; }
  .tabbar .details-list {
    margin-top: 4rem; }
  .tabbar .info-details {
    opacity: 0.5; }
    .tabbar .info-details em {
      font-style: normal;
      color: #00a6dc; }
    .tabbar .info-details img {
      position: absolute;
      right: -100%;
      top: 50%;
      transform: translate(0, -50%);
      width: 100%;
      height: 100%;
      object-fit: contain;
      opacity: 0;
      pointer-events: none;
      padding-left: 3rem; }
    .tabbar .info-details.active {
      opacity: 1; }
      .tabbar .info-details.active img {
        opacity: 1; }
  .tabbar .acc-panel {
    display: none;
    max-height: unset;
    overflow: unset; }
    .tabbar .acc-panel.active {
      display: block; } }

.template-text .wrap .main {
  max-width: 800px;
  margin: 0 auto; }

.template-text h1,
.template-text h2 {
  margin-bottom: 2.5rem; }

.template-text h3,
.template-text h4 {
  margin: 1.5rem 0; }

.template-text p {
  margin: 1rem 0; }

.page-template-conversion blockquote cite {
  color: #fff; }

.page-template-conversion .wp-block-group:first-of-type {
  position: relative;
  background: linear-gradient(135deg, #00a6dc 40%, cyan 130%);
  margin-top: -150px;
  padding: 2rem 0;
  padding-top: 120px;
  color: #fff;
  max-width: none; }

.page-template-conversion .wp-block-columns {
  margin: 0 auto;
  margin-bottom: 28px;
  width: 100%;
  padding: 0 20px; }
  @media (min-width: 1024px) {
    .page-template-conversion .wp-block-columns {
      max-width: 1600px;
      padding: 0 60px; } }

@media (min-width: 768px) {
  .page-template-conversion .wp-block-group:first-of-type {
    padding-top: 150px; }
    .page-template-conversion .wp-block-group:first-of-type::before {
      content: url(/wp-content/themes/wiredminds/dist/images/banner-net.png);
      position: absolute;
      bottom: -40%;
      left: -50%;
      width: 100%;
      height: auto;
      z-index: 0; } }

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