/*
Theme Name: Academi Croeso
Theme URI: https://www.designweb.co.uk/
Author: John Fotios
Author URI: https://www.indever.co.uk/
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: https://www.designweb.co.uk/
Tags: 
Text Domain: academicroeso
*/

@import url("https://use.typekit.net/nfq8dvm.css");

/* =Settings
-------------------------------------------------------------- */
:root {
}

/* =Formatting 
-------------------------------------------------------------- */

/* =Globals
-------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "specter", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  background-color: #fbf9f2;
}

p,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.05em;
}

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

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

strong {
  font-weight: 500;
}

/* =Header
-------------------------------------------------------------- */

header.site-header {
  position: fixed;
  width: 100%;
  z-index: 150;
  transition: all 0.5s ease;
}

header.site-header.fixed {
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 2s ease;
}

header.site-header .alignwide {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: max(100px, 9.375vw);
  max-width: 90% !important;
}

header.site-header .alignwide > * {
  width: calc(100% / 3);
}

header.site-header .alignwide .social-icons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

header.site-header .alignwide .social-icons ul {
  list-style-type: none;
  padding: 0 max(10px, 1.563vw);
  margin: 0;
  display: flex;
  align-items: center;
  height: max(40px, 3.125vw);
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 1000px;
  gap: max(10px, 1.042vw);
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(30px);
}

header.site-header .alignwide .social-icons ul li a {
  display: block;
}
header.site-header .alignwide .social-icons ul li a img {
  display: block;
  width: max(20px, 1.25vw);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center center;
}

header.site-header .alignwide .site-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

header.site-header .alignwide .site-logo a {
  display: block;
}

header.site-header .alignwide .site-logo a img {
  display: block;
  height: max(60px, 7.292vw);
  width: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center center;
}

header.site-header .alignwide .menu-options {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header.site-header .alignwide .menu-options ul {
  display: flex;
  gap: max(10px, 1.042vw);
  list-style-type: none;
  padding: 0;
  margin: 0;
}

header.site-header .alignwide .menu-options ul li {
}

header.site-header .alignwide .menu-options ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: max(40px, 3.125vw);
  min-width: max(40px, 3.125vw);
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 1000px;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(30px);
  color: #fff;
  font-size: max(16px, 1.042vw);
  text-decoration: none;
  transition: all 0.4s ease;
}

header.site-header .alignwide .menu-options.active ul li a {
  background-color: #fff;
  color: #1d1d1b;
}

header.site-header .alignwide .menu-options:not(.active) ul li a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #1d1d1b;
}

header.site-header .alignwide .menu-options ul li.menu-icon a#menu {
  display: flex;
  gap: 0 max(10px, 1.042vw);
  padding: 0 max(15px, 1.563vw);
}

header.site-header .alignwide .menu-options ul li.menu-icon a#menu strong {
  font-weight: 400;
  font-size: max(16px, 1.042vw);
  text-transform: uppercase;
}

.menu-options ul li.menu-icon a#menu span.int {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: max(16px, 1.25vw);
  height: max(9px, 0.677vw);
}

a#menu span.int span {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.menu-options.active a#menu span.int span:nth-child(1) {
  opacity: 0;
  transform: scale(0.5);
}

.menu-options.active a#menu span.int span:nth-child(2) {
  opacity: 1;
  transform: scaleX(1.2);
  background-color: #1d1d1b;
}

.menu-options.active a#menu span.int span:nth-child(3) {
  opacity: 0;
  transform: scale(0.5);
}

header.site-header a#menu:not(.active):hover span.int span {
  background-color: #1d1d1b;
}

a#menu span.int span:nth-child(1) {
}

header.site-header .alignwide .site-menu {
  position: absolute;
  z-index: 5;
  right: max(-1.042vw, -10px);
  top: calc((50% - max(20px, 1.5625vw)) + max(-1.042vw, -10px));
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: max(24px, 1.823vw);
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(30px);
  padding-top: max(70px, 6.771vw);
  padding-bottom: max(50px, 7.813vw);
  padding-left: max(20px, 2.604vw);
  padding-right: max(20px, 2.604vw);
  width: max(260px, 23.438vw);
  opacity: 0;
  visibility: hidden;
  transform: scaleX(0.95) scaleY(0.95);
  transform-origin: top right;
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

header.site-header .alignwide .site-menu.active {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1) scaleY(1);
}

header.site-header .alignwide .site-menu .menu-header-container {
}

header.site-header .alignwide .site-menu .menu-header-container > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: all 0.4s ease;
}

header.site-header .alignwide .site-menu.active .menu-header-container > ul {
  opacity: 1;
  transition: all 0.4s ease 0.2s;
}

header.site-header .alignwide .site-menu .menu-header-container > ul > li > a {
  display: block;
  font-size: max(16px, 1.25vw);
  line-height: 1.66666667;
  color: #1d1d1b;
  text-decoration: none;
  transform-origin: left;
  transition: all 0.3s ease;
}

header.site-header
  .alignwide
  .site-menu
  .menu-header-container
  > ul
  > li:hover
  > a {
  text-decoration: underline;
  transform: scale(1.025);
}

@media screen and (max-width: 489px) {
  header.site-header .alignwide .social-icons {
    display: none;
  }

  header.site-header .alignwide .site-logo {
    justify-content: flex-start;
  }
}

/* =Slick Slider
-------------------------------------------------------------- */

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.slick-dots {
  position: initial !important;
  display: flex !important;
  text-align: left !important;
}

.slick-dots li {
  position: relative;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  opacity: 0.5;
  transition: all 0.4s ease;
}

.slick-dots li.slick-active {
  opacity: 1;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button::before {
  display: none;
}

/* =page-title
-------------------------------------------------------------- */

.page-title {
  position: relative;
  background-color: #1d1d1b;
  overflow: hidden;
}

.page-title::before {
  display: block;
  content: "";
  background-color: #1d1d1b;
  opacity: 0.75;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.page-title img.page-image {
  position: absolute;
  width: 100vw;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-title .alignwide {
  position: relative;
  z-index: 10;
  padding-top: max(100px, 9.375vw);
  min-height: max(200px, 27.083vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: max(800px, 53.125vw) !important;
}

.page-title .alignwide h1 {
  color: #fbf9f2;
  font-size: max(24px, 3.646vw);
  text-align: center;
  margin-top: 0;
  margin-bottom: max(20px, 2.604vw);
}

.page-title .alignwide p {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: max(20px, 2.604vw);
}

.page-title .alignwide p a {
  color: #fbf9f2;
}

/* =dw-blocks FALSE BLOCKS
-------------------------------------------------------------- */

/* =launch-video
-------------------------------------------------------------- */

.dw-block.launch-video {
  margin-top: 0;
  margin-bottom: max(40px, 4.688vw);
}

.dw-block.launch-video video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 1080;
  object-fit: cover;
  object-position: center center;
}

/* =homepage hero
-------------------------------------------------------------- */

.homepage-hero {
  width: 100vw;
  min-height: 100vh !important;
  background-color: #000;
}

.hero-slider {
  position: relative;
  overflow: hidden;
}

.hero-slider .hero-slide {
  position: relative;
  min-height: 100vh !important;
  display: flex !important;
  justify-content: center;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 789px) {
  .homepage-hero {
    min-height: 0 !important;
    height: 700px !important;
  }

  .hero-slider .hero-slide {
    min-height: 0 !important;
    height: 700px !important;
  }
}

.hero-slider .hero-slide img.hero-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: grayscale(1);
}

.hero-slider .hero-slide::before {
  display: block;
  content: "";
  background-color: #1d1d1b;
  opacity: 0.75;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-slider .hero-slide .hero-content {
  position: relative;
  z-index: 2;
  max-width: max(400px, 40.625vw) !important;
  padding-top: max(120px, 11.458vw);
}

.hero-slider .hero-slide .hero-content img.hero-img {
  display: block;
  margin: 0 auto;
  border-radius: max(10px, 0.521vw);
  max-width: max(260px, 15.625vw);
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center center;
}

.hero-slider .hero-slide .hero-content h1 {
  margin-top: min(-40px, -2.604vw);
  margin-bottom: 0;
  text-align: center;
}

.hero-slider .hero-slide .hero-content ul.buttons {
  justify-content: center;
  margin-top: max(40px, 3.125vw);
  margin-bottom: max(40px, 3.125vw);
}

/* =homepage-intro
-------------------------------------------------------------- */

.homepage-intro {
  margin-top: max(40px, 4.688vw);
  padding-bottom: max(60px, 5.729vw);
  overflow: hidden;
  background-image: url(/wp-content/themes/academi-croseo/assets/img/ac-bg.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
}

.homepage-intro .content h2 {
  max-width: max(800px, 53.125vw);
  margin-top: 0;
}

.homepage-intro .content p {
  max-width: max(600px, 41.667vw);
}

.homepage-intro .scroll-track {
  margin-top: max(60px, 5.729vw);
}

.scroll-track {
  width: 100%;
}

.scroll-track.spacing {
}

.scroll-content {
  display: flex;
  width: max-content;
  animation: scroll-left 60s linear infinite;
  justify-content: flex-start;
}

.scroll-group {
  display: flex;
}

.scroll-group .image {
  flex: 0 0 auto;
  padding: 0 max(6px, 0.521vw); /* spacing between images */
  transition: all 0.4s ease;
}

.scroll-group img {
  display: block;
  width: max(105px, 9.375vw); /* adjust as needed */
  height: auto;
  aspect-ratio: 180 / 240;
  border-radius: 10px;
  object-fit: cover;
  object-position: center center;
  transform-origin: bottom;
  transition: all 0.4s ease;
}

.scroll-group .image:hover img {
  transform: scale(1.05);
}

.larger-images .scroll-group img {
  width: max(105px, 24vw);
}

.square-images .scroll-group img {
  aspect-ratio: 4 / 3;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* =text-and-image
-------------------------------------------------------------- */

.dw-block.text-and-image {
}

.dw-block.text-and-image .cols {
  display: flex;
}

.dw-block.text-and-image .cols.reverse {
  flex-direction: row-reverse;
}

.dw-block.text-and-image .cols .col {
  width: 50%;
  box-sizing: border-box;
}

.dw-block.text-and-image .cols .col.image {
}

.dw-block.text-and-image .cols .col.image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 96 / 62;
  object-position: center center;
  object-fit: cover;
  height: 100%;
}

.dw-block.text-and-image .cols .col.text {
  display: flex;
  align-items: center;
  padding: max(40px, 5%) 5% max(60px, 5%) max(20px, 5.208vw);
  background-color: #fff;
}

.dw-block.text-and-image .cols.reverse .col.text {
  padding: max(40px, 5%) max(20px, 5.208vw) max(60px, 5%) 5%;
  justify-content: flex-end;
}

.dw-block.text-and-image .cols .col.text .int {
  max-width: max(550px, 28.646vw);
}

.dw-block.text-and-image .cols .col.text .int h2 {
  margin-top: 0;
}

.dw-block.text-and-image .cols .col.text .int *:last-child {
  margin-bottom: 0;
}

/* alt */

.dw-block.text-and-image.alt .cols .col.text {
  background-color: #1d1d1b;
}

.dw-block.text-and-image.alt .cols .col.text h2 {
  color: #a48400;
}

.dw-block.text-and-image.alt .cols .col.text p {
  color: #fbf9f2;
}

@media screen and (max-width: 789px) {
  .dw-block.text-and-image .cols,
  .dw-block.text-and-image .cols.reverse {
    flex-direction: column;
  }

  .dw-block.text-and-image .cols .col {
    width: 100%;
  }

  .dw-block.text-and-image .cols.reverse .col.text {
    justify-content: flex-start;
  }
}

/* =hospitality-and-tourism-employers
-------------------------------------------------------------- */

.dw-block.hospitality-and-tourism-employers {
  margin-top: max(40px, 4.688vw);
  margin-bottom: max(60px, 6.25vw);
}

.dw-block.hospitality-and-tourism-employers .alignwide {
}

.dw-block.hospitality-and-tourism-employers .alignwide h2 {
  max-width: max(800px, 53.125vw);
  margin-top: 0;
}

.dw-block.hospitality-and-tourism-employers .alignwide p {
  max-width: max(600px, 41.667vw);
}

.dw-block.hospitality-and-tourism-employers .alignwide .employers-logos {
  margin-top: max(40px, 5.729vw);
  margin-bottom: max(60px, 6.25vw);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dw-block.hospitality-and-tourism-employers .alignwide .employers-logos .item {
}

.dw-block.hospitality-and-tourism-employers
  .alignwide
  .employers-logos
  .item
  a {
  display: block;
}

.dw-block.hospitality-and-tourism-employers
  .alignwide
  .employers-logos
  .item
  a
  img {
  display: block;
  max-height: max(50px, 5.365vw);
  max-width: max(134px, 14.375vw);
  height: auto;
  width: auto;
}

@media screen and (max-width: 789px) {
  .dw-block.hospitality-and-tourism-employers .alignwide .employers-logos {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }

  .dw-block.hospitality-and-tourism-employers
    .alignwide
    .employers-logos
    .item {
    width: calc(50% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 100px;
  }
}

/* =news-feed
-------------------------------------------------------------- */

.dw-block.news-feed {
  padding-top: max(40px, 4.688vw);
  padding-bottom: max(60px, 6.25vw);
  background-color: #1d1d1d;
}

.dw-block.news-feed .alignwide h2 {
  margin-top: 0;
  margin-bottom: max(20px, 1.563vw);
  color: #a48400;
}

.the-feed {
  display: flex;
  gap: 20px max(20px, 2.604vw);
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: max(20px, 1.563vw);
}

.the-feed .item {
  width: calc((100% / 3) - ((max(20px, 2.604vw) * 2) / 3));
  min-width: 280px;
}

.the-feed .item a.image {
  display: block;
}

.the-feed .item a.image img {
  display: block;
  aspect-ratio: 400 / 280;
  object-fit: cover;
  object-position: center center;
}

.the-feed .item p.date {
  font-size: 16px;
  color: #a48400;
  margin-top: max(20px, 1.563vw);
  margin-bottom: 20px;
}

.the-feed .item h4 {
  margin: 0;
}

.the-feed .item h4 a {
  display: block;
  text-decoration: none;
  color: #fbf9f2;
}

.dw-block.news-feed .alignwide .buttons {
  margin-top: max(20px, 1.563vw);
}

@media screen and (max-width: 789px) {
}

/* =our-partners
-------------------------------------------------------------- */

.dw-block.our-partners {
  padding-top: max(40px, 4.688vw);
  padding-bottom: max(120px, 8.854vw);
  background-color: #fff;
}

.dw-block.our-partners .alignwide {
}

.dw-block.our-partners .alignwide h2 {
  margin-top: 0;
  margin-bottom: max(30px, 1.563vw);
  text-align: center;
}

.dw-block.our-partners .alignwide .partner-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px max(20px, 3.646vw);
  margin-top: 0;
  margin-bottom: max(60px, 3.125vw);
}

.dw-block.our-partners .alignwide .partner-logos .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% / 3) - ((max(20px, 3.646vw) * 2) / 3));
}

.dw-block.our-partners .alignwide .partner-logos .item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.dw-block.our-partners .alignwide .partner-logos .item a img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 789px) {
  .dw-block.our-partners .alignwide .partner-logos .item {
    width: 100%;
  }

  .dw-block.our-partners .alignwide .partner-logos .item a img {
    max-width: 56.075vw;
    max-height: 18.224vw;
    width: auto;
    height: auto;
  }
}

.dw-block.our-partners .alignwide .important {
  max-width: max(600px, 52.083vw);
  margin: 0 auto;
}

.dw-block.our-partners .alignwide .important p {
  text-align: center;
  font-size: max(14px, 0.938vw);
}

/* =dw-cover
-------------------------------------------------------------- */

.dw-block.dw-cover {
  margin-top: max(40px, 4.688vw) !important;
  padding-bottom: max(60px, 5.729vw);
  overflow: hidden;
  background-image: url(/wp-content/themes/academi-croseo/assets/img/ac-bg.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
}

.dw-block.dw-cover.nobg {
  background-image: none;
  padding-bottom: 0;
  margin-bottom: max(60px, 6.25vw);
}

.dw-block.dw-cover .alignwide {
}

.dw-block.dw-cover .alignwide h2 {
  margin-top: 0;
}

.dw-block.dw-cover .alignwide h3 {
  color: #a48400;
}

.dw-block.dw-cover:not(.centered) p {
  max-width: max(600px, 62.5vw);
}

.dw-block.dw-cover .alignwide *:last-child {
  margin-bottom: 0;
}

.dw-block.dw-cover .alignwide iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: max(20px, 1.042vw);
  margin-top: max(40px, 3.646vw);
  margin-bottom: 0;
}

.dw-block.dw-cover .alignwide img.photo {
  display: block;
  width: 100%;
  height: auto;
  margin-top: max(40px, 3.646vw);
  margin-bottom: max(40px, 3.646vw);
}

.dw-block.dw-cover .alignwide img.photo:nth-last-child(2) {
  margin-bottom: 0;
}

.dw-block.dw-cover .the-logos {
  margin-top: max(60px, 6.25vw);
}

/* if is centered */

.dw-block.dw-cover.centered .alignwide > * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.dw-block.dw-cover.centered h2 {
  max-width: max(800px, 53.125vw);
}

.dw-block.dw-cover.centered h3 {
  max-width: max(800px, 53.125vw);
}

.dw-block.dw-cover.centered p {
  max-width: max(800px, 41.667vw);
}

.dw-block.dw-cover.centered ul.buttons {
  justify-content: center;
}

/* simple-gallery */

div.simple-gallery {
  display: flex;
  padding-left: max(10px, 0.521vw);
  padding-right: max(10px, 0.521vw);
  gap: max(10px, 1.042vw);
  margin-top: max(40px, 5.208vw);
}

div.simple-gallery .item {
  display: block;
}

div.simple-gallery .item img {
  display: block;
  aspect-ratio: 46 / 36;
  object-fit: cover;
  object-position: center center;
  border-radius: 10px;
}

.dw-cover .hospitality-track {
  margin-top: max(40px, 3.646vw);
}

/* contact page */

.dw-cover h3.alt {
  max-width: max(600px, 53.125vw);
}

.dw-cover p.email {
  margin-top: max(30px, 2.604vw);
}

.dw-cover p.email:not(:last-child) {
  margin-bottom: max(40px, 3.646vw);
}

.dw-cover p.email a {
  display: flex;
  align-items: center;
  gap: 0 max(10px, 1.302vw);
}

.dw-cover p.email a img {
  display: block;
  height: max(20px, 1.042vw);
  width: auto;
  object-fit: contain;
  object-position: center center;
  text-decoration: none;
}

.dw-cover p.email a span {
  text-decoration: underline;
  color: #1d1d1d;
}

/* =.dw-block.statistics
-------------------------------------------------------------- */

.dw-block.statistics {
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 6.25vw);
  background-color: #152a2b;
}

.dw-block.statistics .alignwide {
}

.dw-block.statistics .alignwide p {
  color: #fbf9f2;
  font-size: max(24px, 2.604vw);
  font-weight: 500;
  max-width: max(600px, 54.167vw);
  line-height: 1.38em;
  margin-top: 0;
  margin-bottom: max(30px, 3.646vw);
}

.dw-block.statistics .alignwide p span {
  color: #f5e940;
}

.dw-block.statistics .alignwide img {
  display: block;
  max-width: 40%;
}

/* alt colors */

.dw-block.statistics.alt {
  background-color: #002f3a;
}

.dw-block.statistics.alt .alignwide p span {
  color: #98d900;
}

/* =explore
-------------------------------------------------------------- */

.dw-block.explore {
  margin-top: max(40px, 6.25vw);
  margin-bottom: max(40px, 6.25vw);
}

.dw-block.explore .alignwide {
}

.dw-block.explore .alignwide > h2 {
  text-align: center;
  max-width: max(800px, 53.125vw);
  margin: 0 auto max(40px, 3.125vw);
}

.dw-block.explore .alignwide .options {
  display: flex;
  gap: max(40px, 3.125vw) max(10px, 1.042vw);
  flex-wrap: wrap;
}

.dw-block.explore .alignwide .options .item {
  width: calc((100% / 2) - (max(10px, 1.042vw) / 2));
}

.dw-block.explore .alignwide .options .item img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 64 / 50;
  object-fit: cover;
  object-position: center center;
  margin-bottom: max(20px, 3.125vw);
}

.dw-block.explore .alignwide .options .item h2 {
  margin-bottom: max(20px, 1.042vw);
  text-align: center;
}

.dw-block.explore .alignwide .options .item p {
  margin: 0;
  text-align: center;
}

.dw-block.explore .alignwide .options .item ul.buttons {
  justify-content: center;
}

@media screen and (max-width: 789px) {
  .dw-block.explore .alignwide .options .item {
    width: 100%;
  }
}

/* =training routes
-------------------------------------------------------------- */

.dw-block.training-routes {
  margin-top: max(40px, 6.25vw) !important;
  margin-bottom: 0;
  padding-bottom: max(40px, 6.25vw);
  background-image: url(/wp-content/themes/academi-croseo/assets/img/ac-bg-2.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
}

.dw-block.training-routes .alignwide {
}

.dw-block.training-routes .alignwide > h2 {
  margin-top: 0;
}

.dw-block.training-routes .alignwide > h3 {
  color: #a48400;
}

.dw-block.training-routes .alignwide > p {
  max-width: max(800px, 52.083vw);
}

.dw-block.training-routes .alignwide .the-routes {
  margin-top: max(60px, 3.125vw);
  margin-bottom: max(60px, 3.125vw);
  display: flex;
  gap: max(40px, 3.125vw) max(10px, 1.042vw);
  flex-wrap: wrap;
}

.dw-block.training-routes .alignwide .the-routes:last-child {
  margin-bottom: 0;
}

.dw-block.training-routes .alignwide .the-routes .item {
  width: calc((100% / 2) - (max(10px, 1.042vw) / 2));
}

.dw-block.training-routes .alignwide .the-routes .item a.image {
  position: relative;
  display: block;
  margin-bottom: max(20px, 1.563vw);
}

.dw-block.training-routes .alignwide .the-routes .item a.image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 640 / 350;
  object-fit: cover;
  object-position: center center;
}

.the-routes .item a.image::before {
  display: block;
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  transition: all 0.4s ease;
}

.the-routes .item:hover a.image::before {
  opacity: 1;
}

.the-routes .item a.image span.read-more {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%);
  height: max(40px, 3.125vw);
  min-width: max(140px, 9.896vw);
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 1000px;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(30px);
  color: #fff;
  font-size: max(16px, 1.042vw);
  font-weight: 500;
  text-decoration: none;
  opacity: 0;
  transition: all 0.4s ease;
}

.the-routes .item a.image:hover span.read-more {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.the-routes .item a.image span.read-more:hover {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  color: rgb(29, 29, 27);
}

.the-routes .item p.title {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: max(20px, 1.563vw);
  font-weight: 500;
}

.the-routes .item p.title a {
  text-decoration: none;
}

/* alt (dark background) */

.dw-block.training-routes.alt {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 6.25vw);
  background: #1d1d1d;
}

.dw-block.training-routes.alt .alignwide h2 {
  color: #a48400;
}

.dw-block.training-routes.alt .alignwide > p {
  color: #fbf9f2;
}

@media screen and (max-width: 789px) {
  .dw-block.training-routes .alignwide .the-routes .item {
    width: 100%;
  }
}

/* =contact-form
-------------------------------------------------------------- */

.dw-block.contact-form {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 6.25vw);
  background-image: url("/wp-content/uploads/2025/10/contact-form-bg.jpg");
  background-size: cover;
  background-position: center center;
}

.dw-block.contact-form::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1d1d1d;
  opacity: 0.75;
}

.dw-block.contact-form .alignwide {
  position: relative;
  z-index: 10;
}

.dw-block.contact-form .alignwide h2 {
  margin-top: 0;
  color: #fff;
  text-align: center;
}

.dw-block.contact-form .alignwide > p {
  color: #fff;
  text-align: center;
}

div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]
  > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  color: #000 !important;
}

@media screen and (max-width: 789px) {
}

/* =other-useful-resources
-------------------------------------------------------------- */

.dw-block.other-useful-resources {
  margin-top: max(40px, 6.25vw);
  margin-bottom: max(40px, 6.25vw);
}

.dw-block.other-useful-resources .alignwide {
}

.dw-block.other-useful-resources .alignwide h2 {
  margin-top: 0;
  margin-bottom: max(40px, 3.125vw);
  text-align: center;
}

.dw-block.other-useful-resources .alignwide .the-resources {
  display: flex;
  flex-wrap: wrap;
  gap: 20px max(20px, 2.604vw);
}

.dw-block.other-useful-resources .alignwide .the-resources .item {
  width: calc((100% / 4) - ((max(20px, 2.604vw)) * 3) / 4);
}

.dw-block.other-useful-resources .alignwide .the-resources .item a {
  display: block;
  text-decoration: none;
}

.dw-block.other-useful-resources .alignwide .the-resources .item a img {
  display: block;
  height: max(30px, 2.604vw);
  width: auto;
  margin: 0 auto;
}

.dw-block.other-useful-resources .alignwide .the-resources .item a span {
  margin-top: max(20px, 2.083vw);
  padding-top: max(20px, 2.083vw);
  border-top: 1px solid #1d1d1d;
  font-size: max(14px, 1.042vw);
  display: block;
  text-align: center;
  color: #1d1d1b;
}

@media screen and (max-width: 789px) {
  .dw-block.other-useful-resources .alignwide .the-resources .item {
    width: 100%;
  }

  .dw-block.other-useful-resources .alignwide .the-resources .item a span {
    margin-top: 0;
    padding-top: max(20px, 2.083vw);
    border-top: 0;
  }

  .dw-block.other-useful-resources .alignwide .the-resources .item a {
    padding: 20px;
    background-color: #fff;
  }
}

/* =employers-leading-the-way
-------------------------------------------------------------- */

.dw-block.employers-leading-the-way {
  margin-top: max(40px, 6.25vw);
  margin-bottom: max(40px, 6.25vw);
}

.dw-block.employers-leading-the-way .alignwide {
}

.dw-block.employers-leading-the-way .alignwide h2 {
  margin-top: 0;
  margin-bottom: max(40px, 3.125vw);
  text-align: center;
}

.the-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.the-logos .item {
}

.the-logos .item a {
  display: block;
}

.the-logos .item a img {
  display: block;
  max-height: max(50px, 5.365vw);
  max-width: max(134px, 14.375vw);
  height: auto;
  width: auto;
}

@media screen and (max-width: 789px) {
  .the-logos {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }

  .the-logos .item {
    width: calc(50% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 100px;
  }
}

/* =.dw-block.career-paths
-------------------------------------------------------------- */

.dw-block.career-paths {
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 6.25vw);
  background-color: #f7f2d9;
}

.dw-block.career-paths .alignwide {
}
.dw-block.career-paths .alignwide h2 {
  margin-top: 0;

  color: #a48400;
}

.dw-block.career-paths .alignwide > p {
  max-width: max(600px, 46.875vw);
}

.dw-block.career-paths .alignwide > ul {
  margin-top: max(40px, 3.646vw);
  margin-bottom: max(20px, 1.042vw);
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 max(20px, 5.208vw);
}

.dw-block.career-paths .alignwide > ul > li {
  font-size: max(18px, 1.563vw);
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: max(20px, 2.083vw);
  width: calc(50% - (max(20px, 5.208vw) / 2));
}

.dw-block.career-paths .alignwide > ul > li strong {
  font-weight: 500;
}

@media screen and (max-width: 789px) {
  .dw-block.career-paths .alignwide > ul > li {
    width: 100%;
  }
}

/* =.dw-block.training-beyond-the-classroom
-------------------------------------------------------------- */

.dw-block.training-beyond-the-classroom {
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 6.25vw);
  background-color: #1d1d1d;
}

.dw-block.training-beyond-the-classroom .alignwide {
}

.dw-block.training-beyond-the-classroom .alignwide h2 {
  margin-top: 0;
  color: #a48400;
}

.dw-block.training-beyond-the-classroom .alignwide > p {
  color: #fff;
}

.dw-block.training-beyond-the-classroom .alignwide .the-training {
  display: flex;
  gap: max(20px, 3.125vw) max(20px, 5.208vw);
  flex-wrap: wrap;
  margin-top: max(30px, 3.125vw);
}

.dw-block.training-beyond-the-classroom .alignwide .the-training .item {
  width: calc((100% / 2) - (max(20px, 5.208vw) / 2));
}

.dw-block.training-beyond-the-classroom .alignwide .the-training.values .item {
  width: calc((100% / 3) - ((max(20px, 5.208vw) * 2) / 3));
}

.dw-block.training-beyond-the-classroom .alignwide .the-training .item h3 {
  color: #fff;
  display: flex;
  align-items: center;
  gap: max(10px, 1.563vw);
  font-size: max(20px, 1.563vw);
  margin-top: 0;
  margin-bottom: max(10px, 1.563vw);
}

.dw-block.training-beyond-the-classroom
  .alignwide
  .the-training.values
  .item
  h3 {
  justify-content: center;
  text-align: center;
  margin-bottom: max(10px, 1.563vw);
  padding-bottom: max(10px, 1.563vw);
  border-bottom: 1px solid #333;
}

.dw-block.training-beyond-the-classroom .alignwide .the-training .item h3 img {
  display: block;
  max-height: max(20px, 2.083vw);
  width: auto;
  object-fit: contain;
  object-position: center center;
}

.dw-block.training-beyond-the-classroom .alignwide .the-training .item p {
  color: #fff;
  font-size: max(16px, 1.042vw);
}

.dw-block.training-beyond-the-classroom
  .alignwide
  .the-training.values
  .item
  p {
  text-align: center;
}

.dw-block.training-beyond-the-classroom .alignwide .the-training.values {
}

@media screen and (max-width: 789px) {
  .dw-block.training-beyond-the-classroom .alignwide .the-training .item,
  .dw-block.training-beyond-the-classroom
    .alignwide
    .the-training.values
    .item {
    width: 100%;
  }
}

/* =.dw-block.future-table
-------------------------------------------------------------- */

.dw-block.future-table {
  margin-top: max(40px, 6.25vw);
  margin-bottom: max(40px, 6.25vw);
}

.dw-block.future-table .alignwide {
}

.dw-block.future-table .alignwide h2 {
  margin-top: 0;
  color: #a48400;
}

.dw-block.future-table .alignwide > p {
}

.dw-block.future-table .alignwide .the-table {
  margin-top: max(40px, 3.646vw);
}

.dw-block.future-table .alignwide .the-table table {
  width: 100%;
  border-collapse: collapse;
}

.dw-block.future-table .alignwide .the-table table th {
  font-size: max(16px, 1.042vw);
  font-weight: 400;
  text-align: center;
  color: #fbf9f2;
  background-color: #a48400;
  padding-top: max(10px, 0.625vw);
  padding-bottom: max(10px, 0.625vw);
}

.dw-block.future-table .alignwide .the-table table tr td {
  padding-top: max(20px, 1.042vw);
}

.dw-block.future-table .alignwide .the-table table tr:not(:last-child) {
  border-bottom: 1px solid #a48400;
}

.dw-block.future-table .alignwide .the-table table tr:not(:last-child) td {
  padding-bottom: max(20px, 1.042vw);
}

.dw-block.future-table .alignwide .the-table table tr th,
.dw-block.future-table .alignwide .the-table table tr td {
  min-width: max(50px, 5.208vw);
  max-width: 50vw;
}

.dw-block.future-table .alignwide .the-table table tr img {
  display: block;
  width: max(20px, 2.083vw);
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto;
}

/* =employer-logos
-------------------------------------------------------------- */

.employer-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: max(40px, 6.25vw);
  margin-bottom: max(40px, 6.25vw);
}

.employer-logos .item {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: max(30px, 2.344vw);
  padding-bottom: max(30px, 2.344vw);
}

.employer-logos .item:nth-child(odd) {
  background-color: #fff;
}

.employer-logos.alt .item:nth-child(even) {
  background-color: #fbf9f2;
}

.employer-logos .item > a {
  display: block;
}

.employer-logos .item > a > img {
  margin-bottom: max(20px, 2.344vw);
  display: block;
  height: max(50px, 5.365vw);
  width: max(134px, 14.375vw);
  object-fit: contain;
  object-position: center center;
}

.employer-logos .item > ul.buttons {
  margin-top: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 789px) {
  .employer-logos {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    margin-left: 5%;
    margin-right: 5%;
  }

  .employer-logos .item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 100px;
  }
}

/* =cta-1
-------------------------------------------------------------- */

.dw-block.cta-1 {
  padding-top: max(40px, 6.25vw);
  padding-bottom: max(40px, 6.25vw);
  background-color: #fff;
}

.dw-block.cta-1 .alignwide h2 {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: max(600px, 53.125vw);
  text-align: center;
}

.dw-block.cta-1 .alignwide p {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: max(600px, 52.083vw);
  text-align: center;
}

.dw-block.cta-1 .alignwide ul.buttons {
  justify-content: center;
}

/* =.training-opportunities
-------------------------------------------------------------- */

.dw-block.training-opportunities {
  padding-top: max(40px, 6.25vw);
  background-color: #1d1d1d;
}

.dw-block.training-opportunities .alignwide {
}

.dw-block.training-opportunities .alignwide h2 {
  margin-top: 0;
  color: #a48400;
}

.dw-block.training-opportunities .alignwide p {
  color: #f7f2d9;
  max-width: max(600px, 52.083vw);
}

.dw-block.training-opportunities .alignwide .training-icons {
  display: flex;
  flex-wrap: wrap;
  margin-top: max(40px, 6.25vw);
  margin-bottom: max(40px, 6.25vw);
  gap: max(20px, 5.208vw) max(20px, 2.604vw);
}

.dw-block.training-opportunities .alignwide .training-icons .item {
  width: calc((100% / 3) - ((max(20px, 2.604vw) * 2) / 3));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.dw-block.training-opportunities .alignwide .training-icons .item img {
  display: block;
  height: max(40px, 3.125vw);
  width: auto;
  margin-bottom: max(20px, 1.042vw);
  margin-left: 0;
  margin-right: 0;
}

.dw-block.training-opportunities .alignwide .training-icons .item p.title {
  text-align: center;
  font-size: max(20px, 1.563vw);
  font-weight: 500;
  margin: 0;
}

.dw-block.training-opportunities .alignwide > p:last-child {
  padding-top: max(40px, 3.125vw);
  padding-bottom: max(40px, 3.125vw);
  margin: 0;
  text-align: center;
  border-top: max(1px, 0.052vw) solid #fbf9f2;
  max-width: 100%;
}

@media screen and (max-width: 789px) {
  .dw-block.training-opportunities .alignwide .training-icons .item {
    width: 100%;
  }
}

/* =About page
-------------------------------------------------------------- */

.about-intro h2 strong {
  font-weight: 600;
  color: #a48400;
}

blockquote {
  display: flex;
  align-items: flex-start;
  gap: 20px max(20px, 3.125vw);
  margin-top: max(40px, 7.292vw);
  margin-bottom: max(40px, 7.292vw);
  margin-left: 0;
  margin-right: 0;
}

blockquote img {
  display: block;
  width: max(20px, 3.125vw);
  height: auto;
}

blockquote p {
  font-style: italic;
  font-size: max(20px, 2.083vw) !important;
  max-width: max(600px, 57.292vw) !important;
  margin: 0;
}

.vision {
  padding-top: max(40px, 4.688vw);
  padding-bottom: max(60px, 5.729vw);
  background-color: #fff;
}

.mission {
  padding-top: max(40px, 4.688vw);
  padding-bottom: max(60px, 5.729vw);
  background-color: #f7f2d9;
}

.vision h2:first-child,
.mission h2:first-child {
  margin-top: 0;
}

.vision ul,
.mission ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px max(20px, 2.604vw);
  margin-top: max(30px, 2.604vw);
}

.vision ul li,
.mission ul li {
  color: #a48400;
  font-weight: 600;
}

@media screen and (max-width: 789px) {
  .vision ul,
  .mission ul {
    flex-wrap: wrap;
  }
  .vision ul li,
  .mission ul li {
    width: 100%;
  }
}

/* =Blog Posts
-------------------------------------------------------------- */

/* this uses the same css from .the-feed block */

.the-feed.posts-page {
  padding-bottom: 0;
  margin-top: max(40px, 3.646vw);
  margin-bottom: max(40px, 6.25vw);
}

.the-feed.posts-page p.date {
  color: #1d1d1d;
}

.the-feed.posts-page h4 a {
  color: #1d1d1d;
}

.nav-links {
  margin-top: max(60px, 6.25vw) !important;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  gap: max(10px, 0.521vw);
}

.nav-links span {
  display: block;
  line-height: max(40px, 2.604vw);
  min-width: max(40px, 2.604vw);
  text-align: center;
  box-sizing: border-box;
  padding: 0 max(10px, 1.042vw);
  font-weight: 500;
  color: #172542;
  background-color: #fef5ea;
}

.nav-links a {
  display: block;
  line-height: max(40px, 2.604vw);
  min-width: max(40px, 2.604vw);
  text-align: center;
  box-sizing: border-box;
  padding: 0 max(10px, 1.042vw);
  font-weight: 500;
  color: #172542;
  background-color: #fef5ea;
  text-decoration: none;
}

.nav-links span.current {
  color: #fff;
  background: linear-gradient(to top right, #fdc533, #e6332a);
}

/* */

.single-blog {
  margin-top: max(40px, 6.25vw) !important;
  margin-bottom: max(40px, 6.25vw) !important;
}

.single-blog img {
  display: block;
  width: 100%;
  height: auto;
}

.single-blog iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: max(20px, 1.042vw);
  margin-top: max(40px, 3.646vw);
  margin-bottom: max(40px, 3.646vw);
}

/* =wpforms
-------------------------------------------------------------- */

.wpforms-container {
  max-width: max(800px, 41.667vw);
  margin-top: max(40px, 3.646vw) !important;
}

div.wpforms-container-full input[type="date"],
div.wpforms-container-full input[type="datetime"],
div.wpforms-container-full input[type="datetime-local"],
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="month"],
div.wpforms-container-full input[type="number"],
div.wpforms-container-full input[type="password"],
div.wpforms-container-full input[type="range"],
div.wpforms-container-full input[type="search"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"],
div.wpforms-container-full input[type="time"],
div.wpforms-container-full input[type="url"],
div.wpforms-container-full input[type="week"],
div.wpforms-container-full select,
div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type="date"],
.wp-core-ui div.wpforms-container-full input[type="datetime"],
.wp-core-ui div.wpforms-container-full input[type="datetime-local"],
.wp-core-ui div.wpforms-container-full input[type="email"],
.wp-core-ui div.wpforms-container-full input[type="month"],
.wp-core-ui div.wpforms-container-full input[type="number"],
.wp-core-ui div.wpforms-container-full input[type="password"],
.wp-core-ui div.wpforms-container-full input[type="range"],
.wp-core-ui div.wpforms-container-full input[type="search"],
.wp-core-ui div.wpforms-container-full input[type="tel"],
.wp-core-ui div.wpforms-container-full input[type="text"],
.wp-core-ui div.wpforms-container-full input[type="time"],
.wp-core-ui div.wpforms-container-full input[type="url"],
.wp-core-ui div.wpforms-container-full input[type="week"],
.wp-core-ui div.wpforms-container-full select,
.wp-core-ui div.wpforms-container-full textarea {
  border-radius: 0 !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(30px) !important;
  border: 1px solid #fff !important;
  font-size: max(18px, 1.25vw) !important;
  color: #fff !important;
  min-height: max(60px, 3.125vw) !important;
}

.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
  padding: 10px 0 !important;
}

/* Make WPForms placeholder text fully opaque */
.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  opacity: 1 !important;
  color: inherit; /* optional: keeps placeholder color same as text color */
}

/* For better cross-browser support */
.wpforms-form input::-webkit-input-placeholder,
.wpforms-form textarea::-webkit-input-placeholder {
  opacity: 1 !important;
}

.wpforms-form input:-ms-input-placeholder,
.wpforms-form textarea:-ms-input-placeholder {
  opacity: 1 !important;
}

.wpforms-form input::-ms-input-placeholder,
.wpforms-form textarea::-ms-input-placeholder {
  opacity: 1 !important;
}

.wpforms-form ::placeholder {
  color: #fff !important; /* or your preferred color */
}

/* GDPR checkbox */
#wpforms-1307-field_5-container {
  padding: 0 !important;
  margin-top: max(40px, 2.083vw);
  margin-bottom: max(20px, 1.042vw);
}

#wpforms-1307-field_5-container,
#wpforms-1307-field_5-container label,
#wpforms-1307-field_5-container .wpforms-field-label-inline {
  color: #fff !important;
  font-size: max(18px, 1.25vw) !important;
}

#wpforms-1307-field_5-container label {
  margin-bottom: max(20px, 1.042vw) !important;
  padding: 0 !important;
}

#wpforms-1307-field_5-container .wpforms-field-label-inline {
  margin-left: max(20px, 1.042vw);
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* Align GDPR checkbox nicely with larger font size */
#wpforms-1307-field_5-container ul li input[type="checkbox"] {
  min-width: 22px !important; /* slightly larger box */
  margin-top: 0 !important; /* removes the upward shift */
  top: max(12px, 0.625vw);
  transform: scale(1.5);
  transform-origin: left;
}

.wpforms-submit-container {
  display: flex;
  justify-content: flex-end;
}

.wpforms-submit-container button.wpforms-submit {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  gap: 0 max(10px, 1.042vw) !important;
  padding: 0 max(15px, 1.563vw) !important;
  align-items: center !important;
  justify-content: center !important;
  height: max(40px, 3.125vw) !important;
  min-width: max(140px, 9.896vw) !important;
  box-sizing: border-box !important;
  border-radius: 1000px !important;
  border: 1px solid #a48400 !important;
  background-color: #a48400 !important;
  color: #fff !important;
  font-size: max(16px, 1.146vw) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.4s ease !important;
}

.wpforms-submit-container button.wpforms-submit:hover {
  border: 1px solid #fff !important;
  background-color: #fff !important;
  color: #1d1d1d !important;
}

@media only screen and (max-width: 600px) {
  div.wpforms-container
    .wpforms-form
    .wpforms-field:not(.wpforms-field-phone):not(
      .wpforms-field-select-style-modern
    ):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(
      .wpforms-field-layout
    ):not(.wpforms-field-repeater) {
    overflow-x: visible !important;
  }
}

/* =MISC
-------------------------------------------------------------- */

.magnetic-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.magnetic-button {
  transition: all 0.2s ease-out;
  will-change: transform;
  z-index: 1;
}

ul.buttons {
  list-style-type: none;
  padding: 0;
  margin: max(40px, 3.125vw) 0;
  display: flex;
  gap: max(10px, 1.042vw);
}

ul.buttons:last-child {
  margin-bottom: 0;
}

ul.buttons > li {
}

ul.buttons > li > a {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0 max(10px, 1.042vw);
  padding: 0 max(15px, 1.563vw);
  align-items: center;
  justify-content: center;
  height: max(40px, 3.125vw);
  min-width: max(140px, 9.896vw);
  box-sizing: border-box;
  border-radius: 1000px;
  border: 1px solid #a48400;
  background-color: #a48400;
  color: #fff;
  font-size: max(16px, 1.146vw);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.4s ease;
}

ul.buttons > li.alt > a {
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(30px);
  color: #fff;
}

ul.buttons > li > a:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1d1d1b;
}

/*
ul.buttons > li > a:before {
  display: block;
  content: "";
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  box-sizing: border-box;

  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(90deg, #F7F2D9, #A48400);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;

  position: absolute;
  left: -6px;
  top: -6px;
  z-index: -1;
}
*/

.revealText {
  color: black;
}

.revealText .word {
  white-space: nowrap; /* keep letters of each word together */
  display: inline-block;
}

.revealText .letter {
  display: inline-block;
  opacity: 0.2;
  transition: opacity 0.2s linear;
}

/* =Footer
-------------------------------------------------------------- */

footer {
  position: relative;
  margin-top: 0;
  padding-top: max(100px, 10.417vw);
  padding-bottom: max(100px, 15.625vw);
  background-color: #1d1d1d;
}

footer .footer-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  padding: max(10px, 1.042vw);
  border-radius: 100%;
  backdrop-filter: blur(max(30px, 2.604vw));
}

footer .footer-logo img {
  display: block;
  width: max(90px, 7.813vw);
  height: auto;
}

footer .alignwide {
}

footer .alignwide .footer-nav {
  padding-bottom: max(20px, 1.563vw);
  margin-bottom: max(20px, 1.563vw);
  border-bottom: 1px solid #4a4a4a;
}

footer .alignwide .footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer .alignwide .footer-nav ul li {
}

footer .alignwide .footer-nav ul li a {
  display: block;
  padding: 0 max(5px, 0.781vw);
  font-size: max(14px, 0.938vw);
  color: #a48400;
  text-decoration: none;
}

footer .alignwide .footer-nav ul li:first-child a {
  padding-left: 0;
}

footer .alignwide .footer-nav ul li:last-child a {
  padding-right: 0;
}

footer .alignwide img.swoosh {
  display: none;
}

footer .alignwide .footer-end {
  display: flex;
}

footer .alignwide .footer-end ul.disclaimer {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer .alignwide .footer-end ul.disclaimer li {
  color: #fff;
  font-size: max(14px, 0.729vw);
}

footer .alignwide .footer-end ul.disclaimer li a {
  color: #fff;
  font-size: max(14px, 0.729vw);
  text-decoration: none;
}

footer .alignwide .footer-end ul.disclaimer li:not(:last-child):after {
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
}

footer .alignwide .footer-end ul.social-links {
  display: flex;
  gap: max(20px, 1.042vw);
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
}

footer .alignwide .footer-end ul.social-links li {
}

footer .alignwide .footer-end ul.social-links li a {
  display: block;
  width: max(20px, 1.042vw);
  height: auto;
}

footer .alignwide .footer-end ul.social-links li a img {
  display: block;
  width: max(20px, 1.042vw);
  height: auto;
}

@media screen and (max-width: 789px) {
  footer .alignwide .footer-nav {
    border: 0;
    padding: 0;
    margin: 0;
  }

  footer .alignwide img.swoosh {
    display: block;
  }

  footer .alignwide .footer-nav ul {
    justify-content: center;
    flex-wrap: wrap;
  }

  footer .alignwide .footer-nav ul li {
    width: 100%;
    text-align: center;
  }

  footer .alignwide .footer-nav ul li a {
    padding: 0;
    color: #fbf9f2;
  }

  footer .alignwide .footer-end {
    flex-direction: column-reverse;
  }

  footer .alignwide .footer-end ul.disclaimer {
    justify-content: center;
    flex-wrap: wrap;
  }

  footer .alignwide .footer-end ul.disclaimer li {
    width: 100%;
    text-align: center;
  }

  footer .alignwide .footer-end ul.disclaimer li a {
  }

  footer .alignwide .footer-end ul.disclaimer li:after {
    display: none;
  }

  footer .alignwide .footer-end ul.social-links {
    justify-content: center;
    margin: 0 0 40px;
  }

  footer .alignwide .swoosh {
    display: block;
    margin: 50px auto 100px;
  }
}

/* =Entry Content
-------------------------------------------------------------- */
section.entry-content {
  max-width: 100vw;
  overflow: hidden;
}

.entry-content
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .wp-block-separator
  ),
[class*="inner-container"]
  > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(
    .alignright
  ):not(.wp-block-separator),
.default-max-width,
.alignnone {
  width: 90%;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

.alignwide:not(.alignwide .alignwide) {
  width: 90%;
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1919.2px) {
  .entry-content
    > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
      .wp-block-separator
    ),
  [class*="inner-container"]
    > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(
      .alignright
    ):not(.wp-block-separator),
  .default-max-width,
  .alignnone {
    max-width: 800px;
  }

  .alignwide:not(.alignwide .alignwide) {
    max-width: 1300px;
  }
}

/*
.entry-content > p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.entry-content > *:not(p) {
  margin-top: 20px;
  margin-bottom: 20px;
}
*/

.entry-content *.margin-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

figure:not(.wp-block-gallery) .wp-block-image,
.wp-block-gallery {
  margin-bottom: 60px !important;
  margin-top: 60px !important;
}

.wp-block-image:not(.wp-block-gallery .wp-block-image):not(
    .lightbox-image-container .wp-block-image
  ):not(:first-child),
.entry-content > .wp-block-gallery {
  margin-bottom: 60px !important;
  margin-top: 60px !important;
}

.wp-block-spacer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-lightbox-overlay .wp-block-image {
  justify-content: initial !important;
}

.entry-content > .wp-block-buttons {
  margin-top: 40px;
  margin-bottom: 40px;
}

.wp-element-button,
.site-header .alignwide .site-nav > ul > li:last-child > a,
.wpforms-submit {
  transition: all 0.15s ease;
}

.wp-element-button:hover,
.site-header .alignwide .site-nav > ul > li:last-child > a:hover,
.wpforms-submit:hover {
  transition: all 0.4s ease;
  transform: scale(1.05);
}

ul.wp-block-list {
  margin-top: 60px;
  margin-bottom: 60px;
}

ul.wp-block-list li {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1.7;
}

ul.wp-block-list li::marker {
  color: #a48400;
  /* Set your desired bullet color */
}

.entry-content p a,
.entry-content li a {
  color: #a48400;
}

@media screen and (max-width: 789px) {
  .wp-block-spacer {
    height: 20px !important;
  }

  figure:not(.wp-block-gallery) .wp-block-image,
  .wp-block-gallery {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }

  .wp-block-image:not(.wp-block-gallery .wp-block-image):not(
      .lightbox-image-container .wp-block-image
    ):not(:first-child),
  .entry-content > .wp-block-gallery {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }

  ul.wp-block-list {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  ul.wp-block-list li {
    font-size: 18px;
  }
}

/* =Media queries
--------------------------------------------------------------- */
@media (max-width: 1249px) {
}

@media (max-width: 789px) {
}