/*
Theme Name: Prestige Detailing Rockhampton
Theme URL: https://www.prestigedetailingcq.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au
 
/*****  Wordpress Generic  *****/

ol, ul{list-style:none;}

.clear{clear: both;}

*{margin:0;padding:0;}

img{border:none;padding:0;display:block;}

img a{border:none;}

img.left{float:left;border:none;padding:6px 0 0 0;}

img.right{float:right;border:none;padding:0 0 0 6px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}

img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}

img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

main img{max-width:100%;height:auto;}

.alignright{float:right;}

.alignleft{float:left}

.aligncenter{display:block;margin-left:auto;margin-right:auto;}

a{text-decoration:none; color:#E09900;}

.scroll-text{opacity:0;transform:translateY(75px);transition:1s;}

.scroll-text.fade-in{opacity:1;transform:translateY(0);}

.delayed{transition-delay:.2s;}

@media all and (max-width: 700px){.entry p, ul.nav li {-webkit-text-size-adjust: 100%;}}

/*****  General  *****/	

body, html {
		/*background-image: url(https://cdn.motor1.com/images/mgl/bpvb3/s1/lamborghini-sian-roadster.jpg);
		background-size: cover;
		background-position: center;*/
	font-family: 'Rajdhani', sans-serif;
}

.blackbg {
	background: #000;
	width:100%;
	height: 100%;
}

h1 {
	color:#414242; /* Select h1 color */
	font-size: 44px;
	font-weight:normal;
	padding-bottom:15px;
	text-transform:uppercase;
}

h2 {
	color:#414242; /* Select h2 color */
	font-size: 34px;
	font-weight:normal;
	padding-bottom:10px;
	text-transform:uppercase;
	margin-top:25px;
}

h3 {
	color:#414242; /* Select h3 color */
	font-size: 24px;
	font-weight:normal;
	padding-bottom:10px;
	text-transform:capitalize;
	margin-top:25px;
}

/*****  Header  *****/

header{width:100%;padding:20px; display:flex; justify-content: space-between; align-content: space-between; box-sizing:border-box;}

.header-inner{width:100%;max-width:1600px;display:flex;align-items:center;margin:0 auto;box-sizing:border-box;  flex:1;}

.header-logo {flex-grow:1; justify-content: flex-start; align-content: flex-start;}
.header-logo img{width:250px;height:auto; padding-right:50px; }

.header-phone {text-align: right; flex-grow:1; margin-left:auto; display: flex; justify-content: flex-end; align-content: flex-end;}
.header-phone p {margin-top:-15px; max-width:210px; white-space: nowrap;width:auto; color:#fff; font-weight: bold; font-size:23px; padding-left:25px; background:url("images/phone.png") left no-repeat; }
.header-phone p a {color:#fff;}

.sidetab {
  height: 144px;
  width: 53px;
  position: fixed;
  z-index: 999;
  top: 122px;
  right: 0;
  background-color: #151515;
  overflow-x: hidden;
  overflow-y:hidden;
  transition: 0.8s;
  }
  
.sidebar {
  height: 134px;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 122px;
  right: 0;
  background-color: #151515;
  overflow-x: hidden;
  overflow-y:hidden;
  transition: 0.8s;
  padding-top: 20px;
}

.sidebar a {
  padding: 4px 8px 4px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 14px;
  font-size: 36px;
}

.socialside {display:inline-block; float:left; max-width:40px;}
.socialsideinsta {padding-left:0px!important;}

.openbtn {
  font-size: 15px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 0;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

@media all and (max-width: 1000px) {	
header{padding:15px;}
.header-logo img{width:185px;}
}

@media all and (max-width: 930px) {
.sidetab {right:auto;left:0;} 
.sidebar {right:auto;left:0;} 
}

@media all and (max-width: 600px) {
	.header-inner {
    /* Switch layout style entirely to clear layout bugs */
    display: grid !important;
    
    /* Create 2 equal width columns (50% | 50%) */
    grid-template-columns: 1fr 1fr;
    
    /* Control the vertical height of your rows automatically */
    grid-template-rows: auto auto;
    
    /* EXACT GAP CONTROL: 10px vertical gap between elements, 0px horizontal gap */
    row-gap: 10px;
    column-gap: 0px;

    height: auto !important;
    min-height: unset !important;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* Left Side: Spans across BOTH vertical rows on the left */
  .header-logo {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center; /* Centers the logo nicely alongside the stack */
  }

  /* Right Side - Top Row */
  .menu-burger-cont {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    align-self: start;  /* Snaps burger to the absolute top edge */
    
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Right Side - Bottom Row (Container) */
.header-phone {
  grid-column: 2;
  grid-row: 2;
  text-align: right;
  align-self: center; /* Centers the whole row visually */
  margin: 0 !important;
  padding: 0 !important;
}

/* Target the text block inside */
.header-phone p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: right;
}

/* Target the actual link with the background icon */
.header-phone p strong a {
  display: inline-block; /* Forces the browser to respect padding dimensions */
  text-align: right;
  
  /* RESTORE ICON SPACE: Forces the text away from the left-aligned icon */
  padding-left: 30px !important; 
  
  /* Ensures the background image stays on the far left of the text link */
  background-position: left center !important; 
  background-repeat: no-repeat !important;
}

  /* Full-width Nav Drawer setup underneath everything */
  .navigation {
    grid-column: 1 / span 2;
    grid-row: 3;
    width: 100%;
  }
}

/*****  Menu  *****/

@media all and (min-width: 930px) {	
	
.menu-burger-cont, .nav-overlay, .close-btn{display:none;}
	
nav ul{list-style:none;display:flex;align-items:center;transition:.6s;}
		
nav ul li{padding:30px 15px 50px 0;position:relative;text-transform:uppercase; margin-right:20px; text-align: center;}

nav ul li a{color:white;font-size:16px;font-weight:600;transition:.4s; letter-spacing: 1px;}

nav ul li a:hover{color:#A8A6A6;}

nav ul li:first-child{padding-left:0;}	
	
nav ul li:last-child{padding-right:0;}
	
nav ul li.page_item_has_children a {background:url("images/down-arrow.png") center right no-repeat; padding-right:30px;}
nav ul li.page_item_has_children ul li {padding:20px;}
nav ul li.page_item_has_children ul li a {background-image:none; padding-right:0;}
	
nav ul li ul {
	opacity: 0; position: absolute; top:100%; left:0; background:#353535; max-height: 0;
  -webkit-transition:all  800ms ease;
  -moz-transition:all  800ms ease;
  -o-transition:all  800ms ease;
  transition: all 800ms ease;
	}
	
nav ul li:hover > ul {opacity:1; z-index: 999; padding: 20px 1000em; margin: 0 -1000em; max-height: 100px;}	
nav ul li ul li {padding:0 0 50px 0; margin-right:0;}	
nav ul li ul li:hover{background:#1F2428;transition:.6s;}
	
.blackhover {
  transition:.6s;
  background-color:rgba(0, 0, 0, 0.7);
}

.blackhover:hover {
  background-color:#000;
}	
}
	
@media all and (max-width: 930px) {
	
.blackhover {
  transition:.6s;
  background-color:rgba(0, 0, 0, 0.7);
}

.blackhover:hover {
  background-color:#000;
}		
.header-inner {align-items:flex-end; justify-content: space-between;}
	
.menu-burger-cont{display:flex;align-items:flex-end;letter-spacing:1px;color:#ffff;font-size:12px;text-transform:uppercase;font-weight:700;transition:.3s;}
	
.menu-burger{width:32px;height:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative;z-index:100;padding-left:10px;}
	
.menu-burger:hover{cursor:pointer;}

.menu-burger span{width:100%;height:2px;background:white;transition:.2s;border-radius:2px;}
	
.menu-burger-cont:hover .menu-burger span{background:#fff;}

.menu-burger-cont:hover .menu-burger span.middle{width:75%;}
	
header nav{position:fixed;width:100vw;height:100vh;top:0;z-index:1000;pointer-events:none;}

header nav.opened{pointer-events:all;}	

.menu-cont{display:flex;flex-direction:column;align-items:flex-end;position:fixed;background:#151515;background-size:600px auto;width:325px;height:101%;right:-325px;top:0;z-index:200;transition:.5s;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;opacity:0;overflow-y:scroll;padding:75px 0 10px 0;box-sizing:border-box;}

nav.opened .menu-cont{right:0;box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.25);opacity:1;}	
	
.menu-cont::-webkit-scrollbar{width:0;height:0;}
	
.nav-overlay{position:fixed;right:0;top:0;height:110%;background:rgba(0,0,0,0.5);opacity:0;transition:.5s;z-index:-100;left:0;}
	
header nav.opened .nav-overlay{opacity:1;}
	
.close-btn{position:absolute;top:25px;right:30px;height:25px;width:26px;line-height:100%;border-radius:50%;background:white;color:#161616;font-weight:800;font-size:13px;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:.3s;}

.close-btn:hover{background:#474747;}
	
nav ul{display:flex;flex-direction:column;align-items:flex-end;width:100%;opacity:0;transition:.7s;transform:translateX(100px);}

nav ul.page-nav{padding-bottom:25px;}	
	
nav.opened ul{opacity:1;transform:translateX(0);}
	
nav ul li{text-transform:uppercase;width:100%;position:relative;font-size:16px;font-weight:600;box-sizing:border-box;text-align:right;}
	
nav ul li a{color:white;transition:.4s;width:100%;height:50px;box-sizing:border-box;display:flex;align-items:center;text-align:right;line-height:165%;padding:0 30px;justify-content:flex-end;}

nav ul li a:hover{color:#fff;background:rgba(255,255,255,0.03);padding-right:40px;}
	
}


/*****  Link Boxes on Home Page  *****/
.spacerbox {width:100%; min-height:600px;}
		.linkwrapper {
			display:flex; 
			margin-top:60%;
		}
		.linkboxcol1 {
			display:flex;
			align-content: flex-start;
			flex-direction: column;
			padding-bottom:50px;
			width:50%;
			background: #fff;
		}
		.linkboxcol2 {
			display:flex;
			align-content: flex-end;
			padding-top:50px;
			flex-direction: column;
			width:50%;
		}
		.linkboxcol1 .linkbox {
			height:500px;
			flex-grow: 1;
			background-size:cover;
			background-position: center;
			position: relative;
		}
		.linkboxcol2 .linkbox {
			height:500px;
			flex-grow: 1;
			background-size:cover;
			background-position: center;
			position: relative;
		}
		.linktext {
			position: absolute;
			bottom:10%;
			left:3%;
			max-width:45%;
			color:#fff;
			font-size:50px;
			text-transform: uppercase;
			font-weight: 300;
			transition: padding-bottom 0.8s ease;
		}
		.linktext:hover {
			padding-bottom:20px;
		}
		.linkbg1:hover, .linkbg1:focus, .linkbg2:hover, .linkbg2:focus, .linkbg3:hover, .linkbg3:focus, .linkbg4:hover, .linkbg4:focus  {
  			transition: background-position .8s ease-in-out;
			-webkit-transition: background-position .8s ease-in-out; 
			-moz-transition:background-position .8s ease-in-out;
  			-ms-transition: background-position .8s ease-in-out;
  			-o-transition:background-position .8s ease-in-out;
			background-position: 0 0;
		}
		.linkbg1 {background-image: url("images/detailing-car2.jpg"); background-size:110% 110%; background-position:-10px 0;transition:.8s;}
		.linkbg2 {background-image:url("images/detailing-caravan.jpg"); background-size:110% 110%; background-position:-10px 0;transition:.8s;}
		.linkbg3 {background-image:url("images/detailing-bike.jpg"); background-size:110% 110%; background-position:-10px 0;transition:.8s;}
		.linkbg4 {background-image:url("images/detailing-boat.jpg"); background-size:110% 110%; background-position:-10px 0;transition:.8s;}

@media all and (max-width: 1200px){
.linkboxcol1 .linkbox, .linkboxcol2 .linkbox {height:430px;}
}
@media all and (max-width: 900px){
.linkboxcol1 .linkbox, .linkboxcol2 .linkbox {height:380px;}
}
@media all and (max-width: 700px){
.linktext {font-size:30px;}
.linkboxcol1 .linkbox, .linkboxcol2 .linkbox {max-height:350px;}
}
/*****  Content  *****/

main {
	background-color: #FFF; /* Select content background color */
	width: 100%;
	margin: 0;
	position:relative;
	padding:100px 0;
	min-height: 400px;
	display: block;
}

.main-inner {
	width:90%;
	padding:0 5%;
	margin: 0 auto;
	background:#fff;
	display: block;
}

.hometext {
	text-align:center;
	margin:0 auto;
}

.metaslider{
	padding-bottom:20px;
}
 
.banner{
	width:100%;
	height:auto;
	padding-bottom:20px;
}

main ul{
	list-style-type:disc;
	padding-left:20px;
	padding-top:15px;
}

.metaslider ul{
	padding-left:0;
}

main p, main li {
	color:#575757; /* Select font color */
	margin-bottom:10px;
	font-size:17px;
	line-height:150%;
	font-weight:500;
}

main li{
	margin:4px auto;
	background-color:#C3C3C3;
	padding:10px 10px;
}

main li a {color:#000;}
	
@media all and (max-width: 700px){.banner{display:none;}}

/*****  Gallery  *****/

.gallery{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 20px);
	margin-left:-10px;
}

.gallery-item{
	padding:10px;
	position:relative;
	text-align:center;
	width:25%; /* Width will define items per row */
	box-sizing:border-box;
}

.gallery-item img{
	transition:.5s;
	width:100%;
	height:auto;
	max-width:100%;
}

.gallery-item:hover img{
	opacity:0.8;
}

.gallery br{
	display:none;
}

@media all and (max-width: 850px){.gallery-item{width:33.33%;}}

@media all and (max-width: 650px){.gallery{width:calc(100% + 10px);	margin-left:-5px;}.gallery-item{width:50%;padding:5px;}}

/*****  Contact  *****/

#contact{
	background: #151515 url("images/prestige-detailing-logo2.gif") bottom left no-repeat; /* Select top footer background colour */
	background-size: 55% auto;
	width:100%;
	min-height:360px;
	height: auto;
	padding: 80px 0 0 0;
}
#contact a, #contact a:visited {
	color:#CBC6C6;
}
#contact-inner {
	width: 95%;
	max-width:1600px;
	margin: 0 auto;
	padding:0;
}
#contact-inner-wrap {
	background: #474747; /* Select top footer background colour */
	width:18%;
	float: right;
	color:#CBC6C6;
	padding: 0 20px 30px 20px;
	margin-left:10px;
	min-height:370px;
	line-height: 170%;
}

#contact-inner-wrap-left {
	width:18%;
	float: left;
	color:#CBC6C6;
	padding: 0 20px 30px 20px;
	margin-left:10px;
	min-height:370px;
}
#contact-inner-wrap-left p{font-size:15px!important;}

#contact-inner-wrap h3{margin-top:15px; font-weight:600; color:#CBC6C6; font-size: 16px; padding-bottom:none; margin-bottom:none;}

#contact-inner h1{
	color:#fff ; /* Select top footer heading colour */
	padding-top:25px;
	padding-bottom:20px;
}

#contact-item{
	float:left;
	padding-right:45px;
	height:50px;
}

#contact-item img{
	margin:-3px 15px 0 0;
	float:left;
}

#contact-item p{
	color:#CBC6C6; /* Select contact item text colour */
	font-size: 18px;
	font-weight:normal;
	float:left;
	padding-top:3px;
}

.contact-image{
	float:left;
}

#contact-item a{
	color:#CBC6C6; /* Select contact item link colour (Same as contact item text) */
}

#contact-social{
	float:right;
	padding-top:20px;
}

#contact-social{
	color:#CBC6C6;
}

#contact-social img{
	margin:-10px 0 20px 10px;
	float:right;
}
@media all and (max-width: 1480px){#contact-inner h1{font-size: 35px;}#contact-inner p{font-size: 12px;}}
@media all and (max-width: 1120px){#contact-inner h1{font-size: 30px;}}
@media all and (max-width: 930px){#contact-inner-wrap {margin:0; width:24%;padding: 0 5px 30px 5px; float:none; display: inline-block; min-height: 230px;}#contact{text-align:center;}#contact ul {padding-bottom:30px;} #contact ul li {display: inline-block; text-align: left; padding:0 25px;} #contact ul li ul{display: none;} #contact ul li:last-child {border:none;} }
@media all and (max-width: 760px){#contact-inner-wrap { width:27%;}#contact ul li {padding:0 15px;}#contact-inner h1{font-size: 26px;}}
@media all and (max-width: 750px){
	#contact-inner-wrap {width:80%; margin: 0 auto;}
	#contact-inner-wrap-left {width:40%; margin: 0 auto 0 20px; min-height:100px;}
	#contact-inner-wrap-left ul {padding-bottom:0px; }
	#contact-inner-wrap-left h1, #contact-inner-wrap-left li {white-space: nowrap;text-align:left;}
	#contact-inner-wrap-left p {text-align:left;}
	#contact-inner-wrap-left li {min-width:90%;padding-left:0px!important;}
	#contact-item{width:95%;}
	#contact-item img{margin:0;float:none;}
	.contact-text{
	padding-top:3px;
	width:100%;
	margin-left: 42px;
}
	.contact-image{
	height:21px;
	width:auto;
	text-align:center;
	float:left;
	padding-right:20px;
}
.contact-address2{
	clear: both;
	padding-top:25px;
	left:0px;
}
	#contact-social{
	float:none;
	width:100%;
	clear:both;
	text-align:center;
}
	#contact-social img{
	margin:25px auto;
	float:none;
}
	.divider {display:none;}
	.breaker {display: block;}	
	
}

/* * * 7.0 Footer * * */

footer{background:#000;width:100%;padding:10px 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}

footer ul{display:flex;align-items:center;}

footer ul li{border-right:1px solid rgba(255,255,255,0.7);color:rgba(255,255,255,0.7);padding:0 10px;font-size:13px;line-height:100%;}

footer ul li:first-child{padding-left:0;}

footer ul li:last-child{padding-right:0;border-right:none;}

footer ul li a{color:rgba(255,255,255,0.7);transition:.2s;}

footer ul li a:hover{color:white;}

@media all and (max-width: 800px) {

footer{padding:20px 15px;flex-direction:column;align-items:flex-start;}

footer ul{flex-direction:column;align-items:flex-start;}

footer ul li{border-right:none;padding:10px 0;line-height:135%;}
	
}

/* TESTIMONIALS */
.wp-block-layart-quotes-block {padding-top:30px;}