/*
Theme Name: Kookten Magazine
Theme URI: https://kookten.com/
Author: Kookten
Description: Responsive Nederlandstalig receptenmagazine met receptenkaart, auteurspagina en advertentieruimtes.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: kookten-magazine
*/
:root{--navy:#090d46;--blue:#0643a4;--coral:#e72849;--green:#426b59;--mint:#e5eeeb;--lav:#e2e0ed;--body:#f8f9fb;--border:#d7d9e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--body);color:var(--navy);font:16px/1.65 'Source Sans Pro',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--coral)}img{max-width:100%;height:auto}h1,h2,h3,h4,.brand{font-family:Montserrat,Arial,sans-serif;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:1.75rem}h3{font-size:1.15rem}.container{max-width:1180px;margin:auto;padding:0 24px}.site-top{display:flex;justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.site-top nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.social{display:flex;gap:12px;align-items:center}.social a{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--blue);border-radius:50%;width:29px;height:29px;font-weight:700}.brand-wrap{text-align:center;padding:18px 0 23px;border-bottom:1px solid #a8abc9}.brand{font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;letter-spacing:-.065em;color:var(--blue)}.brand-mark{color:#f15b37;margin-right:5px}.custom-logo{max-width:270px;max-height:100px;width:auto}.search-toggle{background:none;border:0;color:var(--blue);cursor:pointer;font:inherit}.search-box{display:none;position:absolute;right:20px;top:48px;background:white;padding:15px;z-index:10;box-shadow:0 10px 30px #09104422}.search-box.open{display:block}.search-box input,.contact-form input,.contact-form textarea{width:100%;border:1px solid #acb6d0;padding:13px;background:transparent;border-radius:3px;font:inherit}.button,.wp-block-button__link{display:inline-block;background:var(--coral);color:white!important;border:0;padding:12px 24px;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;border-radius:3px;cursor:pointer}.button.green{background:#add395;color:#183822!important}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:30px 0}.hero-copy{text-align:center;padding:10px 40px}.hero h1{margin:0 0 26px}.hero p{font-weight:700;font-size:14px}.hero .button{display:block;margin-top:24px}.hero-img{height:360px;background:#e5e5f0;overflow:hidden;border-radius:44% 0 0 44%}.hero-img img{height:100%;width:100%;object-fit:cover}.section-title{text-align:center;color:#244036;margin:0 0 22px}.categories{padding:20px 0 35px;text-align:center}.category-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;background:var(--mint);padding:28px 22px;border-radius:9px}.cat-link{font-size:10px;text-transform:uppercase;line-height:1.3;display:flex;align-items:center;flex-direction:column;gap:10px}.cat-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:6px;background:#fff;color:var(--green);font-size:22px}.categories .button{margin-top:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.section-heading h2,.boxed-section h2{margin:0;text-transform:capitalize}.section-heading h2:after,.boxed-section h2:after{content:'';display:block;height:3px;width:95px;background:var(--coral);border-radius:4px}.flag{font-size:24px}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.recipe-grid.three{grid-template-columns:repeat(3,1fr);gap:22px}.recipe-card{background:white;overflow:hidden;min-width:0}.recipe-card img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover}.recipe-card h3{padding:10px 12px 15px;margin:0;font-size:14px;line-height:1.3}.recipe-card.large{background:transparent}.recipe-card.large img{aspect-ratio:1.48}.recipe-card.large h3{font-size:20px;padding:0;margin:8px 0}.recipe-card .excerpt{font-size:14px}.recipe-card .meta{font-size:12px;color:var(--blue)}.eyebrow{font-size:11px;text-transform:uppercase;color:var(--coral);font-weight:700;letter-spacing:.12em}.read-more{color:var(--blue);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.home-section{margin-bottom:50px}.author-band{background:var(--green);padding:54px 0;margin:55px 0}.author-box{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:auto;background:white;border-radius:8px;overflow:hidden}.author-box .author-copy{padding:45px}.author-box h2{font-size:28px;color:#283e35}.author-box img{height:100%;width:100%;object-fit:cover}.boxed-section{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px;margin-bottom:26px;box-shadow:0 10px 35px #15193b0a}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.mini-item{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;background:#f0f0f7;border-radius:7px;overflow:hidden;font:700 13px/1.3 Montserrat,Arial,sans-serif}.mini-item img{width:90px;height:90px;object-fit:cover}.site-footer{background:var(--lav);text-align:center;padding:40px 20px 24px;margin-top:60px;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:18px auto}.page-heading{text-align:center;padding:42px 0;border-bottom:1px solid #a8abc9}.page-heading h1{font-size:2.2rem;margin:0}.page-heading p{max-width:800px;margin:12px auto 0}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px;padding:45px 0}.pagination{text-align:center;margin:30px 0}.pagination .page-numbers{padding:10px 14px;display:inline-block}.pagination .current{background:var(--coral);color:white}.article-shell{max-width:820px;margin:45px auto}.article-shell h1{text-align:center}.post-meta{text-align:center;color:#55607d;font-size:13px}.article-cover{width:100%;aspect-ratio:1.5;object-fit:cover;margin:30px 0}.entry-content{font-size:18px;line-height:1.8}.entry-content h2{margin-top:36px}.recipe-box{border:2px solid var(--green);padding:26px;background:white;margin:35px 0}.recipe-box h2{margin-top:0}.recipe-facts{display:flex;gap:18px;flex-wrap:wrap;background:var(--mint);padding:12px;margin-bottom:20px}.recipe-box ul,.recipe-box ol{padding-left:25px}.recipe-action{background:var(--green);color:white;border:0;padding:10px 18px;cursor:pointer}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:60px 0}.about-layout img{width:100%;object-fit:cover}.contact-form{max-width:650px;margin:60px auto}.contact-form label{display:block;margin:20px 0 6px}.contact-form textarea{height:220px}.notice{padding:12px;background:#e7f5eb;border-left:4px solid var(--green)}.ad-slot{min-height:0;clear:both;text-align:center}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden}.site-menu-button{display:none}.no-results{text-align:center;padding:60px 10px}@media(max-width:800px){.container{padding:0 16px}.site-top{align-items:flex-start}.site-menu-button{display:block;background:transparent;border:1px solid #a8abc9;padding:6px 10px}.site-top nav{display:none;position:absolute;top:50px;left:15px;right:15px;background:white;z-index:10;padding:18px;box-shadow:0 8px 26px #0002}.site-top nav.open{display:block}.site-top nav ul{flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:20px 5px}.hero-img{height:300px}.category-strip{grid-template-columns:repeat(4,1fr)}.recipe-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid.three{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:1fr}.author-box,.about-layout{grid-template-columns:1fr}.author-box img{max-height:400px}.author-band{padding:25px 0}.about-layout{gap:20px}.article-shell{padding:0 16px}}@media(max-width:520px){.recipe-grid,.recipe-grid.three,.archive-grid{grid-template-columns:1fr 1fr;gap:13px}.recipe-card.large h3{font-size:15px}.recipe-card .excerpt{display:none}.recipe-card h3{font-size:12px}.category-strip{grid-template-columns:repeat(4,1fr);padding:18px 8px}.cat-symbol{width:40px;height:40px}.cat-link{font-size:8px}.author-box .author-copy{padding:25px}.hero h1{font-size:2.35rem}.page-heading{padding:25px 0}.page-heading h1{font-size:1.65rem}.entry-content{font-size:16px}}@media print{header,footer,.ad-slot,.recipe-action,.related-posts{display:none!important}.recipe-box{border:0;padding:0}}