/*
Theme Name: Moovabox Classic
Theme URI: https://www.moovabox.com/
Author: Moovabox
Description: Visual recreation of the original Moovabox Rails storefront using original source assets. Ordering and payments are not implemented.
Version: 1.2.0
Requires PHP: 7.4
Text Domain: moovabox-classic
*/
*{box-sizing:border-box}body{margin:0;color:#333;background:#fff;font:16px/1.55 Arial,Helvetica,sans-serif}a{color:#65a628}.centered{width:min(900px,94%);margin:0 auto}#top{background:#171717;min-height:143px}#top .centered{position:relative;min-height:143px}#logo{position:absolute;top:14px;left:0;margin:0}#logo img{max-width:270px;height:auto}#call_now{position:absolute;right:0;top:12px;margin:0;color:#fff;text-align:right;font-size:17px}#call_now strong{font-size:25px;color:#f6c42e}nav{position:absolute;bottom:0;right:0}nav ul{list-style:none;display:flex;gap:3px;margin:0;padding:0}nav a{display:block;background:#5a9426;color:#fff;text-decoration:none;font-size:18px;font-weight:bold;padding:10px 21px;border-radius:7px 7px 0 0}nav a:hover,nav .current-menu-item a{background:#ef951d}#carousel{background:#f2f2f2 url('assets/images/halftone.png') repeat-x center top;margin-bottom:38px}#banner{position:relative;width:min(900px,100%);aspect-ratio:9/4;overflow:hidden}#banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s}#banner img.active{opacity:1}.home-intro{min-height:160px;position:relative}.home-intro h2,h1,h2{color:#559223}.home-intro h2{font-size:30px;margin:0 0 12px}.home-intro p{max-width:570px;margin:7px 0}.order-online{float:right;position:relative;margin-top:-65px;z-index:2;max-width:300px}.order-online img{max-width:100%;height:auto}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:28px 0 40px}.product{text-align:center}.product img{width:100%;height:125px;object-fit:contain}.product h3{color:#59942d;font-size:17px;margin:8px 0}.page-content{padding:35px 0 65px;min-height:360px}.page-content h1{font-size:32px}.button{display:inline-block;padding:12px 23px;background:#ed921b;color:#fff;text-decoration:none;border-radius:5px;font-weight:bold}.notice{border-left:4px solid #ed921b;padding:15px;background:#fff6e8}footer{margin-top:40px;padding:25px 0;background:#181818;color:#ddd;font-size:13px}footer a{color:#ddd}@media(max-width:700px){#top,#top .centered{min-height:200px}#logo img{max-width:200px}#call_now{top:83px;left:0;right:auto;text-align:left;font-size:13px}#call_now strong{font-size:18px}nav{left:0;right:auto}nav a{padding:9px 11px;font-size:14px}.products{grid-template-columns:repeat(2,1fr)}.order-online{float:none;display:block;margin:0 0 20px;max-width:220px}#carousel{margin-bottom:20px}}

/* v1.1: original Rails sprite navigation and phone graphic */
#top,#top .centered{min-height:150px}
#logo{top:10px;left:0;line-height:0}
#logo img{width:116px;height:auto;max-width:none}
#call_now{top:29px;right:0;line-height:0}
#call_now img{display:block;width:369px;max-width:100%;height:auto}
nav{right:0;bottom:0}
nav ul{gap:0}
nav a{background-image:url('assets/images/navsprites.png')!important;background-repeat:no-repeat!important;border-radius:0!important;padding:0!important;height:54px!important;display:block!important;font-size:0!important;overflow:hidden}
nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
nav .nav-products{width:253px;background-position:0 0!important}
nav .nav-order{width:247px;background-position:-253px 0!important}
nav .nav-contact{width:176px;background-position:-500px 0!important}
nav .nav-products:hover,nav .current-menu-item .nav-products{background-position:0 -55px!important}
nav .nav-order:hover,nav .current-menu-item .nav-order{background-position:-253px -55px!important}
nav .nav-contact:hover,nav .current-menu-item .nav-contact{background-position:-500px -55px!important}
.home-intro h2,h1,h2,.product h3{color:#569b3b}
@media(max-width:700px){
 #top,#top .centered{min-height:220px}
 #logo img{width:100px}
 #call_now{top:117px;left:0;right:auto}
 #call_now img{width:min(320px,90vw)}
 nav{left:0;right:auto;bottom:0;transform:scale(.48);transform-origin:bottom left;width:676px}
}

#call_now .moova-phone-label{display:block;color:#fff;font-size:17px;line-height:1.5}#call_now .moova-phone-number{display:block;color:#ffc329;font-size:25px;line-height:1.3}#logo img{height:auto}nav a:focus-visible{outline:3px solid #ffc329;outline-offset:2px}