/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
}

#cboxWrapper {
    max-width:none;
}

#cboxOverlay{
    position:fixed;
    width:100%;
    height:100%;
}

#cboxMiddleLeft, #cboxBottomLeft{
    clear:left;
}

#cboxContent{
    position:relative;
}

#cboxLoadedContent{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle{
    margin:0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
    cursor:pointer;
}

.cboxPhoto{
    float:left;
    margin:auto;
    border:0;
    display:block;
    max-width:none;
    -ms-interpolation-mode:bicubic;
}

.cboxIframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
    padding:0;
    margin:0;
}

#colorbox, #cboxContent, #cboxLoadedContent{
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{
    background:#fff;
}

#colorbox{
    outline:0;
    box-shadow: 0.125rem 0.1875rem 23.1.75rem 0.4.5rem rgba(0, 0, 0, 0.27);
}

#cboxContent{
    overflow:visible;
    background:#000;
}

.cboxIframe{
    background:#fff;
}

#cboxError{
    padding:3.125rem;
    border:0.0625rem solid #ccc;
}

#cboxLoadedContent{
    background:#fff;
    padding:0.0625rem;
}

#cboxLoadingGraphic{
    /* background:url(images/loading.gif) no-repeat center center; */
}

#cboxLoadingOverlay{
    background:#000;
}

#cboxTitle{
    display:none;
}

#cboxCurrent{
    position:absolute
    ; top:-1.375rem;
    right:12.8125rem;
    text-indent:-624.9375rem;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border:0;
    padding:0;
    margin:0;
    overflow:visible;
    text-indent:-624.9375rem;
    width:1.25rem;
    height:1.25rem;
    position:absolute;
    top:-1.25rem;
    /* background:url(images/controls.png) no-repeat 0 0; */
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline:0;
}

#cboxPrevious{
    background-position:0rem 0rem;
    right:2.75rem;
}

#cboxPrevious:hover{
    background-position:0rem -1.5625rem;
}

#cboxNext{
    background-position:-1.5625rem 0rem;
    right:1.375rem;
}

#cboxNext:hover{
    background-position:-1.5625rem -1.5625rem;
}

#cboxClose{
    display:none;
}

#cboxClose:hover{
    background-position:-3.125rem -1.5625rem;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{
    right:4.125rem;
}

.cboxSlideshow_on #cboxSlideshow{
    background-position:-4.6875rem -1.5625rem;
    right:2.75rem;
}

.cboxSlideshow_on #cboxSlideshow:hover{
    background-position:-6.25rem -1.5625rem;
}

.cboxSlideshow_off #cboxSlideshow{
    background-position:-6.25rem 0rem;
    right:2.75rem;
}

.cboxSlideshow_off #cboxSlideshow:hover{
    background-position:-4.6875rem -1.5625rem;
}

.r18-popup #cboxContent{
    /*  font-family: jtcj,arial; */
    -webkit-font-smoothing: antialiased;
    font-size:1.25rem;
}

.r18-popup #cboxContent .larger-text{
    font-size:2rem;
    line-height: 2.5rem;
    margin-left:3.125rem;
    margin-top:3.9375rem;
    margin-bottom:3.125rem;
}
.r18-popup #cboxContent .blurb{
    font-size:1.25rem;
    margin-left:3.125rem;
    font-style: italic;
    border-bottom:0.0625rem solid #e2e2e2;
    height:5.3125rem;
    width:75%;
    margin-bottom:3.125rem;
}
.r18-popup #cboxContent input{
    background:#fff;
    border: 0.125rem solid #464646;
    -webkit-appearance: none;
    height:1.25rem;
    width:1.25rem;
    margin-left:3.125rem;
}
.r18-popup #cboxContent span{
    position: relative;
    top: -0.375rem;}
.r18-popup #yesImOver{
    font-weight:bold;
    text-decoration:underline;
    margin-left:3.125rem;
    cursor:pointer;
}


@media(max-width: 560px){
    #colorbox #cboxLoadedContent .larger-text.main-font br{
        display: none;
    }

    #colorbox #cboxLoadedContent .larger-text.main-font{
        margin-right: 3.125rem;
    }

    #colorbox #cboxLoadedContent .blurb.p-font{
        margin-right: 3.125rem;
        padding-bottom: 26px;
    }
}

@media(max-width: 510px){
    #colorbox #cboxLoadedContent .blurb.p-font br{
        display: none;
    }

    .r18-popup #cboxContent span{
        float: left;
        margin-left: 3.125rem;
    }
}