/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * edrizzi.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2014
 */

@font-face {
  font-family: "LLCircularWeb-Black";
  src: url("../fonts/lineto-circular-black-c.eot");
  src: url("../fonts/lineto-circular-black-c.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-black-c.woff") format("woff"),
    url("../fonts/lineto-circular-black-c.ttf") format("truetype"),
    url("../fonts/lineto-circular-black-c.svg#LLCircularWeb-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LLCircularWeb-Medium";
  src: url("../fonts/lineto-circular-medium-c.eot");
  src: url("../fonts/lineto-circular-medium-c.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-medium-c.woff") format("woff"),
    url("../fonts/lineto-circular-medium-c.ttf") format("truetype"),
    url("../fonts/lineto-circular-medium-c.svg#LLCircularWeb-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}


* {
  text-rendering: optimizelegibility !important;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-variant-ligatures: no-common-ligatures; /* font-feature-settings: 'liga' off; */
}

:root {
  --ww-color-primary: #FCE900;
  --ww-color-primary-light: #fff581;
  --ww-color-primary-dark: #dbcd26;
  --ww-color-text: #151515;
  --ww-color-darkgrey: #545454;
  --ww-color-bright: #ffffff;
  --ww-color-grey: #efeef3;
  --ww-color-black: #000000;
  --ww-border-radius: 1rem;
  --ww-border-radius-button: 2rem;  
}

html {
  scrollbar-color: var(--ww-color-text) var(--ww-color-bright);
  scrollbar-width: thin;
}

body {
	font-size: 1rem;
	background-color: var(--ww-color-bright);
	overflow-x: hidden;
	padding: 0;
	margin: 0;
  color: var(--ww-color-text);
  scrollbar-color: var(--ww-color-text) var(--ww-color-bright);
  scrollbar-width: thin;  
}

html > body {
  /* wordpress overrides */
  --wp--preset--color--cyan-bluish-gray: var(--ww-color-darkgrey);
  --wp--preset--color--white: var(--ww-color-bright);
}


body::-webkit-scrollbar,
body::-webkit-scrollbar-track {
  width: 8px;
  background-color: transparent;
  background-color: var(--ww-color-bright);
}

body::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: none;
  background-color: var(--ww-color-text)
}

html > body {
	font-size: 16px;
	font-size: 1rem;
  background-color: var(--ww-color-bright);
  /*height: 100vH;
  width: 100vW;
  overflow: hidden;*/
}

.loading-overlay {
  display: none !important;
}

body.fixed, 
body.navi-active {
  width: 100%;
  height: 100vH;
  overflow: hidden;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button {
  border: 0 none;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body,
p,
ul,
ol,
li,
label,
input,
select,
textarea,
dd,
dt,
td,
th,
a,
caption,
span,
figcaption,
button {
  font-family: "LLCircularWeb-Medium", sans-serif;
  font-weight: normal;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.25vW, 1.5rem);
  line-height: 1.2;
}

strong,
.wp-block-button__link {
  font-family: "LLCircularWeb-Black", sans-serif;
}

sup {
  font-size: 0.6em;
}

@media screen and (min-width: 85.375rem) {
  body,
  p,
  ul,
  ol,
  li,
  label,
  input,
  select,
  textarea,
  dd,
  dt,
  td,
  th,
  a,
  caption,
  span,
  figcaption,
  button {
    font-size: 1.5rem;
    font-size: clamp(1.25rem, 1.25vW, 1.5rem); 
  }
}

p,
dt,
dd,
li,
td,
th,
label {
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-size-h1,
.font-size-h2,
.font-size-h3,
.font-size-h4,
.font-size-h5,
.font-size-h6 {
  font-weight: normal;
  line-height: 1.1;
}

h1,
.font-size-h1 {
    font-size: 3rem;
    font-size: clamp(3rem, 4.17vW, 5rem);
}

h2,
.font-size-h2 {
  font-size: 1.75rem;
  font-size: clamp(1.5rem, 2.5vW, 3rem);
}

h3,
.font-size-h3 {
  font-size: 1.5rem;
  font-size: clamp(1.25rem, 2.083vW, 2.5rem);
}

h4,
.font-size-h4,
.nav-main .navitem-link {
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 1.67vW, 2rem);
}

.btn.btn-dense {
  font-size: 1.25rem;
  font-size: clamp(1rem, 1.04vW, 1.25rem); 
}

.font-size-small {
  font-size: 0.875rem;
}

.font-size-title span {
  font-size: inherit;
}

@media screen and (min-width: 85.375rem) {

  h1,
  .font-size-h1 {
      font-size: 5rem;
      font-size: clamp(3rem, 4.17vW, 5rem);
  }

  h2,
  .font-size-h2 {
    font-size: 4rem;
    font-size: clamp(1.5rem, 2.5vW, 3rem);
  }

  h3,
  .font-size-h3 {
    font-size: 3rem;
    font-size: clamp(1.25rem, 2.083vW, 2.5rem);
  }

  h4,
  .font-size-h4,
  .nav-main .navitem-link {
    font-size: 2.5rem;
    font-size: clamp(1.125rem, 1.67vW, 2rem);
  }


  .btn.btn-dense {
    font-size: 1.25rem;
    font-size: clamp(1rem, 1.04vW, 1.25rem); 
  }
}

h1 span,
h1 a,
h2 span,
h2 a,
h3 span,
h3 a,
h5 span,
h5 a {
  font: inherit;
}

a {
  text-decoration: underline;
  color: var(--ww-color-text);
}

a:hover {
  text-decoration: underline
}

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- layout */
.header-inner,
.entry-content-inner > *,
footer[role="contentinfo"] {
  width: min(calc(100vW - 2rem), 86.25rem);
  margin: 0 auto;
}

.entry-content-inner > .container-marquee, 
.entry-content-inner > .full-width {
  width: 100%;
}

.entry-content-inner > .wp-block-columns + .wp-block-columns,
.entry-content-inner > .wp-block-group {
  margin-top: 4.25rem;
}

@media screen and (min-width: 85.375rem) {
  .entry-content-inner > .wp-block-columns + .wp-block-columns,
  .entry-content-inner > .wp-block-group {
    margin-top: 8.5rem;
  }
}

.entry-content-inner .margin-top-large {
  margin-top: 8.5rem;
}

.entry-content-inner > .margin-top-medium {
  margin-top: 4.25rem;
}

.wp-block-columns,
.row,
.display-posts-listing {
  display: flex;
  flex-wrap: wrap;
}

.align-items-center {
  align-items: center;
}

.justify-space-between {
  justify-content: center;
}

.has-lines .col-4:nth-child(2) {
  flex: 0 0 100%;
}

.wp-block-columns.vertical-align-stretch .wp-block-column > * {
  height: 100%;
}

@media screen and (min-width: 48rem) {
  .justify-space-between {
    justify-content: space-between;
  }
}

@media screen and (min-width: 64rem) {
  .justify-space-between.has-lines {
    justify-content: space-between;
  }
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: flex-end;
}

.wp-block-column {
  flex: 0 0 100%;
}

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

@media screen and (min-width: 48rem) {
  .col-2, 
  .col-4, 
  .col-5, 
  .col-8 {
    flex: 0 0 48%;
  }

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

  .col-3 {
    flex: 0 0 25%;
  }
}

@media screen and (min-width: 64rem) {
  .wp-block-columns,
  .row {
    flex-wrap: nowrap;
  }

  .container-team .wp-block-group__inner-container {
    flex-wrap: wrap;
  }

  .wp-block-columns.has-col-4,
  .row.has-col-4 {
    gap: 2.125rem;
  }

  .wp-block-columns.has-col-6,
  .wp-block-columns.has-col-8,
  .row.has-col-6,
  .row.has-col-8,
  .display-posts-listing {
    gap: 4.25rem;
  } 

  .col-6,
  .listing-item {
    flex: 0 0 calc(50% - 2.125rem);
    max-width: calc(50% - 2.125rem);
  }

  .col-4 {
    flex: 0 0 calc(33.33% - 1.42rem);
  }

  .has-col-8 .col-4 {
    flex: 0 0 calc(33.33% - 4.25rem);
  }

  .col-2 {
    flex: 0 0 20%;
  }

  .col-5 {
    flex: 0 0 41%;
  }

  .col-8 {
    flex: 0 0 63%;
  }

  .has-col-8 .col-8 {
    flex: 0 0 calc(66.66% - 4.25rem);
  }

}

@media screen and (min-width: 85.375rem) {

  .wp-block-columns.has-col-4,
  .row.has-col-4 {
    gap: 4.25rem;
  }

  .wp-block-columns.has-col-6,
  .wp-block-columns.has-col-8,
  .row.has-col-6,
  .row.has-col-8,
  .display-posts-listing {
    gap: 8.5rem;
  }

  .col-6 {
    flex: 0 0 calc(50% - 4.25rem);
    max-width: calc(50% - 4.25rem);
  }

  .col-4 {
    flex: 0 0 calc(33.33% - 2.84rem);
  }

  .has-col-8 .col-4 {
    flex: 0 0 calc(33.33% - 4.25rem);
  }

  .col-2 {
    flex: 0 0 20%;
  }

  .col-5 {
    flex: 0 0 41%;
  }

  .col-8 {
    flex: 0 0 63%;
  }

  .has-col-8 .col-8 {
    flex: 0 0 calc(66.66% - 4.25rem);
  }

}

/*---------------------------------------------------------------------------------------------------------------------------------------- layout */

/*---------------------------------------------------------------------------------------------------------------------------------------- header */

.togglenav {
  position: relative;
  text-transform: uppercase;
  color: var(--ww-color-text);
  display: block;
  text-decoration: none;
  width: 35px;
  height: 24px;
  z-index: 21;
  display: block;
  transition: all 300ms ease-out;
  align-self: center;
}

@media screen and (min-width: 64rem) {
  .togglenav {
    display: none;
  }
}

.togglenav-inner {
  width: 32px;
  height: 2px;
  top: 12px;
  right: 0px;
  display: block;
  background-color: var(--ww-color-text);
  position: absolute;
  transition: all 300ms ease;
}

.togglenav-inner:before, 
.togglenav-inner:after {
  content: "";
  height: 2px;
  width: 32px;
  position: absolute;
  right: 0px;
  top: -8px;
  background-color: var(--ww-color-text);
  transition: all 300ms ease;
}

.togglenav-inner:after {
  width: 32px;
  top: 8px;
}

.togglenav.active .togglenav-inner {
  background-color: transparent;
}

.togglenav.active .togglenav-inner:before {
  transform: rotate(-135deg);
  top: 0;
  left: 0;
  height: 2px;
  width: 32px;
}

.togglenav.active .togglenav-inner:after {
  transform: rotate(135deg);
  width: 35px;
  top: 0;
  left: 0px;
  height: 2px;
}

.wrapper-header {
  position: fixed;
  width: 100%;
  z-index: 210;
  top: 1rem;
  left: 0;
}

.header-inner {
  position: relative;
  display: flex;
  padding: 1rem 2rem;
  flex-direction: row;
  justify-content: space-between;
  transition: all 300ms ease;
  backdrop-filter: blur(17.5px);
  border: 1px solid var(--ww-color-bright);
  border-radius: var(--ww-border-radius-button);
  background-color: rgba(255,255,255,0.5);
}

.navi-active .header-inner {
  background-color: rgba(255,255,255,0.9);
}

.logo-general {
  width: 12rem;
  position: relative;
  z-index: 100;
}

@media screen and (min-width: 26.25rem) {
  .logo-general {
    width: 14.25rem;
  }
}

.wrapper-navigation {
  position: fixed;
  text-align: left;
  overflow-y: scroll;
  z-index: 10;
  height: 0;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: 4.5rem;
  transition: all 300ms ease-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-color: transparent;
}

.wrapper-navigation.active {
  height: calc(100vH - 7rem);
  border: 1px solid var(--ww-color-bright);
  backdrop-filter: blur(17.5px);
  border-radius: var(--ww-border-radius-button);
  background-color: rgba(255,255,255,0.9);  
}

.wrapper-navigation.active nav[role="navigation"] {
  z-index: 10;
}

.wrapper-navigation .menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style-type: none;
}

.wrapper-navigation .menu a {
  color: var(--ww-color-text);
  font-size: 2.5rem;
  display: inline-block;
  margin-bottom: 1.5rem;
  text-decoration: none;
  opacity: 0;
}

.wrapper-navigation .nav__language .menu a {
  font-size: 1.25rem;
}

.wrapper-navigation.active .menu a {
  opacity: 1;
}

.wrapper-navigation .menu a:hover,
.wrapper-navigation .menu .hover > a {
  color: var(--ww-color-text);
}

@media screen and (min-width: 64rem) {
  .wrapper-navigation {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    overflow: visible;
    margin-top: 0;
    flex-direction: row;
    justify-content: flex-end;
  }

  .wrapper-navigation .menu {
    flex-direction: row;
    justify-content: flex-end;
    column-gap: 1rem;
  }

  /* .wrapper-navigation .menu li {
    margin-left: 2rem;
  } */

  .wrapper-navigation .menu a {
    color: var(--ww-color-darkgrey);
    padding: 0.25rem 1rem;
    margin-bottom: 0;
    opacity: 1;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 85.375rem) {
  .wrapper-navigation .menu {
    column-gap: 2rem;
  }
}

.wrapper-navigation .menu .menu-item-has-children {
  position: relative;
}

.wrapper-navigation .menu .menu-item-has-children a i {
  display: inline-block;
  width: 1.25rem;
  margin-left: 0.5rem;
  transition: transform 300ms ease-out;
}

.wrapper-navigation .menu .menu-item-has-children.hover i {
  transform: rotate(180deg);
}

.wrapper-navigation .menu .menu-item-has-children a i path[fill] {
  fill: currentColor;
}

.sub-menu {
  list-style-type: none;
  height: 0;
  overflow: hidden;
  transition: height 300ms ease-out;
}

.wrapper-navigation .sub-menu li {
  margin-left: 0;
  width: 100%;
  text-align: center;
}

.wrapper-navigation .sub-menu li a { 
  padding: 0.5rem 1rem;
  display: block;
  font-size: 1.5rem;
  margin-bottom: 0;  
}

@media screen and (min-width: 64rem) {
  .sub-menu {
    list-style-type: none;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 2rem;
    padding-top: 1.5rem;
    transition: height 300ms ease-out;
    min-width: 10rem;
  }

  .wrapper-navigation .sub-menu li {
    margin-left: 0;
    text-align: left;
    width: 100%;
    background-color: rgba(255,255,255, 1);
    border-left: 1p solid var(--ww-color-bright);
    border-right: 1p solid var(--ww-color-bright);
  }

  .wrapper-navigation .sub-menu li a { 
    color: var(--ww-color-darkgrey);
    padding: 0.25rem 1rem;
    margin-bottom: 0;
    opacity: 1;
    font-size: 1.25rem;
  }
}

.wrapper-navigation .sub-menu li:first-child {
  border-top-left-radius: var(--ww-border-radius);
  border-top-right-radius: var(--ww-border-radius);
}

.wrapper-navigation .sub-menu li:last-child {
  border-bottom-left-radius: var(--ww-border-radius);
  border-bottom-right-radius: var(--ww-border-radius);
}

/*---------------------------------------------------------------------------------------------------------------------------------------- header*/

/*---------------------------------------------------------------------------------------------------------------------------------------- content*/

.page-content {
  padding-top: 11.25rem;
  position: relative;
}

.page-content > * {
  position: relative;
  z-index: 1;
}

.page-content:before {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: var(--ww-color-grey);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vH;
}

@media screen and (min-width: 85.375rem) {
  .page-content:before {
    height: 90vH;
  }
}

.site-team .page-content:before {
  height: 50vH;
}

.wp-block-group.has-background {
  padding: 2.5rem;
}

.wp-block-group.image-full-width {
  padding: 0 0 2.5rem 0;
  border-radius: var(--ww-border-radius);
  overflow: hidden;
}

.wp-block-group.image-full-width .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.wp-block-group.image-full-width .wp-block-group__inner-container > *:not(.wp-block-image) {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.wp.justify-flex-end {
  justify-content: flex-end;
}

.page-content p,
.page-content .wp-block-list li {
  margin-bottom: 1.25rem;
}

.page-content p:last-child,
.page-content .wp-block-group.image-full-width .wp-block-group__inner-container p {
  margin-bottom: 0;
}

.page-content h2 {
  margin-bottom: 1.5rem;
}

.page-content h3 {
  margin-bottom: 1rem;
}

.page-content .collapse-permanent h3,
.page-content .image-full-width h3 {
  margin-bottom: 0;
}

.page-content p + .wp-block-heading {
  margin-top: 2.5rem;
}

@media screen and (min-width: 85.375rem) {
  .page-content p,
  .page-content .wp-block-list li {
    margin-bottom: 1.5rem;
  }

  .page-content h2 {
    margin-bottom: 2rem;
  }

  .page-content h3 {
    margin-bottom: 1.5rem;
  }

}

.page-content .subtitle {
  margin-top: 2rem;
}

.page-content .image-full-width .subtitle {
  margin-top: 0;
}

.wp-block-buttons.justify-flex-end {
  display: flex;
}

.wp-block-buttons.justify-flex-end .wp-block-button {
  margin-left: auto;
}

.entry-content-inner a {
  color: var(--ww-color-text);
}

.entry-content-inner a:hover {
  color: var(--ww-color-darkgrey);
}

.wp-block-button {
  display: inline-flex;
}

.entry-content-inner a.wp-block-button__link {
  flex: 0 0 auto;
  background-color: var(--ww-color-darkgrey);
  display: flex;
  flex-wrap: nowrap;
  color: var(--ww-color-bright);
  padding: 1rem 3rem;
  align-items: center;
  border-radius: var(--ww-border-radius-button);
}

.entry-content-inner .wp-block-media-text {
  border-radius: var(--ww-border-radius);
  overflow: hidden;
}

.entry-content-inner .has-cyan-bluish-gray-background-color a.wp-block-button__link,
.entry-content-inner .cta-image-overlay .wp-block-media-text__content a.wp-block-button__link {
  background-color: transparent;
  border: 1px solid var(--ww-color-bright);
}

.entry-content-inner a.wp-block-button__link:hover {
  text-decoration: none;
  background-color: var(--ww-color-text);
  cursor: pointer;
}

.entry-content-inner .has-cyan-bluish-gray-background-color a.wp-block-button__link:hover,
.entry-content-inner .cta-image-overlay .wp-block-media-text__content a.wp-block-button__link:hover {
  background-color: var(--ww-color-bright);
  color: var(--ww-color-text);
}

.text-image-overlay,
.cta-image-overlay {
  position: relative;
  padding: 2.5rem;
  border-radius: var(--ww-border-radius);
  overflow: hidden;
}

.entry-content-inner .cta-image-overlay {
  padding: 0;
  border-radius: 0;
  min-height: 15rem;
}

.text-image-overlay .wp-block-media-text__media,
.cta-image-overlay .wp-block-media-text__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.has-black-background-color.text-image-overlay .wp-block-media-text__media:after {
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,0.4);
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text-image-overlay .wp-block-media-text__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cta-image-overlay .wp-block-media-text__media {
  position: relative;
  z-index: 0;
}

.cta-image-overlay .wp-block-media-text__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 15rem;
}

/* @media screen and (min-width: ) {
  .cta-image-overlay .wp-block-media-text__media img {
    width: 100%;
  }
} */

.text-image-overlay .wp-block-media-text__content {
  position: relative;
  z-index: 1;
}

.cta-image-overlay .wp-block-media-text__content {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 2.5rem 2.5rem 4.5rem;
}

.wp-block-columns.vertical-align-stretch .text-image-overlay .wp-block-media-text__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.wp-block-columns.vertical-align-stretch .wp-block-group__inner-container {
  height: 100%;
}

.wp-block-columns.vertical-align-stretch .wp-block-buttons {
  margin-top: auto;
}

.text-image-overlay a.wp-block-button__link {
  background-color: transparent;
  border: 1px solid var(--ww-color-bright);
}

.text-image-overlay a.wp-block-button__link:hover {
  background-color: var(--ww-color-bright);
  color: var(--ww-color-text);
}

.wp-block-group.image-full-width .wp-block-image {
  aspect-ratio: 1 / 0.5;
  overflow: hidden;
}

.wp-block-group.image-full-width .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wp-block-gallery {
  display: flex;
  gap: 2rem;
  
}

.entry-content-inner .wp-block-gallery {
  flex-wrap: wrap;
}

.wp-block-gallery[data-number="3"] .wp-block-image {
  flex: 0 0 100%;
}

@media screen and (min-width: 64rem) {
  .entry-content-inner .wp-block-gallery {
    flex-wrap: nowrap;
  }

  .wp-block-gallery[data-number="3"] .wp-block-image {
    flex: 0 0 calc(33.33% - 1.33rem);
  }
}

.wp-block-gallery.same-size img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wp-block-gallery.gallery-socials .wp-block-image {
  max-width: 100px;
}

.page-content .wp-block-image {
  border-radius: var(--ww-border-radius);
  overflow: hidden;
}

.page-content .wp-block-group.image-full-width .wp-block-image,
.page-content .columns-team .wp-block-image,
.page-content .container-team .wp-block-image {
  border-radius: 0;
}

.entry-collapse {
  border-bottom: 1px solid var(--ww-color-text);
  padding: 1rem 0;
}

.entry-content-inner .wp-block-group-collapse + .wp-block-group-collapse {
  margin-top: 0;
}

.entry-collapse-first {
  border-top: 1px solid var(--ww-color-text);
}

.collapse-permanent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
}

.entry-collapse .collapse-permanent i {
  transition: transform 200ms ease-out;
  padding-top: 0.25rem;
}

.entry-collapse .collapse-permanent i {
  flex: 0 0 2rem;
}

@media screen and (min-width: 64rem) {
  .entry-collapse .collapse-permanent i {
    flex: 0 0 3rem;
  }
}

.entry-collapse.active .collapse-permanent i {
  transform: rotate(45deg);
}

.collapse-flexible {
  height: 0;
  overflow: hidden;
}

.collapse-flexible.has-transition {
  transition: height 300ms ease-out;
}

.collapse-flexible.active {
  height: auto;
}

.collapse-flexible .flexible-inner {
  padding: 2rem 0;
}

.entry-content-inner .wp-block-list li {
  margin-left: 1.5rem;
}

.wp-block-table {
  width: 100%;
  max-width: calc(100% - 2rem);
  overflow-x: auto;
  padding-bottom: 2.5rem;
}

@media screen and (min-width: 85.375rem) {
  .wp-block-table {
    max-width: 100%;
  }
}

.wp-block-table table {
  width: 100%;
}

.wp-block-table table tr:nth-child(2n+1) {
  background-color: var(--ww-color-grey);
}

.wp-block-table table tr:first-child {
  background-color: var(--ww-color-darkgrey);
}

.wp-block-table table tr:first-child td {
  color: var(--ww-color-bright);
}

.wp-block-table table td {
  padding: 0.5rem 1rem;
}

.container-team .row {
  row-gap: 4.5rem;
}

.columns-team {
  margin-bottom: 4.25rem;
}

@media screen and (min-width: 64rem) {
  .columns-team {
    margin-bottom: 8.5rem;
  }
  .columns-team {
    row-gap: 4.5rem;
  }  
}


.columns-team .wp-block-group,
.container-team .wp-block-group {
  background-color: var(--ww-color-grey);
  border-radius: var(--ww-border-radius);
  overflow: hidden;
  padding-bottom: 2.5rem;
}

.columns-team .wp-block-group .wp-block-group__inner-container > *:not(.wp-block-image),
.container-team .wp-block-group .wp-block-group__inner-container > *:not(.wp-block-image) { 
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.columns-team .wp-block-image,
.container-team .wp-block-image {
  margin-bottom: 1.5rem;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- content */

/*---------------------------------------------------------------------------------------------------------------------------------------- news */

.display-posts-listing {
  display: flex;
}

.display-posts-listing .listing-item {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 0 0 2.5rem 0;
  border-radius: var(--ww-border-radius);
  overflow: hidden;  
  background-color: var(--ww-color-darkgrey);
}

.listing-item p,
.listing-item h3 {
  color: var(--ww-color-bright);
}

.listing-item .excerpt,
.listing-item .listing-item__headline, 
.listing-item .listing-item__more {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.listing-item .btn {
  width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  color: var(--ww-color-bright);
  padding: 1rem 3rem;
  align-items: center;
  border-radius: var(--ww-border-radius-button);  
  background-color: transparent;
  border: 1px solid var(--ww-color-bright);
  text-decoration: none;
}

.listing-item .btn:hover {
  background-color: var(--ww-color-bright);
}

.link-news-back {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
}

.link-news-back .svgicon-chevron {
  transform: rotate(90deg);
}

/*---------------------------------------------------------------------------------------------------------------------------------------- news */

/*------------------------------------------------------------------------------------------------------------------ ticker */

.ticker {
  position: absolute;
  left: 0;
  top: calc(100vH - 3.375rem);
  height: 3.375rem;
  width: 100%;
  z-index: 10;
  background-color: var(--ww-color-bright);
  opacity: 0;
  transition: opacity 300ms ease-out;
}

.ticker.active {
  opacity: 1;
}

.has-scrolltext {
  position: relative;
  padding-top: 15rem;
}

.marquee-inner .wp-block-image {
  padding-right: 1rem;
  flex: 0 0 fit-content;
}

/* .marquee-inner .wp-block-image img {
  margin-right: 1rem;
} */

@media screen and (min-width: 64rem) {
  .ticker {
    top: calc(100vH - 6.75rem);
    height: 6.75rem;
  }

  /* .scrolltext  {    
    font-size: 5rem;
  } */
}

.marquee {
  height: 7rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
}

.marquee-inner {
  display: block;
  width: 200%;
  margin: 2rem 0;
  position: absolute;
  float: left;
  overflow: hidden;
  animation: marquee 30s linear infinite;
}

.ticker .marquee {
  height: 3.375rem;
}

.ticker .marquee-inner {
  margin: 1rem 0;
}

@media screen and (min-width: 64rem) {
  .ticker .marquee {
    height: 6.75rem;
  }

  .ticker .marquee-inner {
    margin: 2rem 0;
  }
}

p.has-marquee {
  display: inline-block;
}

.marquee-inner .wp-block-gallery,
.marquee-inner div {
  display: flex;
  float: left;
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: center;
}

.marquee-inner .wp-block-gallery {
  gap: 0;
}

.marquee-inner div p {
  padding-right: 0.25em;
  margin-bottom: 0;
  flex: 0 0 fit-content;
}

@media screen and (min-width: 64rem) {
  .marquee-inner {
    animation: marquee 30s linear infinite;
  }
}

@keyframes marquee {
  0% {
    transform: translte(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}

/*------------------------------------------------------------------------------------------------------------------ ticker */

/*------------------------------------------------------------------------------------------------------------------ footer */

.wrapper-footer {
  background-color: var(--ww-color-grey);
  margin-top: 4.25rem;
  padding: 4.5rem 0;
}

footer[role="contentinfo"] {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 64rem) {
  .wrapper-footer {
    margin-top: 8.5rem;
  }

  footer[role="contentinfo"] {
    flex-wrap: nowrap;
  }

}

@media screen and (min-width: 85.375rem) {
  footer[role="contentinfo"].has-col-6 {
    gap: 8.5rem;
  }
}

.footer-column-1 .wp-block-image {
  max-width: 200px;
}

.footer-column-2 {
  display: flex;
  column-gap: 4.5rem;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 4.25rem;
}

@media screen and (min-width: 64rem) {
  .footer-column-2 {
    margin-top: 0;
  }
}


.footer-column-2 .menu {
  list-style-type: none;
}

.wrapper-footer a {
    color: var(--ww-color-text);
}

.wrapper-footer a:hover {
  color: var(--ww-color-darkgrey);
}

/*------------------------------------------------------------------------------------------------------------------ footer */

/*---------------------------------------------------------------------------------------------------------------------------------------- overlays */

.loading-overlay.active {
  z-index: 1000;
  transition: opacity 500ms ease;
  opacity: 1;
}

.loading-overlay.is--fadeout {
  z-index: 1000;
  transition: opacity 800ms ease;
  opacity: 0;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- overlays */