@charset "utf-8";
/* CSS Document */


body{
    
    margin: 0px;
    padding: 0px;
    line-height: 2;
    font-family: 'Arial', serif;
}


.list > div{
    
    margin: 5px;
    background-color: #E0E0E0;
    border-radius: 4px;
    padding: 4px;
    cursor:pointer;
    
}

.nav{
    z-index: 10;
    display: flex;
}

.mobileonly{
    
    display: none;
}


.menubtn{
    
    display: none;
}


.imagemanager, .musicmanager, #catalogsongs {
    
    padding-bottom: 25px;
}

.musicmanager > div > img{
    
    width: 100%;
    height: auto;
}

.musicmanager > div:not(div:first-child){
    
    font-size:10px;
    line-height: 1;
    text-align: center;
    
}

.imagemanager > div, .imagemanager > img, .musicmanager > div, .musicmanager >img, #catalogsongs *{
    
    width: 80px;
    display: inline-block;
    vertical-align: top;
    height: 80px;
    margin-right: 15px;
    object-fit: cover;
    object-position: center;
    background-color: aliceblue;
    cursor: pointer;
}


.imagemanager > div:nth-child(1), .musicmanager > div:nth-child(1){
    
    
    
    box-sizing: border-box;
    padding: 22px;
    padding-left: 37px;
    background-color: white;
    font-weight: bolder;
    border: thin solid #c1c1c1;
    border-radius: 6px;
}

.productpage{
    
    width: 100%;
    display: flex;
}

.productpage > div{
    
    width: 50%;
    
}

.productpage select{
    
    display: block;
    margin-bottom: 25px;
    border-radius:3px;
    padding: 15px;
    width: 300px;
}


.productpage div > *{
    
    margin-top: 15px;
}


.productpage > div:nth-child(2) > div:nth-child(1){
    
    font-weight: bolder;
    font-size: 2em;
}

.productpage > div:nth-child(2) > div:nth-child(2){
    
    font-weight: bolder;
    margin-top: 0px;
}

productpage > div:nth-child(1) > img{
    
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}




.products > a{
    
    text-decoration: none;
    color:black;
}

.products > a > div{
    
    position: relative;
    width: 33%;
    height: auto;
    padding: 15px;
    margin-right: 1%;
    line-height: 1.6;
}

.products > a > div > img{
    width: 100%;
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    object-fit: cover;
    object-position: center;
}


.products > a > div > div:nth-child(2){
    font-weight: bolder;
}


.products > a > div > div:nth-child(4){
font-size: 10px;
}


.submissions input{
    
    width: 40%; margin-right: 1%;
    padding: 3px;
    margin-bottom: 15px;
    border-radius: 3px;
}

textarea{
    display: block;
    resize: none;
    font-family: 'Arial', serif;
    padding: 3px;
    margin-bottom: 15px;
    width: 50%;
    min-height: 300px;
    border-radius: 3px;
}

.logo{
    
    height: 30px;
    width: auto;
}


.cbtn{
    cursor: pointer;
    padding: 5px;
    min-width: 200px;
    text-align: center;
    color: white;
    background-color: black;
    position: relative;
    display: inline-block;
    border-radius:3px;
}
.centercontent{
    width: 60vw;
    display:block;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    margin-top: 35px;
    
}

.centercontent2{
    
    width: 60vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 60px;
    background-color: white;
    border-radius: 6px;
    margin-top: -159px;
    position: relative;
    z-index: 10;
}

.bannertext{
    top: 35%;
    position: absolute;
    color: white;
    font-weight: bolder;
    font-size: 6em;
    z-index: 10;
    line-height: 1.25;
    width: 50vw;
    left: 50%;
    margin-left:  -25vw;
    
    text-align: center;
    text-transform: uppercase;
}

.topbar{
    flex-wrap: nowrap;
    display: flex;
    background-color: black;
    box-sizing: border-box;
    padding: 10px;
    max-height: 9vh;
    min-height: 6vh;
width: 100%;
}

.topbar > div{
    
    width: 100%;
}

.topbar > div:first-child{
    
    width: 25%;
}

.topbar a{
    
    color: white;
    text-decoration: none;
    margin-right: 35px;
}


.header{
    
    width: 100%;
    height: 30vh;
    background-color: black;
    box-sizing: border-box;
}

.header img{
    
    
    opacity: .6;
    width: 100%;
    
    height: 30vh;
    object-fit: cover;
    object-position: center;
    
}

.homebanner{
    position: relative;
    background-color: black;
}
.homebanner img{
    opacity: .6;
    height: 95vh;
    object-fit: cover;
}

 .socials{
         
         max-width: 150px !important;
     }