/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.5
Requires PHP: 5.6
Version: 1.4.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* Custom styles from Scho & Jo v1 theme */

@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }

  .mobile-columns-no-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .center-mobile {
    justify-content: center !important;
  }

  .space-around-mobile {
    justify-content: space-around;
  }

  .align-text-center-mobile {
    text-align: center !important;
  }

  .max-width-50-percent-mobile {
      max-width: 50%;
  }

  .nav-store-button svg {
    width: 2.5em !important;
    height: 2.5em !important;
  }

}

.sensei-course-theme {
  font-family: "gotham" !important;
  font-weight: 500;
}

.default-font {
  font-family: "gotham" !important;
  font-weight: 500;
}

.default-font-bold {
  font-family: "gotham" !important;
  font-weight: 700;
}

.default-font-light {
  font-family: "gotham" !important;
  font-weight: 300;
}

.default-title-font {
  font-family: "good-bad-man", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

:where(.wp-site-blocks) > * {
  margin-block-start: 0rem;
  margin-block-end: 0;
}

.justify-text {
  text-align: justify;
  text-justify: inter-word;
}

.menu-item {
  color: var(--wp--preset--color--primary);
  font-weight: bold;
}

@media (min-width: 767px) {
  .menu-item-line:before {
    content: "";
    position: relative;
    display: block;
    border-top: 31px solid var(--wp--preset--color--secondary);
    width: 3px;
    border-radius: 100px;
    margin-right: 20px;
  }

  .home-text-typing .ttbTextTyping {
    text-align: left !important;
  }

  .only-mobile {
    display: none !important;
  }

  .nav-bar-logo img {
    max-height: 80px;
    object-fit: contain !important;
  }

  /* .menu-item-no-after:after {
    width: 0px;
    border-radius: 0px;
    margin-left: 0px;
  } */
}

.menu-item .wp-block-navigation__submenu-icon svg {
}

.header-search .wp-block-search__inside-wrapper {
  border-color: transparent;
  background: var(--wp--preset--color--tertiary);
}
.header-search .wp-block-search__input {
  color: white;
  background: var(--wp--preset--color--tertiary);
  font-size: 16px;
}

.header-search .wp-block-search__input::placeholder {
  color: white;
  background: var(--wp--preset--color--tertiary);
  font-size: 16px;
}

.header-search .wp-block-search__input::-webkit-search-cancel-button {
  /* color: var(--wp--preset--color--secondary); */
  -webkit-appearance: none;
  /* height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg)
  no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none; */
}

.header-search .wp-block-search__button {
  background: var(--wp--preset--color--tertiary) !important;
}

.header-search svg {
  fill: var(--wp--preset--color--secondary);
}

.header-link a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
  background: white;
}


#sb_instagram {
  padding-bottom: 0px !important;
}

.mc-name-input {
  flex: 1;
  margin: 5px;
  min-width: 150px;
  border: 1px solid transparent;
  border-radius: 5px;
  position: relative;
  font-size: 1.25rem;
  color: var(--wp--preset--color--primary);
  max-width: none !important;
  font-family: "gotham" !important;
  min-height: 50px !important;
}

.mc-name-input::placeholder {
  font-size: 1rem;
  position: relative;
  left: 10px;
  font-family: "gotham" !important;
  color: var(--wp--preset--color--tertiary);
}

.mc-email-input {
  border: 1px solid transparent;
  border-radius: 5px;
  flex: 1;
  margin: 5px;
  position: relative;
  min-width: 150px;
  max-width: none !important;
  min-height: 50px !important;
  font-family: "gotham" !important;
  font-size: 1.25rem;
  color: var(--wp--preset--color--primary);
}

.mc-email-input::placeholder {
  font-size: 1rem;
  position: relative;
  left: 10px;
  font-family: "gotham" !important;
  color: var(--wp--preset--color--tertiary);
}

.mc-sign-up {
  position: relative;
  background-color: var(--wp--preset--color--secondary);
  border-radius: 5px;
  border: 1px solid var(--wp--preset--color--secondary);
  padding: 10px;
  font-size: 1.25rem;
  color: white;
  font-family: "gotham" !important;
  font-weight: 700;
  margin: 5px;
  left: 10px;
  min-height: 50px !important;
}

@media (max-width: 767px) {
  .small-image-home-screen {
    width: 258px;
    max-width: 258px;
    height: 258px;
    max-height: 258px;
  }



}

.ttbTextTyping .prefixText {
  font-family: "gotham" !important;
}

.home-search .wp-block-search__inside-wrapper {
  background: white;
}

.home-search .wp-block-search__input {
  color: var(--wp--preset--color--primary);
  font-weight: bold;
}

.front-page-image-classes .wp-block-cover {
  cursor: pointer;
}

.front-page-image-classes a {
  text-decoration: none;
}

.front-page-image-classes .wp-block-cover {
  transition: 0.3s;
}

.front-page-image-classes .wp-block-cover:hover {
  filter: grayscale(90%);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(3px, 0, 0);
  }
}

.latest-posts-home-page a {
  color: white;
}

.tertiary-link a {
  color: var(--wp--preset--color--tertiary);
}

.primary-h2 h2 {
  color: var(--wp--preset--color--primary);
}

.primary-h3 h3 {
  color: var(--wp--preset--color--primary);
}

.tertiary-link a {
  color: var(--wp--preset--color--tertiary);
}

figcaption {
  font-size: 0.75em;
}

.shop-page h1 {
  font-weight: bold;
  font-size: 3em;
}

.rounded-search .wp-block-search__input {
  border-radius: 5px;
}

.no-margin-top {
  margin-block-start: 0 !important;
}

.single-posts h1,
.single-posts h2,
.single-posts h3,
.single-posts h4,
.single-posts h5,
.single-posts h6 {
  color: var(--wp--preset--color--primary);
}

.primary-header h1,
.primary-header h2,
.primary-header h3,
.primary-header h4,
.primary-header h5,
.primary-header h6 {
  color: var(--wp--preset--color--primary);
}

.white-headings h1,
.white-headings h2,
.white-headings h3,
.white-headings h4,
.white-headings h5,
.white-headings h6 {
  color: white;
}

.rounded {
  border-radius: 5px;
}

.cursor-pointer {
  cursor: pointer !important;
}

.ss-page a {
  color: var(--wp--preset--color--tertiary);
}

.max-w-300 {
  max-width: 300px !important;
}

.max-w-400 {
  max-width: 400px !important;
}

.max-w-500 {
  max-width: 500px !important;
}

#ez-toc-container {
  max-width: 90% !important;
}

.button-full a {
  width: 100%;
}

.button-full {
  width: 100%;
}

.page h2 {
  padding-top: 1em;
}

.nav button {
  color: var(--wp--preset--color--tertiary);
}

.heateor_sss_svg {
  margin-right: 5px;
}

.flex {
  display: flex;
}

.woocommerce-page main {
  margin: 50px;
  padding: 25px;
}

.woocommerce-page a {
  color: var(--wp--preset--color--tertiary);
}

.max-w-90percent {
  max-width: 90% !important;
}

.beehiiv-form-connection {
  align-items: center;
  width: inherit !important;
}

.beehiiv-email-label {
  display: none !important;
}

.beehiiv-field-1 {
  width: inherit !important;
}

.beehiiv-field-1:focus {
  outline-color: var(--wp--preset--color--secondary) !important;
}

.beehiiv-submit-button {
  background-color: var(--wp--preset--color--secondary) !important;
  height: 49px !important;
}

.beehiiv-iframe p {
  color: white !important;
  font-size: 1.5em !important;
}

#modal-3-content {
  padding: 25px;
}

.wp-block-navigation__responsive-container-close {
  margin-top: 25px;
  margin-right: 25px;
}

.sidebar-featured-posts img {
  border-radius: 5px;
}

.sidebar-featured-posts a {
  text-decoration: none;
}

.center-text {
  text-align: center;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.no-underline {
  text-decoration: none;
}

.link-hover a {
  text-decoration: none;
}

.link-hover:hover a {
  color: var(--wp--preset--color--tertiary) !important;
}

.home-text {
  flex: 1;
  width: 100%;
  min-width: 250px;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.full-height {
  height: 100%;
}

@media (max-width: 767px) {
  .h-60vh {
    min-height: 60vh !important;
  }
}

.wp-block-navigation__responsive-container {
  padding: 25px !important;
}

.primary-button button {
  border-radius: 5px;
  color: white;
}

.primary-button button:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.primary-button .wp-block-button__link {
  border-radius: 5px;
  color: white;
}

.primary-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.primary-button .components-button {
  border-radius: 5px;
  color: white;
}

.primary-button .components-button:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.primary-button .wp-element-button {
  border-radius: 5px;
  color: white;
}

.primary-button .wp-element-button:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.secondary-button button {
  border-radius: 5px;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}

.secondary-button button:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.secondary-button .wp-block-button__link {
  border-radius: 5px;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}

.secondary-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.secondary-button .components-button {
  background-color: var(--wp--preset--color--secondary);
  border-radius: 5px;
  color: var(--wp--preset--color--primary);
}

.secondary-button .components-button:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.secondary-button .wp-element-button {
  background-color: var(--wp--preset--color--secondary);
  border-radius: 5px;
  color: var(--wp--preset--color--primary);
}

.secondary-button .wp-element-button:hover {
  background-color: var(--wp--preset--color--tertiary);
  color: white;
}

.h-200 {
  height: 200px;
}