/*
Theme Name: Karen's Kakes
Theme URI: https://karenskakes.net/
Author: Karen's Kakes
Description: A faithful, responsive recreation of the original Karen's Kakes website.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: karens-kakes
*/

:root{--cream:#f8e9dc;--brown:#5a321d;--aqua:#61aeb0;--tan:#a48c66;--orange:#e67c4b;--line:#a97a58}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;background:var(--cream);color:var(--brown);font-family:Georgia,"Times New Roman",serif}a{color:inherit}.site{width:min(1120px,94vw);margin:auto}.site-header{height:310px;position:relative;border-bottom:1px solid var(--line)}.brand{display:block;width:min(780px,76%);padding-top:24px}.brand img{display:block;width:100%;height:auto}.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:48px;display:flex;align-items:center}.main-nav ul{list-style:none;margin:0;padding:0;width:100%;display:flex;justify-content:space-around}.main-nav a{text-decoration:none;text-transform:uppercase;font-size:16px}.main-nav .current-menu-item>a,.main-nav a:hover{color:var(--aqua)}main{min-height:400px;padding:22px 0 34px}h1,h2{font-weight:400;color:var(--aqua)}h1{font-size:34px}.site-footer{border-top:1px solid var(--line);padding:20px 10px 45px;display:grid;grid-template-columns:1fr 1fr 1fr;font-size:14px}.site-footer>div+div{border-left:1px solid #8ca7a4}.site-footer .follow{text-align:right}.fb{display:inline-grid;place-items:center;background:#111;color:#fff;width:18px;height:18px;text-decoration:none;font:bold 14px Arial;margin-left:12px}.hero-strip{background:var(--orange);border:6px solid var(--orange);box-shadow:0 5px 3px #59321b;margin:0 -18px 14px;color:#fff;text-align:center}.hero-strip span{display:block;border:1px solid #fff;padding:16px;letter-spacing:.25em;font-size:30px}.front-collage img{width:100%;display:block}.front-awards{display:grid;grid-template-columns:1fr 1.15fr 1.2fr .8fr;gap:24px;align-items:center;margin:28px 30px}.front-awards img{max-width:100%;height:auto}.award-copy{text-align:center;font-weight:bold;font-size:18px;line-height:1.25}.quote{color:var(--aqua);font-size:27px;text-align:center}.gallery-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.choice{position:relative}.choice img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.choice-title{position:absolute;left:-8px;right:18%;top:-16px;background:#477777;color:white;border:3px double #b4c4bc;padding:10px;text-align:center;font-size:21px;text-decoration:none}.choice p{margin:12px 8px;font-size:14px;color:#6f6b54}.cake-gallery{text-align:center}.gallery-stage{display:grid;place-items:center;min-height:470px}.gallery-stage img{max-width:520px;max-height:560px;width:auto;height:auto;object-fit:contain}.thumbs{display:flex;overflow-x:auto;gap:5px;padding:6px 0;justify-content:flex-start}.thumbs button{border:0;padding:0;background:none;cursor:pointer}.thumbs img{width:64px;height:48px;object-fit:cover;border:1px solid #6b4c37}.thumbs button.active img{outline:3px solid var(--aqua)}.links-copy{max-width:900px}.vendor-list{margin:20px 0 0 190px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.vendor-list img{max-width:380px;max-height:95px;width:auto}.about-hero img{width:100%;max-height:310px;object-fit:cover}.about-content{display:grid;grid-template-columns:330px 1fr;gap:60px;width:85%;margin:35px auto}.about-content img{width:100%}.about-name{font-size:32px;color:var(--aqua);margin-bottom:0}.about-sub{color:var(--aqua);font:italic 22px Georgia;margin-top:0}.page-body{line-height:1.55}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:760px){.site-header{height:auto;padding-bottom:18px}.brand{width:100%;padding-top:10px}.main-nav{height:auto}.main-nav ul{flex-wrap:wrap}.main-nav li{padding:12px}.hero-strip{margin:0}.hero-strip span{font-size:19px}.gallery-choices{grid-template-columns:1fr;gap:42px}.front-awards{grid-template-columns:1fr 1fr;margin:24px 0}.vendor-list{margin-left:0}.about-content{width:100%;grid-template-columns:1fr;gap:20px}.gallery-stage{min-height:360px}.gallery-stage img{max-width:100%;max-height:420px}.site-footer{grid-template-columns:1fr;gap:12px}.site-footer>div+div{border:0}.site-footer .follow{text-align:left}}