/* == How to use child-theme-custom.css files ==
 * 
 * Don't remove the @import line, it imports the custom.css from longo-default and provides basic printQ 3 styling by Longo.
 * In this file only note changes to the default CSS file, so the old parameters are overwritten.
 * Keep changes minimal: Don't copy whole selectors with all parameters, only use the ones you want to change...
 * 
*/
@import url('../../default/css/custom.css');

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

div.registered-users {
    background: #fff;
}

.matrix_headline {
    background: #000;
}

.matrix_sub_headline .number {
    background: #000;
}

.matrix_button:hover {
    color: #000;
}

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

.breadcrumbs li span {
    color: #000;
}

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

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

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


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

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

/* Remove compare links in category view and in product view */
.addto-links-icons a, .add-to-links {
    display: none;
}

/* If you remove compare links, add some padding to the additional information block */
.additional_information {
    padding-bottom: .5em;
}

#approval-approve-list {
    display: block;
}

#customer-personalization {
    display: none;
}

#customer-projects {
    display: none;
}

/* Clean cart */
.col-edit {
    display: none;
}

.item-options dt:first-child, .item-options dd:nth-child(2) {
    display: inherit;
}

.item-options dt.printselection, .item-options dd.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, #000, #000);
    background-color: #000;
}

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

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

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

.btn-success {
    background-color: #39424a;
    color: #fff;
    background-image: none;
}

.btn-success:hover {
    background-color: #39424a;
    color: #fff;
    background-image: none;
    filter: brightness(85%);
}

/* Logo */
.header-regular .logo-wrapper .logo img {
    max-width: 55%;
}

/* login page */
div.registered-users {
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    padding: 20px;
    margin-left: 34.3%;
    box-sizing: border-box;
}

#send2 {
    background-color: #000;
}


.button:hover, .button:focus {
    background-color: #333 !important;
}

/* footer */
.footer .ib, .footer span.icon {
    background-color: #000;
}

/* header */
@media (min-width: 992px) {
    .header-regular .hp-blocks-holder {
        display: block;
        position: relative;
    }

    .header-regular .hp-blocks-holder .hp-block {
        display: block;
    }

    .header-regular .hp-blocks-holder .left-column {
        width: auto;
    }

    .header-regular .hp-blocks-holder .left-column .logo-wrapper {
        width: 220px;
        margin: 0 auto;
    }

    .header .logo-wrapper .logo,
    .header-regular .logo-wrapper .logo img {
        max-width: none;
    }

    .header-regular .hp-blocks-holder .right-column {
        position: absolute;
        z-index: 1000;
        right: 0;
        bottom: -40px;
        width: 330px;
    }
}

body.shadow .navi-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.navi-wrapper {
    border-bottom: 1px dotted #000;
}

.nav-regular:not(.nav-vert) .nav-item.level0 > a {
    border-bottom: 2px solid white;
}

.nav-regular:not(.nav-vert) .nav-item.level0:hover > a {
    background-color: #ffffff;
    color: #000;
    border-bottom: 2px solid #000;
}

.nav-item.level0.nav-1.active.current.level-top.first.last.nav-item--parent.classic.nav-item--only-subcategories.parent.item-active:active {
    border-bottom: 2px solid #000;
}

.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
    border-bottom: 2px solid #000;
}

.navi .nav-panel--dropdown a:hover {
    color: #000;
}

.nav-regular .classic > .nav-panel--dropdown {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

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

/* matrix */
.product-view .btn-cart, .btn-checkout {
    background-color: #000;
}

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

.matrix_button {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 31.3%;
    padding: 10px 0;
    border: none;
    margin: 1%;
    background: #fff;
    text-align: center;
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
}

.longo_matrix_view_wrapper {
    background-color: #f1f1f1;
}

.print_setup {
    border: 1px solid #000;
}

.matrix_button.active {
    background: #000;
    color: #fff;
}

#product-tabs a {
    font-weight: 400;
    font-family: "DIN-CondensedLight";
    text-transform: uppercase;
}

.matrix_headline {
    text-transform: uppercase;
}

/* category page */

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: #000;
}

/* category products grid */

.category-products-grid .product-name {
    min-height: 40px;
}

.category-products-grid .configurable-swatch-list li {
    max-width: 19.1%;
}

/* Slider */

.text.fadeInRight.delay-1-0.animated {
    text-transform: uppercase;
    font-family: "DIN-CondensedLight";
}

/* Ansichts-PDF Button */

.btn-cart.download-vt {
    padding: 15px 20px;
}

/* category blocks */

.category-blocks.row {
    margin-top: 30px;
}

.text-block-category {
    box-sizing: border-box;
    position: absolute;
    transform: none;
    top: 15px;
    padding-left: 15px;
}

.text-block-category p,
.text-block-category h1 {
    color: #fff;
    font-weight: 400;
    font-family: "DIN-CondensedLight";
}

.text-block-category h1 {
    margin-bottom: 10px;
}

/* configurable swatches */

/* swatch label */

.swatch-link, .swatch-label {
    color: #000;
}

.swatch-link:active, .swatch-label:active {
    color: #fff;
    z-index: 999;
}

.swatch-label {
    background: transparent;
    border: none;
}

.swatch-label:hover {
    color: #000
}

.swatch-link {
    border: none;
    margin: 0 0 0;
}

#configurable_swatch_language > li {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 31.3%;
    padding: 9px 0;
    border: none;
    margin: 1%;
    background: #fff;
    text-align: center;
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
}

#configurable_swatch_language > li:hover {
    background: #ccc;
    color: #000;
}

#configurable_swatch_language .selected {
    background: #000;
}

.products-grid .configurable-swatch-list li {
    background: #fff;
    width: 31.3%;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
}

.products-grid .configurable-swatch-list .selected {
    outline: 1px solid #ff5000;
    font-weight: bold;
}

#configurable_swatch_language .selected span {
    color: #fff;
    font-weight: bold;
}

.configurable-swatch-language a {
    cursor: default;
}

/* sticker */
.products-grid .sticker-wrapper.top-left {
    top: inherit;
    left: inherit;
    bottom: 2px;
    right: 6px;
}

.product-img-column .sticker-wrapper.top-left {
    top: inherit;
    left: inherit;
    bottom: 7%;
    right: 26%;
}

.item:hover .sticker {
    width: 60px;
    height: 60px;
}

.products-grid .sticker, .product-img-column .sticker {
    font-family: "DIN-CondensedDemi", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
    .product-img-column .sticker {
        font-size: 24px;
    }
}


/* Startpage Launch Window*/


div.col-md-4:nth-child(3) > a:nth-child(1) > div:nth-child(2) > h1:nth-child(1) {

    color: #fff;
}

div.col-md-4:nth-child(3) > a:nth-child(1) > div:nth-child(2) > p:nth-child(2) {
   color: #fff;
}

div.col-md-4:nth-child(3) > a:nth-child(1) > img:nth-child(1) {
    border: 1px solid #CFCFCF;
}

/* Prduct Page additonal manufacturer tab */

.grid12-6.manufacturer_producer {
    margin-top: 30px;
}

.grid12-12.manufacturer_producer {
    margin-top: -10px;
}