/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/bootstrap/css/bootstrap.min.css */
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 767px;
	--breakpoint-lg: 767px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
::after,
::before {
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

footer,
header,
nav,
section {
	display: block;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

h1,
h4 {
	margin-top: 0;
	margin-bottom: 8px;
}

p {
	margin-top: 0;
	margin-bottom: 16px;
}

address {
	margin-bottom: 16px;
	font-style: normal;
	line-height: inherit;
}

ol,
ul {
	margin-top: 0;
	margin-bottom: 16px;
}

ul ul {
	margin-bottom: 0;
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #0056b3;
	text-decoration: underline;
}

img {
	vertical-align: middle;
	border-style: none;
}

button {
	border-radius: 0;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

button {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button {
	overflow: visible;
}

button {
	text-transform: none;
}

[type=button],
button {
	-webkit-appearance: button;
}

[type=button]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}

h1,
h4 {
	margin-bottom: 8px;
	font-weight: 500;
	line-height: 1.2;
}

h1 {
	font-size: 40px;
}

h4 {
	font-size: 24px;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width:576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width:767px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width:767px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px;
	}
}

#atb-header .row,
#atb-footer .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-lg-3,
.col-md-12,
.col-md-6,
.col-sm-6,
.col-xl-3 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:576px) {
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width:767px) {
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:767px) {
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width:1200px) {
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

.collapse:not(.show) {
	display: none;
}

.dropdown {
	position: relative;
}

.dropdown-toggle {
	white-space: nowrap;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.dropdown-toggle:empty::after {
	margin-left: 0;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 8px 0;
	margin: 2px 0 0;
	font-size: 16px;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 4px 24px;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #e9ecef;
}

.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff;
}

.dropdown-item:disabled {
	color: #adb5bd;
	pointer-events: none;
	background-color: transparent;
}

.nav-link {
	display: block;
	padding: 8px 16px;
}

.nav-link:focus,
.nav-link:hover {
	text-decoration: none;
}

.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 16px;
	border: 0px;
}

.navbar-brand {
	display: inline-block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: 16px;
	font-size: 20px;
	line-height: inherit;
	white-space: nowrap;
	height: auto;
}

.navbar-brand:focus,
.navbar-brand:hover {
	text-decoration: none;
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
}

.navbar-nav .dropdown-menu {
	position: static;
	float: none;
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 0px;
	padding-left: 0px;
}

.navbar-toggler {
	padding: 4px 12px;
	font-size: 20px;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
	text-decoration: none;
}

@media (min-width:767px) {
	.navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 8px;
		padding-left: 8px;
	}

	.navbar-expand-lg .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}

	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
}

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 12px 16px;
	margin-bottom: 16px;
	list-style: none;
	background-color: #e9ecef;
	border-radius: 4px;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 3px;
}

.breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: 8px;
	color: #6c757d;
	content: "/";
}

.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: none;
}

.breadcrumb-item.active {
	color: #6c757d;
}

@media (min-width:767px) {
	.d-md-none {
		display: none !important;
	}
}

.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

@media (min-width:576px) {
	.justify-content-sm-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
}

.fixed-top {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.text-center {
	text-align: center !important;
}

@media (min-width:767px) {
	.text-md-left {
		text-align: left !important;
	}

	.text-md-right {
		text-align: right !important;
	}
}

@media print {

	*,
	::after,
	::before {
		text-shadow: none !important;
		box-shadow: none !important;
	}

	a:not(.btn) {
		text-decoration: underline;
	}

	img {
		page-break-inside: avoid;
	}

	p {
		orphans: 3;
		widows: 3;
	}

	body {
		min-width: 767px !important;
	}

	.container {
		min-width: 767px !important;
	}

	.navbar {
		display: none;
	}
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/css/ionicons.min.css */
.ion-android-menu:before {
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ion-android-menu:before {
	content: "\f394";
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/css/themify-icons.css */
[class^="ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-mobile:before {
	content: "\e621";
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/css/all.min.css */
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa-envelope:before {
	content: "\f0e0";
}

.fa-map-marker-alt:before {
	content: "\f3c5";
}

.fa-mobile-alt:before {
	content: "\f3cd";
}

.fa-user:before {
	content: "\f007";
}

.fas {
	font-family: "Font Awesome 5 Free";
}

.fas {
	font-weight: 900;
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/css/style.css */
body {
	background: #ffffff none repeat scroll 0 0;
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h4 {
	color: #f15c2f;
	font-family: "Montserrat", sans-serif;
}

p {
	color: #000000;
}

a {
	color: #f15c2f;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all .5s ease;
}

a:hover {
	color: #000000;
	text-decoration: none;
	transition: all .5s ease;
}

a:focus {
	outline: none;
	text-decoration: none;
}

img {
	max-width: 100%;
}

ul,
li,
ol {
	list-style-position: inside;
	padding: 0;
	margin-left: 20;
}

section {
	position: relative;
	width: 100%;
}

.top_footer.small_pb {
	padding-bottom: 50px;
}

.medium_divider {
	height: 50px;
}

.list_none li {
	list-style: none;
	margin-left: 0;
}

button:focus {
	outline: none;
}

.border_top_tran {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-brand img {
	max-width: 300px;
}

.logo_light,
.logo_dark {
	display: none;
}

.light_skin .logo_default,
.light_skin .logo_dark {
	display: none;
}

.light_skin .logo_light {
	display: block;
}

.light_skin .navbar-nav a,
.light_skin .navbar-toggler {
	color: #ffffff;
}

.navbar-toggler {
	color: #000000;
}

.navbar {
	padding: 0;
}

.header_wrap {
	transition: all 0.5s ease 0s;
}

.navbar-expand-lg .navbar-nav li {
	position: relative;
	list-style: none;
}

.navbar-nav .dropdown-menu {
	background-color: #f15c2f;
	border: 0 none;
	border-radius: 0;
	margin: 0;
	min-width: 192px;
	padding: 0;
}

.dropdown-toggle::after {
	border: 0 none;
	content: "\f3d0";
	font-family: ionicons;
	height: auto;
	line-height: normal;
	margin-left: 5px;
	vertical-align: middle;
	width: auto;
}

.navbar-expand-lg .navbar-nav>li>.nav-link {
	font-size: 14px;
	font-weight: 600;
	padding: 25px 10px;
	text-transform: uppercase;
}

.navbar-expand-lg .navbar-nav .dropdown-item {
	padding: 8px 25px 8px 10px;
	color: #ffffff;
	font-size: 14px;
	text-transform: capitalize;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
	background-color: transparent;
}

.navbar-expand-lg .navbar-nav>li {
	margin-left: 1px;
}

.hover_menu_style2 .navbar-expand-lg .navbar-nav>li>.nav-link {
	margin: 0 10px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.hover_menu_style2 .navbar-expand-lg .navbar-nav>li>.nav-link::before {
	background-color: #000;
	bottom: 15px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	right: 50%;
	transition: all 0.5s ease 0s;
}

.hover_menu_style2.light_skin .navbar-expand-lg .navbar-nav>li>.nav-link::before {
	background-color: #fff;
}

.hover_menu_style2 .navbar-expand-lg .navbar-nav>li:hover>a:before {
	left: 0;
	right: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover,
.navbar-expand-lg .navbar-nav .dropdown-menu>ul>li:hover>a {
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
}

.navbar-toggler {
	float: right;
	padding: 5px 10px;
	margin: 10px 0;
	font-size: 28px;
	transition: all 0.5s ease 0s;
}

footer {
	background: rgb(242, 92, 47);
	background: linear-gradient(0deg, rgba(242, 92, 47, 1) 0%, rgba(254, 209, 59, 1) 100%);
	position: relative;
	border-top: 5px solid #ef402f;
	width: 100%;
}

footer p {
	font-size: 14px;
}

.top_footer {
	padding: 50px 0;
}

.widget_title2 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
	text-transform: capitalize;
}

.widget_title2::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 50px;
	background-color: rgba(0, 0, 0, 0.5);
}

.widget_links li {
	margin: 0;
	padding: 0 0 10px;
}

.widget_links li:last-child {
	padding-bottom: 0;
}

.widget_links li a::before {
	top: 50%;
	left: 0px;
	font-size: 10px;
	content: "\f125";
	position: absolute;
	font-family: "Ionicons";
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.widget_links li a {
	color: #000000;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}

.widget_links li a:hover {
	color: #000000;
}

.footer_dark h4,
.footer_dark p,
.footer_dark .widget_links li a,
.footer_dark .footer_link li a {
	color: #000000;
}

.widget_links li a:hover,
.footer_link li a:hover {
	color: #ffffff;
}

.contact_info {
	display: inline-block;
	width: 100%;
}

.contact_info>li {
	margin-top: 10px;
	float: left;
	width: 100%;
	list-style: none;
}

.contact_info li:first-child {
	margin-top: 0;
}

.contact_info.contact_info_style1>li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
}

.contact_info li span {
	display: inline-block;
	margin-right: 10px;
	margin-top: 4px;
	font-size: 18px;
	vertical-align: top;
}

.contact_info span+* {
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	margin: 0;
	vertical-align: middle;
	max-width: 78%;
	display: inline-block;
}

.contact_info_light span+* {
	color: #000000;
}

.contact_info_light li span,
.contact_info_light.contact_info_style1 li span {
	border-color: #000000;
	color: #000000;
}

.contact_info_style1 li span {
	height: 40px;
	width: 40px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #000000;
	border-radius: 100%;
	margin-top: 0;
	vertical-align: middle;
}

.bottom_footer {
	padding: 20px 0;
	position: relative;
	background: #000000;
	color: #ffffff;
}

.bottom_footer a:link {
	color: #ffffff !important;
	font-size: 16px;
}

.bottom_footer a:hover {
	color: #ef402f !important;
}

.bottom_footer a:visited {
	color: #dddddd !important;
}

.footer_link li {
	display: inline-block;
	position: relative;
}

.footer_link li a {
	font-size: 14px;
	padding: 0 5px;
	color: #888;
}

.contact_info a:hover,
.footer_link li a:hover {
	color: #0e93d8;
}

.page-title-light *,
.page-title-light .breadcrumb-item,
.page-title-light .breadcrumb-item:before {
	color: #fff;
}

.page-title-light .breadcrumb-item a:hover {
	color: #fff;
	text-decoration: underline;
}

.page-title h1 {
	font-size: 36px;
	margin: 0;
	text-transform: capitalize;
	font-weight: bold;
}

.breadcrumb {
	background-color: transparent;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.breadcrumb li a,
.breadcrumb li {
	text-transform: capitalize;
}

.header_wrap.fixed-top+.breadcrumb_section {
	padding-top: 160px;
	padding-right: 0px;
	padding-bottom: 95px;
	padding-left: 0px;
	margin-right: 15px;
	margin-left: 15px;
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/css/responsive.css */
@media only screen and (max-width: 1199px) {

	section,
	.top_footer {
		padding: 80px 0;
	}

	.top_footer.small_pb {
		padding-bottom: 40px;
	}

	h1 {
		font-size: 34px;
	}

	h4 {
		font-size: 22px;
	}

	.medium_divider {
		height: 40px;
	}

	.page-title h1 {
		font-size: 36px;
	}

	.header_wrap.fixed-top+.breadcrumb_section {
		padding-top: 150px;
	}

	.contact_info span+* {
		max-width: 76%;
	}
}

@media only screen and (min-width: 767px) {
	.navbar-expand-lg .navbar-nav li:hover>.dropdown-menu {
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 32px;
	}

	h4 {
		font-size: 20px;
	}

	section,
	.top_footer {
		padding: 50px 0;
	}

	.top_footer.small_pb {
		padding-bottom: 25px;
	}

	.medium_divider {
		height: 25px;
	}

	.page-title h1 {
		font-size: 30px;
	}

	.header_wrap.fixed-top+.breadcrumb_section {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 580px) {
	.breadcrumb {
		padding: 0;
	}

	.breadcrumb-item {
		font-size: 14px;
	}

	.breadcrumb-item+.breadcrumb-item::before {
		padding-right: 5px;
		padding-left: 5px;
	}
}

@media only screen and (max-width: 575px) {
	.page-title h1 {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 480px) {
	h1 {
		font-size: 24px;
	}

	h4 {
		font-size: 18px;
	}

	section,
	.top_footer {
		padding: 30px 0;
	}

	.top_footer.small_pb {
		padding-bottom: 15px;
	}

	.medium_divider {
		height: 15px;
	}

	.bottom_footer {
		padding: 15px 0;
	}

	.page-title h1 {
		font-size: 22px;
	}

	.header_wrap.fixed-top+.breadcrumb_section {
		padding-top: 80px;
	}
}

@media only screen and (max-width: 380px) {
	.navbar-brand img {
		max-width: 140px;
	}

	.navbar-brand {
		padding: 15px 0;
		margin: 0;
	}
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/css/carlyonbay.css */
h4 {
	font-size: 20px;
}

@media only screen and (max-width:925px) {
	.navbar-brand img {
		max-width: 200px;
	}

	.navbar-expand-lg .navbar-nav > li > .nav-link {
		font-size: 10px;
		font-weight: 600;
		padding: 25px 10px;
		margin: 0 5px !important;
		text-transform: uppercase;
}
}

.contact_info a:link {
	color: #000000 !important;
}

.contact_info a:hover {
	color: #ef402f !important;
}

/*! CSS Used from: https://www.carlyonbaycamping.co.uk/assets/color/theme-red.css */
a:hover,
.contact_info a:hover,
.footer_link li a:hover,
.widget_links li a:hover {
	color: #ee3f2e;
}

/*! CSS Used fontfaces */


@font-face {
	font-family: "Ionicons";
	src: url("../fonts/ionicons.woff?v=2.0.0") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'themify';
	src: url('../fonts/themify.woff?-fvbane') format('woff');
	font-weight: normal;
	font-style: normal;
}

/** Anytime Booking **/

:root {
	--body-family-font: "Roboto", sans-serif;
	--body-font-size: 16px;
	--body-font-weight: 400;
	--primary-background-color: #f15c2f;
	--primary-font-color: #FFFFFF;
	--secondary-font-color: #f15c2f;
	--button-font-size: 16px;
	--button-color: #FFFFFF;
	--button-background-color: #ef402f;
	--button-border-color: #ef402f;
	--button-color-hover: #FFFFFF;
	--button-background-color-hover: #fdc22f;
	--button-border-color-hover: #fdc22f;
	--button-border-width: 0px;
	--button-radius: 4px;
	--container-background-color: #FFFFFF;
}

#atb-body {
	font-family: var(--body-family-font);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	clear: both;
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	#atb-content {
		overflow-y: auto;
	}
}

#atb-loading-box {
	height: auto !important;
}

#atb-loading-content img {
	margin: auto;
}

#atb-visual-calendar-row .atb-visual-calendar-button {
	background-color: var(--button-background-color);
	color: var(--button-color);
	padding-block-start: 0px;
	padding-inline-end: 8px;
	padding-block-end: 0px;
	padding-inline-start: 8px;
}

#atb-visual-calendar-row .atb-visual-calendar-button:hover {
	background-color: var(--button-background-color-hover);
	color: var(--button-color-hover);
}

#atb-container #atb-header {
	margin-bottom: 0;
}

@media only screen and (max-width: 749px) {
	#atb-container #atb-header {
		padding-top: 15px;
	}
}

#atb-logo-mobile {
	padding-left: 10px;
}

#atb-container {
	background-color: var(--container-background-color);
}

#atb-header #atb-process li {
	background-color: var(--primary-background-color);
	border-bottom: 1px solid var(--primary-background-color);
	border-left: 1px solid var(--primary-background-color);
}

#atb-summary-label {
	color: var(--primary-font-color);
	background-color: var(--primary-background-color);
	padding-top: 4px;
}

#atb-main-pane .atb-steps {
	background-color: #E0E0E0;
	padding: 5px;
}

#atb-main-pane .atb-active-step {
	background-color: var(--primary-background-color) !important;
	color: var(--primary-font-color);
}

#atb-main-pane .atb-completed-step {
	background-color: var(--primary-background-color);
	color: var(--primary-font-color);
}

#atb-container #atb-summary .atb-heading {
	color: var(--secondary-font-color);
	border-bottom: 1px solid var(--primary-background-color);
}

#atb-existing-customer h3,
#atb-new-customer h3 {
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 15px;
	padding: 0;
	color: var(--secondary-font-color) !important;
}

#atb-header #atb-process li.atb-selected {
	background: #000E16 none repeat scroll 0 0;
	border-bottom: 1px solid #000E16;
	border-left: 0 none;
	color: #FFFFFF;
}

#atb-summary-label-text {
	padding: 0;
	font-size: 0.8em;
	width: 60%;
	line-height: 18px;
}

#atb-header {
	margin-bottom: 50px;
}

#atb-footer {
	margin-top: 50px;
	padding: 0px;
	border-top: 0px solid #CBD7C6;
}

.cbp-spmenu-bottom #atb-summary-inner {
	background-color: #E0E0E0;
	color: #333333;
}

#atb-summary {
	color: #969696;
}

#atb-visual-calendar-row .atb-visual-calendar-month-name {
	color: var(--secondary-font-color);
}

#atb-container .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-container .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#atb-terms-panel .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-terms-panel .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#atb-place-booking-panel .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-place-booking-panel .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#atb-warning-panel .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-warning-panel .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#atb-refund-protection-terms-panel .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-refund-protection-terms-panel .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#booking_payment_panel .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#booking_payment_panel .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#atb-close-terms-panel-button .btn {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-close-terms-panel-button .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
}

#atb-visual-calendar-row .atb-visual-calendar-dates .atb-visual-calendar-start {
	text-decoration: underline;
}

#atb-mobile-logo img {
	max-width: 50%;
}

/** Anytime Booking - My Account **/

.bookings-header {
	background-color: var(--primary-background-color) !important;
	color: var(--primary-font-color);
	padding: 7px;
	font-size: 12px;
	border-bottom: solid 1px;
}

#bookings_container {
	background-color: #FFFFFF;
	border: solid 1px #DEE2E6;
}

.booking_container_body:nth-child(4n-1),
.booking_container_body:nth-child(4n-2) {
	background: #ECECEC;
	border-left: solid 0px;
	border-right: solid 0px;
}

.booking_container_body:nth-child(4n-2) {
	border-top: solid 0px;
}

.booking_container_body:last-child {
	border-bottom: solid 0px;
}

#atb-booking-details {
	padding-bottom: 40px;
}

.nav-tabs.nav-justified>li>a {
	border-bottom: 0px solid #DDDDDD;
	border-radius: 10px 10px 0 0;
	background: var(--button-background-color);
	color: var(--button-color);
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
	background: var(--button-background-color-hover);
	color: var(--button-color-hover);
	border: 0px;
}

#bookings_container .nav-tabs>li>a {
	border: 0px;
}

.tab-content {
	padding: 20px;
}

#bookings_container .btn {
	font-size: var(--button-font-size);
	font-weight: normal;
	padding: 3px 8px 3px 8px;
	margin-top: 0px;
	color: var(--button-color) !important;
	background-color: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#bookings_container .btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus {
	font-size: var(--button-font-size);
	margin-top: 0px;
	color: var(--button-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border-color: var(--button-border-color-hover) !important;
	border-radius: var(--button-radius);
	border-width: var(--button-border-width);
}

#atb-login-pane h2 {
	color: var(--primary-background-color);
}

/** Anytime Booking - Search Results **/

.atb-close-match {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2em;
	background-color: var(--primary-background-color);
	padding: 10px;
	color: var(--primary-font-color);
	;
}

#atb-container .exact_row,
#atb-container .close_row {
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #CCC;
	padding: 15px;
	font-style: normal;
}

#atb-container .search_unitname {
	font-size: 1.2em;
	font-weight: bold;
	color: var(--secondary-font-color) !important;
}

#atb-container .exact_row img,
#atb-container .close_row img {
	width: 100%;
}

#atb-container .search_rate {
	font-size: 1.2em;
	font-weight: bold;
	color: var(--secondary-font-color) !important;
}