/*
Theme Name:         Build Processes Demo Theme
Theme URI:          https://github.com/a8cteam51/bozoma-saint-john
Author:             WordPress Special Projects
Author URI:         https://wpspecialprojects.wordpress.com
Description:        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et tincidunt metus, eu rutrum sapien.
Template:           blockbase
Version:            1.0.0
Update URI:			false
Requires at least:  6.1
Requires PHP:       8.1
License:            GNU General Public License v3 or later
License URI:        http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:        bozoma-saint-john
Domain Path:        /languages
Tags:               demo, build process
*/
/**
 * Page
 * - Description of page styles
 */
.wp-theme-style {
  color: #fff;
  padding: 2px;
  appearance: auto;
  direction: ltr;
}
@media (min-width: 960px) {
  .wp-theme-style {
    background-color: #21759b;
  }
}
@media (max-width: 781px) {
  .wp-theme-style {
    background-color: #d54e21;
  }
}
@media (min-width: 782px) and (max-width: 959px) {
  .wp-theme-style {
    background-color: #7ad03a;
  }
}

.wp-element-button,
.wp-block-button__link,
input[type=submit],
button {
  transition: all 0.1s ease-in;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
input[type=submit]:hover,
button:hover {
  color: var(--wp--preset--color--base) !important;
  border-color: var(--wp--preset--color--custom-accent) !important;
  background-color: var(--wp--preset--color--custom-accent) !important;
}

@media (min-width: 782px) {
  .footer-email-signup {
    order: 1;
  }
}

@keyframes slideFadeIn {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
.slide-in-from-left {
  animation: 0.75s ease-in-out slideFadeIn;
}

.nav-logo {
  order: 1;
  filter: invert(1);
  max-width: 66.666666%;
}

button.wp-block-navigation__responsive-container-open {
  filter: invert(1);
  margin-right: auto;
}

@media (min-width: 600px) {
  .nav-logo {
    order: initial;
    filter: none;
    max-width: 20%;
    transition: transform ease 0.2s;
    transform: scale(1.333333);
    transform-origin: left center;
  }
  .scrolled .nav-logo {
    transform: scale(1);
  }
}
.wp-block-navigation-item a {
  position: relative;
}
.wp-block-navigation-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 100%;
  border-bottom: 2px solid var(--wp--preset--color--base);
  animation: ease 0.2s hoverUnderlineAppear;
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.2s ease;
}

.wp-block-navigation-item a:hover,
.wp-block-navigation-item a:focus,
.wp-block-navigation-item.current-menu-item a {
  text-decoration: none;
}
.wp-block-navigation-item a:hover::after,
.wp-block-navigation-item a:focus::after,
.wp-block-navigation-item.current-menu-item a::after {
  transform: scaleX(1);
  opacity: 1;
}

/* No selected state for anchor link in nav*/
.wp-block-navigation-item.current-menu-item a[href^="#"]::after,
.wp-block-navigation-item.current-menu-item a[href^="/#"]::after {
  transform: scaleX(0);
  opacity: 0;
}
.wp-block-navigation-item.current-menu-item a[href^="#"]:hover::after,
.wp-block-navigation-item.current-menu-item a[href^="/#"]:hover::after {
  transform: scaleX(1);
  opacity: 1;
}

/*Prevent modal overlay container from being full height*/
.wp-block-navigation__responsive-container {
  bottom: auto;
}

/* Mobile navigation style overrides*/
@media (max-width: 600px) {
  .is-responsive.wp-block-navigation {
    --navigation-layout-justification-setting: center !important;
  }
  .is-responsive.wp-block-navigation .wp-block-navigation__responsive-container-content {
    padding-bottom: var(--wp--preset--spacing--30);
  }
  .is-responsive.wp-block-navigation .wp-block-navigation__responsive-container-close {
    margin-top: var(--wp--preset--spacing--30);
    right: auto;
    left: 0;
    padding: calc(var(--wp--preset--spacing--30) * 0.3333333);
  }
  .is-responsive.wp-block-navigation .wp-block-navigation-item,
  .is-responsive.wp-block-navigation ul.wp-block-social-links {
    margin-bottom: var(--wp--preset--spacing--30);
  }
}
.nav-bar.has-custom-22-black-background-color {
  background-color: var(--wp--preset--color--white) !important;
  transition: background-color 0.2s ease;
}

@media (min-width: 600px) {
  .nav-bar.has-custom-22-black-background-color {
    background-color: transparent !important;
  }
  .scrolled .nav-bar.has-custom-22-black-background-color {
    background-color: var(--wp--preset--color--custom-22-black) !important;
  }
}
/*# sourceMappingURL=style.css.map */