/*
Theme Name: Liberia Learning Labs Single Notify
Theme URI: https://liberialearninglabs.org
Author: Liberia Learning Labs, LLC
Description: Responsive coming-soon theme with one working email signup form.
Version: 1.3.1
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: liberia-learning-labs-single-notify
*/
:root{--navy:#062b5f;--gold:#e8b64b}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--navy)}
body{overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}
.page{min-height:100vh;display:flex;justify-content:center;background:var(--navy)}
.art{width:100%;max-width:1536px;position:relative;line-height:0;background:#fff}
.art picture,.art img{display:block;width:100%}.art img{height:auto}
.signup{position:absolute;z-index:5;left:8.1%;top:76.5%;width:35.4%;display:flex;line-height:1.2}
.signup input{flex:1;min-width:0;height:clamp(34px,3.8vw,48px);border:1px solid #cfd5dd;border-right:0;border-radius:7px 0 0 7px;padding:0 18px;font-size:clamp(12px,1.05vw,16px)}
.signup button{width:31%;min-width:110px;height:clamp(34px,3.8vw,48px);border:0;border-radius:0 7px 7px 0;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.status{position:absolute;z-index:6;left:8.1%;top:81.5%;width:35.4%;margin:0;padding:7px 10px;border-radius:6px;line-height:1.35;text-align:center;font-size:14px}
.success{color:#0d4f2d;background:#e1f7ea;border:1px solid #a9dbbd}
.error{color:#7a1d1d;background:#ffebeb;border:1px solid #e2aaaa}
.sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:767px){
.page{display:block;min-height:auto}.art{max-width:768px}
.signup{position:static;width:auto;display:block;padding:24px 20px 12px;background:#fff}
.signup:before{content:"Be the first to know";display:block;margin-bottom:8px;color:var(--navy);text-align:center;text-transform:uppercase;font-size:17px;font-weight:800}
.signup input{display:block;width:100%;height:48px;border:1px solid #cfd5dd;border-radius:7px;font-size:16px;margin-bottom:10px}
.signup button{display:block;width:100%;height:48px;border-radius:7px}
.status{position:static;width:auto;margin:0 20px 18px}
}