:root {				    /* Greys	Browns	Test */
--dark: #806948;		/* #806948,#A75D3A,#aaaaaa */
--light: #e1d6c3;		/* #e1d6c3,#E9D6BA,#dddddd */
--lightest: #efeae1;	/* #efeae1,#f4eadc,#dddddd */
--foot-text: #ffffff;
--bodybgouter: #FFF4E5;	/* #CCBBA3 */
--bodybginner: #FFF4E5;	/* #FFF4E5 */
}

/* CUSTOM FONTS */
@font-face {
    font-family: 'antonregular';
    src: url('anton-regular-webfont.woff2') format('woff2'),
         url('anton-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frizquadratabold';
    src: url('friz_quadrata_bold-webfont.woff2') format('woff2'),
         url('friz_quadrata_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* CUSTOM COLORS */
.white { background: #ffffff; }
.dark { background: var(--dark); }
.light { background: var(--light); }
.lightest { background: var(--lightest); }
.trans { background: transparent; }
/*
Dark brown  #A75D3A
Light brown #E9D6BA
*/

body { background: var(--dark); }

/* STYLE BUTTONS */
.w3-button {
color: #000 !important;
background-color: var(--light) !important;
}
.w3-button:hover {
color: #fff !important;
background-color: var(--dark) !important;
}
a#sale {
color: #fff !important;
background-color: var(--dark) !important;
}
a#sale:hover {
color: #fff !important;
background-color: var(--dark) !important;
}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
background-color: transparent;
color: #000;
}

.de-foot a { text-decoration: none; }
.de-foot span { font-size: 0.7em; color: rgba(255, 255, 255, 0.4); }