/**
 * Theme Name: DBD
 * Version: 1.0
 * Author: remark.no
 * Template: astra
 */

input::-ms-reveal,
input::-ms-clear {
	display: none;
}

.h2, h2,
.h3, h3,
h2.card-title,
h2.package-title {
	font-size: 15px;
}
.modal .modal-header h2 {
	margin-bottom: 0;
}

.position-inherit {
	position: inherit;
}

.wcag-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

a[target]:not(.button)::after {
	font-family: "Font Awesome 5 Free";
	font-size: 75%;
	font-weight: 900;
	content: "\f08e";
	margin-left: 0.4em;
	text-decoration: none;
	display: inline-block;
}

.alert-info {
	--bs-alert-color: #434e22;
	--bs-alert-bg: #cdcdbf;
	--bs-alert-border-color: #cdcdbf;
}

.btn-primary {
	--bs-btn-bg: #8a9a5b;
	--bs-btn-border-color: #616b42;
	--bs-btn-hover-bg: #d4e1c5;
	--bs-btn-hover-border-color: #5a6930;
	--bs-btn-active-bg: #778a3f;
	--bs-btn-active-border-color: #5a6930;
	--bs-btn-disabled-bg: #a9b87d;
	--bs-btn-disabled-border-color: #83915a;
}
.py-1-5 {
	padding-top: .375rem !important;
	padding-bottom: .375rem !important;
}
.site-content .ast-container {
	display: block !important;
}

a:not(.btn):not(.button),
a:not(.btn):visited:not(.button):visited {
	color: #8a9a5b;
}
a:not(.btn):hover:not(.button):hover,
a:not(.btn):active:not(.button):active {
	color: #d4e1c5;
}

a.btn, a.button, button.button {
	text-decoration: none!important;
	color: white !important;
}
.smaller {
	font-size: 80% !important;
}

#content {
	margin: 1em 0 2em;
}
.cf-turnstile {
	opacity: 0.8;
	filter: grayscale(100%);
	overflow: hidden;
	text-align: center;
}
@media (max-width: 320px) {
	.cf-turnstile > div {
		scale: 0.84;
		transform-origin: top left;
	}
}
@media (min-width: 375px) {
	.cf-turnstile > div {
		scale: 0.9;
		transform-origin: top left;
	}
}

.col-1-5 {
	flex: 0 0 auto;
	width: 12.5%;
}
@media (min-width: 768px) {
	.col-md-1-5 {
		flex: 0 0 auto;
		width: 12.5%;
	}
}

.col-1-7 {
	flex: 0 0 auto;
	width: 14%;
}
@media (min-width: 768px) {
	.col-md-1-7 {
		flex: 0 0 auto;
		width: 14%;
	}
}

.ast-mobile-header-content {
	opacity: 0.975;
}
.current-menu-item a.menu-link,
.menu-item a:hover {
	color: inherit !important;
}
#ast-hf-mobile-menu {
	border-bottom: 1em solid white;
}
#ast-hf-menu-1 li a::before,
#ast-hf-mobile-menu a::before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: 900;
	width: 1.8em;
	color: #8a9a5b !important;
	text-decoration: none;
}
#ast-hf-menu-1 a {
	color: #1b1b1e !important;
}
#ast-hf-menu-1 a:hover {
	opacity: 0.7;
	text-decoration: underline;
}
.ast-builder-menu .favorites a::before {
	content: "\f004";
}
.ast-builder-menu .messages a::before {
	content: "\f27a";
}
.ast-builder-menu .login a::before,
.ast-builder-menu .logout a::before {
	content: "\f2f6";
}
.ast-builder-menu .register a::before {
	content: "\f234";
}
.ast-builder-menu .dashboard a::before {
	content: "\f625";
}
.ast-builder-menu .account a::before {
	content: "\f007";
}

body.logged-in .ast-builder-menu .login,
body.logged-in .ast-builder-menu .register,
body:not(.logged-in) .ast-builder-menu .favorites,
body:not(.logged-in) .ast-builder-menu .messages,
body:not(.logged-in) .ast-builder-menu .logout,
body:not(.logged-in) .ast-builder-menu .dashboard,
body:not(.logged-in) .ast-builder-menu .account,
body.role-contributor .ast-builder-menu .dashboard {
	display: none;
}

@media (min-width: 576px) {
	.w-max-50vw {
		max-width: 300px;
	}
}

.no-copy,
.skip-link,
.site header,
footer
{
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.error404 .page-title {
	font-size: 20px;
	text-transform: none;
}
.error404 .page-sub-title {
	font-size: 16px;
	text-transform: none;
}
article.status-draft .entry-title::after {
	content: " Denne oppføringen er ikke publisert enda.";
	display: block;
	margin-top: 0.5em;
	font-size: 16px;
	color: gray;
	text-transform: none;
	font-weight: normal;
}

.home h1 {
	text-align: center;
	margin: 7vh auto 3vh;
	text-transform: initial;
}
.home h1 i {
	color: #8a9a5b;
}
@media (max-width: 550px) {
	.home h1 {
		max-width: 300px;
	}
}
@media (min-width: 551px) and (max-width: 680px) {
	.home h1 {
		max-width: 400px;
	}
}

.single-post h1.entry-title {
	margin-bottom: 0;
	font-weight: normal;
}
.single #packageModalDescription {
	white-space: pre-wrap;
	word-wrap: break-word;
}

footer a {
	text-decoration: none;
	color: inherit;
}
footer a:hover {
	text-decoration: underline;
}

/* For WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
	height: 8px;
}
::-webkit-scrollbar-track {
	background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
	background-color: #dddddd;
	border-radius: 4px;
}

/* Optional: Firefox scrollbar styling */
.scroll-container {
	scrollbar-color: #dddddd #f5f5f5;
	scrollbar-width: thin;
}
#shareModal .buttons a {
	width: 2.5em;
	display: inline-block;
	padding-left: 0!important;
	padding-right: 0!important;
}

#remark-search .btn-primary {
	border-color: #8a9a5b;
}

.card .remark-favorite {
	width: 2em;
	height: 2em;
}
.card .remark-favorite i {
	position: absolute;
	opacity: 0.6;
	cursor: pointer;
	padding: 0.5em;
	color: white !important;
}
.card .remark-favorite i:hover {
	opacity: 1;
}

.remark-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 100%;
}

.form-check-label {
	font-weight: normal;
}

@media (max-width: 460px) {
	.ast-container,
	.ast-container-fluid {
		padding: 0 3vw;
	}
}

#filterModal {
	text-align: initial;
}
#filterModal .dbd-filter-menu .remark-category-search,
#filterModal .dbd-filter-menu .remark-category,
#filterModal .dbd-filter-details .remark-category {
	cursor: pointer;
	margin-bottom: 10px;
}
#filterModal .dbd-filter-menu .remark-category-search,
#filterModal .dbd-filter-menu .remark-category {
	border-bottom: 1px solid #eeeeee;
	margin: 0;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
}
#filterModal .dbd-filter-menu .remark-category-search {
	height: 4.5em;
}
#filterModal .dbd-filter-menu span.remark-selected {
	overflow-x: scroll!important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#filterModal .dbd-filter-menu span.remark-selected::-webkit-scrollbar {
	display: none;
}
#filterModal .dbd-filter-details > div {
	display: none;
	padding: 15px 20px;
}
#filterModal .dbd-filter-details .remark-category i {
	margin-left: 15px;
	margin-right: 15px;
}
#filterModal .list-group input[type="checkbox"] {
	margin-right: 10px;
}
#filterModal .list-group-item {
	padding-top: 0;
	padding-bottom: 0;
}
#filterModal .list-group label {
	width: 100%;
	padding-top: var(--bs-list-group-item-padding-y);
	padding-bottom: var(--bs-list-group-item-padding-y);
}
#filterModal .rounded-pill i {
	opacity: 0.5;
}
#filterModal .dates {
	margin-left: 20px;
}
#filterModal .dates input[type="date"] {
	width: 9em;
}
#filterModal .dates input.form-control:disabled {
	opacity: 0.4;
}
#filterModal #dateInputExact,
#filterModal #dateInputBetween {
	margin-left: 24px;
}
#filterModal .form-check-label {
	font-weight: 500;
}
#filterModal .modal-body {
	min-height: 250px;
}
#filterModal .remark-selected {
	max-width: 100%;
}
.dbd-filter-details .list-group {
	max-height: 166px;
	overflow: auto;
}
#remark-filter-info {
	cursor: pointer;
}
.remark-search {
	width: 100%;
	max-width: 420px;
}
.remark-search .remark-search-filters {
	font-size: 150%;
}
.remark-search .remark-search-filters i {
	vertical-align: middle;
}

.remark-location-main {
	opacity: 0.6;
}
.remark-package-carousel {
	display: flex;
	overflow-x: auto;
	gap: 1em;
	padding: 1em 0;
	scroll-snap-type: x mandatory;
}

.remark-package-card {
	flex: 0 0 calc(100% / 3 - 1em);
	scroll-snap-align: start;
	border: 1px solid #ccc;
	border-radius: 0.5em;
	padding: 1em;
	background: #f9f9f9;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
	cursor: pointer;
}
.remark-package-card .pkg-title h2 {
	margin: 0 0 6px 0;
}
.remark-package-card .pkg-desc {
	white-space: pre-wrap;
	word-wrap: break-word;
	max-height: 25vh;
	overflow-y: hidden;
	margin-bottom: 0.5em;
	scrollbar-width: thin; /* Firefox */
	scrollbar-color: rgba(0,0,0,0.4) transparent;
}
.remark-package-card .pkg-desc:hover {
	overflow-y: scroll;
}
.remark-package-card .pkg-desc::-webkit-scrollbar {
	width: 6px;
}
.remark-package-card .pkg-desc::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 3px;
}
.remark-package-card .pkg-desc::-webkit-scrollbar-track {
	background: transparent;
}
.pkg-price {
	font-style: oblique;
}

/* Mobile layout: 80% + 20% peek */
@media (max-width: 768px) {
	.remark-package-card {
		flex: 0 0 80%;
	}
	.remark-package-carousel {
		padding-right: 20%;
	}
}

.remark-meta-wrapper {
	text-align: center;
}
.remark-meta-block {
	display: inline-block;
	text-align: left;
}
.remark-meta-block i {
	width: 1.5em;
	text-align: center;
}

#remark-register .form-check-input[type=checkbox] {
	border-color: #444444;
	border-width: 2px;
}
#remark-login label,
#remark-register label {
	font-weight: normal;
}
#remark-toggle-password {
	color: gray;
	background-color: #f0f0f0;
	border: var(--ast-border-color);
}

#remark-map {
	width: 100%;
	max-widht: 300px;
	height: 200px;
	margin: auto;
}
#remark-map svg {
	position: absolute;
	opacity: 0.05;
}
#remark-map .leaflet-control-attribution {
	color: #777777;
}

@media (max-width: 1024px) {
	.gallery-item {
		flex: 0 0 calc(100% / 6 - 0.5em) !important;
	}
}
@media (max-width: 768px) {
	.gallery-item {
		flex: 0 0 calc(100% / 4 - 0.5em) !important;
	}
}
@media (max-width: 480px) {
	.gallery-item {
		flex: 0 0 calc(100% / 3 - 0.5em) !important;
	}
}

@media (min-width: 768px) {
	.single .remark-video-wrapper {
		width: 640px;
	}
}

.single #primary,
.single #primary article.post {
	padding-top: 0.25em;
	margin-top: 0.5em;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
}

.remark-has-unread-comments li.menu-item.messages a::after,
.accordion-item.remark-has-unread > h2 button .remark-ellipsis::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f111";
	margin-left: 2px;
	color: #800;
	font-size: 40%;
	opacity: 0.4;
	text-decoration: none;
	vertical-align: super;
}
.remark-has-unread-comments li.menu-item.messages a::after {
	margin-bottom: 10px;
}

ul.remark-links {
	margin: 0;
}
ul.remark-links li {
	display: inline;
}
ul.remark-links li:not(:first-child)::before {
	content: " | ";
}