/*
  Built by TenForce (tenforce.com)
  Team: Nick De Jaeger, Dmitry Moiseenko, Konstantin Kharlov
*/

body {
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  background-color: #FFF;
}

/* Typography */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Arial Black', sans-serif;
}
h1, .h1 {
  font-size: 3rem;
  font-size: 48px;
}
h2, .h2 {
  font-size: 2rem;
  font-size: 32px;
}
h3, .h3 {
  font-size: 1.5rem;
  font-size: 24px;
}
h4, .h4 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 1rem;
  font-size: 16px;
}
h5, .h5 {
  font-family: 'Arial', sans-serif;
  font-size: 1rem;
  font-size: 16px;
}
h6, .h6 {
  font-size: .625rem;
  font-size: 10px;
}

h1 + h1 {
  margin-top: 4.5rem;
}
h2 + h2 {
  margin-top: 3rem;
}
h3 + h3 {
  margin-top: 2.25rem;
}
h4 + h4 {
  margin-top: 1rem;
}
h5 + h5 {
  margin-top: 1rem;
}
h6 + h6 {
  margin-top: .5rem;
}

p {
  margin: 1rem 0;
}

@media (min-width: 640px) {
  .sm\:h1 {
    font-size: 48px;
  }
  .sm\:h2 {
    font-size: 32px;
  }
  .sm\:h3 {
    font-size: 24px;
  }
  .sm\:h4 {
    font-size: 16px;
  }
  .sm\:h5 {
    font-size: 16px;
  }
  .sm\:h6 {
    font-size: 10px;
  }
}

/* wp-editor special */

.wp-editor h1,
.wp-editor .h1 {
  font-size: 2rem;
  font-size: 32px;
}
.wp-editor h2,
.wp-editor .h2 {
  font-size: 1.5rem;
  font-size: 24px;
  margin: 2rem 0 1rem;
}
.wp-editor h3,
.wp-editor .h3 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 1rem;
  font-size: 20px;
  margin: 2rem 0 1rem;
}
.wp-editor h4,
.wp-editor .h4 {
  margin: 1rem 0 .5rem;
}
.wp-editor h5,
.wp-editor .h5 {
  margin: 1rem 0 .5rem;
}
.wp-editor h5,
.wp-editor .h5 {
  margin: 1rem 0 .5rem;
}
.wp-editor h6 + h2 {
  margin: 0 0 1rem;
}
.wp-editor p {
  text-align: justify;
}
.wp-editor ul {
  margin: 1rem 0;
}
.wp-editor ul li {
  position: relative;
  margin: 1.25rem 1rem;
  padding: 0 0 0 1.25rem;
}
.wp-editor ul li::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 99999px;
    background-color: #EED216;
    z-index: -1;
    top: 8px;
    left: 0px;
}
.wp-editor ol {
	counter-reset: section;
	margin: 1rem 0;
}
.wp-editor ol li {
	counter-increment: section;
    position: relative;
    margin: 1.25rem 1rem;
    padding: 0 0 0 .25rem;
}
.wp-editor ol li::before {
	content: counter(section) ". ";
}

/* Colors */

.bg-cultured {
  background-color: #F0F0F0;
}
.bg-safety-yellow {
  background-color: #EED216;
}
.bg-onyx {
  background-color: #3F3F3F;
}
.bg-cloud-98 {
  background-color: hsl(0 0% 98% / 1)
}
.bg-cloud-95 {
  background-color: hsl(0 0% 95% / 1)
}
.text-cultured {
  color: #F0F0F0;
}
.text-safety-yellow {
  color: #EED216;
}
.text-onyx {
  color: #3F3F3F;
}










/*** Special for Trapeze ***/

/*   Trapeze links */

.trapeze\[nav\] {
  text-transform: lowercase;
}
.trapeze\[nav\] a {
  transform: translateY(0);
  transition: all .2s ease-in-out;
  backface-visibility: hidden;
}
.trapeze\[nav\] a:hover,
.trapeze\[nav\] a.current-menu-item {
  transform: translateY(-2px);

}


.trapeze\[primary-nav\] a span {
  transition: all .2s ease-in-out;
  backface-visibility: hidden;
}
.trapeze\[primary-nav\] a:hover span,
.trapeze\[primary-nav\] a.current-menu-item span {
  box-shadow: inset 0 -2px 0 0 white, 0 3px 0 0 white;
}


.trapeze\[secondary-nav\] a {
  transition: all .2s ease-in-out;
  backface-visibility: hidden;
}
.trapeze\[secondary-nav\] a:hover,
.trapeze\[secondary-nav\] a.current-menu-item {
  box-shadow: inset 0 -5px 0 0 white;
}


.trapeze\[custom-link\]:hover,
.trapeze\[custom-link\].is-active {
  transform: translateY(-2px);
  box-shadow: inset 0 -5px 0 0 white;
}

/*   Trapeze article */

.trapeze\[single-article\] {
  margin: 3rem;
}
.trapeze\[single-article\] figure {
  position: relative;
}
.trapeze\[single-article\] figure:not(.wp-block-image, .wp-block-embed, .is-type-video, .is-resized)::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 95%,
    rgba(255,255,255,1) 100%
  );
}


/*   Trapeze partners */

.trapeze\[partner\] {
  position: relative;
}
.trapeze\[partner\] figure {
  position: relative;
  display: flex;
}
.trapeze\[partner\] img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 8rem;
  max-height: 4rem;
  transition: all .5s ease-in-out;
  will-change: filter, transform;
}
.trapeze\[partner\] figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  will-change: opacity;
}
.trapeze\[partner\]:hover {
  z-index: 1;
}
.trapeze\[partner\]:hover img {
  filter: blur(8px) saturate(2) contrast(2);
  transform: translate(-50%, -50%) scale(1.2);
}
.trapeze\[partner\]:hover figcaption {
  opacity: 1;
  transition: opacity .5s ease-in;
}

/* Gutenberg Overwrite */

.wp-block-table tr:nth-child(even) {
    background-color: #F7F7F7;
}
.wp-block-table tr:nth-child(odd) {
    background-color: #EAEAEA;
}

.wp-block-table a {
  background: repeating-linear-gradient( to bottom, transparent, transparent 6px, #EED216 6px, #EED216 13px );
  transition: all .2s ease-in-out;
}
.wp-block-table a:hover {
  box-shadow: inset 0 0 0 10px #EED216;
}
.wp-block-table td,
.wp-block-table th {
	border: 0;
  	padding: 1rem;
}
figure.wp-block-table::after {
  display: none;
}

.wp-block-table.is-style-stripes,
.wp-block-table.is-style-stripes tbody tr {
  border-radius: .75rem;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background-color: hsl(0 0% 98% / 1);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: hsl(0 0% 95% / 1);
}

/* Tribe Event Plugin */

.tribe-events-cal-links a {
  font-family: 'Arial Black', sans-serif;
  font-size: .625rem;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin: 0 .5rem 0 0;
}
.single-tribe_events .tribe-events-cal-links {
  margin-bottom: 0;
}
.tribe-events-notices {
  background: transparent;
  border: 0;
  color: black;
  margin: 0 0 30px;
  padding: 0;
  text-shadow: none;
  border-radius: 0;
  font-style: italic;
}

/* Links */

.trapeze\[link-wrapper\] {
  background: none;
}
.trapeze\[link-wrapper\]:hover {
  box-shadow: none;
}
.trapeze\[link-wrapper\]:hover .trapeze\[bg-link-line\] {
  box-shadow: inset 0 0 0 10px #EED216;
}

a,
.trapeze\[bg-link-line\] {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 6px,
    #EED216 6px,
    #EED216 13px
  );
  transition: all .2s ease-in-out;
}
a:hover,
.trapeze\[bg-link-line\]:hover {
  box-shadow: inset 0 0 0 10px #EED216;
}

h2 a,
a.h2 {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 20px,
    #EED216 20px,
    #EED216 34px );
  transition: all .15s ease-in-out;
}
h2 a:hover,
a.h2:hover {
  box-shadow: inset 0 0 0 25px #EED216;
}
h3 a,
a.h3 {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 15px,
    #EED216 15px,
    #EED216 26px );
  transition: all .15s ease-in-out;
}
h3 a:hover,
a.h3:hover {
  box-shadow: inset 0 0 0 18px #EED216;
}
h6 a,
a.h6 {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 5px,
    #EED216 5px,
    #EED216 12.05px
  );
}

/* Overwrite internal */
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li {
	line-height: inherit;
}
div#ez-toc-container ul li {
	font-size: inherit;
	margin: 0.5rem 0;
}
#ez-toc-container a {
	font-family: 'Archivo Black', sans-serif;
    font-size: 1rem;
    font-size: 16px;
	display: inline;
    color: inherit;
}
#ez-toc-container a:hover {
    text-decoration: none;
    box-shadow: inset 0 0 0 10px #EED216;
}
#ez-toc-container.ez-toc-transparent {
    border: 0;
    padding: 2rem;
    border-radius: 0.75rem;
    background-color: #8c8c8c1a;
}
.ez-toc-counter nav ul li a::before {
    font-size: .5rem;
    opacity: .5;
    position: relative;
    top: 9px;
}

/* Modifiers */

.is-disabled {
  display: none !important;
}

.uppercase {
  letter-spacing: .02em;
}