/* Global button system and Flatsome color-variant overrides. */
[data-text-bg=secondary],
.bg-secondary-color {
	background-color: var(--secondary-color);
}

.button:not(.icon),
button:not(.icon),
input[type=submit],
input[type=reset],
input[type=button] {
	border: none;
}

.button:not(.icon),
button:not(.icon) {
	padding: 5px 20px;
}

.huse-til-salg .button {
	padding: 5px 20px;
}

.button:not(.icon),
.dark .button:not(.icon) {
	color: #000000;
	font-weight: 500;
}

.button:not(.icon):not(.is-xxsmall):not(.is-xsmall):not(.is-smaller):not(.is-small):not(.is-large):not(.is-larger):not(.is-xlarge):not(.is-xxlarge):not(.is-xxxlarge) {
	font-size: .8em;
}

/* Keep Flatsome's size ratios while using .8em as the normal button size. */
.button.is-xxsmall:not(.icon) {
	font-size: .535em;
}

.button.is-xsmall:not(.icon) {
	font-size: .587em;
}

.button.is-smaller:not(.icon) {
	font-size: .639em;
}

.button.is-small:not(.icon) {
	font-size: .71em;
}

.button.is-large:not(.icon) {
	font-size: .948em;
}

.button.is-larger:not(.icon) {
	font-size: 1.072em;
}

.button.is-xlarge:not(.icon) {
	font-size: 1.237em;
}

.button.is-xxlarge:not(.icon) {
	font-size: 1.649em;
}

.button.is-xxxlarge:not(.icon) {
	font-size: 2.062em;
}

@media only screen and (max-width: 549px) {
	.button.is-large:not(.icon) {
		font-size: .825em;
	}

	.button.is-larger:not(.icon) {
		font-size: .990em;
	}

	.button.is-xlarge:not(.icon) {
		font-size: 1.485em;
	}

	.button.is-xxlarge:not(.icon) {
		font-size: 2.062em;
	}
}

.dark .button.is-form:hover,
.button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dark a.button:hover {
	color: #000000;
}

.button.is-outline:hover {
	font-weight: 600;
}

input[type=submit],
input[type=submit].button,
input[type=submit],
.primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

input[type=submit]:hover,
input[type=submit].button:hover,
input[type=reset]:hover,
input[type=button]:hover,
.primary:hover {
	background-color: var(--primary-color-hover) !important;
	border-color: var(--primary-color-hover) !important;
}

.button.primary:not(.is-outline):not(.is-link):not(.is-underline),
.button.secondary:not(.is-outline):not(.is-link):not(.is-underline),
.button.eris:not(.is-outline):not(.is-link):not(.is-underline),
.button.jeppesen:not(.is-outline):not(.is-link):not(.is-underline),
.button.planethuse:not(.is-outline):not(.is-link):not(.is-underline),
.checkout-button:not(.is-outline),
.button.checkout:not(.is-outline),
.button.alt:not(.is-outline) {
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

.button.secondary:not(.is-outline):not(.is-link):not(.is-underline),
.button.eris:not(.is-outline):not(.is-link):not(.is-underline),
.button.jeppesen:not(.is-outline):not(.is-link):not(.is-underline),
.button.planethuse:not(.is-outline):not(.is-link):not(.is-underline),
.checkout-button:not(.is-outline),
.button.checkout:not(.is-outline),
.button.alt:not(.is-outline) {
	background-color: var(--adt-secondary-button-color) !important;
	border-color: var(--adt-secondary-button-color) !important;
}

.button.eris:not(.is-link):not(.is-underline),
.button.jeppesen:not(.is-link):not(.is-underline),
.button.planethuse:not(.is-link):not(.is-underline) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1.6;
	min-height: 44px;
	padding: 5px 20px;
	border-width: 2px;
	border-style: solid;
}

.button.secondary:not(.is-outline):not(.is-link):not(.is-underline):hover,
.button.eris:not(.is-outline):not(.is-link):not(.is-underline):hover,
.button.jeppesen:not(.is-outline):not(.is-link):not(.is-underline):hover,
.button.planethuse:not(.is-outline):not(.is-link):not(.is-underline):hover,
.checkout-button:not(.is-outline):hover,
.button.checkout:not(.is-outline):hover,
.button.alt:not(.is-outline):hover {
	background-color: var(--adt-secondary-button-hover-color) !important;
	border-color: var(--adt-secondary-button-hover-color) !important;
}

.button.is-link {
	padding: 5px 0;
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

.button.is-link:hover {
    color:#061e3f;
    font-weight: 600;
}

/* Primary simple link button */
.button.primary.is-link,
a.button.primary.is-link {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #000000 !important;
	padding: 0 .15em !important;
	letter-spacing: 3px;
	text-transform: uppercase !important;
	font-weight: 500;
}

.button.primary.is-link:hover,
a.button.primary.is-link:hover,
.button.primary.is-link:focus,
a.button.primary.is-link:focus {
	background-color: transparent !important;
	color: #333333 !important;
	border-color: transparent !important;
	box-shadow: none;
	opacity: 1;
	font-weight: 600;
}

.secondary.is-underline,
.secondary.is-link,
.eris.is-underline,
.eris.is-link,
.jeppesen.is-underline,
.jeppesen.is-link,
.planethuse.is-underline,
.planethuse.is-link,
[data-text-color=secondary],
.secondary-color {
	color: var(--base-color) !important;
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

.button.eris.is-link,
.button.jeppesen.is-link,
.button.planethuse.is-link {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--adt-secondary-button-color) !important;
}

.button.eris.is-link:hover,
.button.jeppesen.is-link:hover,
.button.planethuse.is-link:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--adt-secondary-button-hover-color) !important;
}

.button.secondary.is-link,
a.button.secondary.is-link {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #000000 !important;
}

.button.secondary.is-link:hover,
a.button.secondary.is-link:hover,
.button.secondary.is-link:focus,
a.button.secondary.is-link:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #333333 !important;
}

.button.secondary.is-outline,
.button.eris.is-outline,
.button.jeppesen.is-outline,
.button.planethuse.is-outline,
.checkout-button.is-outline,
.button.checkout.is-outline,
.button.alt.is-outline {
	color: var(--base-color);
	border-color: var(--adt-secondary-button-color);
	border-width: 2px;
	border-style: solid;
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

.button.secondary.is-outline:hover,
.button.eris.is-outline:hover,
.button.jeppesen.is-outline:hover,
.button.planethuse.is-outline:hover,
.checkout-button.is-outline:hover,
.button.checkout.is-outline:hover,
.button.alt.is-outline:hover {
	color: var(--base-color);
	background-color: transparent;
	border-color: var(--adt-secondary-button-hover-color);
	border-width: 2px;
	border-style: solid;
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

/* White filled */
.button.white,
a.button.white {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	line-height: 1.6;
	min-height: 44px;
	background-color: var(--adt-btn-white-bg) !important;
	color: var(--adt-btn-white-text) !important;
	border-color: var(--adt-btn-white-border) !important;
	border-width: 2px;
	border-style: solid;
	padding: 5px 20px;
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

/* White outline */
.button.white.is-outline,
a.button.white.is-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	line-height: 1.6;
	min-height: 44px;
    background-color: transparent !important;
    color: var(--adt-btn-white-bg) !important;
    border-color: var(--adt-btn-white-border) !important;
	border-width: 2px;
	border-style: solid;
	letter-spacing: 3px;
	text-transform: uppercase !important;
}

.button.white:not(.is-outline) > span,
a.button.white:not(.is-outline) > span {
	line-height: inherit;
}

.button.white.is-outline > span,
a.button.white.is-outline > span {
	line-height: 1;
}

/* White filled hover */
.button.white:not(.is-outline):hover,
a.button.white:not(.is-outline):hover {
	background-color: var(--adt-btn-white-hover-bg) !important;
	border-color: var(--adt-btn-white-hover-bg) !important;
}

/* White outline hover */
.button.white.is-outline:hover,
a.button.white.is-outline:hover {
	background-color: transparent !important;
	color: var(--primary-color-greywhite) !important;
	border-color: var(--primary-color-greywhite) !important;
}

@media only screen and (max-width: 820px) {
	.button:not(.icon),
	button:not(.icon) {
		padding: 5px 20px;
	}
}

/*
*   ADT - Responsive styling 2026
*/

@media screen and (max-width: 768px) { 
    /* Keep the custom color buttons padded like the white button on mobile. */
	.button.eris:not(.is-link):not(.is-underline),
	.button.jeppesen:not(.is-link):not(.is-underline),
	.button.planethuse:not(.is-link):not(.is-underline) {
		min-height: 44px;
		padding: 5px 10px;
	}

	.button.white,
	a.button.white {
		min-height: 2.5em;
        text-transform: uppercase !important;
    }

	.button.white.is-small,
	a.button.white.is-small,
	.text-inner .button.white,
	.text-inner a.button.white {
		padding: 5px 10px;
    }
}

/* Static universe button colors. */
.button.eris {
	--adt-secondary-button-color: #f5e4e5;
	--adt-secondary-button-hover-color: #efcacc;
}

.button.jeppesen {
	--adt-secondary-button-color: #e3e9e2;
	--adt-secondary-button-hover-color: #c8d2c5;
}

.button.planethuse {
	--adt-secondary-button-color: #dce4ea;
	--adt-secondary-button-hover-color: #bccad3;
}

/* Keep the mobile link-button label and icon on the same flex row. */
@media only screen and (max-width: 549px) {
	a.button.is-link.show-for-small {
		display: inline-flex;
		align-items: center;
		max-width: 100%;
		white-space: normal;
	}

	a.button.is-link.show-for-small > span {
		min-width: 0;
		flex: 1 1 auto;
	}

	a.button.is-link.show-for-small > i {
		flex: 0 0 auto;
		display: inline-block;
	}
}

/* Responsive text alignment for buttons configured in UX Builder. */
.button[class*="adt-button-text-align-"] {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	white-space: normal;
}

.button[class*="adt-button-text-align-"] > span {
	min-width: 0;
	flex: 1 1 auto;
}

.button[class*="adt-button-text-align-"] > i {
	flex: 0 0 auto;
	display: inline-block;
}

.button:not(.icon) > span > i.icon-angle-right {
	display: inline-block;
	margin-right: -.15em;
	margin-left: .4em;
}

.button.adt-button-text-align-sm-left {
	text-align: left;
}

.button.adt-button-text-align-sm-center {
	text-align: center;
}

.button.adt-button-text-align-sm-right {
	text-align: right;
}

@media only screen and (min-width: 550px) {
	.button.adt-button-text-align-md-left {
		text-align: left;
	}

	.button.adt-button-text-align-md-center {
		text-align: center;
	}

	.button.adt-button-text-align-md-right {
		text-align: right;
	}
}

@media only screen and (min-width: 850px) {
	.button.adt-button-text-align-lg-left {
		text-align: left;
	}

	.button.adt-button-text-align-lg-center {
		text-align: center;
	}

	.button.adt-button-text-align-lg-right {
		text-align: right;
	}
}