/*
Theme Name: DriveTech
Author: Andrew Gilchrist
Description: Custom WordPress Theme
Version: 0.0.1
Tags: Wordpress Theme
*/

body {
	font-family: "Sofia Sans", sans-serif;
	xfont-optical-sizing: auto;
	font-weight: 325;
	xfont-style: normal;
	font-variation-settings: "wdth" 100;
	font-size:140%;
	background:#F4F4F4;
	line-height:1.4;
	overflow:hidden;
	color:black;
}

h1 {
	font-family:Bebas Neue;
	xfont-size:250%;
	line-height:1;
}

h2 {
	font-family:Bebas Neue;
	line-height:1;
}

h3 {
	font-family:Bebas Neue;
	line-height:1;
}

a {
	color:#CC0000;
	text-decoration:none;
	transition:0.25s;
}

a:hover {
	color:#FF0000;
	text-decoration:none;
}

.hamburger {
	position:fixed;
	right:16px;
	top:16px;
	z-index:3000;
	font-size:150%
}

.white-link {
	color:white;
	transition:0.25s;
}

.white-link:hover {
	color:#F0A629;
}

.footer a {
	color:black;
	transition:0.25s;
}

.footer a:hover {
	color:#FF0000;#1B3570;
}

.button1, .button2 {
	background:#1C2B56;
	color:white;
	border-radius:6px;
	border:none; 2px solid white;
	padding:6px 2px;
	cursor:pointer;
	text-align:center;
	transition:all 0.25s;
	text-transform:uppercase;
	font-family:Bebas Neue;
	font-size:125%;
}

.button2 {
	background:#CC0000;
}

.button1:hover, .button2:hover {
	background:red;
	cursor:pointer;
}

.main-menu {
	padding-top:16px;
}

.main-menu a {
	xmargin-left:6px;
	color: white;
	font-size:110%;
	text-transform:uppercase;
	xtext-shadow:0px 0px 10px rgba(0,0,0,0.75);
	xfont-weight:bold;
	padding:10px;
	transition:all 0.25s;
	border-radius:6px;
	font-family:Bebas Neue;
}


.main-menu a:hover {
	xbackground:#1C2B56;
	color:#F0A629;
	xborder-top:1px solid #CC0000;
	xborder-bottom:1px solid #CC0000;
}

.booking-button, .booking-button2 {
	display:inline;
	padding:6px 10px 6px 10px;
	border:none;
	border-radius:6px;
	background:red;
	color:white;
	transition:0.33s;
	cursor:pointer;
	text-transform:uppercase;
	xfont-weight:bold;
	font-family:Bebas Neue;
	xline-height:1.5;
}

.booking-button:hover {
	transform:scale(1.10);
	padding:6px 10px 6px 10px;
	box-shadow:0px 0px 10px rgba(0,0,0,1);
}

.booking-button2:hover {
	background:#F0A629;
}

.home-page-booking-form {
	background:rgba(0,0,0,0.33);
	border-radius:6px;
	width:100%;
}

.home-page-booking-form h2 {
	xcolor:white;
}

.home-page-booking-form select, .home-page-booking-form input {
	border:none;
	border-radius:6px;
	padding:6px;
	width:100%;
	margin-bottom:10px;
}

.logo img {
	height:75px;
}

.ag-spacer {
	padding:54px;
}

.four-column-list {
  column-count: 4;
  column-gap: 10vw;
  text-align:left;
}

.home-icons {
	background:white;
	border-radius:6px;
	transition:0.5s;
}

.home-icons:hover {
	transform:scale(1.025);
	box-shadow:0px 0px 20px rgba(0,0,0,0.20);
}

.home-icons i {
	font-size:300%;
	color:#F0A629;
}

.rounded, .rounded img {
	border-radius:6px;
}

.home-image-booking-form {
	display:block;
	width:50%;
	xborder:2px solid red;
	margin:auto;
}

.top-bar {
	z-index:1000;
	background:#1B3570;
	xbackground:rgba(0,0,0,0.66);
	width:100vw;
	position:fixed;
	top:0px;
	padding:6px;
	color:white;
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
}

@media (min-width: 0px) and (max-width: 400px) {
	.four-column-list {
	  column-count: 1;
	  column-gap: 10vw;
	}

}

@media (min-width: 768px) and (max-width: 1200px) {

	.home-image-booking-form {
	}


}

@media (min-width: 400px) and (max-width: 1200px) {

	.logo img {
		height:55px;
	}

	
	.four-column-list {
	  column-count: 3;
	  xcolumn-gap: 10vw;
	}

	.home-image-booking-form {
		xdisplay:block;
		xwidth:100%;
		xborder:2px solid green;
	}

}

@media (max-width: 1200px) {

	.home-image-booking-form {
		xdisplay:block;
		xxwidth:50%;
		xborder:2px solid red;
	}

}

@media (min-width: 800px) and (max-width: 1200px) and (orientation: portrait) {



}

@media (min-width: 800px) and (max-width: 1200px) and (orientation: landscape) {
}


#mmenu {
	margin-top:40px;
	z-index:2000;
	display:none;
	background:white;
	padding:12px 24px 12px 12px;
	border-radius:6px;
	box-shadow:0px 0px 10px rgba(0,0,0,1);
	font-size:66%;
}


#mmenu a {
	display:block;
	line-height:1.5;
	color:black;
}


.fullscreen {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* full viewport height */
    background: url('pexels-harem-1617688755-28688908.jpg') no-repeat center center/cover;
    flex-wrap: wrap; /* for responsiveness on smaller screens */
}

/* Inner divs (50% width each) */
.half {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
    text-align: center;
    color: #fff;
    padding: 20px;
	height:100vh;
}

.right {
	xbackground:rgba(0,0,0,0.10);
	background:linear-gradient(to bottom, rgba(0,0,0,0.10), rgba(255,255,255,0.03));
}

.price {
	background:#F0A629;
	color:white;
}

/* mobile */
@media (max-width: 768px) {
	body {
		font-size:120%;
	}

    .half {
      width: 100%;
	  padding:0;
    }
	.left {
		height:20vh;
		xbackground:Red;
		padding-top:25vh;
	}
	.right {
		background:rgba(0,0,0,0);
		height:80vh;
	}
	.half-h1 {
		font-size: 10vw;
		text-shadow:0px 0px 20px rgba(0,0,0,1);
		color:white;
	}
	.half h2 {
		font-size: 8vw;
		text-shadow:0px 0px 20px rgba(0,0,0,1);
		color:white;
	}
	.home-image-booking-form {
		width:100%;
	}

	.home-page-booking-form {
		background:rgba(0,0,0,0.33);
	}

	.price h2 {
		font-size:6vw;
	}

	.four-column-list {
	  column-count: 2;
	}

}

/* tablets */
@media (max-width: 1200px) {
	.home-image-booking-form {
		width:80%;
	}
}

/* desktop */
@media (min-width: 1280px) {

	.half h1 {
		xfont-size: 5vw;
		xtext-shadow:0px 0px 10px rgba(0,0,0,0.75);
		xcolor:red;
	}
	.half h2 {
		font-size: 2vw;
		text-shadow:0px 0px 20px rgba(0,0,0,0.75);
		color:white;
	}

	.half-h1 {
		font-size: 3.5vw;
		text-shadow:0px 0px 20px rgba(0,0,0,0.75);
		color:white;
	}
	
}


.fullscreen-left-headings {
	display:inline-block;
}

.fullscreen-servicing {
	background:rgba(0,0,0,0.75);
	color:white;
	padding:6px; border-radius:6px;
}

.off-white {
	background:#EAEAEA;
}

.info-icon-panel h3 {
	display:inline;
}
.info-icon-panel i {
	color:#F0A629;
	font-size:160%;
	display: inline-block;
}

.full-width-image-bg {
	xbackground:url(DT-5b.jpg);
	xbackground-size:cover;
	xbackground-position:center 30%;
}
.shade {
	background:rgba(0,0,0,0.45);
}
.image-bg-padding {
	padding:128px 32px 128px 32px;
}

.footer a {
	xdisplay:block;
	line-height:1.5;
}

.footer a::before {
  xcontent: "> ";
}

.footer .gt {
	font-weight:350;
	margin-right:12px;
}

.image-fit img {
	width:100%;
	height:auto;
}

.top-padding {
	padding-top:64px;
	padding-bottom:64px;
}

.wpcf7 .hidden-fields-container {
    display: none !important;
}

.wpcf7-submit {
	background:#CC0000 !important;
	color:white !important;
	border-radius:6px !important;
	border:none; 2px solid white !important;
	padding:6px 8px !important;
	cursor:pointer !important;
	text-align:center !important;
	transition:all 0.25s !important;
	text-transform:uppercase !important;
	font-family:Bebas Neue !important;
	xfont-size:125% !important;
}

.wpcf7-submit:hover {
	background:red !important;
	cursor:pointer !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7-date,
.wpcf7 select {
	padding: 8px 8px; /* Adjust these values as needed */
	background:white;
	border:1px solid #CCCCCC;
	border-radius:6px;
}

.bottom-bar {
	padding-bottom:40px;
	border-bottom:4px solid #CCCCCC;
}

.screen-reader-response p {
	color:blue !important;
	font-weight:bold !important;
}

.wpcf7-not-valid-tip {
	color:red !important;
}

.header-image-container {
	display: flex; /* Makes the container a flex container */
	flex-direction: column; /* Stacks items vertically */
	justify-content: flex-end; /* Aligns items to the end (bottom) of the cross axis */
	height: 50vh; /* Set a height for the container to demonstrate bottom alignment */
	width:100vw;
	background-image:url(https://uplink.com.au/dev/dt/wp/wp-content/uploads/2025/10/1000058315-scaled.jpg);
	background-size:cover;
	background-position:center 40%;
	text-align:left;
}

.hic-bottom-content {
	text-align:left;
	color:white;
	text-shadow:0px 0px 10px rgba(0,0,0,0.75);
	width:100vw;
	padding:16px 0px;
}

.hic-bottom-content div h1 {
	font-size:4vw;
}

.hic-bottom-content div h2 {
	font-size:3vw;
}

/* mobile */
@media (max-width: 768px) {

	.hic-bottom-content {
		padding:16px;
	}

	.hic-bottom-content div h1 {
		font-size:7vw;
	}

	.hic-bottom-content div h2 {
		font-size:6vw;
	}

}