/* =========================================================
   VARIABLES
========================================================= */

@import url('variables.css');


/* =========================================================
   BASE
========================================================= */

@import url('base.css');


/* =========================================================
   LAYOUT
========================================================= */

@import url('layout.css');


/* =========================================================
   COMPONENTS
========================================================= */

@import url('components.css');


/* =========================================================
   UTILITIES
========================================================= */

@import url('utilities.css');


/* =========================================================
   PAGES
========================================================= */

@import url('pages/home.css');
@import url('pages/register.css');
@import url('pages/dashboard.css');
@import url('pages/onboarding.css');
@import url('pages/about.css');
@import url('pages/advertisers.css');
@import url('pages/riders.css');

/* =========================================================
   PWA LOGOUT BUTTON
========================================================= */

.header-container{
    position:relative;
}

.pwa-logout-btn{
    position:absolute;
    top:20px;
    right:16px;
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgba(255,212,0,.55);
    background:rgba(0,0,0,.35);
    color:#ffd400;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:24px;
    font-weight:700;
    z-index:9999;
    transition:.2s ease;
}

.pwa-logout-btn:hover{
    background:#ffd400;
    color:#000;
}

@media (min-width: 769px){

    .pwa-logout-btn{
        top:26px;
        right:30px;
    }
}