/*  Custom styling */
#site-header [class*='circle-']{
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
}
#site-header [class*='circle-'] a{color: var(--text-negative);}
#site-header .circle-green { background: var(--success);}
#site-header .circle-blue { background: var(--secondary)}

@media (max-width:767px) {
#site-header [class*='circle-']{
	height: 35px;	
	width: 35px;}
}

.text-shadow {
	text-shadow: 0px 1px 1px #020202 !important;
}

.text-shadow-none {
	text-shadow: none !important;
}

.shadow-sm {
	box-shadow: 0 1px 3px rgba(0,0,0,0.7) !important;
}

.shadow-sm-inset {
	box-shadow: 0 1px 3px rgba(0,0,0,0.7) inset !important;
}

.shadow-lg {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5) !important;
}

.shadow-lg-inset {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5) inset !important;
}

.shadow-none {
	box-shadow: none !important;
}
	
	.card-title.h5{font-size:max(var(--min-size-h6), min(2vw, var(--size-h6)))}
	.category-thumb:hover .card-title.h5, .card-body:hover .card-title.h5{color:#fff}
	
html {
	font-weight:400;
	color:var(--color);
	line-height:var(--line-height);
}

body, #get_columnz_shadow {
	background:#fff;
}

body, #get_columnz_shadow > div > section { /* selektor lidt besværlig i admin pga. vw/cqw */
	font-size: max(var(--min-size), min(2vw, var(--size)));
	font-family:var(--font);
	font-weight:400;
	color:var(--text);
	line-height:var(--line-height);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
	padding: 0;
	font-family:var(--font-heading);
}

h1, .h1 {
	font-size: max(var(--min-size-h1), min(5vw, var(--size-h1)));
	color: var(--color-h1);
	font-weight: 700;
}

h2, .h2 {
	font-size: max(var(--min-size-h2), min(4vw, var(--size-h2)));
	color: var(--color-h2);
	font-weight: 700;
}

h3, .h3 {
	font-size: max(var(--min-size-h3), min(3.5vw, var(--size-h3)));
	color: var(--color-h3);
	font-weight: 700;
}

h4, .h4 {
	font-size: max(var(--min-size-h4), min(3vw, var(--size-h4)));
	color: var(--color-h4);
	font-weight: 700;
}

h5, .h5 {
	font-size: max(var(--min-size-h5), min(2.5vw, var(--size-h5)));
	color: var(--color-h5);
	font-weight: 700;
}

h6, .h6 {
	font-size: max(var(--min-size-h6), min(2vw, var(--size-h6)));
	color: var(--color-h6);
	font-weight: 700;
}

p {
	margin: 0;
	padding-bottom:1em;
	
}

h2 + p {
	padding-top:0.5em;
}

h3 + p {
	padding-top:0.5em;
}

.ql-align-center {
	text-align: center !important;
}

.ql-align-right {
	text-align: right !important;
}

.ql-align-justify {
	text-align: justify !important;
}

.columnz_type_text {
	hyphens: auto;
}

.columnz_type_text ul, .columnz_type_text ol {
	padding-left: 1em;
	margin-bottom: 1em;
	line-height: 1.45;
}

.hyphens-auto {
	hyphens: auto !important;
}

.hyphens-manual {
	hyphens: manual !important;
}

.rm-white {
	color: #fff;
}
.readmore-action {
	display:none;
	position: relative;
	text-align: center;
	cursor: pointer;
	font-size: 0.9em;
	margin-top: var(--bs-spacing-2);
}

.btn {
	font-size: max(var(--min-size-button), min(2vw, var(--size-button)));
	line-height: inherit;
	padding: 1.175em 2.75em;
}
.btn-lg {
	font-size: max(var(--min-size-button) * 1.25, min(2vw, var(--size-button) * 1.25));
}
.btn-sm {
	font-size: max(var(--min-size-button) * 0.875, min(2vw, var(--size-button) * 0.875));
}


.table.table-edge {
	margin-left: -.75em;
	margin-right: -.75em;
}
.table.table-edge.table-sm {
	margin-left: -.3em;
	margin-right: -.3em;
}

/* Media Queries - værs'go' */

@media (max-width:1199px) {
}

@media (max-width:991px) {
}

@media (max-width:767px) {
}

@media (max-width:576px) {
}

#get_module {
	display: inline-block;
	max-width: 100%;
}

.columnz_outer_content {
	position: relative;
}

.columnz_type_payment_methods img {
	max-height: 30px;
	width: auto;
}

#get_module.columnz_type_yt {
	display:block;
}


/* Owl Carousel */
.columnz_type_slide {
	height: 100%;
}
.owl-carousel {

}
.owl-carousel .owl-stage {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.owl-carousel .owl-item .item-grid {
	height: 100%;
}
.owl-carousel .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
}

.owl-carousel .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}

.owl-carousel .owl-nav [class*='owl-']:hover {
	background: var(--primary);
	color: #FFF;
	text-decoration: none;
}

.owl-carousel .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-carousel .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-carousel .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}
.owl-carousel .owl-dots {
    margin: 0;
    position: absolute;
    bottom: 0;
    z-index: 9;
    pointer-events: none;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
}
.owl-carousel .owl-nav > button[class*="owl-"] {
    pointer-events: all;
    font-size: 1.3em;
    padding: 0.5em;
}
.owl-carousel .owl-nav > button[class*="owl-"]:hover {
    color: var(--primary-light);
    background: transparent;
}

.owl-carousel.owl-vertical .owl-nav {
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
}
.owl-carousel.owl-vertical .owl-nav > button[class*="owl-"] svg {
    transform: rotate(90deg);
}

.owl-carousel.owl-vertical .owl-dots {
    top: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    display: flex;
    width: auto;
}

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding:0;
	pointer-events: all;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #8a8a8a;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
	background: var(--primary);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	padding: 15px;
}
.owl-carousel .owl-item img {
    max-height: 100%;
    max-width: 100%;
}


/* Columnz footer */
.btn-footer .btn-link:hover {
	text-decoration: none;
	color: var(--secondary-dark);
}

.btn-footer .btn-link {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 10px;
	color: var(--text);
}

.btn-footer .btn-link svg, .btn-footer .btn-link i {
	margin-right: 15px;
	transition: margin 0.5s;
}
.btn-footer .btn-link:hover svg, .btn-footer .btn-link:hover i {
	margin-left: 10px;
	margin-right: 5px;
}

.outer-footer svg[data-blot="icon"], .outer-footer i[data-blot="icon"] {
	text-align: center;
	width: 1.25em;
}


.phone-link, .email-link {
	color: inherit;
}


/* Element-plugin */

.text-shadow .columnz-custom-preheading {font-weight: 500;}
.columnz-custom-preheading {
	font-size: 0.35em;
	display: block;
	font-weight: 300;
	font-family:var(--font);
	text-transform:uppercase;
}
.custom-element {
	text-transform: uppercase;
}

img.columnz_inner {
	margin: 0 auto;
	display: block;
}
video.columnz_inner {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
:where(.columnz_element):not(.btn), :where(.columnz_outer_content), :where(.container-outer) {
    border: 0 solid #ddd;
}


/* Box-styles */

/* .hoverbox */
.hoverbox .columnz_type_image img, .hoverbox .columnz_type_image > .columnz_outer_content > .columnz_content > .columnz_element, .hoverbox.hide-text .columnz_type_text {
	transition: all 0.5s;
}
.hoverbox.hide-text .columnz_type_text {
	opacity: 0;
}
.hoverbox:hover .columnz_type_image img {
	opacity: 0.4 !important;
}
.hoverbox:hover .columnz_type_image > .columnz_outer_content > .columnz_content > .columnz_element {
	background-color: var(--secondary) !important;
}
.hoverbox.primary:hover .columnz_type_image > .columnz_outer_content > .columnz_content > .columnz_element {
	background-color: var(--primary) !important;
}
.hoverbox.hide-text:hover .columnz_type_text {
	opacity: 1;
}


/* Link på row */
.row-link {
	color: inherit;
	text-decoration: inherit;
}
.row-link:hover {
	color: inherit;
	text-decoration: inherit;
}

/* Accordion */
.accordion-theme-lines > .accordion > div {
	border-bottom: 1px solid currentColor;
}
.accordion-theme-lines > .accordion > div:last-child {
	border-bottom: 0;
}
.accordion-theme-lines > .accordion > div > .columnz_outer_content > .columnz_content > .columnz_element {
	padding: 15px;
}
.accordion-theme-lines > .accordion > div > .columnz_outer_content > .columnz_content > .columnz_element + .accordion-item > div > .columnz_outer_content > .columnz_content > .columnz_element {
	padding: 15px;
}
.accordion-theme-lines > .accordion .columnz_element[data-toggle="collapse"] {
	cursor: pointer;
}
.accordion-theme-lines > .accordion .columnz_element {
	column-gap: 15px;
}

.accordion-theme-card > .accordion > div {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: var(--border-radius);
}
.accordion-theme-card > .accordion > div:not(:last-of-type) {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.accordion-theme-card > .accordion > div:not(:first-of-type) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.accordion-theme-card > .accordion > div > .columnz_outer_content > .columnz_content > .columnz_element {
	padding: 15px;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-theme-card > .accordion > div:first-of-type > .columnz_outer_content > .columnz_content > .columnz_element {
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.accordion-theme-card > .accordion > div > .columnz_outer_content > .columnz_content > .columnz_element[data-toggle="collapse"] {
	cursor: pointer;
}
.accordion-theme-card > .accordion > div > .columnz_outer_content > .columnz_content > .columnz_element {
	column-gap: 15px;
}
.accordion-theme-card > .accordion > div > .columnz_outer_content > .columnz_content > .columnz_element + .accordion-item > div > .columnz_outer_content {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 15px;
}