/* Elements
--------------------------------------------- */
body {
	background: #fff;
	margin: 0;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a,
a:visited {
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
	outline: thin dotted var(--midnight-blue-80)
}

a:hover,
a:active {
	outline: 0;
}

/* Cookie Notice (Override default Bar layout style)
--------------------------------------------- */

.cky-notice-group {
	max-width: 1760px;
	/* display: flex; */
	gap: 32px;
	justify-content: space-between;
	margin: auto;
}

.cky-notice .cky-title {
	display: none;
}

.cky-notice .cky-notice-des {
	line-height: 1.35em;
}

.cky-consent-bar .cky-btn {
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: 14px;
	border-radius: 6px;
	border: none;
}

.cky-consent-container .cky-consent-bar .cky-btn-accept {
	background-color: var(--button-bg);
	color: var(--button-font-color);
}

.cky-consent-bar .cky-btn-accept:hover {
	background-color: var(--button-bg-hover);
	color: var(--button-font-color);
}

.cky-btn.cky-btn-reject {
	display: none;
}

.cky-preference-content-wrapper p {
	margin-bottom: 5px;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
	color: var(--golden-grass-50) !important;
	line-height: 1 !important;
}

.cky-dma-content-wrapper a.cky-policy {
	text-decoration: underline !important;
}

.cky-accordion-header .cky-always-active {
	color: #212121 !important;
}

.cky-prefrence-btn-wrapper .cky-btn {
	border-radius: 6px;
}

.cky-prefrence-btn-wrapper+div {
	color: #5c6c87 !important;
	pointer-events: none;
}

.cky-prefrence-btn-wrapper+div a {
	opacity: .5;
}

.cky-preference-header .cky-btn-close {
	padding: 10px !important;
	border-radius: 5px !important;
	background: #f4f4f4 !important;
}

.cky-btn-revisit-wrapper {
	/* display: block; */
	display: none !important;
}

.ca-button.hide {
	display: none;
}

.ca-button .pom-cky {
	padding: 0 !important;
	color: var(--gray-70) !important;
	font-size: var(--body-text-xs);
	cursor: pointer;
	margin-top: -10px;
	display: block;
}

.ca-button .pom-cky:hover {
	text-decoration: underline;
}

#cm.bar {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 32px;
	padding-right: 32px;
}

#cm.bar #c-inr {
	max-width: 1760px;
	display: flex;
	gap: 32px;
	justify-content: space-between;
}

#cm.bar div#c-inr-i {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1200px;
}

#cm.bar #c-ttl {
	margin-bottom: 0;
	font-size: 0.9em;
}

#cm.bar #c-txt {
	font-size: 0.9em;
	line-height: 1.25em;
}

#cm.bar #c-bns {
	flex-wrap: nowrap;
	flex-direction: row;
	margin-top: auto;
	margin-bottom: auto;
	max-width: 350px;
	min-width: 350px;
	max-height: 42px;
}

#cm.bar .cc_div #c-bns {
	flex: 1;
}

#cm.bar .cc_div .c-bn {
	padding: 1em .7em;
	text-wrap: nowrap;
}

#s-all-bn {
	float: right;
	margin-left: .5rem;
}

#s-cnt #s-rall-bn {
	margin-left: 0;
}

@media screen and (max-width: 785px) {
	#cm.bar #c-inr {
		flex-wrap: wrap;
		gap: 16px;
		justify-content: center;
	}

	#cm.bar #c-bns {
		min-width: 280px;
	}

	.cc_div #cm.bar .c-bn {
		padding: .8em .7em;
	}

	#cm.bar #c-bns button+button,
	#cm.bar #s-cnt button+button {
		margin-top: 0;
		margin-left: .5rem;
	}
}


#language-switcher {
	display: block;
	font-size: 15px;
	position: relative;
	margin-bottom: auto;
	margin-top: 0;
}

#language-switcher .current-lang {
	/* padding: 5px 10px; */
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	transition: color .15s ease;
}

#language-switcher .dropdown-wrapper {
	background-color: #fff;
	border-radius: 5px;
	color: #000;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin: 0;
	position: fixed;
	bottom: 30px;
	display: none;
	/* Initially hide the dropdown */
	width: 450px;
	max-width: calc(100% - 64px);
	text-align: left;
	z-index: 1000;
}

.dropdown-message {
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 10px;
}

#language-switcher .dropdown {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#language-switcher .dropdown li {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 20px;
	transition: color .25s ease;
	width: calc(50% - 20px);
	user-select: none;
}

#language-switcher .dropdown li:hover {
	color: var(--golden-grass-50);
}

#language-switcher li:last-child {
	border-bottom: none;
}

#language-switcher li.is-selected {
	color: var(--golden-grass-50);
	opacity: .7;
	pointer-events: none;
	user-select: none;
}

@media (max-width: 960px) {
	#language-switcher {
		font-size: 14px;
	}
}

.overlay {
	opacity: 0;
}

.switch-open .overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(50 50 50 / 80%);
	opacity: 1;
	z-index: 999;
}

#language-switcher .dialog-close {
	border: 3px solid transparent;
	position: absolute;
	padding: 0;
	cursor: pointer;
	background: none;
	border-radius: 50%;
	height: 26px;
	right: 5px;
	top: 5px;
	width: 26px;
	z-index: 1;
}

.select-lang {
	display: flex;
	gap: 5px;
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 0;
}

#lang-icon {
	width: 20px;
	transition: all .15s ease;
}

.select-lang:hover .current-lang {
	color: var(--golden-grass-50);
}

.select-lang:hover #lang-icon {
	fill: var(--golden-grass-50);
}

/* Preloader styles */
.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	display: none;
}

.lds-ripple,
.lds-ripple div {
	box-sizing: border-box;
}

.lds-ripple {
	/* display: inline-block;
  position: relative; */
	width: 80px;
	height: 80px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid var(--golden-grass-50);
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 8px;
		height: 8px;
		opacity: 0;
	}

	4.9% {
		top: 36px;
		left: 36px;
		width: 8px;
		height: 8px;
		opacity: 0;
	}

	5% {
		top: 36px;
		left: 36px;
		width: 8px;
		height: 8px;
		opacity: 1;
	}

	100% {
		top: 0;
		left: 0;
		width: 80px;
		height: 80px;
		opacity: 0;
	}
}

/* Opacity transition styles */
#dynamic-content .menu-map-header,
#dynamic-content .hotspots {
	opacity: 0;
	transition: opacity .5s ease .15s;
}

.content-visible #dynamic-content .menu-map-header,
.content-visible #dynamic-content .hotspots {
	opacity: 1;
}

.buttons-review {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}

.buttons-review a[href^="http"]:not([href*="prideofmaui-v3.local"]):not([href*="prideofmaui.com"]) {
	position: relative;
	padding-right: 45px;
}

.ext_url {
	position: relative;
	padding-right: 20px;
}

.buttons-review a[href^="http"]:not([href*="prideofmaui-v3.local"]):not([href*="prideofmaui.com"])::after,
.ext_url:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 0.3em;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;

	/* maska iz SVG-a */
	-webkit-mask: url('../../svg/icon-ext.svg') no-repeat center / contain;
	mask: url('../../svg/icon-ext.svg') no-repeat center / contain;

	background-color: currentColor; /* ikona dobije boju linka */
}

.ext_url:after {
	right: 0;
	top: -1px;
	width: 14px;
}