/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */

@import url('../../default/css/custom.css');

body.customer-account-login div.page {
    background-image: url(../images/background.jpg);
}

 
.matrix_headline {
    background: #485c74;
}

.matrix_sub_headline .number {
    background: #485c74;
}

.matrix_button:hover {
    color: #485c74;
}

.matrix_button.active {
    outline: 1px solid #485c74;
}

.breadcrumbs li span {
    color: #485c74;
}

.skip-link .count {
    background-color: #485c74;
}

.header-regular .logo-wrapper .logo img {
    width: 60%;
}

.product-view .btn-cart, .btn-checkout {
    background-color: #485c74;
}

.gen-tabs .tabs a.current {
    color: #485c74;
}

.nav-regular:not(.nav-vert) .nav-item.level0:hover > a, .navi .nav-panel--dropdown a:hover {
    color: #FCAC22;
    background-color: #485c74;
}

.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
    background-color: #485c74;
    color: #FCAC22;
}

.slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover, .slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page:hover span {
    background-color: #485c74;
}

.links > li > a:hover, {
    color: #485c74;
}

.form-search .input-text:hover, .form-search .input-text:focus {
    border: 1px solid 
    #485c74;
}

a:hover, .sideacco li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, h6.product-name a:hover, strong.product-name a:hover, p.product-name a:hover {
    color: #485c74;
}

/* Item hover in category view */
.catalog-category-view .category-products-grid.hover-effect .item:hover {
    outline: 1px solid #485c74;
}

.addto-links-icons .ic:hover {
    color: #485c74;
}

.links > li > a:hover {
    color: #485c74 !important;
}


.navi-wrapper, .nav-regular { 
    background-color: #485c74;
}

.nav-regular:not(.nav-vert) .nav-item.level0 > a {
    color: #fff;
}

/* formular Editor */

#preview {
    background-color: #333333;
    background-image: linear-gradient(to bottom, #333333, #333333);
}

#preview:hover {
    filter: brightness(85%);
    background-color: #333333;
}

#customerPersonalizationData {
    background-color: #333333;
    background-image: linear-gradient(to bottom, #333333, #333333);
}

#customerPersonalizationData:hover {
    filter: brightness(85%);
    background-color: #333333;
}

#attach {
    background-image: linear-gradient(to bottom, #485c74, #485c74);
    background-color: #485c74;
}

#attach:hover {
    filter: brightness(85%);
}

#saveProject {
    background-image: linear-gradient(to bottom, #485c74, #485c74);
    background-color: #485c74;
}

#saveProject:hover {
    filter: brightness(85%);
}


.ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview {
    background-color: #485c74 !important;
}

.cart .printselection {
    display: none;
}

/* formular Editor */

#preview {
    background-color: #333333;
    background-image: linear-gradient(to bottom, #333333, #333333);
}

#preview:hover {
    filter: brightness(85%);
    background-color: #333333;
}

#customerPersonalizationData {
    background-color: #333333;
    background-image: linear-gradient(to bottom, #333333, #333333);
}

#customerPersonalizationData:hover {
    filter: brightness(85%);
    background-color: #333333;
}

#attach {
    background-image: linear-gradient(to bottom, #485c74, #485c74);
    background-color: #485c74;
}

#attach:hover {
    filter: brightness(85%);
}

#saveProject {
    background-image: linear-gradient(to bottom, #485c74, #485c74);
    background-color: #485c74;
}

#saveProject:hover {
    filter: brightness(85%);
}

/* compare */
.\32 .icon.ib.ic.ic-compare {
    display: none;
}

.link-compare.feature.feature-icon-hover.first {
    display: none;
}

/* sample pdf download */

.btn-cart.download-vt {
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
}

/* login Button */

#send2 {
    background-color: #485c74;
}