/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/

header
{
    background-color: var(--rr-blue);
    height:           125px;
}

div.logo
{
    padding-top: 5px;
}

div.logo a img
{
    width: 250px;
}

div.logo2 a img
{
    width: 170px;
}

footer
{
    background-color: var(--rr-blue);
}


/*------------------------------------*\
    $PAGES
\*------------------------------------*/

nav ul a
{
    color: var(--white);
}

/*------------------------------------*\
    $HOME
\*------------------------------------*/

#rr-home-video, #rr-block-home-video /* former being replaced with latter as part of mobile project */
{
    margin-bottom: 20px;
}

#rr-home-video .texture
{
    background-image:  url(/content/images/texture.png);
    background-repeat: repeat;
    float:             left;
    height:            100%;
    position:          absolute;
    width:             100%;
    z-index:           90;
}

#rr-home-video .video-container
{
    background-color: var(--black);
    height:           auto;
    float:            left;
    max-height:       600px;
    overflow:         hidden;
    position:         relative;
    text-align:       center;
    width:            100%;
    z-index:          40;
}

#rr-home-video .video-footer
{
    margin:    0px auto 20px auto;
    max-width: 1100px;
    min-width: 280px;
}

#rr-home-video .video-logo
{
    background-color: var(--white);
    float:            left;
    margin:           0px;
    padding:          10px 0px;
    position:         relative;
    width:            100%;
    z-index:          100;
}

#rr-home-video img.book
{
    border:     0px;
    float:      right;
    margin-top: -50px;
    position:   relative;
    z-index:    100;
}

#rr-home-video img.logo-centered
{
    display:   block;
    max-width: 100%;
    left:      50%;
    position:  absolute;
    top:       180px;
    transform: translateX(-50%);
}

#rr-home-video video
{
    height:   auto; /* !important; */
    opacity:  0.9;
    position: relative;
    width:    70%; /* !important; */
    z-index:  50;
}