/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,400;0,700;1,400;1,700&family=Roboto&display=swap');

html, body {overflow-x: hidden;overflow-y: scroll;background-color:#f0efeb;}
body {font-weight:400;font-size:100%;font-family:'Cuprum', sans-serif;padding-bottom:75px;}
b {font-weight:700;}
h1, h2, h3, h4, h5 {font-weight:700;float:left;width:100%;}
a, a:hover {text-decoration:none;outline:none !important;}
h1 {font-size:180%;}
h2 {font-size:160%}
h3 {font-size:140%}
h4 {font-size:120%;}
ul {list-style:none;padding:0;margin:0;}
b {font-weight:700;}
p {margin:0;float:left;width:100%;}
p + p {margin-top:15px;}
p + h2, p + h3, p + ul, ul + p,  h1 + h2, h1 + h3 {margin-top:25px;}
dl, ol, ul, li {float:left;width:100%;}

/*buttons*/
.btn {border-radius:4px;padding:10px 25px;}
.btn, .btn:focus, .btn:hover {border:0 !important;}
.btn-group .btn + .btn {border-left:1px solid #fff;}

.fs-110 {font-size:110%;}
.fs-120 {font-size:120%;}
.fs-130 {font-size:130%;}
.fs-140 {font-size:140%;}
.fs-150 {font-size:150%;}
.fs-160 {font-size:160%;}
.fs-170 {font-size:170%;}
.fs-180 {font-size:180%;}
.fs-190 {font-size:190%;}
.fs-200 {font-size:200%;}
.fs-300 {font-size:300%;}
.fs-400 {font-size:400%;}
.br-4 {border-radius:4px;}

/*color scheme*/
body {color:#000;}
a, a:hover {color:#00a6a6;}
.btn.btn-primary {background-color:#00a6a6;border-color:#00a6a6;color:#fff;}

.wrapper {position: relative;min-height:100vh;width:100%;max-width:1100px;margin:0 auto;}

/*navigation*/
.brand {float:left;margin:15px;position:relative;z-index:1;}
.brand a {font-weight:400;font-size:150%;line-height:44px;color:#000;}
.navigation {float:right;margin:15px;position:relative;z-index:2}
.navigation ul {float:right;width:auto;}
.navigation ul li {float:left;width:auto;border:1px solid #d4d7d9;border-left:0;background:#fff;}
.navigation ul li:first-child {border-left:1px solid #d4d7d9;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.navigation ul li:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.navigation ul li a {float:left;padding:8px 15px;color:#222;font-size:100%;font-weight:400;}

.navigation ul li.active {background:#fff;}
.navigation ul li.active a {color:#007bff;}
.navigation ul li.active .subnav a {color:#222;}
.navigation ul li .subnav {position:absolute;z-index:1;right: 0;text-align:left;background:#f9f9f9;border:1px solid #d4d7d9;margin-top:37px;border-radius:4px;display:none;}
.navigation ul li a.active + .subnav {display:block;width:100%}
.navigation ul li .subnav a {width:100%;}
.navigation ul li .subnav a + a {border-top:1px solid #f3f3f3;}


/*body*/
.navigation + .container, .navigation + .container-fluid, .container + .container {padding-top:75px;position:relative;z-index:0;}
.container + .container.share-container {padding-top:45px;}

/*footer*/
#footer {color:#444}
#footer a {color:#222;}

/*typography*/
.art-title {margin-top:15px;margin-bottom:3px;line-height:100%;}
.art-title + p {line-height:100%;color:#444;margin-top:0;}

.page-title {margin-top:15px;margin-bottom:15px;line-height:100%;}

/*streaming*/
.stream-btns a {width:100%;float:left;}
.stream-btns a.btn {text-align:left;}
.stream-btns a + a {margin-top:1px;}
.stream-btns a.tidal img {height:15px;margin-top:-3px;margin-right:7px;}
.stream-btns a i {width:25px;margin-right:5px;}
.stream-btns a i:before {float:left;margin-bottom:-5px;font-size:130%;}

.share-container {margin-top:15px;float:left;}
p + p.stream-btns {margin-top:7px}
p.artist + p {margin-top:25px}

.list.music .list-item {margin-bottom:45px;}
.list.music .list-item  a {color:#000;}
.list.music img {border-radius:4px;}
.list.music img + .art-title {margin-top:10px;}

img.img-fluid {min-width:100%;}

.social-links a {color:#000;}


input.form-control {height:44px;line-height:44px;outline:none !important;}
input.form-control:focus {outline:none !important;}
.input-group button.btn {padding:8px 25px;}

#form-download {margin-top:15px;width:100%;float:left;}
.expired h1 + p {margin-top:15px;}

/*RWD*/
@media (min-width:568px) {
    .stream-btns a {max-width:300px;}
}
@media (min-width:768px) {
    
}

@media (min-width:1024px) {
    
}