/*
Theme Name: Chiptech Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Chiptech website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: November 2016
*/

body, html{margin:0; padding:0; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400; font-size:1em; line-height:1.2; color:#272727;}
#bg{background:#fff;}

header, main, footer, nav, article, aside{display:block;}
.clearfix:after{display:block; content: " "; height:0px; line-height:0; clear:both;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:11px 0; margin:0; line-height:1.5em;}
a{color:#79c44e; text-decoration:underline;}
a:hover{color:#55ae22;}

h1{padding:17px 0 12px 0; margin:0; font-size:1.9em; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-weight:normal; color:#000; margin-top:10px; letter-spacing:-0.02em;}
h2{margin:10px 0 3px 0; padding:10px 0 4px 0; font-size:1.5em; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-weight:normal; color:#aeaeae; letter-spacing:-0.02em;}
h3{margin:0; padding:15px 0 6px 0; font-size:1.3em; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-weight:normal; color:#333; letter-spacing:-0.02em;}
h4{margin:0; padding:11px 0 5px 0; font-size:1.1em; text-transform:uppercase; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-weight:normal; color:#151515; letter-spacing:-0.02em;}

ul{list-style-type:disc; margin:10px 0 10px 25px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 25px; padding:0 0 8px 5px; list-style-type: decimal;}
ol ol{margin:7px 0 7px 30px; padding:0 0 8px 5px; list-style-type:lower-roman;}
ol ol ol{margin:5px 0 5px 30px; padding:0 0 8px 5px; list-style-type:decimal;}
ol li{padding:1px 0 1px 7px; font-size:.95em;}

.alignright{float:right; margin:10px 0 40px 40px;}
.alignleft{float:left; margin:10px 40px 40px 0;}
.aligncenter{margin:5px auto; display:block;}
.wp-caption{font-size:12px; color:#5e5e5e; background:#ebebeb; border:1px solid #d6d6d6; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; text-align:center; padding-top:5px;}
p.wp-caption-text{display:block; padding:7px 10px;}
table{border-collapse:collapse;}
td{padding:5px;}
strong, b{font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight:400;}

/* --------------------------- */

body{}

header{background:#5e5e5e; position:fixed; z-index:4; top:0; width:100%; padding:15px 0 10px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	header .wrapper{width:1590px;}
	#logo{width:80px; height:45px; float:left; position:relative; z-index:4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	#logo a{display:block;}
	#logo img{width:100%; height:auto;}

header.smaller{padding:0;}
header.smaller #logo{width:69px; height:46px;}
header.smaller #logo a{width:53px; height:30px; padding:8px; box-sizing:content-box; background:url(images/chip.png) no-repeat center center; background-size:82% auto;}
header.smaller #logo a:hover{background-color:#494949;}
header.smaller #logo img{display:none;}
header.smaller nav{padding:0;}
header.smaller #portals{padding:6px;}
header.smaller .nav-toggle{top:3px; width:15px; height:15px;}

.wrapper{width:1030px; margin:0 auto;}

header nav{padding:2px 0; margin:0 auto; font-size:.90em; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	header nav ul{display:block; margin:0; padding:0; list-style-type:none; text-align:center;}
	header nav li{display:block; display:inline-block; margin:0; padding:4px 13px;}
	header nav a{color:#fff; text-decoration:none; display:block; text-transform:uppercase; padding:7px 13px; border-radius:6px; -webkit-border-radius:6px; moz-border-radius:6px;}
	header nav a:hover{background-color:#525252; color:#fff;}
	header nav li.menu-item-has-children > a{background-image:url(images/dwn.png); background-repeat: no-repeat; background-position:right; padding-right:33px; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; moz-border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; moz-border-bottom-right-radius:0;}
	.admin-bar header{top:32px;}

#portals{width:540px; float:right; padding:7px 0; position:relative; z-index:4; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
 #portals a{display:block; display:inline-block; padding:5px 10px; border-radius:6px; -webkit-border-radius:6px; moz-border-radius:6px;}
 #portals a:hover{background:#525252;}

#banner{background:url(images/banner-chip.jpg) no-repeat center center; background-size:cover; padding:110px 0 45px 0;}
 #banner p.bttl{color:#fff; font-size:2em; text-align:center; max-width:690px; margin:0 auto; padding:10px;}
 #banner.bnr-ins p{text-align:left; max-width:100%; padding:0;}
 #banner.bnr-ins{padding:100px 0 30px 0;}
 #banner p{font-size:1.1em; color:#fff;}
 #banner-sm{background:url(images/banner-chip.jpg) no-repeat center center; background-size:cover; padding:6px 0;}
 .bl{float:left; width:40%;}
 .br{float:right; width:50%;}
 #banner .bl p.bttl{padding:25px 0 15px 0;}

main{min-height:400px; padding:30px 0;}
	article{}
	article.flr{float:left; width:72%;}
	aside{width:22%; float:right;}
	.page-id-14 main{padding-bottom:0;}

footer{background:url(images/chip-lg.png) no-repeat 2% center #2e2e2e; padding:0; font-size:.9em; color:#9c9c9c;}
 .fbx{padding:25px 0; float:left; width:60%;}
 .fbx ul, .fbx li{display:block; margin:0; padding:0;}
 .fbx li{float:left; padding:10px 30px 5px 10px;}
 .fbx ul ul li{float:none;}
 .fbx ul a{display:block; padding:5px 0; text-decoration:none; color:#9c9c9c;}
 .fbx ul a:hover{color:#fff;}
 .fbxr{float:right; width:25%; text-align:right; padding:30px 0;}
 
 .fbx ul li a{color:#696969; text-transform:uppercase; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight:400;}
 .fbx ul li li a{font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400; text-transform: capitalize; color:#a0a0a0;}
 .fbx li ul{padding:10px 0;}
 .fbx li li{padding:0;}

 .fttl{color:#696969; padding:13px 0; font-size:1.2em; text-transform:uppercase;}

.social-i{text-align:left;}
 .social-i a{width:22px; height:22px; padding:10px; text-align:center; color:#fff; font-size: 1.5em; margin:0 0 10px 10px; border:2px solid #fff; opacity:.7; display:block; float:right; border-radius:50%; -webkit-border-radius:50%; moz-border-radius:50%; background-position:center center; background-repeat:no-repeat;}
 .social-i a:hover{background-color:#79c44e; border-color:#79c44e; opacity:1;}
 .soc-i2{padding:15px 0 0 0;}
 .soc-i2 a{color:#222; border-color:#222; float:left; margin:10px 10px 10px 0;}
 .soc-i2 a:hover{color:#fff;}
 
 #copy{padding:20px 0 30px 0; text-align:center; background:#1e1e1e; opacity:0.6;}
 
 #map{margin:50px 0 0 0;}
 
p#breadcrumbs{padding-top:0;}
 p#breadcrumbs a{color:#989898;}
 p#breadcrumbs a:hover{color:#79c44e;}

.tbl-w table{width:100%; border-collapse:collapse; margin:15px 0 10px;}
 .tbl-w table td, .tbl-w table th{padding:13px 11px;}
 .tbl-w table th{text-align:left; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-weight:normal; width:25%;}
 .tbl-w table tr{background:#ececec; border-bottom: 1px solid #fff;}
 .tbl-w table tr:nth-child(2n+1){background:#f4f4f4;}

.line-bottom{border-bottom:1px solid #ececec; padding-bottom: 20px;}

/* Compatible With */

.rp4wp-related-posts{margin-top:15px;}
ul.rp4wp-posts-list{margin:10px 0; padding:0; float:none!important; width:100%;}
.rp4wp-col{width:16%!important; margin:0.3%;}
.rp4wp-col a{display:block; border-radius:50%; -webkit-border-radius:50%; moz-border-radius:50%; border:5px solid #999;}
.rp4wp_component_title a{font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-weight:normal!important; line-height: 1.1em; font-size:1.1em; text-align:center;}

/* Product Hover */

.p-hover .panel-grid-cell .so-panel{display:table; width:100%;}
 .p-hover .textwidget{text-align:center; position:relative; display:table-cell; vertical-align:middle;}
 .p-hover .textwidget h3 a{text-decoration:none; font-size:1.3em; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; color:#838383;}
 .wht{display:inline-block; position:absolute; top:20px; left:0; text-align:left; box-sizing:border-box; padding:20px; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
 .p-hover .textwidget:hover:before{content:" "; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(images/wh.png) repeat;}
 .p-hover .textwidget:hover .wht{opacity:1; left:0;}
 .p-hover .textwidget .wht a, p.cta a{display:block; position:relative; display:inline-block; background:#f1f9ed; padding:6px 12px; text-align:center; color:#79c44e; text-transform:uppercase; text-decoration:none; font-family:ProximaNova-Bold, "Helvetica Neue", Arial, Sans-serif; font-size:.9em;}
 .p-hover .textwidget .wht a:hover, p.cta a:hover{background:#79c44e; color:#fff;}
 .team-r .wht{padding:5px;}
 .team-r .wht p{padding:0;}
 .team-r h3{padding-top:0;}
 .t-ttl{font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-size:.8em;}
 
 .pctas p.cta{text-align:center;}
 .pctas p.cta a{font-size:1.5em; display:inline-block; padding: 15px 31px}
 
@media screen and (min-width:781px) {
 .p-toprow{display:table}
 .p-toprow .panel-grid-cell{display:table-cell; vertical-align:middle; float:none!important;}
}
.p-toprow .ptt{font-size:1.1em; color:#7c7c7c;} 
.ptt p.cta a{padding-left:30px;}
.ptt p.cta a:after, #home-toprow a:after{content: "\f01d"; font-family: FontAwesome; left:10px; position:absolute; top:7px;}
 #home-toprow a{padding-left:30px;}
 #home-toprow a.no-i{padding-left:12px; margin-left:20px;}
 #home-toprow a.no-i:after{display:none;}

#home-toprow .textwidget{font-size:1.1em;}
 #home-toprow .textwidget h2{font-size:1.8em; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400;}
 .home main{padding-top:0;}
 #home-toprow{display:table;}
 #home-toprow .panel-grid-cell{display:table-cell; float:none!important; vertical-align:middle;}


/* FORMS */

input[type=text], textarea, input[type=email], input[type=password],input[type="number"],input[type="tel"]{padding:7px; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:250px; border:1px solid #d8d8d7;}
select{padding:3px; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400; border:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #d8d8d7;}
label{margin:0; padding:5px 0 0 0; font-size:.95em;}
textarea{width:280px; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400;}
input[type=submit]{display:block; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif; font-style: normal; font-weight: 400; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#1596d5; color:#fff; cursor:pointer; border:0; font-weight:bold; padding:12px 34px; text-align:center; text-decoration:none; margin:8px 0 10px 0;}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}
span#extensions_message{display:block; font-size:.95em; color:#666; font-style:italic;}
span.name_prefix{padding-top:2px;}
body .gform_wrapper ul li.gfield{padding-left:0;}

/* BLOG */

.post{padding:10px 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #ececec; margin-top:15px;}
.single .post{margin-top:0; padding-top:0;}
.p-left{float:right; width:31%; margin:0 0 0 25px;}
.p-right{float:left; margin:0 0 0 0;}
.thedate{color:#9e9e9e; font-size:.85em;}
.post h3{padding-top:5px;}
.post h3 a{color:#000; text-decoration:none;}
.post h3 a:hover{color:#79c44e; text-decoration:none;}
.feedback{padding:0 0 11px 0; font-size:.9em; clear:both;}
.exc{font-size:1em;}

/* 2nd Level Menu */

nav li ul {left: -999em; width:240px; display:block; z-index:999; margin:0; padding:0; position:absolute; background:#525252; border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; moz-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; moz-border-bottom-right-radius:6px; border-top-right-radius:6px; -webkit-border-top-right-radius:6px; moz-border-top-right-radius:6px;}
nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
nav li ul li{display:block; float:none; padding:0;}
nav li ul a{padding:10px; text-align:left; color:#fff; font-weight:400; text-transform:capitalize; font-family:ProximaNova-Regular, "Helvetica Neue", Arial, Sans-serif;}
nav li ul a:hover{background:#333; color:#79c44e; text-decoration:none;}
nav li li{border:none; float:none; clear:both;}

/* RESPONSIVE */

.nav-toggle {width:50px; height:50px; top:15px; right:15px; position:absolute; z-index:5; text-indent:-9999px; overflow:hidden; display:block; background:#fff url(images/hamburger.gif) no-repeat 50% 50%;}
.nav-toggle:hover{background-color:#79c44e;}
.nav-toggle.active{background-image:url(images/hamburger-x.png);}
.menu-main-menu-container{background:url(images/hamburger-x.png) no-repeat -9999px -9999px;}

@media (min-width: 600px){
		.rp4wp-related-posts ul.rp4wp-posts-list .rp4wp-col-last, .rp4wp-related-posts ul.rp4wp-posts-list .rp4wp-col-first, .rp4wp-related-posts ul.rp4wp-posts-list .rp4wp-col {
				width: 16%!important;
    margin: 0.3%;
		}
}

@media screen and (max-width:1620px) {
 header .wrapper{width:100%; padding:0 15px;}
}

@media screen and (min-width:1241px) {
	#pgc-6-0-1{width: 28.3333%!important;}
	#pgc-6-0-2{width: 56.6667%!important;}
}

@media screen and (max-width:1240px) {
 #home-toprow .panel-grid-cell-empty{display:none;}
 #home-toprow #pgc-6-0-1{width:43%!important; padding-left:20px; padding-right:20px;}
 #home-toprow #pgc-6-0-2{width:auto!important;}
}

@media screen and (max-width:1280px) {
 .wrapper{width:100%; padding:0 10px; box-sizing: border-box;}
 img{max-width:100%; height:auto;}
 #portals{float:none; margin:0 auto;}
 nav li ul{display:block; left:auto; width:100%; position:relative; background:#5e5e5e;}
 header nav li.menu-item-has-children > a{padding-right:13px; background-image:none;}
 nav li ul a{text-align:center; color:#d0d0d0;}
 header nav{padding:0; clear:both;}
 header nav li{padding:0;}
 header nav a{border-radius:0; moz-border-radius:0; -webkit-border-radius:0; padding:12px 13px;}
 nav a.nav-toggle{border:none;}

 header nav li.menu-item-has-children ul{display:none;}
 .js.js-nav-active .nav-collapse-0.opened {max-height: 100% !important;}
 iframe{max-width:100%;}
 
 .wht{display:block; position:relative; padding:0; opacity:1; top:0;}
 .p-hover .textwidget:hover:before{content:" "; display:none;}
}

@media screen and (max-width:1080px) {
 #home-toprow .textwidget{font-size:1em;}
}


@media screen and (max-width:1460px) {
 #home-toprow #pgc-6-0-1{width:auto!important; text-align:center;}
 #home-toprow #pgc-6-0-2{display:none!important;}
}


@media screen and (max-width:900px) {
 .fbx {float:none; width:auto;}
 .fbxr{float:none; width:auto; clear:both; text-align:left; padding:0 10px;}
 #banner p.bttl{font-size:1.8em;}
 #banner{padding:45px 0;}
}

@media screen and (max-width:800px) {
 article, aside, article.flr, .bl, .br{float:none; width:auto;}
 .bl, .br{padding-bottom:10px;}
 header{position:static;}
 body{margin-top:0;}
}

@media screen and (max-width:780px) {
 #portals{clear:both; padding-bottom:0;}
 .fbx li{float:none;}
}

@media screen and (max-width:600px) {
 .p-left, .p-right{width:auto; float:none; margin:0 10px;}
 .rp4wp-related-posts ul.rp4wp-posts-list .rp4wp-col-last, .rp4wp-related-posts ul.rp4wp-posts-list .rp4wp-col-first, .rp4wp-related-posts ul.rp4wp-posts-list .rp4wp-col {
				width: 30%!important;
    margin: 1.5%;
		}
 
}

@media screen and (min-width:600px) {
 ul.rp4wp-posts-list li:nth-child(6n+7){clear:both;}
}

@media screen and (max-width:450px) {
 #portals{width:100%;}
 #portals a{}
}