:root {
    --sxh-primary: #FFB400;
    --sxh-primary-light: #FEE25C;
    --sxh-primary-dark: #F49300;
    --sxh-ochre-400: #A54F00;
    --sxh-ochre-500: #714318;
    --sxh-ochre-600: #765B42;
    --sxh-ochre-700: #797067;
    --sxh-ochre-800: #888888;
    --sxh-red-shade-a: #BE4647;
    --sxh-red-shade-b: #AF5138;
    --sxh-red-shade-c: #9E4F55;
    --sxh-red-shade-d: #832021;
    --sxh-red-shade-e: #C73A4C;
    --sxh-red-shade-f: #522A2D;
    --sxh-red-shade-g: #AD2224;
    --sxh-red-shade-h: #812B14;
    --sxh-red-shade-i: #D94356;
    --sxh-gradient-primary-moz: -moz-linear-gradient(left, rgba(254,226,92,1) 0%, rgba(254,226,92,0) 100%);
    --sxh-gradient-primary-wk: -webkit-linear-gradient(left, rgba(254,226,92,1) 0%,rgba(254,226,92,0) 100%);
    --sxh-gradient-primary: linear-gradient(to right, rgba(254,226,92,1) 0%,rgba(254,226,92,0) 100%);
    --sxh-gradient-gray-moz: -moz-linear-gradient(left, rgba(84,89,94,1) 0%, rgba(84,89,94,0) 100%);
    --sxh-gradient-gray-wk: -webkit-linear-gradient(left, rgba(84,89,94,1) 0%,rgba(84,89,94,0) 100%);
    --sxh-gradient-gray: linear-gradient(to right, rgba(84,89,94,1) 0%,rgba(84,89,94,0) 100%);
}

/*---- Global Elements ----*/

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: normal;
}

.dark-on-light-bg a {
    color: var(--sxh-ochre-400);
    text-decoration: none;
}

.dark-on-light-bg a:hover {
    color: var(--sxh-primary-dark);
}

.light-on-dark-bg a {
    color: var(--sxh-primary);
    text-decoration: none;
}

.light-on-dark-bg a:hover {
    color: var(--sxh-primary-light);
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 200;
    line-height: normal;
}

.logo-main {
    width: 220px;
}

.logo-admin {
    width: 160px;
}

/*  Pagination  */
.pagination .page-item .page-link {
    color: var(--bs-gray-700);
}

.dataTables_paginate .paginate_button:hover, .pagination .page-item .page-link:hover {
    color: white !important;
    background-color: var(--sxh-primary-dark);
    border: 1px solid var(--sxh-primary-dark);
}

.dataTables_paginate .paginate_button:focus-visible, .pagination .page-item .page-link:focus {
    box-shadow: inset 0 0 3px var(--sxh-primary);
}

.dataTables_paginate .paginate_button.current, .pagination .page-item.active .page-link {
    color: white !important;
    background-color: var(--sxh-primary);
    border: 1px solid var(--sxh-primary);
}

.dataTables_paginate .paginate_button.current:hover {
    background-color: var(--sxh-ochre-400);
    color: white !important;
    border: 1px solid var(--sxh-ochre-400);
}


/*---- End Global Elements ----*/


/*---- Bootstrap Overrides ----*/
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: var(--sxh-primary);
    box-shadow: 0 0 0 0.25rem rgba(255, 180, 0, 0.25);
}

.form-check-input:checked {
    background-color: var(--sxh-primary-dark);
    border-color: var(--sxh-primary-dark);
}


/*---- Bootstrap Overrides ----*/


/*---- Global Classes ----*/

div.dark-on-light-bg {
    color: var(--bs-gray-700);
}

div.light-on-dark-bg {
    color: var(--bs-gray-200);
}

.sxh-primary {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary);
    border-color: var(--sxh-primary);
    text-transform: uppercase;
    white-space: nowrap;
}

.sxh-primary.btn-lg {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.3rem;
}

.btn-primary.sxh-primary:hover {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary-light);
    border-color: var(--sxh-primary-light);
}

.btn-check:active+.btn-primary.sxh-primary, .btn-check:checked+.btn-primary.sxh-primary, .btn-primary.sxh-primary.active, .btn-primary.sxh-primary:active, .show>.btn-primary.sxh-primary.dropdown-toggle {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary-dark);
    border-color: var(--sxh-primary-dark);
}

.btn-check:focus+.btn-primary.sxh-primary, .btn-primary.sxh-primary:focus {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary-dark);
    border-color: var(--sxh-primary-dark);
    box-shadow: 0 0 0 .25rem rgba(254,226,92,.5);
}

.sxh-primary-light {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary-light);
    border-color: var(--sxh-primary-light);
    text-transform: uppercase;
    white-space: nowrap;
}

.sxh-primary-light.btn-lg {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.3rem;
}

.btn-primary.sxh-primary-light:hover {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary-dark);
    border-color: var(--sxh-primary-dark);
}

.btn-check:active+.btn-primary.sxh-primary-light, .btn-check:checked+.btn-primary.sxh-primary-light, .btn-primary.sxh-primary-light.active, .btn-primary.sxh-primary-light:active, .show>.btn-primary.sxh-primary-light.dropdown-toggle {
    color: var(--bs-gray-200);
    background-color: var(--sxh-ochre-400);
    border-color: var(--sxh-ochre-400);
}

.btn-check:focus+.btn-primary.sxh-primary-light, .btn-primary.sxh-primary-light:focus {
    color: var(--bs-gray-200);
    background-color: var(--sxh-ochre-400);
    border-color: var(--sxh-ochre-400);
    box-shadow: 0 0 0 .25rem rgba(254,226,92,.5);
}

.sxh-primary-dark {
    color: white;
    background-color: var(--sxh-primary-dark);
    border-color: var(--sxh-primary-dark);
    text-transform: uppercase;
    white-space: nowrap;
}

.sxh-primary-dark.btn-lg {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.3rem;
}

.btn-primary.sxh-primary-dark:hover {
    color: var(--bs-gray-800);
    background-color: var(--sxh-primary-light);
    border-color: var(--sxh-primary-light);
}

.btn-check:active+.btn-primary.sxh-primary-dark, .btn-check:checked+.btn-primary.sxh-primary-dark, .btn-primary.sxh-primary-dark.active, .btn-primary.sxh-primary-dark:active, .show>.btn-primary.sxh-primary-dark.dropdown-toggle {
    color: var(--bs-gray-200);
    background-color: var(--sxh-ochre-500);
    border-color: var(--sxh-ochre-500);
}

.btn-check:focus+.btn-primary.sxh-primary-dark, .btn-primary.sxh-primary-dark:focus {
    color: var(--bs-gray-200);
    background-color: var(--sxh-ochre-500);
    border-color: var(--sxh-ochre-500);
    box-shadow: 0 0 0 .25rem rgba(254,226,92,.5);
}

.sxh-text-primary {
    color: var(--sxh-primary);
}

.sxh-text-primary-light {
    color: var(--sxh-primary-light);
}

.sxh-text-primary-dark {
    color: var(--sxh-primary-dark);
}

.sxh-text-primary-read {
    color: var(--sxh-ochre-400);
}

a.sxh-text-primary, a.sxh-text-primary-light, a.sxh-text-primary-dark, a.sxh-text-primary-read {
    transition: all 0.25s;
    text-decoration: none;
}

a.sxh-text-primary:hover, a.sxh-text-primary:focus {
    color: var(--sxh-primary-light);
}

a.sxh-text-primary-light:hover, a.sxh-text-primary-light:focus {
    color: white;
}

a.sxh-text-primary-dark:hover, a.sxh-text-primary-dark:focus {
    color: var(--sxh-primary);
}

a.sxh-text-primary-read:hover, a.sxh-text-primary-read:focus {
    color: black;
}

.text-gray-200 {
    color: var(--bs-gray-200) !important;
}

.text-gray-300 {
    color: var(--bs-gray-300) !important;
}

.text-gray-400 {
    color: var(--bs-gray-400) !important;
}

.text-gray-500 {
    color: var(--bs-gray-500) !important;
}

.text-gray-600 {
    color: var(--bs-gray-600) !important;
}

.text-gray-700 {
    color: var(--bs-gray-700) !important;
}

.text-gray-800 {
    color: var(--bs-gray-800) !important;
}

.sxh-bg-ochre-400 {
    background-color: var(--sxh-ochre-400);
}

.sxh-bg-ochre-500 {
    background-color: var(--sxh-ochre-500);
}

.sxh-bg-ochre-600 {
    background-color: var(--sxh-ochre-600);
}

.sxh-bg-ochre-700 {
    background-color: var(--sxh-ochre-700);
}

.sxh-bg-ochre-800 {
    background-color: var(--sxh-ochre-800);
}

.hr-primary {
    background: var(--sxh-gradient-primary-moz);
    background: var(--sxh-gradient-primary-wk);
    background: var(--sxh-gradient-primary);
    opacity: 1; /* bootstrap override */
}

.hr-gray {
    background: var(--sxh-gradient-gray-moz);
    background: var(--sxh-gradient-gray-wk);
    background: var(--sxh-gradient-gray);
    opacity: 1; /* bootstrap override */
}

.fs-21 {
    font-size: 1.3125rem;
}

.caption, .fs-14 {
    font-size: 0.875rem;
}

.fs-12 {
    font-size: 0.75rem;
}

.fs-10 {
    font-size: 0.625rem;
}

.py-10 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.bg-main {
    background-image: url(/img/mainbg.jpg);
    background-color: black;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-ws {
    background-image: url(/img/geometric-pattern.jpg);
    background-color: black;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.category-acro {
    min-width: 60px;
    height: 60px;
    font-family: 'Lexend Deca', sans-serif;
    color: white;
    font-size: 1.5rem;
    font-weight: 200;
    line-height: normal;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-acro.category-acro-sm {
    min-width: 40px;
    height: 40px;
    font-size: 1.125rem;
    border-radius: 0.25rem;
}

.category-acro.category-acro-xs {
    min-width: 20px;
    height: 20px;
    font-size: 0.625rem;
    border-radius: 0.25rem;
}

.category-acro.red-a {
    background-color: var(--sxh-red-shade-a);
}

.category-acro.red-b {
    background-color: var(--sxh-red-shade-b);
}

.category-acro.red-c {
    background-color: var(--sxh-red-shade-c);
}

.category-acro.red-d {
    background-color: var(--sxh-red-shade-d);
}

.category-acro.red-e {
    background-color: var(--sxh-red-shade-e);
}

.category-acro.red-f {
    background-color: var(--sxh-red-shade-f);
}

.category-acro.red-g {
    background-color: var(--sxh-red-shade-g);
}

.category-acro.red-h {
    background-color: var(--sxh-red-shade-h);
}

.category-acro.red-i {
    background-color: var(--sxh-red-shade-i);
}

.read-more {
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.rounded-top {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-top-start {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-top-end {
    border-top-right-radius: 0;
}

.rounded-bottom {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.rounded-bottom-start {
    border-bottom-left-radius: 0;
}

.rounded-bottom-end {
    border-bottom-right-radius: 0;
}

.bg-black-50 {
    background-color: rgba(0,0,0,0.5);
}

.footer {
    background-color: black;
    color: var(--bs-gray-400);
    padding: 1.5rem;
}

.ws-footer {
    background-color: transparent;
}

.footer .logo-cr img {
    width: 200px;
    display: block;
    margin-bottom: 0.25rem;
}

.footer .logo-wb-footer img {
    width: 150px;
    display: block;
    margin-bottom: 0.25rem;
}

/*---- End Global Classes ----*/



/*---- Navbar ----*/

.sxh-navbar ul.navbar-nav a.nav-link {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


.sxh-navbar ul.navbar-nav a.nav-link.nav-profile {
    letter-spacing: unset;
    text-transform: unset;
    padding: 0.25rem;
    display: inline;
}


.sxh-navbar .sxh-search {
    width: auto;
}

/*---- End Navbar ----*/



/*---- Index ----*/

#home #latest {
    background-image: url(/img/featurebg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

#home div#latestEntriesCarousel::after {
    display: block;
    height: 60px;
    width: 100%;
    content: "";
}

#home .latest-entries {
    margin-bottom: 1rem;
}

#home .latest-entry, #home .top5-entry, #home .top6down-entry {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#home .latest-entry {
    margin-bottom: 2.5rem;
}

#home .latest-entry-summary {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    /* width: 60vw;
    max-width: 1160px;
    height: 20px; */
}

#home .top5-entry {
    margin-bottom: 1.5rem;
}

#home .top6down-entry {
    margin-bottom: 1rem;
}

.category-entry {
    margin-bottom: 1rem;
}

#home .latest-entry:last-child, #home .top5-entry:last-child, #home .top6down-entry:last-child, .category-entry:last-child {
    margin-bottom: 0;
}

#home .category-entry {
    width: calc(50% - 1rem);
    margin-right: 1rem;
}

#home .latest-pagination .page-link {
    background-color: transparent;
    color: white;
}

#home .latest-pagination .page-link:hover {
    color: black;
    background-color: var(--sxh-primary-light);
    border-color: var(--sxh-primary-light);
}

#home .latest-pagination .page-link:focus {
    color: black;
    background-color: var(--sxh-primary-light);
    border-color: var(--sxh-primary-light);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(254, 226, 92, 0.5);
}

#home .latest-pagination .page-link:active {
    color: black;
    background-color: var(--sxh-primary);
    border-color: var(--sxh-primary);
}

#home #top40 {
    background-image: url(/img/top40bg2.jpg);
    background-color: var(--bs-gray-200);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#home .top5-box {
    border: 1px solid var(--bs-gray-600);
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

#categories {
    background-image: url(/img/categoriesbg2.jpg);
    background-color: var(--bs-gray-800);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.category-entry h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3125rem;
    font-weight: 400;
}

.category-list{
    flex-direction: column;
    flex-wrap: wrap;
    display: flex;
    max-height: 550px;
}

#home .category-list{
    flex-direction: row;
    max-height: unset;
}

#home .top6down {
    flex-direction: column;
    flex-wrap: wrap;
    display: flex;
    /* max-height: 880px; */
}

#home .top6down .top6down-entry-info p {
    display: block;
    margin-right: 1rem;
}

/*---- End Index ----*/


/*---- Novel View ----*/

/* #novel #novelContent {
    background-color: var(--bs-gray-200);
} */

#novel .novel-inner .novel-introtext {
    background: var(--bs-gray-200);
    border-left: 0.5rem solid var(--sxh-ochre-500);
    font-weight: 400;
    font-size: 1.125rem;
    margin: 1.5em 0;
    padding: 1.5em;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

#novel .novel-inner .novel-introtext:before {
    color: var(--sxh-ochre-800);
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

#novel .novel-inner .novel-introtext p {
    display: inline;
}

#novel .novel-inner .novel-fulltext br {
    content: "";
    display: block;
    margin: 0.5rem 0;
}

#novel .novel-crs-outer, #novel .novel-post-rating {
    background-color: var(--bs-gray-700);
}

#novel .novel-crs-inner .stat {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 2.25rem;
    font-weight: 200;
}

#novel .novel-crs-inner .loadbar {
    width: 100%;
    height: 300px;
}

#novel .novel-crs-inner .loadbar .spinner-border {
    width: 3rem;
    height: 3rem;
}

#novel .rate-meter {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -0.25rem;
    justify-content: space-around;
}

#novel .rate-meter .meter {
    width: 0.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#novel .rate-meter .meter .vert-bar {
    width: 0.0625rem;
    height: 0.25rem;
    background-color: var(--bs-gray-500);
    margin-bottom: 0.125rem;
}

#novel .rate-meter .meter .meter-unit {
    font-size: 0.75rem;
    color: var(--bs-gray-500);
}

#novel .preset-comment {
    border-radius: 0.25rem;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
    padding: 0.25rem 0.5rem;
    position: relative;
    float: left;
    margin: 0 0.25rem 0.25rem 0;
    transition: all 0.25s;
}

#novel .preset-comment:hover {
    background-color: var(--sxh-primary);
}

#novel .preset-comment:active, #novel .novel-crs-inner .preset-comment:focus {
    background-color: var(--sxh-primary-dark);
}

#novel .preset-comment a{
    color: white;
    display: block;
    font-size: 0.75rem;
    transition: all 0.25s;
}

#novel .preset-comment a:hover{
    color: black;
}

#novel .ratings .rated, #novel .rate-new label{
    font-size: 1.5rem;
    padding: 0.25rem;
}

#novel .ratings .rated {
    color: var(--sxh-primary);
}

#novel .rate-new label{
    color: var(--bs-gray-800);
    float: right;
    transition: all 0.2s ease;
}

#novel .rate-new input:not(:checked) ~ label:hover, #novel .rate-new input:not(:checked) ~ label:hover ~ label{
    color: var(--sxh-primary-light);
}

#novel .rate-new input:checked ~ label{
    color: var(--sxh-primary-light);
}

#novel .rate-new input#rate-10:checked ~ label{
    color: var(--sxh-primary-light);
    text-shadow: 0 0 20px var(--sxh-primary-dark);
}


/*---- End Novel View ----*/



/*---- Category View ----*/

#category .dataTables_filter {
    white-space: nowrap;
}

#category #categories {
    background-image: unset;
}

/*---- End Category View ----*/



/*---- Register View ----*/

#register .register-form .form-text {
    display: block;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    font-style: italic;
}

#register .register-text li {
    font-size: 1.125rem;
}

#register .login-outer {
    background-color: var(--bs-dark);
}

/*---- End Register View ----*/



/*---- Profile View ----*/

#profile .profile-details table tr {
    height: 3.5rem;
    vertical-align: middle;
}


/*---- End Profile View ----*/



/*---- Subscribe View ----*/

#subscription-plans div.subscribe-img {
    background-image: url(/img/vip01.jpg);
    background-size: cover;
    background-position: top center;
}

#subscription-plans div.subscribe-img p {
    min-height:50vh;
}

/*---- End Subscribe View ----*/



/* -------------------------------- ADMIN PAGES -------------------------------- */

#adminNovelList #novelPagination ul.pagination, #adminUserList #userPagination ul.pagination {
    flex-wrap: wrap !important;
}

.admin-mobile-search-novel, .admin-mobile-search-user {
    position: fixed;
    top: 80vh;
    font-size: 1.5rem;
    border-top-right-radius: 5rem;
    padding: 1rem;
    border-bottom-right-radius: 5rem;
}


/* -------------------------------- END ADMIN PAGES -------------------------------- */



/*---- Media Queries (Based on BS5) ----*/

/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    #home .top6down {
        flex-direction: row;
    }

    #home .top6down .top6down-entry-info p {
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

}

/* adminNovelList Override for mobile-friendly table */
@media (max-width: 1200px) {
    #adminNovelList table, #adminNovelList thead, #adminNovelList tbody, #adminNovelList th, #adminNovelList td, #adminNovelList tr,
    #adminCategoryList table, #adminCategoryList thead, #adminCategoryList tbody, #adminCategoryList th, #adminCategoryList td, #adminCategoryList tr,
    #adminUserList table, #adminUserList thead, #adminUserList tbody, #adminUserList th, #adminUserList td, #adminUserList tr {
        display: block;
    }

    #adminNovelList table td, #adminCategoryList table td, #adminUserList table td {
        padding-left: 50%;
        position: relative;
    }

	#adminNovelList table td:before, #adminCategoryList table td:before, #adminUserList table td:before {
		position: absolute;
		top: 0.375rem;
		left: 0.375rem;
		width: 45%;
		padding-right: 0.75rem;
		white-space: nowrap;
        color: gray;
	}

    #adminNovelList table td:nth-of-type(1):before { content: "Nr.:"; }
	#adminNovelList table td:nth-of-type(2):before { content: "Titel:"; }
	#adminNovelList table td:nth-of-type(3):before { content: "Introtekst:"; }
	#adminNovelList table td:nth-of-type(4):before { content: "Fuld tekst:"; }
	#adminNovelList table td:nth-of-type(5):before { content: "Forældre:"; }
	#adminNovelList table td:nth-of-type(6):before { content: "Kategori:"; }
	#adminNovelList table td:nth-of-type(7):before { content: "Status:"; }
	#adminNovelList table td:nth-of-type(8):before { content: "Slug:"; }
	#adminNovelList table td:nth-of-type(9):before { content: "Handlinger:"; }

    #adminCategoryList table td:nth-of-type(1):before { content: "Nr.:"; }
	#adminCategoryList table td:nth-of-type(2):before { content: "Navn:"; }
	#adminCategoryList table td:nth-of-type(3):before { content: "Slug:"; }
	#adminCategoryList table td:nth-of-type(4):before { content: "Plan:"; }
	#adminCategoryList table td:nth-of-type(5):before { content: "Status:"; }
	#adminCategoryList table td:nth-of-type(6):before { content: "Handlinger:"; }

    #adminUserList table td:nth-of-type(1):before { content: "Brugernavn:"; }
	#adminUserList table td:nth-of-type(2):before { content: "Gamle brugernavn:"; }
	#adminUserList table td:nth-of-type(3):before { content: "Forfatternavn:"; }
	#adminUserList table td:nth-of-type(4):before { content: "Emailadresse:"; }
	#adminUserList table td:nth-of-type(5):before { content: "Gamle emailadresse:"; }
	#adminUserList table td:nth-of-type(6):before { content: "Status:"; }
	#adminUserList table td:nth-of-type(7):before { content: "Handlinger:"; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .logo-main {
        width: 100%;
        max-width: 300px;
    }

    #home .top6down .top6down-entry-info p {
        width: 280px;
    }

    #home .category-entry {
        width: calc(33.3% - 1rem);
    }

    [class^="col-md-"].rounded-top-start {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0;
    }

    [class^="col-md-"].rounded-top-end {
        border-top-left-radius: 0;
        border-top-right-radius: 0.5rem;
    }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    #home #top40 {
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 75% auto;
    }

    #home .top6down .top6down-entry-info p {
        width: 200px;
    }

    #home #categories {
        background-position: top right;
        background-size: 50% auto;
    }

    #home .category-entry {
        width: calc(25% - 1rem);
    }

    #novel .ratings .rated, #novel .rate-new label {
        font-size: 1.25rem;
        padding: 0.15rem;
    }

    [class^="col-lg-"].rounded-top-start {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0;
    }

    [class^="col-lg-"].rounded-top-end {
        border-top-left-radius: 0;
        border-top-right-radius: 0.5rem;
    }


}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .sxh-navbar .sxh-search {
        width: 360px;
    }

    #home .latest-entry-summary {
        white-space: nowrap;
        -webkit-line-clamp: 1;
        height: 20px;
        width: calc(640px + 20vw);
        max-width: 1080px;
    }

    #home #top40 {
        background-size: 50% auto;
    }

    #home #categories {
        background-size: 40% auto;
    }

    #home .category-entry {
        width: calc(20% - 1rem);
    }

    #home .top6down .top6down-entry-info p {
        width: 180px;
    }

    #novel .ratings .rated, #novel .rate-new label {
        font-size: 1.42rem;
        padding: 0.25rem;
    }

    #register .register-outer {
        min-height: 600px;
    }

    [class^="col-xl-"].rounded-top-start {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0;
    }

    [class^="col-xl-"].rounded-top-end {
        border-top-left-radius: 0;
        border-top-right-radius: 0.5rem;
    }


}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    #novel .ratings .rated, #novel .rate-new label {
        font-size: 1.795rem;
        padding: 0.25rem;
    }

    /* #novel .novel-crs-inner .rate-meter .meter {
        width: 2.375rem;
    } */

    #home .top6down .top6down-entry-info p {
        width: 225px;
    }

    [class^="col-xxl-"].rounded-top-start {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0;
    }

    [class^="col-xxl-"].rounded-top-end {
        border-top-left-radius: 0;
        border-top-right-radius: 0.5rem;
    }
}

/* Override for silly datatables mq */
@media screen and (min-width: 576px) and (max-width: 768px) {
    #category .dataTables_wrapper .dataTables_length, #category .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }
}


/*---- End Media Queries ----*/