/*
Theme Name: PickPerfect Child Theme
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	
	Template: hello-elementor

	Version: 1.0.0
	License: GPLv2 or later
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: hello-elementor-child
*/



/* Custom styles below */


/* Background color for all pages */
body{
	background-color: #f5f5f5 !important;
}


/* Sidebar category list styling */
.sidebar-cats {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-cats li {
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}
.sidebar-cats li:last-child {
  border-bottom: none;
}
.sidebar-cats li a {
  text-decoration: none;
  color: #333;
  font-family: serif;
}

/* Margin bottom for tabs on category archive for spacing issues  */
.category-archive-taxonomy-filter button{
	margin-bottom: 10px;
}

/*  */
/* Reset the counter on body or container where all loop items are rendered */


/* Count each loop item */
.e-loop-item {
  counter-increment: loop-counter;
}

/* Inject number into the span */
.loop-number-archive-category::before {
  content: counter(loop-counter);
  font-size: 18px;
  color: #2f2c2c;
}

/* Hide the original dot */
.loop-number-archive-category {
  color: transparent;
}

/* Style Breadcrums differently Single Post */
.breadcrumbs-single-post a, .breadcrumbs-single-post span{
	color: #2F2C2C;
	margin-right: 10px;
}

.breadcrumbs-single-post a:hover{
	color: #6D4200 !important;
}

/* Category Button Styling on SIngle Post */
.sorting-category-single-post .elementor-post-info__item.elementor-post-info__item--type-custom a:first-child

 {
    background: rgba(255, 145, 77, 0.05);
    color: #6D4200 !important;
    border: none;
    padding: 10px 15px;
}

.sorting-category-single-post .elementor-post-info__item.elementor-post-info__item--type-custom a {
    border: 1px solid #6666662e;
    padding: 10px 10px;
    border-radius: 3px;
    display: inline-block !important;
    margin: 0px 10px 10px 0px;
}

/* Tag Styling Single Post */
.sorting-tags-single-post .elementor-post-info__item.elementor-post-info__item--type-custom a {
    border: 1px solid #636363;
    padding: 10px 10px;
    border-radius: 3px;
    display: inline-block !important;
    margin: 0px 10px 10px 0px;
	color: #2F2C2C !important;
}


/* Table of content Restyling to match Figma */
/* Header */
.table-of-content-syling-class .elementor-toc__header-title {
  font-family: "Cormorant Garamond", Sans-serif;
  font-size: 22px;
  color: #FF9142; 
}

.table-of-content-syling-class .elementor-toc__body, .table-of-content-syling-class .elementor-toc__header{
	padding-left:  40px;
	padding-right: 30px
	
}

/* List wrapper: remove default list styles */
.table-of-content-syling-class .elementor-toc__list-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: toc-counter;
}

/* Each list item as flex row */
.table-of-content-syling-class .elementor-toc__list-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
	border-bottom: 1px solid #00000012;
	padding-bottom: 9px
}

/* Number pill */
.table-of-content-syling-class .elementor-toc__list-item::before {
  counter-increment: toc-counter;
  content: counter(toc-counter, decimal-leading-zero);
  display: inline-block;
  width: 32px;
	font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin-right: 12px;
  background: #FFC159;
  color: #2F2C2C;
  font-weight: bold;
  text-align: center;
  border-radius: 6px;
  font-family: "Cormorant Garamond", Sans-serif;
}

/* Link text */
.table-of-content-syling-class .elementor-toc__list-item-text {
   font-family: "Cormorant Garamond", Sans-serif;
  font-size: 1.2rem;
  color: #333;
  text-decoration: none;
	font-weight: 500;
}

/* Active item highlight (optional) */
.table-of-content-syling-class .elementor-item-active .elementor-toc__list-item-text {
  font-weight: 600;
  color: #e58747;
}
.elementor-widget-table-of-contents .elementor-widget-container, .elementor-widget-table-of-contents:not(:has(.elementor-widget-container)){
	border: none !important;
}

.elementor-toc__header{
	border: none !important;
}

/* Single Post Body Text CSS */

/* H2 SIngle Post  */
.single-post-style.elementor-widget-theme-post-content h2 {
	font-size: 40px ;
		 font-family: "Cormorant Garamond", Sans-serif;
	font-weight: 700;
	text-align: center;
}

/* Paragraph Single Post */
.single-post-style.elementor-widget-theme-post-content p, .single-post-style.elementor-widget-theme-post-content li{
	font-size: 24px ;
		 font-family: "Cormorant Garamond", Sans-serif;
	font-weight: 500;

}

/* Single Post Links Styling */
.single-post-style.elementor-widget-theme-post-content a{
	color: #6D4200;
	text-decoration: underline;
	cursor: pointer;
}

/*  H3 single post */ 
.single-post-style.elementor-widget-theme-post-content h3 {
	font-family: "Cormorant Garamond", Sans-serif;
	font-size: 35px ;
	line-height: 43.8px ;
	font-weight: 600;
} 

/*  H4 single post single post*/ 
.single-post-style.elementor-widget-theme-post-content h4{
	font-family: "Cormorant Garamond", Sans-serif;
	font-size: 32px ;
	font-weight: 600;
} 

/*  H5 single post single post*/ 
.single-post-style.elementor-widget-theme-post-content h5{
	font-family: "Cormorant Garamond", Sans-serif;
	font-size: 28px ;
	font-weight: 600;

} 

.wp-block-button__link{
	background: #FFC159; 
	border-radius: 8px;
	text-decoration: none !important;
	color: #2f2c2c;
	font-family: "Cormorant Garamond", Sans-serif;
	font-size: 16px;
	padding: 10px 20px;
}

.wp-block-image.size-full img{
	width: 100%;
}

 /* Cards CSS */
    .acf-cat-cards-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }

    .acf-cat-card {
        display: block;
        position: relative;
        color: #fff;
        text-decoration: none;
        border-radius: 20px;
        overflow: hidden;
    }
    .acf-cat-card-bg {
        background-size: cover;
        background-position: center;
        height: 200px;
        filter: brightness(0.6);
		height: 418px;
    }
	    .acf-cat-card-icon {
        position: absolute;
        top: 12px; right: 12px;
        z-index: 2;
        width: 44px; height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.4);
        border-radius: 50%;
    }

    .acf-cat-card-content {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
    }
    .acf-cat-card-content h3 {
        margin: 0 0 0.5rem;
        font-size: 1.4rem;
    }
    .acf-cat-card-content p {
        margin: 0;
        font-size: 1rem;
		text-align: left;
    	font-family: "Cormorant Garamond", Sans-serif;
    	font-size: 21px;
    	font-weight: 600;
    	color: var(--e-global-color-01343f9);
    }
	.title-article-category-card{
		font-family: "Forum", Sans-serif;
    	font-size: 40px;
    	font-weight: 400;
    	text-transform: capitalize;
    	line-height: 32px;
    	color: var(--e-global-color-secondary);
	}

/* Styling for <=767 */
@media (max-width: 767px) {
/* H2 SIngle Post  */
.single-post-style.elementor-widget-theme-post-content h2{
	font-size: 25px !important;
}

/*  H3 single post*/ 
.single-post-style.elementor-widget-theme-post-content h3{

	font-size: 22px !important;
} 

/*  H4 single post*/ 
.single-post-style.elementor-widget-theme-post-content h4{
	font-size: 20px !important;
} 
	
	/*  H5 single post*/ 
.single-post-style.elementor-widget-theme-post-content h5{
	font-size: 19px !important;
} 
	
	/* Paragraph Single Post */
.single-post-style.elementor-widget-theme-post-content p, .single-post-style.elementor-widget-theme-post-content li{
	font-size: 16px !important;
}

/* 	Table of Content Padding Left & Right */
	.table-of-content-syling-class .elementor-toc__body, .table-of-content-syling-class .elementor-toc__header{
	padding-left:  15px !important;
	padding-right: 15px !important;
}

}
	/* Mobile & tablet CSS for Homepage article categories card */
	 @media (max-width: 1024px) {
        .acf-cat-card-icon {
            top: 10px; right: 10px;
            width: 44px; height: 44px;
        }
    }

	 @media (max-width: 1024px) {
        .acf-cat-cards-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

	    @media (max-width: 600px) {
        .acf-cat-card-icon {
            top: 8px; right: 8px;
            width: 44px; height: 44px;
        }
    }

	@media (max-width: 600px) {
        .acf-cat-cards-grid {
            grid-template-columns: 1fr;
        }
    }

/* Import parent theme styles */
/* @import url("../elementor-hello-theme/style.css"); */