/*
Theme Name: Cap Coast ECU Tuning
Theme URL: https://www.ccecutuning.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au@charset "utf-8";
/* CSS Document */

body{font-family: 'Titillium Web', sans-serif;}

body, html{overflow-x:hidden;}

* { margin:0;padding:0;}

.grecaptcha-badge{display:none!important;}

/***************************/

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

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

img {border: none;}	

p b{font-weight:500;}

strong{font-weight:600;}

main p strong{color:#f58821;}

main .content ul li{color:#FFF;font-size:15px;line-height:180%;font-weight:300;margin:0 0 20px 30px;}

a{color:#FFF;text-decoration:none;transition:.2s;}

main p a:hover{color:#f58821;}

a:hover{text-decoration:none;}

main .alignright {float:right; margin:0 0 10px 10px;}

main .alignleft {float:left; margin:0 10px 10px 0px;}

.main-inner h2{font-size:28px;font-weight:600;color:#f58821;padding-bottom:20px;}

@media all and (max-width: 1000px){
	main .alignright, main .alignleft {max-width:50%; height: auto;}
}
@media all and (max-width: 800px){	
	main .content ul li{font-size:14px;}
	main .alignright, main .alignleft {max-width:40%; height: auto;}	
}

@media all and (max-width: 600px){
	main .alignright, main .alignleft {max-width:95%; width:95%; height: auto; float: none; margin-top:10px; margin-left:auto; margin-right:auto; clear:both;}
}
@media all and (max-width: 400px){
	.main-inner h2{font-size:25px;}
}	
/*****  Header *****/

header{width:100%;padding:30px 40px 10px 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;}

header .logo{width:400px;height:auto;}

@media all and (max-width: 1125px) {
	header .logo{width:300px;height:auto;}
}

@media all and (max-width: 1005px) {
	header .logo{width:270px;height:auto;}
}

@media all and (max-width: 950px) {
	
header{padding:30px;}

header .logo{width:250px;}
	
}

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

/*****  Menu  *****/
@media all and (min-width: 1250px) {
	header ul li{padding:0 20px!important;}
}

@media all and (min-width: 850px) {
	
.menu-burger-cont, .nav-overlay, .close-btn{display:none;}
	
header ul{list-style:none;display:flex;align-items:center; padding-left:20px;}
	
header ul li{padding:0 10px;font-size:20px;font-weight:600;}

header ul li:first-child{padding-left:0;}	
	
header ul li:last-child{padding-right:0;}	
	
header ul li a{color:#455560;transition:.2s; line-height: 100%;}
	
header ul li a:hover{color:#f58821;}
	
}

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

.menu-burger-cont{display:flex;align-items:center;letter-spacing:4px;color:#455560;font-size:14px;text-transform:uppercase;font-weight:700;transition:.3s;}
	
.menu-burger{width:31px;height:25px;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:4px;background:#f58821;transition:.2s;border-radius:2px;}
	
.menu-burger span.middle{width:75%;}

.menu-burger-cont:hover{color:#f58821;}

.menu-burger-cont:hover .menu-burger span.middle{width:100%;}
	
header nav{display:flex;flex-direction:column;position:fixed;background:#f58821;width:300px;height:110%;right:-300px;top:0;z-index:200;transition:.5s;overflow-y:scroll;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;}
	
header nav::-webkit-scrollbar{width:0;height:0;}

header nav.opened{right:0;z-index:999;}	
	
.nav-overlay{position:fixed;left:100%;right:0;top:0;height:110%;background:rgba(69,85,96,0.85);opacity:0;z-index:-100;}
	
header nav.opened .nav-overlay{left:0;opacity:1;}
	
.close-btn{position:absolute;top:30px;right:40px;height:29px;width:30px;line-height:100%;border-radius:50%;background:#455560;color:white;font-weight:700;font-size:15px;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:.3s;padding-bottom:1px;}

.close-btn:hover{color:#f58821;}
	
header ul{display:flex;flex-direction:column;align-items:flex-end;flex:1;padding-top:75px;list-style:none;background:#f58821;}

header ul li{font-size:22px;position:relative;font-weight:600;}
	
header ul li a{text-decoration:none;transition:.4s;color:white;padding:10px 40px;box-sizing:border-box;width:100%;display:block;}

header ul li a:hover{color:#455560;}
	
}



/***** Home Featured *****/
.content-feature-left a {color:#000;}
.content-feature-left h2 {color:#f58821; padding-bottom:20px;}
.content-feature p {color:#455560;font-size:22px;font-weight:400;padding-bottom:25px;line-height:150%;}

@media all and (min-width: 1500px) {
	.home-feature-left, .content-feature-left {margin-left:5%;}
}
.home-accent{width:450px;height:auto;position:absolute;right:0;top:100px;z-index:50;}

.home-feature, .content-feature{width:100%;display:flex;height:675px;}

.content-feature{height:360px;}

.home-feature-left, .content-feature-left{flex:1;display:flex;flex-direction:column;padding:40px 80px;justify-content:center;align-items:flex-start;}

.home-feature-right, .content-feature-right{flex:0 0 45%;max-width:750px;height:100%;display:flex;flex-direction:column;align-items:flex-end;position:relative;}

.home-row, .content-row{display:flex;justify-content:flex-end;padding:15px 0;flex:1;width:100%;}

.image-full{width:75%;height:100%;background:#455560;position:relative;}

.row-2 .image-full{position:relative;z-index:100;}

.content-feature .image-full{z-index:200;}

.image-end{width:25%;height:100%;background:#455560;border-left:30px solid white;box-sizing:border-box;position:relative;object-fit:cover;}

.row-1 .image-end{display:none;}

.image-full img, .image-end img{position:absolute;height:100%;width:100%;object-fit:cover;top:0;}

.image-end img{object-position:left;}

.home-feature h1, .content-feature h1{font-size:62px;font-weight:700;line-height:110%;color:#f58821;padding-bottom:25px;}

.home-feature p{width:100%;max-width:650px;color:#455560;font-size:22px;font-weight:400;padding-bottom:25px;line-height:150%;}

.home-feature p:last-of-type{padding-bottom:0;}

@media all and (max-width: 1200px) {
.content-feature p {color:#455560;font-size:18px;font-weight:400;padding-bottom:15px;line-height:140%;}
.content-feature-left h1 {font-size:45px;}

.home-accent{width:350px;}

.home-feature{height:550px;}

.home-feature-left{padding:40px;}
	
.content-feature-right{flex:0 0 55%;}

.home-feature h1{font-size:60px;line-height:110%;padding-bottom:20px;}

.home-feature p{font-size:19px;padding-bottom:20px;line-height:165%;}

.home-feature p:last-of-type{padding-bottom:0;}	
	
}

@media all and (max-width: 1000px) {
	
.home-accent{width:300px;}
	
.home-feature{height:500px;}
	
.home-feature h1{font-size:52px;line-height:110%;padding-bottom:15px;}

.home-feature p{font-size:18px;padding-bottom:15px;line-height:150%;}
	
.home-feature-left, .content-feature-left{padding:20px 25px;}
	
	.content-feature-left h2 {font-size:22px;}
	
}

@media all and (max-width: 800px) {
	
.home-accent{width:47%;}
	
.home-feature, .content-feature{height:auto;flex-direction:column;}

.home-feature-left, .content-feature-left{padding:20px 15px;align-items:flex-start;padding-bottom:35px;}

.content-feature-left{padding-bottom:30px;}
	
.home-feature-right, .content-feature-right{flex:1;width:100%;max-width:none;height:auto;}
	
.home-row{padding:8px 0;}
	
.home-row.row-1{justify-content:flex-start;}

.image-full{width:75%;height:auto;padding-top:45%;}	
	
.image-end{width:calc(25% - 15px);box-sizing:border-box;height:auto;background:#455560;border-left:15px solid white;}

.row-1 .image-end{display:inline;border-left:none;border-right:15px solid white;}	

.row-1 .image-end img{object-position:right;}
	
.home-feature h1,  .content-feature h1{font-size:44px;padding-bottom:20px;}

.content-feature h1{padding-bottom:10px;}	
	
.home-feature p{padding-bottom:20px;line-height:150%;}
	
}

/*****  Content *****/

main{width:100%;padding:40px 40px 80px 40px;box-sizing:border-box;border:40px solid white;border-width:40px 40px 40px 40px;background:#455560;}

main.content-main{border:none;width:calc(100% - 80px);margin:40px 40px 40px 40px;position:relative;z-index:100;}

.main-inner{width:100%;max-width:1400px;margin:0 auto;padding:20px 0;}

main h1 {color:#f58821; padding-bottom: 20px;}

a.blue-button{width:150px;font-size:17px;color:white;padding:7px 13px;border-radius:25px;background:#f58821;position:relative;transition:.3s;display:block;}

a.blue-button:after{content:"";position:absolute;right:15px;top:0;bottom:0;background:url("images/arrow-white.svg") center center no-repeat;background-size:contain;width:10px;z-index:100;}

a.blue-button:hover{background:#455560;}

a.blue-button.reverse{color:#455560;font-weight:600;}

a.blue-button.reverse:after{background:url("images/arrow-reverse.svg") center center no-repeat;background-size:contain;}

a.blue-button.reverse:hover{background:white;}

.home-content{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;padding:60px 0 100px 0;position:relative;z-index:200;}

.home-content h2{flex:0 0 100%;font-weight:600;color:#f58821;font-size:38px;padding-bottom:30px;}

.home-content-left{flex:1;}

.home-content-left p, .home-content-left li, .main-inner p{padding-bottom:20px;color:white;font-size:19px;line-height:170%;}

.main-inner p{font-size:20px;}

.home-content-left li{padding:3px 0;}

.home-content-left ul{padding-left:20px;padding-bottom:20px;}

.home-content-right a.blue-button{margin-top:25px;}

.home-content-right{padding-left:80px;flex:0 0 550px;}

.home-content-right ul{list-style-type:none;columns:2;vertical-align: top;}

.home-content-right ul li, .home-content-right p{font-size:17px;line-height:150%;padding-bottom:15px;color:rgba(255,255,255,0.5);}

.home-content-right p{color:white; font-size: 17px; line-height: 150%;}

.home-content-right h2 {font-size:30px; padding-bottom:20px;}

.home-content-right ul li strong{color:white;font-weight:600;}

.main-inner ul{list-style:none;width:100%;display:flex;flex-wrap:wrap;}

.main-inner ul li{border:15px solid #455560;background:#f58821;flex:0 0 50%;box-sizing:border-box;padding:10px 25px;color:white;font-size:20px;min-height:90px;display:flex;align-items:center;line-height:135%;box-sizing:border-box;}

.main-inner ul li:nth-child(odd){border-left:none;}

.main-inner ul li:nth-child(even){border-right:none;}

@media all and (max-width: 1200px) {
	
.home-content-right{padding-left:80px;flex:0 0 300px;}

.home-content-right ul{columns:1;}

.home-content-right h2 {font-size:25px; padding-bottom:20px;}
	
}

@media all and (max-width: 950px) {
	
main{padding:30px;border:30px solid white;border-width:85px 30px 30px 30px;}
	
main.content-main{width:calc(100% - 60px);margin:50px 30px 40px 30px;}
	
a.blue-button{width:125px;font-size:16px;}
	
.home-content{padding:30px 0 60px 0;flex-direction:column;}

.home-content h2{font-size:36px;}

.home-content-left{width:100%;}

.home-content-left p, .home-content-left li{font-size:18px;}

.home-content-right{padding-left:0;flex:1;padding-top:40px}

.home-content-right ul{columns:2;}

.main-inner ul li{border:10px solid #455560;padding:15px 20px;font-size:19px;}

}

@media all and (max-width: 800px) {
	
main{padding:20px 15px;border:15px solid white;border-width:40px 15px 15px 15px;}
	
main.content-main{width:calc(100% - 30px);margin:30px 15px 40px 15px;}

a.blue-button{width:125px;font-size:15px;}
	
.home-content{padding:20px 0 40px 0;flex-direction:column;}

.home-content h2{font-size:34px;}

.home-content-right ul{columns:2;}
	
.main-inner ul li{flex:0 0 100%;border-width:10px 0;}
	
}

@media all and (max-width: 600px) {
	
main{border-width:50px 15px 15px 15px;}
	
.home-location{height:250px;margin:-125px auto 0 auto;}

.acf-map{width:calc(100% + 150px);margin-left:-150px;}
	
.map-details{width:150px;padding:15px;}

.map-details h3{font-size:22px;padding-bottom:10px;}

.map-details p{font-size:14px;padding-bottom:10px;line-height:130%;}

.map-details a.blue-button{display:none;}	
	
.home-content h2{font-size:28px;}
}

/*****  Link Boxes *****/

.link-box-cont{width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative;}

.link-box-cont:after{content:"";position:absolute;left:-500px;right:-500px;top:50%;bottom:-41px;background:white;}

.link-box{flex:1;padding-top:45%;background:#455560;position:relative;z-index:100;transition:.3s;}

.link-box:nth-child(2){margin:0 50px;}

.link-box-cont:hover .link-box img{opacity:0.5;}

.link-box img{width:100%;height:100%;position:absolute;object-fit:cover;top:0;transition:.3s;}

.link-box-cont .link-box:hover img{opacity:1;}

.link-box-info{position:absolute;bottom:0;right:0;width:185px;height:160px;background:#f58821;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;transition:.3s;}

.link-box-info h3{color:#455560;font-size:30px;font-weight:600;position:relative;padding-bottom:12px;margin-bottom:10px;transition:.3s;}

.link-box-info h3:after{content:"";height:4px;width:22px;background:white;position:absolute;bottom:0;left:0;transition:.3s;}

.link-box-info a{font-size:16px;}

.link-box:hover .link-box-info{height:190px;}

.link-box:hover .link-box-info h3:after{width:30px;}

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

.link-box:nth-child(2){margin:0 35px;}	
	
.link-box-info{width:165px;height:140px;padding:15px;}

.link-box-info h3{font-size:28px;}

.link-box:hover .link-box-info{height:170px;}
	
}

@media all and (max-width: 950px) {
	
.link-box{padding-top:70%;}
	
.link-box:last-child{display:none;}

.link-box:nth-child(2){margin:0 0 0 30px;}	
	
}

@media all and (max-width: 800px) {
	
.link-box{margin-bottom:100px;padding-top:60%;}
	
.link-box:nth-child(2){margin-left:20px;margin-bottom:100px;}	
	
.link-box-info{width:100%;height:100px;padding:0 15px;bottom:-100px;}

.link-box-info h3{font-size:24px;}

.link-box-info a{font-size:14px;}

.link-box:hover .link-box-info{height:120px;}
	
}
@media all and (max-width: 800px) {
	.link-box-info{height:150px;}
	.link-box-info h3{line-height: 100%;}
}
/**********************************
	Images with captions
**********************************/

.gallery{display:flex;flex-wrap:wrap;width:100%;padding-top:10px;}

.gallery-item{padding:15px;position:relative;text-align:center;width:33.33%;box-sizing:border-box;}

.gallery-item img{transition:.5s;width:100%;height:auto;max-width:200px;border-radius:50%;border:3px solid white;box-sizing:border-box;}

.gallery br{display:none;}

.gallery-caption{font-size:13px;color:white;padding:5px 10px 0 10px;line-height:150%;}


/*********************************
	Downloads
*********************************/
img.download{
	float:left;
	padding-right: 10px;
}

.link{
	padding: 10px 0 0 25px;
}

/*****  Vacancies  *****/

.vacancies{display:flex;flex-wrap:wrap;width:100%;}

.vacancy-single{border:15px solid #455560;flex:0 0 50%;box-sizing:border-box;background:white;}

.vacancies .vacancy-single:nth-child(odd){border-left:none;}

.vacancies .vacancy-single:nth-child(even){border-right:none;} 

.vacancy-content{width:100%;padding:15px;box-sizing:border-box;}

.main-inner .vacancy-single h3{width:100%;padding:15px;background:#f58821;color:white;font-weight:600;font-size:22px;box-sizing:border-box;}

.main-inner .vacancy-single p{color:#455560;}

.main-inner .vacancy-single ul{display:inline-block;list-style:disc;padding-left:20px;width:auto;}

.main-inner .vacancy-single ul li{border:none;background:none;padding:5px 0;color:#455560;font-size:18px;height:auto;display:list-item;min-height:0;}

@media all and (max-width: 800px){
	
.vacancy-single{border-width:15px 0;flex:0 0 100%;}
	
}

/***************************************************
				Form
****************************************************/

form, form p {padding:30px 20px 40px 20px;background:#f58821;width:100%;display:flex;margin-top:15px;flex-wrap:wrap;justify-content:flex-end;position:relative;overflow:hidden;box-sizing:border-box;}

label{flex:0 0 50%;padding:20px 15px;box-sizing:border-box;flex-basis: 50%!important; }

input, select, textarea{font-family: 'Titillium Web', sans-serif;width:100%;border:none;border-bottom:2px solid white;padding:15px 0;color:white;font-size:19px;box-sizing:border-box;background:none;}

::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}

input:focus, select:focus, textarea:focus{outline:none;border-bottom:2px solid #455560;}

form label:last-of-type{flex:0 0 100%;}

input{-webkit-appearance:none;}

textarea{height:150px;resize:none;}

input.wpcf7-not-valid{border-bottom:2px solid yellow;}

input.wpcf7-not-valid::placeholder, input.wpcf7-not-valid::-ms-input-placeholder{color:yellow;}

input[type=submit]{background:#455560;width:200px;margin:0 15px 0 0;transition:.2s;border-bottom:none;}

input[type=submit]:hover{color:#455560;cursor:pointer;background:white;}

main div.wpcf7 .ajax-loader{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,0.4);top:0;left:0;right:0;margin:0;padding:0;}

main div.wpcf7-response-output{margin:5px 15px 20px 15px;padding:15px;box-sizing:border-box;width:calc(100% - 30px);text-align:center;font-size:16px;font-weight:400;border:none;background:#455560;color:white;line-height:150%;}

@media all and (max-width: 800px) {
	
form p, form{padding:15px; display: block;}
	
label{flex:0 0 100%;padding:15px 0;}
	
input[type=submit]{margin:0;}
	
}

/*****  Map Box *****/

.home-location-cont{width:100%;border:40px solid white;position:relative;box-sizing:border-box;padding:0 40px;}

.home-location-cont:after{content:"";background:#f58821;position:absolute;bottom:-41px;left:0;right:0;top:50%;}

.home-location{width:100%;max-width:1400px;height:400px;margin:0 auto;background:white;position:relative;z-index:100;overflow:hidden;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15); background-image: url("images/ecu-tuning-yeppoon.jpg"); background-position: left center; background-repeat: no-repeat; background-size: cover;}

.acf-map{width:calc(100% + 350px);height:calc(100% + 25px);margin-left:-350px;}

.map-details{position:absolute;width:350px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:20px;background:rgba(69,85,96,0.85);right:0;box-sizing:border-box;z-index:100;}

.map-details h3{color:white;font-size:32px;font-weight:700;line-height:120%;padding-bottom:20px;}

.map-details p{color:white;font-size:16px;padding-bottom:20px;line-height:150%;}

@media all and (max-width: 950px) {
	
.home-location-cont{border:30px solid white;padding:0 30px;}

.home-location-cont:after{bottom:-31px;}
	
.home-location{height:300px;}

.acf-map{width:calc(100% + 275px);height:calc(100% + 25px);margin-left:-275px;}

.map-details{position:absolute;width:275px;}

.map-details h3{color:white;font-size:28px;font-weight:700;line-height:120%;padding-bottom:20px;}

.map-details p{color:white;font-size:15px;padding-bottom:20px;line-height:150%;}
	
}

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

.home-location-cont{border:15px solid white;padding:0 15px;}

.home-location-cont:after{bottom:-16px;}	
	
}

@media all and (max-width: 600px) {
	
.home-location{height:140px;}

.acf-map{width:calc(100% + 150px);margin-left:-150px;}
	
.map-details{width:100%;padding:15px;}

.map-details h3{font-size:22px;padding-bottom:10px;}

.map-details p{font-size:14px;padding-bottom:10px;line-height:130%;}

.map-details a.blue-button{display:none;}	
	
}

@media all and (max-width: 400px) {
	.map-details {display:none;}
}

/*****************************************************
			FOOTER
*****************************************************/

.footer{width:100%;background:#f58821;color:white;box-sizing:border-box;border:40px solid white;border-top:none;position:relative;z-index:100;}

.footer-top{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;padding:30px 40px;}

.footer-col {flex:1;}

.footer-col ul{list-style:none;}

.footer-col ul li{color:white;padding-bottom:8px;font-size:16px;}

.footer-col ul li strong{font-weight:700;color:#455560;font-size:17px;}

.footer-col ul li a{color:white;transition:.2s;}

.footer-col ul li a:hover{color:#455560;}

.footer-logo{width:100%;height:auto;}

.footer-bottom{width:100%;padding:30px 40px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #455560;}

.footer-bottom ul{display:flex;align-items:center;list-style:none;}

.footer-bottom li{color:#455560;line-height:100%;padding:0 10px;border-right:1px solid #455560;font-size:16px;}

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

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

.footer-bottom a{color:#455560;text-decoration:none;transition:.2s;}

.footer-bottom a:hover{color:white;}

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

.footer{border:30px solid white;border-top:none;}

.footer-top{flex-direction:column-reverse;align-items:flex-start;padding:15px 30px;}

.footer-col{padding:15px 0;width:100%;}
	
.footer-col:first-child ul{columns:2;max-width:500px;}
	
.footer-bottom{padding:30px;}
		
}

@media all and (max-width: 800px) {
	
.footer{border:15px solid white;border-top:none;}
	
.footer-top{padding:20px 15px;}
	
.footer-top-left{width:100%;padding-top:20px;}	
	
.footer-col{padding:10px 0;flex:1;}
		
.footer-bottom{padding:15px;flex-direction:column;align-items:center;}
	
.footer-bottom ul{flex-direction:column;align-items:center;}

.footer-bottom li{padding:6px 0;border-right:none;line-height:135%;}
	
}

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

.footer-top-left{flex-direction:column;}
	

		
}