/* Cookie Consent */

div.cookieconsent
{
    position: fixed;
    display: none;
    bottom:5px;
    right:240px;
    width:300px;
    z-index:99999;
    background-color: black;
    color: white;
    padding: 5px;
    font-size:10pt;
}

div.cookieconsent .cookieconsentbuttons
{
    text-align: center;
}

@media(max-width: 600px)
{
    div.cookieconsent
    {
        right:auto;
        left:10px;
    }
}

div.cookieconsent button
{
    color:black;
}

/* Announcements */

div.ognannouncement-container.active {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    text-align: center;
}

div.ognannouncement-container.passive {
    display: none;
    visibility: collapse;
}

div.ognannouncement.passive
{
    display: none;
    visibility: collapse;
}

div.ognannouncement.active
{
    max-width: 800px;   
    display: inline-block;
    visibility: visible;
    position: relative;
    left:10px;
    right:10px;
    background-color:white;
    top: 260px;
    border: 1px solid black;
    box-shadow: 10px 10px 5px #888888;
    margin: 0 auto;
    width: auto;
}

@media(max-width: 600px)
{
    div.ognannouncement.active
    {
        right:auto;
        left:auto;
        width:90%;
        top:90px;
    }
}


div.ognannouncement div.buttons
{
  padding-top:5px;
  padding-bottom:5px;
  background-color:#dddddd;
  text-align:center;
  width: auto;
}

div.ognannouncement div.buttons button
{
	margin-left:20px;
	margin-right:20px;
	min-width:80px;
	display:inline-block;
}

div.ognannouncement > div.content
{
    max-height: 300px;
    overflow: auto;
}

div.ognannouncement > div.content > p
{
    padding: 5px;
}

div.ognannouncement > div.title
{
    background: #ddbbbb;
    padding: 4px;
    text-align: center;
    font-weight: bold;
}

div.ognannouncement > div.title:empty {
    margin: 0;
    display: none;
}

/* Ajax Nav */

/* Bold on top level */
ul.ognajaxnav > li > a
{
    font-weight: bold;
}

/* Red+Bold on current page */
body ul.ognajaxnav li.page_item.current_page > a
{
    font-weight: bold;
    font-style: italic;
}

/* child-pages divs */
div.ogn-childpages 
{
    background: #f1f3f6;
    border: 1px solid #c8c9ca;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
    width: auto;
    text-align: left;
    list-style: none;
    font-family: sans-serif !important;
    padding:10px;
}

/* Flexbox */
/* This one in particular is used for the three rectangle ads */
div.flexbox.mainpage-extra
{
    clear:left;
}