/*
Theme Name: Intentionally Blank
Theme URI: https://www.nilovelez.com/blank/
Author: Nilo Velez
Author URI: https://www.nilovelez.com/
Description: This theme was intentionally left blank. There are times when all you need is the WordPress dashboard and an blank frontend. You might be using the WordPress REST API as a backend for a mobile App or you might be a minimalism obsessed hipster. This is your theme.
Version: 3.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, custom-background, theme-options, translation-ready
Text Domain: intentionally-blank
Requires at least: 4.6
Tested up to: 6.6
Requires PHP: 7.4
*/

:root {
  --blue: #00BAEB;
  --grey: #828A9B;
  --link: #CFC9C1;
}

@font-face {
  font-family: 'Roobert-Regular';
  src: url('assets/fonts/Roobert-Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: 'Roobert-SemiBold';
  src: url('assets/fonts/Roobert-SemiBold.otf');
  font-weight: 600;
}

@font-face {
  font-family: 'Roobert-Bold';
  src: url('assets/fonts/Roobert-Bold.otf');
  font-weight: 700;
}

@font-face {
  font-family: 'MonumentExtended-Bold';
  src: url('assets/fonts/MonumentExtended-Bold.otf');
  font-weight: 700;
}

::selection {
  color: #fff;
  background-color: var(--blue);
}

a {
  text-decoration: none;
  color: #fff;
}

html {overflow-x: hidden;}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  scroll-padding: auto;
  scroll-margin-top: 50px;
  box-sizing: border-box;
  font-family: 'Roobert-Regular', sans-serif;
  font-size: 18px;
  background-color: #000;
  color: #fff;
  overflow-x: hidden;
}

strong {font-family: 'Roobert-Bold', sans-serif;}

.blue-color {color: var(--blue);}

.primary-btn {
  background-color: #fff;
  color: #000;
  padding: 18px 14px 18px 22px;
  border-radius: 100px;
  border: 1px solid #fff;
  display: block;
  max-width: max-content;
  line-height: 116%;
  transition: .3s ease all;
}

.primary-btn::after {
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 0.640625C8.95111 0.640625 6.94823 1.24819 5.24464 2.38649C3.54105 3.5248 2.21327 5.14271 1.42919 7.03564C0.645113 8.92857 0.439963 11.0115 0.839682 13.021C1.2394 15.0305 2.22604 16.8764 3.67482 18.3252C5.1236 19.774 6.96947 20.7606 8.97899 21.1603C10.9885 21.56 13.0714 21.3549 14.9644 20.5708C16.8573 19.7867 18.4752 18.4589 19.6135 16.7554C20.7518 15.0518 21.3594 13.0489 21.3594 11C21.3562 8.25351 20.2637 5.62044 18.3216 3.67838C16.3796 1.73632 13.7465 0.64385 11 0.640625ZM11 20.1406C9.19216 20.1406 7.42491 19.6045 5.92175 18.6002C4.41858 17.5958 3.247 16.1682 2.55517 14.498C1.86334 12.8277 1.68232 10.9899 2.03501 9.21675C2.38771 7.44364 3.25827 5.81494 4.53661 4.5366C5.81495 3.25826 7.44365 2.3877 9.21676 2.03501C10.9899 1.68232 12.8277 1.86333 14.498 2.55516C16.1682 3.247 17.5958 4.41857 18.6002 5.92174C19.6045 7.42491 20.1406 9.19215 20.1406 11C20.1379 13.4234 19.1741 15.7468 17.4604 17.4604C15.7468 19.174 13.4234 20.1379 11 20.1406ZM14.8594 7.75V12.625C14.8594 12.7866 14.7952 12.9416 14.6809 13.0559C14.5666 13.1702 14.4116 13.2344 14.25 13.2344C14.0884 13.2344 13.9334 13.1702 13.8191 13.0559C13.7048 12.9416 13.6406 12.7866 13.6406 12.625V9.22164L8.18063 14.6806C8.06511 14.7883 7.91232 14.8469 7.75445 14.8441C7.59659 14.8413 7.44596 14.7773 7.33431 14.6657C7.22266 14.554 7.15871 14.4034 7.15592 14.2455C7.15314 14.0877 7.21174 13.9349 7.31938 13.8194L12.7784 8.35937H9.375C9.21339 8.35937 9.05839 8.29517 8.94411 8.18089C8.82983 8.06661 8.76563 7.91162 8.76563 7.75C8.76563 7.58838 8.82983 7.43339 8.94411 7.31911C9.05839 7.20483 9.21339 7.14062 9.375 7.14062H14.25C14.4116 7.14062 14.5666 7.20483 14.6809 7.31911C14.7952 7.43339 14.8594 7.58838 14.8594 7.75Z" fill="black"/></svg>');
  position: relative;
  margin-left: 10px;
  vertical-align: -4px;
  display: inline-block;
  width: 22px;
  height: 22px;
  transition: .3s ease all;
}

.primary-btn:hover {
  color: #fff;
  background-color: #000;
}

.primary-btn:hover::after {
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 0.640625C8.95111 0.640625 6.94823 1.24819 5.24464 2.38649C3.54105 3.5248 2.21327 5.14271 1.42919 7.03564C0.645113 8.92857 0.439963 11.0115 0.839682 13.021C1.2394 15.0305 2.22604 16.8764 3.67482 18.3252C5.1236 19.774 6.96947 20.7606 8.97899 21.1603C10.9885 21.56 13.0714 21.3549 14.9644 20.5708C16.8573 19.7867 18.4752 18.4589 19.6135 16.7554C20.7518 15.0518 21.3594 13.0489 21.3594 11C21.3562 8.25351 20.2637 5.62044 18.3216 3.67838C16.3796 1.73632 13.7465 0.64385 11 0.640625ZM11 20.1406C9.19216 20.1406 7.42491 19.6045 5.92175 18.6002C4.41858 17.5958 3.247 16.1682 2.55517 14.498C1.86334 12.8277 1.68232 10.9899 2.03501 9.21675C2.38771 7.44364 3.25827 5.81494 4.53661 4.5366C5.81495 3.25826 7.44365 2.3877 9.21676 2.03501C10.9899 1.68232 12.8277 1.86333 14.498 2.55516C16.1682 3.247 17.5958 4.41857 18.6002 5.92174C19.6045 7.42491 20.1406 9.19215 20.1406 11C20.1379 13.4234 19.1741 15.7468 17.4604 17.4604C15.7468 19.174 13.4234 20.1379 11 20.1406ZM14.8594 7.75V12.625C14.8594 12.7866 14.7952 12.9416 14.6809 13.0559C14.5666 13.1702 14.4116 13.2344 14.25 13.2344C14.0884 13.2344 13.9334 13.1702 13.8191 13.0559C13.7048 12.9416 13.6406 12.7866 13.6406 12.625V9.22164L8.18063 14.6806C8.06511 14.7883 7.91232 14.8469 7.75445 14.8441C7.59659 14.8413 7.44596 14.7773 7.33431 14.6657C7.22266 14.554 7.15871 14.4034 7.15592 14.2455C7.15314 14.0877 7.21174 13.9349 7.31938 13.8194L12.7784 8.35937H9.375C9.21339 8.35937 9.05839 8.29517 8.94411 8.18089C8.82983 8.06661 8.76563 7.91162 8.76563 7.75C8.76563 7.58838 8.82983 7.43339 8.94411 7.31911C9.05839 7.20483 9.21339 7.14062 9.375 7.14062H14.25C14.4116 7.14062 14.5666 7.20483 14.6809 7.31911C14.7952 7.43339 14.8594 7.58838 14.8594 7.75Z" fill="white"/></svg>');
  transform: rotate(45deg);
}

.secondary-btn {
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
  padding: 18px 14px 18px 22px;
  border-radius: 100px;
  display: block;
  max-width: max-content;
  line-height: 116%;
  transition: .3s ease all;
}

.secondary-btn::after {
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 0.640625C8.95111 0.640625 6.94823 1.24819 5.24464 2.38649C3.54105 3.5248 2.21327 5.14271 1.42919 7.03564C0.645113 8.92857 0.439963 11.0115 0.839682 13.021C1.2394 15.0305 2.22604 16.8764 3.67482 18.3252C5.1236 19.774 6.96947 20.7606 8.97899 21.1603C10.9885 21.56 13.0714 21.3549 14.9644 20.5708C16.8573 19.7867 18.4752 18.4589 19.6135 16.7554C20.7518 15.0518 21.3594 13.0489 21.3594 11C21.3562 8.25351 20.2637 5.62044 18.3216 3.67838C16.3796 1.73632 13.7465 0.64385 11 0.640625ZM11 20.1406C9.19216 20.1406 7.42491 19.6045 5.92175 18.6002C4.41858 17.5958 3.247 16.1682 2.55517 14.498C1.86334 12.8277 1.68232 10.9899 2.03501 9.21675C2.38771 7.44364 3.25827 5.81494 4.53661 4.5366C5.81495 3.25826 7.44365 2.3877 9.21676 2.03501C10.9899 1.68232 12.8277 1.86333 14.498 2.55516C16.1682 3.247 17.5958 4.41857 18.6002 5.92174C19.6045 7.42491 20.1406 9.19215 20.1406 11C20.1379 13.4234 19.1741 15.7468 17.4604 17.4604C15.7468 19.174 13.4234 20.1379 11 20.1406ZM14.8594 7.75V12.625C14.8594 12.7866 14.7952 12.9416 14.6809 13.0559C14.5666 13.1702 14.4116 13.2344 14.25 13.2344C14.0884 13.2344 13.9334 13.1702 13.8191 13.0559C13.7048 12.9416 13.6406 12.7866 13.6406 12.625V9.22164L8.18063 14.6806C8.06511 14.7883 7.91232 14.8469 7.75445 14.8441C7.59659 14.8413 7.44596 14.7773 7.33431 14.6657C7.22266 14.554 7.15871 14.4034 7.15592 14.2455C7.15314 14.0877 7.21174 13.9349 7.31938 13.8194L12.7784 8.35937H9.375C9.21339 8.35937 9.05839 8.29517 8.94411 8.18089C8.82983 8.06661 8.76563 7.91162 8.76563 7.75C8.76563 7.58838 8.82983 7.43339 8.94411 7.31911C9.05839 7.20483 9.21339 7.14062 9.375 7.14062H14.25C14.4116 7.14062 14.5666 7.20483 14.6809 7.31911C14.7952 7.43339 14.8594 7.58838 14.8594 7.75Z" fill="white"/></svg>');
  position: relative;
  margin-left: 10px;
  vertical-align: -4px;
  display: inline-block;
  width: 22px;
  height: 22px;
  transition: .3s ease all;
}

.secondary-btn:hover {
  color: #000;
  background-color: #fff;
}

.secondary-btn:hover::after {
  content: url('data:image/svg+xml; utf8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 0.640625C8.95111 0.640625 6.94823 1.24819 5.24464 2.38649C3.54105 3.5248 2.21327 5.14271 1.42919 7.03564C0.645113 8.92857 0.439963 11.0115 0.839682 13.021C1.2394 15.0305 2.22604 16.8764 3.67482 18.3252C5.1236 19.774 6.96947 20.7606 8.97899 21.1603C10.9885 21.56 13.0714 21.3549 14.9644 20.5708C16.8573 19.7867 18.4752 18.4589 19.6135 16.7554C20.7518 15.0518 21.3594 13.0489 21.3594 11C21.3562 8.25351 20.2637 5.62044 18.3216 3.67838C16.3796 1.73632 13.7465 0.64385 11 0.640625ZM11 20.1406C9.19216 20.1406 7.42491 19.6045 5.92175 18.6002C4.41858 17.5958 3.247 16.1682 2.55517 14.498C1.86334 12.8277 1.68232 10.9899 2.03501 9.21675C2.38771 7.44364 3.25827 5.81494 4.53661 4.5366C5.81495 3.25826 7.44365 2.3877 9.21676 2.03501C10.9899 1.68232 12.8277 1.86333 14.498 2.55516C16.1682 3.247 17.5958 4.41857 18.6002 5.92174C19.6045 7.42491 20.1406 9.19215 20.1406 11C20.1379 13.4234 19.1741 15.7468 17.4604 17.4604C15.7468 19.174 13.4234 20.1379 11 20.1406ZM14.8594 7.75V12.625C14.8594 12.7866 14.7952 12.9416 14.6809 13.0559C14.5666 13.1702 14.4116 13.2344 14.25 13.2344C14.0884 13.2344 13.9334 13.1702 13.8191 13.0559C13.7048 12.9416 13.6406 12.7866 13.6406 12.625V9.22164L8.18063 14.6806C8.06511 14.7883 7.91232 14.8469 7.75445 14.8441C7.59659 14.8413 7.44596 14.7773 7.33431 14.6657C7.22266 14.554 7.15871 14.4034 7.15592 14.2455C7.15314 14.0877 7.21174 13.9349 7.31938 13.8194L12.7784 8.35937H9.375C9.21339 8.35937 9.05839 8.29517 8.94411 8.18089C8.82983 8.06661 8.76563 7.91162 8.76563 7.75C8.76563 7.58838 8.82983 7.43339 8.94411 7.31911C9.05839 7.20483 9.21339 7.14062 9.375 7.14062H14.25C14.4116 7.14062 14.5666 7.20483 14.6809 7.31911C14.7952 7.43339 14.8594 7.58838 14.8594 7.75Z" fill="black"/></svg>');
  transform: rotate(45deg);
}

.secondary-btn.no-arrow {padding: 18px 22px;}

.secondary-btn.no-arrow::after {display: none;}

.container:not(.shadow-cont) {
  position: relative;
  z-index: 10;
}

.container.shadow-cont {
  position: relative;
  z-index: 1;
}

.shadow {
  transition: 1s ease all;
  box-shadow: none !important;
}

.element-shadow .shadow {
  position: absolute;
  max-width: 700px;
  height: auto;
  z-index: -1;
}

.head-shadow .shadow {
  position: absolute;
  max-width: 700px;
  height: auto;
  left: -21%;
  top: -300px;
  z-index: -1;
}

body:not(.home) #page {
  padding-top: 12rem;
}

.navbar {
  position: fixed !important;
  width: 100%;
  padding-top: 50px;
  position: relative;
  z-index: 101;
  transition: .3s ease all;
}

.navbar .navbar-brand img {
  width: 100px;
  height: auto;
}

.navbar .primary-btn {
  padding-top: 14px;
  padding-bottom: 14px;
}

.navbar.scroll {
  background-color: rgba(0,0,0, 0.5);
  padding-top: .5rem;
}

.navbar > .container {align-items: flex-start !important;}

.navbar.scroll > .container {align-items: center !important;}

.navbar .navbar-home p {
  font-size: 22px;
  margin-bottom: 1.5rem;
}

.navbar .navbar-nav {
  margin-left: auto;
  z-index: 100;
}

.navbar .navbar-nav .nav-item {
  padding: 0 13px;
  align-self: center;
}

.navbar .navbar-nav .nav-link {
  color: #fff;
  padding: 2px;
  position: relative;
}

.navbar .navbar-nav .nav-link::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: white;
  transition: .3s ease all;
}

.navbar .navbar-nav .nav-link:hover::before {width: 100%;}

.navbar .navbar-toggler {
  border: 0;
  background-color: rgba(0,0,0, 0.7);
  border-radius: 50%;
  padding: 25px 25px;
  box-shadow: none !important;
}

.mobile-menu-shadow .menu-shadow {display: none;}

.site-footer {overflow: hidden;}

.site-footer .foot-content {
  background-color: rgba(0,0,0, 0.7);
  border-radius: 30px;
  margin-top: 150px;
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5rem;
}

.site-footer .foot-content .foot-logo img {
  width: 100px;
  height: auto;
}

.site-footer .foot-content .foot-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer .foot-content .foot-menu strong {
  display: block;
  margin-bottom: 1rem;
}

.site-footer .foot-content .foot-menu li a {
  display: block;
  margin-bottom: 5px;
  color: var(--link);
  transition: .3s ease all;
}

.site-footer .foot-content .foot-menu li a:hover {color: #fff;}

.site-footer .foot-content .copyright {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.site-footer .foot-content .copyright p {
  font-size: 16px;
}

.site-footer .foot-content .copyright img {
  width: 160px;
  height: auto;
  margin-left: auto;
  display: block;
}

.foot-shadow .shadow {
  position: absolute;
  max-width: 700px;
  height: auto;
  left: -21%;
  bottom: -250px;
  z-index: -1;
}

.hp-head {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.hp-head video {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width: 100vw;
  pointer-events: none;
}

.hp-head > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 130px;
}

.hp-head .head-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  align-items: flex-end;
}

.hp-head .head-content h1 {
  font-family: 'MonumentExtended-Bold', sans-serif;
  font-size: 100px;
  line-height: 100%;
  text-transform: uppercase;
  position: relative;
  margin: 0;
}

.hp-head .head-content h1 small {
  font-family: 'Roobert-Regular', sans-serif;
  font-size: 22px;
  line-height: 30px;
  text-transform: none;
  position: absolute;
  width: 200px;
  top: 5px;
  left: 45%;
}

.hp-head .head-content > img {display: none;}

.hp-head .head-logos img:nth-of-type(1) {
  display: block;
  width: 180px;
  height: auto;
}

.hp-head .head-logos img:nth-of-type(2) {
  display: block;
  width: 115px;
  height: auto;
  margin: 0 auto;
}

.hp-head .head-logos {margin-bottom: 1rem;}

.hp-head .head-logos img:nth-of-type(1) {margin-bottom: 2rem;}

.container.small-cont {max-width: 1020px;}

.why-join {margin: 6rem;}

.why-join h2 {
  font-size: 50px;
  line-height: 110%;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.why-join p {
  font-size: 20px;
  color: var(--grey);
  margin-bottom: 1.5rem;
}

.why-join .info-box {
  background-color: rgba(0,0,0, 0.7);
  border-radius: 10px;
  max-width: 400px;
  margin-left: auto;
}

.why-join .info-box .line {
  padding: 3rem;
  border-bottom: 1px solid #283955;
}

.why-join .info-box .line:last-of-type {border-bottom: 0;}

.why-join .info-box .line h3 {
  font-size: 40px;
  font-family: 'MonumentExtended-Bold', sans-serif;
  margin-bottom: 0;
}

.why-join .info-box .line p {
  margin: 0;
  font-size: 18px;
}

.why-join .element-shadow .shadow {
  right: -120px;
  top: -300px;
}

.speakers {padding: 4rem 0;}

.speakers > .container-fluid {
  position: relative;
  z-index: 10;
  padding: 0 !important;
}

.speakers h2 {
  font-size: 50px;
}

.speakers p {
  color: var(--grey);
  font-size: 20px;
}

.speakers .speakers-slider {
  width: 130%;
  margin: 3rem 0;
}

.speakers .speaker-card {
  width: 100%;
  margin-bottom: 2rem;
  padding: 0;
}

.speakers .speakers-slider .speaker-card {
  padding: 0 1rem;
  width: 308px;
  margin-bottom: 0;
}

.speakers .speaker-card > img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 10px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: .3s ease all;
}

.speakers .speaker-card:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.speakers .speaker-card h3 {
  font-size: 20px;
  font-family: 'Roobert-Medium', sans-serif;
  margin-top: 1rem;
  margin-bottom: 3px;
}

.speakers .speaker-card h3 a {
  display: inline-block;
  margin-left: 10px;
}

.speakers .speaker-card h3 a img {vertical-align: -1px;}

.speakers .speaker-card p {
  font-size: 14px;
  margin-bottom: .75rem;
  color: var(--blue);
}

.speakers .speaker-card i, .speakers .speaker-card i > p {
  font-size: 12px;
  margin: 0;
  color: var(--grey);
  font-style: normal;
  line-height: 18px;
  display: block;
}

.speakers .element-shadow .shadow {
  left: -250px;
  top: -150px;
}

.agenda {padding: 4rem 0;}

.agenda .agenda-content {
  background-color: #0E1015;
  border-radius: 30px;
  padding: 4rem 5rem;
}

.agenda .agenda-content h2, .agenda .agenda-content p {text-align: center;}

.agenda .agenda-content > h2 {
  font-size: 50px;
  line-height: 110%;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.agenda .agenda-content > p {
  font-size: 20px;
  color: var(--grey);
  margin: 0 auto;
  margin-bottom: 4rem;
  max-width: 600px;
}

.agenda .nav-tabs {
  border: 0;
  max-width: 800px;
  margin: 0 auto;
}

.agenda .nav-tabs .nav-item {
  width: 33.3%;
}

.agenda .nav-tabs .nav-item .nav-link {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255, 0.1);
  background-color: transparent;
  color: var(--grey);
  transition: .3s ease all;
}

.agenda .nav-tabs .nav-item .nav-link small {
  display: block;
  text-align: center;
  transition: .3s ease all;
}

.agenda .nav-tabs .nav-item .nav-link.active {
  color: #fff;
  border-color: #fff;
}

.agenda .nav-tabs .nav-item .nav-link.active small {color: var(--blue);}

.agenda .tab-content {
  max-width: 800px;
  margin: 2rem auto;
}

.agenda .tab-content .tab-pane .load-more {
  max-height: 760px;
  overflow: hidden;
}

.agenda .tab-content .tab-pane .load-more.open {max-height: 100%;}

.agenda .tab-content .tab-pane .agenda-line {
  background-color: #000;
  border-radius: 10px;
  margin-bottom: 5px;
  padding: .8rem 1.8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.agenda .tab-content .tab-pane .agenda-line.break {background-color: transparent;}

.agenda .tab-content .tab-pane .agenda-line small {
  font-size: 16px;
  width: 150px;
  padding-top: 3px;
}

.agenda .tab-content .tab-pane .agenda-line p {
  margin: 0;
  font-size: 22px;
  text-align: left;
  max-width: calc(100% - 150px);
}

.agenda .tab-content .tab-pane .agenda-line p i {
  color: var(--blue);
  font-size: 16px;
  display: block;
  font-style: normal;
  margin-bottom: 5px;
}

.agenda .tab-content .tab-pane .agenda-line p span {
  color: var(--grey);
  font-size: 20px;
  display: block;
}

.agenda .secondary-btn {margin: 3rem auto 1rem auto;}

.buy-ticket {padding: 4rem 0;}

.buy-ticket .buy-ticket-content {
  background-color: rgba(0,0,0, 0.7);
  border-radius: 30px;
  padding: 4rem 5rem;
}

.buy-ticket .buy-ticket-content > h2 {
  font-size: 50px;
  line-height: 110%;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-align: center;
}

.buy-ticket .buy-ticket-content > p {
  font-size: 20px;
  color: var(--grey);
  margin: 0 auto;
  margin-bottom: 4rem;
  max-width: 600px;
  text-align: center;
}

.buy-ticket .buy-ticket-content .tickets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 860px;
  margin: 0 auto;
}

.buy-ticket .buy-ticket-content .tickets .ticket-card {
  width: calc(50% - 15px);
  border: 1px solid #000;
  background-color: #000;
  border-radius: 10px;
  padding: 2.5rem;
  align-self: flex-start;
  transition: .3s ease all;
}

.buy-ticket .buy-ticket-content .tickets .ticket-card:hover {border-color: var(--blue);}

.buy-ticket .buy-ticket-content .tickets .ticket-card h3 {
  font-size: 40px;
  font-family: 'MonumentExtended-Bold', sans-serif;
  margin-bottom: .25rem;
  text-transform: uppercase;
}

.buy-ticket .buy-ticket-content .tickets .ticket-card h3 svg {
  float: right;
  margin-top: 12px;
}

.buy-ticket .buy-ticket-content .tickets .ticket-card p {
  font-size: 20px;
  color: var(--grey);
  margin-bottom: 2.5rem;
}

.buy-ticket .buy-ticket-content .tickets .ticket-card p span {color: var(--blue);}

.buy-ticket .buy-ticket-content .tickets .ticket-card ul {
  list-style-image: url('assets/images/check.svg');
  padding: 0;
  padding-left: 27px;
  margin: 0;
  margin-bottom: 2.5rem;
}

.buy-ticket .buy-ticket-content .tickets .ticket-card ul li {margin-bottom: 8px;} 

.buy-ticket .buy-ticket-content .tickets .ticket-card ul li span {color: var(--grey);} 

.buy-ticket .buy-ticket-content .tickets .ticket-card .primary-btn {max-width: 100%;}

.buy-ticket .buy-ticket-content .tickets .ticket-card .primary-btn::after {float: right;}

.buy-ticket .container > .element-shadow:nth-of-type(1) .shadow {
  left: -250px;
  top: -150px;
}

.buy-ticket .container > .element-shadow:nth-of-type(2) .shadow {
  right: -150px;
  top: -200px;
  max-width: 900px;
  transition: 1.5s ease all;
}

.buy-ticket .container > .element-shadow:nth-of-type(3) .shadow {
  right: -150px;
  bottom: 0px;
  max-width: 900px;
  transition: .5s ease all;
}

.industries {padding: 4rem 0;}

.industries > .container-fluid {
  position: relative;
  z-index: 10;
  padding: 0 !important;
}

.industries .industry-slider {margin-bottom: 1rem;}

.industries .industry-slider .slide .industry-content {
  background-color: #0E1015;
  padding: 1.5rem;
  margin: 0 0.5rem;
  border-radius: 10px;
  border: 1px solid #0E1015;
  height: 160px;
  overflow: hidden;
  width: 400px;
  transition: .3s ease all;
}

.industries .industry-slider .slide .industry-content:hover {border-color: var(--blue);}

.industries .industry-slider .slide .industry-content h3 {
  font-size: 30px;
  font-family: 'MonumentExtended-Bold', sans-serif;
  margin-bottom: .75rem;
  text-transform: uppercase;
  line-height: 32px;
}

.industries .industry-slider .slide .industry-content p {
  font-size: 20px;
  max-width: 300px;
  margin: 0;
  color: var(--grey);
  line-height: 110%;
  transition: .3s ease all;
}

.industries .industry-slider .slide .industry-content:hover p {color: var(--blue);}

.industries  .element-shadow .shadow {
  left: 50px;
  top: -200px;
}

.working-with {padding: 4rem 0;}

.working-with .working-with-content {
  background-color: rgba(0,0,0, 0.7);
  border-radius: 30px;
  padding: 4rem 5rem;
}

.working-with .working-with-content h2 {
  font-size: 50px;
  line-height: 110%;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-align: center;
}

.working-with .working-with-content p {
  font-size: 20px;
  color: var(--grey);
  margin: 0 auto;
  margin-bottom: 2rem;
  max-width: 600px;
  text-align: center;
}

.working-with .working-with-content .partners h3 {
  font-size: 18px;
  font-family: 'MonumentExtended-Bold', sans-serif;
  padding-bottom: .75rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
}

.working-with .working-with-content .partners img {
  margin-bottom: 1.5rem;
  width: 100%;
  height: 190px;
  object-fit: contain;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid rgba(255,255,255, 0.2);
}

.working-with .working-with-content .partners .with-bg img {background-color: #fff;}

.working-with .container > .element-shadow:nth-of-type(1) .shadow {
  right: -150px;
  top: -200px;
}

.working-with .container > .element-shadow:nth-of-type(2) .shadow {
  left: -200px;
  top: 250px;
  max-width: 900px;
  transition: 1.5s ease all;
}

.working-with .container > .element-shadow:nth-of-type(3) .shadow {
  right: -150px;
  bottom: 100px;
  max-width: 900px;
  transition: .5s ease all;
}

.expo {margin: 3rem 0;}

.expo .container {
  background-color: #fff;
  border-radius: 30px;
  padding: 3rem 0;
}

.expo .col-12 {text-align: center;}

.expo img {
  width: 100%;
  max-width: 800px;
  height: auto;
}

.expo img:first-of-type {margin-bottom: 2rem;}

.plan-visit {padding: 4rem 0;}

.plan-visit .plan-visit-content {
  background-color: rgba(0,0,0, 0.7);
  border-radius: 30px;
  padding: 1.5rem;
}

.plan-visit .plan-visit-content img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.plan-visit .plan-visit-content .col-md-6:nth-of-type(2) {padding-left: 2rem;}

.plan-visit .plan-visit-content small {
  color: var(--blue);
  margin-bottom: 1rem;
  display: block;
}

.plan-visit .plan-visit-content h2 {
  font-size: 50px;
  margin-bottom: 1rem;
}

.plan-visit .plan-visit-content p {
  font-size: 20px;
  color: var(--grey);
  margin-bottom: 2rem;
}

.plan-visit .container > .element-shadow:nth-of-type(1) .shadow {
  right: -250px;
  top: -250px;
}

.plan-visit .container > .element-shadow:nth-of-type(2) .shadow {
  left: -200px;
  bottom: -50px;
  transition: 1.5s ease all;
}

.faq  .col-12 > h2 {
  font-size: 50px;
  line-height: 110%;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-align: center;
}

.faq  .col-12 > p {
  font-size: 20px;
  color: var(--grey);
  margin: 0 auto;
  margin-bottom: 4rem;
  max-width: 600px;
  text-align: center;
}

.faq .faq-content {margin-bottom: 3rem;}

.faq .faq-content .question {
  background-color: #0E1015B3;
  border-radius: 10px;
  padding: 1.75rem;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  transition: .3s ease all;
}

.faq .faq-content .question::before {
  content: '+';
  font-size: 28px;
  position: absolute;
  right: 1.5rem;
  top: 1rem;
}

.faq .faq-content .question.open::before {content: '-';}

.faq .faq-content .question h4 {
  font-family: 'Roobert-SemiBold', sans-serif;
  font-size: 20px;
  margin: 0;
}

.faq .faq-content .question div {
  margin: 0;
  padding-top: 0;
  color: var(--grey);
  height: 0;
  overflow: hidden;
  transition: .3s ease all;
}

.faq .questions, .became .questions {
  text-align: center;
  background-color: #0E1015B3;
  border-radius: 10px;
  padding: 3rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.faq .questions h4, .became .questions h4 {
  font-family: 'Roobert-SemiBold', sans-serif;
  font-size: 24px;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.faq .questions p, .became .questions p {
  color: var(--grey);
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 1.5rem auto;
}

.faq .questions .secondary-btn, .became .questions .secondary-btn {
  margin: 0 auto;
  margin-top: 1rem;
}

.faq .container > .element-shadow:nth-of-type(1) .shadow {
  right: -250px;
  top: -250px;
}

.faq .container > .element-shadow:nth-of-type(2) .shadow {
  left: -200px;
  bottom: 100px;
  transition: 1.5s ease all;
}

.contact small {
  font-size: 14px;
  color: var(--grey);
  margin-bottom: 4rem;
  display: block;
}

.contact h2 {
  font-size: 50px;
  margin-bottom: 1.5rem;
}

.contact p:not(form p) {
  font-size: 20px;
  color: var(--grey);
}

.contact form {
  background-color: rgba(0,0,0, 0.7);
  padding: 2rem;
  border-radius: 10px;
  margin-left: 3rem;
  margin-bottom: 2rem;
}

.contact form p, .contact form p label, .contact form p label {max-width: 100%;}

.contact form input:not([type="submit"]), .contact form textarea {
  max-width: 100%;
  resize: none;
  border: 1px solid rgba(255,255,255, 0.3);
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  color: #fff;
  transition: .3s ease all;
}

.contact form input::placeholder, .contact form textarea::placeholder {color: var(--grey);}

.contact form input:focus, .contact form textarea:focus {border-color: #fff;}

.contact form input.wpcf7-not-valid, .contact form textarea.wpcf7-not-valid {border-color: darkred;}

.contact form input[type="submit"] {min-width: 100%;}

.contact form .wpcf7-spinner {display: none !important;}

.contact form p:last-of-type {margin: 0;}

.contact form .wpcf7-not-valid-tip {display: none !important;}

.contact .map {
  border-radius: 20px;
  margin: 4rem 0;
}

.contact .container > .element-shadow:nth-of-type(1) .shadow {
  right: -200px;
  top: -250px;
}

/* .plan-visit-page {margin: 4rem 0;} */

.plan-visit-page .row {margin-bottom: 8rem;}

.plan-visit-page h2 {
  font-size: 50px;
  margin-bottom: 1.5rem;
}

.plan-visit-page h3 {
  font-size: 32px;
  margin-bottom: 1rem;
}

.plan-visit-page p {
  color: var(--grey);
  margin-bottom: 2rem;
}

.plan-visit-page img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.plan-visit-page img[alt="Cubex"] {height: 320px;}

.buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}

.plan-visit-page .row .col-md-6 {padding: 0 2rem;}

.plan-visit-page .row .col-md-6 h2:not(h2:first-of-type) {margin-top: 4rem;}

.event-tickets #tribe-tickets__tickets-form, .tribe-tickets__mini-cart {
  background-color: rgba(0,0,0, 0.7) !important;
  border: 0 !important;
  border-radius: 10px;
  color: #fff !important;
  max-width: 100%;
}

.tribe-tickets__mini-cart {margin-top: 5rem !important;}

.event-tickets h2,
.event-tickets .tribe-formatted-currency-wrap, .event-tickets .tribe-tickets__tickets-item-quantity-number-input,
.event-tickets .tribe-tickets__tickets-footer-quantity-number, .tribe-common-h2, .tribe-common-h4, .tribe-common-h5, #tribe-tickets__registration-form a,
.tribe-common-h6, .tribe-common-b2, .tribe-common-b1, label {
  color: #fff !important;
  font-family: 'Roobert-Regular', sans-serif !important;
}

.event-tickets .tribe-tickets__tickets-item-extra-available {display: none !important;}

#tribe-tickets__tickets-buy {
  background-color: #fff;
  color: #000;
  padding: 18px 22px 18px 22px;
  border-radius: 100px;
  border: 1px solid #fff;
  display: block;
  max-width: max-content;
  line-height: 116%;
  transition: .3s ease all;
}

#tribe-tickets__tickets-buy:hover {
  color: #fff;
  background-color: #000;
}

.tribe-tickets__tickets-item-content-title-container, .tribe-tickets__tickets-item-extra {align-self: center !important;}

.tribe-tickets__tickets-item-content-title {
  font-size: 24px !important;
  font-family: 'MonumentExtended-Bold', sans-serif !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

.wc-block-cart-item__image {padding-left: 0 !important;}

.wp-block-woocommerce-cart, .tribe-tickets__registration, .wc-block-components-sidebar-layout {
  background-color: #0E1015B3;
  padding: 2.5rem;
  border-radius: 20px;
}

.tribe-tickets__registration {padding: 1rem 2.5rem !important;}

.wc-block-cart {margin: 0 !important;}

.wc-block-components-button, .tribe-tickets__registration-submit {
  background-color: #fff !important;
  color: #000 !important;
  padding: 18px 22px 18px 22px !important;
  border-radius: 100px !important;
  border: 1px solid #fff !important;
  display: block !important;
  max-width: 100% !important;
  line-height: 116% !important;
  transition: .3s ease all !important;
}

.wc-block-components-button:hover, .tribe-tickets__registration-submit:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.tribe-tickets__registration-actions {display: none !important;}

.tribe-tickets__tickets-item-content-title-container {width: 100% !important;}

.tribe-tickets__tickets-item {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  justify-content: flex-start !important;
}

.tribe-tickets__attendee-tickets-item {
  background-color: #000000B3 !important;
  border-radius: 10px !important;
  color: #fff !important;
  border: 0 !important;
  padding: 1rem !important;
}

.tribe-tickets__attendee-tickets-item::before, .tribe-tickets__attendee-tickets-item::after {display: none !important;}

.tribe-tickets__registration-footer {margin-bottom: 2rem !important;}

.tribe-tickets__attendee-tickets-container .tribe-common-h5 {font-size: 24px !important;}

.tribe-tickets__form-field-input, .wc-block-components-sidebar-layout input:not([type="submit"]),
.wc-blocks-components-select__select, .wc-block-components-sidebar-layout textarea {
  background-color: #0E1015 !important;
  color: #fff !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255, 0.3) !important;
  outline: none !important;
  box-shadow: none !important;
}

.tribe-tickets__form-field-input:focus,
.wc-block-components-sidebar-layout input:not(input[type="submit"]):focus,
.wc-blocks-components-select__select:focus, .wc-block-components-sidebar-layout textarea:focus {border-color: #fff !important;}

.tribe-tickets__notice--error {background-color: darkred !important;}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {fill: #fff !important;}

.wc-block-components-button .wc-block-components-checkout-place-order-button__text {justify-content: center !important;}

.wc-blocks-components-select .wc-blocks-components-select__container {background: transparent !important;}

.woocommerce-order-received .woocommerce-order {
  max-width: 1020px;
  margin: 2rem auto;
  background-color: #0E1015B3;
  padding: 2.5rem;
  border-radius: 20px;
}

.tec-tickets__attendees-list {
  background-color: transparent !important;
  margin-bottom: 2rem !important;
}

.text-subpage img {
  max-width: 100% !important;
  height: auto !important;
  max-width: 800px;
}

.blog h1 {margin: 2rem 0 3rem 0;}

.blog .blog-card {
  display: block;
  margin-bottom: 1.5rem;
  transition: .3s ease all;
}

.blog .blog-card:hover {transform: scale(1.05);}

.blog .blog-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  margin-bottom: 1rem;
}

.blog .blog-card p {
  color: var(--blue);
  font-size: 16px;
}

.blog .blog-card h2 {
  margin: 0;
  font-size: 26px !important;
}

.terms {
  z-index: 100;
  position: relative;
}

#tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-details-content {order: 2;}
#tribe-tickets__tickets-form .tribe-tickets__tickets-item-extra {order: 1;}
#tribe-tickets__tickets-form .tribe-tickets__tickets-item .tribe-tickets__tickets-item-quantity {
  order: 3;
  margin-left: auto;
}

.event-tickets .tribe-tickets__tickets-item-details-content {display: block !important;}

@media screen and (max-width: 1199px) {
  .hp-head .head-content h1 {font-size: 80px;}
  
  .working-with .working-with-content .partners h3 {font-size: 16px;}

  .speakers .speaker-card > img {height: 300px;}
}

@media screen and (max-width: 991px) {
  .navbar .navbar-collapse {
    position: fixed;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
  }

  .head-shadow .shadow {left: -45%;}

  .navbar .navbar-collapse .navbar-nav .nav-item {padding: .5rem;}

  .navbar .navbar-collapse .navbar-nav .nav-link {font-size: 24px;}

  .offcanvas-backdrop.show {opacity: .9;}
  
  .hp-head .head-content h1 {font-size: 60px;}

  .hp-head .head-content h1 small {
    font-size: 18px;
    line-height: 22px;
  }

  .why-join .info-box {margin: 3rem auto 0 auto;}

  .why-join .element-shadow .shadow {top: 150px;}

  .buy-ticket .buy-ticket-content .tickets .ticket-card {width: 100%;}

  .buy-ticket .buy-ticket-content .tickets .ticket-card:first-of-type {margin-bottom: 1.5rem;}

  .buy-ticket .buy-ticket-content .tickets .ticket-card ul {
    max-height: 430px;
    overflow-y: auto;
  }

  .site-footer .foot-content .copyright {
    margin-top: 2rem;
    width: 100%;
    align-items: center;
  }

  .site-footer .foot-content .copyright img {margin-left: 0;}
}

@media screen and (max-width: 767px) {
  .navbar {padding-top: 30px;}

  .navbar .navbar-toggler {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 500;
  }

  body:not(.home) .navbar > .container {justify-content: center !important;}

  .navbar .navbar-brand {margin-right: 0;}

  .mobile-menu-shadow .menu-shadow {
    display: block;
    position: fixed;
    max-width: 300px;
    right: -95px;
    bottom: -125px;
    z-index: 50;
  }
  
  .hp-head .head-content h1 {display: none;}

  .hp-head .head-content > img {
    display: block;
    max-height: calc(100% - 40px);
  }

  .hp-head video {
    width: 200vw;
    height: 100%;
    object-position: center top;
    margin-left: -50%;
  }

  .agenda .agenda-content,
  .buy-ticket .buy-ticket-content,
  .working-with .working-with-content {padding: 2rem;}

  .plan-visit .plan-visit-content .col-md-6:nth-of-type(2) {
    padding-left: .75rem;
    padding-top: 1rem;
  }

  .site-footer .foot-logo {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }

  .plan-visit-page .container .row:nth-of-type(1) .col-md-6:nth-of-type(2),
  .plan-visit-page .container .row:nth-of-type(3) .col-md-6:nth-of-type(2),
  .plan-visit-page .container .row:nth-of-type(5) .col-md-6:nth-of-type(2) {order: -1;}

  .contact {margin-top: 3rem;}

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

  .contact form {
    max-width: 560px;
    margin: 1rem auto 2rem auto;
  }

  .industries .industry-slider .slide .industry-content {
    width: 300px;
    height: 120px;
    padding: 1rem;
  }

  .industries .industry-slider .slide .industry-content h3 {
    font-size: 22px;
    line-height: 22px;
  }

  .industries .industry-slider .slide .industry-content p {
    font-size: 18px;
    line-height: 100%;
  }

  .navbar .navbar-home p {
    font-size: 18px;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .hp-head .head-logos img:nth-of-type(1) {width: 140px;}

  .hp-head .head-logos img:nth-of-type(2) {width: 100px;}

  .why-join {margin: 4rem 2rem;}

  .agenda .tab-content .tab-pane .agenda-line {flex-direction: column;}

  .agenda .tab-content .tab-pane .agenda-line p {max-width: 100%;}

  .buy-ticket .buy-ticket-content .tickets .ticket-card {padding: 2rem;}

  .site-footer .foot-content .foot-menu:first-of-type {margin-bottom: 1.5rem;}

  h2 {font-size: 40px !important;}

  .wp-block-woocommerce-cart, .tribe-tickets__registration, .wc-block-components-sidebar-layout {padding: 1rem;}
}

@media screen and (max-width: 400px) {
  .agenda .nav-tabs .nav-item .nav-link {font-size: 16px;}
}