/* Add custom CSS styles below */ 
/* =========================================
   CARRAT & CO. BRAND COLORS
   Navy: #161b33
   Beige: #efe7d0
   ========================================= */


/* MAIN WEBSITE BACKGROUND */

body,
main,
.page-wrapper,
.app-inner,
.salla-theme,
.store-page,
section {
    background-color: #161b33 !important;
}


/* =========================================
   HEADER - CARRAT & CO. NAVY
   ========================================= */

header,
.main-header,
.store-header,
.header-wrapper,
header .container,
header .container-fluid {
    background-color: #161b33 !important;
    background: #161b33 !important;
}

header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

header .container,
header .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
}


/* =========================================
   FOOTER - CARRAT & CO. NAVY
   ========================================= */

footer,
.store-footer,
.store-footer__inner,
.store-footer__top,
.store-footer__bottom,
footer .container,
footer .container-fluid {
    background-color: #161b33 !important;
    background: #161b33 !important;
}


/* FOOTER TEXT - CARRAT & CO. BEIGE */

footer,
footer p,
footer span,
footer a,
footer h1,
footer h2,
footer h3,
footer h4,
.store-footer,
.store-footer a {
    color: #efe7d0 !important;
}


/* FOOTER DIVIDING LINES */

footer hr,
.store-footer hr {
    border-color: rgba(239, 231, 208, 0.25) !important;
}