/*Detail page*/
.row {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.black-text, .black-text a:hover {
    color: #1A1A1E;
}

.read-more-p {
    position: relative;
}

.read-more-p .text-body {
    font-size: 12px !important;
    margin-bottom: 1.875rem !important;
}

.article-box .article-hr-top {
    border-top: 1px solid #1a1a1d !important;
    width: 30%;
    margin-left: 0;
}

.article-box .article-hr-bottom {
    border-top: 1px solid #1a1a1d !important;
    width: 50%;
    margin-left: 0;
}

.read-more-p .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10vh 0;
    background-image: linear-gradient(to top, white, transparent);
}

/*Podcast ,CaseStudy and Category promo*/
.promo-border {
    box-shadow: rgb(240 108 0) 0px 0px 0px 1px;
}

.card {
    border: none;
}

.player-icon {
    width: inherit;
    text-align: center;
    font-size: 3.75rem;
    opacity: 0.8;
    color: #fff;
    top: calc(50% - 25px);
}

.card-btn {
    border: 1px solid #c9c9c9;
    color: #c9c9c9;
    text-align: center;
    padding: 0.75rem 2.75rem;
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    right: 8px;
    transition: all 0.3s ease-in-out;
}

.card-btn:hover {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.gated-text {
    font-size: 18px !important;
}
.gated-text a {
    text-decoration: none !important;
}
.gated-text span, .card-footer h5 {
    position: relative;
}
.gated-text span:before, .card-footer h5:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0.1rem !important;
    bottom: -4px;
    left: 0;
    margin-top: 2px; 
    background: #F06C00;
    visibility: hidden;
    border-radius: 5px;
    transition: .25s linear;
}

.gated-text span:hover:before,
.gated-text span:focus:before,
.card-footer h5:hover:before,
.card-footer h5:focus:before {
    visibility: visible;
    width: 92%;
    transition: .25s linear;
}

@media only screen and (max-width: 992px) {
    .card-btn {
        width: 100% !important;
        right: inherit !important;
    }
	
	.article-box .article-hr-top, .article-box .article-hr-bottom {
        width: 100% !important;
    }

    .gated-text {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 1310px){
    .card-btn {
        position: unset !important;
    }
}

.promo-cat-img:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: rgba(210, 111, 45, 0.5);
    visibility: hidden;
    transition: all linear;
}

.promo-cat-img:hover:before,
.promo-cat-img:focus:before {
    visibility: visible;
    transition: all 0.5s linear;
}

.card-text p {
    vertical-align: top;
}

.card p {
    color: #c9c9c9;
    margin: 0.5rem 0;
}

.card .section-title {
    margin: 1rem 0;
}

.card .item-link .player-icon:hover {
    opacity: 1;
}

.card a:hover, .card a:focus {
    text-decoration: none !important;
}

.item-link-p p {
    -webkit-transition: all 0.2s ease-in-out;
}

.card .item-link-p p:hover, .card .item-link-p p:focus {
    color: rgba(240, 108, 0, 1);
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
}