@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Outfit:wght@100..900&display=swap");
@font-face {
  font-family: "inlandersbold";
  src: url("../fonts/inlanders.woff2") format("woff2"), url("../fonts/inlanders.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --primary-color: #5657a5;
  --secondary-color: #000;
  --third-color: #002b3a;
  --dark-color: #0d0d0d;
  --white: #fff;
  --black: #000;
  --black-2: #0e0e0f;
  --blue: #90d6e7;
  --dark-blue: #002b3a;
  --orange: #f05a2d;
  --light-gray: #f5f5f5;
  --border-color: #cdcdcd;
  --success-color: #4bb543;
  --disabled-color: #cbcbcb;
  --cart-bg: #023059;
  --button-hover: #b98806;
  --font-primary: "Big Shoulders", sans-serif;
  --font-secondary: "inlandersbold", serif;
  --font-third: "Outfit", sans-serif;
}

html {
  scroll-behavior: smooth;
}

.sp-container {
  max-width: 1168px;
  margin: 0 auto;
}
.sp-container .uk-navbar-nav > li > a {
  font-family: var(--font-primary);
  color: var(--white);
  font-size: 18px;
}

.top {
  font-family: var(--font-primary);
  text-transform: uppercase;
  line-height: 42px;
  font-size: 21px;
  margin-bottom: 50px;
}

.top-nav {
  position: relative;
  z-index: 10;
}

#header {
  background-color: var(--dark-color);
  padding: 150px 100px 100px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
#header:after {
  content: "";
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/23223642/header-bg-80.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
#header .content {
  background-color: var(--dark-color);
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/23163802/header-bg-block-80.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
#header .content .top {
  padding: 20px;
  color: var(--white);
}
#header .content .middle h2 {
  color: var(--white);
  font-size: 36px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: var(--font-primary);
  font-weight: bold;
}
#header .content .bottom {
  transform: translateY(20px);
}
#header .content .bottom .uk-button-primary {
  font-family: var(--font-primary);
  background-color: var(--orange);
  color: var(--black-2);
  font-weight: bold;
  font-size: 18px;
}
#header .content .bottom .uk-button-primary:hover {
  background-color: #7bcee2;
}

#intro {
  background-color: var(--black);
  color: var(--white);
}
#intro h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
}

#attend {
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/30191203/bg-attend.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: var(--third-color);
  background-blend-mode: multiply;
  padding: 50px 0;
  color: var(--white);
}
#attend h2 {
  color: var(--blue);
  font-family: var(--font-primary);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 35px;
}
#attend ul.list {
  margin-top: 70px;
}
#attend ul.list h3 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--blue);
  text-transform: uppercase;
  font-size: 40px;
  margin: 0;
}
#attend .uk-button-primary {
  font-family: var(--font-primary);
  background-color: var(--blue);
  color: var(--black-2);
  font-weight: bold;
  font-size: 18px;
}
#attend .uk-button-primary:hover {
  background-color: #001821;
}

#experience {
  background-color: rgba(239, 92, 48, 0.5);
  color: var(--white);
  position: relative;
}
#experience:after {
  content: "";
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/30213507/what-get-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: color-burn;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--orange);
}
#experience .uk-section .sp-container {
  position: relative;
  z-index: 1;
}
#experience h2,
#experience h3 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
}
#experience .uk-button {
  background-color: var(--dark-color);
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  font-size: 18px;
}

#speakers {
  background-color: var(--black);
}
#speakers .slider {
  display: none;
}
#speakers .slider h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0px;
}
#speakers .slider .slider-container .card-title {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--blue);
  text-transform: uppercase;
  font-size: 20px;
  margin: 15px 0 0;
}
#speakers .slider .slider-container .card p {
  font-family: var(--font-third);
  font-weight: 100;
  color: var(--white);
  margin: 0;
}
#speakers .intro {
  color: var(--white);
  font-family: var(--font-third);
  font-weight: 100;
  margin-bottom: 30px;
}
#speakers .intro h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  margin: 0;
}
#speakers .intro h2 + p {
  margin-top: 5px;
}
#speakers .box-steps-item {
  border: 2px solid var(--blue);
  border-radius: 10px;
  padding: 20px;
  color: var(--white);
  font-family: var(--font-third);
  font-weight: 100;
}
#speakers .box-steps-item .number {
  font-family: var(--font-primary);
  color: var(--orange);
  text-transform: uppercase;
  font-size: 70px;
}
#speakers .box-steps-item h3 {
  font-family: var(--font-primary);
  font-size: 35px;
  font-weight: bolder;
  margin: 0;
  color: var(--white);
}
#speakers .v-lines {
  width: 100%;
  height: 100%;
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/24095428/vertical-lines.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 70px 0 0;
}
#speakers .description {
  color: var(--white);
  font-family: var(--font-third);
  font-weight: 100;
  position: relative;
  padding: 120px 0;
}
#speakers .description:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/30191203/bg-speakers.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  background-position: center center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#speakers .description h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
#speakers .description .link-text {
  color: var(--orange);
  text-decoration: underline;
  text-transform: uppercase;
}

#host-partners {
  background-color: var(--orange);
  color: var(--white);
}
#host-partners h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  font-size: 50px;
}
#host-partners h3 {
  font-family: var(--font-primary);
  font-weight: medium;
  color: var(--black);
  font-size: 30px;
  margin: 0;
}
#host-partners h4 {
  font-family: var(--font-third);
  font-weight: 300;
  color: var(--black);
  font-size: 30px;
  margin: 0;
}
#host-partners h5 {
  font-family: var(--font-primary);
  font-weight: medium;
  color: var(--white);
  font-size: 30px;
}

#additional-sponsors {
  background-color: var(--white);
}
#additional-sponsors h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--blue);
  text-transform: uppercase;
  font-size: 30px;
  text-align: center;
}
#additional-sponsors h3 {
  font-family: var(--font-third);
  font-size: 25px;
  margin: 0;
}
#additional-sponsors .uk-text-small {
  font-size: 0.84rem !important;
}

footer {
  background-color: var(--black);
  color: var(--white);
  padding: 20px 0;
  text-align: center;
  font-size: 14px;
}
footer a {
  color: var(--white);
}
footer .uk-navbar-nav > li > a {
  font-family: var(--font-primary);
  color: var(--white);
  font-size: 18px;
}
footer .submenu-footer > li > span {
  font-family: var(--font-third);
  text-decoration: underline;
  color: var(--blue);
  font-size: 14px;
}

.page-template-sponsors #page-content {
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/30191203/bg-attend.svg");
}
.page-template-sponsors #page-content h2 {
  font-family: var(--font-primary);
  font-weight: bold;
  color: var(--black);
  text-transform: uppercase;
}
.page-template-sponsors #page-content .dark {
  background-color: #000000db;
  border-radius: 10px;
  color: #fff;
}
.page-template-sponsors #page-content .dark h3 {
  color: var(--orange);
  font-family: var(--font-primary);
  font-weight: 500;
}
.page-template-sponsors #page-content .dark p strong {
  color: var(--orange);
}
.page-template-sponsors #page-content .uk-list .uk-icon {
  color: var(--orange);
}
.page-template-sponsors #page-content #header {
  background-color: var(--white);
}
.page-template-sponsors #page-content #header:after {
  content: "";
  background-image: url("https://wvoe-prod.s3.amazonaws.com/wp-content/uploads/2025/09/30191203/bg-attend.svg");
  opacity: 1;
}
.page-template-sponsors #page-content #intro h2 {
  color: var(--white);
}
.page-template-sponsors #page-content #why-sponsor h2 {
  font-size: 3rem;
  margin: 0;
}
.page-template-sponsors #page-content #why-sponsor h3 {
  margin: 0;
}
.page-template-sponsors #page-content #why-sponsor .sponsor-feat .uk-card-default {
  background-color: #000000cc;
  border-radius: 10px;
  color: var(--white);
}
.page-template-sponsors #page-content #why-sponsor .sponsor-feat .uk-card-default h2 {
  color: var(--orange);
  font-size: 3.5rem;
  font-weight: normal;
  margin: 0;
}
.page-template-sponsors #page-content #why-sponsor .sponsor-feat .uk-card-default h3 {
  font-weight: bold;
  margin: 0;
  color: var(--white);
}
.page-template-sponsors #page-content #sponsor-tiers h2 {
  font-size: 3rem;
  margin: 0;
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default {
  background-color: #000000cc;
  border-radius: 10px;
  color: var(--white);
  padding: 0 !important;
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default .uk-card-header {
  border-radius: 10px 10px 0 0;
  border-bottom: unset !important;
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default .uk-card-header .uk-card-title {
  color: var(--white);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default .uk-card-header .uk-label-success {
  background-color: transparent;
  border: 1px dashed white;
  color: var(--white);
  font-size: 1rem;
  padding: 5px;
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default .uk-card-body h4 {
  color: var(--orange);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-1 {
  background: linear-gradient(to right, #e07a1f 0%, #a13a13 100%);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-1 h3 {
  color: var(--white);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-2 {
  background: linear-gradient(to right, #a0a0a0 0%, #333333 100%);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-2 h3 {
  color: var(--white);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-3 {
  background: linear-gradient(to right, #bfa800 0%, #7a5c00 100%);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-3 h3 {
  color: var(--white);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-4 {
  background: linear-gradient(to right, #888888 0%, #222222 100%);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-4 h3 {
  color: var(--white);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-5 {
  background: linear-gradient(to right, #b22222 0%, #660000 100%);
}
.page-template-sponsors #page-content #sponsor-tiers .tier-box .uk-card-default #tier-5 h3 {
  color: var(--white);
}