html, body {
	font-family: 'PT Sans', sans-serif;
}
.oljebergetlogo {
	width: 400px;
	max-width: 100%;
}

.mainimage {
	width: 100%;
}

label {
	cursor: pointer;
}

.vippsbutton {
	background-color: #ff5b24;
	border-color: #ff5b24
}
.vippsbutton:hover {
	background-color: #FF8157 !important;
	border-color: #FF8157 !important;
}
.vippsbutton:disabled {
	background-color: #D6D5D4 !important;
	border-color: #D6D5D4 !important;
}


.img-wrapper {
	position: relative;
	display: inline-block;
}

.img-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
}

.hotspot {
	position: absolute;
	display: block;
}

/* Eksempelområder */
.hs1 {
	top: 1%;
	left: 30%;
	width: 40%;
	height: 10%;
}

.hs2 {
	top: 12%;
	left: 0%;
	width: 100%;
	height: 100%;
}

.text-bold {
	font-weight: bold !important;
}

.btn-release, .btn-fetch {
	padding: 2px 24px;
	font-size: 10px;
	min-width: 105px;
}

.disabled {
	pointer-events: none;
	background-color: #D6D5D4 !important;
}

.ob_blue_text {
	color: #272468;
}
.ob_blue_border_bottom {
	border-bottom: 2px solid #272468;
}

.ob_red_text {
	color: #bd242b;
}
.ob_red_border_bottom {
	border-bottom: 2px solid #bd242b;
}

.btn-oljeberget {
	--bs-btn-color: #fff;
	--bs-btn-bg: #272468;
	--bs-btn-border-color: #272468;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bd242b;
	--bs-btn-hover-border-color: #bd242b;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bd242b;
	--bs-btn-active-border-color: #bd242b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}

.btn-mobilemenu {
	min-height: 50px;
	font-size: 24px;
	padding-top: 6px;
}

#mobileMenu.collapsing {
	transition: height 0.15s ease;
}

.h1, h1 {
	font-size: calc(1.2rem + 1.5vw)
}

#row-innmelding-mobile,
#row-medlemskap-mobile,
#row-omoss-mobile,
#row-supportersanger-mobile,
#row-kontaktskjema-mobile {
	scroll-margin-top: 60px;
}

.auto-one-line {
	white-space: nowrap;
	font-size: clamp(12px, 6vw, 32px);
}

.dropzone {
	border: 2px dashed #bd242b !important;
}

#thedropzonediv .dz-message {
	font-size: 16px;
	color: #666;
}
#thedropzonediv .dz-placeholder strong {
	font-size: 18px;
}

label[for] {
	font-weight: bold;
}

.nodecoration {
	text-decoration: none !important;
}

.nav-link {
	color: #272468 !important;
	font-weight: bold;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #bd242b !important;
	font-weight: bold;
}

.table-retrieved-codes, .table-retrieve-codes {
	font-size: .85rem;
}

.img-fluid {
	transition: filter 0.3s ease;
	width: 100%;
}
.img-fluid:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.9);
}

.supportersonglyrics {
	font-size: 14px;
}

.btn-group-sm>.btn, .btn-xsm {
	--bs-btn-padding-y: 0rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.675rem;
	--bs-btn-border-radius: var(--bs-border-radius-sm);
}

#members_table {
	font-size: .9rem;
}

.oljebergethr {
	background-color: #bd242b;
	opacity: .9;
	height: 1px;
	border: none;
}








@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1740px;
    }
}