/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification

for details on configuring this project to bundle and minify static web assets. */



a.navbar-brand {

  white-space: normal;

  text-align: center;

  word-break: break-all;

}



/* Provide sufficient contrast against white background */

a {

  color: #0366d6;

}



.btn-primary {

  color: #fff;

  background-color: #1b6ec2;

  border-color: #1861ac;

}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

  color: #fff;

  background-color: #1b6ec2;

  border-color: #1861ac;

}



/* Sticky footer styles

-------------------------------------------------- */

html {

  font-size: 14px;

}

@media (min-width: 768px) {

  html {

    font-size: 16px;

  }

}



.border-top {

  border-top: 1px solid #e5e5e5;

}

.border-bottom {

  border-bottom: 1px solid #e5e5e5;

}



.box-shadow {

  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);

}



button.accept-policy {

  font-size: 1rem;

  line-height: inherit;

}



/* Sticky footer styles

-------------------------------------------------- */

html {

  position: relative;

  min-height: 100%;

}



body {

  /* Margin bottom by footer height */



}

.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  white-space: nowrap;

  line-height: 60px; /* Vertically center the text there */

}



.genreSelected {

    color: #B63CE8 !important;

}



.genreSelected:hover {

    color: black !important;

}



.genreNotSelected {

    color: black !important;

}



    .genreNotSelected:hover {

        color: #B63CE8 !important;

    }





.mobilehide {

}



.gridItemExtended {

    float: left;

    left: 0px;

    top: 906px;

    width: 453px;

    height: 453px;

    transition-delay: 0.5s;

}



.gridImageExtended {

    height: 453px !important;

    width: 100% !important;

    object-fit: cover;

    object-position: center;

}



@media only screen and (max-width: 600px) {

    .mobilehide {

        display: none;

    }



    .gridItemExtended {

        float: left;

        left: 0px;

        top: 906px;

        width: 100%;

        height: 453px;

        transition-delay: 0.5s;

    }



    .gridImageExtended {

        height: 453px !important;

        width: 100% !important;

        object-fit: cover;

        object-position: center;

    }



    .btTextRight .bpgPhoto {

        float: none;

    }



    .weekdays li {

        display: inline-block;

        width: 11.6% !important;

        color: #666;

        text-align: center;

    }

}