.joes-pub-section-news {
    display: flex;
    justify-content:space-around;
    padding: 20px 40px;
    border-bottom: var(--greyLine);
    margin:0;
}

.joes-pub-section-news {
    background: var(--ptRed);
    color: white;
    max-width: unset !important;
}

    .section-news-message {
        margin-right:2vw;
    }

    .joes-pub-section-news span, .joes-pub-section-news a {
        color: white;
    }

    main .section-news-item {
        padding: 20px 30px;
    }

main .section-news .section-news-link {
    color: white;
    margin-left: 2vw;
}

main .utr-video {
    padding-top: 0px;
}

.utr-video .videoWrapper iframe {
    height:350px;
}

.festival-jumbotron .jumbotron-image {
    filter: initial;
}

.top-buttons-festival {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2vw;
    margin-top:2vw;
}

.joes-pod-confirm .pod-button {
    padding:.5vw;
}

.two-col-format {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2vw;
}

@media (max-width: 650px) {
    .utr .upcoming-shows-holder, .two-col-format {
        grid-template-columns: 1fr;
        grid-gap:0vw;
    }

    main .festival-playbills-div {
        margin-top:1vw;
    }
    main .utr-video {
        padding-top: 0px;
        margin-bottom: 17vh;
    }

    main .top-buttons-festival {
        grid-template-columns:1fr;
    }
}

.joes-pub-menu {
    position:relative;
}

.joes-pub-about-container img {
    width:100%;
}


.joes-pub-about-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2vw;
}

.festival-jumbotron .smaller-jumbotron-title {
    font-size: 7vw;
}

.festival-about-section {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing3);
}

@media(max-width:650px) {
    .festival-about-section {
        grid-template-columns:1fr;
    }
}



.joes-pub-video-and-text {
    padding:4%;
    border: var(--redLine);
}

.perf-item-colored-box, .upcoming-show-colored-box {
    background-color: var(--ptRed);
}

.joes-newsletter {
    width: 30%;
}

.joes-pub-artist, .joes-pub-presents {
    position: relative;
}

.joes-pub-presents, .joes-pub-artist {
    cursor:pointer;
}

.joes-pub-artist img, .joes-pub-presents img {
    width:100%;
}

.jp-description {
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    text-align: center;
    width: fit-content;
    color: white;
    text-shadow: 3px 3px 8px black;
}

.program-section-about {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 2vw;
    margin-bottom: 4vw;
}

main .perf-item a {
    text-decoration:none;
}

.resource-link .resource-more-info {
    color: var(--ptRed);
    display: block;
}
.program-about-text {
    border-right: var(--redLine);
    padding: 0% 2%;
}

.joes-pub-menu-container{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2vw;
    margin-top:4%;
}

.joes-pub-sign-up {
    border: var(--redLine);
    padding: 2vw;
}

.joes-pub-section-news::after, .joes-pub-video::after, .joes-pub-just-added::after {
    background-image: none !important; /*We can remove these later*/
      height:0vw !important;     /*We can remove these later*/
}

main .joes-pub-section-news{
    margin-top:0;
}

.joes-pub-whats-on {
    margin-top: 3vw;
}

/*form for Joe's Pub - may become a module?*/

.joes-pub-sign-up input {
    max-width: none;
    padding:.8vw;
    box-sizing : border-box;
}


.joes-pub-sign-up h1, {
    margin-bottom: 2vw;
}

 
.joes-pub-sign-up form {
    text-align:center;
}

.joes-pub-sign-up input {
    color: var(--ptGrey);
    font-size: 1.3em;
    line-height: 1.2;
}

.joes-pub-sign-up input::placeholder {
    font-size:1em;
}

.upcoming-shows-holder {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
      grid-gap: 2vw;
}

.upcoming-show-blurb, .spotlight-blurb {

    line-height: 1.5;
}
    .upcoming-show-image{
        width:100%;
        display:block;
    }

     .perf-title {
         margin-top: .5vw;
     }

     .perf-item-get-tickets {
             width: 100%;
    text-align: center;
     }

.upcoming-show-colored-box:hover > .upcoming-show-image {

}


.upcoming-show-colored-box:hover > .upcoming-show-info {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
}


.upcoming-show-info {
    position: absolute;
    color: white;
    bottom: 0;
    pointer-events: none;
    line-height: 2;
    background-color: var(--ptRed);
    width: 100%;
    height: 100%;
    /* transform: translate(0,-101%); */
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    transition: clip-path .2s;
    transition-delay: .1s;
    display: flex;
    flex-direction: column;
    padding: 1vw;
    box-sizing: border-box;
    overflow: hidden;
    justify-content: center;
}
    .upcoming-show-title, .spotlight-info .spotlight-title{
      position: absolute;
    bottom: 0;
    margin-bottom: 0vw;
    width: 100%;
    background: rgba(239, 65, 53, 0.85);
    color:white;
    padding: .5vw;
    box-sizing:border-box;
    }

    .upcoming-show-blurb p {
        font-size:1em;
         color:white;
    }

     .upcoming-show-learn {
         color:white;
     }
    .upcoming-show-learn, .spotlight-info .spotlight-learn {
        margin-top: .5vw;
       
    }

    .video-view {
        display:block;
    }

    .mediaBoxCaption {
        display:none;
    }

    .live-video-wrapper {
        position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
        margin-bottom: 2%;
    }

    .jp-text-container {
        position:relative;
    }

    .live-video-wrapper iframe {
        /*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/*height: 100%;*/
    }

    .joes-pub-menu-container img {
        width:100%;
        height:100%;
    }

.resource-link {
    font-weight: 500;
    font-size: 1.4em;
    margin-bottom: 1vw;
}

@media (max-width:650px) {

    .upcoming-show-info {
        display: none;
    }

    .upcoming-show-colored-box {
        background: none !important;
    }


    .joes-pub-sign-up {
        margin-top:4%;
    }

    .joes-pub-whats-on .perf-holder {
            grid-template-columns: 1fr 1fr;
                grid-gap: 3.5vw;
    }

    .joes-pub-about-text {
            grid-column: 1/span 3;
    }

    main .joes-pub-about-container {
         grid-template-columns: 1fr;
    }

    .badge, .perf-holder .badge {
        font-size: 2.5vw;
    }

    .joes-pub-menu-container {
        display:block;
    }



    .white-button {
        width: 30vw;
    }

    .upcoming-shows-holder {
         grid-template-columns: 1fr 1fr;
    }

     .upcoming-show-colored-box:hover > .upcoming-show-info {
            display:none;
        }

     .upcoming-show-colored-box .header4 {
           font-size:var(--fontSize5);
    font-family:var(--fontFamily5);
     }


}