/*
Theme Name: Wyntech Rockhampton
Theme URL: https://www.wyntechrockhampton.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - General
 * 3.0 - Images
 * 4.0 - Header
 * 5.0 - Content
 * 6.0 - Contact
 * 7.0 - Footer
 * 8.0 - Mobile
 	* 8.1 - General
 	* 8.2 - Header
 	* 8.3 - Content
	* 8.4 - Contact
 	* 8.8 - Footer
 */
 
 
/* * * 1.0 Reset * * */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

.clear {
	clear: both;
}

* {
	margin: 0;
	padding: 0;
}

body:not(.page-id-26) .grecaptcha-badge {display:none;}

/* * * 2.0 General * * */	

body, html {
	font-family: 'Rajdhani', sans-serif;width:100%;height:100%;min-height:100%;min-width:100%;
}

body{overflow-x:hidden;}

#header-inner, main, nav ul li, #menu-fixed ul li, #contact-inner, .links, .links li, .main-head h1, main table, main td, form p, input, testarea{box-sizing:border-box;}

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

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

main h1 {
	color:#1c1c1c;
	font-size:56px;
	font-weight:700;
	text-transform:uppercase;
	line-height:125%;
	position:relative;
	padding-bottom:20px;margin-bottom:28px;
}

main h1:after{content:"";height:4px;width:75px;background:#ed1c24;position:absolute;bottom:0;left:0;}

h2{color:#ed1c24;font-size:28px;font-weight:700;padding-bottom:15px;text-transform:uppercase;}

h3{color:#ed1c24;font-size:22px;font-weight:700;padding-bottom:15px;}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

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

a {
	text-decoration: none;
}

/* * * 3.0 Images * * */

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

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;
}



/* * * Header Details * * */

.header-details{width:100%;padding:10px 15px;box-sizing:border-box;background:#ed1c24;}

.header-details-inner{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;}

.header-details ul{display:flex;align-items:center;}

.header-details ul li{font-size:14px;color:white;font-weight:700;padding:0 10px;}

.header-details ul li:first-child{padding-left:0;}

.header-details ul li:last-child{padding-right:0;}

.header-details ul li a{color:white;transition:.4s;font-weight:600;}

.header-details ul li a:hover{color:#1c1c1c;}

.header-details ul li img{width:20px;height:auto;filter:brightness(0)invert(1);transition:.4s;}

.header-details ul li img:hover{filter:brightness(0)invert(0.1);}

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

.header-details ul{width:100%;justify-content:space-between;}

.header-details ul:first-child{display:none;}
	
}

/* * * Header * * */

header{width:100%;padding:15px;box-sizing:border-box;background:url("images/header-accent.png") center right no-repeat;background-size:auto 100%;}

#header-inner{width:100%;max-width:1200px;margin: 0 auto;display:flex;align-items:center;justify-content:space-between;}

.logo{width:250px;height:auto;}

.slogan{width:185px;height:auto;}


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

.logo{width:150px;height:auto;}

.slogan{width:85px;height:auto;}	
	
}

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

@media all and (min-width: 1275px) {
	
.menu-burger-cont, .nav-overlay, .close-btn{display:none;}
	
nav{width:100%;background:#1c1c1c;padding:0 15px;box-sizing:border-box;display:flex;justify-content:center;}
	
nav ul{list-style:none;display:flex;align-items:center;justify-content:center;width:100%;}
	
nav ul li{padding:25px 10px;font-size:16px;text-transform:uppercase;position:relative;line-height:135%;}

nav ul li.page_item_has_children > a:after{content:"\2228";padding-left:7px;font-size:10px;padding-bottom:1px;}
	
nav ul li a{color:white;transition:.4s;font-weight:600;display:flex;align-items:center;}
	
nav ul li ul{position:absolute;top:100%;width:475px;z-index:100;right:-75px;background:rgba(28,28,28,0.9);flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding:0 10px;opacity:0;transition:.4s;max-height:0;overflow:hidden;}	

nav ul li:hover > ul{opacity:1;max-height:500px;padding:10px;}	
	
nav ul li ul li{flex:0 0 50%;box-sizing:border-box;padding:10px}	

nav ul li ul li a{font-size:14px;}	
	
nav > ul > li:first-child{padding-left:0;}	
	
nav > ul > li:last-child{padding-right:0;}	
	
nav ul li:hover > a{color:#ed1c24;}
	
}

@media all and (max-width: 1400px) and (min-width: 1275px) {
	
nav ul li{padding:25px 7px;font-size:15px;}	
	
}

@media all and (max-width: 1275px) {
	
.menu-burger-cont{display:flex;align-items:center;letter-spacing:4px;color:white;font-size:14px;text-transform:uppercase;font-weight:700;transition:.3s;position:relative;z-index:100;padding:20px 15px;width:100%;background:#1c1c1c;box-sizing:border-box;justify-content:flex-end;}
	
.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:20px;font-weight:500;}
	
.menu-burger:hover{cursor:pointer;}

.menu-burger span{width:100%;height:3px;background:white;transition:.2s;border-radius:2px;}
	
.menu-burger span.middle{width:75%;}

.menu-burger-cont:hover .menu-burger span.middle{width:100%;}
	
nav{display:flex;flex-direction:column;position:fixed;background:#1c1c1c;width:300px;height:calc(100% + 50px);padding-bottom:50px;left:-300px;top:0;z-index:200;transition:.5s;overflow-y:scroll;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;}
	
nav::-webkit-scrollbar{width:0;height:0;}

nav.opened{left:0;z-index:999;}	
	
.nav-overlay{position:fixed;right:100%;left:0;top:0;height:110%;background:rgba(0,0,0,0.75);opacity:0;z-index:-100;}
	
nav.opened .nav-overlay{right:0;opacity:1;}
	
.close-btn{position:absolute;top:30px;left:25px;height:29px;width:30px;line-height:100%;border-radius:50%;background:white;color:#1c1c1c;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:#ed1c24;}
	
nav ul{display:flex;flex-direction:column;flex:1;padding-top:75px;list-style:none;background:#1c1c1c;}

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

nav ul li a:hover{color:#ed1c24;}
	
nav ul li ul{padding-top:0;}	
	
nav ul li ul li{max-height:0;overflow:hidden;transition:.4s;}
	
nav ul li ul li a{color:rgba(255,2552,255,0.8);background:rgba(255,255,255,0.045);padding:15px 35px;}
	
nav ul li ul li:first-child a{padding-top:20px;}
	
nav ul li ul li:last-child a{padding-bottom:20px;}
	
nav ul li.opened ul li{max-height:70px;}
	
.expand{text-align:center;position:absolute;z-index:500;top:0;right:0;transition:.4s;}
	
.expand:hover{cursor:pointer;color:#ed1c24;}
	
.expand:before, .opened li .expand:before{content:"+";font-size:18px;font-weight:500;color:white;font-family:'Overpass', sans-serif;line-height:55px;transition:.4s;padding:0 25px;}
	
.expand:hover:before, .opened li .expand:hover:before{color:#ed1c24;}
	
.opened .expand:before, .opened li.opened .expand:before{content:"-";display:block;margin-top:-2px;}
	
}

/* * * Slideshow * * */

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;}

.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;object-fit:cover;}

.rslides li:first-child{position:relative;display:block;float:left;}

.rslides img{display:block;height:100%;width:100%;object-fit:cover;max-height:475px;min-height:200px;}

body:not(.home) .rslides img{max-height:400px;}

.main-head{transform:translateY(-100%);z-index:100;width:100%;padding:15px;background:rgba(255,255,255,0.5);position:absolute;box-sizing:border-box;}

.main-head h1{width:100%;max-width:1200px;padding:0;margin:0 auto;color:#1c1c1c;font-size:54px;font-weight:700;text-transform:uppercase;line-height:125%;}

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

.main-head{position:relative;height:auto;padding:20px 15px;transform:translateY(0);}

main h1{font-size:42px;}

.main-head h1{font-size:40px;}

}


/* * * Link Boxes * * */

.links-outer{width:100%;transform:translateY(-110px);margin-bottom:-110px;z-index:100;position:relative;clear:both;padding:15px;box-sizing:border-box;}

.links-outer:before{content:"";height:110px;position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,0.5);}

.links{position:relative;z-index:200;margin:0 auto;width:100%;max-width:1200px;list-style-type:none;display:flex;}

.links li{flex:1;margin:15px;box-sizing:border-box;background:#1c1c1c;border-radius:35px;border-bottom-right-radius:0;overflow:hidden;}

.links li a{display:flex;flex-direction:column;height:100%;}

.links li .link-img-cont{transition:.4s;position:relative;padding-top:100%;border-radius:35px;overflow:hidden;border-bottom-left-radius:0;}

.links li img{width:100%;height:100%;object-fit:cover;border-bottom-right-radius:35px;display:block;position:absolute;top:0;left:0;transition:.4s;}

.links li h3{padding:15px 20px 15px 20px;color:white;font-weight:500;text-align:center;font-size:19px;text-transform:uppercase;flex:1;line-height:135%;display:flex;align-items:center;justify-content:center;}

.links:hover li a .link-img-cont img{filter:grayscale(100%);}

.links li a:hover .link-img-cont{padding-top:calc(100% - 25px);}

.links li a:hover .link-img-cont img{filter:grayscale(0%);}

@media all and (max-width: 1000px){
	
.links li:last-child{display:none;}
	
}

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

.links-outer{padding:7px;transform:none;background:#5a5a5a;margin:0;}
	
.links-outer:before{content:none;}
	
.links{flex-wrap:wrap;}
	
.links li{flex:1 1 35%;margin:8px;}
	
.links li a:hover .link-img-cont{padding-top:100%;}
	
.links li h3{font-size:17px;}
	
}

/* * * Content * * */

main{width:calc(100% - 30px);max-width:1200px;margin:0 auto;position:relative;padding:50px 0 50px 0;clear:both;}

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

main p, main li{color:#1c1c1c;padding-bottom:15px;font-size:18px;line-height:150%;font-weight:500;}

main a{color:#1c1c1c;font-weight:600;}

main li{margin:2px auto;}

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

main{padding:35px 0;}

}

/* * * Content * * */

.brands-cont{width:100%;padding:50px 0 60px 0;background:rgba(0,0,0,0.1);}

.brands{margin:0 auto;width:100%;max-width:1230px;display:flex;flex-wrap:wrap;padding:0 5px;box-sizing:border-box;}

.brands h2{flex:0 0 100%;padding-bottom:30px;padding-left:10px;}

.brand-single{flex:0 0 calc(20% - 20px);margin:10px;position:relative;}

.brand-single:after{content:"";padding-top:85%;display:block;}

.brand-single a{width:100%;height:100%;top:0;left:0;box-sizing:border-box;background:white;padding:15px;display:flex;align-items:center;justify-content:center;position:absolute;transition:.4s;}

.brand-single a.visit:before{content:"";top:0;bottom:0;left:0;width:0;background:rgba(277,33,35,0.75) url("images/brand-go.png") center center no-repeat;transition:.6s;position:absolute;opacity:0;background-size:75px auto;}

.brand-single a.visit:hover:before{width:100%;opacity:1;}

.brand-single a img{width:auto;height:auto;max-height:100%;max-width:100%;}

@media all and (max-width: 900px){.brand-single{flex:0 0 calc(25% - 20px);}}
	
@media all and (max-width: 700px){.brand-single{flex:0 0 calc(33.33% - 20px);}}
	
@media all and (max-width: 500px){.brand-single{flex:0 0 calc(50% - 20px);}}

/* * * Gallery * * */

.gallery{display:flex;flex-wrap:wrap;width:100%;background:#E5E5E5;padding:10px;box-sizing:border-box;}

.gallery-item{margin:10px;position:relative;text-align:center;width:calc(20% - 20px);;box-sizing:border-box;background:white;text-align:center;padding:10px 0;}

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

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

.gallery br{display:none;}

@media all and (max-width: 900px){.gallery-item{width:calc(25% - 20px);}}

@media all and (max-width: 620px){.gallery-item{width:calc(50% - 20px);}}

/* * * 5.1 Contact Form * * */

form{
	background:#E5E5E5;
	padding:10px 0;
}

form p{
	width:50%;
	float:left;
	padding:0 15px;
	position:relative;
}

form p:nth-child(even){
	clear:both;
}

form p:last-child{
	clear:none;
}

input{
	width:100%;
	padding:3px;
	margin-top:3px;
	font-family: 'Titillium Web', sans-serif;
}

input[type=submit]{
	width:225px;
	float:right;
	border:none;
	padding:5px;
	margin-top:20px;
	background:#0a1e56;
	color:white;
}

input[type=submit]:hover{
	cursor:pointer;
	opacity:0.8;
}

textarea{
	width:100%;
	height:70px;
	font-family: 'Titillium Web', sans-serif;
	padding:3px;
}

.g-recaptcha{
	position:relative;
	float:left;
	margin-left:15px;
	margin-top:24px;
}

.wpcf7-response-output{
	height:0;
	width:0;
	overflow:hidden;
	display:none;
	border:none;
	position:absolute;
	bottom:0;
	z-index:-999;
}

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

form{
	padding:10px 0 0 0;
}

form p{
	width:100%;
}

input[type=submit]{
	width:100%;
}

textarea{
	height:50px;
}

.g-recaptcha{
	margin-top:15px;
}
	
}

/* * * 6.0 Contact * * */

.banner{width:100%;background:#5a5a5a;color:#1c1c1c;font-size:36px;padding:35px 30px;box-sizing:border-box;text-align:center;font-weight:600;position:relative;border-top:2px solid #ec1f25;}

.banner span{color:white;font-weight:500;}

.banner img{width:185px;position:absolute;bottom:calc(100% - 1px);right:0;}
.banner span img{width:auto;position:inherit; bottom: auto; right: auto;display: inline-block;}

@media all and (max-width: 800px) {
	
.banner{font-size:26px;padding:25px 20px;}
	
.banner img{display:none;}

}

/* * * 7.0 Footer * * */

footer{background:#1c1c1c;width:100%;padding:30px 15px;box-sizing:border-box;}

footer ul{display:flex;justify-content:center;padding:10px 0;flex-wrap:wrap;}

footer ul li{border-right:1px solid #ed1c24;padding:0 10px;line-height:100%;font-size:15px;font-weight:500;margin:5px 0;box-sizing:border-box;}

footer ul li a{color:white;transition:.4s;}

footer ul li a:hover, footer ul.footer-details li a:hover{color:#ed1c24;}

footer ul li img{width:25px;height:auto;filter:brightness(0)invert(1);transition:.4s;}

footer ul li img:hover{filter:none;}

footer ul.footer-details li{border-right:1px solid rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);}

footer ul.footer-details li a{color:rgba(255,255,255,0.8);}

footer ul li:last-child, footer ul.footer-details li:last-child{border-right:none;}

.footer-menu li:first-child{display:none;}

.footer-menu li a{text-transform:uppercase;}

@media all and (max-width: 800px) {
	
.footer-menu{border-top:1px solid #ed1c24;border-bottom:1px solid #ed1c24;margin:5px 0;}

footer ul{justify-content:flex-start;padding:7px 0;}

footer ul.footer-details{flex-direction:column;}	
	
footer ul li, footer ul.footer-details li{border-right:none;padding:7px 0;line-height:135%;margin:0;}

footer ul.footer-menu li{padding-right:10px;flex:0 0 33%;}
	
}

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

footer ul.footer-menu li{flex:0 0 50%;}

}

/* * * Popup * * */	

.popmake{padding:0!important;}

.popmake-overlay{background:rgba(0,0,0,0.5)!important;}

.home .popmake .popmake-close{width:30px;height:30px;top:-45px;background:#052354;border-radius:15px;font-weight:bold;transition:.2s;font-size:14px;}

.home .popmake .popmake-close:hover{background:#da251c;}