/*
Theme Name: Litespeed Airshow
Theme URI: https://litespeedairshow.com/
Description: Kadence child theme for the Litespeed Airshow website refresh.
Author: Litespeed Airshow
Template: kadence
Version: 0.1.5
Text Domain: litespeed-airshow
*/

:root {
  --litespeed-purple: #55206f;
  --litespeed-purple-dark: #351044;
  --litespeed-red: #b33138;
  --litespeed-sky: #dceef7;
  --litespeed-cream: #f7f4ed;
  --litespeed-ink: #17212b;
  --litespeed-white: #ffffff;
}
html {
  scroll-behavior: smooth;
}

body {
  color: var(--litespeed-ink);
}

.site-branding a.brand {
  align-items: center;
  display: flex;
}

.site-branding .custom-logo {
  display: block;
  height: auto;
  max-height: 62px;
  object-fit: contain;
  width: auto;
}

.site-branding .brand.has-logo-image .site-title-wrap {
  display: none;
}

.header-navigation #primary-menu > li > a {
  font-weight: 600;
}

.header-navigation #primary-menu > li.menu-item-has-children {
  display: list-item;
  margin-right: 28px;
}

.header-navigation #primary-menu > li.menu-item-has-children > a {
  padding-right: 0.6em;
}

.header-navigation #primary-menu > li.menu-item-has-children > .dropdown-nav-special-toggle {
  margin: 0;
  min-width: 28px;
  position: absolute;
  right: -28px;
  top: 0;
  width: 28px;
}

.header-navigation #primary-menu > li > a:hover,
.header-navigation #primary-menu > li > a:focus-visible,
.header-navigation #primary-menu > li.menu-item-has-children:hover > a,
.header-navigation .sub-menu a:hover,
.header-navigation .sub-menu a:focus-visible {
  color: var(--litespeed-red);
}

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--litespeed-red);
  outline-offset: 3px;
}

.litespeed-eyebrow {
  color: var(--litespeed-red);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.litespeed-hero {
  min-height: clamp(34rem, 70vh, 48rem);
}

.litespeed-hero .wp-block-cover__inner-container {
  width: min(100% - 2rem, 76rem);
}

.litespeed-button-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

@media (min-width: 1025px) {
  .site-main-header-wrap .site-header-row-container-inner > .site-container {
    padding-inline: clamp(1.75rem, 3.25vw, 3.75rem);
  }
}

@media (max-width: 1024px) {
  .site-main-header-wrap .site-header-row-container-inner > .site-container {
    padding-inline: 1.25rem;
  }
}

@media (max-width: 600px) {
  .site-branding .custom-logo {
    max-height: 46px;
  }

  .litespeed-button-row,
  .litespeed-button-row .wp-block-button,
  .litespeed-button-row .wp-block-button__link {
    width: 100%;
  }

  .litespeed-button-row .wp-block-button__link {
    text-align: center;
  }
}