/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://3d012505-ad5a-43b8-ada8-b2bc1f584d40.p.bardy.io
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://d6ded575-001a-46a7-9036-0a8d2c8ba6a8.p.bardy.io
template: bb-theme
*/

/* Add your custom styles here... */ 
.d-none { display: none !important;}
.font-50 :is(h1, h2, h3, h4, h5, h6) { font-size: 50px;}

.spice-care-col > .fl-col-content > .fl-module {
    max-width: 740px; margin-inline: auto;
}
.max-w-400p { width: 100%; max-width: 420px; margin-inline: auto;}

.pp-table table { border-collapse: separate;}
/* .pp-table .pp-table-wrap { display: flex; justify-content: center;} */
.pp-table table th, .pp-table table th span { font-weight: 700 !important;}
.pp-table table td { width: 100%; text-wrap: balance;}

.pp-table.three-col-table table { border-collapse: separate; border-spacing: 16px;}
.pp-table.three-col-table table td { width: 33.33% !important; max-width: 33.33%; height: 108px;}

.pp-table.two-col-table table { border-collapse: separate; border-spacing: 10px 15px;}
.pp-table.two-col-table table th { width: 35% !important; max-width: 35%;}
.pp-table.two-col-table table td { width: 65% !important; max-width: 65%;}
.pp-table.two-col-table table .pp-table-row td { background-color: #f7f4f1;}
.pp-table.two-col-table .pp-table-row:nth-of-type(1) th { background-color: #c9c696; }
.pp-table.two-col-table .pp-table-row:nth-of-type(2) th { background-color: #d99bbe; }
.pp-table.two-col-table .pp-table-row:nth-of-type(3) th { background-color: #95bdcb; }
.pp-table.two-col-table .pp-table-row:nth-of-type(4) th { background-color: #a4cef7; }
.pp-table.two-col-table .pp-table-row:nth-of-type(5) th { background-color: #ce9693; }
.pp-table.two-col-table .pp-table-row:nth-of-type(6) th { background-color: #a6a7a6; }
.pp-table.two-col-table .pp-table-row:nth-of-type(7) th { background-color: #daa489; }
.pp-table.two-col-table .pp-table-row:nth-of-type(8) th { background-color: #d2c9a5; }
.pp-table.two-col-table .pp-table-row:nth-of-type(9) th { background-color: #fff7cc; }

.pp-table .tablesaw-swipe th.tablesaw-cell-hidden, .pp-table .tablesaw-swipe td.tablesaw-cell-hidden { display: table-cell;}
.pp-table .tablesaw-bar.mode-swipe { display: none;}

.pp-infobox-image {margin-bottom: 0;}

/* Hide header for the Spice Blends Page */
.page.page-id-9004111222107938 header.fl-page-header.fl-page-header-primary { display: none;}
.page.page-id-9004111222107938 .fl-page { padding-top: initial;}


.tasty-recipes .tasty-recipes-ingredients ul > li {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
	gap: 3px;
}


.tasty-recipes .tasty-recipes-ingredients ul > li:not(:last-of-type) {
	margin-bottom: 5px;
}
.tasty-recipes .tasty-recipes-ingredients ul > li > a {
    background-color: var(--tr-button-color, #f9f9f9);
    border: none !important;
    border-radius: 0;
    color: var(--tr-button-text-color, #aaa);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    /* font-family: "Playfair Display", serif; */
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.5px;
    margin-top: 0;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease
}

.tasty-recipes .tasty-recipes-ingredients ul > li > a:hover {
    opacity: 1;
    background-color: var(--tr-button-text-color, #aaa);
    color: var(--tr-button-color, #f9f9f9);
    border: none !important;
    text-decoration: none;
}
.tasty-recipes .tasty-recipes-ingredients ul > li[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label { display: inline-flex;}


@media (min-width: 1201px) {
	.max-w-390 { width: 100%; max-width: 380px;}
	.fl-col-group:has(.max-w-390) { justify-content: space-between;}
	.fl-node-y7u3tefph6wr > .fl-row-content-wrap { background-position: right 20% center;}
}

@media (max-width: 1200px) {
/* 	.max-w-350 { width: 100%; max-width: 320px;} */
	.fl-col-group:has(.max-w-350) { justify-content: center;}
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.fl-node-y7u3tefph6wr > .fl-row-content-wrap { background-position: right 35% center;}
}

@media (max-width: 1024px) {
	.font-50:is(h1, h2, h3, h4, h5, h6) { font-size: 40px;}
}
@media (min-width: 577px) and (max-width: 1024px) {
	.responsive-img-md img {
		width: clamp(450px, 50vw, 550px) !important;
	}
}

@media (max-width: 767px) {
	.font-50:is(h1, h2, h3, h4, h5, h6) { font-size: 32px; line-height: 1.2;}	
	.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled.fl-shrink-header-enabled .fl-page-header.fl-shrink-header .fl-page-header-wrap { z-index: 101;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle { right: 12px;}
}

@media (max-width: 640px) {
	.pp-table .pp-table-wrap { overflow-x: auto;}
	.pp-table.two-col-table table, .pp-table.three-col-table table { border-spacing: 10px !important;}
	.pp-table table th, .pp-table.two-col-table table th { font-size: 16px !important;}
	.pp-table table td, .pp-table.two-col-table table td { font-size: 14px !important;}
		.pp-table table th, .pp-table.two-col-table table th, .pp-table table td, .pp-table.two-col-table table td { min-width: 200px !important; width: 200px !important; max-width: 200px !important;padding: 10px !important;}
}

@media (max-width: 420px) {
	.fl-logo-img { max-width: 200px !important;}
}