@font-face {
    font-family: 'Montserrat';
    src: url("/assets/fonts/Montserrat-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

body {
    background-color: #FFF;
    font-family: 'Roboto', sans-serif;
}

a,
a:hover {
    text-decoration: none !important;
}
section{
    overflow-x:hidden;
}


/* Carousel */
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: visible !important;
    -webkit-transform: translate3d(0,0,0);
}
.time {
    position: absolute;
    float: left;
    margin: 3px 5pz;
    margin-left: 20%;
    font-size: 12px;
    margin-left: 30%;
    font-family:atrament-web;
    /* margin-bottom: 20%; */
    margin-top: -15%;
    color: white;
    background-color: #434343;
    /* background: #434343 0% 0% no-repeat padding-box; */
    /* border-radius: 5px; */
    /* opacity: 1; */
    /* font: normal normal normal 10px/20px Atrament; */
    /* letter-spacing: 0.42px; */
    /* color: #FFFFFF; */
    /* opacity: 1; */
    padding: 2%;
    border-radius: 3px;
}
.carousel-item-image img {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    height: 150px;
}
.owl-carousel .carousel-item {
    background: #fff;
    border: 1px solid #D9D7DA;
    text-align: center;
    box-shadow: 2px 2px 5px #00000066;
    border-radius: 14px 14px 14px 14px;
}

.owl-carousel .carousel-item-text {
    padding: 12px;
}
.carousel-item-text span {
    float: left;
    text-align: left;
   
    font: normal normal bold 18px/18px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.carousel-item-text h3 {
    text-align: left;
    font: normal normal 300 12px/20px atrament-web;
    letter-spacing: 0.42px;
    color: #919191;
    opacity: 1;
}

.owl-carousel .carousel-item .item-kicker {
    color: #9A5053;
    display: block;
    font-size: .8em;
    font-weight: 600;
    height: 30px;
    margin-bottom: 16px;
    overflow: hidden;
    text-transform: uppercase;
}

.owl-carousel .carousel-item .item-title {
    color: #646464;
    font-size: 1em;
    font-weight: 600;
    height: 38px;
    margin: 0;
    overflow: hidden;
}

.owl-dots {
    margin-top: 40px;
    text-align: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(127, 127, 127, 0.5);
    margin-left: 5px;
    margin-right: 5px;
}

    .owl-dot.active {
        background: rgba(127, 127, 127, 1);
    }


/* Tabs */

.nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .nav-tabs > li {
        display: block;
        position: relative;
        text-align: center;
    }

        .nav-tabs > li:last-child {
            margin-right: 0;
        }

.tab-content {
    display: inline-block;
    width: 100%;
}

    .tab-content .tab-pane {
        display: none;
    }

        .tab-content .tab-pane.active {
            display: block;
        }

.podcast-detail-img, .podcast-detail-header {
    margin-top: 2%;
}

    .podcast-detail-header h3 {
        text-align: left;
        font: normal normal bold 40px/40px 'Montserrat';
        letter-spacing: 0px;
        color: #000000;
    }

    .podcast-detail-header p {
        text-align: left;
        font: normal normal normal 20px/35px Segoe UI;
        letter-spacing: 0px;
        color: #707070;
    }

.podcastTime {
    font: normal normal normal 29px/55px 'Montserrat';
    letter-spacing: 0.58px;
    color: #7A7A7A;
}

.detayLinkBox .BtnBox a {
    /* font-size: 14px; */
    font: normal normal 500 20px/30px 'Montserrat' !important;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.categoryName{
    display:none;
}
.webPodcast {
    display: block;
    margin-bottom: 2% !important;
}
.mobilPodcast{
    display:none;
}

.podcast_soundwave{
    width:100% !important;
}

@media(max-width:1240px) {
    .podcastTime {
        display: inline-block;

    }
}
@media(max-width:767px){
  
    .webPodcast {
        display: none;
    }

    .mobilPodcast {
        display: block;
        margin-bottom: 2% !important;
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    .categoryName {
        display: block;
        background: transparent linear-gradient(90deg, #00A4B7 0%, #00A4B700 100%) 0% 0% no-repeat padding-box;
        border-radius: 16px 0px 0px 16px;
        opacity: 1;
        text-align: left;
        font: normal normal normal 27px/31px atrament-web;
        letter-spacing: 1.03px;
        color: #FFFFFF;
        opacity: 1;
        border-radius: 20px;
    }

        .categoryName .menuIcon {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #00a4b7;
            display: inline-block;
            /* line-height: 12px; */
            text-align: center;
            box-shadow: 3px 2px 5px #000000AD;
            border: 1px solid #FFFFFF;
            margin-left: 2px;
            margin-top: 2px;
        }

            .categoryName .menuIcon span {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                background-color: #fff;
                display: inline-block;
                border: 1px solid #ffffff;
                margin-bottom: 3px;
            }

    .detayLinkBox .BtnBox a {
        font: normal normal 500 14px/30px 'Montserrat' !important;
    }

    .podcastTime {
        display: inline-block;
        font: normal normal normal 20px/40px 'Montserrat' !important;
    }
    .podcast-detail-img img{
       margin:auto !important;
    }
    .time{
        margin-top:-20% !important;
    }

    .detayLinkBox .BtnBox {
        
        margin: 5px auto !important;
    }
    
}