/*
Theme Name:     Olive
Theme URI:      https://heartenmade.com
Template:       kadence
Author:         Hearten Made // Carissa Allen
Author URI:     https://heartenmade.com
Description:    A responsive WordPress theme for food bloggers built on Kadence by Carissa Allen from Hearten Made.
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
	font-family: 'HM Citrine';
	src: url('lib/fonts/HM-Citrine-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	font-display: swap;
}

/* General
---------------------------------------- */

body {
	overflow-x: hidden;
}

a,
.kb-button,
a span,
a:not(.post-more-link),
.search-toggle-open,
.recipe-tabs .kt-acccordion-button-label-show {
	-webkit-transition: all .25s ease-in-out !important;
	transition: all .25s ease-in-out !important;
	text-underline-offset: 5px;
}

.link-style-color-underline .entry-content p a, .link-style-color-underline .entry-content strong>a, .link-style-color-underline .entry-content em>a, .link-style-color-underline .entry-content>ul a, .link-style-color-underline .entry-content>ol a, .link-style-color-underline .entry-content .wp-block-group ul a, .link-style-color-underline .entry-content .wp-block-group ol a {
	text-decoration-thickness: 2px;
}

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

input:not(.kb-text-style-field),
select:not(.kb-text-style-field),
textarea:not(.kb-text-style-field) {
	border-radius: 0 !important;
}

.comment-form input:placeholder-shown+label,
.comment-form textarea:placeholder-shown+label,
.comment-form .comment-input-wrap p label,
.comment-form p.comment-form-float-label label,
.comment-form input:placeholder-shown+label,
.comment-form textarea:placeholder-shown+label,
.fs-label-wrap,
.fs-dropdown,
.fs-search,
.fs-wrap.multiple .fs-option .fs-checkbox i,
.search-form input[type="search"],
.search-form input.search-field {
	color: var(--global-palette3) !important;
	border-color: var(--global-palette3) !important;
}

.drawer-content input[type="search"]::-webkit-input-placeholder {
	font-size: inherit !important;
}

input[type="text"]:not(.kb-text-style-field),
input[type="email"]:not(.kb-text-style-field), input[type="url"]:not(.kb-text-style-field), input[type="password"]:not(.kb-text-style-field), input[type="search"]:not(.kb-text-style-field),
input[type="number"]:not(.kb-text-style-field), input[type="tel"]:not(.kb-text-style-field),
input[type="date"]:not(.kb-text-style-field), input[type="month"]:not(.kb-text-style-field), input[type="week"]:not(.kb-text-style-field), input[type="time"]:not(.kb-text-style-field), input[type="datetime"]:not(.kb-text-style-field), input[type="datetime-local"]:not(.kb-text-style-field), input[type="color"]:not(.kb-text-style-field),
textarea:not(.kb-text-style-field),
select:not(.kb-text-style-field) {
	border: 1px solid var(--global-palette7) !important;
}

/* Search Results
---------------------------------------- */

.search-archive-title h1 {
	padding-bottom: .25em;
}

.search-results .content-container .entry-content-wrap {
	margin-top: 15px;
}

.error404 input.search-field {
	padding: 18px 20px;
}

.error404 .page-content {
	text-align: center !important;
}

.error404::placeholder {
	color: var(--global-palette5);
}

.search-results .loop-entry .entry-header .entry-taxonomies,
.search-results .loop-entry .entry-header .entry-title,
.search-results .loop-entry .entry-header .entry-meta {
	text-align: center;
	padding-bottom: 0;
}

/* Search Header
---------------------------------------- */

#search-drawer.popup-drawer.active .drawer-inner {
	height: 32%;
	max-height: 330px;
	box-shadow: 10px 10px 20px rgb(32 32 31 / 15%);
}

#search-drawer .drawer-inner .drawer-content form input.search-field,
#search-drawer .drawer-inner .drawer-content form input.search-field:focus {
  box-shadow: none !important;
}

#search-drawer .drawer-inner input.search-field {
	font-size: 16px !important;
	padding: 1em !important;
	border: 1px solid var(--global-palette3) !important;
}

.search-toggle-open .search-toggle-label {
	padding-right: 8px !important;
}

button.search-toggle-open.drawer-toggle.search-toggle-style-default {
	border-radius: 50px !important;
}

/* Header
---------------------------------------- */

.site-main-header-wrap>.site-header-row-container-inner,
.site-bottom-header-wrap>.site-header-row-container-inner {
	border-bottom: 1px solid transparent;
	box-shadow: 0 2px 8px rgba(205, 205, 205, .2) !important;
}

.sub-menu {
	padding: 0 12px !important;
}

@media only screen and (min-width: 768px) {
	.sub-menu {
		padding: 8px !important;
	}
}

/* Entries
---------------------------------------- */

.read-more-button {
	margin-top: 20px;
}

.entry-footer .more-link-wrap a {
	text-decoration: none !important;
}

.entry svg.kadence-svg-icon.kadence-arrow-right-alt-svg {
	display: none;
}

.entry-content-wrap .category-style-pill a {
	margin-top: 10px !important;
}

.entry-tags a.tag-link {
	border: 0 !important;
	color: var(--global-palette3) !important;
}

.entry-tags a.tag-link:hover {
	color: var(--global-palette-btn) !important;
	border-radius: 0;
}

.kb-posts .entry-header .entry-taxonomies {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}

span.category-links.term-links.category-style-pill a {
	border-radius: 0 !important;
	padding: 5px 9px;
}

.content-style-unboxed .kadence-thumbnail-position-behind:after {
	background: none !important;
}

.content-style-unboxed .kadence-thumbnail-position-behind {
	margin-bottom: 3em;
}

.nav-next .kadence-svg-iconset,
.nav-previous .kadence-svg-iconset {
	display: none;
}

.entry-author-style-center .entry-author-avatar:before,
.entry-author-style-center .entry-author-avatar:after {
	background: transparent !important; 
}

.entry-author-style-center {
	border: 2px solid var(--global-palette8) !important;
	margin-top: 80px;
	padding-bottom: 20px;
}

.entry-author-avatar img {
	border: 8px solid var(--global-palette8);
}

.entry-author-style-center .entry-author-avatar img {
	margin-top: -50px !important;
}

.entry-author-name a {
	font-family: var(--global-heading-font-family);
	font-weight: normal;
	font-size: 28px;
}

.entry-author-style-center .entry-author-profile .entry-author-description {
	max-width: 85% !important;
	font-size: 15px !important;
	margin: 0 auto !important;
}

.entry-author-follow.author-follow a.social-button {
  border-radius: 35px !important;
	width: 1.8em;
	height: 1.8em;
}

@media screen and (min-width: 768px) {
.blog .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail,
.archive .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail {
		grid-template-columns: 1fr 1fr !important;
	}
}

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

.entry-header .entry-taxonomies {
	margin-bottom: 10px;
}

.entry-meta>*:after {
	height: 0.16rem;
	width: 0.16rem;
}

.wp-block-kadence-posts.item-image-style-beside article {
	align-items: center !important;
}

.wp-block-kadence-posts.item-image-style-above.kb-posts-style-unboxed .entry .post-thumbnail {
	margin-bottom: 1.2em !important;
}

.wp-block-kadence-tabs .kt-tab-inner-content-inner .loop-entry p:last-child {
	margin: 1em 0 !important;
}

@media screen and (max-width: 1023px) {
	.kb-posts.grid-cols {
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
		column-gap: 1.5rem !important;
	}
}

@media screen and (max-width: 768px) {
	.kb-posts.grid-cols.grid-lg-col-4 {
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
	} 
}

/* Archive
---------------------------------------- */

.entry-hero.post-archive-hero-section .entry-header {
	padding-top: 1em;
	padding-bottom: 1em;
}

.archive .loop-entry .entry-header .entry-title,
.blog .loop-entry .entry-header .entry-title {
	text-align: center;
}

.archive.has-sidebar .loop-entry .entry-header .entry-title {
	text-align: left;
	padding: 0;
}

.archive .loop-entry .entry-header .entry-taxonomies,
.blog .loop-entry .entry-header .entry-taxonomies,
.category.archive .loop-entry .entry-header .entry-meta,
.blog .loop-entry .entry-header .entry-meta {
	text-align: center;
	padding-bottom: 0;
}

.category.archive .cat-filter-menu {
	display: none;
}

.category.archive.has-children .cat-filter-menu {
	text-align: center;
	display: block;
}

.category.archive .cat-sort-by {
	text-transform: uppercase;
	font-size: 12px;
	font-family: var(--global-primary-nav-font-family);
	letter-spacing: .2em;
	padding-right: 10px;
	color: var(--global-palette3);
}

.category.archive .cat-item {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .2em;
	font-family: var(--global-primary-nav-font-family);
	display: inline-block;
	padding: 0 10px;
	line-height: 2;
	text-decoration: none;
}

.archive.category.content-title-style-above .cat-filter-menu {
	padding-bottom: 2.25em;
	margin-top: -2em;
}

.category.archive .cat-item:last-child {
	padding-right: 0;
}

.category.archive .cat-item-none {
	display: none;
}

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

.pagination .page-numbers {
	border-radius: 50px !important;
	font-size: .85em;
}

.post-navigation-sub small {
	letter-spacing: 1.1px !important;
	font-weight: 600 !important;
}

.category .kadence-breadcrumbs {
	margin: .5em 0 !important;
	font-size: 14px !important;
}

/* Filter on Archive
---------------------------------------- */

.cat-submenu-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.cat-submenu {
	display: contents;
}

.cat-submenu-text {
	position: relative;
	flex: 0 0 auto;
	margin-right: 15px;
	background: var(--global-palette5);
	color: var(--global-palette3);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 8px 10px 8px 15px;
	text-align: center;
}

.cat-submenu-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 12px solid var(--global-palette5);
}

.cat-submenu-wrapper .filter {
  flex: 0 0 auto;
  display: inline-block;
  background: var(--global-palette9);
  color: var(--global-palette3);
  padding: 8px 12px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  white-space: nowrap;
}

.cat-submenu-wrapper .filter:hover {
  background: var(--global-palette7);
  color: var(--global-palette-btn);
}

/* Lists
---------------------------------------- */

.single-content ol {
	position: relative;
	list-style-type: none !important;
}

.entry-content ol li {
	counter-increment: countlist;
	list-style-type: none !important;
	margin: .6em 0 .6rem;
	position: relative;
	text-indent: none;
}

.single-content ol li::before {
	content: counter(countlist);
	color: var(--global-palette9);
	background: var(--global-palette4);
	border-radius: 20px;
	font-size: .9rem;
	font-weight: 700;
	position: absolute;
	--size: 30px;
	width: var(--size);
	height: var(--size);
	left: calc(-1 * var(--size) - 10px);
	line-height: var(--size);
	top: 3px;
	text-align: center;
}

/* Related Posts
---------------------------------------- */

.tns-outer .tns-controls button[data-controls="prev"]:before,
.tns-outer .tns-controls button[data-controls="next"]:before {
	height: 15px !important;
	width: 15px !important;
}

.entry-related-inner-content {
	padding: 2em 2.5em 1em 2.5em !important;
}

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


h2.entry-related-title {
	text-align: center !important;
}

.entry-related-carousel ul.splide__pagination {
	display: none;
}

.entry-related-carousel {
	margin: 0 !important;
}

.entry-related-carousel .loop-entry .entry-content-wrap {
	padding: 1.25rem 0;
}

.entry-related .splide__arrow.splide__arrow--next {
	margin-right: -30px;
}

.entry-related .splide__arrow.splide__arrow--prev {
	margin-left: -30px;
}

.entry-related .splide .splide__arrow, .entry-related .splide .splide__arrow:focus {
	opacity: 1;
	width: 35px;
	background: #fff;
	color: var(--global-palette3);
}

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

/* Comments
---------------------------------------- */

.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
	background: var(--global-palette3) !important;
}

#respond+.comments-title, .comment-reply-title {
	position: relative;
	font-size: 2em !important;
	text-align: center;
}

h2.comments-title {
	text-align: left !important;
}

#respond+.comments-title {
	margin-top: 1.5em;
}

.comment-form .form-submit input {
	width: 100% !important;
	background: var(--global-palette9)
}

.comment-respond {
	background: var(--global-palette7);
	padding: 30px;
	margin-bottom: 40px;
	position: relative;
}

.comment-form .comment-notes {
	margin-top: -.5em;
	font-size: 80%;
}

.comment-form p {
	margin: .8em 0 !important;
	font-size: 85%;
	text-align: center;
}

.comment-form p a {
	font-weight: bold;
}

.comment-respond a#cancel-comment-reply-link {
	margin-left: 20px;
	font-size: .75em;
	text-decoration: underline;
}

.comment-reply-title, .comments-title {
	margin-bottom: .5em !important;
}

.comment-list li {
	padding: 25px;
	margin-bottom: 20px;
	border: 2px solid var(--global-palette8);
}

.comment-body {
	border: none !important;
	margin-bottom: 0 !important;
}

.comment-content {
	margin-bottom: 0 !important;
}

.comment-reply-link {
	color: var(--global-palette9) !important;
	background: var(--global-palette4) !important;
	border: none !important;
	font-size: 14px;
	line-height: 1.1;
	font-weight: bold;
}

.comment-reply-link:hover {
	opacity: .8;
}

.comments-area .says {
	display: none;
}

.comment-author .avatar,
.comments-area .comment .avatar {
	box-sizing: content-box;
	border: 4px solid var(--global-palette7);
	margin-top: -5px;
	margin-left: -5px;
}

@media screen and (max-width: 767px) {
	.comment-list .reply {
		padding: 0px !important;
	}
	.comment-form .comment-input-wrap p {
    margin: 0 !important;
	}
}

/* Sidebars
---------------------------------------- */

.widget select {
	width: 100%;
}

.primary-sidebar .kb-posts .entry a {
	text-decoration: none;
}

.primary-sidebar .kb-posts .entry {
	align-items: center;
}

.primary-sidebar.widget-area .widget {
	margin-bottom: 0 !important;
}

.single-content .sidebar-inner-wrap h1,
.single-content .sidebar-inner-wrap h2,
.single-content .sidebar-inner-wrap h3,
.single-content .sidebar-inner-wrap h4,
.single-content .sidebar-inner-wrap h5,
.single-content .sidebar-inner-wrap h6 {
	margin-top: 0 !important;
}

/* Quotes
---------------------------------------- */

blockquote,
q {
	quotes: '“' '”';
}

/* Splide Arrows
---------------------------------------- */

.splide .splide__arrow {
	border-radius: 0 !important;
}

/* WPRM
---------------------------------------- */

.wprm-recipe-snippet a span {
	transition: none;
}

.recipe-header-snippet {
	margin: 10px 0 0 0;
}

.wprm-recipe-template-olive-snippet .wprm-recipe-jump:before,
.wprm-recipe-template-olive-snippet .wprm-recipe-jump-video:before {
	content: '';
	background: url(images/recipe-jump-arrow.svg) center no-repeat !important;
	background-size: contain;
	width: 11px;
	height: 11px;
	margin-right: 8px;
	display: inline-block;
}

.comment-form-wprm-rating {
	display: flex;
	justify-content: center;
	gap: 1em;
	margin: 20px auto 10px auto !important;
}

.comment-form-wprm-rating label {
	font-weight: bold;
}

.recipe-header-snippet a {
	text-transform: uppercase !important;
	text-decoration: none !important;
}

.wprm-recipe-snippet .wprm-recipe-jump, .wprm-recipe-snippet .wprm-recipe-jump-to-comments, .wprm-recipe-snippet .wprm-recipe-jump-video, .wprm-recipe-snippet .wprm-recipe-pin {
	margin: 0 5px 0 0 !important;
	font-size: 12px !important;
	border: none !important;
	color: var(--global-palette-btn) !important;
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
	background: var(--global-palette-btn-bg) !important;
	padding: 12px 15px !important;
}

.wprm-recipe-snippet .wprm-recipe-jump:hover, .wprm-recipe-snippet .wprm-recipe-jump-to-comments:hover, .wprm-recipe-snippet .wprm-recipe-jump-video:hover, .wprm-recipe-snippet .wprm-recipe-pin:hover {
	background: var(--global-palette-btn-bg-hover) !important;
}

.wprm-recipe-template-olive-snippet {
	text-align: inherit !important;
}

@media screen and (max-width: 767px) {
	.wprm-recipe-snippet .wprm-recipe-jump, .wprm-recipe-snippet .wprm-recipe-jump-to-comments, .wprm-recipe-snippet .wprm-recipe-jump-video, .wprm-recipe-snippet .wprm-recipe-pin {
    	font-size: 10.5px !important;
  	}
}

/* WooCommerce
---------------------------------------- */

.woocommerce ul.products:not(.woo-archive-btn-button) .button {
	font-weight: inherit !important;
}

.kadence-product-toggle-container .kadence-toggle-shop-layout {
	border: 0 !important;
}

.woocommerce ul.products li.product .entry-content-wrap {
	border-radius: 0 !important;
}

.wc-block-components-title.wc-block-components-title {
	font-size: 2em !important;
}

.woocommerce span.onsale {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.075em;
	border-radius: 0;
	padding: 10px;
}