/*
Theme Name: Nook
Theme URI: https://wordpress.com/theme/nook
Author: Automattic
Author URI: https://automattic.com/
Description: Nook is a classic blogging theme offering a delightful canvas for your DIY projects, delicious recipes, and creative inspirations.
Requires at least: 6.0
Tested up to: 6.4.2
Requires PHP: 5.7
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nook
Tags: blog, two-columns, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, style-variations, template-editing, theme-options, threaded-comments, translation-ready, wide-blocks, one-column, three-columns
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
* {
  box-sizing: border-box;
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--secondary);
}

.wp-block-table figcaption {
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: .0625em !important;
  text-underline-offset: .15em;
}

:root :where(p),
:root :where(li) {
  color: var(--wp--preset--color--primary) !important;
}

:root .entry-content p {
  margin-right: unset;
}
/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
  padding: unset;
}

html {
  background: var(--wp--preset--color--primary);
}

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

/* --------------------------------------------------
Decision details
-------------------------------------------------- */
.decision__details {
  display: grid;
  grid-template-columns: max-content auto;
}

.decision__details dt {
  grid-column-start: 1;
  font-weight: bold;
}

.decision__details dd {
  grid-column-start: 2;
}

/* --------------------------------------------------
Search and filter
-------------------------------------------------- */
form.searchandfilter.banner {
  width: 100%;
}
form.searchandfilter.banner ul {
  display: block;
  overflow: hidden;
  width: 100%;
}
form.searchandfilter.banner > div > ul > li {
  width: 100%;
  margin-bottom: 0;
}

form.searchandfilter.banner > div > ul > li:last-child {
  display: none;
}

form.searchandfilter.banner p:empty {
  display: none;
}

form.searchandfilter.banner input[type="text"] {
  box-sizing: border-box;
}
form.searchandfilter.banner input[type="text"]:focus {
  outline: none;
  box-shadow: inset -1px -1px 1px var(--wp--preset--color--secondary), inset 1px 1px 1px var(--wp--preset--color--secondary)
}
/* ------------------ */

form.searchandfilter p {
  width: 100%;
  margin: 0;
  padding: 0;
}
form.searchandfilter h4 {
  margin: 0;
  line-height: 1.7em;
  font-size: var(--wp--preset--font-size--normal);
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--raleway);
}
form.searchandfilter label {
  line-height: 1.7em;
  font-size: var(--wp--preset--font-size--normal);
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--raleway);
}

form.searchandfilter ul {
  margin: 0;
  padding: 0;
}

form.searchandfilter > div > ul > li {
  margin-bottom: 15px;
}

form.searchandfilter ul.children {
  column-count: unset;
  column-gap: unset;
}

form.searchandfilter > div > ul > li > ul {
  column-gap: 15px;
  column-count: 2;
}

form.searchandfilter li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: inherit;
}
form.searchandfilter li > ul {
  margin-left: 15px;
}
form.searchandfilter li > ul li {
  display: block;
}

form.searchandfilter ul > li > ul:not(.children) > li.cat-item > label {
  font-weight: 600;
}

form.searchandfilter input[type="text"],
form.searchandfilter select {
  width: 100%;
  border: 1px solid var(--wp--preset--color--tertiary);
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  min-width: 3rem;
  padding: 9px;
  text-decoration: unset;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--raleway);
  font-size: var(--wp--preset--font-size--normal);
}
form.searchandfilter input[type="text"]::placeholder {
  color: var(--wp--preset--color--tertiary);
}

form.searchandfilter select:focus {
  outline: none;
  border-color: var(--wp--preset--color--secondary);
}

form.searchandfilter input[type="submit"] {
  border: 0;
  border-radius: 40px;
  line-height: 1;
  padding-top: var(--wp--preset--spacing--40);
  padding-bottom: var(--wp--preset--spacing--40);
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--secondary);
  padding-right: calc(1.333em + 2px);
  padding-left: calc(1.333em + 2px);
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--raleway);
}

/* --------------------------------------------------
Copyright
-------------------------------------------------- */
.copyright {
  white-space: nowrap;
  padding-right: 28px;
}

/* --------------------------------------------------
Page list
-------------------------------------------------- */

.wp-block-page-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wp-block-pages-list__item {
  padding: 0;
  margin: 0;
}

.wp-block-pages-list__item__link {
  display: block;
  padding: 5px 10px;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

.wp-block-pages-list__item__link:hover,
.wp-block-pages-list__item__link:focus,
.wp-block-pages-list__item.current-menu-item > .wp-block-pages-list__item__link {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}


/* --------------------------------------------------
Search
-------------------------------------------------- */
.header--new .wp-block-search__input {
  border: 0;
}

.header--new .wp-block-search__input:focus {
  outline: none;
}

.header--new .wp-block-search__button {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  align-items: center;
  padding: 0;
}


/* --------------------------------------------------
Buttons
-------------------------------------------------- */
.wp-block-button__link,
form.searchandfilter input[type="submit"] {
  white-space: nowrap;
  border-radius: 0;
  transition: background-color 0.3s ease-out;
}

.wp-block-button__link.has-secondary-background-color:hover,
.wp-block-button__link.has-secondary-background-color:focus,
form.searchandfilter input[type="submit"]:hover,
form.searchandfilter input[type="submit"]:focus {
  box-shadow: none;
  background-color: var(--wp--preset--color--custom-brand-dark) !important;
}

/* --------------------------------------------------
Typography
-------------------------------------------------- */
.entry-content li,
.wp-block-list li {
  font-size: var(--wp--preset--font-size--small);
}

/* --------------------------------------------------
Mobile navigation
-------------------------------------------------- */
.header--new {
  height: 110px;
}

.header--new > div {
  height: 100%;
}

.navigation--asa .wp-block-navigation-item__content {
  white-space: nowrap;
}

.header--new .wp-block-site-logo {
  margin: 0 !important;
  width: 263px;
}

.is-layout-constrained > .navigation--asa__container:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin: 0 !important;
}

.navigation--asa__container {
  flex-direction: row;
  height: 100%;
}

.navigation--asa__container .wp-block-buttons {
  display: none;
}

.wp-block-navigation__responsive-container-open {
  display: block;
}

@media (min-width: 1200px) {
  .header--new .navigation--asa__container .wp-block-buttons {
    display: block;
  }

  .wp-block-navigation__responsive-container-open {
    display: none;
  }
}

.navigation--asa__container .gw-mm {
  height: 100%;
  display: flex;
  align-items: center;
}

.navigation--asa__container .gw-mm .gw-mm__wrapper,
.navigation--asa__container .gw-mm .gw-mm__content-wrapper,
.navigation--asa__container .gw-mm .gw-mm__content,
.navigation--asa__container .gw-mm .gw-mm-item,
.navigation--asa__container .gw-mm .gw-mm-item__link {
  height: 100%;
}
.navigation--asa__container .gw-mm .gw-mm-item__link {
  align-items: center;
}

.navigation--asa__container .gw-mm .gw-mm-item__link a {
  text-decoration: none;
  font-size: 16px;
  font-family: var(--wp--preset--font-family--inter);
  font-weight: 500;
}

.gw-mm.is-mobile .gw-mm__content-wrapper {
  background: var(--wp--preset--color--custom-grey-light);
}

/* --------------------------------------------------
Mega menu
-------------------------------------------------- */

.gw-mm-item.has-children .gw-mm-item__link a {
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 0;

}
.gw-mm-item.has-children .gw-mm-item__link {
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.gw-mm-item.has-children .gw-mm-item__link:hover,
.gw-mm-item.has-children .gw-mm-item__link:focus,
.gw-mm-item.has-children .gw-mm-item__link.current {
  background-color: var(--wp--preset--color--tertiary);
}

.gw-mm-item__dropdown {
  padding: 0;
}
.gw-mm-item .gw-mm-item__toggle:hover {
  background-color: none;
}
.gw-mm.is-mobile .gw-mm-item__toggle {
  width: 40px;
  height: 40px;
}

.gw-mm-item__dropdown-content {
  padding: 17px 0 20px 0;
  background: var(--wp--preset--color--tertiary);
}

.gw-mm.is-mobile .gw-mm-item__dropdown-content {
  padding: 17px 15px 20px 15px;
}

.gw-mm.is-mobile .gw-mm-item__dropdown-content h1,
.gw-mm.is-mobile .gw-mm-item__dropdown-content h2,
.gw-mm.is-mobile .gw-mm-item__dropdown-content h3,
.gw-mm.is-mobile .gw-mm-item__dropdown-content h4,
.gw-mm.is-mobile .gw-mm-item__dropdown-content h5 {
  display: none;
}

.gw-mm-item__dropdown-content .wp-block-list {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

.gw-mm-item__dropdown-content .wp-block-list li {
  padding: 0;
  margin: 0;
}

.gw-mm-item__dropdown-content .wp-block-list li a {
  display: block;
  padding: 5px 10px;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}

.gw-mm-item__dropdown-content .wp-block-pages-list__item__link,
.gw-mm-item__dropdown-content .wp-block-list li a {
  padding: 5px 0;
  font-size: 1rem;
}

.gw-mm-item__dropdown-content .wp-block-pages-list__item__link:hover,
.gw-mm-item__dropdown-content .wp-block-pages-list__item__link:focus,
.gw-mm-item__dropdown-content .wp-block-pages-list__item.current-menu-item > .wp-block-pages-list__item__link,
.gw-mm-item__dropdown-content .wp-block-list li a:hover,
.gw-mm-item__dropdown-content .wp-block-list li a:focus {
  background: none;
  color: var(--wp--preset--color--secondary);
}
.gw-mm-item__dropdown-content .wp-block-pages-list__item.current-menu-item > .wp-block-pages-list__item__link {
  font-weight: bold;
}

.gw-mm-item__dropdown-content .wp-block-heading {
  margin: 0 0 10px 0;
}

.gw-mm__wrapper {
  display: flex;
  align-items: center;
}

.gw-mm__toggle {
  display: flex;
  align-items: center;
  border: 0;
  background: 0;
  color: transparent;
  text-indent: -9999px;
}

.gw-mm__toggle .dashicons-menu {
  display: block;
  color: var(--wp--preset--color--black);
  text-indent: 0;
}

/* --------------------------------------------------
Banner
-------------------------------------------------- */

.banner .wp-block-search__inside-wrapper {
  box-sizing: border-box;
}

.banner .wp-block-search__input {
  box-sizing: border-box;
  border-radius: 10px;
  height: 46px;
  line-height: 46px;
  padding: 0 14px;
  border: 0;
}

.banner .wp-block-search__input:focus,
.banner .wp-block-search__input:focus-within,
.banner .wp-block-search__input:focus-visible {
  outline: none;
}

.banner .wp-block-search__button {
  padding: 0 12px;
  height: 46px;
  line-height: 46px;
  background: #8A4FDB;
  color: var(--wp--preset--color--background);
  border-radius: 10px;
}
/* --------------------------------------------------
Tables
-------------------------------------------------- */
.wp-block-table table {
  border: 0;
}

.wp-block-table table td {
  border: 0;
  vertical-align: top;
}

/* --------------------------------------------------
Search & Filter Pro
-------------------------------------------------- */
.search-filter-query-posts h2 {
  font-size: 1rem;
}
.search-filter-query-posts h2 a {
  color: var(--wp--preset--color--primary);
}

.search-filter-query-posts hr {
  margin: 40px 0;
}

.search-filter-query-posts > div > p small {
  display: none;
}

/* --------------------------------------------------
Footer
-------------------------------------------------- */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: var(--wp--preset--color--background) !important;
}

.search-filter-input-checkbox > .search-filter-input-checkbox__container {
  font-weight: bold;
}
.search-filter-input-checkbox .search-filter-input-group .search-filter-input-checkbox__container {
  font-weight: normal;
}