/**
    Carousel Styles
**/
.main-content{
    min-height: 90vh !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

body{
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
}

#home-page-section-one.container.sections{
    height: 90vh !important;
    min-width: 100% !important;
    margin: 0% !important;
    padding: 0% !important;
}

#cover-one{
    background-image: url('../images/backgrounds/cover.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#cover-two{
    background-image: url('../images/backgrounds/cover-two.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#cover-three{
    background-image: url('../images/backgrounds/Willing Listeners Forum.jpg');
    background-position: top-center ;
    background-size: cover;
    background-repeat: no-repeat;
}

#home-page-section-three{
    background-image: url('../images/backgrounds/genre-two.jpg');
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#home-page-section-five{
    background-color: #6495ED !important;
}

#home-page-section-seven{
    background-color: rgb(24, 24, 24) !important;
}


/* Tables */
#myTable{
    font-size: 12px !important;
}

/* Card Text */
.card-text{
    font-size: 15px !important;
}

.card-title-bottom{
    font-size: 11px !important;
}

.carousel-item{
    min-height: 90vh !important;
}

.carousel-overlay{
    background-color: rgba(0,0,0,0.5) !important;
    min-height: 90vh !important;
}

.genre-call-to-action{
    background-color: rgba(0,0,0,0.5) !important;
}

.cap-text{
    position: relative;
    top: 35vh !important;
}

.cap-button{
    padding: 10px 30px 10px 30px !important;
    font-size: 18px !important;
    color: black !important;
    background-color: white !important;
    border-radius: 3px !important;
}

.carousel .carousel-control-prev-icon{
    filter: none !important;
}

.carousel .carousel-control-next-icon{
    filter: none !important;
}

.login-form{
    min-height: 90vh !important;
}

.dashboard-top-section{
    min-height: 80vh !important;
}

.dashboard-cards{
    background-color:black !important;
}

.card-table-scroll{
    overflow-x: auto;
}

a.card-link{ 
    text-decoration: none !important;
}
 
.logo-image{
    width: 50px !important;
    height: 50px !important;
}

.card-img-top {
    width: 100% !important;
    height: 18vw !important;
    object-fit: cover !important;
    object-position: center !important;
}

.footer-section{
    background-color:black !important;
    min-height: 10vh !important;
}

.dark-background{
    background-color:black !important;
}

.canvas-button{
    display: none !important;
}

#offcanvasMenu{
    display: none !important;
}

.general-buttons{
    padding: 10px 30px 10px 30px !important;
    font-size: 14px !important;
    background-color: black !important;
    border-radius: 3px !important;
}

.buy-buttons{
    padding: 6px 20px 6px 20px !important;
    font-size: 12px !important;
    background-color: black !important;
    border-radius: 3px !important;
}

.view-all{
    padding: 7px 20px 7px 20px !important;
    font-size: 14px !important;
    border: solid !important;
    border-color: black;
    border-width: 2px !important;
    border-radius: 3px !important;
}

.bg-card-body{
    background-color: black !important;
}

.form-control{
    background-color: white !important;
}

.form-select{
    background-color: white !important;
    font-family: 'Poppins' !important;
}

.card-sections{
    border: none !important;
}

.section-height{
    min-height: 80vh !important;
}

#profile-dropdown{
    position: absolute !important;
    right: 0px;
}

#home-page-section-two{
    min-height: 80vh !important;
/*    background-color:#282c35 !important; */
}

a i.delete-icon{
    color: red !important;
    font-size: 18px !important;
}

.edit-icon{
    color: #353545 !important;
    font-size: 18px !important;
}

a.card-button{
    border: solid !important;
    border-color: white !important;
    border-width: 1px !important;
    border-radius: 5px !important;
}

a.card-button:hover{
    color: black !important;
}

audio:hover, audio:focus, audio:active
{
    -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
    -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
    box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}


audio
{
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    -moz-box-shadow: 2px 2px 4px 0px #006773;
    -webkit-box-shadow:  2px 2px 4px 0px #006773;
    box-shadow: 2px 2px 4px 0px #006773;
    -moz-border-radius:7px 7px 7px 7px ;
    -webkit-border-radius:7px 7px 7px 7px ;
    border-radius:7px 7px 7px 7px ;
}

li{
    list-style: none;
}

@media only screen and (max-width: 768px) {
    .canvas-button{
        display: block !important;
    }
    
    #offcanvasMenu{
        display: flex !important;
    }

    .cap-text{
        position: relative;
        top: 15vh !important;
    }

    .card-img-top {
        width: 100% !important;
        height: 60vw !important;
        object-fit: cover !important;
        object-position: top !important;
    }
  }