/* arrow start */
.icon-wrapper .icon, .icon-wrapper .more::after, .icon-wrapper .icon-before::before, .icon-wrapper .icon-after::after{position: relative;}
/* arrow end */

.typography-show-title-copy span.pingfang:lang(zh-TW) {
	font-family: 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 
	font-size: 12px;
	position: relative;
	top: -1px;
}

@media only screen and (max-width: 734px) {
    .typography-show-title-copy span.pingfang:lang(zh-TW) {
        font-size: 10px;
    }
}

/* font weight 600 start */
.typography-section-headline {
    font-weight: 600;
}

.typography-hero-callout {
    font-weight: 600;
}

.typography-tab-gallery-link {
    font-weight: 600;
}

.typography-tile-headline {
    font-weight: 600;
}

.typography-router-headline {
    font-weight: 600;
}

.modal-standard .cta, .modal-standard .intro-copy {
    font-weight: 600;
}

.section-catalog .marquee-cta {
    font-weight: 600;
}
/* font weight 600 end */


/* follow v /c/ styles -start- */
.hero-callout .color-pop, .section-header-headline .color-pop, .tile-headline .color-pop {
    color:#a945e3
}

#ac-localnav .ac-ln-button {
    background:#852dc4
}

#ac-localnav .ac-ln-button:hover {
    background: #a945e3;
}

#ac-localnav .ac-ln-button:active {
    background:#a945e3
}


.section-hero .hero-button {
    background: #852dc4;
}

.section-hero .hero-button:hover {
    background:#a945e3
}

.section-hero .hero-button:active {
    background:#852dc4
}

.section-hero .hero-button.disabled, .section-hero .hero-button:disabled {
    background: #852dc4;
}


.callout-button {
    background: #852dc4;
}

.callout-button:hover {
    background: #a945e3
}

.callout-button:active {
    background: #852dc4
}

.callout-button.disabled,
.callout-button:disabled {
    background: #852dc4;
}


.section-catalog .tabnav-link {
    color: #bcbcbc;
}

.section-catalog .tabnav-link.current,
.section-catalog .tabnav-link:hover {
    color: #a945e3
}

@media only screen and (max-width:734px) {
    .section-catalog .tabnav-link.current:after {
        border-bottom: 2px solid #a945e3;
    }
}

.section-faq .accordion-button:hover .accordion-icon,
.section-faq .accordion-button:hover .accordion-title-text {
    color: #a945e3
}


/* channels tab */
.section-catalog .channels .marquee-link {
	height: 594px
}

@media only screen and (max-width: 1068px) {
    .section-catalog .channels .marquee-link {
        height:445px
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .channels .marquee-link {
        height:362px
    }
}

.section-catalog .channels .marquee-item .hover-container, .section-catalog .channels .marquee-item .hover-container .hover-content {
    border-radius: 0px;
    border-top-right-radius: 18px;
    border-top-left-radius:18px
}

@media only screen and (max-width: 1068px) {
    .section-catalog .channels .marquee-item .hover-container, .section-catalog .channels .marquee-item .hover-container .hover-content {
        border-top-right-radius: 15px;
        border-top-left-radius:15px
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .channels .marquee-item .hover-container, .section-catalog .channels .marquee-item .hover-container .hover-content {
        border-top-right-radius: 12px;
        border-top-left-radius:12px
    }
}

.section-catalog .channels .chin .typography-channel-chin {
    color:#fff
}

/* follow v /c/ styles -end- */

html.no-reduced-motion .section-catalog .marquee-cta {
    transition: transform 800ms;
}


/* channels bgcolor start */
.story-book .overlay {
    background-color:rgba(125, 34, 96, .8)
}

.tou-zi .overlay {
    background-color:rgba(215, 143, 30, .8)
}

.pushkin-industries .overlay {
    background-color:rgba(231, 185, 95, .8);
}

.bbc-podcasts .overlay {
    background-color:rgba(0, 0, 42, .8)
}

.a-kids-podcast-about .overlay {
    background-color:rgba(64, 178, 236, .8)
}

.slumber-studios .overlay {
    background-color:rgba(42, 42, 64, .8)
}

.marvel .overlay {
    background-color:rgba(5, 7, 10, .8)
}

.radiotopia .overlay {
    background-color:rgba(20, 33, 55, .8)
}

.meet-cute .overlay {
    background-color:rgba(217, 217, 217, .8)
}

.blue-wire .overlay {
    background-color:rgba(28, 165, 207, .8)
}
/* channels bgcolor end */


/* ArtCD feedback */
@media only screen and (max-width: 1068px) {
    .typography-hero-callout:first-child {
        font-size: 32px;
        line-height: 1.1875;
    }
}
/* ArtCD feedback */







/*update v version style start*/



 .section-catalog .channels .marquee-list{
    height: 594px;
}

@media only screen and (max-width:1068px){
    .section-catalog .channels .marquee-list{
        height: 445px;
    }
}

.section-catalog .channels .marquee-item{
    width: 442px;
}

@media only screen and (max-width:1068px){
    .section-catalog .channels .marquee-item{
        width: 329px;
    }
}

@media only screen and (max-width:734px){
     .section-catalog .channels .marquee-item{
        width: 269px;
    }
}
 .section-catalog .channels .marquee-item .dup{
    width: 442px;
}

@media only screen and (max-width:1068px){
    .section-catalog .channels .marquee-item .dup{
        width: 329px;
    }
}
@media only screen and (max-width:734px){
    .section-catalog .channels .marquee-item .dup{
        width: 269px;
    }
}
.section-catalog .play-pause-marquees-button{
    top: 705px;
}

@media only screen and (max-width:1068px){
    .section-catalog .play-pause-marquees-button{
        top: 538px;
        right: 20px;
    }
}
@media only screen and (max-width:734px){
       .section-catalog .play-pause-marquees-button{
        top: 20px;
        right: 0px;
    }
}

 .section-catalog .channels .marquee-picture{
    height: 442px;
}
@media only screen and (max-width:1068px){
    .section-catalog .channels .marquee-picture{
        height: 329px;
    }
}
@media only screen and (max-width:734px){
     .section-catalog .channels .marquee-picture {
     height: 269px;
    }
}

 .section-catalog .tablist-wrapper{
   margin-top: 90px;
}
@media only screen and (max-width:1068px){
     .section-catalog .tablist-wrapper{
        margin-top: 75px;
    }
}

/*update v version style end*/


/* curation */
.section-catalog .curation-top-charts .marquee-picture, .section-catalog .curation-top-charts .marquee-item {
    width: 597px;
}

@media only screen and (max-width: 1068px) {
    .section-catalog .curation-top-charts .marquee-picture, .section-catalog .curation-top-charts .marquee-item {
        width: 447px;
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .curation-top-charts .marquee-picture, .section-catalog .curation-top-charts .marquee-item {
        width:237px;
    }
}

.section-catalog .curation-top-charts .marquee-picture {
    height:287px
}

@media only screen and (max-width: 1068px) {
    .section-catalog .curation-top-charts .marquee-picture {
        height:215px
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .curation-top-charts .marquee-picture {
        height:114px
    }
}

.section-catalog .curation-top-charts .row1, .section-catalog .curation-top-charts .row2 {
    margin-bottom:20px
}

@media only screen and (max-width: 1068px) {
    .section-catalog .curation-top-charts .row1, .section-catalog .curation-top-charts .row2 {
        margin-bottom:15px
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .curation-top-charts .row1, .section-catalog .curation-top-charts .row2 {
        margin-bottom:10px
    }
}


.section-catalog .curation-three-rows{
    display: none;
}
@media only screen and (max-width: 1068px) {
    .section-catalog .curation-three-rows{
        display: none;
    }
}

@media only screen and (max-width: 734px) {
    .section-catalog .curation-three-rows{
        display: block;
    }
}


@media only screen and (max-width: 734px) {
    .section-catalog .curation-two-rows{
        display: none;
    }
}


/* curation */




/*top-charts start*/

.section-catalog .hot .marquee-item{
    width: 234px;
}

@media only screen and (max-width:1068px){
    .section-catalog .hot .marquee-item{
        width: 164px;
    }
}

@media only screen and (max-width:734px){
    .section-catalog .hot .marquee-item{
        width: 132px;
    }
}

.section-catalog .hot .marquee-picture{
    width: 234px;
    height: 234px;
}

@media only screen and (max-width:1068px){
    .section-catalog .hot .marquee-picture{
        width: 164px;
        height: 164px;
    }
}

@media only screen and (max-width:734px){
    .section-catalog .hot .marquee-picture{
        width: 132px;
        height: 132px;
    }
}

.section-catalog .hot .row1{
    margin-bottom: 34px;
}
@media only screen and (max-width:1068px){
    .section-catalog .hot .row1{
        margin-bottom: 41px;
    }
}
@media only screen and (max-width:1068px){
    .section-catalog .hot .row1{
        margin-bottom: 30px;
    }
}


/*top-charts end*/


.section-tiles .tile-siri .tile-copy{
    position: relative;
    top: 10px;
}

@media only screen and (max-width:1068px){
    .section-tiles .tile-siri .tile-copy{
        top: 0;
    }
}

@media only screen and (max-width:734px){
   .section-tiles .tile-siri .tile-copy{
        top: 0;
    }
}



/*iphone screen start */
@media only screen and (max-width:1068px){
    .hero-iphone-screen{
        top: 12px;
    }
}

@media only screen and (max-width:734px){
    .hero-iphone-screen{
        top: 6px;
    }
}

/*iphone screen end */


/*river font size start */

.typography-show-title-copy{
    font-size: 14px;
}

/*river font size end */