/**
 * Eho Theme Variables - Dark/Light Themes
 * Compiled from mainbody-dark.less and mainbody-light.less
 */

/* Dark Theme Variables */
.main-body-style-dark {
    --header-border1: rgba(255, 255, 255, 0.08);
    --header-border2: rgba(0, 0, 0, 0.2);
    --menu-color: #ffffff;
    --body-text: #efefef;
    --body-text-light: #555555;
    --body-title: #ffffff;
    --body-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    --body-text-shadow-contrast: 1px 1px 1px rgba(255, 255, 255, 0.5);
    --body-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
    --body-background: #181818;
    --body-background2: #1f1f1f;
    --body-background3: #353535;
    --body-background4: #282828;
    --body-background5: #d8d8d8;
    --body-border: #383838;
    --body-border2: #333333;
    --body-border3: #353535;
    --body-contrast: #181818;
    --button-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Light Theme Variables */
.main-body-style-light {
    --header-border1: rgba(0, 0, 0, 0.08);
    --header-border2: rgba(255, 255, 255, 0.3);
    --menu-color: #383838;
    --body-text: #585858;
    --body-text-light: #aaaaaa;
    --body-title: #1e1e1e;
    --body-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    --body-text-shadow-contrast: 1px 1px 1px rgba(0, 0, 0, 0.5);
    --body-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    --body-background: #ffffff;
    --body-background2: #f0f0f0;
    --body-background3: #fcfcfc;
    --body-background4: #eaeaea;
    --body-background5: #19191b;
    --body-border: #d5d5d5;
    --body-border2: #dddddd;
    --body-border3: #d1d1d1;
    --body-contrast: #efefef;
    --button-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Apply Dark Theme Styles */
.main-body-style-dark {
    color: var(--body-text);
    text-shadow: var(--body-text-shadow);
}

.main-body-style-dark h1,
.main-body-style-dark h2,
.main-body-style-dark h3,
.main-body-style-dark h4,
.main-body-style-dark h5,
.main-body-style-dark h6,
.main-body-style-dark .title {
    color: var(--body-title);
}

.main-body-style-dark #rt-top-surround #rt-header {
    background: url('/lv_eho/images/overlays/header-top-dark.png') 0 0 repeat;
    border-top: 1px solid var(--header-border1);
    border-bottom: 1px solid var(--header-border2);
    box-shadow: 0 1px 0 var(--header-border1);
}

.main-body-style-dark #rt-top-surround #rt-navigation {
    background: url('/lv_eho/images/overlays/header-bottom-dark.png') 0 0 repeat-x;
    border-bottom: 1px solid var(--header-border2);
    box-shadow: 0 1px 0 var(--header-border1);
}

.main-body-style-dark #rt-footer-surround {
    background: url('/lv_eho/images/overlays/footer-top-dark.png') 0 0 repeat-x;
}

.main-body-style-dark #rt-footer-surround:after {
    background: url('/lv_eho/images/overlays/footer-bottom-dark.png') 0 0 repeat;
}

/* Apply Light Theme Styles */
.main-body-style-light {
    color: var(--body-text);
    text-shadow: var(--body-text-shadow);
}

.main-body-style-light h1,
.main-body-style-light h2,
.main-body-style-light h3,
.main-body-style-light h4,
.main-body-style-light h5,
.main-body-style-light h6,
.main-body-style-light .title {
    color: var(--body-title);
}

.main-body-style-light #rt-top-surround #rt-header {
    background: url('/lv_eho/images/overlays/header-top-light.png') 0 0 repeat;
    border-top: 1px solid var(--header-border1);
    border-bottom: 1px solid var(--header-border2);
    box-shadow: 0 1px 0 var(--header-border1);
}

.main-body-style-light #rt-top-surround #rt-navigation {
    background: url('/lv_eho/images/overlays/header-bottom-light.png') 0 0 repeat-x;
    border-bottom: 1px solid var(--header-border2);
    box-shadow: 0 1px 0 var(--header-border1);
}

.main-body-style-light #rt-footer-surround {
    background: url('/lv_eho/images/overlays/footer-top-light.png') 0 0 repeat-x;
}

.main-body-style-light #rt-footer-surround:after {
    background: url('/lv_eho/images/overlays/footer-bottom-light.png') 0 0 repeat;
}

/* Menu Colors */
.main-body-style-dark .gf-menu.l1 > li > .item,
.main-body-style-dark .gf-menu.l1 > li > .item em {
    color: var(--menu-color);
    text-shadow: var(--body-text-shadow);
}

.main-body-style-light .gf-menu.l1 > li > .item,
.main-body-style-light .gf-menu.l1 > li > .item em {
    color: var(--menu-color);
    text-shadow: var(--body-text-shadow);
}