/*
Theme Name: Honeycomb
Theme URI: 
Author: Eric Kinder
Author URI: 
Description: Twenty Twenty Five Child
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: honeycomb
Tags: 
*/

body a:where(.wp-site-blocks :focus),
.wp-block-navigation__responsive-container-open {
  outline-style: none;
}

@media (max-width: 601px) {
  .wp-block-navigation__container {
    padding-right: 1rem;
  }
  .wp-block-navigation-item.has-child {
    padding: 0 !important;

    ul {
      padding: 0 !important;
    }
    a {
      padding: 0.5em 0 !important;
    }
  }

  .wp-block-navigation-item.has-child > a {
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
}

main.has-global-padding {
  padding: 0 50px;
}

@media (max-width: 768px) {
  main.has-global-padding {
    padding: 0 7%;
  }
}

a {
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .wp-block-media-text.shipping {
    padding: 0 !important;
  }
}

@media (max-width: 601px) {
  .wp-block-media-text {
    padding: 50px 7% !important;

    figure {
      margin-bottom: 2.5rem !important;
    }
  }

  .wp-block-media-text.shipping {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    p,
    h2 {
      text-align: center !important;
    }
  }
}

.header-menu,
.header-button {
  flex: 1 !important;
}
.header-menu {
  justify-content: flex-start !important;
}
.header-button {
  display: flex;
  justify-content: flex-end !important;
}

form.tnp-ajax {
  display: flex;
  align-items: center;
  gap: 0.5rem;

  input {
    font-family: "Caviar Dreams", sans-serif;
  }
  input[type="submit"] {
    background-color: #c8b274;
    color: #231f20;
    border-radius: 6px;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    transition: all 150ms ease;
  }
  input[type="submit"]:hover {
    background-color: #f4e9d2;
    color: #231f20;
  }
  input[type="email"] {
    font-size: 18px;
    font-weight: 300;
    border-radius: 6px;
  }
  input[type="email"]::placeholder {
    opacity: 0.5;
    font-size: 18px;
    font-weight: 300;
  }
  label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.tnp-field-email {
  width: 100%;
}

.wp-block-navigation-item.has-child > a {
  padding-bottom: 0 !important;
}

.wp-block-navigation-submenu {
  padding: 0.75rem 0.5rem;
}

.wp-block-navigation-submenu li:hover span {
  color: #f4e9d2;
}