@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: RockerlGames;
    src: url('/font/Rockerl Games.woff');
}

@font-face {
    font-family: GothamMedium;
    src: url('/font/Gotham-Medium.woff');
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.fixed-ratio-resize {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.footer {
    background-color: #023748;
}

.bg-secondary {
    background-color: #023748 !important;
}

.bg-primary {
    background-color: #b25d24 !important;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4 {
    font-family: RockerlGames, serif;
}

.fa-rockerl-games-logo {
    font-family: RockerlGames, serif;
    font-size: xxx-large !important;
}

.fa-rockerl-games-logo:before {
    content: '\029A'
}

/* Link- and Button-colors */
.page-section a, .page-section a:visited {
    color: #023748;
}

.page-section a:hover, .page-section a:active, .page-section a:checked, .page-section a:focus {
    color: #b25d24;
}

.page-section + .bg-primary a, .page-section + .bg-primary a:visited {
    color: #fff;
}

.page-section + .bg-primary a:hover, .page-section + .bg-primary a:active, .page-section + .bg-primary a:checked, .page-section + .bg-primary a:focus {
    color: #023748;
}

.page-section {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}

.btn-primary, .btn-primary:visited {
    color: #fff;
    background-color: #023748;
    border-color: #023748;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:checked, .btn-primary:focus {
    color: #023748 !important;
    background-color: #fff !important;
    border-color: #023748;
    box-shadow: 0 0 0 0.25rem rgba(2, 55, 72, 0.5) !important;
}

.btn-outline-light {
    color: #FFFFFF !important;
}

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:checked, .btn-outline-light:focus {
    box-shadow: 0 0 0 0.25rem rgba(2, 55, 72, 0.5) !important;
}

.btn-outline-primary, .btn-outline-primary:visited {
    color: #023748;
    background-color: #fff;
    border-color: #023748;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:checked, .btn-outline-primary:focus {
    color: #fff !important;
    background-color: #023748 !important;
    border-color: #fff;
    box-shadow: 0 0 0 0.25rem rgba(2, 55, 72, 0.5) !important;
}

.top-logo {
    height: 70px;
}

.cookie-warning-toast {
    z-index: 4000 !important;
}