.btn.btn-primary {
    background: var(--expo-btn-primary-background) !important;
    color: var(--expo-btn-primary-color) !important;
    border-width: var(--expo-btn-primary-border-width) !important;
    border-style: var(--expo-btn-primary-border-style) !important;
    border-color: var(--expo-btn-primary-border) !important;
}
.btn.btn-primary:hover {
    background: var(--expo-btn-primary-background-hover) !important;
    color: var(--expo-btn-primary-color-hover) !important;
    border-width: var(--expo-btn-primary-border-width-hover) !important;
    border-style: var(--expo-btn-primary-border-style-hover) !important;
    border-color: var(--expo-btn-primary-border-hover) !important;
}

.btn.btn-secondary {
    background: var(--expo-btn-secondary-background) !important;
    color: var(--expo-btn-secondary-color) !important;
    border-width: var(--expo-btn-secondary-border-width) !important;
    border-style: var(--expo-btn-secondary-border-style) !important;
    border-color: var(--expo-btn-secondary-border) !important;
}
.btn.btn-secondary:hover {
    background: var(--expo-btn-secondary-background-hover) !important;
    color: var(--expo-btn-secondary-color-hover) !important;
    border-width: var(--expo-btn-secondary-border-width-hover) !important;
    border-style: var(--expo-btn-secondary-border-style-hover) !important;
    border-color: var(--expo-btn-secondary-border-hover) !important;
}

/*'dark-menu-background'=> '#ff0000',*/
/*'dark-menu-item-collapse'=> 'on',*/
/*'dark-menu-nav-item-background'=> '#000000',*/
/*'dark-menu-link-color'=> '#000000',*/
/*'dark-menu-nav-item-background-hover'=> '#000000',*/
/*'dark-menu-link-color-hover'=> '#000000',*/
/*'dark-menu-nav-item-active-background'=> '',*/


.light-layout .main-menu,
.light-layout .main-menu .main-menu-content .navigation {
    background: var(--expo-light-menu-background) !important;
}

.light-layout .main-menu .navigation .nav-item a {
    background: var(--expo-light-menu-nav-item-background) !important;
    color: var(--expo-light-menu-link-color) !important;
}

.light-layout .main-menu .navigation .nav-item:hover a {
    background: var(--expo-light-menu-nav-item-background) !important;
    color:  var(--expo-light-menu-link-color-hover) !important;
}

.light-layout .main-menu .navigation .nav-item.active {
    background: var(--expo-menu-nav-item-active-background) !important;
}

/* NOTE: double class hack, dont want to use explicit body value, but need higher priority */
.semi-dark-layout .main-menu.main-menu,
.semi-dark-layout .main-menu .main-menu-content .navigation {
    background: var(--expo-semi-dark-menu-background) !important;
}

.semi-dark-layout .main-menu .navigation .nav-item a {
    background: var(--expo-semi-dark-menu-nav-item-background) !important;
    color: var(--expo-semi-dark-menu-link-color) !important;
}

.semi-dark-layout .main-menu .navigation .nav-item:hover a {
    background: var(--expo-semi-dark-menu-nav-item-background) !important;
    color:  var(--expo-semi-dark-menu-link-color-hover) !important;
}

.semi-dark-layout .main-menu .navigation .nav-item.active {
    background: var(--expo-semi-dark-menu-nav-item-active-background) !important;
}


.dark-layout .main-menu,
.dark-layout .main-menu .main-menu-content .navigation {
    background: var(--expo-dark-menu-background) !important;
}

.dark-layout .main-menu .navigation .nav-item a {
    background: var(--expo-dark-menu-nav-item-background) !important;
    color: var(--expo-dark-menu-link-color) !important;
}

.dark-layout .main-menu .navigation .nav-item:hover a {
    background: var(--expo-dark-menu-nav-item-background) !important;
    color:  var(--expo-dark-menu-link-color-hover) !important;
}

.dark-layout .main-menu .navigation .nav-item.active {
    background: var(--expo-dark-menu-nav-item-active-background) !important;
}

/*--expo-btn-primary-background: #ff0000;*/
/*--expo-btn-primary-color: #ffffff;*/
/*--expo-btn-primary-border: #000000;*/
/*--expo-btn-primary-border-width: ;*/
/*--expo-btn-primary-border-style: ;*/
/*--expo-btn-primary-hover: #000000;*/
/*--expo-btn-primary-text-hover: #000000;*/
/*--expo-btn-primary-border-hover: #000000;*/
/*--expo-btn-primary-border-width-hover: ;*/
/*--expo-btn-primary-border-style-hover: ;*/
/*--expo-btn-secondary-background: #000000;*/
/*--expo-btn-secondary-color: #000000;*/
/*--expo-btn-secondary-border: #000000;*/
/*--expo-btn-secondary-border-width: ;*/
/*--expo-btn-secondary-border-style: ;*/
/*--expo-btn-secondary-hover: #000000;*/
/*--expo-btn-secondary-text-hover: #000000;*/
/*--expo-btn-secondary-border-hover: #000000;*/
/*--expo-btn-secondary-border-width-hover: ;*/
/*--expo-btn-secondary-border-style-hover: ;*/
/*--expo-menu-background: #ff0000;*/
/*--expo-menu-item-collapse: on;*/
/*--expo-menu-nav-item-background: #000000;*/
/*--expo-menu-link-color: #000000;*/
/*--expo-menu-nav-item-background-hover: #000000;*/
/*--expo-menu-link-color-hover: #000000;*/
/*--expo-menu-nav-item-active-background: #000000;*/

.gm-style-cc {
    display: none !important;
}
.gm-style img[alt="Google"] {
    display: none;
}

h1, h2, h3, h4, h5, h6,
h2.text-white, h4.text-white {
    color: var(--expo-primary-font-color) !important;
    text-shadow: var(--expo-primary-text-shadow) !important;
    -webkit-text-stroke-color: var(--expo-primary-text-stroke-color) !important;
    -webkit-text-stroke-width: var(--expo-primary-text-stroke-width) !important;
    paint-order: stroke fill;
}