/* paynow popup start */
#paynowDiv
{
    height: 95%;
    text-align: center;
}

#paynowPopupContent
{
    width: 100%;
    height: 90%;
    color: #FFFFFF;
    font-size: 2rem;
}

/*.gratuitySelect, .deliverySelect, .paymentSelect*/
.gratuitySelect
{
    border: 0.1rem solid #fff !important;
    display: inline-block;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 2rem;
}

.gratuitySelect.selected
{
    font-size: 2.5rem;
    font-weight: bold;
}

#paynowPopupButtons
{
    height: 100%;
    width: 99%;
    margin: 0 auto;
}

/*#gratuityRow>div, #mailRow>div, #deliveryRow>div, #paymentRow>div*/
#gratuityRow>div, #mailRow>div
{
    width: 100%;
    font-size: 2rem;
}

#gratuityRow input, #mailRow input
{
    font-size: 2rem;
    margin-top: 1rem;
}

#gratuityRow input[type=number], #mailRow input[type=number]
{
    text-align: right;
}

#paynowButtonRow
{
    height: 5%;
}

#paynowButtonRow>div
{
    display: table;
    width: 100%;
}

#paynowButtonRow>div>div
{
    display: table-row;
    width: 100%;
}

#paynowButtonRow>div>div>div
{
    display: table-cell;
    width: 30%;
}

#adContent
{
    height: 100%;
    width: 100%;
    position: relative;
    font-size: 1.2rem;
}

#adContent .slideShowSlide h1
{
    font-size: 2rem;
    padding: 0;
    margin: 0;
}

#paynowPopupContent .flyerSlide, #paynowPopupContent .slideShowSlide>div.imgContainer
{
    height: calc(100% - 3rem);
    background-size: contain !important;
}

.flyerSlide video, .slideShowSlide>div.imgContainer video
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media all and (orientation: portrait)
{
    #upperBlock, #lowerBlock
    {
        width: 100%;
    }

    #lowerBlock
    {
        height: 50%;
    }
}

@media all and (orientation: landscape)
{
    #upperBlock, #lowerBlock
    {
        width: 50%;
        height: 100%;
        float: left;
    }
}

#fallbackButton
{
    font-size: 1rem;
    color: #AAA;
}