/*
Theme Name: Roam
Theme URI: https://woocommerce.com/products/roam/
Author: Press75
Author URI: https://press75.com/
Description: A sleek, modern WordPress theme for creative professionals. Featuring a minimalistic grid layout and jaw-dropping side menu with flyout. Fully WooCommerce ready. Experience the beauty and functionality of Roam and elevate your online portfolio.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.3
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roam
Tags: full-site-editing, e-commerce, blog, block-patterns, block-styles, one-column, custom-menu, editor-style, custom-colors, custom-logo, featured-images, full-width-template, rtl-language-support, template-editing, translation-ready, wide-blocks, threaded-comments
Woo: 18734001974114:46a2155d80caf41a979efe2987173caa
*/
.wp-block-site-title a {
  text-decoration: inherit;
  font-size: inherit;
  transition: all 1200ms cubic-bezier(0.33, 0, 0.14, 1);
  transition-delay: 350ms;
}

header.wp-block-template-part {
  transition: border-color 500ms cubic-bezier(0.33, 0, 0.14, 1);
  transition-delay: 250ms;
  position: relative;
  z-index: 100;
}
header.wp-block-template-part > div {
  background-color: var(--wp--preset--color--base);
  transition: 1200ms cubic-bezier(0.33, 0, 0.14, 1);
  transition-delay: 350ms;
}
header.wp-block-template-part .wp-block-navigation {
  margin: 0;
  color: var(--wp--preset--color--white);
}
header.wp-block-template-part .wp-block-navigation ul li.current-menu-item:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: currentColor;
  position: absolute;
  left: calc(50% - 5px);
  top: -12px;
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1200ms cubic-bezier(0.33, 0, 0.14, 1);
}
header.wp-block-template-part .wp-block-navigation ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: currentColor;
  position: absolute;
  left: calc(50% - 5px);
  top: -12px;
  display: inline-block;
  transition: all 0.4s cubic-bezier(0.3, 0, 0.2, 1);
  transform: translate(0, 12px);
  opacity: 0;
}
header.wp-block-template-part .wp-block-navigation ul li:hover:before {
  opacity: 1;
  transform: translate(0, 0);
}
header.wp-block-template-part .wp-block-navigation ul li ul li::before, header.wp-block-template-part .wp-block-navigation ul li ul li::after {
  display: none;
}
header.wp-block-template-part .wp-block-navigation ul li ul li a {
  transition: none;
}
header.wp-block-template-part .wp-block-navigation a {
  font-size: inherit;
  text-decoration: inherit;
  letter-spacing: 1.5px;
  color: inherit;
  transition: all 1200ms cubic-bezier(0.33, 0, 0.14, 1);
  transition-delay: 350ms;
}
header.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  margin-right: 0.75em;
}

.home.blog header.wp-block-template-part,
.archive header.wp-block-template-part,
.single-post header.wp-block-template-part {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  border-bottom: 1px solid transparent;
}
.home.blog.admin-bar header.wp-block-template-part,
.archive.admin-bar header.wp-block-template-part,
.single-post.admin-bar header.wp-block-template-part {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .home.blog.admin-bar header.wp-block-template-part,
  .archive.admin-bar header.wp-block-template-part,
  .single-post.admin-bar header.wp-block-template-part {
    top: 46px;
  }
}

.home.blog:not(.flyout-menu-active) header.wp-block-template-part,
.archive:not(.woocommerce):not(.flyout-menu-active) header.wp-block-template-part,
.single-post:not(.flyout-menu-active) header.wp-block-template-part {
  background-color: transparent;
}
.home.blog:not(.flyout-menu-active) header.wp-block-template-part > div,
.archive:not(.woocommerce):not(.flyout-menu-active) header.wp-block-template-part > div,
.single-post:not(.flyout-menu-active) header.wp-block-template-part > div {
  background-color: transparent !important;
}

/* Blog Posts
--------------------------------------------- */
.roam-blog-posts .wp-block-post .wp-block-cover__inner-container {
  color: var(--wp--preset--color--base);
}
.roam-blog-posts .wp-block-post .wp-block-cover__inner-container a {
  color: inherit;
}
.roam-blog-posts .wp-block-post.sticky .wp-block-post-title a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__background {
  background-color: var(--wp--preset--color--white) !important;
}
.roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__background {
  opacity: 1;
  transition: all 0.55s ease-in-out;
}
.roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__inner-container {
  transition: color 0.75s ease-in-out;
}
.roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__background {
  background-color: var(--wp--preset--color--black) !important;
}
.roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__background {
  opacity: 0.6;
}
.roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__inner-container {
  color: var(--wp--preset--color--white);
}

.home.blog .roam-blog-posts .wp-block-post .wp-block-cover__inner-container,
.archive .roam-blog-posts .wp-block-post .wp-block-cover__inner-container {
  color: var(--wp--preset--color--base);
}
.home.blog .roam-blog-posts .wp-block-post .wp-block-cover__inner-container a,
.archive .roam-blog-posts .wp-block-post .wp-block-cover__inner-container a {
  color: inherit;
}
.home.blog .roam-blog-posts .wp-block-post.sticky .wp-block-post-title a,
.archive .roam-blog-posts .wp-block-post.sticky .wp-block-post-title a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.home.blog .roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__background {
  background-color: var(--wp--preset--color--white) !important;
}
.home.blog .roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__background {
  opacity: 1;
  transition: all 0.55s ease-in-out;
}
.home.blog .roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__inner-container,
.archive .roam-blog-posts .wp-block-post.has-post-thumbnail .wp-block-cover__inner-container {
  transition: color 0.75s ease-in-out;
}
.home.blog .roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__background {
  background-color: var(--wp--preset--color--black) !important;
}
.home.blog .roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__background {
  opacity: 0.6;
}
.home.blog .roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__inner-container,
.archive .roam-blog-posts .wp-block-post.has-post-thumbnail:hover .wp-block-cover__inner-container {
  color: var(--wp--preset--color--white);
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-cover,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-cover {
  border: 0;
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-cover__background {
  background-color: var(--wp--preset--color--black) !important;
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-cover__background {
  opacity: 0.6;
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-cover__inner-container,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-cover__inner-container {
  padding-top: var(--wp--preset--spacing--xxx-large);
  padding-bottom: var(--wp--preset--spacing--xxx-large);
  color: var(--wp--preset--color--white);
}
.home.blog .roam-blog-posts .wp-block-post:first-child .taxonomy-category,
.archive .roam-blog-posts .wp-block-post:first-child .taxonomy-category {
  font-size: var(--wp--preset--font-size--small) !important;
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-post-date,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-post-date {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-post-title,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-post-title {
  max-width: var(--wp--style--global--content-size) !important;
  font-size: var(--wp--preset--font-size--x-large) !important;
}
.home.blog .roam-blog-posts .wp-block-post:first-child .wp-block-post-excerpt,
.archive .roam-blog-posts .wp-block-post:first-child .wp-block-post-excerpt {
  max-width: var(--wp--style--global--content-size) !important;
  font-size: var(--wp--preset--font-size--medium) !important;
}
.home.blog .roam-blog-posts .wp-block-post:first-child:not(.has-post-thumbnail) .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post:first-child:not(.has-post-thumbnail) .wp-block-cover__background {
  background-color: var(--wp--preset--color--black) !important;
}
.home.blog .roam-blog-posts .wp-block-post:first-child:not(.has-post-thumbnail) .wp-block-cover__background,
.archive .roam-blog-posts .wp-block-post:first-child:not(.has-post-thumbnail) .wp-block-cover__background {
  opacity: 0.925;
}

.home.blog .taxonomy-category a,
.home.blog .taxonomy-post_tag a,
.archive .taxonomy-category a,
.archive .taxonomy-post_tag a,
.search-results .taxonomy-category a,
.search-results .taxonomy-post_tag a,
.single-post .taxonomy-category a,
.single-post .taxonomy-post_tag a {
  display: inline-block;
  padding: 6px 20px;
  margin: 8px;
  border-radius: 5px;
  -webkit-text-decoration: none;
  text-decoration: none;
  background: rgba(217, 217, 217, 0.4);
  color: inherit;
}
.home.blog .taxonomy-category .wp-block-post-terms__separator,
.home.blog .taxonomy-post_tag .wp-block-post-terms__separator,
.archive .taxonomy-category .wp-block-post-terms__separator,
.archive .taxonomy-post_tag .wp-block-post-terms__separator,
.search-results .taxonomy-category .wp-block-post-terms__separator,
.search-results .taxonomy-post_tag .wp-block-post-terms__separator,
.single-post .taxonomy-category .wp-block-post-terms__separator,
.single-post .taxonomy-post_tag .wp-block-post-terms__separator {
  display: none;
}

/* Read More block
--------------------------------------------- */
.wp-block-read-more {
  text-decoration-color: transparent !important;
  text-decoration-thickness: 2px !important;
}
.wp-block-read-more {
  text-underline-offset: 2px;
  transition: text-underline-offset 0.4s cubic-bezier(0.3, 0, 0.2, 1), text-decoration-color 0.4s cubic-bezier(0.3, 0, 0.2, 1);
}
.wp-block-read-more:hover {
  text-decoration-color: inherit !important;
}
.wp-block-read-more:hover {
  text-underline-offset: 12px;
}

/* Navigation block
--------------------------------------------- */
nav.is-style-hide-on-desktop {
  margin-bottom: var(--wp--preset--font-size--x-large);
}
@media only screen and (min-width: 782px) {
  nav.is-style-hide-on-desktop {
    display: none !important;
  }
}
@media only screen and (max-width: 781px) {
  nav.is-style-hide-on-mobile {
    display: none !important;
  }
}

/* Post navigation block
--------------------------------------------- */
@media only screen and (max-width: 781px) {
  .wp-block-post-navigation-link {
    text-align: left;
  }
}
.wp-block-post-navigation-link a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.wp-block-post-navigation-link .post-navigation-link__label {
  display: inline-block;
  padding: 0 var(--wp--preset--spacing--x-small) 8px;
  border-bottom: 2px solid currentColor;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--roboto-mono);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 700;
  letter-spacing: 1px;
}
.wp-block-post-navigation-link .post-navigation-link__title {
  display: block;
  margin-top: var(--wp--preset--spacing--small);
}

.roam-to-top {
  margin-left: 40px !important;
}

.roam-to-top {
  position: absolute;
  top: -120px;
  left: 40;
  z-index: 10;
}
@media (min-width: 600px) {
  .roam-to-top {
    top: -100px;
  }
}
@media (min-width: 1024px) {
  .roam-to-top {
    margin-left: 56px !important;
  }
  .roam-to-top {
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
  }
}
.roam-to-top .wp-block-button .wp-block-button__link {
  border: none;
  padding: 0;
  position: relative;
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 700;
  letter-spacing: -0.5px;
}
.roam-to-top .wp-block-button .wp-block-button__link:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("assets/img/arrow-up.png");
  position: absolute;
  left: -35px;
  top: -3px;
}
.roam-to-top .wp-block-button .wp-block-button__link:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--wp--preset--color--black-400);
  position: absolute;
  left: calc(50% - 5px);
  top: -15px;
  display: inline-block;
  transition: all 0.4s cubic-bezier(0.3, 0, 0.2, 1);
  transform: translate(0, 8px);
  opacity: 0;
}
.roam-to-top .wp-block-button .wp-block-button__link:hover:after {
  opacity: 1;
  transform: translate(0, 0);
}

footer.wp-block-template-part {
  margin-top: 0;
  align-self: end;
}
@media (min-width: 782px) {
  footer.wp-block-template-part .roam-footer .wp-block-columns {
    flex-wrap: wrap !important;
  }
  footer.wp-block-template-part .roam-footer .wp-block-columns > .wp-block-column {
    flex-basis: initial;
  }
}
@media (min-width: 1024px) {
  footer.wp-block-template-part .roam-footer .wp-block-columns {
    flex-wrap: nowrap;
  }
  footer.wp-block-template-part .roam-footer .wp-block-columns > .wp-block-column {
    flex-basis: 0 !important;
  }
}
footer.wp-block-template-part .roam-footer-privacy-nav {
  position: relative;
}
@media (min-width: 1024px) {
  footer.wp-block-template-part .roam-footer-privacy-nav {
    justify-content: flex-end;
  }
}
footer.wp-block-template-part .roam-to-top {
  position: absolute;
  top: -120px;
  left: 0;
  z-index: 10;
  margin-left: 40px;
}
@media (min-width: 600px) {
  footer.wp-block-template-part .roam-to-top {
    top: -100px;
  }
}
@media (min-width: 1024px) {
  footer.wp-block-template-part .roam-to-top {
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    margin-left: 56px;
  }
}
footer.wp-block-template-part p {
  margin: 0;
}
footer.wp-block-template-part a {
  text-decoration: inherit;
  color: inherit;
  font-size: inherit;
}

/* Forms
--------------------------------------------- */
.button,
.button:visited,
button,
.wp-block-search__button,
input[type=button],
input[type=reset],
input[type=submit],
.wp-block-file__button {
  border: 1px solid var(--wp--preset--color--black-700);
  border-radius: 0;
  background: var(--wp--preset--color--black-700);
  color: var(--wp--preset--color--white);
  font-family: var(--wp--preset--font-family--roboto-mono);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 1px;
  padding: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--large);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
}

.button:hover,
button:hover,
.wp-block-search__button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.button:active,
.button:focus,
button:active,
button:focus,
.wp-block-search__button:active,
.wp-block-search__button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  background: transparent;
  color: var(--wp--preset--color--black);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: var(--wp--preset--color--base);
  border: none;
  border-radius: 0;
  padding: 5px 0;
  width: 100%;
  font-family: var(--wp--preset--font-family--poppins);
  line-height: 2;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--wp--preset--color--black);
}

select {
  color: var(--wp--preset--color--black);
  border: 1px solid var(--wp--preset--color--black);
  border-radius: 0px;
  padding: 8px;
}

textarea {
  width: 100%;
}

.wp-block-file a:not(.wp-element-button) {
  font-weight: 700;
}

.wp-block-image {
  margin-top: var(--wp--preset--spacing--small);
  margin-bottom: var(--wp--preset--spacing--small);
}

.wp-block-post-comments-form .comment-reply-title {
  margin-top: 0;
}

/* Contact Form 7
--------------------------------------------- */
.wpcf7-form > p {
  margin-top: var(--wp--preset--spacing--small);
}
.wpcf7-form > p label {
  font-weight: 500;
}

.wpcf7-form-control-wrap {
  display: block;
  margin-top: 8px;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
  width: 100%;
  padding: 8px var(--wp--preset--spacing--small);
  border: 0;
  background-color: var(--wp--preset--color--outline);
}
.wpcf7-form-control-wrap textarea {
  min-height: 120px;
}

.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item,
.wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.wpcf7-checkbox input[type=checkbox],
.wpcf7-checkbox input[type=radio],
.wpcf7-radio input[type=checkbox],
.wpcf7-radio input[type=radio],
.wpcf7-acceptance input[type=checkbox],
.wpcf7-acceptance input[type=radio] {
  width: 16px;
}

.wpcf7-submit {
  margin-top: var(--wp--preset--spacing--x-small);
}

/* 404 Error
--------------------------------------------- */
.error404 .wp-block-search__input {
  width: 100%;
  padding: 8px var(--wp--preset--spacing--small);
  border: 0;
  background-color: var(--wp--preset--color--outline);
}
.error404 .wp-block-search__button {
  margin: 0;
}

/* Flyout menu
--------------------------------------------- */
.roam-flyout {
  margin: 0 !important;
}
.roam-flyout {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--x-small);
  width: 50px;
  height: 20px;
  cursor: pointer;
}
.roam-flyout img {
  display: none;
}
.roam-flyout::before, .roam-flyout::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--wp--preset--color--white);
  width: 50px;
  height: 3px;
  transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, left 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
.roam-flyout::after {
  top: auto;
  bottom: 0;
}

.flyout-menu-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 200px - var(--wp--preset--spacing--xx-large));
  background-color: var(--wp--preset--color--outline);
  padding: 200px 0 var(--wp--preset--spacing--xx-large);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
}
@media only screen and (max-width: 781px) {
  .flyout-menu-container {
    height: calc(100vh - 80px - var(--wp--preset--spacing--x-small));
  }
}
@media only screen and (min-width: 782px) {
  .flyout-menu-container {
    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(0.33, 0, 0.55, 1);
  }
}
.flyout-menu-container.active {
  visibility: visible;
  opacity: 1;
  transition-duration: 650ms;
  transition-timing-function: cubic-bezier(0, 0.15, 0.2, 1);
}
.flyout-menu-container ul {
  list-style: none;
  padding-left: 0;
}
.flyout-menu-container ul li {
  color: var(--wp--preset--color--base);
}
.flyout-menu-container ul li a {
  color: var(--wp--preset--color--base);
}
.flyout-menu-container > * {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.35s ease;
}
@media only screen and (min-width: 782px) {
  .flyout-menu-container > * {
    transform: translateY(150px);
  }
}

body.flyout-menu-active {
  height: 100dvh;
  overflow: hidden;
}
body.flyout-menu-active header.wp-block-template-part {
  border-color: var(--wp--preset--color--black-200);
  transition: border 500ms ease-out;
}
body.flyout-menu-active header.wp-block-template-part > div {
  background-color: var(--wp--preset--color--outline) !important;
}
body.flyout-menu-active .wp-block-site-title {
  color: var(--wp--preset--color--black);
}
body.flyout-menu-active .wp-block-site-title a {
  color: currentColor;
}
body.flyout-menu-active .wp-block-navigation {
  color: var(--wp--preset--color--black);
}
body.flyout-menu-active .wp-block-navigation ul li:before {
  background: var(--wp--preset--color--base);
}
body.flyout-menu-active .roam-flyout {
  z-index: 9999;
}
body.flyout-menu-active .roam-flyout:before {
  transform-origin: center;
  transform: translate(0px, 10px) rotate(30deg);
  background: var(--wp--preset--color--black);
}
body.flyout-menu-active .roam-flyout:after {
  transform-origin: center;
  transform: translate(0px, -7px) rotate(-30deg);
  background: var(--wp--preset--color--black);
}
@media only screen and (max-width: 781px) {
  body.flyout-menu-active .flyout-menu-container {
    padding: 150px 0 var(--wp--preset--spacing--x-small);
  }
  body.flyout-menu-active .flyout-menu-container > .wp-block-group {
    display: flex;
    flex-direction: column;
    height: 100%;
    row-gap: var(--wp--preset--spacing--medium);
  }
  body.flyout-menu-active .flyout-menu-container > .wp-block-group > * {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.flyout-menu-active .flyout-menu-container > .wp-block-group .wp-block-columns + .wp-block-columns {
    padding-top: var(--wp--preset--spacing--large) !important;
  }
}
body.flyout-menu-active .flyout-menu-container > * {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.75s ease;
  transition-delay: 0.4s;
}

.flyout-menu-container .wp-block-navigation__responsive-container-open,
.flyout-menu-container .wp-block-navigation__responsive-container-close {
  display: none;
}
.flyout-menu-container .wp-block-navigation__responsive-container {
  display: block;
  position: relative;
  width: 100%;
}
.flyout-menu-container .wp-block-navigation ul {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-family: var(--wp--preset--font-family--poppins);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  font-weight: 600;
  line-height: 2.5;
}
.flyout-menu-container .wp-block-navigation ul li {
  width: 100%;
}
.flyout-menu-container .wp-block-navigation ul li a {
  color: var(--wp--preset--color--base);
}
.flyout-menu-container .wp-block-navigation ul li.has-child a {
  width: calc(100% - 24px);
  padding: 0;
}
.flyout-menu-container .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-container {
  min-width: 100% !important;
}
.flyout-menu-container .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  line-height: 2;
  padding: 0 0 0 16px;
}
.flyout-menu-container .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  margin-right: 0.5em;
}
@media only screen and (max-width: 781px) {
  .flyout-menu-container .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
    margin-right: 12px;
  }
}
.flyout-menu-container .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-container a {
  flex-grow: 0 !important;
}