:root {
    --mhm-nav-font-color:   #000000;
    --mhm-nav-hover-color:  #383535;
    --mhm-nav-active-color: #534c4c;
    --mhm-nav-font-weight:  700;
}

body {
    font-family: 'Roboto', Sans-serif;
}
.ui-autocomplete { height: 400px; overflow-y: scroll; overflow-x: hidden;}
#mhm-nav-search-container {
    display:   flex;
    flex-wrap: wrap;
}

.load-more-stars-hidden {
    display: none;
}
#hidden-cover,#hidden-back{
    justify-content: center;
}
.grid-link {
    display: block;
}

.btn-theme {
    color:         #ffffff;
    background:    #38505d;
    border-radius: 0;
    width:         300px;
    max-width:     100%;
    position:      relative;
}

.btn-theme:hover {
    color:      #ffffff;
    background: #517b93;
}

#mhm-nav .nav-link, #mhm-nav .dropdown-item {
    text-transform: uppercase;
    font-weight:    var(--mhm-nav-font-weight);
    color:          var(--mhm-nav-font-color);
    white-space:    nowrap;
}

#mhm-nav .nav-link.active, #mhm-nav .dropdown-item.active {
    text-transform:  uppercase;
    font-weight:     var(--mhm-nav-font-weight);
    color:           var(--mhm-nav-active-color);
    text-decoration: underline;
}

#mhm-nav .nav-link:hover, #mhm-nav .dropdown-item:hover {
    color: var(--mhm-nav-hover-color);
}

#mhm-search-container {
    border-bottom: 3px solid #000000;
    /*padding-bottom: 2px;*/
}

#mhm-search-header-select {
    background:    #f4f4f4;
    border-radius: 0;
    border:        none;
    padding-left: 5px;
    padding-right: 5px;
}
#mhm-search-header-select:focus,#mhm-search-header-select:focus-visible,#mhm-search-header-select:active{
    border-radius: 0;
    border:        none;
    outline: none;
}

#sort-select {
    background:    #f4f4f4;
    border-radius: 0;
    border:        none;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    padding: 5px;

}
#sort-select:focus,#sort-select:focus-visible,#sort-select:active{
    border-radius: 0;
    border:        none;
    outline: none;
}

#mhm-search-action {
    cursor:      pointer;
    padding-top: 5px;
}

#mhm-nav-search-input {
    color:       var(--mhm-nav-font-color);
    font-weight: 700;
    padding-left: 3px;
    padding-right: 0;
}

#mhm-nav-search-input, #mhm-nav-search-input:focus, #mhm-nav-search-input:active {
    border:     none;
    box-shadow: none;
}

#mhm-nav-search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:          var(--mhm-nav-font-color);
    text-transform: uppercase;
    font-weight:    var(--mhm-nav-font-weight);
    opacity:        1; /* Firefox */
}

#mhm-nav-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:          var(--mhm-nav-font-color);
    text-transform: uppercase;
    font-weight:    var(--mhm-nav-font-weight);
}

#mhm-nav-search-input::-ms-input-placeholder { /* Microsoft Edge */
    color:          var(--mhm-nav-font-color);
    text-transform: uppercase;
    font-weight:    var(--mhm-nav-font-weight);
}

.mhm-home-section {
    background: #e6e6e6;
    margin:     15px 0;
    padding:    1em 3em;
}

.mhm-home-section-content {
    background: #f5f5f5;
    padding:    2em 3.5em;
}

.mhm-home-section-content.mhm-home-section-content-studios {
    padding: 1%;
}

.mhm-home-section-title {
    color:          #000000;
    text-transform: uppercase;
    margin-bottom:  5px;
    font-weight:    700;
    font-size:      2em;
}

.mhm-homepage-studio {
    position: relative;
    display:  inline-block;
    width:    18%;
    margin:   1% 1%;
    border:   1px solid #c1c0bd;
    cursor:   pointer;
}

.mhm-homepage-new-release {
    position: relative;
    display:  inline-block;
    width:    15.4%;
    margin:   0.6% 0.6%;
    cursor:   pointer;
}

.mhm-homepage-new-release-image {
    border: 1px solid #c1c0bd;
}

.mhm-homepage-new-release-title {
    text-align:     center;
    font-weight:    700;
    text-transform: uppercase;
    color:          #000000;
    font-size:      0.9em;
    margin-top:     2%;
}


.mhm-home-section-coming-soon {
    padding-left:  0;
    padding-right: 0;
}

.mhm-home-section-title.mhm-home-section-title-coming-soon {
    padding-left: 1.5em;
}

.mhm-home-section-content.mhm-home-section-content-coming-soon {
    padding-left:  100px;
    padding-right: 100px;
}

#mhm-home-coming-soon-carousel .carousel-control-next-icon, #mhm-home-coming-soon-carousel .carousel-control-prev-icon {
    -webkit-filter: invert(100%);
    filter:         invert(100%);
    width:          4em;
    height:         4em;
}

#mhm-home-coming-soon-carousel .carousel-control-prev {
    left:  -70px;
    width: auto;
}

#mhm-home-coming-soon-carousel .carousel-control-next {
    right: -70px;
    width: auto;
}

.mhm-home-section-view-more, .mhm-home-section-view-more:active, .mhm-home-section-view-more:focus {
    text-decoration: none;
    color:           #000000;
    text-transform:  uppercase;
    display:         inline-block;
    padding:         5px 15px;
    font-size:       1.5rem;
    font-weight:     600;
    border:          1px solid #000000;
    margin-top:      20px;
}

.mhm-home-section-view-more:hover {
    background-color: #000000;
    color:            #ffffff;
}

.grid-link, .grid-link:active, .grid-link:focus, .grid-link:hover {
    text-decoration: none;
    color:           inherit;
}

.product-top-bar {
    background-image: url("/assets/images/theme/topContents.jpg");
}

.product-top-bar-category {
    color: #b3ecff;
}

.movie-info-td {
    padding-bottom: 20px;
}

th.movie-info-td {
    padding-right: 20px;
}

.categories-side-bar {
    padding: 20px 0;
}

.categories-side-bar a {
    display:         block;
    color:           #999999;
    text-decoration: none;
    padding:         5px 0;
    text-align:      center;
    text-transform:  uppercase;
    font-weight:     700;
}

.categories-side-bar a:hover {
    background: #b3ecff;
}

.search-movie-title {
    text-align:     center;
    font-weight:    700;
    text-transform: uppercase;
    color:          #000000;
    font-size:      0.9em;
    margin-top:     2%;
}

.hidden-cover {
    width:     700px;
    max-width: 99%;
}

.studio-single {
    width:     23%;
    max-width: 100%;
}