/* HERE YOU CAN CHANGE VARIABLES ACCORDING TO DESIGN ------------------------------------------------------ */

@main_color: #c8043d; 

@siteTitle-logo-height: 82px;
@siteTitle-logo-width: 206px;
@siteTitle-logo-path: "images/logo_swidro-drogerie-nidau.gif";

@toplevel-submenu-arrow-path: "images/toplevel_expleaf.gif";
@products-list-arrow-path: "images/prod_arrow_act.gif";

@boxWithArrowHeaderAndLeftIndent-image-path: "images/arrow_home.jpg";
@footerBackground-image-path: "";






















/* DON'T CHANGE ANYTHING BELOW -------------------------------------------------------------------------- */
#firstLevelMobileMenuIcon {
    color: @main_color;
}
#firstLevelMobileMenuIcon .hamburger-menu-item, #page-header .mobile-menu li {
    background-color: @main_color;
}
div.csc-content-employees-team-box figcaption.caption .team-member-marked-text {
    color: @main_color;
}

h1, h2, h3, h4, h5, h6 {
    color:@main_color; 
}
#siteTitle a {
    width: @siteTitle-logo-width; 
    height: @siteTitle-logo-height; 
    background-image: url("@{siteTitle-logo-path}");
    -webkit-background-size: @siteTitle-logo-width auto;
    -moz-background-size: @siteTitle-logo-width auto;
    background-size: @siteTitle-logo-width auto;
}

a:hover {
    color: @main_color;
}

/*#top-bar {
    background-color: @main_color;
}*/

ul.toplevel-submenu li.active a,
ul.toplevel-submenu li.selected a,
ul.toplevel-submenu li.has-submenu-active a,
ul.toplevel-submenu li.has-submenu-selected a,
ul.toplevel-submenu li a:hover {
    color: @main_color;
}
ul.toplevel-submenu li.has-submenu-active a,
ul.toplevel-submenu li.has-submenu-selected a,
ul.toplevel-submenu li.has-submenu a:hover {
    background-image: url("@{toplevel-submenu-arrow-path}");
}

#page-header a:hover { color: @main_color; }
#page-header .mainpage-menu ul li.selected a {
    color: @main_color;
}
#page-header .mainpage-menu ul li a:hover,
#page-header .mainpage-menu ul li.active a,
#page-header .mainpage-menu ul li.selected a {
    color: @main_color;
}
#page-header .mainpage-menu table tr td.active a,
#page-header .mainpage-menu table tr td.selected a,
#page-header .mainpage-menu table tr td a:hover {
    background-color: @main_color;
}
ul.toplevel-submenu li a:hover {
    color: @main_color;
}

#main #breadcrumbs .breadcrumbs-box { color:@main_color; }

.header-arrow, 
.csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h1, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h2, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h3,
.csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h4, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h5, .csc-content-boxWithArrowHeaderAndLeftIndent .csc-header h6 {
    background-image:url("@{boxWithArrowHeaderAndLeftIndent-image-path}");
}

.news-single-timedata,
div.news-latest-container .news-title-link a:hover,
div.news span.news-date, div.news-latest-container span.news-date, .news-single-timedata { 
    color:@main_color; 
}

#footer {
    background-image: url("@{footerBackground-image-path}");
    background-color: @main_color;
}


.tt-products .listitem .title-box-active h3,
.tt-products .listitem .title-box-active h3 a,
.tt-products .listitem .title-box-active .listitem_subheader { 
    color:@main_color;
}
.tt-products .listitem .title-box-active h3 {
    background-image: url("@{products-list-arrow-path}") !important;
}