/*
Theme Name:     The Emery Theme
Theme URI:      https://diydreamsite.com/shop/emery-theme-kadence/
Template:       kadence
Author:         DIY Dream Site
Author URI:     https://diydreamsite.com
Description:    Created for dietitians, nutritionists, health coaches, and food bloggers, the Emery Theme helps you share expertise, publish recipes, and sell digital products with clarity and credibility. Launch a course, offer downloads and meal plans, publish SEO-friendly articles and recipes, and book clients with a site that guides visitors to take action.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* General
------------------------------ */
body {
  counter-reset: recipe-number;
}

::selection {
  background-color: var(--global-palette1);
  color: var(--global-palette9);
}

::placeholder {
  color: rgba(0, 0, 0, 0.6) !important;
}

.hero-container {
  padding: 32px;
}

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

.dds-rotate-left-s img {
  transform: rotate(-12deg);
}

.dds-rotate-right-s img {
  transform: rotate(12deg);
}

.dds-rotate-left-m img {
  transform: rotate(-24deg);
}

.dds-post-number {
  white-space: nowrap !important;
}

/* Header */
.site-header {
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}

/* Post Info Overlay */

.dds-post-overlay article {
  position: relative;
}

.dds-post-overlay .post-thumbnail {
  margin-bottom: 0 !important;
}

.dds-post-overlay article .entry-header {
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 30%, transparent);
  padding-top: 50px !important;
  width: auto;
  margin: 0;
}

.dds-post-overlay .entry-title {
  color: white !important;
  padding: 12px !important;
}

/* Icon List 4-col */

@media (min-width: 1025px) {
  .dds-icon-list-4-col .kt-svg-icon-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Gallery Carousel Arrows - Recipe Categories */
.dds-gallery-carousel .splide__arrow {
  background: transparent;
  height: 2em;
  justify-content: center;
  opacity: 0.8;
}

.dds-gallery-carousel .splide__arrow:hover {
  opacity: 1;
  background: transparent !important;
}
.dds-gallery-carousel .splide__arrow:hover svg {
  fill: var(--global-palette1);
}

.dds-gallery-carousel .splide__arrow--prev {
  left: -2em !important;
}
.dds-gallery-carousel .splide__arrow--next {
  right: -2em !important;
}

/* Testimonials Carousel */
.dds-testimonials .kb-splide .splide__arrow {
  background: var(--global-palette6);
  border-radius: 30px;
  height: 2em;
  width: 2em;
  opacity: 0.7;
}

.dds-testimonials .kb-splide .splide__arrow:focus,
.kb-splide .splide__arrow:hover {
  opacity: 1;
  background: var(--global-palette6);
}

ul.kb-gallery-carousel {
  padding: 0 !important;
}

/* -------- Posts Block --------- */

.wp-block-kadence-posts.grid-cols {
  column-gap: 24px;
  row-gap: 24px;
}

.kb-posts-style-boxed .entry-content-wrap {
  padding: 1em 1em 0.5em;
}

.kb-posts.height-100 article {
  height: 100%;
}

.dds-article-list.grid-cols {
  row-gap: 1rem;
}

.dds-article-list article {
  grid-template-columns: 1fr 5fr !important;
  align-items: center;
  grid-gap: 1rem !important;
}
.dds-article-list header {
  margin-bottom: 0;
}

/* Posts: 6-col desktop */
@media screen and (min-width: 1025px) {
  .grid-lg-col-4.dds-posts-6-col {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

/* Featured post */
.dds-featured article {
  grid-template-columns: 1fr 1fr !important;
  align-items: center;
  padding-bottom: 16px;
}

.dds-featured .kadence-svg-iconset {
  display: none;
}

.dds-featured .post-more-link {
  background: var(--global-palette-btn-bg);
  color: var(--global-palette-btn);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 50px;
  padding: 16px 32px 16px 32px;
  letter-spacing: 0;
}
.dds-featured .post-more-link:hover {
  color: var(--global-palette-btn-hover);
  background: var(--global-palette-btn-bg-hover);
}

.dds-featured .entry-summary {
  margin-bottom: 24px;
}

/* Posts Numbered - Top Recipes */
.dds-top-recipes .entry-content-wrap::before {
  content: counter(recipe-number);
  counter-increment: recipe-number;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--global-heading-font-family);
  font-size: 24px;
  text-align: center;
  line-height: 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--global-palette3);
  background-color: var(--global-palette6);
}

.dds-top-recipes .entry-content-wrap {
  padding-top: 2.2em;
  position: relative;
}

.dds-top-recipes article {
  height: 100%;
}

/* Blog Archive
--------------------------------- */
.wp-block-kadence-posts.grid-cols {
  column-gap: 1.5rem;
}
.blog.content-width-fullwidth #primary {
  padding: 3rem;
}

.pagination .nav-links {
  text-align: center;
}
.pagination {
  margin-top: 5rem;
}

.post-navigation {
  margin: 120px 0 60px 0;
  border-top: 1px solid var(--global-palette5);
  padding-top: 60px;
}
.comment-navigation .nav-previous:after,
.post-navigation .nav-previous:after {
  background: var(--global-palette5);
}

/********* SINGLE POST *********/
.post-navigation {
  margin-top: 40px;
  padding-top: 32px;
}

/* Similar Posts */
.entry-related-inner-content {
  padding: 24px !important;
}

.entry-related article {
  background-color: transparent !important;
}

.entry-related .entry-content-wrap {
  padding: 0.8rem 0 0;
}

.entry-related .content-bg {
  background: transparent;
  box-shadow: none;
}

.entry-related .entry-meta {
  display: none;
}

.entry-related .entry-header {
  margin-bottom: 0;
}

.entry-related h3.entry-title {
  font-size: 1.1em;
  line-height: 1.2;
}

.entry-related-carousel .splide__arrow {
  background: var(--global-palette1) !important;
  opacity: 0.8;
  width: 3em;
}

/* Author Box */
.entry-author-style-center .entry-author-description {
  max-width: 90% !important;
}

.entry-author-style-center {
  border-bottom: none;
}

.entry-author-style-normal {
  border: 3px solid var(--global-palette7);
  padding: 16px;
}

/* Comments */

.comment-form .comment-input-wrap p label,
.comment-form p.comment-form-float-label label {
  color: var(--global-palette4);
}

/* Sidebar */
.dds-title-only header {
  margin-bottom: 0 !important;
}
.kb-posts-style-unboxed.grid-sm-col-1.grid-lg-col-1.item-image-style-beside:not(
    .dds-featured
  )
  article {
  grid-gap: 1rem !important;
  align-items: center;
}

/* Footer Logo left aligned on desktop
--------------------------------- */
@media screen and (min-width: 1025px) {
  .logo-in-footer figure {
    margin: 0 !important;
  }
}

/* Menu -> Submenu items' BG color on mobile
---------------------------------- */
.mobile-navigation ul.sub-menu {
  background-color: #ffffff54;
}

/* WP Search
---------------------------------- */
.wp-block-search .wp-block-search__input {
  border-color: var(--global-palette1);
  border-radius: 0;
  background-color: transparent;
}
::placeholder {
  color: var(--global-palette1);
  opacity: 0.7;
}
input[type="search"]:focus {
  border-color: var(--global-palette1);
  box-shadow: none;
}

/* WooCommerce 
--------------------------------- */
.woocommerce #reviews #comments ol.commentlist li .meta {
  color: var(--global-palette4);
}

.quantity.spinners-added input.minus,
.quantity.spinners-added input.plus {
  color: var(--global-palette4);
  font-size: 16px;
  padding: 0.3em 0.8em;
}

.woocommerce div.product .button.single_add_to_cart_button {
  height: auto;
  line-height: 1.1;
}

.woocommerce div.product form.cart div.quantity {
  margin: 0 20px 0 0;
}
.quantity,
.quantity.spinners-added,
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-color: var(--global-palette3) !important;
  color: var(--global-palette3) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-color: var(--global-palette3) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--global-palette4);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--global-palette3) !important;
}

.woocommerce #reviews #comments h2 {
  font-weight: inherit;
}

/* Related Products */
.related.products ul.products > li.product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.related.products ul.products > li.product .product-details,
.related.products ul.products > li.product .entry-content-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.related.products ul.products > li.product .star-rating {
  margin: 0.25em auto 0.6em 0;
}

.related.products ul.products > li.product .price {
  margin-top: auto;
}

.related.products ul.products > li.product .product-action-wrap {
  margin-top: 0.5rem;
}

@media screen and (min-width: 376px) and (max-width: 830px) {
  .related.products .grid-sm-col-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 831px) {
  .related.products .grid-sm-col-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.woocommerce ul.products.woo-archive-btn-button.products-list-view .button {
  max-width: 300px;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  padding: 16px 24px !important;
}

.woocommerce .woocommerce-error {
  border-left-color: var(--global-palette1);
}

/* Other WooCommerce fixes */
.wp-block-woocommerce-product-template {
  padding-left: 0 !important;
}