/*
@Author: ThemeMascot
@URL: https://elovtech.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* =========================================================
   AAZ TRADING COMPANY - CUSTOM CSS
   ========================================================= */

/* ---------- AAZ BRAND COLORS ---------- */

/* =========================================================
   AAZ FINAL COLOR OVERRIDE
   ========================================================= */

:root {
    --aaz-green: #1E5841;
    --aaz-gold: #B08D57;
    --aaz-ivory: #F5F0E1;
    --aaz-pale-gold: #D9C29B;
}

/* Main theme */
.bg-theme-colored,
.bg-theme-colored2 {
    background-color: #1E5841 !important;
}

.text-theme-colored,
.text-theme-colored2 {
    color: #1E5841 !important;
}

/* Header */
#header .header-top {
    background: #1E5841 !important;
}

#header .header-nav {
    background: #FFFFFF !important;
}

#header .header-nav-wrapper {
    background: #FFFFFF !important;
}

/* Navigation */
#header .menuzord-menu > li > a {
    background: transparent !important;
    color: #1E5841 !important;
}

#header .menuzord-menu > li:hover > a,
#header .menuzord-menu > li.active > a {
    background: #1E5841 !important;
    color: #FFFFFF !important;
}

/* Buttons */
.btn-theme-colored,
.btn-theme-colored2 {
    background: #1E5841 !important;
    border-color: #1E5841 !important;
    color: #FFFFFF !important;
}

.btn-theme-colored:hover,
.btn-theme-colored2:hover {
    background: #B08D57 !important;
    border-color: #B08D57 !important;
    color: #FFFFFF !important;
}

/* Gold accent */
.aaz-gold {
    color: #B08D57 !important;
}

.bg-aaz-gold {
    background-color: #B08D57 !important;
}

/* Light sections */
.bg-aaz-ivory {
    background-color: #F5F0E1 !important;
}

.bg-aaz-pale-gold {
    background-color: #D9C29B !important;
}

/* Footer */
#footer {
    background-color: #1E5841 !important;
}

p {
    text-align: justify;
}

.menuzord-brand img {
    max-height: 60px;
}