html {
  font-size: 16px;
}

@media (min-width: 768px) {
  html {
    font-size: calc(14px + 2 * (100vw - 768px) / 223);
  }
}
@media (min-width: 992px) {
  html {
    font-size: calc(15.11px + 0.89 * (100vw - 992px) / 448);
  }
}
@media (min-width: 1440px) {
  html {
    font-size: calc(16px + 0.58 * (100vw - 1440px) / 480);
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}
/* gabarito-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gabarito";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/gabarito-v8-latin-regular.woff2") format("woff2"), url("fonts/gabarito-v8-latin-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* gabarito-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gabarito";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/gabarito-v8-latin-700.woff2") format("woff2"), url("fonts/gabarito-v8-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
:root {
  --primary-color: #E70818;
  --background-color: #F4F4F4;
  --signal-color: #7CBBCA;
  --signal-text-color: #282828;
  /* Desktop heading sizes, weights, line-heights */
  --h1-size: 3.75rem;
  /* 48px */
  --h1-weight: 700;
  --h1-line-height: 1.13;
  --h2-size: 2.5rem;
  /* 40px */
  --h2-weight: 700;
  --h2-line-height: 1.2;
  --h3-size: 1.75rem;
  /* 32px */
  --h3-weight: 700;
  --h3-line-height: 1.1;
  /*40px*/
  --h4-size: 1.5rem;
  /* 24px */
  --h4-weight: 700;
  --h4-line-height: 1.33rem;
  --container-max-width-xs: 100%;
  --container-max-width-sm: 540px;
  --container-max-width-md: 720px;
  --container-max-width-lg: 960px;
  --container-max-width-xl: 1040px;
  --text-main: #000;
  --heading-font-family: "Gabarito", sans-serif;
  --text-font-family: "Gabarito", sans-serif;
}

@media (max-width: 768px) {
  :root {
    /* Mobile heading sizes */
    --h1-size: 2.5rem;
    /* 40px */
    --h1-weight: 700;
    --h1-line-height: 1.4;
    --h2-size: 2rem;
    /* 32px */
    --h2-weight: 700;
    --h2-line-height: 1.5;
    --h3-size: 1.375rem;
    /* 20px */
    --h3-weight: 700;
    --h3-line-height: 1.1;
    --h4-size: 1.125rem !important;
    /* 16px */
    --h4-weight: 700;
    --h4-line-height: 1.55 !important;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: var(--container-max-width-sm);
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: var(--container-max-width-md);
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: var(--container-max-width-lg);
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media (min-width: 1040px) {
  .container {
    max-width: var(--container-max-width-xl);
    margin: 0 auto;
    padding: 0;
  }
}
* {
  font-family: var(--text-font-family);
  margin: 0;
  padding: 0;
  color: var(--text-main);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

p strong {
  color: var(--text-main);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

h1, h2, h3, h4 {
  font-family: var(--heading-font-family);
  margin: 0;
  padding: 0;
}
h1 strong, h2 strong, h3 strong, h4 strong {
  font-family: var(--heading-font-family);
  margin: 0;
  padding: 0;
  font-weight: 700;
}

h1 {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  line-height: var(--h1-line-height);
}
h1 strong {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  line-height: var(--h1-line-height);
}

h2 {
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  line-height: var(--h2-line-height);
}

h3 {
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
  line-height: var(--h3-line-height);
}

h4 {
  font-size: var(--h4-size);
  font-weight: var(--h4-weight);
  line-height: var(--h4-line-height);
}

html {
  margin-top: 0px !important;
}

body {
  padding: 0;
  margin: 0;
}

.wp-block-image, .wp-block-columns, .wp-swiper > .wp-swiper__wrapper {
  margin: 0;
  padding: 0;
}

.cta-button-primary a {
  color: #FFF;
  text-align: center;
  font-family: var(--text-font-family);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
  text-transform: uppercase;
  background: var(--primary-color);
  padding: 0.75rem 4rem;
  width: 100%;
  border: 1px solid var(--primary-color);
  border-radius: 0;
}
.cta-button-primary a:hover {
  opacity: 0.8;
}

.cta-button-secondary a {
  color: #FFF;
  text-align: center;
  font-family: var(--text-font-family);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42;
  text-transform: uppercase;
  border: 1px solid #fff;
  background: transparent;
  padding: 0.75rem 4rem;
  width: 100%;
  border-radius: 0;
}
.cta-button-secondary a:hover {
  opacity: 0.8;
}

.hero-section {
  padding: 10rem 2rem 11rem !important;
}
.hero-section h1 {
  color: #fff;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  padding: 0 15rem;
}
.hero-section h1 strong {
  color: #fff;
}
.hero-section h4 {
  color: var(--primary-color);
  margin-bottom: 2.5rem;
}
.hero-section h1, .hero-section h4 {
  text-transform: uppercase;
}
.hero-section p {
  color: #fff;
  margin-bottom: 2.5rem;
  padding: 0 15rem;
}
.section-warrior-info, .section-city-tour, .section-events, .section-logos, .section-gallery {
  padding: 5rem 0;
}

.section-city-tour {
  background: var(--background-color);
}
.section-city-tour h2 {
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.section-city-tour p:first-of-type {
  margin-bottom: 3.5rem;
}

.section-events h2 {
  margin-bottom: 2rem;
}
.section-events .section-events__event_container {
  margin-bottom: 1rem;
  gap: 1rem;
}
.section-events .section-events__event {
  padding: 1.5rem;
  background: var(--background-color);
}
.section-events .section-events__event h3, .section-events .section-events__event h4 {
  margin-bottom: 0.5rem;
}

.section-gallery .section-gallery__container {
  gap: 1rem;
  margin-bottom: 1rem;
}

.section-logos .swiper-backface-hidden .swiper-slide {
  height: auto !important;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}
.section-logos h2 {
  margin-bottom: 2rem;
}

header {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(12px);
  position: fixed;
  z-index: 999;
  width: 100%;
  padding: 1rem 0;
  top: 0;
}
header nav > div {
  display: flex;
}
header nav > div .navbar-toggler-icon {
  color: #fff;
  display: flex;
  gap: 1rem;
  font-size: 0.875rem;
  align-items: center;
}
header nav > div .navbar-toggler-icon svg {
  width: 1rem;
}
header nav > div button.navbar-toggler {
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  background: 0 0;
  margin-left: auto;
  text-transform: uppercase;
  font-size: 0.875rem;
}
header nav > div button.navbar-toggler.open + #navbar {
  display: block;
}
header nav > div button.navbar-toggler.open + #navbar .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}
header nav > div button.navbar-toggler.open + #navbar .bar2 {
  opacity: 0;
}
header nav > div button.navbar-toggler.open + #navbar .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);
}
header nav > div #navbar {
  display: none;
  position: absolute;
  width: 100%;
  background: var(--signal-color);
  left: 0;
  top: 0;
  padding: 2rem 0;
}
header nav > div #navbar h3 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 400;
}
header nav > div #navbar .hide-desktop.menu-btn-mobile {
  position: absolute;
  right: 5rem;
  top: 2rem;
  cursor: pointer;
}
header nav > div #navbar #mob-menu-bar > div {
  background: var(--signal-text-color) !important;
  width: 16px;
  height: 2px;
  border-radius: 3px;
  margin-bottom: 6px;
  -webkit-transition: all 0.23s ease-in;
  transition: all 0.23s ease-in;
}
header nav > div #navbar ul li {
  margin-bottom: 2rem;
  text-align: center;
}
header nav > div #navbar ul li a {
  color: var(--signal-text-color);
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
}

.section-warrior-info figure {
  margin-top: 1.5rem;
}

footer {
  padding: 5rem 0;
  background: #000;
}
footer .footer-container {
  display: flex;
}
footer .footer-container .footer-menu {
  margin-left: auto;
}
footer .footer-container nav ul {
  list-style: none;
}
footer .footer-container nav ul li {
  color: #fff;
}
footer .footer-container nav ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
footer .footer-container nav ul li:not(:last-of-type) {
  margin-bottom: 2rem;
}
footer .footer-widget {
  display: flex;
  gap: 5rem;
}
footer .footer-widget h3 {
  margin-bottom: 2.5rem;
  font-size: 1rem;
  color: #fff;
}
footer .footer-widget p {
  color: #fff;
  margin-bottom: 0.25rem;
}
footer .footer-widget .wp-block-group {
  margin-top: 1rem;
}
footer .footer-widget a {
  color: #fff;
  text-decoration: underline;
  font-size: 1rem;
  margin-left: 0.5rem;
}
footer .power-by {
  border-top: 1px solid #fff;
  width: 100%;
  padding-top: 1rem;
  margin-top: 4rem;
}
footer .power-by p {
  font-size: 1rem;
  color: #fff;
  display: flex;
  gap: 0.5rem;
}

@media screen and (max-width: 800px) {
  body:has(.open) {
    overflow: hidden;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  header nav > div #navbar .hide-desktop.menu-btn-mobile {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
  }

  .hero-section h1, .hero-section p {
    padding: 0;
  }
  .hero-section .cta-buttons-container {
    display: flex;
    flex-direction: column;
  }
  .hero-section .cta-buttons-container .wp-block-buttons {
    width: 100%;
  }
  .hero-section .cta-buttons-container .wp-block-buttons .wp-block-button {
    width: 100%;
  }

  .section-city-tour .wp-block-columns .wp-block-column:first-of-type {
    order: 2;
  }
  .section-city-tour .wp-block-columns:last-of-type {
    order: 1;
  }

  footer .footer-container {
    flex-direction: column;
  }
  footer .footer-container .footer-menu {
    margin-left: 0;
    margin-top: 2.5rem;
  }
  footer .footer-widget {
    display: flex;
    flex-direction: column !important;
    gap: 3rem;
  }
}
.page-template-page-nosidebar .content {
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.page-template-page-nosidebar .content h2 {
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}

/*# sourceMappingURL=main.css.map */