/* ============================================
   EMVARA SPORT — Phase 1 CSS — Final
   ============================================ */

html, body {
  background-color: #000000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Force EVERY container to black so no white shows through === */

.site,
#wrapper,
.site-content,
.content-area,
.site-main,
.site-container,
.content-container,
article,
.page-content,
.entry-content,
.entry,
main,
[role="main"] {
  background-color: #000000 !important;
  background: #000000 !important;
}

/* === Remove margins between full-width blocks === */

.entry-content > .wp-block-group.alignfull,
.entry-content > .wp-block-cover.alignfull,
.entry-content > [class*="alignfull"],
.alignfull {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-group + .wp-block-group,
.wp-block-cover + .wp-block-group,
.wp-block-group + .wp-block-cover,
.wp-block-cover + .wp-block-cover {
  margin-top: 0 !important;
}

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

/* === Hide page title === */

.entry-title,
.page .entry-title,
h1.entry-title,
.page-title,
.entry-header,
.entry-header-wrap,
.title-area,
.kadence-title-area,
.entry-hero,
.entry-hero-container,
.entry-hero-container-inner,
.entry-hero-layout-inline,
.entry-hero-layout-above,
.entry-hero-layout-below,
header.page-header,
article > header,
article > .entry-header {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Hide footer credit === */

.site-info,
.site-bottom-footer,
.site-bottom-footer-wrap,
.site-bottom-footer-row-container,
.site-bottom-footer-row-container-inner,
[class*="bottom-footer"],
[class*="footer-credits"] {
  display: none !important;
  height: 0 !important;
}

/* === Hide comments === */

#comments,
.comments-area,
.comment-respond,
.page-comments {
  display: none !important;
}

/* === Containers fullwidth === */

.site-content,
.content-area,
.site-main,
.site-container,
.content-container,
article,
.page-content,
.entry-content {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#wrapper, .site {
  padding: 0 !important;
  margin: 0 !important;
}

/* === Footer wrapper black === */

.site-footer,
.site-footer-wrap,
.site-footer-row-container,
.site-footer-row-container-inner,
.site-main-footer-wrap,
.site-main-footer-inner-wrap {
  background-color: #000000 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === Transparent header on homepage === */

html body.home .site-header,
html body.home .site-header-wrap,
html body.home .site-header-row-container,
html body.home .site-header-row-container-inner,
html body.home .site-main-header-wrap,
html body.home .site-main-header-inner-wrap,
html body.home .site-header-main-section-left,
html body.home .site-header-main-section-center,
html body.home .site-header-main-section-right {
  background: transparent !important;
  background-color: transparent !important;
}

html body.home .site-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
}

html body .site-header.item-is-fixed,
html body .site-header.site-header-sticky {
  background: rgba(10, 10, 10, 0.95) !important;
  background-color: rgba(10, 10, 10, 0.95) !important;
  position: fixed !important;
}

/* === Logo === */

.site-branding .site-logo,
.site-branding img.custom-logo,
img.custom-logo {
  max-height: 56px !important;
  width: auto !important;
  height: auto !important;
  max-width: 200px !important;
}

.site-header-row-container .site-header-row-container-inner {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* === Navigation typography === */

.site-header .header-navigation .menu > li > a,
.site-header .header-menu-container .menu > li > a,
.main-navigation .menu > li > a {
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.site-branding .site-title,
.site-title a {
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

@media (min-width: 900px) {
  .main-navigation { display: flex !important; }
  .mobile-toggle-open-container,
  .mobile-toggle-open { display: none !important; }
}

@media (max-width: 899px) {
  .site-header .header-navigation .menu > li > a,
  .site-header .header-menu-container .menu > li > a {
    font-size: 13px !important;
    letter-spacing: 2px !important;
    padding: 12px 0 !important;
  }
  .site-branding .site-logo,
  .site-branding img.custom-logo {
    max-height: 44px !important;
  }
}