/* ==========================================
   OLAPETTI AUTHENTICATION
========================================== */

:root{

    --primary:#8DBB3C;
    --primary-dark:#6f9b2f;
    --white:#ffffff;
    --text:#222;
    --muted:#666;
    --border:#e8e8e8;
    --bg:#f5f7f4;

}

/* ==========================================
   PAGE
========================================== */

body{

    background:var(--bg);

}

/* Hide default page title */

.woocommerce-account .entry-title,
.page-title{

    display:none;

}

/* ==========================================
   MAIN CONTAINER
========================================== */

.olapetti-auth-container{

    width:1200px;
    max-width:95%;

    margin:60px auto;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    display:flex;

    box-shadow:
        0 20px 60px rgba(0,0,0,.08);

}

/* ==========================================
   LEFT PANEL
========================================== */

.auth-left{

    width:42%;

    background:var(--primary);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:70px 55px;

}

.brand-content{

    text-align:center;

}

.brand-logo{

    display:inline-block;

    background:#fff;

    padding:18px 28px;

    border-radius:16px;

    margin-bottom:45px;

}

.brand-logo img{

    width:260px;

    display:block;

}

/* ==========================================
   RIGHT PANEL
========================================== */

.auth-right{

    width:58%;

    background:#fff;

    padding:70px 70px;

    position:relative;

}

.ol-error{

    background:#ffe7e7;

    color:#c62828;

    border:1px solid #f3b2b2;

    padding:14px 18px;

    border-radius:10px;

    margin-bottom:20px;

    font-size:15px;

}