/*
*
* Brand Theme variables.
*
*/
html[data-color=brand] {
    --primary: #C69F41;
    --secondary: #AA8171;
    --tertiary: #7F4A35;
    --quaternary: #382720;
    --primary-rgb: 198, 159, 65;
    --secondary-rgb: 170, 129, 113;
    --tertiary-rgb: 127, 74, 53;
    --quaternary-rgb: 56, 39, 32;
    --primary-darker: #A38231;
    --secondary-darker: #916757;
    --tertiary-darker: #603829;
    --quaternary-darker: #261a16;
    --body: #4e4e4e;
    --alternate: #7c7c7c;
    --muted: #afafaf;
    --separator: #e6e6e6;
    --separator-light: #f1f1f1;
    --body-rgb: 59, 59, 59;
    --alternate-rgb: 124, 124, 124;
    --muted-rgb: 176, 176, 176;
    --separator-rgb: 221, 221, 221;
    --separator-light-rgb: 241, 241, 241;
    --background: #f9f9f9;
    --foreground: #ffffff;
    --background-rgb: 249, 249, 249;
    --foreground-rgb: 255, 255, 255;
    --background-theme: #f1ecea;
    --background-light: #f8f8f8;
    --gradient-1: #C69F41;
    --gradient-2: #A38231;
    --gradient-3: #94762b;
    --gradient-1-lighter: #f96363;
    --gradient-1-darker: #d95151;
    --light-text: #fff;
    --dark-text: #343a40;
    --light-text-darker: #eeeeee;
    --dark-text-darker: #23272b;
    --light-text-rgb: 255, 255, 255;
    --dark-text-rgb: 52, 58, 64;
    --danger: #cf2637;
    --info: #279aac;
    --warning: #ebb71a;
    --success: #439b38;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #771a23;
    --info-darker: #19545d;
    --warning-darker: #aa830f;
    --success-darker: #285422;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #333333;
    --alternate-darker: #616161;
    --muted-darker: #888888;
    --separator-darker: #c0c0c0;
    --danger-rgb: 182, 40, 54;
    --info-rgb: 41, 138, 153;
    --warning-rgb: 235, 183, 26;
    --success-rgb: 65, 139, 56;
    --light-rgb: 218, 218, 218;
    --dark-rgb: 78, 78, 78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.05);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #242424;
    --theme-image-filter: hue-rotate(158deg) contrast(1.1);
}

html[data-color=brand] .logo .img {
    background-image: url(../img/logo/logo-light.svg);
    background-size: contain;
}

html[data-color=brand] .logo-default,
html[data-color=brand][data-navcolor=light] .logo .img{
    background-image: url(../img/logo/logo.svg);
    background-size: contain;
}

html[data-placement=horizontal] .nav-container .logo .img,
html[data-placement=vertical] .nav-container .logo .img,
.logo-default{
    width: 100px;
    min-height: 60px;
}

html[data-placement=vertical] .nav-container .nav-content .logo a,
html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .logo a,
html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .logo a {
    width: 100px;
}