/*
Theme Name:     Custom Theme for Frugalwoods
Theme URI:      https://katyboykin.com
Template:       kadence
Author:         Katy Boykin
Author URI:     https://katyboykin.com
Description:    A custom child theme for Frugalwoods designed by Katy Boykin katyboykin.com
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-palette9);
background: var(--global-palette1);
}

h6 {
	 padding-bottom: 0;
}
@media (max-width: 1024px) {
	.single-content p {
	margin-bottom: 20px;
}
}


figure.image-rotate {
	transform: rotate(2deg);
}

.image-rotate figure {
	transform: rotate(3deg);
}
figure.image-rotate-left {
	transform: rotate(-3deg);
}

.image-rotate-left figure {
	transform: rotate(-3deg);
}

figcaption {
	font-size: 14px !important;
	color: #1e2e36b8 !important;
}

.wp-caption .wp-caption-text {
	margin: 0.5em 0;
}

.kb-button.secondary {
	background-color: transparent;
	color: var(--global-palette1);
}
.kb-button.secondary:hover {
	background-color: var(--global-palette1);
	color: var(--global-palette9);
	border-color: var(--global-palette1);
}

@media (max-width: 767px) {
	.hide-on-mobile {
	  display: none;
}
}


/* Buttons aligned */

.btns-aligned .kt-inside-inner-col {
	display: flex;
	flex-direction: column;
}

.btns-aligned .wp-block-kadence-advancedbtn {
	margin-top: auto;
}

/* Stamp */

.stamp {
  position: absolute;
	right: -20px;
	top:-40px;
	width:120px;
	height: auto;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .stamp {
	width: 160px;
}
}

@media screen and (min-width: 1441px) {
  .stamp {
    width:200px;
    right: -100px;   
  }
}

/* Home Page - Featured Post */

.featured-post .kt-blocks-post-grid-item-inner-wrap {
display: flex;
flex-direction: column;
}

.featured-post .kt-blocks-post-grid-item-inner header::before {
    width: 30px;
    content: " ";
    background-image: url('../leaf-red2-rev-2.html');
    position: absolute;
    top: 15px;
    left:50%;
    transform: translatex(-50%);
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.featured-post .kadence-post-image-inner-intrisic img {
  border: 10px solid  var(--global-palette8);
}

.featured-post .kt-blocks-post-grid-item-inner {
  padding: 0 20px 20px !important;
  background-color: var(--global-palette8);
  margin: -35px 5px 5px;
  z-index: 99;
	position: relative;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
}

.home-posts .kt-blocks-post-grid-item:not(:last-child) {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--global-palette6) !important;
}

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

/* Hero - Overlay Section */

.overlay-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .overlay-section {
      min-width: 75vw;
  }
}

@media (min-width: 1025px) {
  .overlay-section {
      min-width: 900px;
  }
}

/* Accordion */
.fw-accordion .kt-blocks-accordion-header {
  justify-content: center;
}

.fw-accordion-left .kt-blocks-accordion-header {
  justify-content: start;
} 

.fw-accordion .kt-blocks-accordion-icon-trigger {
  margin-left: 10px;
}


/* Testimonials */
.fw-testimonials .kt-testimonial-text-wrap {
	margin-bottom: 20px;
}

.wp-block-kadence-column.box {
	position:relative;
}
.box:before {
  content: " ";
  width:100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  border: 1px solid #999;
  left:5px;
  top:5px;
}

@media (max-width: 767px) {
	.testimonials-center-mobile .kt-testimonial-text-wrap {
	  text-align: center;
}
	.testimonials-center-mobile .kt-testimonial-meta-wrap {
		justify-content: center;
	}
}


/* Text Highlight Effect*/

.kt-highlight {
	color: var(--global-palette4) !important;
  position: relative;
	padding: 4px 0px;
}
h1 .kt-highlight,
h2 .kt-highlight, 
h3 .kt-highlight, 
h4 .kt-highlight, 
h5 .kt-highlight{
	color: var(--global-palette3) !important;
}

.kt-highlight::before {
	content: "";
	background-color: var(--global-palette2);
	opacity: 0.3;
	position: absolute;
	width: 98%;
	height: 25%;
	left: 1px;
	bottom: 1px;
	transform: rotate(-1deg);
}

/* Custom Line-divider centered on mobile */

@media screen and (max-width: 767px) {
	figure.img-center-mobile {
		margin-left: auto;
		margin-right: auto;
}
	.img-center-mobile figure.alignleft {
		float: none;
		margin: 0 auto !important;
	}
}

/* Timeline */

.date-left::before {
  content:'';
  background: url('../white-leaf-timeline1.html');
  background-size: contain;
  background-color: var(--global-palette2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -4px;
  left: -24px;
}

.date-right::before {
  content:'';
  background: url('../white-leaf-timeline2.html');
  background-size: contain;
  background-color: var(--global-palette2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -4px;
  right: -24px;
}

@media (max-width: 767px) {
	.date-right {
		text-align: left !important;
	}
	.date-right::before, 
	.date-left::before {
		width: 36px;
    height: 36px;
		top: -4px;
    left: -20px;
	}
}

/* Tabs */

.fw-tabs.wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active:before {
  content:'';
  background: url('../maple-green.html');
  background-size: contain;
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.fw-tabs.wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active .kt-title-text {
  padding: 8px 16px;
  background-color: white;
}

@media (max-width: 767px) {
	.fw-tabs.wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active .kt-title-text {
  padding: 8px 6px;
}
}

.fw-tabs-alt.wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active:before {
	 content:'';
  background: url('../maple-white.html');
  background-size: contain;
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}


/* Search bar */

.wp-block-search input[type="search"] {
	background: transparent;
}
::placeholder {
	color: rgba(0, 0, 0, 0.25);
}

.wp-block-search .wp-block-search__input {
	border-color: rgba(0, 0, 0, 0.5);
}

.wp-block-search .wp-block-search__button {
    border-color: var(--global-palette1);
    color: var(--global-palette9);
    background: var(--global-palette1);
} 

.wp-block-search .wp-block-search__button:hover {
    border-color: var(--global-palette2);
    background: var(--global-palette2);
}


/* FOOTER */
@media screen and (min-width: 1025px) {
	.site-footer-row.site-footer-row-columns-2.site-footer-row-column-layout-right-golden {
   grid-template-columns: 1fr 7fr;
}
}

/* --- ARCHIVES & SINLE POST 
----------------------------------- */

/* Archive Header Above Content */
.content-title-style-above .hero-container  .entry-header {
	padding: 48px 0;
}
.content-title-style-above .hero-container .archive-description p {
	max-width: 800px;
	margin: 20px auto 0;
}

.single-post .entry-title {
	max-width: 1000px;
}

.pagination .nav-links {
	text-align: center;
}

.single-post .entry-hero-container-inner .entry-meta {
	margin-bottom: 0;
}

/* Blog - Featured Posts */

.fw-blog-featured .kadence-post-image {
	border: 10px solid white;
	margin: 0 -80px 40px 0px !important;
}

.fw-blog-featured .kt-blocks-post-grid-item-inner {
	background-color: var(--global-palette9);
	text-align: center;
	padding: 20px 40px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	margin: 40px 5px -40px -80px;
	z-index: 2
}

.fw-blog-featured .kt-blocks-above-categories a {
	text-decoration: none;
}

.fw-blog-featured .kt-blocks-above-categories {
	margin-bottom: 16px !important;
}

.fw-blog-featured .kt-blocks-above-categories:before {
	content: "";
	width: 100px;
	height: 100px;
	background: url("../leaf-3-3.html") no-repeat 0px 0px;
	background-size: cover;
	top: -60px;
	left: 50%;
	transform:translatex(-50%);
	position: absolute;
	display: inline-block;
	z-index: -1;
}
	
.fw-blog-featured .kt-blocks-date {
	margin: 14px 0 10px 0;
}
.fw-blog-featured .kt-blocks-post-top-meta {
	justify-content: center;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.fw-blog-featured .kt-blocks-above-categories:before {
		content: "";
		width: 80px;
		height: 80px;
		top: -40px;
}
	.fw-blog-featured .kt-blocks-date {
		margin: 6px 0 0 0;
}
	.fw-blog-featured .kt-blocks-post-grid-item-inner {
		padding: 20px 20px !important;
}
}

@media (max-width: 767px) {
	.fw-blog-featured .kadence-post-image {
		max-width: 75%;
		margin: 0 auto !important;
		z-index:1;
		position: relative;
	}
	.fw-blog-featured .kt-blocks-post-grid-item-inner {
		margin: -60px auto 0 auto;
		z-index:5;
		position: relative;
		padding: 70px 20px 30px 20px !important;
	}
		.fw-blog-featured .kt-blocks-date {
		margin: 6px 0 -6px 0;
}
}

/* Browse by Category */

.browse-by-category ul {
	list-style-type: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	font-family: var(--global-primary-nav-font-family);
	font-size: 15px;
	font-weight: 500;
  letter-spacing: 0.02em;
}

.browse-by-category li a {
	color: var(--global-palette9);
	background: var(--global-palette2);
	border-radius: 50px;
	padding: 2px 10px;
  text-decoration: none;
}
.browse-by-category li {
	transition: 0.4s ease-in-out;
}
.browse-by-category li:hover {
	transform: translatey(-4px);
}
.browse-by-category li:hover a {
	color: var(--global-palette4);
	background: var(--global-palette5)
}

/* Category Pill*/

.loop-entry.type-post .entry-taxonomies .category-style-pill a, 
.post-title .entry-taxonomies .category-style-pill a {
	color: var(--global-palette4) !important;
 border-radius: 50px!important;
	padding: 2px 10px;
  font-weight:500; 
	text-transform: capitalize;
	font-family: var(--global-primary-nav-font-family);
}

.loop-entry.type-post .entry-taxonomies .category-style-pill a:hover, 
.post-title .entry-taxonomies .category-style-pill a:hover {
	color: var(--global-palette9)!important; 
}

/* Single Post Header */

.single-post header .entry-taxonomies {
	order: 0;
}
.single-post header .wp-block-kadence-image {
	order: 1;
}
.single-post header .entry-title {
	order: 2;
}
.single-post header .entry-meta {
	order: 3;
}

/* Post Images */

@media (min-width: 768px) {
.single-post .single-entry .wp-block-image .alignright, 
.single-post .single-entry .wp-block-kadence-image .alignright,
.single-post .single-entry figure.wp-caption.alignright { 
	max-width: 50%;
	float: right;
}
}

@media (max-width: 767px) {
.single-post .single-entry .wp-block-image .alignright, 
.single-post .single-entry .wp-block-kadence-image .alignright,
.single-post .single-entry figure.wp-caption.alignright
	{
	width: 100% !important;
	float: none!important;
	margin: 0;
}
.single-post .single-entry figure {
	margin: 20px 0 !important;
	}
}


/* Sidebar */

@media (max-width: 767px) {
	.primary-sidebar {
		margin-top: 40px;
	}
}
.has-sidebar .content-container {
	grid-gap: 2em !important;
} */

.primary-sidebar {
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.05)
}

.fw-widget-popular-content .kt-blocks-post-grid-item-inner-wrap {
	align-items: center;
}

.fw-widget-popular-content .kt-blocks-post-grid-item-inner header {
	padding-bottom: 0 !important;
}

/* Date Archives */

.archive.date #archive-container {
	grid-template-columns: 1fr  !important;
}

/* Comments */
@media (max-width: 768px) {
	.comment-form p {
	margin: 0 !important;
}
	.comment-form p:last-child, .comment-form p.comment-form-cookies-consent {
	margin-bottom: 20px !important;
}
}


/* --- END of ARCHIVES & SINLE POST 
----------------------------------- */

/* Old Posts Links color */

span[style="color: #0000ff;"] a, span[style="color: #0000ff;"] {
	color: var(--global-palette1) !important;
}
span[style="color: #0000ff;"] a:hover {
	color: var(--global-palette2) !important;
}



/* Legal Policies BG Color */
.page-id-40169 {
	background: #F6F9F4;
}

/* Tables */

table {
	font-size: 16px;
  border: 1px solid #eee;
	border-collapse: collapse;
	overflow-x: auto;
	width: 100%;
}

tr:first-child {
	background-color: #ddd;
}

tr:nth-child(2n+3) {
    background-color: #f6f6f6;
}

td {
	padding: 8px;
	border: 1px solid #ddd;
}

tr:first-child td:not(:last-child) {
	border-right: 1px solid #bbb;
}

.table-responsive {
	overflow: auto;
	width: 100%;
}

/* FecetWP */

.facetwp-facet {
  margin-bottom: 0 !important;
}

a.facetwp-reset {
	display: inline-block; 
 	width: 200px;
	margin: 0 auto; 
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-family: 'Alegreya Sans SC', sans-serif;
	text-transform: capitalize;
	color: var(--global-palette9);
	background-color: var(--global-palette1);
	padding: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition:0.4s;
	text-decoration: none;
}

.facetwp-reset::before {
	content:'↺';
	font-size: 18px;
	margin-right: 8px;

}
a.facetwp-reset:hover {
	background-color: var(--global-palette2);
	color: var(--global-palette9);
	text-decoration: none;
}

.fw-filters .facetwp-dropdown {
	min-width: 100%;
	font-size: 17px;
	border: 1px solid var(--global-palette7);
}

.fw-filters.filters-rcc .facetwp-dropdown {
	border: none;
	background-color: var(--global-palette8);
	background-position: 50% 50%;
}


/* ConvertKit */

form {
	margin-bottom: var(--global-xxs-spacing) !important;
}

.fw-newsletter-post-footer .formkit-form {
  max-width: 100% !important;
}

.formkit-form .formkit-alert-success {
    background: var(--global-palette5) !important;
    border-color: var(--global-palette4) !important;
    color: var(--global-palette4) !important;
}

.fw-newsletter-post-footer .formkit-alert-success {
	background: var(--global-palette9) !important;
	border-color: var(--global-palette9) !important;
	color: var(--global-palette4)!important;
}