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


@font-face {
    font-family: "Roboto-Regular";
    src: url("../fonts/Roboto-Regular.eot?#iefix");
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("eot"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("../fonts/Roboto-Medium.eot?#iefix");
    src: url("../fonts/Roboto-Medium.eot?#iefix") format("eot"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg") format("svg"), url("../fonts/Roboto-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/Roboto-Bold.eot?#iefix");
    src: url("../fonts/Roboto-Bold?#iefix") format("eot"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.woff2") format("woff2");
}

* {
    font-family: "Roboto-Regular";
}


.main-font, h1, h2, h3, h4, h5, .section-title, .products-list .product-name, h3.product-name, .block-layered-nav .block-subtitle--filter, .feature .heading, .accordion .heading, .nav-regular .nav-item.level0 > a, .nav-regular .nav-submenu--mega > li > a, .menu-trigger, .nav-mobile .nav-item.level0 > a, .nav-mobile .nav-item.level1 > a, .nav-mobile .nav-item.level2 > a, .nav-holder .dropdown .dropdown-heading, .header-mobile .skip-link .label, .header-mobile .account-links a, .block .block-title, #opc-login h3, .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, .product-view .box-reviews .heading, .gen-tabs .tabs a, .gen-tabs .acctab, .footer .heading, #subscribe-form label, .caption .heading, .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price {
    font-family: "Roboto-Medium";
    font-weight: 400;
}

.account-login h2, .buttons-set {
    border: none;
    text-transform: uppercase;
    font-family: "Roboto-Bold";
}

input, textarea, button, select {
    font-family: "Roboto-Regular";
}


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

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

.matrix_headline {
    background: #14a2e0;
    text-transform: uppercase;
}

.matrix_sub_headline {
    font-family: "Roboto-Medium";
}

.matrix_sub_headline .number {
    background: #14a2e0;
}

.matrix_button:hover {
    background: #F79B2F;
    color: #14a2e0;
}

.matrix_button.active {
    outline: 1px solid #14a2e0;
    font-family: "Roboto-Medium";
    font-weight: 400;
}

.matrix_price span {
    font-size: 3rem;
    font-family: "Roboto-Medium";
    font-weight: 400;
}

.longo-matrix__price {
    font-size: 2.5em;
    font-family: "Roboto-Medium";
}


.longo-matrix--downloadable .price-box .price {
    font-family: "oboto-Medium";
}


div.longo-stock-product span.option_title {
    display: block;
    width: 100%;
    font-family: "Roboto-Medium";
    font-weight: 400;
    text-align: center;
    margin-top: 1em;
}

.breadcrumbs li span {
    color: #7B746F;
}

.breadcrumbs li span.last-crumb {
    color: #7B746F;
    font-family: "Roboto-Medium";
}

.breadcrumbs .sep::before {
    content: "\e261";
}

.breadcrumbs li .sep {
    transform: rotate(270deg);
}

.block-layered-nav .currently ol li .value {
    color: #14a2e0;
}

.catalog-category-view .products-grid.single-line-name .product-name {
    color: #7B746F;
}


.catalog-category-view .products-grid .item {
    background: #DBD5CD;
}

.catalog-category-view .products-grid .product-name {
    font-family: "Roboto-Medium";

}

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

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

.header a {
    color: #7B746F;
}

.form-search .input-text, .form-search .button {
    color: #7B746F;
}

strong {
    color: #7B746F;
}

.sticker.new {
    background-color: #F79B2F;
    color: #ffffff;
}


.product-background-wrapper {

    background: linear-gradient(to bottom, rgba(219, 213, 205, 0.3) 0%, rgba(219, 213, 205, 0.65) 50%, rgba(219, 213, 205, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.product-view .btn-cart, .btn-checkout {
    background-color: #14a2e0;
}

.product-view .sku .label {
    font-family: "DIN-CondensedDemi";
    font-weight: 400;
}

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

#approval-approve-list, #customer-membership, #sales-order-history {
    display: none !important;
}

#customer-personalization {
    display: block !important;
}

.col-edit.a-center a {
    visibility: hidden;
}

.\32 .icon.ib.ic.ic-compare {
    visibility: hidden;
}

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

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

.matrix_button:hover {
    color: #fff;
}

.matrix_headline {
    background: #f5f5f5;
    color: #14a2e0;
    font-family: "Roboto-Bold";
}


.nav-regular li.level0 > a > span {
    font-family: "Roboto-Bold";
}

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

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

.products-grid.single-line-name .item:hover .product-name {
    color: #14a2e0;
}

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

.links > li > a:hover {
    color: #14a2e0 !important;
    font-family: "Roboto-Medium";
}


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

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

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

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

.navi .nav-panel--dropdown a {
    color: #7B746F;
}

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

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

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

.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: #F79B2F;
    color: #ffffff;
}

/* Custom product matrix */

.matrix-product h3 {
    font-family: "Roboto-Regular", sans-serif;
}

.matrix-product #upload h2 {
    font-family: "Roboto-Regular", sans-serif;
}

/* 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, #14a2e0, #14a2e0);
    background-color: #14a2e0;
}

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

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

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

.qq-upload-button {
    background: #14a2e0;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #ffffff;
    background-color: #333333;
}


.btn-success {
    background-color: #14a2e0;
    color: #fff;
    background-image: none;
}

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

#load.btn-success {
    background-color: #14a2e0;
}

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

/* disable print selection 
.item-options {
    display: none;
}
*/

.item-options :first-child, .item-options :nth-child(2) {
    display: block !important;
}

/* home */

.grid12-3.home-button {
    margin-top: 60px;
}

.home-button-hover:hover {
    opacity: 0.5;
}

.grid12-3.home-button img {
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* store credit */
.btn-remove.btn-remove-amstcred img {
    display: none;
}

#amstcred-send-balance-form {
    display: none;
}

.amstcred-customer-index .column-main h2:nth-child(6) {
    display: none;
}

#amstcred-subscribe-form .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {
    margin: 40px 0px -10px;
}

#amstcred-subscribe-form .button {
    background-color: #14a2e0;
    color: #fff;
    margin-left: 20px;
}

#checkoutSteps #amstcred-customerbalance {
    margin-bottom: 20px;
}

/* personalization data fields */

.td2 input {
    width: 300px;
}

.td1 {
    white-space: nowrap;
}


button#submit {
    width: 83px;
}

/* account */


#page-columns > div.col-left.sidebar.sidebar-main > div.block.block-account > div.block-content > ul > li:nth-child(12),
#page-columns > div.col-left.sidebar.sidebar-main > div.block.block-account > div.block-content > ul > li:nth-child(15) {
    display: none;
}

#page-columns > div.col-left.sidebar.sidebar-main > div.block.block-account > div.block-content > ul > li:nth-child(10) {
    display: block;
}


/* login */
.customer-account-login #send2 {
    background-color: #F79B2F;
}

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

/* 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: #7B746F;
    font-weight: 400;
    font-family: "Roboto-Regular";
}

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

/* Checkout */

#shopping-cart-table tr > :nth-child(3) {
    display: none;
}

.item-options .printselection {
    display: none !important;
}

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

.longo-matrix .swatch-label:hover {
    color: #fff;
}

.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;
}

#configurable_swatch_language > li:hover {
    background: #F79B2F;
    color: #fff;
}

#configurable_swatch_language:hover {
    color: #fff;
}

#configurable_swatch_language .selected {
    border: 1px solid #14a2e0;
}

.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: #000;
    font-weight: bold;
}

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

/* category products grid */

.category-products-grid {
    display: flex;
    flex-wrap: wrap;
}

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

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

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

/* downloadable-links-list */
.product-options ul.options-list label:hover {
    border-color: #F79B2F !important;
    background-color: #F79B2F;
    color: #fff;
}

.longo-matrix--downloadable #downloadable-links-list .is-checked label {
    border-color: #14a2e0 !important;
    font-weight: 700;
}