/* This is the CSS File customizing the layout for the WBN Frontpage */

#titlebar {
   margin: 4em auto 4em auto;
   border: 0px solid black;
   font-size: 9pt;
   width: 430px;
   text-align: right;
}

#maintitle {
   width: 430px;
   height: 76px;
   background: url('../images/WBN_logotype11.png') no-repeat 0 0;
   border: 0px solid black;
   margin: 0 0 1.0em 0;
}

#whatsnew {
   width: auto;
   height: auto;
   background-color: #fdf9f2;
   display: inline-block;
   position: relative;
   right: 0px;
   padding: 0.25em 0.5em 0.25em 0.5em;
}

.copyright-title {
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: bold;
   font-size: 11pt;
}

#maincite {
   width: 40%;
   border: 0px solid black;
   margin: 0em auto 4em auto;
   font-size: 12pt;
   font-family: Komplett, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
   hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   text-align: justify;
}

.citeright { 
   font-size: 12pt;
   font-family: Komplett-Bold, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
   float: right;
   padding-top: 0.5em;
}

#dictionary-table {
   margin: 4em 0em 4em 0em;
}

.dictionary-group-title {
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: bold;
   font-size: 16pt;
   margin: 0em 150px 0em 150px;
   color: #dc876e
}

.dictionary-subgroup-title {
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: bold;
   font-size: 12pt;
   padding: 0.5em 0em 0.25em 0em;
   color: #dc876e;
   height: 1em;
}

.dictionary-list {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   margin: 0em 150px 3em 150px;
}

.dictionary-tile {
    border: 4px solid;
    margin: 0.5em 1.0em 0.5em 0em;
    padding: 0.5em;
    box-shadow: 2px 2px 4px #a8a6a1 !important;
    height: auto;
    min-height: 8em;
    border-radius: 8px;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    display: flex;
    flex-direction: column;
}

.dictionary-publisher {
    border-top: 1px solid #a8a6a1;
    margin: auto 0em 0em 0em;
    padding: 0.25em 0em 0em 0em;
    font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
}

.wbgui-dictionary-publisher {
   border-left: 1px solid #a8a6a1;
   margin: 0em 0em 0em 2em;
   padding: 0em 0em 0em 2em;
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: normal;
   font-size: 8pt !important;
   color: #000000;
   display: inline-block;
}

.dictionary-titlepage {
   width: max-content;
   margin: 0.25em auto 0.25em auto;
}

#wbtitle { 
   font-size: 12pt;
}

SPAN.mediumlinksigle { 
   font-size: 8pt;
   color: #000000;
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: bold;
   padding: 0.15em 0.25em 0.15em 0.25em;
   margin: 0em 1em 0em 0em;
   border-radius: 4px;
   border: 1px solid #a8a6a1;
   box-shadow: 1px 1px 2px #a8a6a1 !important;
   background-color: #e8e6e1;
}

td span.mediumlinksigle { 
   margin: 0em 0em 0em 0em;
}

td.main-home-icon {
    padding-right: 0.5em !important;
}

td.main-home-icon span {
    font-size: 16pt;
}

SPAN.verysmalllinksigle { 
   font-size: 6pt;
   color: #000000;
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: normal;
   padding: 0em 0.125em 0em 0.375em;
   border-radius: 4px;
   border-width: 1px;
   border-style: solid;
   border-color: #fdf9f2;
   box-shadow: 1px 1px 2px #a8a6a1 !important;
}

SPAN.smalllinksigle { 
   font-size: 8pt;
   color: #000000;
   font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
   font-weight: normal;
   padding: 0em 0.25em 0em 0.25em;
   border-radius: 4px;
   border-width: 1px;
   border-style: solid;
   border-color: #fdf9f2;
   box-shadow: 1px 1px 2px #a8a6a1 !important;
}

SPAN.wbtitle { 
   font-size: 11pt;
   color: #000000;
   font-weight: bold;
   padding-bottom: 1.5em;
}

DIV.wbsubtitle {
   line-height: 1.5em;
   font-size: 9pt;
   padding-top: 0.5em;
}

SPAN.wbsubtitle { 
   color: #000000;
}

a {
   text-decoration: none;
   /*color: #7d7d7d;*/
   color: #000000;
   outline: none !important;
   cursor: hand;
}

a:hover {
   color: darkorange !important;
}

h1 {
   color: #dc876e;
   font-size: 16pt;
   font-family: Komplett-Bold, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
}

h2 {
   color: #dc876e;
   font-size: 14pt;
   font-family: Komplett-Bold, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
}

h3 {
   color: #dc876e;
   font-size: 12pt;
   font-family: Komplett-Bold, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
}

/* Search Area */
#globalsearchinput {
    width: 24em;
    border: 2px;
    height: 1.5em;
    border-color: #a8a6a1;
    border-style: solid;
    border-radius: 8px;
    padding: 2px 2px 2px 2px;
    margin-bottom: 0px;
    font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    padding: 0.125em 0.5em 0.125em 0.5em;
}

#globalsearchsubmit, #extendedsearch-button {
    height: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    background: #a8a6a1;
    border: 2px solid #a8a6a1;
    border-radius: 8px;
    box-shadow: 2px 2px 4px #a8a6a1 !important;
    padding: 2px 2px 2px 2px;
    margin-left: 0.5em;
}

#globalsearchform-container {
    width: 40%;
    margin: 4em auto 4em auto;
    border: 0px solid black;
    text-align: center;
}

#globalsearchform {
    display: inline-block;
}


#globalsearchresult {
   margin: 0em auto 0em auto;
   font-size: 12pt;
   font-family: Komplett-Bold, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
   line-height: 1.33em;
   max-width: 68%;
   text-align: center;
}

.global-hitlist-header {
   padding: 0.5em 0 0.5em 0;
   margin: 0 0 0.5em 0;
   border-top: 1px solid #e8e6e1;
   border-bottom: 1px solid #e8e6e1;
}

#footer {
    color: #000000;
    background: #dc876e;
    font-family: NotoSans, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    border-top: solid 1px #a8a6a1;
    padding: 1em 0 1em 0;
}

#footer .innertube {
    background: #dc876e url('../images/kozelogo_gray_10.png') no-repeat scroll 150px center;
    padding:2px 2px 2px 195px;
    padding-left: 176px;
    padding-right: 150px;
    width:auto;
}

#footer a, #changelog-closearea a {
    color:#000;
}

#footer a:hover, #changelog-closearea a:hover {
    color: #fdf9f2 !important;
}

#changelog {
   display: none;
   background-color: #f8f6f1;
   position: absolute;
   left: 12.5%;
   top: 8.75%;
   border: 6px solid #a56653;
   border-radius: 16px;
   box-shadow: 2px 2px 4px #a8a6a1 !important;
   /*padding: 1em 1em 1em 1em;*/
   overflow: hidden;
}

#changelog-header {
   font-family: Komplett-Bold, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
   font-size: 18pt;
   background-color: #dc876e;
   text-align: center;
   color: black;
   padding-top: 0.5em;
}

#changelog-closearea {
   display: inline-block;
   position: absolute;
   right: 0.5em;
}

#changelog-container {
   overflow: auto;
}

#changelog-container-content {
   font-family: Komplett, NotoSerif, Georgia, 'Times New Roman', Times, serif !important;
   font-size: 12pt;
   columns: 3;
   column-gap: 2em;
   line-height: 1.25em;
   hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   padding: 1em 1em 1em 1em;
}