@import url("default.min.css");

body .menu .menu-link.active { font-weight: bold; }

body .releases {
     position: relative;
     float: left; }

body .releases-title {
     position: relative;
     float: left;
     font-family: "NotoSans_Black";
     text-transform: uppercase; }

body .releases-years {
     position: relative;
     float: left;
     font-family: "NotoSans-Medium";
     text-transform: uppercase;
     clear: left; }

body .releases-years--item {
     position: relative;
     float: left;
     cursor: pointer;
     transition: all 0.5s ease-out;
}

body .releases-years--item:hover {
     color: #0080c4; }

body .releases-years--item:nth-child(1) {
     margin-left: 0; }

body .releases-years--item.active {
     font-family: "NotoSans_Black";
     color: #0080c4; }

body .month {
     position: relative;
     float: left;
     transition: all 0.5s ease-out;
}

body .month-title {
     position: relative;
     float: left;
     font-family: "NotoSans-Medium";
     text-transform: uppercase; }

body .month-slider {
     position: relative;
     float: left;
     width: 100%; }

body .month-slider .owl-stage-outer {
     width: 100%;
     position: relative;
     float: left; }

body .month-slider .owl-item, body .month-slider .owl-stage {
     position: relative;
     float: left; }

body .month-slider--items {
     position: relative;
     float: left;
     cursor: pointer;
     color: #000;
     text-transform: uppercase;
}

body .month-slider--items .itemWrap {
     position: relative;
     float: left; }

body .month-slider--items .itemWrap-cover {
     position: relative;
     float: left;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat; }

body .month-slider--items .artist, body .month-slider--items .name {
     position: relative;
     float: left;}

body .four {
     display: none; }

@media (min-width: 600px) {
     body .releases {
          width: calc(100% - 14.4rem);
          margin-top: 6.84rem;
          margin-left: 7.2rem; }
     
     body .releases-title {
          font-size: 10rem; }
     
     body .releases-years {
          margin-top: 5.1rem;
          font-size: 5rem; }
     
     body .releases-years--item {
          margin-left: 3.87rem; }
     
     body .releases-years--item.active {
          margin-top: -5.1rem;
          font-size: 10rem; }
     
     body .month {
          width: calc(100% - 7.2rem);
          margin-top: 6.84rem;
          margin-left: 7.2rem; }
     
     body .month-title {
          font-size: 5rem; }
     
     body .month-slider {
          margin-top: 2.5rem;
          margin-left: -4rem; }
     
     body .month-slider--items {
          width: 29.9rem;
          margin-left: 2.5rem; }
     
     body .month-slider--items .itemWrap {
          width: 29.9rem;
          height: 29.9rem;
          border: 0.4rem solid transparent; }
     
     body .month-slider--items .itemWrap-cover {
          width: 27rem;
          height: 27rem;
          margin-top: 1.45rem;
          margin-left: 1.45rem; }
     
     body .month-slider--items:hover .itemWrap {
          border: 0.4rem solid #ff1d6d; }
     
     body .month-slider--items .artist {
          width: 26.2rem;
          margin-top: 1.9rem;
          margin-left: 1.85rem;
          font-size: 2rem;
          font-family: "Noto_Sans_Bold"; }
     
     body .month-slider--items .name {
          width: 26.2rem;
          margin-top: 0.8rem;
          margin-left: 1.85rem;
          font-size: 2rem;
          font-family: "NotoSans-Light"; }
}

@media (max-width: 599px) {
     body .releases {
          width: calc(100% - 5rem);
          margin-top: 2.2rem;
          margin-left: 2.5rem; }
     
     body .releases-title {
          font-size: 1.4rem; }
     
     body .releases-years {
          margin-top: 1rem;
          font-size: 1.4rem; }
     
     body .releases-years--item {
          margin-left: 1.65rem; }
     
     body .month {
          width: calc(100% - 2.5rem);
          margin-top: 2.5rem;
          margin-left: 2.5rem; }
     
     body .month-title {
          font-size: 1.4rem; }
     
     body .month-slider {
          margin-top: 1.4rem;
          margin-left: -1.6rem; }
     
     body .month-slider--items {
          width: 9.5rem;
          margin-left: 1.7rem; }
     
     body .month-slider--items .itemWrap {
          width: 9.5rem;
          height: 9.5rem; }
     
     body .month-slider--items .itemWrap-cover {
          width: 9.5rem;
          height: 9.5rem; }
     
     body .month-slider--items .artist {
          width: 9.5rem;
          margin-top: 0.8rem;
          font-size: 1rem;
          font-family: "NotoSans-Light"; }
     
     body .month-slider--items .name {
          width: 9.5rem;
          font-size: 1.1rem;
          font-family: "Noto_Sans_Bold"; }
}