a {
	text-decoration: none;
}

h2 {
	font-size: 30px;
	font-weight: 600;
}

h3 {
	font-size: 26px;
	font-weight: 600;
}

.spinner {
	height: 20px;
	width: 20px;
	display: block;
	border: 3px solid var(--primary-colour);
	border-bottom-color: var(--secondary-colour);
	border-radius: 50px;
	animation: spin infinite linear 1.5s;
}

.btn-primary, #ih-submit, #payment-button input {
	padding: 0.5rem 2rem;
}

#ih-submit, #payment-button input {
	background-color: var(--primary-colour);
	color: var(--primary-contrast);
	border: none;
	border-radius: 0.375rem;

	&:hover, &:focus {
		box-shadow: 0 0 100px 100px rgba(255,255,255,.1) inset;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

#nav-area {
	z-index: 3;
	box-shadow: 0px -6px 15px -15px rgba(0, 0, 0, 0.75);
	background-color: var(--primary-colour) !important;
	transition: .3s ease;
	align-items: normal;

	.nav-logo {
		width: 170px;
		position: relative;
		top: -17px;
	}

	.white {
		display: block;
	}
	.blue {
		display: none;
	}

	#navbar-main {
		background: none;
		padding: 0;
	}

    .navbar-brand {
        margin-right: 0;
    }

    #menu-primary {
        padding-top: 15px;
    }

	.topnav {
		opacity: 1;
		transition: .3s ease;

		.nav-link {
			padding: .5rem 1rem;
			font-weight: 600;

			i {
				color: var(--light-colour);
				text-shadow: 0 0 2px var(--primary-colour);
			}
		}
	}

	&.scrolled {
		background-color: var(--page-colour) !important;
		top: -38px !important;
		box-shadow: 0px 6px 15px -15px rgba(0, 0, 0, 0.75);

		/*a {*/
		/*    color: var(--primary-colour) !important;*/
		/*}*/

		.topnav {
			visibility: hidden;
			opacity: 0;
		}

		.nav-logo {
			top: 0;
		}

		.white {
			display: none;
		}
		.blue {
			display: block;
		}

		.nav-item a {

			color: var(--primary-colour);

			&:hover {
				color: var(--secondary-colour);
			}
		}
	}

	.nav-item a {
		/*color: var(--primary-colour);*/
		color: white;

		&:hover {
			color: var(--secondary-colour);
		}
	}

	#navbar-main {
		.nav-item {
			a.nav-link {
				text-transform: uppercase;
				padding: .5rem 1rem;
				font-weight: 600;
			}
		}
	}
}

#content-area {

	.breadcrumb {
		a {
			margin: 0 5px;

			&:first-child {
				margin-left: 0 !important;
			}
		}
		p {
			margin: 0 5px;
		}
	}

	#notification--wrapper {
		.notification-field {
			background-color: var(--primary-colour);
			color: white;
			padding: 0.5rem;
			border-radius: 0.375rem;;
			p {
				margin: 0;
			}
		}
	}

	.holiday-inspiration, .blog-inspiration {

		display: grid;
		grid-auto-rows: auto;

		h5 {
			color: var(--light-colour);
			font-weight: 600;
		}
	}

	.blog-inspiration {
		grid-template-columns: repeat(4, 1fr);
	}

	.inspiration-card {
		background-size: cover;
		background-position: center;

		a {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			padding: 15px;
			min-height: 250px;
			height: 100%;
			text-decoration: none;
			background-image: linear-gradient(45deg, var(--primary-colour) 0%, transparent 70%);
			transition: .3s ease;
			font-weight: 500;

			&:hover {

				.card-arrow {
					background-color: rgba(205, 158, 40, 1);
				}
			}

			.card-details {
				color: var(--page-colour);
			}

			.card-arrow {
				color: var(--page-colour);
				background-color: rgba(21, 53, 88, .6);
				padding: 3px 10px;
				border-radius: 5px;
				transition: .3s ease;
			}
		}
	}

	.card-title-bg {
		display: flex;
		justify-content: center;
		align-items: center;

		h3 {
			color: white;
			padding: 0.5rem 1rem;
			margin: 0;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 26px;
		}
	}

	.home-hero {
		position: relative;

		.row {
			margin-inline: 0;
		}

		.home-slider, .page-slider {
			position: relative;
			overflow: hidden;
			height: 75vh;


			.col {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: none;
				padding: 0;


				&:first-child {
					display: block;
				}

				figure {
					height: 100%;
					width: 100%;


					img {
						object-fit: cover;
						object-position: center;
						height: 100% !important;
						width: 100%;
					}
				}
			}
		}

		.page-slider {
			height: 50vh;
		}

		.hero-overlay {
			height: 100%;
			width: 100%;
			gap: 4em;

			&:before {
				content: "";
				/*background: linear-gradient(180deg, var(--page-colour) 150px, transparent 300px);*/
				background-color: var(--primary-colour);
				opacity: .4;
				height: 100%;
				width: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}

			h1 {
				color: var(--light-colour);
				padding: 10px 30px 5px;
				border-radius: 6px;
				z-index: 1;
				letter-spacing: 10px;
				text-transform: uppercase;
			}

			span, p {
				color: var(--light-colour);
				z-index: 1;
			}

			p {
				text-align: center;
			}

			.btn-wrappers {
				display: flex;
				justify-content: center;
				z-index: 1;
			}
		}
	}

	/* Trustpilot Reviews */
	#s9-slider-trustpilot_review-1 {
		a.trustpilot-review {
			margin: 0 0.5em;
		}
	}

	div.trustpilot-reviews {
		a.trustpilot-review {
			width: calc(25% - 15px);
			padding: 10px;
			background-color: var(--page-colour);
			text-decoration: none;

			h3 {
				-webkit-box-orient: vertical;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				overflow: hidden;
			}

			p.review-content {
				-webkit-box-orient: vertical;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				overflow: hidden;
			}

			span.review-meta {
				opacity: 0.8;
			}
		}
	}

	.light-bg {
		background-color: var(--nav-colour);
	}

	/* Holiday PopUp */
	#book-popup, #image-popup, #ask--question {
		position: fixed;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 25%;
		height: 50%;
		background-color: var(--page-colour);
		z-index: 5;
		padding: 1rem;
		border-radius: 10px;
		display: none;

		#book_airport {
			text-transform: capitalize;
		}

		h3 {
			text-align: center;
		}

		input {
			border: none;
			text-align: center;
		}

		select {
			height: 40px;
			padding: 10px;
			border: 1px solid var(--primary-colour);
			border-radius: 10px;
		}

		.airport, .passengers, #per--person {
			label {
				width: 100%;
			}
			text-align: center;
		}

		#per--person {
			height: 100px;
		}

		.close {
			text-align: right;
			i {
				margin-right: 5px;
			}
		}

		.confirm {
			text-align: center;
		}
	}

	#image-popup {
		width: 90%;
		height: 90%;
		top: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#ask--question {
		width: 50%;
		height: 70%;
		background-color: var(--nav-colour);

		.form-control {
			border-bottom: 2px solid var(--primary-colour);
			border-radius: 0;
		}

		textarea {
			height: 200px;
		}

		#id, label[for="id"] {
			display: none;
		}
	}

	#img-popupclose {
		padding: 5px 10px;
		background-color: var(--primary-colour);
		color: white;
		&:hover {
			color: var(--tertiary-colour);
		}
	}

	#book-overlay {
		position: fixed;
		background-color: black;
		opacity: 0.4;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		display: none;
	}

    .hide-hotel-load {
        display: none;
    }

	/* Checkout */
	#checkout, #holiday, #overview, #highlights, #itinerary, #accommodation, #location, #reviews, #dates--price {
		scroll-margin-top: 150px;
		position: relative;

		.holiday-tabs, .checkout-tabs {
			.tab {
				padding: 5px 15px 5px 0;
				user-select: none;
				transition: .3s ease;
				cursor: pointer;
				border-bottom: 3px solid var(--nav-colour);
				position: relative;

				i {
					color: var(--primary-colour);
					font-size: 0.95rem;
					margin-right: 7px;
				}

				&.active {
					border-bottom: 3px solid var(--primary-colour);
				}

			}
		}

		.checkout-body {
			box-shadow: none !important;

			.steps {
				background: var(--light-colour);
				border-top: none !important;

				.step {
					display: none;

					&.current {
						display: block;
					}

					.fields {
						display: flex;
						gap: 1em;
						flex-wrap: wrap;

						.field, .itin-field {
							display: flex;
							flex-direction: column;
						}

						#passenger-details-container {
							width: 100%;
						}
					}
				}
			}

			.airport {
				display: flex;
				justify-content: space-between;
				align-items: center;
				p {
					margin-bottom: 0;
				}

				.room-button {
					min-width: 200px;
				}
			}

			.passenger-field {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: nowrap;

				p {
					margin-bottom: 0;
				}

				select {
					width: 40%;
				}

				.room-button {
					min-width: 200px;
				}
			}

			.flights, .lead-passenger, .passenger-add, .passenger-room, .misc, .payment, .extras, .trade {

				.title {
					background-color: var(--secondary-colour);
					color: white;
					padding: 10px 30px;
					margin-bottom: 0;
					border-radius: 10px 10px 0 0;
				}

				.checkout-form-card {
					border-radius: 0;

					&:last-child {
						border-radius: 0 0 10px 10px;
					}
				}
			}

			.passenger-field, .airport, .travel-out, .travel-in {
				height: unset;
				label {
					margin-right: 15px;
				}
			}

			#discount--code {
				text-transform: uppercase;
			}
		}

		.first-look-field {
			display: flex;
			justify-content: space-between;
			align-items: center;

			span {
				text-transform: uppercase;
			}
		}

		.glance-highlight-fields {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			padding: 10px 2px;
		}

		.glance-highlight-item {
			color: var(--secondary-colour);
			text-transform: uppercase;
		}

		.highlight-fields {
			padding-left: 0;

			li {
				margin-left: 15px;
			}
		}

		.other-referral-field {
			visibility: hidden;
		}

		.location-image {
			width: 100%;
		}

		.booknow-aside {
			padding: 0 10px;
			border: 3px solid var(--secondary-colour);
			border-radius: 10px;
		}

		.booknow-aside .holiday-box {

			p {
				text-align: left;
				margin: 0;
			}

			.room-box, .passenger-box {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}

			#rooms--count, #rooms--info {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
			}

			.sup-info {
				&:after {
					content: url("/wp-content/uploads/info__.png");
				}
			}

			.itin-title {
				color: var(--primary-colour);
			}
		}

		.booknow-fields {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;

			.button-fields {
				a {
					min-width: 100%;
				}
			}

			.sale-effects {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.discount, .previous {
				color: var(--secondary-colour);
				font-weight: 600;
			}
			.previous {
				text-decoration: line-through;
			}
			.glance-highlight-item {
				text-transform: unset;
			}

			.from-price {
				color: var(--primary-colour);
				span {
					font-size: 0.8rem;
					text-transform: none;
				}
			}

            .summary-featured-hol {
                width: 100%;
                height: 100px;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

		}

		.tag-wrapper {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap: wrap;
		}

		.tag-block {
			padding: 5px;
			margin: 2px;
			border: 1px solid var(--primary-colour);
			user-select: none;

			img {
				width: 15px;
				margin-right: 5px;
			}
		}

		.highlight-fields {
			columns: 2;

			li::marker {
				content: "\2713";
				color: var(--secondary-colour);
				font-size: 1.2rem;
			}

			span {
				margin-left: 5px;
			}
		}

		.dates-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.dates-table {
			width: 100%;
			text-align: center;
			border-collapse: initial;
			border-spacing: 0;

			tr:nth-child(even) {
				background-color: var(--nav-colour)
			}

			th, td {
				padding: 15px 0;
				border-bottom: 1px solid var(--secondary-colour);
			}

			th {
				color: var(--primary-colour);
			}

			.sold-out {
				color: var(--tertiary-colour);
				height: 60px;
			}

			.offer {
				color: var(--tertiary-colour);
				font-weight: bold;
			}
		}

		.lead-passenger, .passenger-add {

            #ih_checkout_other_title {
                visibility: hidden;
            }

			.field, .full-width {
				width: 48%;
				display: flex;
				flex-direction: column;
			}

			.full-width {
				width: 100%;

				textarea {
					height: 150px;
				}
			}

			.checkout-form-card {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				align-items: flex-start;
				width: 100%;
			}

            .title {
                width: 100%;
            }
		}

		.walking-group-block {
			display: none;
		}

		#payment-container {
			position: absolute;
			bottom: 16px;
			right: 28px;
		}
	}

	/* Contact Page */
	.contact-block {

		p {
			margin-bottom: 0;
		}
		.icons {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			a {
				font-size: 1.4rem;
				margin: 10px 0;

				i {
					margin-right: 10px;
				}

				&:last-child {
					text-decoration: underline;
				}
			}
		}
	}

	/*Itinerary*/

	.itin-field {
		width: 98%;
	}

	.itin-piece {
		display: flex;
		align-items: flex-start;
		border-bottom: 1px solid #d9d9d9;
	}

	.itin-counter {
		width: 40px;
		height: 40px;
		border: 3px solid var(--tertiary-colour);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
		span {
			color: var(--primary-colour);
			margin: 0;
		}
	}
	.itin-detail[open] {
		.itin-title {
			&:after{
				transform: rotate(180deg);
			}
		}
	}
	.itin-detail {
		width: 100%;
		/* margin-left: -60px; */
		/* padding-left: 60px; */
		
		.itin-title {
			
			list-style: none;
			position: relative;
			padding-top: 0px;
			font-size: 1.1rem;
			color: var(--primary-colour);

			
			&::after {
				position: absolute;
				right: 5px;
				content: " ▼";
			}
		}
		.itin-title + * {
			margin-top: 10px;
		}

		:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
		}
	}

	.itin-detail[open] {

		p {
			animation: animateDown 0.2s linear forwards;
		}

		.itin-title {
			list-style: none;

			&::after {
				content: " ▼";
			}
		}
	}

	/* FAQ */
	.faq-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 20px;
 		counter-reset: faq-counter;	
	}

	.faq-item {
		position: relative;
		width: 100%;
		padding-left: 0px!important;
		counter-increment: faq-counter;
		border-bottom:1px solid #d9d9d9;
		padding-left: 20px!important;

		border-left:5px solid #cd9e28;
		padding-bottom: 20px!important;


	}
	.itin-title {
		font-size: 1.2rem;
		padding-top: 0;
	}
	

	.faq-container.is-featured {
		/* display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;

		.faq-item {
			width: 100%;
		}

		.itin-detail {
			background-color: var(--primary-colour);
			color: white;
		} */
	}

}

.blue-bg {
	background-color: var(--primary-colour);
	color: var(--footer-top-text-colour);

	h3, a, h2, h4 {
		color: var(--footer-top-text-colour);
	}

	a {
		&:hover {
			color: var(--bs-nav-link-hover-color);
		}
	}
}

footer {
	background: #f1f1f1;

	.payments {
		i {
			color: var(--footer-top-text-colour);
		}
	}

	.certs {
		img {
			width: 100%;
		}
	}

	hr {
		height: 1px !important;
		width: 100% !important;
	}

	.brand-links {
		flex-direction: column;
		row-gap: 1em;

		div:has(.navbar-brand) {
			display: flex;

			.navbar-brand {
				flex-grow: 0;
			}
		}

		div {
			justify-content: center !important;
		}
	}

	.site-info {
		flex-direction: column;
	}

	.payments {
		.row {
			flex-direction: row;

			.col {
				flex-grow: 0;
			}
		}

		img {
			width: 50px;
		}
	}

	.involved-nav a {
		padding: 0;
		color: var(--primary-colour);
	}
}

.footer-logo img {
	max-height: 50px;
}

/* Holiday Cards */
.holiday-card, .brochure-card, .trustpilot-review, .holiday-card-search, .hotel-card, .form-card, .checkout-form-card {
	border-radius: 10px;
	border-width: 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin: 1em;
	transition: transform .2s;

	&:hover {
		box-shadow: 0 4px 8px rgba(2, 2, 2, 0.1);
		transform: scale(1.05);
	}

	.card-img {
		position: relative;
		min-height: 200px;
		background-position: center;
		background-size: cover;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;

		.flash {
			position: absolute;
			left: 0;
			top: 10px;
			padding: 5px 10px;
			border-radius: 0 4px 4px 0;
			background-color: var(--primary-colour);
			color: var(--light-colour);
			text-transform: uppercase;
		}

		.type-icon {
			position: absolute;
			right: 10px;
			bottom: 10px;
			color: var(--light-colour);
			text-shadow: 0 0 3px var(--primary-colour), 0 0 2px var(--primary-colour), 0 0 1px var(--primary-colour);
		}
	}

	.card-body {
		padding: .7em;
		color: var(--text-colour);

		.card-title {
			margin-bottom: .2em;
			text-transform: uppercase;
			font-size: 19px;
			font-weight: 600;
			min-height: 47px;
		}

		.card-review {
			font-size: .8em;
			margin-bottom: .8em;

			i {
				color: var(--quaternary-colour);
			}
		}

		.card-text {
			font-size: .9em;
			min-height: 90px;
		}
	}

	.card-footer {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		background: none;
		border: 0;
		padding: .7em;
		gap: 1em;

		p.card-price {
			margin-bottom: 0;
			display: flex;
			flex-direction: row-reverse;
			gap: .5em;
		}
	}
}

.holiday-card-search {
	padding: 0;

	.card-body {
		padding: 0;

		.card-title, .card-review, .card-desc {
			padding: .3em .7em;
			margin: 0;
		}

		.card-review, .card-desc {
			padding: 0.7em;
		}

		.card-title {
			min-height: 85px;
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		h4 {
			margin: 0;
			font-size: 20px;
			font-weight: 600;
		}
	}
}

.hotel-card {
	padding: 0;
	width: 200px;

	.card-img {
		min-height: 100px;
	}

	&:hover {
		box-shadow: 0 4px 8px rgba(2, 2, 2, 0.1);
		transform: none;
	}
}

.gallery-item.hotel-card {
	margin: 0 5px;
}

.gallery-item {

	.card-img {
		border-radius: 10px;
		cursor: pointer;
	}
}

.gallery-item.holiday-card {
	height: unset !important;

}

.gallery-wrapper {
	justify-content: space-between;
	align-items: center;

	.s9-slide-item {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.gallery-main {
	width: 100%;
	margin: 1em auto;

	.main-img {
		width: 100%;
		height: 350px;
		border-radius: 10px;
	}

	#main--holiday--img {
		height: 550px;
		border-radius: 10px;
		cursor: pointer;
	}

}

/* Promotional Banner */
#banner {
	.page-banner {
		height: 10vh;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 8px;

		.blue {
			color: #0d478a;
		}

		.white {
			color: #ffffff;
		}

		.light_blue {
			color: #008fc6;
		}
	}
}

.trustpilot-review {
	&:hover {
		transform: none;
	}

	.card-body {
		min-height: 250px;

		h3 {
			color: var(--primary-colour);
			text-transform: none;
			font-weight: 500;
			margin-top: 0.5rem;
		}
	}
}

/* Holiday Slider */
.s9-slider {
	padding-inline: 60px;

	.s9-slide-control {
		position: absolute;
		z-index: 1;
		top: 50%;
		transform: translatey(-50%);
		background: none;
		color: var(--secondary-colour);
		border: 0;
		font-size: 2.5em;
		opacity: .8;

		&.s9-slider-prev {
			left: 10px;
		}

		&.s9-slider-next {
			right: 10px;
		}
	}

	.s9-slider-track {
		display: flex;
		align-items: stretch;

		.s9-slide-item {
			opacity: .4;
			transform: scale(0.9);
			transition: .5s ease;
			height: unset;

			&.active {
				opacity: 1;
				transform: scale(1);

				.holiday-card {
					margin: 1em;
				}
			}

			.holiday-card {
				transition: margin .3s ease;
				height: calc(100% - 25px);
				margin-inline: -.5em;
			}
		}
	}
}

.holiday-card-des {
	overflow: hidden;
	height: auto;
	margin: 1rem;

	.card-img {
		min-height: unset;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.card-link {
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		padding: 8em 0;
		background: rgba(21, 53, 88, 0.2);
		transition: .3s ease;

		&:hover {
			background: rgba(21, 53, 88, .6);
		}

		.card-title {
			color: var(--page-colour);
			text-transform: uppercase;
			font-size: 26px;
			font-weight: 600;
		}
	}
}

#newsletter {

	.newsletter-form {
		display: flex;
		align-items: center;
		justify-content: flex-start;

		.newsletter-input {
			width: 55%;
			border-radius: 0;
			border-bottom: 2px solid var(--primary-colour);
			margin-right: 5px;
		}
	}

	.brochure {
		transform: rotate(-10deg) translateY(-50%);
		top: 50%;
        height: 250px !important;
	}

	.order-copy {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}
}

/*MY ACCOUNT*/
#loginform {
	label {
		margin-right: 65%;
	}
}

#register--form, #password--form, #passport--form {

	display: flex;
	flex-wrap: wrap;
	align-items: center;

	#ih_password_checker {
		display: none;
	}
	.field {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		width: 48%;
		margin: 0 5px 1rem 0;

		label {
			margin: 2px 0;
		}

		input, select {
			width: 100%;
		}

		input[type=checkbox] {
			width: 20px;
			margin-right:10px;
			height: 15px;
		}
		input[type=submit] {
			height: unset;
		}
	}

	.full-width {
		width: 100%;

		input, select {
			width: 99%;
		}
	}
}

.form-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

#default-form {
	max-width: 70%;
	margin: auto;

	.form-control, .form-select {
		border-bottom: 2px solid var(--primary-colour);
		border-radius: 0;
	}
}

.mobile-summary {
    display: none;
}

@media (max-width: 768px) {
    .mobile-summary {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .mobile-none {
        display: none;
    }
}


@keyframes animateDown {
	0% {
		opacity: 0;
		transform: translatey(-15px);
	}
	100% {
		opacity: 1;
		transform: translatey(0);
	}
}
body.single-post .position-fixed#nav-area {
	position:sticky!important;
}

.blog-hero {
	height: 50vh!important;
	position: relative;
	text-transform: uppercase;
	display: flex;
    gap: 4rem;
    
    flex-direction: row;

	color:#fff!important;
	* {
		color:#fff!important;
		z-index: 1;
		position: relative;
	}
	h1,h2 {
		letter-spacing: 10px;
        text-transform: uppercase;
		padding: 10px 30px 5px;
	}
	&:before {
        content: "";
        background: linear-gradient(180deg, var(--page-colour) 150px, transparent 300px);
        background-color: var(--primary-colour);
        opacity: .4;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
      
	}
}


table.content {
	tr {
		&:first-child {
			font-weight: bold;
			color:#fff;
			background-color:var(--heading-colour); 
		}
	}
	td {
		padding:5px 20px;
		border:1px solid #d9d9d9;
	}
}

h2,h3 {
	margin-top: 2rem;
	text-transform: uppercase;
	&:first-child {
		margin-top: 0;
	}
}

ul {
	&.list-unstyled {
		list-style: disc;
		margin-left: 1rem;

		li {
			margin-bottom: 0.3rem;
		}
	}
}
.has-medium-font-size {
	font-size: 1.4rem!important;
}
.has-small-font-size {
	font-size: 1rem!important;
}
body.brochure {
	.order-copy a {
		display: none!important;
	}
}

.form-card, .checkout-form-card, .account-form-card {
	background-color: var(--nav-colour);
	padding:30px;
	height: 100%;
	margin: 0;

	input, select {
		height: 40px;
		width: 100%;
		margin-top:0.25em;
	}

	input[type="text"], input[type="password"], input[type="email"] {
		padding: 0 8px;

		&:hover, &:focus {
			background-color:#0c92c533!important;
			border-width:1px;
			transition: background-color 0s ease-in-out 0s!important; 
		}
	}
	input[type="submit"] {
		width: auto;
	}
	input[type=checkbox] {
		width: 20px;
		margin-right:10px;
		height: 15px;
	}

	&:hover {
		box-shadow: 0 4px 8px rgba(2, 2, 2, 0.1);
		transform: none;
	}
}
input {
	outline: 0px!important;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #b48e2933 inset !important;
	-webkit-text-fill-color: #000 !important;
	transition: background-color 5000s ease-in-out 0s; 
	border-width:1px;
}

.bookings-container {

}

.booking-item {

}

.info-booking {
	img {
		width: 300px;
	}
}

.account-form-card {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-radius: 10px;
}

.amend-booking-container {
	display: flex;
	flex-direction: column;
	align-items: normal;
	width: 220px;

	a {
		margin: 5px 0;
	}
}
.bookings-archive {
	display: flex;
	align-items: center;
	justify-content: center;
}