/*
Theme Name: Nagelsfoods Child
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: nagelsfoods
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 1.9.1792166989
Updated: 2026-10-16 16:09:49

*/

/* Nagel's Foods homepage redesign — Oct 2026 (child theme) */
/* Hide the old homepage slider (replaced by the new badge hero) */
.home #home-banner{display:none;}

/* --- Header logo: constrain new V5 logo size --- */
.site-branding .custom-logo{max-height:88px;width:auto;}

/* --- Designed hero: badge + red headline + tagline + CTA --- */
.nf-hero{background:#fff;padding:42px 20px;border-bottom:5px solid #c9020b;}
.nf-hero-inner{max-width:1020px;margin:0 auto;display:flex;align-items:center;gap:42px;}
.nf-hero-badge{width:230px;height:auto;flex-shrink:0;}
.nf-hero-title{color:#c9020b;font-size:2.4em;line-height:1.12;margin:0 0 12px;font-weight:800;}
.nf-hero-title span{white-space:nowrap;}
.nf-hero-tag{font-size:1.12em;color:#444;margin:0 0 22px;max-width:560px;}
.nf-hero-cta{display:inline-block;background:#ffc627;color:#7a1f00;font-weight:800;padding:13px 34px;border-radius:5px;text-decoration:none;text-transform:uppercase;letter-spacing:.6px;font-size:1.05em;}
.nf-hero-cta:hover{background:#ffb300;color:#5a1500;text-decoration:none;}

/* --- Section headings --- */
.left-column h2{color:#c9020b;}
.nf-band-red h2,.nf-band-light h2{margin-top:0;}

/* --- Stands / food grid: filled cards, no thin outline --- */
.nf-grid .wp-block-column{text-align:center;}
.nf-card{background:#fff;border:none;border-radius:10px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.14);}
.nf-card .wp-block-image{margin:0;}
.nf-card h3{background:#c9020b;color:#fff;margin:0;padding:12px 14px;font-size:1.25em;}
.nf-card.nf-card-yellow{background:#ffc627;}
.nf-card.nf-card-yellow h3{background:#a87e00;color:#fff;}
.nf-card.nf-card-yellow p{color:#5a3d00;}
.nf-card p{padding:4px 18px 20px;margin:12px 0 0;color:#333;}

/* --- At the Fair: brand-red band --- */
.nf-band-red{background:#c9020b;border-radius:10px;padding:28px 24px;margin:30px 0;}
.nf-band-red h2{color:#fff;border-bottom:3px solid #ffc627;padding-bottom:10px;}
.nf-band-red .wp-block-image img{border:4px solid #fff;border-radius:6px;}

/* --- Since 1975: warm light band --- */
.nf-band-light{background:#fdf6e3;border:1px solid #f0e0bd;border-radius:10px;padding:28px 24px;margin:30px 0;}
.nf-band-light h2{color:#c9020b;}
.nf-band-light li{margin-bottom:6px;}

/* --- Booking anchor offset --- */
#booking{scroll-margin-top:20px;}

/* --- Responsive --- */
@media (max-width:720px){
.nf-hero-inner{flex-direction:column;text-align:center;gap:22px;}
.nf-hero-badge{width:170px;}
.nf-hero-title{font-size:1.7em;}
.nf-hero-tag{margin-left:auto;margin-right:auto;}
}