/*-------------- General --------------*/

*
{
    box-sizing: border-box;
}

body
{
    background-color: #8E2216;
    font-family:sans-serif;
    margin:0px;
    font-family:"Copperplate";
 }

div
{
    margin-left: auto;
    margin-right: auto;
    background-color: #8E2216;
}

.dark_row
{
    background-color:#000000;
    display:table;
    width:100%;
    max-width:1200px;
}

/*
@font-face
{
    font-family:"Copperplate";
    src:url("Copperplate.ttf") format("truetype");
}
*/

/*-------------- Header --------------*/

div#header_zone
{
    background-color:#000000;
    padding:5px;
    width:100%;
    margin-bottom: 5px;
}

.top_row
{
  display:flex;
  background-color:#000000;
  color:#EA9B29;
  align-items:center;
  gap:24px;
}

.top_row img
{
  width:84px;
  height:84px;
  object-fit:contain;
  border-radius:6px;
}

.top_row_title
{
  font-size:2.4em;
  background-color:#000000;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*nav a
{
    margin-right: 15px;
    text-decoration: none;
    background-color:#000000;
    float:left;
}*/

a.header_link:link, a.header_link:visited
{
    font-size:1.4em;
    color:#EA9B29;
    padding:4px;
    margin-right:0.4em;
    margin-left:0.4em;
    margin-top:0.4em;
    text-decoration:none;
    /*border: 1px dotted #EA9B29;*/
}

a.header_link:hover, a.header_link:active
{
    color:#B22A1C;
}

img#logo
{
    height:100%;
}

/*-------------- Content --------------*/

.content
{
    max-width: 1200px;
}

.image_center
{
    padding-top: 35px;
    width: 1200px;
    height: 800px;
    overflow: auto;
    cursor: grab;
}

.image_center:active
{
    cursor: grabbing;
}

.image_center img
{
   pointer-events: none;
}

.button_zone
{
    text-align: center; /* horizontal center */
    padding-top: 30px;
    padding-bottom: 40px;
}

.button
{
  padding: 10px 16px;
  background: transparent;
  color: #EA9B29;
  text-decoration: none;
  border-radius: 8px;
  border-width: 2px;
  border-color: #EA9B29;
  border-style: solid;
  font-size:1.3em;
}

/*-------------- Bottom --------------*/

div#bottom_zone
{
    background-color:#B22A1C;
	width:100%;
    padding-top:20px;
    padding-bottom:10px;
}

a#wiki:link, a#wiki:visited
{
    color:#EA9B29;
    background-color:#B22A1C;
}

a#wiki:hover, a#wiki:active
{
    color:#B22A1C;
    background-color:#B22A1C;
}

.bottom_col_menu50L
{
    background-color:#B22A1C;
    color:#EA9B29;
    width:50%;
    float:left;
}

.bottom_col_menu50R
{
    background-color:#B22A1C;
    color:#EA9B29;
    width:50%;
    float:right;
    text-align:right;
}

.bottom_dark_row
{
    background-color:#B22A1C;
    display:table;
    width:100%;
    max-width:1200px;
    padding-bottom:10px;
}

/*-------------- AdvBottom --------------*/

.image2
{
    width:100%;
    display: block;
    text-align:center;
    background-color:#000000;
}

a.image_link:link
{
    text-decoration:none;
}

div#adv_bottom_zone
{
    background-color:#000000;
    display:flex;
    padding-top:50px;
    padding-bottom:50px;
    color:#EA9B29;
	width:100%;
    max-width:1200px;
    font-family: Arial, Helvetica, sans-serif;
    gap:0px;
}

.adv_box
{
    flex:1;
    background-color:#000000;
    padding-bottom:20px;
}

.adv_table
{
    display:table;
    width:75%;
    margin:auto;
    max-width:720px;
}

.adv_table_row
{
    display:table-row;
    max-width:1200px;
    text-align:center;
}

.adv_image_cell
{
    /*display:table-cell;*/
    text-align:center;
    width:100%;
}

.adv_image_cell_mobile
{
    display:none;
}

.adv_text_cell
{
    display:table-cell;
    padding:10px;
    vertical-align:middle;
    text-align:center;
    font-size:1.2em;
    background-color:#000000;
    color:#EA9B29;
}

.adv_cell_90
{
	width:100%;
    font-size:1.2em;
    background-color:#000000;
    text-align:center;
    padding:10px;
}

.adv_cell_25
{
    display:table-cell;
	width:25%;
    background-color:#000000;
}

.adv_cell_25_mobile
{
    display:table-cell;
	width:25%;
    background-color:#000000;
}

.adv_text
{
	text-align:left;
	padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:1.2em;
    background-color:#000000;
}

a.adv_more_link:link, a.adv_more_link:visited
{
    font-size:0.9em;
    color:#EA9B29;
    text-decoration:underline;
}

a.adv_more_link:hover, a.adv_more_link:active
{
    color:#EA9B29;
}

/*-------------- Mobile --------------*/

@media only screen and (max-width:920px)
{
    .top_row { width:100%; text-align:center; gap:24px; }
    .top_row_title { text-align:left; font-size:1.4em; }

    .image_center { padding-top: 50px; width: 100%; }

    .bottom_col_menu50L { width:100%; text-align:center; }
    .bottom_col_menu50R { width:100%; text-align:center; }

    /*.header_link { font-size:1.0em; }*/
    .adv_cell_25
    {
        display:none;
    }

    .adv_cell_25_mobile
    {
        width:50%;
    }
}

@media only screen and (max-width:700px)
{
    .top_row { display: block; }
    .top_row_title
    {
        text-align:center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    div#adv_bottom_zone
    {
        display:inline;
    }

    nav a { width:80%;}
    /*.header_link { margin-right:20px;}*/

    img#logo { width:0px; }

    a.header_link:link, a.header_link:visited
    {
        border:none;
        margin-top:0.3em; 
    }

}

/* End */