/* Styles that changed from responsive-3 */
.scroll-wrapper {
    padding-bottom: 300px
}

.topic-banner {
    margin: 0 auto;
    text-align: center;
    width: auto;
    padding: 10px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.topic-banner h1 {
    font: normal 20px "Larsseit",sans-serif;
    letter-spacing: .3em
}

#topic .timeline-article {
    width: 32%;
    display: inline-block;
    margin: 0 1.5% 15px 0;
    vertical-align: top
}

#topic .timeline-article a {
  color: #39f;
}

#topic .timeline-article h3 {
  margin: 0.5em 0;
}

#topic .timeline-article .rmore {
    font: normal 12px "Larsseit-Bold",sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #666;
}

#topic .timeline-article .shadow {
    box-shadow: 0 10px 11px -10px rgba(0,0,0,0.6)
}

#topic .timeline-article .timeline-arrow {
    display: none
}

#topic .timeline-article .timeline-banner {
    font: bold 12px "Larsseit-Bold",sans-serif;
    text-transform: uppercase;
    margin: 10px 0
}

#topic .timeline-article .timeline-content {
    font-family: "Larsseit", sans-serif;
    line-height: 24px
}

#topic .timeline-article .timeline-content .timeline-excerpt {
    min-height: 60px
}

#topic .timeline-article .timeline-content .timeline-excerpt a:hover {
    color: #000
}

#topic .timeline-article .timeline-content .timeline-time {
    font: normal 12px "Larsseit-Bold",sans-serif;
    letter-spacing: .1em;
    color: #cb857e
}

#topic .timeline-article .timeline-content .timeline-time-date {
    display: block;
    padding: 5px 0 3px 0;
    color: #c1c1c1
}

#topic .timeline-article .timeline-content .timeline-media {
    overflow: hidden;
    margin-bottom: 8px;
    box-shadow: 0 5px 7px rgba(0,0,0,0.3)
}

#topic .timeline-article .timeline-content .timeline-media img {
    width: 100%
}

#topic .timeline-article .seoby {
    display: none
}

#topic .timeline-controls {
    display: none;
    border: 3px solid #cb857e;
    padding: 12px 8px;
    text-align: center;
    font: bold 11.96px "Larsseit-Bold",sans-serif;
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto;
    clear: both
}

#topic .timeline-controls a:hover {
    color: #000
}

#topic.channel-lifestyle .timeline-article .rmore {
    color: #cb857e
}

@media only screen and (max-width: 480px){
    #topic .timeline-article {
        width: 100%
    }
}

@media only screen and (max-width: 753px) and (min-width: 481px){
    #topic .timeline-article {
        width: 100%
    }
}

@media only screen and (max-width: 899px) and (min-width: 754px){
    #topic .timeline-article {
        width: 48.5%
    }

    #topic .timeline-article .timeline-media {
        height: 360px !important
    }

    #topic .timeline-article:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 1108px) and (min-width: 900px){
    #topic .timeline-article {
        margin-right: 1.2%
    }

    #topic .timeline-article .timeline-media {
        height: 225px !important
    }

    #topic .timeline-article:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1266px){
    #topic .timeline-article .timeline-media {
        height: 250px !important
    }

    #topic .timeline-article:nth-child(3n) {
        margin-right: 0
    }
}
/* End styles that changed */

#topic .timeline-article .timeline-content .timeline-media {
    box-shadow: none;
}

#topic .timeline-article .timeline-media {
    height: auto !important
}

.topic-notFound {
    margin: 0 auto;
    text-align: center;
}


.pagination__wrapper {
    border-top: 1px solid #e3e3e3;
    text-align: center;
}

.pagination__header {
    font-family: 'Larsseit-Bold', sans-serif;
    font-size: 12px;
    margin-top: 25px;
    text-transform: uppercase;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 14px;
}

.pagination > li {
    display: inline
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 30px;
    margin-top: -12px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 30px;
    margin-top: -12px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: #cb857e;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 2;
    color: #cb857e;
    cursor: default;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    display: none;
}

/* Tag page redesign bug fixes - Priya */
.channel-lifestyle .subnav a {
    font-family: "Larsseit-Bold", sans-serif;
}

#topic .timeline-article .rmore:hover {
    color: #e3e3e3;
}

@media only screen and (max-width: 753px) and (min-width: 481px) {
    .topic-banner h1 {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 899px) and (min-width: 754px) {
    .topic-banner h1 {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1109px) and (min-width: 1265px) {
    #topic .timeline-article:nth-child(3n) {
        margin-right: 0;
    }
}

/* end Tag page redesign bug fixes */

.channel-news .pagination > .active > a,
.channel-news .pagination > .active > a:focus,
.channel-news .pagination > .active > a:hover,
.channel-news .pagination > li > a:hover,
#topic.channel-news .timeline-article .rmore {
    color: #000;
}

.channel-entertainment .pagination > .active > a,
.channel-entertainment .pagination > .active > a:focus,
.channel-entertainment .pagination > .active > a:hover,
.channel-entertainment .pagination > li > a:hover,
#topic.channel-entertainment .timeline-article .rmore {
    color: #868686;
}

.channel-finance .pagination > .active > a,
.channel-finance .pagination > .active > a:focus,
.channel-finance .pagination > .active > a:hover,
.channel-finance .pagination > li > a:hover,
#topic.channel-finance .timeline-article .rmore {
    color: #16CFF7;
}

.channel-lifestyle .pagination > .active > a,
.channel-lifestyle .pagination > .active > a:focus,
.channel-lifestyle .pagination > .active > a:hover,
.channel-lifestyle .pagination > li > a:hover,
#topic.channel-lifestyle .timeline-article .rmore {
    color: #cb857e;
}

.channel-sports .pagination > .active > a,
.channel-sports .pagination > .active > a:focus,
.channel-sports .pagination > .active > a:hover,
.channel-sports .pagination > li > a:hover,
#topic.channel-sports .timeline-article .rmore {
    color: #DA5144;
}

.channel-food .pagination > .active > a,
.channel-food .pagination > .active > a:focus,
.channel-food .pagination > .active > a:hover,
.channel-food .pagination > li > a:hover,
#topic.channel-food .timeline-article .rmore {
    color: #9BCCA8;
}

.channel-travel .pagination > .active > a,
.channel-travel .pagination > .active > a:focus,
.channel-travel .pagination > .active > a:hover,
.channel-travel .pagination > li > a:hover,
#topic.channel-travel .timeline-article .rmore {
    color: #8fbbc9;
}

.channel-wellness .pagination > .active > a,
.channel-wellness .pagination > .active > a:focus,
.channel-wellness .pagination > .active > a:hover,
.channel-wellness .pagination > li > a:hover,
#topic.channel-wellness .timeline-article .rmore {
    color: #7c74ad;
}

.channel-home .pagination > .active > a,
.channel-home .pagination > .active > a:focus,
.channel-home .pagination > .active > a:hover,
.channel-home .pagination > li > a:hover,
#topic.channel-home .timeline-article .rmore {
    color: #e89e84;
}