/* the aem specific class footerStoreIcon wraps the <a> tag inside app-icons and would disable float:left property of each element.
The following attribute prevents that behaviour */
footer.footer .footer-top .app-icons .footerStoreIcon {
    display: inline-block;
}

/* adapt error text on forms for radio-buttons */
.radio .form-group .info-block {
    top: 30px;
}

/* removing the padding for the unordered list in the articledList component */
ul.row.card-row.padding-zero {
    padding-left: 0;
}

/* show placeholders in the footer only in edit mode*/
html:not(.aem-AuthorLayer-Edit) .ghost.footer-list-item {
    display: none;
}

.fileDownloadMultiItem {
    flex: 1;
}

.link-anchor {
    position: absolute;
    margin-top: -160px;
}

.fixed-header .link-anchor {
    margin-top: -120px;
}

.viewport-mobile .col-subnav-wrapper {
   padding-bottom: 45px;
}

.nav-open .nav-item.active > .col-subnav .col-subnav-wrapper > ul {
    overflow-y: auto;
}

#search + .locate-field-btn-wrapper .locate-field-btn {
    padding-bottom: 4px;
}

.details-info-row .image-wrapper .detail.no-carousel {
    background: #f2f3f4 url('../../../etc.clientlibs/zeppelin_core/clientlibs/zeppelin.core.app/resources/img/zeppelin_default_image.png') no-repeat;
    background-size: contain;
    min-height: 320px;
}

.details-info-row.zbm-herobanner {
    background: #f8f8f8 !important;
}

.light-row.no-distance,
.dark-row.no-distance {
    padding: 0;
}

.viewport-mobile .navbar-nav .nav-item.active ul.teaser-subnav-wrapper-back {
    padding: 0;
    min-height: 0;
    position: absolute;
    height: 50px;
    z-index: 11;
}

/*
 *  css for lazy loading
 */
picture.lazy {
    position:relative;
    max-width:100%;
    display: block;
}
picture.lazy:before {
    padding-top: 0;
    padding-bottom: 0;
}
picture.lazy img {
    position: absolute;
    left: 0;
}
.youtube picture {
    position: absolute;
    top: 0;
}
.no-js picture.lazy {
    display: none;
}

noscript img {
    width: 100%;
}

/*
 * css for card component in card container
 */
.row-card-s > .productTeaserCardComponent,
.row-card-s > .teaserCardCategory,
.row-card-s > .teaserCardContent,
.row-card-s > .teaserCardPromo {
    width: 100%;
}
.row-card-m > .productTeaserCardComponent,
.row-card-m > .teaserCardCategory,
.row-card-m > .teaserCardContent,
.row-card-m > .teaserCardPromo {
    width: 100%;
}
.row-card-l > .productTeaserCardComponent,
.row-card-l > .teaserCardCategory,
.row-card-l > .teaserCardContent,
.row-card-l > .teaserCardPromo {
    width: 100%;
}
.productTeaserCardContainer .productTeaserCardComponent > .card,
.teaserCardContainer .teaserCardCategory > .card,
.teaserCardContainer .teaserCardContent > .card,
.teaserCardContainer .teaserCardPromo > .card {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .row-card-s > .productTeaserCardComponent,
    .row-card-s > .teaserCardCategory,
    .row-card-s > .teaserCardContent,
    .row-card-s > .teaserCardPromo {
        width: 50%;
    }
    .row-card-m > .productTeaserCardComponent,
    .row-card-m > .teaserCardCategory,
    .row-card-m > .teaserCardContent,
    .row-card-m > .teaserCardPromo {
        width: 50%;
    }
    .row-card-l > .productTeaserCardComponent,
    .row-card-l > .teaserCardCategory,
    .row-card-l > .teaserCardContent,
    .row-card-l > .teaserCardPromo {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .row-card-s > .productTeaserCardComponent,
    .row-card-s > .teaserCardCategory,
    .row-card-s > .teaserCardContent,
    .row-card-s > .teaserCardPromo {
        width: 33.3333333%;
    }
    .row-card-m > .productTeaserCardComponent,
    .row-card-m > .teaserCardCategory,
    .row-card-m > .teaserCardContent,
    .row-card-m > .teaserCardPromo {
        width: 33.333333333%;
    }
}

@media screen and (min-width: 1200px) {
    .row-card-s > .productTeaserCardComponent,
    .row-card-s > .teaserCardCategory,
    .row-card-s > .teaserCardContent,
    .row-card-s > .teaserCardPromo {
        width: 25%;
    }
}

/************************************************/

@media (max-width: 450px) {
    #job-offer-count > .embed-responsive-16by9:before {
        padding-top: 85%;
    }
}

/* Header Social Icons */
.navbar-meta .btn.social-link {
    font-size: 20px;
    padding: 8px 4px 4px;
}

#vue-products .filter {
    display: none;
}