/* [INFO] Font stuff */
@font-face {
    font-family: 'Cormorant';
    src: url('fonts/Cormorant-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Cormorant';
    src: url('fonts/CormorantGaramond-Italic.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
    font-feature-settings: "ss07", "ss08";
}
@font-face {
    font-family: 'Cormorant';
    src: url('fonts/Cormorant-Bold.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Maple Mono';
    src: url('fonts/MapleMono-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family:'Maple Mono';
    src: url('fonts/MapleMono-Italic.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
}

/* [INFO] Global stuff */
* { box-sizing: border-box; }

[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .col-1 { width: 33.33%; }
    .col-2 { width: 66.67%; }
    .col-3 { width: 100%; }
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

/* [INFO] Specific elements */
body {
    padding: 0px;
    margin: 0px;
    font-family: 'Cormorant', serif;
    font-size: 1.1em;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

select {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid black;
}

a {
    color: #490a3d;
}

/* [INFO] Id specifics */
#besked {
    color: #fff;
    background-color: #8A9B0F;
}
#footer {
    color: #fff;
    background-color: #8A9B0F;
}
#footer a {
    color: #fff;
}
#observationer textarea {
    font-family:'Maple Mono';
    width: 100%;
    font-style: italic;
}
#nav-fetchlist {
    background-color: #BD1550;
}
#nav-fetchlist:hover {
    background-color: #CE2661;
}
#specialists {
    background-color: #BD1550;
    font-size: 1.2em;
}
#nav-watchlist {
    background-color: #E97F02;
}
#nav-watchlist:hover {
    filter: 110%
}
#nav-ratings {
    background-color: #F8CA00;
}
#nav-ratings:hover {
    filter: 110%;
}

/* [INFO] Classes */
.cell-cursor { cursor: cell; }
.dataTables_length, .dataTables_filter {
    padding: 0.5em;
}
.dataTables_info {
    padding: .755em;
}
.htmx-indicator {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 0.2em;
}
form.inline {
    vertical-align: middle;
}
.nav {
    color: #fff;
    font-style: italic;
    text-decoration: none;
    font-size: 2em;
    text-align: center;
}
.hidden {
    display: none;
}
.inline {
    display: inline;
}
.plakatramme {
    padding: 0px;
    margin-bottom: -5px;
}

.plakatramme img {
    width: 100%;
    height: 100%;
}

img.ikon {
    height: 0.9em;
    margin-left: 0.3em;
}

.spillerboks {
    width: 45%;
    float: right;
    border-radius: 25px;
    border: 1px solid black;
    margin: 5px;
    text-align: center;
    overflow: hidden;
}

.spillerboks img {
    width: 100%;
    height: 100%;
}
.spinner_qQQY {
    animation-duration: 18s;
}
.spinner_pote {
    animation-duration: 1.5s;
}
.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

#tagadder {
    animation-name: animatus;
    animation-duration: 0.4s
}

#filter-box {
    background-color: #490A3D;
    color: #fff;
    padding: 1em;
}

table {
    width: 100%;
    border-collapse: collapse;
}

.big-column {
    width: auto;
}

.ten-percent {
    width: 10%;
}

thead {
    height: 2.5em;
    border-bottom: 1px solid black;
}

th {
    text-align: left;
}

th, td {
    padding: 0.5em;
    height: 3em;

}

tr:nth-child(even) {
    background-color:#f2f2f2
}

tr:hover {
    background-color: #8A9B0F;
}

thead tr {
    background-color:#eeeeee !important;
}

.credits ul {
    margin: 0px;
}

.job-heading {
    background: lightgray;
    margin-left: -15px;
    padding-left: 15px;
    margin-right: -15px;
}

.no-list-dot {
    list-style-type: none;
    padding: 0;
}

.stealth-button {
    border: 0;
    background-color: inherit;
    margin: 0;
    padding: 0;
}

.underline {
    text-decoration: underline;
}

.cursor-pointer {
    cursor: pointer;
}

.tag {
    background-color: lightgray;
    padding: 0.5em 1em;
    display: inline-block;
    border-radius: 25px;
    #hvorfor? margin-top: -1em;
    margin-bottom: 0.5em;
}

#specialists a {
    color: #fff;
}

#resultatkasse {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#resultatkasse > .spillerboks {
    width: 200px;
    float: none;
}

#resultatkasse > .spillerboks > img {
    height: auto;
}

.feather {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}