/*
Theme Name:     The Brie Theme
Theme URI:      https://diydreamsite.com/product/brie-theme-kadence/
Template:       kadence
Author:         DIY Dream Site
Author URI:     https://diydreamsite.com
Description:    Discover The Brie Theme, a beautifully crafted Kadence Child Theme that's perfect for cooking enthusiasts and health professionals. Its modern, user-friendly layout ensures easy navigation, allowing visitors to effortlessly explore your recipes and other content. This theme is the ideal blend of aesthetic appeal and practical functionality, making your website as inviting as your kitchen.
Version:        1.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

body {
	counter-reset: recipe-number;
}
/* KADENCE 
-------------------------------- */
.wp-block-kadence-postgrid .kadence-post-image-intrisic {
	height: 100%;
}

/* Posts & Archive Grid */
.wp-block-kadence-posts.grid-cols,
#archive-container {
	gap: 20px;
}

@media (max-width: 767px) {
.mobile-2-col.wp-block-kadence-posts, 
	#archive-container {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

/* Archive Description */
.entry-hero-container-inner {
	padding: 30px 20px 35px !important 
}

.archive-description {
	max-width: 850px;
}

.archive-description p:last-child {
	margin-bottom: 0;
}

/* HEADER 
-------------------------------- */
.header-search-bar .search-field{
	border-radius: 8px;
}
.header-search-bar .search-field:focus{
	color: var(--global-palette6) !important; 
}
.header-search-bar .kadence-svg-icon{
	color: var(--global-palette5) !important;
}

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

.line-through:after {
	content: "";
  display: inline-block;
  border-bottom: 1px solid var(--global-palette5);
	width: 100%;
	position: relative;
	top: -11px;
	z-index: 0;
}

.line-through h6 {
	background-color: white;
	z-index:2;
	position:relative;
	display: inline-block;
	padding: 0 20px;
}


/* Hover Effect */

.hover-effect .wp-block-kadence-column {
	transition: 0.4s;
}
.hover-effect:hover img,
.hover-effect .wp-block-kadence-column:hover {
	transform: translateY(-4px);
}
.hover-effect img {
	transition: 0.4s;
}


/* Text Link Highlight */

.text-link .kt-highlight {
  background: linear-gradient(0deg, var(--global-palette1) 30%, transparent 30%);
  padding: 0 4px;
	transition: 0.4s;
	display: inline-block;
}

.text-link .kt-highlight:hover {
  background: linear-gradient(0deg, var(--global-palette2) 30%, transparent 30%);
	transform: translateY(-2px);
}

.text-link-white .kt-highlight {
background: linear-gradient(0deg, var(--global-palette8) 30%, transparent 30%); 
}
.text-link-white .kt-highlight:hover {
 background: linear-gradient(0deg, var(--global-palette9) 30%, transparent 30%); 
} 

/* Alternative Btn */

.btn-alt {
	background-color: var(--global-palette9) !important;
	color: var(--global-palette3) !important;
	border: 1px solid var(--global-palette3) !important;
}

.btn-alt:hover {
	background-color: var(--global-palette2) !important;
	color: var(--global-palette9) !important;
	border: 1px solid var(--global-palette2) !important;
}

/* Underline effect*/

.swash {
	background: url('https://brie.diydreamsitedemos.com/wp-content/uploads/sites/5/2023/09/swash.png') no-repeat bottom center;
	background-size: auto 10px;
  padding-bottom: 20px;
	margin-bottom: 16px !important
}

.swash-light {
	background: url('https://brie.diydreamsitedemos.com/wp-content/uploads/sites/5/2023/10/swash-light.png') no-repeat bottom center;
	background-size: auto 10px;
  padding-bottom: 20px;
	margin-bottom: 16px !important
}

.swash-left {
	background-position: bottom left;
}

.posts-vertical-center .kt-blocks-post-grid-item-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Explore ACCORDION */

.explore-accordion .kt-blocks-accordion-header {
	width: fit-content;
	margin: 0 auto;
	border-radius: 100px !important;
}

.explore-accordion .kt-blocks-accordion-title-wrap {
	padding: 0 2px;
}

/* Section with small pics and description blocks */

.columns-full-height, 
.columns-full-height .kt-row-column-wrap {
	height: 100%
}

/* SEARCH 
------------------------------ */

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

}
.wp-block-search__input
 {
	background: var(--global-palette8) !important;
	border: 1px solid var(--global-palette4) !important;
	border-radius: 0 !important;
	color: var(--global-palette4) !important;
	flex-grow: 4;
	 border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	padding: 10px 16px !important; 
}

.wp-block-search__button, 
.header-search-bar .kadence-search-icon-wrap {
	margin: 0;
	background: var(--global-palette1) !important;
	border-radius: 0 !important;
	color: var(--global-palette3) !important;
	flex-grow: 1;
	border: 1px solid var(--global-palette4) !important;
	border-left: 0 !important;
	 border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

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

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

input[type="search"]::placeholder {
	font-family: var(--global-heading-font-family) !important;
	font-size: 15px; 
	color: #bbb;
}

.header-search-bar input {
	border-radius: 10px !important;
}

.header-search-bar .kadence-search-icon-wrap {
	border-left: 1px solid var(--global-palette4) !important;
}

.header-search-bar .kadence-svg-icon {
	color: var(--global-palette3) !important;
}

/* Mobile Grid - Center Last Child 2 cols */

@media (max-width: 767px) {
	.brie-center-last-child .kt-row-column-wrap {
	grid-template-columns: repeat( 4, 1fr );
}

.brie-center-last-child .wp-block-kadence-column {
	grid-column: span 2;
}

.brie-center-last-child .wp-block-kadence-column:nth-last-child(1):nth-child(odd) {
	grid-column: 2 / span 2;
}
}


/* Animated Text */

.animated-text {
	white-space: nowrap;
	position: relative;
	animation: move 20s infinite alternate linear;
}
@keyframes move {
	0% {left: 0;}
	100% {left: -30%;}
}

/* Btns aligned at the bottom */
.btns-align .kt-inside-inner-col, 
.brie-pricing-table .kt-inside-inner-col {
	display: flex !important;
	flex-direction:column;
}

.btns-align .kt-inside-inner-col div:last-child, 
.brie-pricing-table .wp-block-kadence-advancedbtn {
	margin-top: auto;
}

/* Video icon in post images tagged "video"
--------------------------------------------- */

.tag-video .kadence-post-image-inner-wrap,
.tag-video .post-thumbnail-inner {
  position: relative;
}

.tag-video .kadence-post-image-inner-wrap:before,
.tag-video .post-thumbnail-inner:before {
  content: '';
  background: url(https://brie.diydreamsitedemos.com/wp-content/uploads/sites/5/2023/10/video-tag.png) center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  bottom: 4%;
  left: 4%;
  opacity: 0.8;
  transition: .5s;
}

@media (max-width: 767px) {
.tag-video .kadence-post-image-inner-wrap:before,
	.tag-video .post-thumbnail-inner:before {
	width: 30px;
  height: 30px;
	}
}

.kt-blocks-post-grid-item.tag-video:hover .kadence-post-image-inner-wrap:before,
.kb-posts .tag-video:hover .post-thumbnail-inner:before {
  opacity: 100;
}


/* Icon Section Small on Mobile = 2 col row - first section small */

@media (max-width: 767px) {
	.icon-section .kt-row-column-wrap {
	grid-template-columns: minmax(0, 1fr) minmax(0, 4fr)
}
}

/* Post/Grid on 544-991px - diplay odd no. of items in a 2-col layout */

@media (min-width: 544px) and (max-width: 991px) {
	.odd-posts-2-col article:last-child {
	display:none;
}
}


/* Post/Grid on tablet - show 6-col when 5-col max allowed */

@media (min-width: 992px) {
  .six-col-posts .kt-post-grid-wrap[data-columns-md="5"] {
    grid-template-columns: repeat(6, minmax(0,1fr));
}
}

/* Featured Posts free version
------------------------------ */
.featured-posts-free {
	gap: 20px;
}

.featured-posts-free .category-links a {
	color: var(--global-palette1) !important;
}

.featured-posts-free .category-links a:hover {
	color: var(--global-palette6) !important;
}

@media screen and (max-width: 575px) {
	.featured-posts-free {
	gap: 8px;
}
	.grid-sm-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

/* Posts on Socila Links - without the title */
.posts-social .entry-content-wrap {
	display: none;
}

.posts-social .post-thumbnail {
	margin-bottom: 0 !important;
}


/* I've been featured Gallery */

.featured-gallery .kb-gallery-ul {
	align-items: center;
	justify-content: center;
}

.featured-gallery .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
	object-fit: contain !important;
}

/* Sidebar 
------------------------------ */ 
aside .wp-block-kadence-form {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	aside {
		max-width: 450px;
		margin-top: 2rem;
	}
}

/* Single Post
------------------------------ */ 

.pagination .nav-links {
	display: flex;
}
/* Author Box */

.entry-author-style-normal {
	padding: 20px;
	background-color: var(--global-palette8);
}

.entry-author-style-normal .entry-author-avatar img {
	border-radius: 50%;
	border: 3px solid var(--global-palette4)
		margin- right: 12px;
}

.entry-author-style-normal .entry-author-profile {
	padding-left: 0;
	display: grid;
  grid-template-columns: 13% 87%;
  grid-template-rows: auto;
	align-items: center;
	column-gap: 12px;
}

.entry-author-style-normal .entry-author-avatar {
	position: relative !important;
	grid-column: span 1;
  grid-row: span 2;
}

.entry-author-style-normal .entry-author-name {
	grid-area: 1 / 2 / 1 / 3;
	align-self: end;
}

.entry-author-style-normal .entry-author-occupation {
	grid-area: 2 / 2 / 2 / 3;
	align-self: start;
}

.entry-author-style-normal .entry-author-description {
	grid-area: 3 / 1 / 4 / 3;
}

.entry-tags a.tag-link:hover {
	color: var(--global-palette9);
}

.entry-author-follow {
	display: flex;
	gap: 16px; 
}

.entry-author-follow a.social-button {
	padding: 10px;
}

/* Similar Posts Kadence */

.entry-related .entry-content-wrap {
	padding: 0.5em 0 0 0;
}

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

.entry-related .splide .splide__arrow,
.entry-related .splide .splide__arrow:focus {
	background: var(--global-palette1);
	opacity: 100 !important;
	width: 40px;
	height: 60px;
	border-radius: 8px;
}

.entry-related .splide .splide__arrow:hover {
	background: var(--global-palette2);
}


/* Decor Section */

.brie-decor-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
}

/* Book */

.brie-chapters .kt-tabs-title-list {
	width: 20%;
	margin-right: 20px;
}

@media (max-width: 757px) {
	.brie-chapters .kt-title-item, 
	.brie-chapters .kt-tab-inner-content {
margin-bottom: 12px;
}
}

.get-your-book .kt-inside-inner-col, 
.get-your-book .wp-block-kadence-column {
	min-height: 62px !important;
}

/* Process Tabs */

.process-tabs .kt-tabs-title-list {
  border-radius: 10px;
}

.process-tabs .kt-tabs-title-list li {
  flex: 1;
}

.process-tabs .kt-tabs-title-list li:last-child {
  margin-right: 0;
}

.process-tabs .kt-tabs-title-list li a {
  justify-content: center;
}

@media (max-width: 767px) {
  .process-tabs .kt-title-item, 
	.process-tabs .kt-tab-inner-content {
    margin-bottom: 12px;
  }
  
  .process-tabs .kt-tabs-title-list li {
  flex: initial;
}
}

/* Top 10 Recipes */

.top-10-recipe .entry-title a:before{
	content: counter(recipe-number);
	counter-increment: recipe-number;
	z-index: 2;
	display: block;
	margin: -50px auto 10px;
	height: 40px;
	width: 40px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	background-color: var(--global-palette6);
	border: 3px solid white; 
	color: var(--global-palette3);
	pointer-events: none;
	border-radius:50%
}
/* Recipe Index nav Menu
-------------------------- */
.brie-index-nav .wp-block-navigation {
	gap: 20px;
	font-size: 15px;
}

.brie-index-nav .wp-block-navigation__container > li {
	background-color: #ffffff7a;
	padding: 8px 12px 8px 16px;
	border-bottom: 3px solid transparent;
	border-radius: 8px 8px 0px 0px;
	text-transform: uppercase;
  letter-spacing: 0.5px;
	font-family: var(--global-heading-font-family);
	gap: 12px;
}

.brie-index-nav .wp-block-navigation__submenu-container {
	border: 0 !important;
	padding: 0;
	background-color: #E9F0F1 !important;
	box-shadow: 0 0 10px rgba(34, 105, 116, 0.2);
	font-size: 14px;
	min-width: 250px !important;
	margin-top:3px;
	font-family: var(--global-body-font-family);
	text-transform: none;
	letter-spacing: 0;
}

.brie-index-nav .wp-block-navigation__container > li:hover {
	border-bottom: 3px solid var(--global-palette6);
}

.brie-index-nav .wp-block-navigation__submenu-container > li {
	padding: 8px 0;
}

.brie-index-nav .wp-block-navigation__submenu-container > li:not(li:last-child) {
	border-bottom: 1px solid #d7e3e4;
}

.brie-index-nav .wp-block-navigation__submenu-container li:hover {
	background-color: #d7e3e4;
}