/* Technical Articles HTML template */

.page-header {
    margin-bottom: 0 !important;
    border: none !important;
}

.mkt .container .page-header-full-width .page-header-inner:after {
    border-bottom: 20px solid #FFFFFF !important;
}

.page-header-full-width {
    background-color: none;
}

.page-header-inner-larger-h1 h3 {
    margin: 0 !important;
}

.page-header-with-img-clearance {
    background-position: center center !important;
}

.page-header-inner:after {
    border: 0 !important;
}

.clr-txt {
    font-size: 1.5em !important;
    color: #fff !important;
}


#footer {
    margin-top: 0px !important;
}

.tech-article-header-img {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/technology/articles/headers/sample-header.jpg?v=2);
    background-position: center center !important;
    background-size: auto !important;
    background-repeat: no-repeat;
}

.tech-article-header {
    height: 240px;
    display: table;
}

.tech-article-heading {
    display: table-cell;
    vertical-align: middle;
}

.tech-res-banner-article {
    height: 215px;
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/technology/articles/headers/tech-res-banner-article-new2.jpg);
    background-repeat: no-repeat;
    background-color: #000000;
}

.tech-article-prod-desc {
    min-height: 50px;
}

.tech-article-prod-img {
    height: 120px !important;
    margin: 0 auto;
}

.tech-article-white-btn {
    background-color: #fff !important;
}

.tech-article-techno h4 {
    height: 48px;
}

.tech-article-tech-icon {
    height: 85px !important;
    margin: 0 auto;
}

.tech-article-link {
    color: #333 !important;
    text-decoration-line: underline !important;
}


.img-cntr {
    margin: 0 auto;
}

.application-text-height {
    min-height: 80px !important;
}

.article-share-facebook {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/technology/articles/icons/facebook.svg?v=1.1) !important;
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    padding-right: 35px !important;
}

.article-share-twitter {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/technology/articles/icons/twitter.svg?v=2) !important;
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    padding-right: 35px !important;
}

.article-share-linkedin {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/technology/articles/icons/linkedin.svg?v=1.1) !important;
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    padding-right: 42px !important;
}

.article-share-fb-btn {
    background-color: #3a559f !important;
    border-color: #274084 !important;
}

.article-share-lnkd-btn {
    background-color: #0077b7 !important;
    border-color: #005a8b !important;
}

.article-share-twtr-btn {
    background-color: #000 !important;
    border-color: #000 !important;
}


.tech-resources-sub-form {
    min-height: 200px;
    padding: 5px 15px;
}

.tech-resources-sub-form hr {
    margin: 7px 0px !important;
    border-top: 1px solid #777 !important;
}

.read-more-box {
    font-weight: bold;
}

.tech-hero-ban-btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000 !important;
}


@media (max-width: 767px) {

    .tech-article-header-img {
        background-color: #d6dadd;
        background-image: none;
        padding-bottom: 30px !important;
    }

    .tech-article-header {
        height: 160px;
        display: table;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .article-share-facebook {
        background-size: 12% !important;
        padding-right: 25px !important;
        padding-left: 8px !important;
    }

    .article-share-twitter {
        background-size: 20% !important;
        padding-right: 26px !important;
        padding-left: 8px !important;
    }

    .article-share-linkedin {
        background-size: 20% !important;
        padding-right: 22px !important;
        padding-left: 8px !important;
    }

}