/*!
Theme Name: PizzeriaPlaybook.com
Theme URI: https://yellowcakemedia.com/
Author: The Front-End Team at YellowCAKE.io
Description: Child-theme for Isotope
Version: 1.1.0
Template: isotope

Last Modified time: 2026-02-13 12:35:35
*/

/* Variables */
:root {
	--site-primary: #223323;
	--site-secondary: #d52530;
	--site-accent: #ff9933;
	--site-custom-color: #ff5e4d;

	--site-primary-hsl: hsl(226, 100%, 21%);
	--site-secondary-hsl: hsl(212, 72%, 60%);
	--site-accent-hsl: hsl(30, 100%, 60%);
	--site-custom-color-hsl: hsl(6, 100%, 65%);

	--site-primary-rgb: rgb(0, 24.99, 107.1);
	--site-secondary-rgb: rgb(79.56, 148.1, 226.44);
	--site-accent-rgb: rgb(255, 153, 51);
	--site-custom-color-rgb: rgb(255, 94, 77);

	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;

	--site-links: hsl(226, 100%, 50%);
    --site-links-hover: hsl(226, 100%, 40%);

	--product-button-color: var(--bs-gray-800);
	--product-button-bg-color: #fff;

	--bs-font-sans-serif: Inter,sans-serif;
	--title-font:  Montserrat,Inter,sans-serif;
}

/* Best Award Banner */
.best-banner-container {
	--banner-gradient-light: hsl(357, 70%, 49%);
	--banner-gradient-medium: hsl(356, 67%, 45%);
	--banner-gradient-dark: hsl(354, 56%, 34%);
    background-color: var(--banner-gradient-medium);
    border: 2px solid var(--banner-gradient-medium);
    border-radius: var(--bs-border-radius-xl);
    color: inherit !important;
    background-image: radial-gradient(circle at 25% center, var(--banner-gradient-light) 5%, var(--banner-gradient-medium) 50%, var(--banner-gradient-dark) 100%);
}
.best-banner-content {
    text-align: left;
}
.banner-content_top {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.banner-content_mid {
    --title-color: hsl(0, 0%, 100%);
    font-size: clamp(2rem, 3vw, 3rem);
	text-shadow: none;
}
.banner-content_bot {
    max-width: 100%;
    color: white;
    font-size: 1rem;
    line-height: 1.5;
    text-shadow: none;
}
.best-banner-seal {
    text-align: center;
}
@media (min-width: 768px) {
    .best-banner-container {
        padding: 2rem 2.5rem;
    }
    .best-banner-container .best-banner {
        display: grid;
        grid-template-columns: minmax(280px, 920px) minmax(300px, 1fr);
        gap: 1.5rem;
    }
    .banner-content_mid {
        text-align: left;
    }
}
@media (min-width: 992px) {
    .banner-content_bot {
        max-width: 80%;
    }
}

/* A UL using checkmarks */
ul.checked-list {
    list-style: none;
    padding-left: 0;
}
ul.checked-list li {
    position: relative;
    padding-left: 1.75rem;
}
ul.checked-list li::before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='hsl(0, 0%, 100%)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>");
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 1px;
    left: 0;
}