@media screen and (max-device-width: 640px) {
.home  #content {
        margin-bottom: 0px!important;
    }
}

/* Show header and logo on homepage - override any hiding rules */
body.home .fusion-tb-header,
.home .fusion-tb-header,
body.home .fusion-header-wrapper,
.home .fusion-header-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure logo images are visible on homepage */
body.home .fusion-logo,
.home .fusion-logo,
body.home .fusion-logo img,
.home .fusion-logo img,
body.home .fusion-logo-link,
.home .fusion-logo-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}

/* Ensure logo can shrink on scroll - force logo shrink on scroll */
/* Add smooth transitions for logo size changes */
.fusion-logo img,
.fusion-logo-link img,
.fusion-logo,
.fusion-logo-link {
    transition: width 0.3s ease, height 0.3s ease, transform 0.3s ease, max-width 0.3s ease, max-height 0.3s ease !important;
}

/* Shrink logo when header is scrolled - works with Header Builder global header */
/* Generic selector - works regardless of where header-scrolled class is applied */
.header-scrolled .fusion-logo img,
.header-scrolled .fusion-logo-link img,
body.header-scrolled .fusion-logo img,
body.header-scrolled .fusion-logo-link img,
html.header-scrolled .fusion-logo img,
html.header-scrolled .fusion-logo-link img,
.fusion-tb-header.header-scrolled .fusion-logo img,
.fusion-tb-header.header-scrolled .fusion-logo-link img,
.fusion-header-wrapper.header-scrolled .fusion-logo img,
.fusion-header-wrapper.header-scrolled .fusion-logo-link img,
.fusion-header.header-scrolled .fusion-logo img,
.fusion-header.header-scrolled .fusion-logo-link img {
    transform: scale(0.65) !important;
    transform-origin: left center !important;
    max-width: 65% !important;
}

/* Shrink logo container when scrolled */
.header-scrolled .fusion-logo,
.header-scrolled .fusion-logo-link,
body.header-scrolled .fusion-logo,
body.header-scrolled .fusion-logo-link,
.fusion-tb-header.header-scrolled .fusion-logo,
.fusion-tb-header.header-scrolled .fusion-logo-link,
.fusion-header-wrapper.header-scrolled .fusion-logo,
.fusion-header-wrapper.header-scrolled .fusion-logo-link,
.fusion-header.header-scrolled .fusion-logo,
.fusion-header.header-scrolled .fusion-logo-link {
    max-width: 65% !important;
}

.menu-itm:hover .rs-layer {
    -webkit-animation: shake 2s ease-in-out 1;
    -moz-animation: shake 2s ease-in-out 1;
    -ms-animation: shake 2s ease-in-out 1;
    -o-animation: shake 2s ease-in-out 1;
    animation: shake 2s ease-in-out 1;
}

.shake {
	-ms-transform-origin: 100px -150px;
	-o-transform-origin: 100px -150px;
	-moz-transform-origin: 100px -150px;
	-webkit-transform-origin: 100px -150px;
	transform-origin: 100px -150px;
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-animation: shake 3s ease-in-out 2s infinite;
	-o-animation: shake 3s ease-in-out 2s infinite;
	-moz-animation: shake 3s ease-in-out 2s infinite;
	-webkit-animation: shake 3s ease-in-out 2s infinite;
	animation: shake 3s ease-in-out 2s infinite;
}

@-ms-keyframes shake {
    0%   {-ms-transform: rotate(0deg);}
    10% {-ms-transform: rotate(5deg);}
    15% {-ms-transform: rotate(-10deg);}
    20% {-ms-transform: rotate(5deg);}
    25% {-ms-transform: rotate(0deg);}
    100% {-ms-transform: rotate(0deg);}
}

@-o-keyframes shake {
    0%   {-o-transform: rotate(0deg);}
    10% {-o-transform: rotate(5deg);}
    15% {-o-transform: rotate(-10deg);}
    20% {-o-transform: rotate(5deg);}
    25% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(0deg);}
}

@-moz-keyframes shake {
    0%   {-moz-transform: rotate(0deg);}
    10% {-moz-transform: rotate(5deg);}
    15% {-moz-transform: rotate(-10deg);}
    20% {-moz-transform: rotate(5deg);}
    25% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(0deg);}
}

@-webkit-keyframes shake {
    0%   {-webkit-transform: rotate(0deg);}
    10% {-webkit-transform: rotate(5deg);}
    15% {-webkit-transform: rotate(-10deg);}
    20% {-webkit-transform: rotate(5deg);}
    25% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}

@keyframes shake {
    0%   {transform: rotate(0deg);}
    10% {transform: rotate(5deg);}
    15% {transform: rotate(-10deg);}
    20% {transform: rotate(5deg);}
    25% {transform: rotate(0deg);}
    100% {transform: rotate(0deg);}
}

.rev-burger span:nth-child(2) {
    margin-left: -5px!important
}

/* Ensure spans are styled as hamburger lines */
.rev-burger span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #ffffff;
    margin: 3px 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
    position: relative;
}

/* Transform hamburger lines into X when menu is open */
html.iy-menu-open .rev-burger span:nth-child(1),
body.iy-menu-open .rev-burger span:nth-child(1),
.iy-menu-open .rev-burger span:nth-child(1) {
    transform: rotate(45deg) translate(3px, 3px) !important;
    transition: transform 0.3s ease !important;
}

html.iy-menu-open .rev-burger span:nth-child(2),
body.iy-menu-open .rev-burger span:nth-child(2),
.iy-menu-open .rev-burger span:nth-child(2) {
    opacity: 0 !important;
    transform: scale(0) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

html.iy-menu-open .rev-burger span:nth-child(3),
body.iy-menu-open .rev-burger span:nth-child(3),
.iy-menu-open .rev-burger span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px) !important;
    transition: transform 0.3s ease !important;
}

.rev-burger {
    width: 190px!important;
    height: 190px!important;
    background-color: #78b500;
    border-radius: 50%; /* Full circle on desktop */
    position: relative;
    top: 8px;
    right: -167px;
    z-index: 10000;
    padding-top: 240px!important;
    padding-left: 62px;
    transition: all 0.8s ease-in-out;
    margin-top: -80px;
    
    /* Add white border */
    box-shadow: 0 0 0 10px white; /* Creates a white border effect */
}

/* Position wrapper fixed when in header - positions relative to viewport, not column */
/* Need high specificity to override Avada's flex column styles */
body .fusion-tb-header .global-hamburger-menu-wrapper,
body .fusion-header .global-hamburger-menu-wrapper,
body .fusion-builder-row .global-hamburger-menu-wrapper,
body .fusion-column-wrapper .global-hamburger-menu-wrapper,
body .fusion-text .global-hamburger-menu-wrapper,
body .fusion-layout-column .global-hamburger-menu-wrapper,
body .global-hamburger-menu-wrapper {
    position: fixed !important;
   
    right: 0 !important;
    z-index: 999999 !important;
    width: 250px !important; /* Reduced from 500px to prevent overlap with recipe slider */
    height: 250px !important; /* Reduced from 500px to prevent overlap with recipe slider */
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    bottom: auto !important;
    overflow: visible !important; /* Allow burger to extend beyond wrapper */
    /* Let taps/clicks pass through the layout box; only .rev-burger and interactive .nav-lines receive events */
    pointer-events: none !important;
}

/* Mobile: do not enlarge the wrapper — the quadrant .rev-burger is absolutely positioned and
   a large box here was overlapping recipe images; hit-testing is on the burger, not the wrapper. */

/* Ensure the white border scales correctly on larger screens */
/* NOTE: This rule applies to .rev-burger in Revolution Slider context (not in wrapper) */
@media (min-width: 768px) {
    .rev-burger {
        width: 333px!important;
        height: 333px!important;
        padding-left: 90px!important;
        top: -60px!important;
        right: -220px!important;

        /* Adjust the white border size */
        box-shadow: 0 0 0 15px white;
    }
}

/* When in wrapper, ensure menu positions from top-right corner of viewport */
/* Reset the relative positioning and position absolutely within the fixed wrapper */
body .global-hamburger-menu-wrapper .rev-burger {
    position: absolute !important;
    top: 8px !important;
    right: -167px !important;
    margin-top: -80px !important;
    pointer-events: auto !important; /* Ensure burger can receive hover events */
    cursor: pointer !important;
    /* Ensure the burger and its padding are clickable/hoverable */
    min-width: 333px !important;
    min-height: 333px !important;
}

/* Position nav-lines relative to wrapper to align with burger */
body .global-hamburger-menu-wrapper .nav-lines {
    position: absolute !important;
    top: 0px !important;
    right: -130px !important;
    visibility: visible !important; /* Ensure nav-lines container is visible */
    pointer-events: none !important; /* Don't block hover events on burger */
}

/* Desktop positioning within wrapper - match homepage - push further left */
/* Use maximum specificity to ensure this overrides all other rules */
@media (min-width: 768px) {
    body html .global-hamburger-menu-wrapper .rev-burger,
    body body .global-hamburger-menu-wrapper .rev-burger,
    .global-hamburger-menu-wrapper .rev-burger.global-hamburger-menu-wrapper .rev-burger,
    body .global-hamburger-menu-wrapper .rev-burger {
        top: -115px !important;
        right: -170px !important;
        width: 333px !important;
        height: 333px !important;
        padding-left: 90px !important;
        box-shadow: 0 0 0 15px white !important;
        pointer-events: auto !important; /* Ensure burger can receive hover events */
        cursor: pointer !important;
    }
	
	
@media (min-width: 768px) {
    body.admin-bar .global-hamburger-menu-wrapper .rev-burger {
        top: -82px !important;
    }
    
    /* Align nav-lines with burger menu in wrapper context - center on burger so lines radiate from white border */
    /* Burger center is at: right edge of viewport (0px) + 180px (burger right offset) - 166.5px (burger radius) = 13.5px from right edge */
    /* Nav-lines container is 395px wide (center at 197.5px from its left edge) */
    /* To center nav-lines on burger center: nav-lines left edge should be at burger center - 197.5px */
    /* Since burger center is 13.5px from right, nav-lines left edge should be at: viewport width - 13.5px - 197.5px = viewport width - 211px */
    /* Using right positioning: right = -211px + (395px width) = -211px, but we need the container's LEFT edge at the right position */
    /* Actually: The container's right edge at -211px means its left edge is at viewport width - 211px - 395px = viewport width - 606px */
    /* This is wrong. We need: burger center (13.5px from right) - container center (197.5px) = -184px from right */
    /* So container right should be: -184px + 395px = 211px, which means right: -211px... wait that's what we have */
    /* The issue is the nav-line LEFT values are pushing them outside the container! */
    /* Position nav-lines container to center on burger for proper alignment */
    /* Burger center is at: right -180px + 166.5px (radius) = -13.5px from viewport right (13.5px in from right) */
    /* Nav-lines container is 395px wide, center at 197.5px from left edge */
    /* To center nav-lines on burger: container left = viewport width - 13.5px - 197.5px = viewport width - 211px */
    /* Using right positioning: right = 211px - 395px = -184px... but this pushes container too far right */
    /* Better: Position container so its center aligns with burger center */
    /* Container center at 13.5px from right means: right = 13.5px - 197.5px = -184px */
    /* Position nav-lines container to center on burger */
    /* Burger center: right -180px + 166.5px (radius) = -13.5px from viewport right (13.5px in from right) */
    /* Nav-lines container: 395px wide, center at 197.5px from left */
    /* To center on burger: container center at 13.5px from right = right: 13.5px - 197.5px = -184px */
    /* BUT: With right: -184px, container extends beyond viewport. Need to balance visibility with alignment */
    /* Alternative: Use right: -130px to keep container visible, then adjust nav-line left values to compensate */
    body html .global-hamburger-menu-wrapper .nav-lines,
    body body .global-hamburger-menu-wrapper .nav-lines,
    body .global-hamburger-menu-wrapper .nav-lines {
        top: -175px !important; /* -60px (burger top) - 111px (to center nav-lines on burger) */
        right: -155px !important; /* Moved left by 48px (from -87px) to position lines further to the left */
        width: 395px !important;
        height: 395px !important;
        z-index: 9999 !important; /* Behind burger (10000) so lines appear behind green menu/white border */
        pointer-events: none !important; /* Don't block hover events - lines should not be interactive */
        overflow: hidden !important; /* MATCH HOMEPAGE: Clip lines at container edge for cleaner look */
        padding-top: 120px !important; /* Add padding to position lines correctly */
        padding-left: 52px !important; /* Add padding to position lines correctly */
    }
}

/* Mobile positioning for burger in wrapper - override desktop min-width/min-height */
/* Use maximum specificity to override desktop rules */
/* Make quadrant more prominent and match desktop appearance */
@media (max-width: 767px) {
    body html .global-hamburger-menu-wrapper .rev-burger,
    body body .global-hamburger-menu-wrapper .rev-burger,
    .global-hamburger-menu-wrapper .rev-burger.global-hamburger-menu-wrapper .rev-burger,
    body .global-hamburger-menu-wrapper .rev-burger {
        width: 280px !important;
        height: 280px !important;
        min-width: 280px !important;
        min-height: 280px !important;
        padding-top: 110px !important;
        padding-left: 65px !important;
        margin-top: 0 !important;
        top: -10px !important;
        right: -140px !important;
        box-shadow: 0 0 0 10px white !important;
        /* Quadrant shape on mobile - only round bottom-left corner for proper quarter circle */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .rev-burger {
        top: 60px!important;
        right: -120px!important;
        padding-top: 100px!important;
        padding-left: 55px!important;

        /* Adjust border size */
        box-shadow: 0 0 0 12px white;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
    
    body html .global-hamburger-menu-wrapper .rev-burger,
    body body .global-hamburger-menu-wrapper .rev-burger,
    .global-hamburger-menu-wrapper .rev-burger.global-hamburger-menu-wrapper .rev-burger,
    body .global-hamburger-menu-wrapper .rev-burger {
        width: 270px !important;
        height: 270px !important;
        min-width: 270px !important;
        min-height: 270px !important;
        padding-top: 105px !important;
        padding-left: 63px !important;
        top: -10px !important;
        right: -135px !important;
        box-shadow: 0 0 0 10px white !important;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
}

@media (max-width: 575px) {
    .rev-burger {
        top: 35px!important;
        right: -135px!important;
        padding-top: 134px!important;
        padding-left: 51px!important;

        /* Adjust border size */
        box-shadow: 0 0 0 10px white;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
    
    body html .global-hamburger-menu-wrapper .rev-burger,
    body body .global-hamburger-menu-wrapper .rev-burger,
    .global-hamburger-menu-wrapper .rev-burger.global-hamburger-menu-wrapper .rev-burger,
    body .global-hamburger-menu-wrapper .rev-burger {
        width: 250px !important;
        height: 250px !important;
        min-width: 250px !important;
        min-height: 250px !important;
        padding-top: 95px !important;
        padding-left: 60px !important;
        top: -10px !important;
        right: -125px !important;
        box-shadow: 0 0 0 9px white !important;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
}

@media (max-width: 450px) {
    .rev-burger {
        top: 35px!important;
        right: -107px!important;
        padding-top: 134px!important;
        padding-left: 51px!important;

        /* Adjust border size */
        box-shadow: 0 0 0 8px white;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
    
    body html .global-hamburger-menu-wrapper .rev-burger,
    body body .global-hamburger-menu-wrapper .rev-burger,
    .global-hamburger-menu-wrapper .rev-burger.global-hamburger-menu-wrapper .rev-burger,
    body .global-hamburger-menu-wrapper .rev-burger {
        width: 230px !important;
        height: 230px !important;
        min-width: 230px !important;
        min-height: 230px !important;
        padding-top: 85px !important;
        padding-left: 55px !important;
        top: -10px !important;
        right: -115px !important;
        box-shadow: 0 0 0 8px white !important;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
}

@media (max-width: 390px) {
    .rev-burger {
        top: 35px!important;
        right: -90px!important;
        padding-top: 134px!important;
        padding-left: 51px!important;

        /* Adjust border size */
        box-shadow: 0 0 0 6px white;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
    
    body html .global-hamburger-menu-wrapper .rev-burger,
    body body .global-hamburger-menu-wrapper .rev-burger,
    .global-hamburger-menu-wrapper .rev-burger.global-hamburger-menu-wrapper .rev-burger,
    body .global-hamburger-menu-wrapper .rev-burger {
        width: 210px !important;
        height: 210px !important;
        min-width: 210px !important;
        min-height: 210px !important;
        padding-top: 75px !important;
        padding-left: 50px !important;
        top: -10px !important;
        right: -105px !important;
        box-shadow: 0 0 0 7px white !important;
        /* Quadrant shape on mobile - only round bottom-left corner */
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
}

/* Ensure ALL .rev-burger elements below 767px are quadrants (not just in wrapper) */
@media (max-width: 767px) {
    .rev-burger {
        border-radius: 0 0 0 100% !important;
        overflow: hidden !important;
    }
}

.nav-lines {
    width: 300px!important;
    height: 300px!important;
    background-color: transparent;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    position: absolute!important;
    top: 0px!important;
    right: -110px!important;
    z-index: 10001 !important; /* Above burger (10000) so lines appear outside white border */
    padding-top: 120px;
    padding-left: 52px;
    overflow: visible !important; /* Changed from hidden to visible so nav-lines aren't clipped */
	left: auto!Important;
}


@media (min-width: 768px) {
.nav-lines {
    width: 395px!important;
    height: 395px!important;
    top: -171px !important; /* Fixed typo: was 50x, now -171px to center on burger */
    right: -211px !important; /* Match desktop positioning */
    z-index: 10001 !important; /* Above burger (10000) so lines appear outside white border */
	}
}

.nav-lines .nav-line {
    display: block;
    width: 30px;
    height: 6px;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute !important; /* Use absolute for wrapper context - relative doesn't work with negative container top */
	top: auto!Important;
	right: 0px!Important;
	opacity: 0;
	visibility: visible !important; /* Ensure visibility is not hidden */
	transition: opacity 0.3s ease;
	z-index: 9998 !important; /* Behind burger (10000) so lines appear behind green menu/white border */
	pointer-events: none !important; /* Don't block hover events on burger */
}

/* Make nav-lines visible when hovered or toggled - SIMPLIFIED */
.nav-lines.hovered .nav-line,
.nav-lines.toggled .nav-line {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important; /* Enable clicks when lines are visible */
}

/* Enable pointer events on nav-lines container when visible */
.nav-lines.hovered,
.nav-lines.toggled {
    pointer-events: auto !important; /* Enable clicks on nav-lines container when visible */
    cursor: pointer !important; /* Show pointer cursor to indicate clickability */
}

/* When JS-controlled, ensure animations still apply */
/* The inline styles from JS will force opacity to 1, but animations should still run */
/* Need to override any animation-blocking rules with higher specificity */
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(1),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(2),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(3),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(4),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(5),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(6),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(7),
.nav-lines.js-controlled.hovered .nav-line:nth-of-type(8),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(1),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(2),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(3),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(4),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(5),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(6),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(7),
.nav-lines.js-controlled.toggled .nav-line:nth-of-type(8) {
    opacity: 1 !important;
    visibility: visible !important;
    /* Animations are applied by the .nav-lines.hovered rules below - they will cascade */
}

/* Nav-lines positioning: MATCH HOMEPAGE - use relative positioning with left: 0px and bottom values */
/* The container padding (padding-left: 52px, padding-top: 120px) positions the lines */
/* Animation keyframes will handle the movement - base position uses padding */
.nav-lines .nav-line:nth-of-type(1) {
    right: 0px;
    bottom: 73px;
	left: 186px; /* MATCH HOMEPAGE: Use relative positioning with explicit left values (padding creates offset) */
    -webkit-transform: rotate(-85deg);
    -moz-transform: rotate(-85deg);
    -ms-transform: rotate(-85deg);
    -o-transform: rotate(-85deg);
    transform: rotate(-85deg);
}
.nav-lines .nav-line:nth-of-type(2) {
    left: 162px; /* MATCHES animation keyframes - do not change */
    bottom: 80px;
    -webkit-transform: rotate(-69deg);
    -moz-transform: rotate(-69deg);
    -ms-transform: rotate(-69deg);
    -o-transform: rotate(-69deg);
    transform: rotate(-69deg);
}
.nav-lines .nav-line:nth-of-type(3) {
    left: 136px; /* MATCHES animation keyframes - do not change */
    bottom: 91px;
    -webkit-transform: rotate(-53deg);
    -moz-transform: rotate(-53deg);
    -ms-transform: rotate(-53deg);
    -o-transform: rotate(-53deg);
    transform: rotate(-53deg);
}

.nav-lines .nav-line:nth-of-type(4) {
    width: 46px;
    left: 112px ; /* MATCHES animation keyframes - do not change */
    bottom: 112px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.nav-lines .nav-line:nth-of-type(5) {
    left: 95px ; /* MATCHES animation keyframes - do not change */
    bottom: 126px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.nav-lines .nav-line:nth-of-type(6) {
    width: 46px;
    left: 84px; /* MATCHES animation keyframes - do not change */
    bottom: 144px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.nav-lines .nav-line:nth-of-type(7)  {
    left: 70px ; /* MATCHES animation keyframes - do not change */
    bottom: 173px;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    transform: rotate(-12deg);
}

.nav-lines .nav-line:nth-of-type(8) {
    left: 66px; /* MATCHES animation keyframes - do not change */
    bottom: 180px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.nav-lines.hovered .nav-line:nth-of-type(1), .nav-lines.toggled .nav-line:nth-of-type(1) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-1 1.2s linear infinite;
    -moz-animation: nav-line-grow-1 1.2s linear infinite;
    -ms-animation: nav-line-grow-1 1.2s linear infinite;
    -o-animation: nav-line-grow-1 1.2s linear infinite;
    animation: nav-line-grow-1 1.2s linear infinite;
}

.nav-lines.hovered .nav-line:nth-of-type(2), .nav-lines.toggled .nav-line:nth-of-type(2) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-2 1.2s linear 0.5s infinite both;
    -moz-animation: nav-line-grow-2 1.2s linear 0.5s infinite both;
    -ms-animation: nav-line-grow-2 1.2s linear 0.5s infinite both;
    -o-animation: nav-line-grow-2 1.2s linear 0.5s infinite both;
    animation: nav-line-grow-2 1.2s linear 0.5s infinite both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    /* Force opacity to be 1 at all times during animation - override animation keyframes */
    animation-name: nav-line-grow-2 !important;
    /* Ensure opacity stays at 1 by using animation-delay with fill-mode */
}

.nav-lines.hovered .nav-line:nth-of-type(3), .nav-lines.toggled .nav-line:nth-of-type(3) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-3 1.2s linear infinite;
    -moz-animation: nav-line-grow-3 1.2s linear infinite;
    -ms-animation: nav-line-grow-3 1.2s linear infinite;
    -o-animation: nav-line-grow-3 1.2s linear infinite;
    animation: nav-line-grow-3 1.2s linear infinite;
}

.nav-lines.hovered .nav-line:nth-of-type(4), .nav-lines.toggled .nav-line:nth-of-type(4) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-4 1.2s linear 0.5s infinite both;
    -moz-animation: nav-line-grow-4 1.2s linear 0.5s infinite both;
    -ms-animation: nav-line-grow-4 1.2s linear 0.5s infinite both;
    -o-animation: nav-line-grow-4 1.2s linear 0.5s infinite both;
    animation: nav-line-grow-4 1.2s linear 0.5s infinite both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.nav-lines.hovered .nav-line:nth-of-type(5), .nav-lines.toggled .nav-line:nth-of-type(5) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-5 1.2s linear infinite;
    -moz-animation: nav-line-grow-5 1.2s linear infinite;
    -ms-animation: nav-line-grow-5 1.2s linear infinite;
    -o-animation: nav-line-grow-5 1.2s linear infinite;
    animation: nav-line-grow-5 1.2s linear infinite;
}

.nav-lines.hovered .nav-line:nth-of-type(6), .nav-lines.toggled .nav-line:nth-of-type(6) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-6 1.2s linear 0.5s infinite both;
    -moz-animation: nav-line-grow-6 1.2s linear 0.5s infinite both;
    -ms-animation: nav-line-grow-6 1.2s linear 0.5s infinite both;
    -o-animation: nav-line-grow-6 1.2s linear 0.5s infinite both;
    animation: nav-line-grow-6 1.2s linear 0.5s infinite both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.nav-lines.hovered .nav-line:nth-of-type(7), .nav-lines.toggled .nav-line:nth-of-type(7) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-7 1.2s linear infinite;
    -moz-animation: nav-line-grow-7 1.2s linear infinite;
    -ms-animation: nav-line-grow-7 1.2s linear infinite;
    -o-animation: nav-line-grow-7 1.2s linear infinite;
    animation: nav-line-grow-7 1.2s linear infinite;
}

.nav-lines.hovered .nav-line:nth-of-type(8), .nav-lines.toggled .nav-line:nth-of-type(8) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: nav-line-grow-8 1.2s linear 0.5s infinite both;
    -moz-animation: nav-line-grow-8 1.2s linear 0.5s infinite both;
    -ms-animation: nav-line-grow-8 1.2s linear 0.5s infinite both;
    -o-animation: nav-line-grow-8 1.2s linear 0.5s infinite both;
    animation: nav-line-grow-8 1.2s linear 0.5s infinite both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes nav-line-grow-1 {
    0%   {left: 186px; bottom:73px; opacity: 1}
    100% {left: 186px;bottom:-27px; opacity: 1}
}

@-moz-keyframes nav-line-grow-1 {
    0%   {left: 186px;bottom:73px;opacity: 1}
    100% {left: 186px;bottom:-27px;opacity: 1}
}

@-ms-keyframes nav-line-grow-1 {
    0%   {left: 186px;bottom:73px;opacity: 1}
    100% {left: 186px;bottom:-27px;opacity: 1}
}

@-o-keyframes nav-line-grow-1 {
    0%   {left: 186px;bottom:73px;opacity: 1}
    100% {left: 186px;bottom:-27px;opacity: 1}
}

@keyframes nav-line-grow-1 {
    0%   {left: 186px;bottom:73px;opacity: 1}
    100% {left: 186px;bottom:-27px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-2 {
    0%   {left: 162px;bottom:80px;opacity: 1}
    100% {left: 142px; bottom:-27px;opacity: 1}
}

@-moz-keyframes nav-line-grow-2 {
    0%   {left: 162px;bottom:80px;opacity: 1}
    100% {left: 142p;bottom:-27px;opacity: 1}
}

@-ms-keyframes nav-line-grow-2 {
    0%   {left: 162px;bottom:80px;opacity: 1}
    100% {left: 142px;bottom:-27px;opacity: 1}
}

@-o-keyframes nav-line-grow-2 {
    0%   {left: 162px;bottom:80px;opacity: 1}
    100% {left: 142px;bottom:-27px;opacity: 1}
}

@keyframes nav-line-grow-2 {
    0%   {left: 162px;bottom:80px;opacity: 1}
    100% {left: 142px;bottom:-27px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-3 {
    0%   {left: 136px;bottom:91px;opacity: 1}
    100% {left: 102px;bottom:-27px;opacity: 1}
}

@-moz-keyframes nav-line-grow-3 {
    0%   {left: 136px;bottom:91px;opacity: 1}
    100% {left: 102px;bottom:-27px;opacity: 1}
}

@-ms-keyframes nav-line-grow-3 {
    0%   {left: 136px;bottom:91px;opacity: 1}
    100% {left: 102px;bottom:-27px;opacity: 1}
}

@keyframes nav-line-grow-3 {
    0%   {left: 136px;bottom:91px;opacity: 1}
    100% {left: 102px;bottom:-27px;opacity: 1}
}

@keyframes nav-line-grow-3 {
    0%   {left: 136px;bottom:91px;opacity: 1}
    100% {left: 102px;bottom:-27px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-4 {
    0%   {left: 112px;bottom:112px;opacity: 1}
    100% {left: 42px;bottom:10px;opacity: 1}
}

@-moz-keyframes nav-line-grow-4 {
    0%   {left: 112px;bottom:112px;opacity: 1}
    100% {left: 42px;bottom:10px;opacity: 1}
}

@-ms-keyframes nav-line-grow-4 {
    0%   {left: 112px;bottom:112px;opacity: 1}
    100% {left: 42px;bottom:10px;opacity: 1}
}

@-o-keyframes nav-line-grow-4 {
    0%   {left: 112px;bottom:112px;opacity: 1}
    100% {left: 42px;bottom:10px;opacity: 1}
}

@keyframes nav-line-grow-4 {
    0%   {left: 112px;bottom:112px;opacity: 1}
    100% {left: 42px;bottom:10px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-5 {
    0%   {left: 95px;bottom:126px;opacity: 1}
    100% {left: 12px;bottom:60px;opacity: 1}
}

@-moz-keyframes nav-line-grow-5 {
    0%   {left: 95px;bottom:126px;opacity: 1}
    100% {left: 12px;bottom:60px;opacity: 1}
}

@-ms-keyframes nav-line-grow-5 {
    0%   {left: 95px;bottom:126px;opacity: 1}
    100% {left: 12px;bottom:60px;opacity: 1}
}

@-o-keyframes nav-line-grow-5 {
    0%   {left: 95px;bottom:126px;opacity: 1}
    100% {left: 12px;bottom:60px;opacity: 1}
}

@keyframes nav-line-grow-5 {
    0%   {left: 95px;bottom:126px;opacity: 1}
    100% {left: 12px;bottom:60px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-6 {
    0%   {left: 84px;bottom:144px;opacity: 1}
    100% {left: -20px;bottom:110px;opacity: 1}
}

@-moz-keyframes nav-line-grow-6 {
    0%   {left: 84px;bottom:144px;opacity: 1}
    100% {left: -20px;bottom:110px;opacity: 1}
}

@-ms-keyframes nav-line-grow-6 {
    0%   {left: 84px;bottom:144px;opacity: 1}
    100% {left: -20px;bottom:110px;opacity: 1}
}

@-o-keyframes nav-line-grow-6 {
    0%   {left: 84px;bottom:144px;opacity: 1}
    100% {left: -20px;bottom:110px;opacity: 1}
}

@keyframes nav-line-grow-6 {
    0%   {left: 84px;bottom:144px;opacity: 1}
    100% {left: -20px;bottom:110px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-7 {
    0%   {left: 70px;bottom:173px;opacity: 1}
    100% {left: -20px;bottom:150px;opacity: 1}
}

@-moz-keyframes nav-line-grow-7 {
    0%   {left: 70px;bottom:173px;opacity: 1}
    100% {left: -20px;bottom:150px;opacity: 1}
}

@-ms-keyframes nav-line-grow-7 {
    0%   {left: 70px;bottom:173px;opacity: 1}
    100% {left: -20px;bottom:150px;opacity: 1}
}

@-o-keyframes nav-line-grow-7 {
    0%   {left: 70px;bottom:173px;opacity: 1}
    100% {left: -20px;bottom:150px;opacity: 1}
}

@keyframes nav-line-grow-7 {
    0%   {left: 70px;bottom:173px;opacity: 1}
    100% {left: -20px;bottom:150px;opacity: 1}
}

@-webkit-keyframes nav-line-grow-8 {
    0%   {left: 66px;bottom:193px;opacity: 1}
    100% {left: -20px;bottom:193px;opacity: 1}
}

@-moz-keyframes nav-line-grow-8 {
    0%   {left: 66px;bottom:193px;opacity: 1}
    100% {left: -20px;bottom:193px;opacity: 1}
}

@-ms-keyframes nav-line-grow-8 {
    0%   {left: 66px;bottom:193px;opacity: 1}
    100% {left: -20px;bottom:193px;opacity: 1}
}

@-o-keyframes nav-line-grow-8 {
    0%   {left: 66px;bottom:193px;opacity: 1}
    100% {left: -20px;bottom:193px;opacity: 1}
}

@keyframes nav-line-grow-8 {
    0%   {left: 66px;bottom:193px;opacity: 1}
    100% {left: -20px;bottom:193px;opacity: 1}
} 

/* HOME MENU */
.home .eltdf-menu-area , .page-id-13051 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-13051 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-13051 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-13056 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-13056 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-13056 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-12265 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-12265 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-12265 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-12465 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-12465 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-12465 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-362 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-362 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-362 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-12896 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-12896 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-12896 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-14190 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-14190 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-14190 .eltdf-mobile-header  {display: none}

.home .eltdf-menu-area , .page-id-14380 .eltdf-menu-area {display: none}
.home .eltdf-content , .page-id-14380 .eltdf-content {margin-top: -30px!Important}
.home .eltdf-mobile-header, .page-id-14380 .eltdf-mobile-header  {display: none}

@media screen and (max-width: 1024px) {
.home .eltdf-content, .page-id-12265 .eltdf-content {
    margin-top: 0px!Important;
	}
.home .eltdf-mobile-header.mobile-header-appear, .page-id-12265 .eltdf-mobile-header.mobile-header-appear {display: block}
}

.eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .eltdf-pli-add-to-cart.eltdf-default-skin .button {
    color: #fff;
    background-color: #abe9b0;
    border: 1px solid transparent;
    background-color: #6dab3c;
}

/* Show Product Dock only on the specific page */
.page-id-12896 #productsDock {
    display: flex; /* Or block depending on your layout */
}


/* Floating Horizontal Product Dock */
#productsDock {
    position: relative;
    width: 952px;
    height: 86px;
    padding: 12px;
    margin: -40px auto 0 auto;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    display: none;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}

/* Scrollbar hidden for Webkit */
#productsDock::-webkit-scrollbar {
    display: none;
}

/* Ensure section separators are below the products dock */
body.iy-site-2025-new .fusion-section-separator,
body.iy-site-2025-new .fusion-fullwidth .fusion-section-separator {
    z-index: 1 !important;
    position: relative !important;
}

/*
 * Tablet only (~768–1210px): cap Theme Builder header logo so it does not cover hero/slider titles.
 * Single selector — .fusion-tb-header img.fusion-logo-image only (no #main, no site-wide rules).
 */
@media screen and (min-width: 768px) and (max-width: 1210px) {
    html body .fusion-tb-header img.fusion-logo-image {
        max-width: min(210px, 44vw) !important;
        width: min(210px, 44vw) !important;
        height: auto !important;
    }
}

/* 2025-new products: force ALL section separators on mobile (override Avada visibility) */
@media (max-width: 768px) {
    body.iy-site-2025-new #main .fusion-fullwidth:has(.fusion-section-separator),
    body.iy-site-2025-new #main .fusion-fullwidth:has(.fusion-section-separator).fusion-no-small-visibility,
    body.iy-site-2025-new #main .fusion-fullwidth:has(.fusion-section-separator)[class*="no-small"],
    body.iy-site-2025-new #main .fusion-builder-row:has(.fusion-section-separator),
    body.iy-site-2025-new #main .fusion-builder-row:has(.fusion-section-separator)[class*="no-small"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }
    body.iy-site-2025-new #main .fusion-section-separator,
    body.iy-site-2025-new #main .fusion-fullwidth .fusion-section-separator,
    body.iy-site-2025-new #main .fusion-section-separator.fusion-no-small-visibility,
    body.iy-site-2025-new #main .fusion-section-separator[class*="no-small"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        position: relative !important;
        overflow: visible !important;
    }
    body.iy-site-2025-new #main .fusion-section-separator .fusion-section-separator-svg,
    body.iy-site-2025-new #main .fusion-section-separator .fusion-section-separator-svg svg,
    body.iy-site-2025-new #main .fusion-section-separator .fusion-section-separator-spacer {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
    }

}

/* Adjust the items inside the dock */
#productsDock ul {
    display: flex;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

/* Ensure items are displayed properly */
#productsDock li {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    width: auto;
}

/* Style links */
#productsDock a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #333;
    font-size: 0;
    font-weight: bold;
    padding: 0;
    border-radius: 8px;
    transition: background 0.3s ease-in-out, transform 0.2s;
    white-space: nowrap;
    width: 100%;
    height: 100%;
}

/* Icons */
#productsDock a img {
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 0;
    transition: transform 0.3s ease-in-out;
    object-fit: contain;
    display: block;
}

/* Hover */
#productsDock a:hover img {
    transform: scale(1.02) !important;
}

#productsDock a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#productsDock a:hover::before {
    opacity: 1;
}

/* Tablet */
@media (max-width: 1024px) {
    #productsDock {
        width: 90%;
        max-width: 952px;
        padding: 10px;
        height: auto;
        min-height: 86px;
    }

    #productsDock ul {
        gap: 0;
    }

    #productsDock a {
        font-size: 0;
        padding: 0;
    }

    #productsDock a img {
        width: 60px;
        height: 60px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    #productsDock {
        width: 95%;
        max-width: 952px;
        padding: 8px;
        height: auto;
        min-height: 86px;
    }

    #productsDock ul {
        gap: 0;
    }

    #productsDock a {
        font-size: 0;
        padding: 0;
    }

    #productsDock a img {
        width: 50px;
        height: 50px;
    }
}

.recipesMain {
  padding: 60px 20px;
  background-color: #fff;
}

.recipesMain__title {
  font-size: 2rem;
  margin-bottom: 40px;
  text-align: center;
}

.recipesMain__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

.recipeCard {
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
  background: #f8f8f8;
}

.recipeCard:hover {
  transform: scale(1.02);
}

.recipeCard img {
  width: 100%;
  height: auto;
  display: block;
}

.recipeCard__title {
  padding: 15px;
  font-size: 1.2rem;
}

/* Menu Panel Close Button Styling - Quadrant (Quarter Circle) */
#iy-panel .iy-close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    background: #78b500 !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    z-index: 100001 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 300 !important;
    transition: all 0.3s ease !important;
    /* Quadrant shape - only round bottom-left corner */
    border-radius: 0 0 0 100% !important;
    overflow: hidden !important;
}

/* Desktop close button - larger quadrant */
#iy-panel .iy-close {
    width: 150px !important;
    height: 150px !important;
    font-size: 48px !important;
}

/* Mobile close button - smaller quadrant */
@media (max-width: 767px) {
    #iy-panel .iy-close {
        width: 100px !important;
        height: 100px !important;
        font-size: 36px !important;
        /* Ensure quadrant shape on mobile */
        border-radius: 0 0 0 100% !important;
    }
}

/* Ensure X is always white */
#iy-panel .iy-close,
#iy-panel .iy-close * {
    color: #ffffff !important;
}

#iy-panel .iy-close:hover {
    background: #65a000 !important;
}

/* Prevent duplicate panels */
#iy-panel ~ #iy-panel {
    display: none !important;
}

/* Remove top spacing on mobile (767px and below) */
@media (max-width: 767px) {
    /* Remove any top margin/padding from body and html */
    html,
    body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Remove top spacing from wrapper */
    #wrapper,
    .fusion-wrapper,
    #boxed-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Remove top spacing from first content row */
    .fusion-fullwidth:first-of-type,
    .fusion-builder-row:first-of-type,
    .fusion-fullwidth.fusion-builder-row-1 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Ensure header row has no top spacing */
    body .fusion-tb-header,
    body .fusion-header-wrapper,
    .fusion-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Disable category links in sp-wcsp carousel */
.sp-wcsp-cat-thumbnail a {
    pointer-events: none !important;
    cursor: default !important;
}

/* Hide WP Recipe Maker prep/cook/total time on recipe pages */
.wprm-recipe-times-container,
.wprm-recipe-prep-time-container,
.wprm-recipe-cook-time-container,
.wprm-recipe-total-time-container,
.wprm-recipe-time {
    display: none !important;
}