/* smoothen the fonts */
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* remove extra space from the last paragraph */
p:last-child {
	margin-bottom: 0;
}

/* fix the display of SVGs inside spans */
span > .svg {
	display: inline-block;
}

/* 
fixes sizes of content area on the tour-sections tabs and FAQs (maybe also other places) 
.uk-container tha is the direct parent of #tour-sections needs to be forced to the it's maximum width
*/
#content .uk-container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* let everything become wider */
.uk-container {
	max-width: 1430px;
}

/* remove extra space from the cards */
.tour-desc p:last-of-type {
	margin-bottom: 0;
}

/* style the dots on slideshows */

.uk-light .uk-dotnav > *:not(.uk-active) a {
	background-color: white;
	border: 1px solid white;
	opacity: 1;
	transition: all .25s ease;
}
.uk-light .uk-dotnav > *:not(.uk-active):not(:hover) a  {
	opacity: 1;
	background-color: transparent;
	border: 1px solid white;
}
.uk-light .uk-dotnav > *:not(.uk-active):not(:hover) a  {
	opacity: .7;
	background-color: white;
}

/* fix results layout */
#results-filters > .uk-first-column {
	padding-left: 0;
}

/* style the card badges */

.card-badges .uk-badge {
	cursor: pointer;
	padding: 12px 10px;
}

:is(.uk-card-media-top, .tour-list-item) .card-badges .uk-badge,
.uk-dotnav,
.uk-slidenav {
	border: none;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

/* fix sizes and positioning of the logo and searchbox */
#header-main {
	gap: 15px !important;
}

/* on width higher than 767px */
@media (min-width: 768px) {

	/* fix alignment of menu button */
	#top-button-menu {
		margin-left: -10px;
	}

	/* fix alignment of contact button */
	#top-button-contact {
		margin-right: -10px;
	}
}

body.template-home #header-main {
	gap: 25px;
}

#header-main #logo img {
	translate: 5% 0;
}

body.template-home #header-main #logo img {
	translate: 12% 0;
}

body.template-home #header-main #logo {
	margin-top: 20px;
}

body:not(.template-home) #header-main #logo {
	margin-top: -45px;
}

/* color was a bit too light. our fault :) */
html, a, .uk-link {
	color: rgba(0, 21, 73, 0.7);
}

.card-outer > .uk-card {
	transition: filter .5s ease;
}

.uk-card.uk-card-default,
.card-outer  > .uk-card,
.uk-slider:has(.card-outer.uk-active) .card-outer.uk-slide-active > .uk-card,
.uk-slider:has(.card-outer.uk-active) .card-outer.uk-slide-active + .card-outer:not(.uk-active) > .uk-card {
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.12));
}

.uk-slider:has(.card-outer.uk-active) .card-outer:not(.uk-active) > .uk-card {
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

#input-where-text::placeholder {
	color: #001549;
}

#input-where-text:focus-visible::placeholder {
	opacity: 0;
}

#search-bar .search-bar-item {
	color: #001549;
}

/* remove arrows from sliders titles that are not links */
:not(a) > :is(h1, h2) .chevron-right {
	display: none;
}

/* review styles adjustments */
.bt-review-title {
	color: #001549;
	font-size: 1.6rem;
}

.bt-review-tour a {
	color: #32a361;
}

.bt-review dt {
	color: #001549;
	margin-left: 0;
	font-weight: 600;
}

.bt-review dt:before {
	content: none;
}

.bt-review-cite {
	color: #001549;
	margin-left: 16px;
	margin-right: 16px;
	font-weight: 600;
}

.bt-review-links a {
	color: #001549;
}

.bt-review-reply {
	background: #0115490a;
	padding: 24px;
	border-radius: 17px;
	border-left: none;
	margin-top: 30px;
}

.tab-content .bt-review,
.tab-content .uk-card {
	border: none;
	border-radius: 0;
	padding: 0;
	filter: none;
}
@media screen and (min-width: 960px) {
	.tab-content .bt-review,
	.tab-content .uk-card {
		margin: 40px 0;
	}
}

.tab-content .bt-review {
	margin-left: 20px;
	margin-right: 20px;
}

.tab-content .bt-review:not(:last-child) {
	padding-bottom: 50px;
}

.tab-content .bt-review:not(:last-child),
.tab-content .card-outer:not(:last-child) {
	border-bottom: 1px solid rgba(0, 21, 73, 0.15);
}

.tab-content .uk-card-body {
	/* padding-top: 0 !important; */
	display: block;
}

.tab-content .uk-card .uk-slideshow {
	border-radius: 40px;
	overflow: hidden;
}

/* We should use 600 (semi-bold) instead of bold */
button.uk-button-secondary, a.uk-button.uk-button-secondary {
	font-weight: 600;;
}

/* fit the 3 number pagination item */
.uk-pagination a {
	letter-spacing: -.5px;
	font-size: 12px;
	font-weight: 500;
}

.uk-accordion .uk-accordion-title {
	padding: 0;
	padding-top: 20px;
	border: none;
	border-top: 1px solid;
	border-radius: 0;
	margin-bottom: 0;
	font-weight: 600;
	color: #011549;
	background: none !important;
}

.uk-accordion .uk-accordion-content {
	background: none;
	border: none;
	padding-left: 0;
	padding-bottom: 0;
}

.uk-accordion {
	padding-bottom: 20px;
	border-bottom: 1px solid;
}

/* make the logo a bit more blueish */
#footer-main #logo-strip img {
	filter: invert(8%) sepia(50%) saturate(6000%) hue-rotate(223deg) brightness(78%) contrast(100%);
	opacity: 1;
}

/* alternatively, replace .uk-flex-left by .uk-flex-center on the element */
#logo-strip > .uk-flex-left {
	justify-content: center;
}

/* remove tranparency for hovered links */
.uk-card a:not([class*=uk-button]):hover {
	opacity: 1;
}

/* style narrow search tabs (Multi-Day Tours / Day Tours) */
#search-type-tabs.uk-tab {
	margin-left: 0;
}
@media (min-width: 1165px) {
	#search-type-tabs.uk-tab > * {
		flex: none;
		padding-left: 0;
		position: relative;
		width: 50%
	}
}

#search-type-tabs.uk-tab::before {
	left: 0;
	border-bottom: 1px solid rgba(0, 21, 73, 0.15);
}

#filter-list > li {
	border-bottom: 1px solid #011549;
}

.uk-nav-default > li > a:hover {
	color: #011549;
}

.uk-nav-default .uk-parent .nav-parent-icon {
	filter: grayscale(1);
}

/*FAQ serach input styles */
#faq-search-input {
	padding: 24px;
	border-radius: 99999px;
	border: none;
	outline: 1px solid rgba(0, 21, 73, 0.15);
	color: #001549
}

#faq-submit {
	right: 5px;
}

#faq-results + hr {
	border-top: none;
}

/* my best try to animate the searchbar, let's see how it works out */
/* not good. removed */
/*
#search-bar-form .search-bar-item {
    transition: all .35s ease;
}

#search-bar-form .search-bar-item {
    max-width: 50%;
    overflow: hidden;
}

#search-bar-form .search-bar-item[hidden] ,
#search-bar-form:has(.input-search_type[value="multiday"]) #search-bar-days,
#search-bar-form:has(.input-search_type[value="singleday"]) :is(#search-bar-when, #search-bar-type) {
    max-width: 0 !important;
    display: flex !important;
    border-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    opacity: 0 !important;
}
*/

#results-filters .uk-nav-sub a {
	padding: 0;
}

#results-filters .uk-nav-sub a.on, #results-filters .uk-nav-sub a.on:hover,
#results-filters .uk-nav-sub a:hover {
	color: #001549;
	font-weight: bold;
	background-color: transparent;
	border: none;
}

#results-filters .uk-nav-sub a,
#results-filters .uk-nav-sub a:hover {
	border: none;
	font-weight: inherit;
	background-color: transparent;
}

#results-filters .uk-nav-sub a.on {
	color: #001549;
	font-weight: bold;
	background-color: transparent;
	border: none;
}

/* normalize list bullets */

ul.list-small-bullet, ul.uk-list-bullet {
	list-style-type: disc;
	margin-left: 1em;
}

ul.list-small-bullet li, ul.uk-list-bullet li {
	padding-left: .15em;
}

/* Fix discount accordions */

.uk-accordion.discounts .discount .uk-accordion-content {
	border: 1px solid #fe710e;
	background: #fe710e;
}
.uk-accordion.discounts .discount, .discounts .discount.uk-open {
	border-radius: 10px;
	overflow: hidden;
}

.uk-accordion.discounts .uk-accordion-title::before {
	filter: grayscale(1) contrast(1) brightness(100);
}

.uk-accordion-content {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.uk-open > .uk-accordion-title {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

#content .uk-accordion.dates-rates .uk-accordion-title {
	border-radius: 10px;
}

#content .uk-accordion.dates-rates .uk-accordion-content {
	border-radius: 10px;
}
/* make forms background white */
div.FormBuilder {
	background-color: white;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
	background-color: #f3fae836;
}
.uk-textarea, .uk-input {
	border-radius: 5px;
}