:root {
	/* Base Colors */
	--w3-color-dark: #343a40;
	--w3-color-light: #F3F3EB;
	--w3-color-white: #FFFFFF;
	--w3-color-black: #000000;
	--w3-color-primary: #c45938;
	--w3-color-secondary: #4f6352; 

	/* Primary Color Palette */
	--w3-color-primary-lighter: color-mix(in srgb, var(--w3-color-primary), #FFFFFF 50%);
	--w3-color-primary-light: color-mix(in srgb, var(--w3-color-primary), #FFFFFF 25%);
	--w3-color-primary-dark: color-mix(in srgb, var(--w3-color-primary), #000000 25%);
	--w3-color-primary-darker: color-mix(in srgb, var(--w3-color-primary), #000000 50%);
	--w3-color-primary-hover: var(--w3-color-primary-dark);
	--w3-color-primary-click: var(--w3-color-primary-darker);

	/* Secondary Color Palette */
	--w3-color-secondary-lighter: color-mix(in srgb, var(--w3-color-secondary), #FFFFFF 50%);
	--w3-color-secondary-light: color-mix(in srgb, var(--w3-color-secondary), #FFFFFF 25%);
	--w3-color-secondary-dark: color-mix(in srgb, var(--w3-color-secondary), #000000 25%);
	--w3-color-secondary-darker: color-mix(in srgb, var(--w3-color-secondary), #000000 50%);
	--w3-color-secondary-hover: var(--w3-color-secondary-dark);
	--w3-color-secondary-click: var(--w3-color-secondary-darker);

	/* Base Vars */
	--w3-color-body-bg: var(--w3-color-white);
	--w3-color-body-fg: var(--w3-color-black);
	--w3-color-text: var(--w3-color-body-fg);
	--w3-color-headings: var(--w3-color-primary);

	/* Links */
	--w3-link-color: var(--w3-color-primary);
	--w3-link-color-hover: var(--w3-color-primary-dark);
	--w3-link-color-click: var(--w3-color-primary-darker);
	--w3-link-decoration: underline;

	/* Fonts */
	--w3-font-family-headings: 'Roboto Condensed', sans-serif;
	--w3-font-family-text: 'Roboto Condensed', sans-serif;
	--w3-font-family-accent: "Caveat", cursive;
	--w3-font-family-icons: "fontello";
	--w3-font-weight-headings: 400;
	--w3-font-weight-accent: 700;
}

.t3-widget-root {
	--t3-calendar-cell-active-background-color: var(--w3-color-primary-dark) !important;
	--t3-calendar-cell-hover-background-color: var(--w3-color-primary-dark) !important;
	font-family: var(--w3-font-family-text) !important;
}
.t3-widget-root .t3-heading {
	font-family: var(--w3-font-family-headings) !important;
	font-weight: var(--w3-font-weight-headings) !important;
	color: var(--w3-color-primary) !important;
}
.t3-widget-root h4.t3-heading {
	font-size: 18px;
}
.t3-widget-root .t3-btn-primary {
	background-color: var(--w3-color-primary) !important;
	border-color: var(--w3-color-primary) !important;
	transition: var(--w3-transition) !important;
}
.t3-widget-root .t3-btn-primary:hover {
	background-color: var(--w3-color-primary-dark) !important;
	border-color: var(--w3-color-primary-dark) !important;
}
.t3-widget-root .t3-btn-primary:active {
	background-color: var(--w3-color-primary-darker) !important;
	border-color: var(--w3-color-primary-darker) !important;
}
.t3-widget-root .t3-btn-secondary {
	background-color: var(--w3-color-secondary) !important;
	border-color: var(--w3-color-secondary) !important;
	color: var(--w3-color-white);
	transition: var(--w3-transition) !important;
}
.t3-widget-root .t3-btn-secondary:hover {
	background-color: var(--w3-color-secondary-hover) !important;
	border-color: var(--w3-color-secondary-hover) !important;
}
.t3-widget-root .t3-btn-secondary:active {
	background-color: var(--w3-color-secondary-click) !important;
	border-color: var(--w3-color-secondary-click) !important;
}
.t3-widget-root .t3-btn-link {
	color: var(--w3-link-color) !important;
	text-decoration: none !important;
}
.t3-widget-root .t3-btn-link:hover {
	color: var(--w3-link-color-hover) !important;
}
.t3-widget-root .t3-btn-link:active {
	color: var(--w3-link-color-click) !important;
}
.t3-widget-root .t3-btn-outline {
	color: var(--w3-color-primary) !important;
	border-color: var(--w3-color-primary) !important;
}
.t3-widget-root .t3-area-disabled .t3-btn-secondary {
	background-color: #c45938 !important;
	border-color: #c45938 !important; 
}
.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active {
	border-color: var(--w3-color-primary) !important;
}
.t3-widget-root .t3-counter .counters .counter-btn {
	color: var(--w3-color-primary) !important;
}
.t3-widget-root .t3-includer .includer .t3-form-group {
	margin-bottom: 0 !important;
}
.t3-widget-root .t3-includer .includer .t3-include {
	background-color: var(--w3-color-primary);
	border: 1px solid var(--w3-color-primary);
	color: var(--w3-color-white);
}
.t3-widget-root .t3-includer .includer .t3-include::after {
	display: none;
}
.t3-widget-root .t3-switcher .switcher .t3-form-group {
	margin-bottom: 0 !important;
}
.t3-widget-root .t3-switcher .switcher .t3-switch::after {
	background-color: var(--w3-color-primary) !important;
}
.t3-widget-root .t3-switcher .switcher .t3-switch:focus {
	border-color: var(--w3-color-primary) !important;
}
.t3-widget-root .t3-switcher .switcher .t3-switch:checked {
	background-color: var(--w3-color-primary) !important;
	border-color: var(--w3-color-primary) !important;
	box-shadow: inset 0 3px 6px rgba(0, 29, 0, );
}
.t3-widget-root .t3-switcher .switcher .t3-switch:checked::after {
	background-color: var(--w3-color-white) !important;
	content: '';
}
.t3-widget-root.t3-widget-matrix {
	position: relative;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-popover {
	z-index: 10;
	transform: translate(-50%, -50%);
}
.t3-widget-root.t3-widget-matrix .t3-matrix-popover .t3-close {
	color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-popover .t3-table span.t3-subtotal {
	color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period {
	background-color: var(--w3-color-primary-dark) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .title {
	color: var(--w3-color-white) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day {
	background-color: var(--w3-color-light) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day.disabled {
	opacity: 0.5;
	background-color: var(--w3-color-light) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled):hover {
	background-color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled):hover .sale-price {
	color: var(--w3-color-white) !important;
}
.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .sale-price {
	color: var(--w3-color-primary-dark) !important;
}
.t3-widget-root.t3-widget-searchbook { padding: 2rem 0; }
.t3-widget-root.t3-widget-searchbook .t3-card {
	border-radius: var(--w3-card-border-radius) !important;
	background-color: var(--w3-color-light) !important;
}
.t3-widget-root.t3-widget-searchbook .t3-card .t3-subtotal {
	color: var(--w3-color-secondary) !important;
}
.t3-widget-root.t3-widget-searchbook .t3-card .sale {
	text-align: right;
	color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-searchbook .t3-card .sale span {
	display: block;
}
.t3-widget-root.t3-widget-searchbook .t3-card .t3-card-image, .t3-widget-root.t3-widget-searchbook .t3-card .t3-card-image * {
	height: 100%;
}
.t3-widget-root.t3-widget-booking { padding: 2rem 0; }
.t3-widget-root.t3-widget-booking .t3-step-content {
	border-radius: 0;
}
.t3-widget-root.t3-widget-booking .t3-step-content:not(:last-child) {
	border-bottom: 1px solid var(--w3-input-border-color) !important;
}
.t3-widget-root.t3-widget-booking .t3-step-content.t3-counter-holder.t3-switcher-holder.t3-includer-holder .t3-counter, .t3-widget-root.t3-widget-booking .t3-step-content.t3-counter-holder.t3-switcher-holder.t3-includer-holder .t3-includer, .t3-widget-root.t3-widget-booking .t3-step-content.t3-counter-holder.t3-switcher-holder.t3-includer-holder .t3-switcher {
	max-width: 100% !important;
}
.t3-widget-root.t3-widget-booking .t3-checkbox {
	accent-color: var(--w3-color-primary);
	font-size: 0.875em;
	padding: 2px 0 0;
}
.t3-widget-root.t3-widget-booking .t3-checkbox::after {
	line-height: 1em;
}
.t3-widget-root.t3-widget-booking .t3-breadcrumbs ul {
	gap: 10px;
}
.t3-widget-root.t3-widget-booking .t3-breadcrumbs ul li i {
	background-color: var(--w3-color-light) !important;
	color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-booking .t3-breadcrumbs ul li.t3-step-active i {
	background-color: var(--w3-color-primary) !important;
	color: var(--w3-color-white) !important;
}
.t3-widget-root.t3-widget-booking .t3-breadcrumbs ul li.t3-step-active span {
	color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-booking .t3-breadcrumbs ul li:has(~.t3-step-active) i {
	background-color: var(--w3-color-primary) !important;
	color: var(--w3-color-white) !important;
}
.t3-widget-root.t3-widget-booking .t3-card.overview-card {
	background-color: var(--w3-color-light) !important;
	border-radius: 10px;
}
.t3-widget-root.t3-widget-booking .t3-card.overview-card .t3-card-image img {
	aspect-ratio: 4/3;
}
.t3-widget-root.t3-widget-booking .t3-card.overview-card .detail-price .t3-subtotal, .t3-widget-root.t3-widget-booking .t3-card.overview-card .t3-card-footer .t3-subtotal {
	color: var(--w3-color-primary) !important;
}
.t3-widget-root.t3-widget-booking .t3-map-holder .ol-viewport canvas {
	transform: none !important;
}
.t3-widget-root.t3-widget-booking .t3-password-input-toggle {
	color: var(--w3-color-primary);
}
.t3-widget-root.t3-widget-booking .t3-form-buttons .t3-btn.t3-btn-link.t3-btn-small {
	flex: 0 0 100%;
	order: -1;
	text-align: right;
	margin-top: -20px;
}
.t3-widget-root.t3-widget-booking input:not([type=checkbox]):not([type=radio]):focus, .t3-widget-root.t3-widget-booking textarea:focus, .t3-widget-root.t3-widget-booking select:focus {
	border-color: var(--w3-color-primary) !important;
}

@media (max-width: 578px) {
	.t3-widget-root .t3-search-bar .t3-search-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.t3-widget-root.t3-widget-booking .t3-form-group {
		/* flex: 1 0 250px; */
		margin-top: 5px;
	}
	
	.t3-widget-root.t3-widget-booking .t3-select-group .t3-select-control:not([name=post-code]):not([name*=license-plate]):not([name*=license-plate2]):not([name=street-number]):not([name=street-number-suffix]), .t3-widget-root.t3-widget-booking .t3-text-input:not([name=post-code]):not([name*=license-plate]):not([name*=license-plate2]):not([name=street-number]):not([name=street-number-suffix]) {
		flex-grow: 1 !important;
		max-width: none !important;
		margin-top: 5px;
	}

	.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner {
		 padding: 0 !important;
	}
}