.template-blog #MainContent {
 padding:125px 0 0
}
.template-blog #MainContent>* {
 width:100%
}
.template-blog #MainContent .blog-header {
 display:flex;
 justify-content:flex-start;
 align-items:flex-start;
 padding-bottom:70px;
 padding:0 28px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-header {
  flex-flow:column
 }
}
.template-blog #MainContent .blog-header>* {
 width:33%
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-header>* {
  width:100%
 }
}
.template-blog #MainContent .blog-header .blog-title {
 text-transform:uppercase;
 text-align:center;
 margin-top:-4px;
 order:2
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-header .blog-title {
  order:unset
 }
}
.template-blog #MainContent .blog-header .blog-description {
 text-transform:uppercase;
 padding-right:9%;
 order:1
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-header .blog-description {
  order:unset;
  padding-right:0;
  text-align:center;
  margin-top:20px;
  margin-bottom:15px
 }
}
.template-blog #MainContent .blog-menu {
 padding:0;
 margin:0;
 list-style:none;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:20px 0;
 position:sticky;
 z-index:2;
 background:#fff
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-menu {
  padding:20px 14px;
  text-align:left;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding:20px 14px 14px 14px
 }
}
.template-blog #MainContent .blog-menu li {
 margin:0 8px;
 text-transform:uppercase
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-menu li {
  margin:0 16px 0 0;
  display:flex
 }
}
.template-blog #MainContent .blog-menu li.current-tag {
 font-weight:900
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-menu li a {
  display:flex;
  white-space:nowrap
 }
}
.template-blog #MainContent .blog-posts {
 padding:0 28px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts {
  padding:0 14px
 }
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position,
.template-blog #MainContent .blog-posts .blog-item.first-position {
 width:50%;
 position:relative
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position,
 .template-blog #MainContent .blog-posts .blog-item.first-position {
  width:100%
 }
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper,
.template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper {
 position:relative
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper:before,
.template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper:before {
 display:block;
 content:'';
 width:100%;
 padding-top:100%
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper>figure,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper>img,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper>video,
.template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper>figure,
.template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper>img,
.template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper>video {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper,
 .template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper {
  position:relative
 }
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper:before,
 .template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper:before {
  display:block;
  content:'';
  width:100%;
  padding-top:125%
 }
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper>figure,
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper>img,
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .img-wrapper>video,
 .template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper>figure,
 .template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper>img,
 .template-blog #MainContent .blog-posts .blog-item.first-position .img-wrapper>video {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
 }
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info,
.template-blog #MainContent .blog-posts .blog-item.first-position .post-info {
 position:absolute;
 top:0;
 left:0;
 padding:25px;
 font-size:26px;
 font-weight:100;
 line-height:1;
 text-transform:uppercase;
 font-size:calc(16px + (26 - 16) * ((100vw - 300px) / (1600 - 300)));
 line-height:calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));
 text-transform:uppercase;
 color:#fff;
 max-width:70%
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info,
 .template-blog #MainContent .blog-posts .blog-item.first-position .post-info {
  padding:15px 0;
  position:initial;
  color:#000;
  font-size:11px;
  line-height:1.4em;
  letter-spacing:.04em;
  text-transform:unset;
  max-width:unset
 }
}
@media only screen and (max-device-width:768px) and (max-device-width:768px),only screen and (max-width:768px) and (max-device-width:768px),only screen and (max-device-width:768px) and (max-width:768px),only screen and (max-width:768px) and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info,
 .template-blog #MainContent .blog-posts .blog-item.first-position .post-info {
  font-size:10px
 }
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info .post-title,
.template-blog #MainContent .blog-posts .blog-item.first-position .post-info .post-title {
 font-weight:400
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info .post-title,
 .template-blog #MainContent .blog-posts .blog-item.first-position .post-info .post-title {
  font-weight:900;
  text-transform:uppercase
 }
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info .date,
 .template-blog #MainContent .blog-posts .blog-item.first-position .post-info .date {
  text-transform:uppercase;
  margin-bottom:10px
 }
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info .read-more,
 .template-blog #MainContent .blog-posts .blog-item.first-position .post-info .read-more {
  text-transform:uppercase;
  font-weight:900;
  margin-top:10px
 }
}
.template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info>:not(:first-child),
.template-blog #MainContent .blog-posts .blog-item.first-position .post-info>:not(:first-child) {
 display:none
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist.first-position .post-info>:not(:first-child),
 .template-blog #MainContent .blog-posts .blog-item.first-position .post-info>:not(:first-child) {
  display:flex
 }
}
.template-blog #MainContent .blog-posts .trigger-wrapper {
 width:100%;
 display:flex;
 flex-grow:1
}
.template-blog #MainContent .blog-posts .trigger-wrapper .trigger {
 text-transform:uppercase;
 font-weight:900;
 padding:13px 145px;
 border:1px solid #000;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 margin:27px auto 0
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .trigger-wrapper .trigger {
  padding:13px 0;
  width:100%;
  text-align:center
 }
}
.template-blog #MainContent .blog-posts,
.template-blog #MainContent .latest-playlists-posts {
 display:flex;
 flex-wrap:wrap;
 margin:0 -5px 0
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts,
 .template-blog #MainContent .latest-playlists-posts {
  margin:0
 }
}
.template-blog #MainContent .blog-posts .blog-item,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist,
.template-blog #MainContent .latest-playlists-posts .blog-item,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist {
 width:25%;
 padding:0 5px;
 margin-bottom:10px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item,
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist,
 .template-blog #MainContent .latest-playlists-posts .blog-item,
 .template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist {
  width:100%;
  padding:0
 }
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper {
 position:relative
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper:before,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper:before,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper:before,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper:before {
 display:block;
 content:'';
 width:100%;
 padding-top:125%
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper>figure,
.template-blog #MainContent .blog-posts .blog-item .img-wrapper>img,
.template-blog #MainContent .blog-posts .blog-item .img-wrapper>video,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper>figure,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper>img,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper>video,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper>figure,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper>img,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper>video,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper>figure,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper>img,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper>video {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper .pdplay-layer,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper .pdplay-layer,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer {
 display:flex;
 position:absolute;
 z-index:1;
 top:0;
 width:100%;
 left:0;
 justify-content:space-between;
 align-items:flex-start;
 padding:25px;
 color:#fff
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item .img-wrapper .pdplay-layer,
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer,
 .template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper .pdplay-layer,
 .template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer {
  padding:12px
 }
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper .pdplay-layer svg,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer svg,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper .pdplay-layer svg,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer svg {
 width:35px;
 height:35px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item .img-wrapper .pdplay-layer svg,
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer svg,
 .template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper .pdplay-layer svg,
 .template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper .pdplay-layer svg {
  width:25px;
  height:25px
 }
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper img,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper img,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper img,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 opacity:0;
 visibility:hidden
}
.template-blog #MainContent .blog-posts .blog-item .img-wrapper img.fade-in,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .img-wrapper img.fade-in,
.template-blog #MainContent .latest-playlists-posts .blog-item .img-wrapper img.fade-in,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .img-wrapper img.fade-in {
 opacity:1;
 visibility:visible
}
.template-blog #MainContent .blog-posts .blog-item .post-info,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .post-info,
.template-blog #MainContent .latest-playlists-posts .blog-item .post-info,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .post-info {
 padding:15px 17px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-posts .blog-item .post-info,
 .template-blog #MainContent .blog-posts .blog-item-latest-playlist .post-info,
 .template-blog #MainContent .latest-playlists-posts .blog-item .post-info,
 .template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .post-info {
  padding:15px 0
 }
}
.template-blog #MainContent .blog-posts .blog-item .post-info .post-title,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .post-info .post-title,
.template-blog #MainContent .latest-playlists-posts .blog-item .post-info .post-title,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .post-info .post-title {
 font-weight:900;
 text-transform:uppercase
}
.template-blog #MainContent .blog-posts .blog-item .post-info .date,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .post-info .date,
.template-blog #MainContent .latest-playlists-posts .blog-item .post-info .date,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .post-info .date {
 text-transform:uppercase;
 margin-bottom:10px
}
.template-blog #MainContent .blog-posts .blog-item .post-info .read-more,
.template-blog #MainContent .blog-posts .blog-item-latest-playlist .post-info .read-more,
.template-blog #MainContent .latest-playlists-posts .blog-item .post-info .read-more,
.template-blog #MainContent .latest-playlists-posts .blog-item-latest-playlist .post-info .read-more {
 text-transform:uppercase;
 font-weight:900;
 margin-top:10px
}
.template-blog #MainContent .blog-latest-playlists {
 margin-top:60px;
 padding:40px 28px 86px 28px;
 display:flex;
 flex-flow:column;
 background-color:#f4f3ef
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-latest-playlists {
  padding:40px 14px 17px
 }
}
.template-blog #MainContent .blog-latest-playlists .blog-header {
 justify-content:center;
 align-items:flex-start;
 text-align:center
}
.template-blog #MainContent .blog-latest-playlists .blog-header .latest-playlists-title {
 text-transform:uppercase
}
.template-blog #MainContent .blog-latest-playlists .latest-playlists-posts {
 margin-top:40px;
 justify-content:center
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts {
  margin:40px -5px 0
 }
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts .blog-item,
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts .blog-item-latest-playlist {
  width:50%;
  padding:0 5px
 }
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts .blog-item .read-more,
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts .blog-item .rte,
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts .blog-item-latest-playlist .read-more,
 .template-blog #MainContent .blog-latest-playlists .latest-playlists-posts .blog-item-latest-playlist .rte {
  display:none
 }
}
.template-blog .newsletter-footer {
 border-top:0
}
.template-article #MainContent .blog-header {
 display:flex;
 align-items:center;
 justify-content:flex-start;
 padding:20px 28px 19px 0;
 text-transform:uppercase;
 color:#b1b1b1
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-header {
  padding:26px 14px 19px 0
 }
}
.template-article #MainContent .blog-header>* {
 width:33%
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-header>* {
  width:100%
 }
}
.template-article #MainContent .blog-header .back {
 padding-left:28px;
 color:#000;
 display:flex;
 align-items:center;
 cursor:pointer
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-header .back {
  padding-left:14px;
  display:none
 }
}
.template-article #MainContent .blog-header .back svg {
 margin-right:10px
}
.template-article #MainContent .blog-header .blog-and-date {
 text-align:center;
 color:#b1b1b1
}
.template-article #MainContent>article .article-title {
 margin:36px auto 60px;
 text-align:center;
 text-transform:uppercase;
 max-width:33.33%;
 font-weight:500
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent>article .article-title {
  max-width:unset;
  margin:19px auto 35px;
  padding:0 14px
 }
}
.template-article #MainContent>article .rte {
 width:50%;
 margin:0 auto
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent>article .rte {
  width:unset;
  padding:0 14px
 }
}
.template-article #MainContent>article .rte p {
 margin-bottom:53px
}
.template-article #MainContent>article .rte img {
 max-width:100%
}
.template-article #MainContent .blog-you-may-also-like {
 margin-top:60px;
 padding:40px 28px 86px 28px;
 display:flex;
 flex-flow:column;
 align-items:center;
 background-color:#f4f3ef
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like {
  padding:40px 14px 17px
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-lik-title {
 font-weight:500;
 text-transform:uppercase
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like {
 display:flex;
 justify-content:center;
 flex-wrap:wrap
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like {
  padding-bottom:0
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist {
 width:25%;
 padding:0 5px;
 margin-bottom:10px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item,
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist {
  width:50%
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper {
 position:relative
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper:before,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper:before {
 display:block;
 content:'';
 width:100%;
 padding-top:125%
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper>figure,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper>img,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper>video,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper>figure,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper>img,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper>video {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper .pdplay-layer,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper .pdplay-layer {
 display:flex;
 position:absolute;
 z-index:1;
 top:0;
 width:100%;
 left:0;
 justify-content:space-between;
 align-items:flex-start;
 padding:25px;
 color:#fff
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper .pdplay-layer,
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper .pdplay-layer {
  padding:12px
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper .pdplay-layer svg,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper .pdplay-layer svg {
 width:35px;
 height:35px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper .pdplay-layer svg,
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper .pdplay-layer svg {
  width:25px;
  height:25px
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper img,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 opacity:0;
 visibility:hidden
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .img-wrapper img.fade-in,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .img-wrapper img.fade-in {
 opacity:1;
 visibility:visible
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info {
 padding:15px 17px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info,
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info {
  padding:15px 0
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info .post-title,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info .post-title {
 font-weight:900;
 text-transform:uppercase
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info .date,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info .date {
 text-transform:uppercase;
 margin-bottom:10px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info .rte,
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info .rte {
  display:none
 }
}
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info .read-more,
.template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info .read-more {
 text-transform:uppercase;
 font-weight:900;
 margin-top:10px
}
@media only screen and (max-device-width:768px),only screen and (max-width:768px) {
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item .post-info .read-more,
 .template-article #MainContent .blog-you-may-also-like .you-may-also-like .blog-item-latest-playlist .post-info .read-more {
  display:none
 }
}
.template-article .newsletter-footer {
 border-top:0
}
/*# sourceMappingURL=/s/files/1/2803/4000/t/188/assets/blogStyles.css.map?v=4800858547110375251 */