* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {
font-family: "proxima-nova", "Proxima Nova", Arial, sans-serif;
font-size: 18px;
line-height: 1.4;
color: #333;
background: #fff;
margin: 0;
}
.wrapper {
width: 1120px;
margin: 0 auto;
}
a img {
border: none;
} #header-container {
width: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 2000;
border-bottom: 1px solid #eee;
}
#header {
position: relative;
height: 117px;
transition: all 0.3s;
}
#logo {
float: left;
margin: 18px 0 28px;
}
#logo a img {
display: block;
transition: all 0.3s;
}
#support {
float: right;
font-size: 18px;
line-height: 34px;
font-weight: 600;
margin: 26px 20px 0 0;
text-transform: uppercase;
}
#support i {
color: #163b83;
margin-right: 5px;
}
.phone-number {
float: right;
font-size: 34px;
line-height: 1;
font-weight: 600;
margin-top: 26px;
}
#header .phone-number {
opacity: 1;
transition: all 0.3s;
}
.phone-number i {
color: #163b83;
}
#breadcrumbs {
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/feature-bg.jpg);
background-size: cover;
background-position: center center;
color: #fff;
font-size: 16px;
padding: 138px 0 19px;
}
#breadcrumbs a {
color: #fff;
} #menu-container {
position: absolute;
bottom: 0;
right: 0;
}
#menu-container ul {
float: right;
list-style-type: none; 
padding: 0; 
margin: 0;
}
#menu-container ul li {
float: left; 
margin: 0 0 0 47px;
padding: 0;
position: relative;
z-index: 200;
}
#menu-container ul li a {
display: block; 
padding: 14px 0 23px;
color: #163b83;
font-size: 18px;
font-weight: 600;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
transition: 0.5s;
}
#menu-container ul li a::after {
content: '';
position: absolute;
right: 0;
bottom: -1px;
left: 0;
width: 0;
height: 5px;
margin: auto;
background-color: #00aae9;
-webkit-transition: width .2s ease-in-out;
-moz-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
#menu-container ul li.current-menu-item a::after, #menu-container ul li:hover a::after {
width: 100%;
}
#menu-container ul ul li a::after {
content: none;
}
#menu-container ul li a:hover, #menu-container ul li.active a {
color: #163b83;
text-decoration: none;
}
#menu-container ul ul {
display: none;
} #menu-container li ul.sub-menu {
display: none;
position: absolute;
z-index: 2000;
clear: both;
width: 220px;
top: 55px;
margin: 0;
}
#menu-container li ul.sub-menu:hover {
display: block;
}
#menu-container li ul.sub-menu li {
clear: both;
padding: 0;
margin: 0;
float: left;
}
#menu-container li ul.sub-menu li a {
display: block;
width: 220px;
color: #fff;
font-size: 15px;
line-height: 1.2;
padding: 15px 20px;
font-weight: normal;
text-decoration: none;
text-transform: none;
background: #00aae9;
}
#menu-container li ul.sub-menu li a:hover, #menu-container li ul.sub-menu li.active a {
color: #fff;
text-decoration: none;
background: #0099d1;
}
#menu-container li ul.sub-menu ul {
display: none;
margin-left: 220px; top: 0;
}
#menu-container li ul.sub-menu ul li a:hover {
color: #fff;
} #slider {
width: 100%;
height: auto;
position: relative;
}
#slider .bx-wrapper {
background: #000;
}
#slider .bx-wrapper img {
opacity: 0.85;
}
.page-template-custom-trucks #slider {
margin-bottom: 20px;
}
.page-template-custom-trucks #slider .bx-wrapper img {
opacity: 1;
}
.section-arrow:before {
width: 50%;
height: 100px;
background-color: #fff;
content: "";
position: absolute;
bottom: 0;
left: 0;
margin-left: 50%;
transform: skew(0deg, -4deg);
transform-origin: right top 0;
z-index: 1000;
}
.section-arrow:after {
width: 50.1%;
height: 100px;
background-color: #fff;
content: "";
position: absolute;
bottom: 0;
left: 0;
transform: skew(0deg, 4deg);
transform-origin: left top 0;
z-index: 1000;
}
#slider .banner-caption {
width: 100%;
position: absolute;
top: 50%;
z-index: 1500;
}
#slider .banner-caption h1 {
color: #fff;
font-size: 60px;
margin: -39px 0 0;
text-align: center;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#slider h1:after {
background: #fff;
margin-top: 19px;
}
a.slider-arrow {
display: block;
width: 34px;
height: 19px;
position: absolute;
bottom: 90px;
left: 50%;
margin-left: -17px;
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/arrow.png);
transition: all 0.3s;
z-index: 1500;
}
#sect-banner, #sect-banner img {
width: 100%;
height: auto;
} main {
display: block;
}
#body {
padding: 85px 0 80px;
position: relative;
z-index: 1500;
}
.home #body, .page-id-9 #body {
text-align: center;
}
#content-left {
float: left;
width: 740px;
}
section {
padding: 90px 0 80px;
}
#section-feature {
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/feature-bg.jpg);
background-size: cover;
background-position: center center;
color: #fff;
text-align: center;
font-size: 28px;
}
.section-grey {
background: #eee;
}
h1 {
color: #163b83;
font-size: 40px;
line-height: 1;
font-weight: bold;
margin: 0 0 40px 0;
padding: 0;
text-transform: uppercase;
}
h1:after {
background: #163b83;
content: "";
display: block;
height: 5px;
margin-top: 23px;
width: 100px;
}
.home h1, .page-id-9 h1 {
text-align: center;
}
.home h1:after, .page-id-9 h1:after {
left: 50%;
margin-left: -50px;
position: relative;
}
h2 {
color: #163b83;
font-size: 30px;
line-height: 1;
font-weight: bold;
margin: 40px 0 0 0;
}
h3 {
color: #163b83;
font-size: 24px;
font-weight: bold;
margin: 30px 0 0 0;
}
p {
margin: 10px 0 20px;
}
a {
color: #00aae9;
text-decoration: none;
}
a:hover {
color: #00aae9;
text-decoration: underline;
}
#body ul li {
margin: 10px 0 20px;
padding: 0;
list-style: none;
}
#body ul li {
margin: 0;
padding: 0 0 5px 26px;
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/bullet.png) no-repeat 0 4px;
}
hr {
clear: both;
border: none;
height: 1px;
color: #ddd;
background-color: #ddd;
margin: 30px 0;
}
a.btn {
color: #fff;
font-size: 20px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
padding: 22px 50px;
margin-top: 15px;
text-decoration: none;
background-color: #00aae9;
}
a.btn:hover {
color: #fff;
background-color: #0099d1;
text-decoration: none;
}
div.ddsg-wrapper p {
display: none;
}
#solutions {
width: 100%;
}
#solutions a {
display: block;
float: left;
width: 540px;
background: #00aae9;
margin: 20px 40px 20px 0;
}
#solutions a:nth-child(2n+2) {
margin-right: 0;
}
#solutions a img {
width: 100%;
height: auto;
display: block;
opacity: 1;
transition: 0.3s;
}
#solutions a:hover img {
opacity: 0.5;
}
#solutions a span {
font-size: 17px;
color: #fff;
text-align: center;
width: 100%;
display: block;
padding: 15px 5px;
font-weight: 600;
text-transform: uppercase;
}
#enquiry-form {
background: #eee;
padding: 10px 30px 4px 30px;
}
.post-thumb {
float: left;
margin: 0 40px 20px 0;
}
.post-container h2 {
margin-top: 0;
}
.date {
color: #999;
}
a.phone-link {
color: #333;
text-decoration: none;
cursor: default;
}
.left {
float: left;
margin: 0 5px 0 0;
}
.right {
float: right;
margin: 0 0 0 5px;
}
.clear-floats {
clear: both;
}
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
zoom:1; } #body .gform_body ul, #sect-body .gform_body ul {
margin: 0;
padding: 0;
}
#body .gform_body ul li, #sect-body .gform_body ul li {
background-image: none;
margin: 0 0 10px 0;
padding: 0;
}
#body .gform_body ul li li, #sect-body .gform_body ul li li {
margin: 0;
}
#body .gform_body ul li.gfield.gfield_error, #sect-body .gform_body ul li.gfield.gfield_error, #body .gform_body ul li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, #sect-body .gform_body ul li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: #FFDFE0;
}
.gform_wrapper .top_label .gfield_label {
margin-bottom: 0 !important;
}
.gform_wrapper input.medium {
border: 1px solid #ccc !important;
}
.gform_wrapper textarea.medium {
width: 100% !important;
border: 1px solid #ccc !important;
}
.gform_wrapper .gform_footer {
margin: 0 !important;
}
.gform_confirmation_message {
padding-bottom: 15px;
}
.gform_button {
color: #fff;
font-size: 20px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
padding: 15px 50px !important;
margin: 30px 10px 0 0;
text-decoration: none;
background-color: #00aae9;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
.gform_button:hover {
color: #fff;
background-color: #0099d1;
text-decoration: none;
cursor: pointer;
} #sidebar {
float: right;
width: 350px;
background: #eee;
padding: 27px 30px 4px 30px;
}
#sidebar h2 {
margin: 0 0 24px;
text-transform: uppercase;
}
#sidebar h2:after {
background: #163b83;
content: "";
display: block;
height: 4px;
margin-top: 15px;
width: 75px;
}
#sidebar .gform_wrapper input.medium, #sidebar .gform_wrapper textarea.medium {
width: 100% !important;
}
#sidebar .gform_button {
width: 100% !important;
} .alignnone {
margin: 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 40px;
}
.alignleft {
float: left;
margin: 5px 40px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 40px;
}
a img.alignnone {
margin: 0;
}
a img.alignleft {
float: left;
margin: 5px 40px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 40px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 40px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 40px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} #footer {
clear: both;
width: 100%;
}
#our-solutions {
padding: 60px 0 50px;
}
#footer-logo img {
max-width: 265px !important;
}
#our-solutions .phone-number {
float: none;
font-size: 34px;
margin-top: 26px;
}
#our-solutions h1 {
text-align: left;
font-size: 30px;
margin: 0 0 34px;
}
.home #our-solutions h1:after, .page-id-9 #our-solutions h1:after {
left: 0;
margin-left: 0;
margin-top: 14px;
}
#our-solutions #col1 {
float: left;
width: 360px;
}
#our-solutions #col2 {
float: right;
width: 740px;
}
#our-solutions #col2 ul {
float: left;
width: 50%;
margin: 0;
padding: 0;
list-style: none;
}
#our-solutions #col2 ul li {
margin: 0;
padding: 0 0 5px 26px;
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/bullet.png) no-repeat 0 4px;
}
#footer-bottom {
clear: both;
width: 100%;
background: #00aae9;
color: #fff;
font-size: 15px;
padding: 5px 0;
}
#footer-bottom p {
margin: 15px 0;
}
#footer-bottom a {
color: #fff;
text-decoration: none;
}
#footer-bottom a:hover {
color: #fff;
text-decoration: underline;
}
#copyright {
float: left;
width: 45%;
}
#footer-links {
float: right;
width: 45%;
text-align: right;
}
#footer-links a {
margin: 0 0 0 15px;
} #mobile-menu-container, #mobile-menu, #mobile-menu-btn {
display: none;
}
#mobile-menu-btn {
float: right;
color: #fff;
font-weight: 400;
font-size: 24px;
line-height: 1;
text-decoration: none;
padding: 5px;
background: #00aae9;
margin-top: 27px;
}
#mobile-menu-btn a#mobile-btn:hover {
color: #00aae9;
text-decoration: none;
}
#mobile-menu {
clear: both;
}
#mobile-menu ul, #mobile-menu ul li {
width: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#mobile-menu ul li {
position: relative;
}
#mobile-menu ul li a {
width: 100%;
display: block;
color: #fff;
padding: 15px;
text-align: center;
font-size: 18px;
line-height: 18px;
text-decoration: none;
border-top: 1px solid #0099d1;
background: #00aae9;
}
#mobile-menu ul li a:hover {
color: #fff;
text-decoration: none;
background: #0099d1;
}
#mobile-menu ul li ul {
display: none;
}
#mobile-menu ul ul li a {
border-top: 1px solid #0089bc;
background: #0099d1;
}
#mobile-menu ul ul li a:hover {
background: #0089bc;
}
#mobile-menu ul li.current-menu-item ul, #mobile-menu ul li.current-menu-parent ul { }
#mobile-menu ul li li a {
font-size: 16px;
line-height: 1;
font-weight: normal;
text-transform: none;
}
#mobile-menu ul li span {
position: absolute;
z-index: 1;
right: 0;
top: 0;
width: 50px;
height: 50px;
display: block;
text-align: center;
cursor: pointer;
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/plus-icon.png) no-repeat center center;
}
#mobile-menu ul li span.active {
background: url(//goahead.co.nz/wp-content/themes/GoAheadNetworksTheme/images/minus-icon.png) no-repeat center center;
} .entry-content img,
.comment-content img,
#footer img,
.widget img {
max-width: 100%; }
img[class*="align"],
img[class*="wp-image-"] {
height: auto; }
img.size-full, #sect-body img {
max-width: 100%;
width: auto; height: auto;
} .mobile-only {
display: none;
}
@media screen and (max-width: 1140px) {
.wrapper {
width: 960px;
}
#content-left, #sidebar {
width: 100%;
}
#sidebar {
margin-top: 30px;
}
#our-solutions #col1 {
width: 265px;
}
#our-solutions #col2 {
width: 640px;
}
#solutions a {
width: 45%;
margin: 20px 10% 20px 0;
}
}
@media screen and (max-width: 980px) {
.wrapper {
width: 90%;
}
#menu-container, #header #support, #header .phone-number, .section-arrow:before, .section-arrow:after, #footer-logo, a.slider-arrow {
display: none !important;
}
#header-container {
position: static;
}
#header {
height: auto !important;
}
#mobile-menu-container, #mobile-menu-btn {
display: block;
}
#slider {
margin-top: 0;
}
#slider .banner-caption h1 {
font-size: 40px;
margin: -50px 0 0;
}
#breadcrumbs {
padding: 19px 0;
}
#body, .home #body, .page-id-9 #body {
padding: 85px 0 80px;
}
#our-solutions #col1 {
width: 100%;
text-align: center;
}
#footer .phone-number {
margin-top: 0;
}
#our-solutions #col2  {
display: none;
}
.mobile-only {
display: block;
}
}
@media screen and (max-width: 670px) {
#header {
height: auto;
}
#logo {
float: none;
margin: 15px auto 0 auto !important;
}
#logo {
width: 100%;
max-width: 265px;
height: auto;
}
#logo img {
width: 100% !important;
height: auto !important;
max-width: 100%;
}
#mobile-menu-container {
clear: both;
width: 100%;
}
#mobile-menu-btn {
margin: 15px 0;
width: 100%;
float: left;
text-align: center;
}
#mobile-menu-btn #mobile-btn {
float: none;
text-align: center;
}
#solutions a {
width: 100%;
margin: 15px 0;
}
#footer p {
line-height: 20px;
}
#copyright, #footer-links {
float: left;
width: 100%;
text-align: center;
}
#footer-links p {
margin-top: 0;
}
#footer p#avatar-link {
margin-top: 20px;
}
}
@media screen and (max-width: 550px) {
#body, .home #body, .page-id-9 #body, section {
padding: 50px 0 40px;
}
h1 {
font-size: 34px;
margin-bottom: 34px;
}
#slider .banner-caption h1 {
font-size: 34px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
a.btn {
width: 100%;
font-size: 18px;
padding: 15px;
margin-top: 0;
}
#section-feature {
font-size: 18px;
}
.alignleft, .alignright {
display: block;
float: none;
margin: 5px auto 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
margin: 0 3px !important;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100% !important;
}
#avatar-link {
display: none;
}
}