/*
Theme Name:     Garden Betty
Theme URI:      https://diydreamsite.com
Template:       kadence
Author:         DIY Dream Site
Author URI:     https://diydreamsite.com
Description:    A custom child theme for Garden Betty designed by DIY Dream Site
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* GENERAL
-------------------------- */
::selection {
	color: var(--global-palette3);
	background: var(--global-palette7);
}

::placeholder {
	color: #bbb;
}

.tagline {
	font-family: var(--global-heading-font-family);
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.two-col-layout .kt-inside-inner-col {
    column-count: 2;
    column-gap: 50px;
}

.three-col-layout .kt-inside-inner-col {
    column-count: 3;
    column-gap: 24px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.two-col-layout .kt-inside-inner-col {
    column-gap: 32px;
}
	.three-col-layout .kt-inside-inner-col {
    column-count: 2;
		vertical-align: top;
}
}

@media (max-width: 767px) {
.two-col-layout .kt-inside-inner-col, 
.three-col-layout .kt-inside-inner-col {
    column-count: 1;
}
}

li::marker {
	color: var(--global-palette6);
}

.heading-with-line {
	flex-basis: fit-content !important;
}

/* Blockquote */

.wp-block-pullquote {
	padding: 16px 0;
	margin-bottom: 16px !important;
}

.wp-block-pullquote p {
	font-size: 24px !important;
}

blockquote {
	padding: 30px !important
}
.wp-block-pullquote blockquote::before {
	content: '' !important;
	background: url(../png/gb-quote-marks-beige.png) no-repeat center center;
	background-size: contain; 
	position: absolute !important;
	top: 0px !important;
	left: 10px !important;
	width: 70px ; 
	height: 70px;
}

@media (max-width: 767px) {
	.wp-block-pullquote p {
	font-size: 19px !important;
}
}

/* Header Menu Navigation */

@media (max-width: 1024px) {
	.site-main-header-wrap {
		background-color: var(--global-palette9);
	}
}

/* Page Title */

h1.entry-title:after {
	content: ".";
}

header.page-title {
	margin-bottom: 2.5em !important;
}

/* Pages without top/bottom spacing */

.error404 #primary {
	margin-top: 0;
	margin-bottom:0 !important;
} */

/* Section: 100% of row height */
.full-height-section .kt-inside-inner-col {
	min-height: 100% !important;
}


/* Post-Grid Carousel
-------------------------- */	
.content-center .kt-blocks-post-grid-item-inner {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction:column;
}

/* Post Info Overlay */
.dds-post-overlay .kt-blocks-post-grid-item-inner {
	position: absolute;
  bottom: 0;
  background-image: linear-gradient(0deg, black, transparent);
	padding-top: 50px !important;
	width: 100%;
}
	
/* KADENCE 
-------------------------------- */
.wp-block-kadence-postgrid .kadence-post-image-intrisic {
	height: 100%;
}

/* Highlight Effect */

.insider-highlight .kt-highlight {
	background-image: linear-gradient(0deg,var(--global-palette7) 41%,transparent 41%);
	padding-left: 4px;
	padding-right: 4px;
}



/* Post Grid Block - no border or padding in the last post */

.wp-block-kadence-postgrid .kt-blocks-post-grid-item:last-child {
	border-bottom: 0;
}

.wp-block-kadence-postgrid .kt-blocks-post-grid-item:last-child .kadence-post-image {
	padding-bottom: 0;
}

/* Testimonials Block - mobile */

@media (max-width: 767px) {
	.wp-block-kadence-testimonials .kt-blocks-carousel .kt-blocks-carousel-init:not(.kt-carousel-arrowstyle-none):not(.tns-slider) {
		padding-left: 0;
		padding-right: 0;
	}
	.wp-block-kadence-testimonials .kb-splide .splide__arrow {
		top: calc(100% - 20px);
	}
}


/* Search
-------------------------------- */
.wp-block-search__inside-wrapper {
  border: none;
  padding: 0;
	border-radius: 10px !important;
}

.wp-block-search__input {
  background: var(--global-palette9) !important;
  border: 1px solid var(--global-palette1) !important;
  border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
  color: var(--global-palette4) !important;
  font-family: var(--global-heading-font-family) !important;
  flex-grow: 3;
	padding: 10px 20px!important;
}

.wp-block-search__button {
  margin: 0;
  background: var(--global-palette1) !important;
  border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
  color: var(--global-palette9) !important;
  flex-grow: 1;
}

.wp-block-search__button:hover {
  box-shadow: none;
  background: var(--global-palette2) !important;
}

input[type="search"]:focus {
  box-shadow: none;
  background: var(--global-palette8) !important;
}

/* Book Tabs 
--------------------------------- */

.whats-inside .kt-tabs-title-list {
	width: 27%;
	margin-right: 20px;
}

@media (max-width: 767px) {
	.whats-inside .kt-title-item, 
	.whats-inside .kt-tab-inner-content {
margin-bottom: 16px;
}
	.whats-inside .kt-tabs-title-list {
	margin-right: 0;
}
	.whats-inside .kt-tabs-title-list li {
		flex: 1;
	}
	.whats-inside .kt-tabs-title-list li:last-child {
		margin-right:0;
	}
	.whats-inside .kt-tabs-title-list li a {
		justify-content: center !important;
		text-align: center !important;
	}
}

/* Recipe Index
--------------------------------- */

@media (max-width: 1024px) {
	.recipe-index-section .kt-inside-inner-col {
		box-shadow: none;
	}
}

/* Testimonials 
--------------------------------- */

.testimonials-arrows-bottom .kb-splide .splide__arrow {
	top: calc(100% + 10px);
}

.testimonials-arrows-bottom .splide__arrow--next {
	right: 5% !important;
}

.testimonials-arrows-bottom .splide__arrow--prev {
	left: 85% !important;
}

.kt-blocks-carousel .kt-blocks-carousel-init {
	padding-left: 0 !important;
}

@media (max-width: 767px) {
	.testimonials-arrows-bottom .splide__arrow--next {
	right: 40% !important;
}

.testimonials-arrows-bottom .splide__arrow--prev {
	left: 40% !important;
}
}

/* 404 */

@media (min-width: 544px) and (max-width: 767px) {
	.error404 .kt-post-grid-layout-grid-wrap article:last-child {
		display: none;
	}
}
	
@media (min-width: 768px) and (max-width: 991px) {
	.error404 .kt-post-grid-layout-grid-wrap article:last-child, 
	.error404 .kt-post-grid-layout-grid-wrap article:nth-last-child(2)	{
		display: none;
	}
}

/* SIDEBAR 
--------------------------------- */

@media (max-width: 1024px) {
	aside {
		max-width: 500px;
		margin: 0 auto;
	}
}


/* ARCHIVES 
--------------------------------- */

.pagination {
	text-align: center;
}

.blog #archive-container article:first-child, 
.category #archive-container article:first-child {
	display: none;
}


/* CATEGORY ARCHIVES 
--------------------------------- */

/* This code works in tandem with a '	Adding Most Recent Post to Category Archives' snippet */

.gb-latest-post-inner {
	display: grid; 
	grid-template-columns: 50% auto;
	grid-gap: 32px;
	align-items: center;
}

.gb-featured-image img {
	width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover; 
}

.gb-post-categories {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 10px
}

.gb-post-title {
	margin-bottom: 12px;
}

.gb-post-title a:hover {
	color: var(--global-palette3) !important;
}

.gb-post-excerpt {
	margin-bottom: 20px;
}

a.gb-read-more-btn {
	background-color: var(--global-palette1);
	border-color: var(--global-palette1);
	color: var(--global-palette9);
	border-radius: 8px;
	padding: 16px 20px;
	font-size: 16px;
	letter-spacing: 0.4px;
	font-family: filson-soft;
	font-weight: 500;
	text-decoration: none;
}

a.gb-read-more-btn:hover {
	background-color: var(--global-palette2);
	border-color: var(--global-palette2);
}

@media (min-width: 768px) and (max-width: 1024px) {
	.gb-featured-image img {
	width: 100%;
    height: 100%;
}
	.gb-featured-image-container {
		height: 100%;
	}
}

@media (max-width: 767px) {
	.gb-latest-post-inner {
	display: grid; 
	grid-template-columns: 1fr;
		grid-gap: 24px;
}
	
.gb-post-excerpt {
	margin-bottom: 30px;
}
	.gb-post-details-container {
		text-align: center;
	}
}



/* POST SINGLE 
--------------------------------- */

body.single-post {
	font-size: 19px;
}

.nav-links a {
	font-size: 16px;
}

@media (min-width: 768px) and (max-width: 1024px) {
		body.single-post {
	font-size: 19px;
	}
}
@media (min-width: 1025px) {
	body.single-post {
	font-size: 20px;
}
}

table {
	font-size: 18px;
}

/* Margin bottom adjusted for the Recommended Reads */ 
.single-post .content-area {
	margin-bottom: 32px !important;
}

/* Categories above title */

.gb-single-post-cat {
	gap: 1.2em !important;
}

/* Single Post TOC */

.gb-toc .kb-table-of-content-wrap {
	border-radius: 4px;
}

.kb-table-of-contents-title {
	transition: 0.4s;
}

.gb-toc .kb-table-of-content-wrap:hover .kb-table-of-contents-title {
	color: var(--global-palette2) !important;
}

.gb-toc .kb-table-of-content-wrap:hover .kb-table-of-contents-icon-trigger:before, 
.gb-toc .kb-table-of-content-wrap:hover .kb-table-of-contents-icon-trigger:after{
	background-color: var(--global-palette2) !important;
}

/* Author Box */ 

.entry-author-style-center {
	border: none;
	background-color: rgba(255,255,255,0.8);
	padding-top: 50px;
	margin-top: 60px;
}

.entry-author-style-center .entry-author-avatar:before, 
.entry-author-style-center .entry-author-avatar:after {
	background: white;
	height: 0;
}

.entry-author-style-center .entry-author-avatar {
	position: absolute !important;
	top: -90px;
	left: 50%;
	transform:translatex(-50%);
	border: 3px solid white;
	border-radius: 50%;
}

.entry-author-style-center .entry-author-description {
  max-width: 92% !important;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.entry-author-style-center .entry-author-description {
  max-width: 82% !important;
}
}

.entry-author-style-center .entry-author-description p {
	font-size: 16px;
}

b.entry-author-name:before {
	content: 'About ';
}

/* Comments */
	
#comments .avatar img {
	border-radius: 50%;
	}

.comments-area article {
	margin-bottom: 0;
	border-bottom: none;
}

.comments-area li {
  background: rgba(255, 255, 255, 0.7);
  padding: var(--global-md-spacing);
  margin-bottom: var(--global-md-spacing);
}

.comments-area li ol li {
  background: var(--global-palette8);
  margin-top:  var(--global-md-spacing);
}


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

.comment-reply-link {
  color: var(--global-palette9);
  background: var(--global-palette-btn-bg); 
  border-radius: 4px;
	border: none;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding: .6em 1em;
  font-size: 85%;
  text-decoration: none;
}

.comment-reply-link:hover {
  background: var(--global-palette-btn-bg-hover);
}

#commentform :is(input, textarea) {
  border-color: var(--global-palette3);
  border-radius: 4px;
}

#commentform input[type="submit"]:hover {
	  border-color: var(--global-palette1);
}

#commentform :is(input, textarea)::placeholder {
  color: var(--global-palette4);
  opacity: 0.5;
}

#commentform .float-label {
  display: none !important;
}

.comment-input-wrap {
	align-items: center;
}

#commentform p.comment-form-cookies-consent {
	flex-direction: row;
  align-items: flex-start;
}
#commentform p.comment-form-cookies-consent label {
  font-size: 14px;
	line-height: 1.3;
	color: var(--global-palette4) !important;
}

input#wp-comment-cookies-consent {
	width: 30px !important;
}

.comment-form .comment-notes {
  margin-top: 1em;
}

p.akismet_comment_form_privacy_notice {
	font-size: 14px;
}

@media all and (max-width: 767px) {
.comments-area ol {
  padding-left: 0;
  margin-left: 0;
}
.comments-area li {
  padding: var(--global-xs-spacing);
}
}

#comments {
	display: flex;
  flex-direction: column;
}

#respond {
	order: -1;
	margin-bottom: 40px;
}

/* Social Share */
.gb-post-social-share .kt-social-align-center {
	justify-content: flex-end;
}

.kt-social-align-center {
	gap: 12px;
}

.kt-socialstyle-style_03 a {
	color: var(--global-palette1);
	border: 1px solid var(--global-palette1);
}

.kt-socialstyle-style_03 a:hover {
	background: var(--global-palette1) !important;
	border-color: var(--global-palette1) !important;
}

.kt_share_beforecontent {
	display: none;
}

/* Create Cards styling */

.mv-create-jtr-wrapper a {
	padding: 0 4px 0 0 !important;
	font-family: var(--global-heading-font-family); 
		font-weight: 700;
	color: var(--global-palette4);
	background-size: 100% 4px;
  text-decoration: none;
	background-image: linear-gradient(var(--global-palette-highlight), var(--global-palette-highlight));
	background-position: 0% 100%;
	background-repeat: no-repeat;
	transition: 0.2s !important;
}

.mv-create-jtr-wrapper a:hover {
	background-size: 100% 100%;
	color: var(--global-palette4) !important;
	text-decoration: none !important;
}

.mv-create-card-style-square .mv-create-wrapper {
	border-color: var(--global-palette9) !important;
	background: transparent;
}

.mv-create-social {
    background-color: var(--global-palette9) !important;
}

.mv-create-print-button:hover {
	background: var(--global-palette2) !important;
}

.mv-create-button,
.mv-list-link {
	margin-bottom: 12px;
	padding: 12px 20px !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
}

.mv-create-header h2 {
	line-height: 1.4em !important;
	margin-bottom: 16px !important;
}
	
	
/* MV List Card - Circle and Grid */


.mv-list-card .mv-create-header {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.mv-list-card .mv-create-header h2 {
	border-top: 0 !important;
}

.mv-list-card .mv-create-description p {
	text-align: center !important;
}

.mv-list-list.mv-list-list-circles {
	padding-right: 16px;
}
	
.mv-list-link {
	background: var(--global-palette1) !important;
	border-radius: 8px !important;
	margin-top: 16px !important; 
}
	
.mv-list-link:hover {
	background: var(--global-palette2) !important;
}
	
.mv-list-list-circles .mv-list-single {
	background: var(--global-palette8) !important;
	border: 0 !important;
}
	
.mv-create-wrapper .mv-list-list {
		margin: 0 !important;
}

@media (max-width: 767px) {
	.mv-list-list.mv-list-list-circles {
	padding-left: 16px;
}
	.mv-list-list.mv-list-list-circles {
		padding-bottom: 16px;
	}
}


/* FOOTER 
--------------------------------- */

@media (max-width: 1024px) {
	.footer-links {
		order: 3 !important;
	}
}
@media (max-width: 380px) {
	.footer-links .kt-inside-inner-col {
		flex-direction: column !important;
	}
	.footer-links .kt-svg-icon-list li {
		justify-content: center;
	}
}

/* Vertical padding - top adjusted so the bottom can be set to accommodate footer logo */

.content-area {
	margin-top: 3rem;
}

@media (max-width: 767px) {
	.content-area {
		margin-top: 2rem;
	}
} 


/* SELECTED POSTS - SILO PAGES 
--------------------------------- */
.gb-post-list .kt-blocks-post-grid-item-inner {
  display: flex;
  align-items: center;
}

.gb-post-list.kt-blocks-post-grid-item-inner-wrap {
  align-items: center;
}

@media (max-width: 767px) {
	.kt-blocks-post-grid-item-inner-wrap {
		grid-template-columns: 30% auto !important;
	}
}

.gb-overlay-post .kt-blocks-post-grid-item-inner {
	position: absolute;
	bottom: 24px;
	margin: 0 24px;
	z-index:5;
}

.gb-overlay-post .kadence-post-image-intrisic:before {
	content: '';
	position: absolute;
	z-index: 3;
	background-image: linear-gradient(0deg, rgba(1,1,0,0.7) 20%, transparent 70%);
	width: 100%;
	height: 100%;
}

.gb-overlay-section .kt-inside-inner-col, 
.gb-overlay-section .wp-block-kadence-postgrid,
.gb-overlay-section .kt-post-grid-layout-grid-wrap,
.gb-overlay-section .kt-blocks-post-grid-item-inner-wrap, 
.gb-overlay-section .kadence-post-image {
	height: 100% !important;
}
	
/* Hide Kadence search modal when using MV search */
	
#search-drawer, 
#search-drawer.popup-drawer.show-drawer {
		display:none !important;
}