/* Extend the hero image behind the top contact strip only - navbar itself stays solid white. Applies to all 8 Area Cover pages. */
.page-template-area-berwick-texi-php header.header_area,
.page-template-area-belgrave-taxi-php header.header_area,
.page-template-area-ferntree-gully-taxi-php header.header_area,
.page-template-area-carrum-downs-taxi-php header.header_area,
.page-template-area-devon-meadows-taxi-php header.header_area,
.page-template-area-botanic-ridge-taxi-php header.header_area,
.page-template-area-pearcedale-taxi-php header.header_area,
.page-template-area-olinda-taxi-php header.header_area{
	position:absolute !important;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	background:transparent !important;
}
.page-template-area-berwick-texi-php #top-bar p,
.page-template-area-berwick-texi-php #top-bar a,
.page-template-area-belgrave-taxi-php #top-bar p,
.page-template-area-belgrave-taxi-php #top-bar a,
.page-template-area-ferntree-gully-taxi-php #top-bar p,
.page-template-area-ferntree-gully-taxi-php #top-bar a,
.page-template-area-carrum-downs-taxi-php #top-bar p,
.page-template-area-carrum-downs-taxi-php #top-bar a,
.page-template-area-devon-meadows-taxi-php #top-bar p,
.page-template-area-devon-meadows-taxi-php #top-bar a,
.page-template-area-botanic-ridge-taxi-php #top-bar p,
.page-template-area-botanic-ridge-taxi-php #top-bar a,
.page-template-area-pearcedale-taxi-php #top-bar p,
.page-template-area-pearcedale-taxi-php #top-bar a,
.page-template-area-olinda-taxi-php #top-bar p,
.page-template-area-olinda-taxi-php #top-bar a{
	color:#fff;
}
.page-template-area-berwick-texi-php .main_menu,
.page-template-area-belgrave-taxi-php .main_menu,
.page-template-area-ferntree-gully-taxi-php .main_menu,
.page-template-area-carrum-downs-taxi-php .main_menu,
.page-template-area-devon-meadows-taxi-php .main_menu,
.page-template-area-botanic-ridge-taxi-php .main_menu,
.page-template-area-pearcedale-taxi-php .main_menu,
.page-template-area-olinda-taxi-php .main_menu{
	background:#fff !important;
	position:relative;
	z-index:11;
}

.area-cover-banner{
	position:relative;
	background-color:var(--tertiarycolor);
	background-size:cover;
	background-position:center;
	padding:230px 0 100px;
	min-height:480px;
	text-align:center;
	color:#fff;
}
.area-cover-banner:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:linear-gradient(135deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.55) 100%);
	z-index:0;
}
.area-cover-banner .container{
	position:relative;
	z-index:1;
}
.area-cover-banner h1{
	font-family:'Teko', sans-serif;
	text-transform:uppercase;
	font-size:48px;
	letter-spacing:1px;
	color:#fff;
	margin-bottom:15px;
}
.area-cover-banner .call-btn{
	display:inline-block;
	background:var(--secondarycolor);
	color:#111;
	font-weight:700;
	text-transform:uppercase;
	padding:12px 28px;
	border-radius:4px;
	text-decoration:none !important;
	font-size:15px;
	letter-spacing:.5px;
}
.area-cover-banner .call-btn i{margin-right:8px;}
.area-cover-hero-img{
	width:100%;
	max-height:420px;
	object-fit:cover;
	display:block;
}
.area-cover-content{
	padding:60px 0;
}
.area-cover-content h2{
	font-family:'Teko', sans-serif;
	text-transform:uppercase;
	font-size:34px;
	color:var(--tertiarycolor);
	position:relative;
	padding-bottom:12px;
	margin-bottom:25px;
}
.area-cover-content h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--secondarycolor);
}
.area-cover-content p{
	color:#444;
	line-height:1.8;
	margin-bottom:18px;
	font-size:16px;
}
.sightseeing-list{
	list-style:none;
	margin:0 0 30px;
	padding:0;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:12px 30px;
}
.sightseeing-list li{
	font-size:16px;
	color:#333;
	padding-left:28px;
	position:relative;
}
.sightseeing-list li:before{
	content:"\f057";
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	color:var(--secondarycolor);
	position:absolute;
	left:0;
	top:1px;
}
.area-cover-booking{
	background:var(--tertiarycolor);
	padding:60px 0;
}
.area-cover-booking h2{
	font-family:'Teko', sans-serif;
	text-transform:uppercase;
	font-size:34px;
	color:#fff;
	text-align:center;
	margin-bottom:8px;
}
.area-cover-booking .underline{
	width:60px;
	height:3px;
	background:var(--secondarycolor);
	margin:0 auto 35px;
}
.area-cover-booking-form{
	background:#fff;
	border:3px solid var(--secondarycolor);
	border-radius:4px;
	padding:35px;
	max-width:800px;
	margin:0 auto;
}
.area-cover-booking-form .wpcf7-form-control{
	width:100%;
	background:#eee;
	border:none;
	padding:14px 16px;
	margin-bottom:15px;
	font-size:14px;
	color:#444;
	border-radius:3px;
}
.area-cover-booking-form select.wpcf7-form-control{
	appearance:none;
	-webkit-appearance:none;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23666'%3E%3Cpath d='M5.5 7.5l4.5 5 4.5-5z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 14px center;
	background-size:16px;
	padding-right:38px;
}
.area-cover-booking-form textarea.wpcf7-form-control{
	min-height:100px;
}
.area-cover-booking-form .form-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0 20px;
}
@media (max-width:600px){
	.area-cover-booking-form .form-row{grid-template-columns:1fr;}
}
.area-cover-booking-form .wpcf7-submit{
	width:100%;
	background:var(--secondarycolor);
	color:#111;
	border:none;
	text-transform:uppercase;
	font-weight:700;
	padding:14px;
	border-radius:3px;
	cursor:pointer;
	letter-spacing:.5px;
}
.area-cover-booking-form .wpcf7-submit:hover{
	background:var(--tertiarycolor);
	color:#fff;
}
@media (max-width:767px){
	.sightseeing-list{grid-template-columns:1fr;}
	.area-cover-banner h1{font-size:34px;}
}

/* Side-by-side layout for content + booking form */
.area-cover-flex-wrap{
	display:block;
	padding-bottom:100px !important;
}
@media (min-width:992px){
	.area-cover-flex-wrap{
		display:flex;
		align-items:flex-start;
		gap:30px;
		max-width:1140px;
		margin:0 auto;
		padding:0 15px;
	}
	.area-cover-flex-wrap .area-cover-content{
		flex:0 0 66%;
		max-width:66%;
		padding:50px 0;
	}
	.area-cover-flex-wrap .area-cover-booking{
		flex:1;
		background:transparent;
		padding:50px 0 0;
	}
	.area-cover-flex-wrap .area-cover-booking-form{
		max-width:100%;
		margin:0;
	}
}
.area-cover-booking-form{
	background:var(--secondarycolor);
	border:none;
	border-radius:4px;
	padding:30px 25px;
	max-width:800px;
	margin:0 auto;
	margin-bottom:50px !important;
}
.area-cover-booking h2{
	color:var(--tertiarycolor);
}
.area-cover-booking .underline{
	background:var(--tertiarycolor);
}
.area-cover-booking-form label{
	display:block;
	font-weight:700;
	font-size:14px;
	color:#111;
	margin-bottom:6px;
}
.area-cover-booking-form .wpcf7-form-control{
	background:#fff;
}
.area-cover-booking-form .wpcf7-submit{
	background:var(--tertiarycolor);
	color:#fff;
}
.area-cover-booking-form .wpcf7-submit:hover{
	background:#111;
}