/*
Theme Name: Tornado
Author: Wired
Author URI: https://www.wired.co.nz/
*/

body { color:#242629; font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; overflow-x:hidden; margin:0; padding:0; position:relative;}

img { border:none; display:block; height:auto; max-width:100%;}

h1, h2, h3, h4, h5 { font-family:'Roboto', sans-serif; }
h1 { font-size:2.2em; font-weight:800; margin:0 0 15px 0; padding:0;}
h2 { font-size:1.7em; font-weight:500; margin:0 0 15px 0; padding:0;}
h3 { color:#d0271a; font-size:1.1em; font-weight:500; margin:15px 0 40px 0; padding:0; text-transform:uppercase;}
h4 { font-size:1.25em; font-weight:500; margin:0; padding:10px 0;}
h5 { font-size:1.1em; font-weight:500; margin:5px 0; padding:0;}
h6 {}

p, li, lo { color:#464b4e; font-size:1em; font-weight:300; line-height:22px; margin:0 0 10px 0;}

a:link, a:visited { color:#ee1c25; font-weight:500; text-decoration:none;}
a:hover, a:active { color:#ae050d; transition:0.3s;}

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #e4e5e8; height:1px; margin:50px 0; }

.contentwidth { margin:auto; position:relative; max-width:1260px;}

.clearfix { clear:both;}
.aligncenter { text-align:center;}
.uppercase { text-transform:uppercase;}


/*-Unique containers-*/

#site-header { background:#fff; border-bottom:5px solid #bfd9d1; color:#fff; height:91px; position:relative;  }

#logo { background:url(./images/Tornado-logo-background.png) left bottom no-repeat; float:left; margin:0; position:relative; width:330px; z-index:9;}

#nz-made { background:url(./images/icon-sprite.png) 0 0 no-repeat; height:84px; position:absolute; top:3px; right:15px; width:89px; }

#home-banner-wrap { background:url(./images/home-banner.jpg) 0 0 no-repeat; background-size:cover; height:450px; position:relative; z-index:5; }
#home-banner-wrap .contentwidth { color:#fff; max-width:1030px; padding:20px 0 90px 0; }
#home-banner-wrap h1 { border-bottom:3px dashed #bfd9d1; font-size:2.8em; margin:0; padding:90px 0 30px 0; max-width:620px; text-transform:uppercase;}
#home-banner-wrap h2 { font-size:1.3em; margin:0; padding:30px 0; max-width:620px; }
#home-banner-wrap a.btn { border:1px solid #fff;}

#cta { background:#000; padding:12px 40px; }
#cta p { color:#fff; font-size:1.2em; font-weight:700; margin:0; }
#cta p a.btn { font-size:0.8em; line-height:36px; margin:4px; padding:0 20px;}

#home-feature-wrap {background:#e2eeea; padding:30px 0; text-align:center;}
#home-feature-wrap h4 { font-size:1.5em; font-weight:400; padding-bottom:0;}
#home-feature-wrap p { font-size:0.8em; font-weight:300;margin-bottom:0;}

#site-content { margin:40px 0; position:relative; }
#site-footer {background:#e2eeea; padding:30px 0; text-align:center; }

#copyright { border-top:4px solid #fff; font-weight:300; margin:30px 0 0 0; padding:25px 5px;}
#copyright a:link, #copyright a:visited {font-weight:300; }

/*-Navigation-*/

#nav { float:left; margin:30px 0 0 5%; padding:0; text-align:left; z-index:10; }
#nav input[type="checkbox"], #nav input[type="checkbox"] + label { display:none;}

#nav ul  { margin:0; padding:0; z-index:8; }
#nav ul li { float:left; display:block; margin:0; padding:0; }
#nav  ul li.current_page_item, #nav ul li.current-menu-item { color:#455a68;}
#nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:link, #nav li.current-menu-item a:visited { color:#cf1019;}
#nav li a:link, #nav li a:visited { color:#909896; display:block; font-weight:400; padding:8px 22px; }
#nav li a:active, #nav li a:hover { color:#cf1019; }




/*-input & anchor button styles-*/

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea { background:#fff; border:0; border-radius:4px; color:#535551; font-family:'Open Sans', sans-serif;font-size:1em; margin:0 0 8px 0; padding:7px 3%; width:94%;}

.contact-form-wrap label { display:block; margin:0;}
.contact-form-wrap textarea { height:186px;}

select { background:#fff; border:0; border-radius:4px; color:#535551; display:inline; font-family:'Open Sans', sans-serif; font-size:1em; padding:0.5em 2em 0.55em 0.8em; margin:0 0 8px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; }
select::-ms-expand { display:none;}

input[type="submit"], a.btn { background:#cf1019; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:1.2em; font-weight:300; line-height:44px; margin-bottom:5px; padding:0 25px; text-decoration:none; }
input[type="submit"]:hover, a.btn:hover { background:#c87a00; color:#fff; transition:0.3s;}

a.print {  background:url(./images/icon-sprite.png) -178px 13px #e2eeea; border-radius:50%; float:right; height:55px; margin:-8px 0 0 0; text-transform:uppercase; width:55px; }

label { display:inline-block; margin:0 50px 0 0;}
input[type="radio"], input[type="checkbox"] { height:14px; margin:0 6px 12px 0; width:14px;}


/*-Icons-*/
.icon { background:url(./images/icon-sprite.png) #fff; border-radius:50%; margin:auto;}
.icon-small { height:125px; width:125px;}
.construction { background-position:-8px -93px;  }
.timley { background-position:-138px -93px;  }
.large-orders { background-position:-273px -93px;  }


/*-styled containers-*/

ul.our-products, ul.our-products li { list-style:none; margin:0; padding:0; text-align:center;}
ul.our-products li { background:#e2eeea; float:left; height:300px; margin:20px 10px 0 10px; padding:0; transition:0.3s; width:calc(25% - 20px);}
ul.our-products li:active, ul.our-products li:hover { background:#d2dfdb; }
ul.our-products li a:link, ul.our-products li a:visited { display:block; font-size:1.1em; font-weight:300; padding:50px 0 25px 0;}
ul.our-products li a:before { background:url(./images/icon-sprite.png) #fff; border-radius:50%; content:""; display:block; height:165px; margin:auto; margin-bottom:15px; width:165px;}
ul.our-products li:nth-of-type(1) a:before { background-position:-5px -200px;}
ul.our-products li:nth-of-type(2) a:before { background-position:-165px -200px;}
ul.our-products li:nth-of-type(3) a:before { background-position:-9px -495px;}
ul.our-products li:nth-of-type(4) a:before { background-position:-325px -200px;}
ul.our-products li:nth-of-type(5) a:before { background-position:-10px -340px;}
ul.our-products li:nth-of-type(6) a:before { background-position:-320px -340px;}
ul.our-products li:nth-of-type(7) a:before { background-position:-167px -495px;}
ul.our-products li:nth-of-type(8) a:before { background-position:-160px -340px;}

.testimonials-wrap { background:#e2eeea; margin:150px 0 20px 0; padding:120px 0; position:relative; text-align:center;}
.testimonials-wrap:before { background:url(./images/mountains.png); content:""; display:block; position:absolute; top:-68px; left:15%; height:68px; width:551px;}
.testimonial { font-size:1.5em; font-weight:300; margin:auto; max-width:1060px;}

.custom-requirements { margin:60px 0; text-align:center; }

.form-wrap { background:#e2eeea; margin:auto; max-width:900px; padding:30px; }
.contact-form-wrap { background:#e2eeea; padding:35px 40px; }

#breadcrumbs { font-size:0.8em; font-weight:300; margin:-10px 0 20px 0;}

.freephone { background:#000; border-radius:60px 0 0 60px; padding:20px; position:absolute; top:0; right:0; z-index:20; }
.freephone:before { background:url(./images/icon-sprite.png) -91px 0 no-repeat; content:""; display:block; height:88px; position:absolute; top:12px; left:12px; width:99px; z-index:-1; }
.freephone a:link, .freephone a:visited { color:#fff; display:block; font-size:2.6em; font-weight:300; padding-left:108px; }
.freephone a small { display:block; font-size:0.4em;}

#freephone-wrap { background:#006950; height:128px; position:relative;}
#freephone-wrap .freephone { background:none; top:8px; }

.free-phone { font-size:1.3em; font-weight:300; margin:0 0 60px 0; text-align:center;}
.free-phone a:link, .free-phone a:visited { color:#0c0c15; font-size:2.8em; font-weight:300; display:block; max-width:400px; margin:auto;}

ul.where-2-buy, ul.where-2-buy li { list-style:none; margin:0; padding:0;  }
ul.where-2-buy li { background:#fff; display:inline-block; margin:0 5px 5px 0; padding:8px; max-width:calc(14% - 21px); transition:0.3s; }
ul.where-2-buy li:active, ul.where-2-buy li:hover { padding:0; max-width:calc(14% - 5px); }



.product-img-wrap { background:#414b57; margin:5px 0 30px 0; padding:90px 50px; text-align:center; }
.product-img-wrap img { margin:auto;}

.find-stockist-wrap { background:#e2eeea; margin:30px 0 10px 0; padding:50px 2%; text-align:center; }

/*-product gallery-*/
ul.product-gallery { list-style:none;  }
ul.product-gallery li { display:inline-block; height:300px; margin:0 1% 10px 0; padding:0; position:relative; transition:0.5s; }
ul.product-gallery li img { border-bottom:5px solid #fff; height:100%; width:auto; }

.solo-pic img, .solo-pic p { margin:auto; text-align:center;}
.vc_grid-item-mini .vc_gitem-zone { max-height:250px!important;}


/*-responsive cols-*/

.row { clear:both; margin: 0 0 40px 0; position:relative; }

.col-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-60-40, .col-70-30, .col-cf1, .col-cf2 { float:left;}

.col-cf1 { margin:0 4% 0 0; width:48%;}
.col-cf2 { width:48%;}

.col-60-40:nth-of-type(1) { border-right:1px solid #d9d9d9; padding:0 3% 0 0; width:calc(42% - 1px);}
.col-60-40:nth-of-type(2) { padding:0 0 0 3%; width:52%;}

.col-70-30:nth-of-type(1)  { padding:0 3% 0 0; width:64%;}
.col-70-30:nth-of-type(2) { padding:0 0 0 3%; width:30%;}

.col-1o3 { width:31.1%;}
.col-1o3:nth-child(2) { margin:0 3.3%;}
#home-feature-wrap .col-1o3:nth-child(2) { border-left:1px dashed #fff; border-right:1px dashed #fff; width:calc(31.1% - 2px);}

.col-2o3 { margin-right:3.5%; width:65.5%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left;}

.col-1o4 { margin-right:5%; width:20%;}
.col-1o4:nth-child(4n) { margin-right:0;}

.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}

.col-1o2 { margin-right:6%; width:47%;}
.col-1o2:nth-of-type(even) { margin-right:0;}

.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;}

.fifty-p { width:50%;}



/*-prod catgory styles-*/
.vc_grid-item-mini .vc_gitem-animated-block {padding:0 20px!important;}
.vc_gitem-zone .vc-zone-link { border:none!important;}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { background-color:#ee1c25!important; color:#fff; }
.vc_btn3.vc_btn3-shape-rounded { border-radius:0!important;}

.vc_gitem_row .vc_gitem-col { padding:0 20px!important; }
.vc_gitem-post-data { margin-bottom:5px!important;}
.vc_gitem-post-data h4 {padding:10px 0 0 0;}

/*--Media queries--*/


@media only screen and (max-width: 1320px) {
.contentwidth { padding:0 4%; width:92%;}
#site-header .contentwidth { padding:0 2%; width:96%;}
#nav { margin:30px 0 0 0;}
#nav li a:link, #nav li a:visited { padding:8px 15px;}
#home-banner-wrap { height:400px;}
}

@media only screen and (max-width: 1000px) {

#nav ul li a { font-size:15px;}
#nav { margin:0; padding:0; position:absolute; top:8px; right:0; text-align:left; z-index:999; }
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(./images/icon-sprite.png) -437px 0 no-repeat; display:block; font-size:18px; height:60px; margin:0; padding:0; position:absolute; top:0; right:0; transition:0.3s; width:70px; }
#nav input[type="checkbox"]:checked + label { background:url(./images/icon-sprite.png) -437px -70px no-repeat; }
#nav input[type="checkbox"] ~ ul  { margin:0; padding:0; position:absolute; transition:0.3s; width:260px; top:-600px; right:0; transition:0.3s; z-index:99; }
#nav input[type="checkbox"]:checked ~ ul { top:64px;}
#nav input[type="checkbox"] ~ ul li { background:#be1511; border-bottom:1px solid #fff; border-left:1px solid #fff; display:block; float:none; margin:0; padding:0; }
#nav input[type="checkbox"] ~ ul li:first-of-type { border-top:3px solid #fff;}
#nav input[type="checkbox"] ~ ul li.current_page_item, #nav input[type="checkbox"] ~ ul li.current-menu-item { color:#fff;}
#nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:link, #nav li.current-menu-item a:visited { background:#910d0a; color:#fff; font-weight:700;}
#nav li a:link, #nav li a:visited { border-radius:0; color:#fff; display:block; padding:8px 15px; }
#nav input[type="checkbox"] ~ ul:before { content:""; position:absolute; top:-3px; right:27px; width:0; height:0; border-style:solid; border-width:0 10px 8px 10px; border-color:transparent transparent #be1511 transparent;}
#home-banner-wrap { height:320px;}
#nz-made { right:80px;}

ul.our-products li { margin:10px 5px 0 5px;  width:calc(25% - 10px);}
ul.our-products li a:link, ul.our-products li a:visited { font-size: 1.0em;}

#home-banner-wrap h1 { padding:120px 0 30px 0;}

}

@media only screen and (max-width: 800px) {
.col-60-40:nth-of-type(1), .col-60-40:nth-of-type(2) { border-right:0; padding:0; width:100%;}
.col-70-30:nth-of-type(1), .col-70-30:nth-of-type(2)  { padding:0; width:100%;}
ul.our-products li { width:calc(33.3% - 10px);}
ul.where-2-buy { margin:auto; max-width:80%;}
ul.where-2-buy li { margin:0 2px 2px 0; max-width:calc(30% - 18px);}
ul.where-2-buy li:active, ul.where-2-buy li:hover { padding:0; max-width:calc(30% - 2px); }
	
.testimonials-wrap:before { left:0;}

.freephone:before { background-position:-60px 0; background-size:510%; height:58px; top:17px; left:18px; width:65px; }
.freephone a:link, .freephone a:visited { font-size:2em; padding-left:75px; }
.freephone a small { display:block; font-size:0.4em;}

#freephone-wrap { height:100px; }
#freephone-wrap .freephone { top:4px; }
#home-banner-wrap { height:250px;}
	
.col-cf1, .col-cf2 { margin:0; width:100%;}
	
}

@media only screen and (max-width: 600px) {
#logo { background:none; width:230px;}
#site-header { height:105px; padding-bottom:93px;}
#site-header .contentwidth { padding:0; width:100%;}
h1 { font-size:1.7em;}
h3 { font-size: 0.8em; margin:15px 0 20px 0;}

.testimonials-wrap { margin:60px 0 20px 0; padding:50px 0;}
.testimonial { font-size:2.0em;}

#home-banner-wrap { height:350px;}
#cta { padding:12px 15px;}
.freephone { border-radius:0; position:relative; top:-93px; width:calc(100% - 40px);}
.free-phone { font-size:1em;}
.free-phone a:link, .free-phone a:visited { font-size:1.8em; max-width:250px;}

#freephone-wrap, #freephone-wrap ~ #site-content { top:-93px; }
	
ul.where-2-buy { max-width:90%;}
ul.where-2-buy li { max-width:calc(46% - 18px);}
ul.where-2-buy li:active, ul.where-2-buy li:hover { max-width:calc(46% - 2px); }
	
.product-img-wrap { padding:50px 4%;}

.col-1o2 { margin-right:0; width:100%;}
.col-1o3 { width:100%;}
.col-1o3:nth-child(2) { margin:0;}
#home-feature-wrap .col-1o3:nth-child(2) { border-left:none; border-right:none; padding:20px 0; width:100%;}

ul.our-products li { width:calc(50% - 10px);}
.testimonials-wrap:before { background-size:contain; height:36px; top:-36px; left:50px; width:300px; }
	
#cta p a.btn { display:block; max-width:75px; }
	

}



@media only screen and (max-width: 400px) {
#site-header { height:90px;}
#logo { width:180px;}
.freephone a:link, .freephone a:visited { font-size:1.8em;}
#nz-made { background-size:550%; height:64px; right:70px; top:6px; width:69px;}

.testimonials-wrap:before { left:0px;}

ul.our-products li { width:calc(100% - 10px);}
ul.where-2-buy { max-width:90%;}
ul.where-2-buy li { margin:0 0 2px 0; max-width:80%;}
ul.where-2-buy li:active, ul.where-2-buy li:hover { max-width:90%; }
	
	
}