Welcome to The Cooking Vibes — your home for easy, delicious homemade recipes, tested in a real home kitchen with simple ingredients and big flavor.
.tcv-recipe-ticker {
display: flex;
align-items: center;
width: 100%;
height: 42px;
overflow: hidden;
background: #17491F;
font-family: Arial, sans-serif;
}
.tcv-ticker-label {
flex-shrink: 0;
height: 100%;
display: flex;
align-items: center;
padding: 0 22px;
background: #E36A36;
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
position: relative;
z-index: 2;
}
.tcv-ticker-window {
flex: 1;
min-width: 0;
overflow: hidden;
}
.tcv-ticker-track {
display: flex;
align-items: center;
width: max-content;
white-space: nowrap;
animation: tcv-scroll 38s linear infinite;
}
.tcv-ticker-track a,
.tcv-ticker-track span {
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.tcv-ticker-track a {
padding: 0 22px;
}
.tcv-ticker-track span {
color: #E36A36;
}
.tcv-ticker-track a:hover {
color: #F3B18D;
}
.tcv-recipe-ticker:hover .tcv-ticker-track {
animation-play-state: paused;
}
@keyframes tcv-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.tcv-ticker-track {
animation: none;
}
}