.page-container {
    display: grid;
    grid-template-columns:  auto;
    grid-template-rows: auto;
}

.shows-header {
    width:100%;
    height:60px;
    font-weight: bold;
    line-height:60px;
    
    background-color:rgb(241, 241, 241);
    padding-left:10px;
    box-sizing: border-box;

}

.shows-container {
    grid-column-start: 2;
    width:100%;
    height:100%;
    order:2;
    display:flex;
    flex-direction:auto;
    padding:10px;
    box-sizing: border-box;
    flex-wrap: wrap;
    /* border-left:solid 1px rgb(202, 202, 202) */
}

.show {
    box-sizing: border-box;
    width:calc(100%/6);
    max-width:calc((100%/6) - 20px);
    /* flex-grow:1; */
    height:auto;
    background-color:white;
    border:solid 1px rgb(6, 33, 70, 0.1);
    cursor: pointer;
    margin:10px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.show:hover {
        box-shadow: 0 10px 20px rgba(66, 42, 2, 0.15), 0 7px 7px rgba(0,0,0,0.12);
        
}

.show img {
    width:100%;
    height:auto;
    /* max-height:256px; */
    object-fit: cover;
    border-bottom: solid 1px rgb(6, 33, 70, 0.1);
}

.show-image {
    /* background-color:red; */
    width:100%;
    height:auto;
}

.show-meta {
    padding:20px;
    height:auto;
    background-color:white;
    font-weight:bold;
}

@media only screen and (max-width: 1480px) {
    .show {
        width:calc(100%/5);
    max-width:calc((100%/5) - 20px);
    }
  
} 

@media only screen and (max-width: 1180px) {
    .show {
        width:calc(100%/4);
    max-width:calc((100%/4) - 20px);
    }
} 

@media only screen and (max-width: 890px) {
    .show {
        width:calc(100%/3);
    max-width:calc((100%/3) - 20px);
    }
} 

@media only screen and (max-width: 620px) {
    .show {
        width:calc(100%/2);
    max-width:calc((100%/2) - 20px);
    }
} 

@media only screen and (max-width: 370px) {
    .show {
        width:calc(100%);
    max-width:calc((100%) - 20px);
    }
} 

.shows-list-popup {
    grid-column-start: 1;
    width:350px;
    order:1;
    position:fixed;

    z-index:1000;
    background-color:rgb(223, 223, 223);
}

.hidden {
    display:none;
    visibility:hidden;
}