/*
    Style order:
    Size
        width
        height
    Position
        display
        position
        top
        left
        transform
        vertical-align
        z-index
    Body
        background-color
        margin
        padding
        border
    Content
        fonts
        line-height
        text-align
*/

/* ** Front Page - Content Region ********************************************/
div#div_content_region {
    flex: 50;
    min-height: 400px;

    top: 0;
    left: 0;
    position: relative;

    background-size: cover;
    background-position: center;
    margin: 0px 1px;

    transition: background-image;
    border-bottom: solid 1px #08adff;
    border-top: solid 1px #08adff;
}

div#div_content_region div#div_background {
    width: 100%;
    height: calc(100%);
    background-size: cover;
    background-position: center;
    background-position-y: 50%;
    transition: background 2s;
}

div#div_content_region div.textblock {
    width: 600px;

    position: absolute;
    left: 30px;
    top: 36px;

    background-color: rgba(0,80,80,0.7);
    border: solid 1px #08adff;
    padding: 6px;

    text-align: left;
    font-size: 12px;
    color: #ffffff;
}

div#div_footer {
    background-color: #00000080;
    color: #ffffff;
    padding: 16px 0;
    height: 20px;
}


/* ** Front Page - Indicators ************************************************/
div#div_panel_indicators {
    padding: 12px 0;
    background-color: #00000080;
}

a.panel_indicator,
a.panel_indicator_selected {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 12px;
    cursor: pointer;
}

a.panel_indicator {
    background-image: url("/images/oa_2018/panel_indicator.png");
}

a.panel_indicator_selected {
    background-image: url("/images/oa_2018/panel_indicator_selected.png");
}


/* ** Front Page - Easter Egg ************************************************/
body {
    overflow-x: hidden;
    overflow-y: hidden;
}

div#div_egg_wrapper {
    height: 0px;
    position: relative;
    top: -300px;
}
div#div_egg {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}