.wrap-archive-page{padding:80px 0}
.archive-page {max-width: 1270px;padding: 0 0;margin: 0 auto}
.archive-page.m-grid{max-width:970px}
.article-box {background-color: #FFF}
.archive-title{line-height: 1.4}
.wrap-title {margin-bottom:8rem}

.wrap-title h1 {display: flex;align-items: center;justify-content: center;letter-spacing:3.5px;  line-height:1.17;}
.wrap-title h1 span {position: relative;width:100%}

.wrap-title h1 span:after {
    content: "";
    position: absolute;
    right: 0;
    width: 90%;
    display: block;
    height: 4px;
    background: var(--orange);
    /* top: 15px; */
}
.slider .slide{padding:0}
.slider .slide .child-element{
  transition:all .2s ease;width:auto;height:auto;margin:26px 10px;transition:all .5s
}

.slider .slide.slick-center .child-element{margin:0;height:auto;max-width:initial;box-shadow: 0px 3px 6px #00000029}
.anchor-thumb {
    border-radius: 5px;
    overflow: hidden;
    height: 0;
    padding-bottom: 110%;
    position: relative;
    background: #26459F 0% 0% no-repeat padding-box;
}
.slider .slide.slick-center .child-element .anchor-thumb{padding-bottom:125%;}
.slider .slide .child-element .anchor-thumb img{position:absolute;top:0;left:0;opacity: 0.4}
.slider .slide.slick-center .child-element img {opacity: 1}
.anchor-thumb i{position:absolute;top:0;left:0;z-index:1;right:0;text-align:center;font-size:20px;font-style:normal}
.anchors-row{margin-bottom:5rem;padding:0 28px}
.slider-for-wrap{display:flex}
.anchor-name{font-size:3.4rem;line-height:1}

@media screen and (min-width:1499px) {
.anchor-name{font-size:4rem;line-height:1}  
}
.anchor-name:after{content:"";background-color:var(--orange);height:2px;display:block;width:130px;margin-top:10px}

/* .slick-prev:before, .slick-next:before{display:none} */
.anchors-row .slick-prev,
.anchors-row .slick-next {
    width: 40px;
    height: 40px;
    z-index: 1;
}

@media screen and (min-width:1499px) {
.anchors-row .slick-prev {left: -4rem}
.anchors-row .slick-next {right: -4rem}
}

.anchors-row .slick-prev:before, 
.anchors-row .slick-next:before {
    content: "";
    background-image: url(/wp-content/themes/whsk_myradio/common/imgs/arrow.svg);
    opacity: 0.4;
    background-size: 100%;
    width: 40px;
    height: 40px;
    transition:all 0.3s ease;
    display: block;
}

.anchors-row .slick-prev:hover:before,
.anchors-row .slick-next:hover:before {
    opacity: 1;
}

.anchors-row .slick-prev:before{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";  
}

.show-desk{line-height:27px}

.related-show {margin-top: 15px}
.related-show .related-show-name {display: block;font-size: 25px;font-weight: normal;line-height: 29px;letter-spacing: 1.5px}
.related-show .related-show-program {display: block;margin-top: 14px;font-size: 16px;line-height: 1.3}

@media screen and (max-width:1023px) {
.wrap-title h1 {font-size:2.7rem;letter-spacing: 3px}
.wrap-title h1 span.border-mobile:after {left: 0;right: initial}  
.wrap-archive-page {padding: 0 20px}
.anchors-row {margin-left: -20px;margin-right: -20px;padding:0;margin-bottom:2rem}
.anchor-name{text-align:center;font-size:3rem}
.anchor-name:after {margin-left: auto;margin-right: auto}
.slider .slide .child-element {margin-bottom: 0px}
/* .slider .slide.slick-center .child-element .anchor-thumb {padding-bottom: 111.5%} */
.slider-for-wrap{flex-direction:column}
.show-desk,  
.related-show{text-align:center}
.related-show{margin-bottom:5rem}  
  
}