/*
Theme Name: Minimly
Theme URI: https://thisisadvantage.com
Author: Advantage Agency
Author URI: https://thisisadvantage.com
Description: 100% organic theme. Full-site editing, vegan friendly, gluten-free.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.6.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minimly
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

Minimly Theme, (C) 2021
Minimly is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  width: 100vw;
  position: relative;
}

html {
  overflow-x: hidden;
  width: 100vw;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
  text-decoration-style: dashed;
}

a:active {
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration: underline;
  text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  background-color: var(--wp--preset--color--primary);
  border-radius: 0;
  border: none;
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Minimly Theme. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */
/*
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
  padding-left: var(--wp--custom--spacing--horizontal);
  padding-right: var(--wp--custom--spacing--horizontal);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-group.has-background,
body > .is-root-container > .wp-block-cover,
body
  > .is-root-container
  > .wp-block-template-part
  > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
  margin-left: calc(-1 * var(--wp--custom--spacing--horizontal)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--horizontal)) !important;
  width: unset;
}
*/
/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: inherit;
}

/******** Theme Styles ********/
* {
  box-sizing: border-box;
}

.full-image > *,
.full-image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
/* Spacing */
:is(.wp-block-post-content, .wp-site-blocks) > :is(.wp-block-cover, .minimly-carousel--wrapper, .wp-block-columns, .wp-block-group) {
  margin-top: 0;
  margin-bottom: 0;
}

.wp-site-blocks > footer,
.wp-site-blocks > header {
  margin-top: 0;
}

.footer-container ul {
  list-style: none;
  padding: 0;
}

/* Heading padding */
.solid-nav :is(.wp-site-blocks) > *:not(header):not(footer) > :is(div:first-of-type, main:first-of-type) {
  margin-top: var(--wp--custom--header-height--desktop) !important;
}

@media (max-width: 600px) {
  .solid-nav :is(.wp-site-blocks) > *:not(header):not(footer) > :is(div:first-of-type, main:first-of-type) {
    margin-top: var(--wp--custom--header-height--mobile) !important;
  }
}

header.wp-block-template-part > div:not([data-ignore-theme-spacing="true"]):not(.ignore-theme-spacing) {
  padding: 1rem var(--wp--custom--spacing--horizontal);
}

header.wp-block-template-part + div {
  margin-top: 0;
}

/* Header */

header.wp-block-template-part {
  z-index: 1400;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.2s ease-out;
  position: absolute;
}

.transparent-nav header.wp-block-template-part {
  position: absolute;
}

.light-header:not(.detached-header) header.wp-block-template-part:not(.mega-menu__active) {
  color: white;
}

.transparent-nav:not(.detached-header) header.wp-block-template-part:not(.mega-menu__active),
.transparent-nav:not(.detached-header) header.wp-block-template-part:not(.mega-menu__active) > * {
  background: none !important;
}

.m-logo,
.light-header:not(.detached-header) header:not(.mega-menu__active) .m-light-logo {
  display: flex;
}

.m-light-logo,
.light-header:not(.detached-header) header:not(.mega-menu__active) .m-dark-logo {
  display: none;
}

.detached-header header.wp-block-template-part {
  position: fixed;
}

header.is-hidden {
  transform: translateY(-120%);
}

header.is-visible {
  transform: translateY(0);
}

header a,
header {
  will-change: color;
}

/* MOBILE MENU */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.wp-block-navigation__responsive-container.is-menu-open {
  display: flex !important;
  transition: 0.3s ease-in-out;
  height: 100vh;
  padding-top: var(--wp--custom--spacing--vertical);
  padding-bottom: var(--wp--custom--spacing--vertical);
  padding-right: var(--wp--custom--spacing--horizontal);
  padding-left: var(--wp--custom--spacing--horizontal);
  animation: slideDown 0.3s ease-in-out;
}

@media (max-width: 599px) {
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: var(--navigation-layout-justification-setting, initial);
    width: 100%;
  }

  .wp-block-navigation__responsive-container-content {
    padding-top: calc(2em + 24px);
  }

  .is-content-justification-right > .wp-block-navigation {
    order: 1;
  }

  [data-flip-on-mobile="true"] {
    flex-direction: column-reverse;
  }
}

/* RESPONSIVE SETTINGS */
@media (max-width: 599px) {
  [data-hide-on-mobile="true"],
  .hide-on-mobile {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 1024px) {
  [data-hide-on-tablet="true"],
  .hide-on-tablet {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  [data-hide-on-desktop="true"],
  .hide-on-desktop {
    display: none !important;
  }
}

.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* RESET FONTS */

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0.8em;
}

[data-max-width]:not(.has-text-align-center):not(.has-text-align-right) {
  margin-left: 0 !important;
}

[data-max-width].has-text-align-right {
  margin-right: 0 !important;
}

[data-min-height] img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 600px) and (max-width: 1024px) {
  [data-wrap-tablet] {
    flex-direction: column;
  }
  [data-wrap-tablet][data-flip-on-mobile] {
    flex-direction: column-reverse;
  }
  [data-wrap-tablet] > .wp-block-column {
    margin-left: 0 !important;
  }
}

#top-of-site-anchor {
  display: none;
}

.wp-block-cover__inner-container {
  width: 100%;
}

/* Pattern CSS */

.m-centered-header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
}

.inherit-color,
.inherit-color * {
  color: inherit !important;
}

.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  background: white;
}

.my-account-icon {
  padding: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.flex {
  display: flex;
}

button.wp-block-search__button {
  padding: 0.3rem 0.6rem;
}

.overflow-hidden {
  overflow: hidden;
}

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

select {
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg>') no-repeat right 1rem center/1rem 1rem;
}

select:focus {
  outline: none;
  border-color: #333;
}

.wc-block-add-to-cart-form .quantity .qty {
  min-width: 62px;
}