/* == 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;
}

.cat-label-label1 {
    background-color: #000 !important;
    color: #fff !important;
}

/* 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;
}

/* articleload formular editor */

.form-horizontal .group_name .group {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}

.search input[type="button"] {
    width: 30%;
    border: none;
    background: #f1f1f1;
    color: #000;
    padding: 7px 0;
}

.articleload_select {
    margin: 0 27px 0 0;
    width: 60%;
}

.form-horizontal .search {
    display: inline-block;
    float: right;
    width: 100%;
    margin-bottom: 40px;
    background-color: #3c3c3c;
    padding: 28px 10px;
}

.search::before {
    content: "Bitte wählen Sie die betreffende Person: \A Please select the person in the list:";
    white-space: pre;
    color: #fff;
    max-width: 330px;
    display: block;
    margin-bottom: 15px;
}

select, input[type="file"] {
    height: 38px;
}

/* 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: 45%;
}

/* 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 */
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,
.catalog-product-view .configurable-swatch-list li,
.product-options ul.options-list li span {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 31.3%;
    padding: 10px 0;
    margin: 1%;
    background: #fff;
    text-align: center;
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
}

.product-options ul.options-list li span {
    width: 100%;
    margin: 0;
}

.matrix_button:hover,
.catalog-product-view .configurable-swatch-list li:hover,
.product-options ul.options-list li span:hover {
    background: #ccc;
}

.product-options ul.options-list label {
    padding: 0;
    background: transparent;
}

.product-options ul.options-list label:hover {
    color: #000;
    background: transparent;
}

.product-options ul.options-list input.radio:checked + span {
    background: #000;
}

.product-options ul.options-list input.radio:checked + span > label {
    color: #fff;
    outline: none;
    font-family: "DIN-CondensedDemi";
    font-weight: 400;
}

.matrix_button.active,
.catalog-product-view .configurable-swatch-list li.selected {
    background: #000;
    color: #fff;
}

.catalog-product-view .configurable-swatch-list li.selected .swatch-label {
    color: #fff;
    font-family: "DIN-CondensedDemi";
    font-weight: 400;
}

.longo_matrix_view_wrapper {
    background-color: #f1f1f1;
}

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

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

.matrix_headline {
    text-transform: uppercase;
}

.longo-matrix--downloadable #downloadable-links-list .label {
    padding: 0;
}

.longo-matrix--downloadable #downloadable-links-list label {
    border: none;
    text-align: center;
}

.longo-matrix--downloadable #downloadable-links-list .label.is-checked label {
    background-color: #000;
    font-weight: bold;
    color: #fff;
}

/* 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;
}

/* Slider */

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

/* Ansichts-PDF Button */

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

/* remove language flag */

.label.dropdown-icon.flag {
    display: none !important;
}

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

.logo-wrapper.logo-wrapper--regular {
    position: relative;
    top: -30px;
}

/* 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;
}

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

.products-grid .configurable-swatch-list .selected {
    background: #000;
}

.products-grid .configurable-swatch-list .selected span {
    color: #fff;
}

.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
    font-size: 14px;
}

/* Customer Account */

#downloadable-customer-products {
    display: list-item;
}


/* Validation states */
.control-group.is-invalid input,
.control-group.is-invalid select,
.control-group.is-invalid textarea {
    border-color: #B94A48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.is-invalid .checkbox,
.control-group.is-invalid .radio,
.control-group.is-invalid input,
.control-group.is-invalid select,
.control-group.is-invalid textarea {
    color: #B94A48;
}

.control-group.is-invalid .control-label,
.control-group.is-invalid .help-block,
.control-group.is-invalid .help-inline {
    color: #B94A48;
}