/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Security Matters 2016
Description: Security Matters 2016
Version:1
Author:Meta Digital
Author URI:http://metadigital.co.nz/
*/

/* Sticky Footer
-------------------------------------------------- */
html, body{height:100%;}

#wrap{min-height:100%; height:auto!important; height:100%; margin:0 auto -75px; padding:0 0 10px;}

footer{height:300px;}

/* General
-------------------------------------------------- */
.clear{clear:both;}

.screen-reader-text{display:none;}

.margin-top{padding-top:30px;}

.content-types-wrapper{padding-top:30px;}

blockquote{margin-top:30px; margin-bottom:30px;}

/* Fonts & Headings
-------------------------------------------------- */
body{font-family: 'Lato', sans-serif; color:#636363;}

h1{font-family: 'Lato', sans-serif; font-weight:500; color:#000000;}
h2{font-family: 'Lato', sans-serif; font-weight:300; font-size:26px; line-height:38px; margin-bottom:30px; color:#000000;}
h3{font-family: 'Lato', sans-serif; color:#000000;}
h4{font-family: 'Lato', sans-serif; color:#000000;}
h5{font-family: 'Lato', sans-serif; color:#000000;}

p, li{font-size:16px; line-height:26px;}

strong{font-weight:bold;}

a{color:#8ec532; text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
a:visited{}
a:hover{color:#8ec532;}
a:active{}

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

* {outline:none!important;}

/* Header
-------------------------------------------------- */
header{background-color:#363132;}
.logo-wrapper{padding-top:15px; padding-bottom:15px;}
.logo-inner-wrapper{float:left;}
.menu-wrapper{background-color:#8ec532;}

.header-phone-number{float:right; font-size:24px; padding-top:10px;}
.header-phone-number a{color:#ffffff;}
.header-phone-number i{margin-right:10px; color:#AFCF4A;}
.header-phone-number p{font-size:14px; color:#ffffff;}

/* Nav
-------------------------------------------------- */
nav.main-menu ul{padding:0; margin:0; display:inline-block; position:relative;}
nav.main-menu li{display:inline-block; padding:12px 0px 11px 0px; margin:0; position:relative;}
nav.main-menu li a{color:#ffffff; padding:15px 15px; font-family: 'Lato', sans-serif; font-weight: 600; text-shadow:1px 1px #8ec532; font-size:15px;}
nav.main-menu ul.sub-menu{display:none; position:absolute; white-space:nowrap; top:100%; left:0; z-index:99999; text-align:left; overflow:hidden; padding:0;}
nav.main-menu ul.sub-menu li{display:block; background-color:#8EC532;}

.shiftnav-toggle{float:right; width:0px; height:21px; margin:20px 0px 0 0px!important; position:relative;}
.shiftnav-toggle:before{content: "\f0c9"; font-family: FontAwesome; font-size:20px; left:-5px; top:-8px; position:absolute; color:#ffffff;}

/* Slider
-------------------------------------------------- */
.carousel-caption{text-align:left; text-shadow:none; left:5%; bottom:100px;}
.carousel-caption h2{font-size:26px; margin-bottom:15px;}
.carousel-caption p{color:#000000; font-size:22px;}
.carousel-caption .link-wrapper{padding-top:10px;}
.carousel-caption .link-wrapper a{background-color:#96ca3e; color:#ffffff; padding:10px 15px;}
.carousel-indicators .active {background-color: #AFCF4A;}

/* Main Content
-------------------------------------------------- */
.main-content{padding-top:30px; padding-bottom:30px;}

/* WYSIWYG Editor
-------------------------------------------------- */
.wysiwyg-editor{padding-bottom:30px;}

/* 3 Boxes
-------------------------------------------------- */
.three-box-wrapper{padding-bottom:60px;}
.box-image img{margin-left:auto; margin-right:auto;}
.box{text-align:center;}
.box a{color:#636363;}
.box a:hover{text-decoration: none;}
.box a:hover h3{text-decoration: underline;}

/* Testimonials Slider
-------------------------------------------------- */
.testimonial-slider{padding-bottom:100px;}
.testimonial-slider .col-md-offset-2{min-height:200px;}
.testimonial-slider .item img{margin-left:auto; margin-right:auto; margin-bottom:30px;}
.testimonial-slider .item blockquote{border:none; padding:0px; float:left; font-style:italic;}
.testimonial-slider .item .testimonial-name{text-align: center;}
.testimonial-slider .carousel-indicators{bottom:-45px;}
.testimonial-slider .carousel-indicators li{background-color:#CCCCCC; border:none;}

/* Content - Image Left / Image right
-------------------------------------------------- */
.content-image-left, .content-image-right{padding-bottom:60px;}
.content-image-left h3, .content-image-right h3{margin-top:0px;}
.content-image-left .image{padding-left:0px;}
.content-image-left .content{padding-right:0px;}
.content-image-right .image{padding-right:0px;}
.content-image-right .content{padding-left:0px;}
.content-image-right .content h3:first-child, .content-image-left .content h3:first-child{margin-top:0px;}
.content-image-right .content h3, .content-image-left .content h3{margin-top:30px;}

/* Content - 50/50
-------------------------------------------------- */
.content-fifty-fifty{}
.content-fifty-fifty .left{padding-left:0px;}
.content-fifty-fifty .right{padding-right:0px;}

/* 3 Images
-------------------------------------------------- */
.three-images-wrapper{padding-bottom:60px;}
.image-box-wrapper{padding-left:0px; padding-right:0px;}
.image-box{height:300px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.image-box-link{padding-top:15px;}
.image-box-link a{color:#96ca3f;}
.image-box-link a:before{background-image:url('images/link-arrow.png'); background-repeat:no-repeat; content:''; padding-left:35px; padding-top:7px; padding-bottom:7px;}

/* Image with text overlay
-------------------------------------------------- */
.image-with-text-overlay-content-wrapper{height:0px;}
.image-with-text-overlay-content{padding-left:30px; position: relative; bottom:300px;}
.image-with-text-overlay-content h2{font-size:26px; margin-bottom:15px;}
.image-with-text-overlay-content p{color:#000000; font-size:22px;}

/* Page with sidebar
-------------------------------------------------- */
.sidebar{padding-left:0px;}
.sidebar ul{padding-left:15px;}
.sidebar ul li{margin-bottom:10px;}

.page-sidebar-content{border-left:1px solid #cccccc; margin-bottom:30px;}

/* Cta
-------------------------------------------------- */
.cta{padding-top:75px; padding-bottom:30px; text-align:center;}
.cta p{font-size:26px;}
.cta i{margin-right:10px; color:#8EC532; font-size:60px;}
.cta span{position:relative; top:-15px;}

/* Contact
-------------------------------------------------- */
#gform_submit_button_1{background-color:#8EC532; border:none; padding:10px 35px; color:#ffffff;}

/* Footer
-------------------------------------------------- */
footer{background-color:#000000; margin-top:30px; padding-bottom:80px;}
.footer-menu li a{color:#ffffff!important; text-shadow: none!important;}
.footer-content{color:#ccc; padding-top:35px;}
.footer-content h4{color:#ccc; margin-top:0px;}
.footer-content p{font-size:14px;}
.footer-content-left{padding-left:0px;}
.footer-right-wrapper{text-align:center; font-size:16px;}
.footer-right-wrapper img{margin-left:auto; margin-right:auto;}
.copyright{padding-left:15px; color:#aaa; font-size:12px; clear:both; padding-top:60px;}
.copyright p{font-size:12px;}

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width:767px) {

      .header-phone-number{clear:both; float:left;}

      #home .col-xs-12{padding-left:0px; padding-right:0px;}

      .carousel-caption{display:none;}

      .box{text-align:center; padding-left:0px; padding-right:0px; margin-bottom:30px;}

      .testimonial-slider .col-md-8{padding-left:0px; padding-right:0px;}

      .content-image-left .image{padding-left:0px; padding-right:0px; margin-bottom:15px;}
      .content-image-left .content{padding-left:0px; padding-right:0px;}
      .content-image-right .image{padding-left:0px; padding-right:0px; margin-bottom:15px;}
      .content-image-right .content{padding-left:0px; padding-right:0px;}

      .image-box-wrapper{margin-bottom:30px;}

      .content-fifty-fifty .left{padding-left:0px; padding-right:0px; margin-bottom:30px;}
      .content-fifty-fifty .right{padding-left:0px; padding-right:0px;}

      .page-sidebar-container .col-xs-12{padding-left:0px; padding-right:0px;}
      .page-sidebar-content{border:none; padding-left:0px;}

      .copyright{padding-left:0px; padding-top:15px;}

      #gform_wrapper_1 input, #gform_wrapper_1 textarea{width:100%;}

      .image-with-text-overlay-content{display:none;}

      .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
        background: #8EC532!important;
      }

      footer{height:350px;}
      .footer-content-left{padding-bottom:10px; padding-left:0px; padding-right:0px;}
      .footer-content-right{padding-left:0px; padding-right:0px;}

      .cta span{line-height:50px;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width:768px) and (max-width:991px) {

      .container{width:100%;}
      .carousel-caption{bottom:50px;}
      .image-box{height:250px;}
      .main-content, .wysiwyg-editor{width:80%; margin-left:auto; margin-right:auto;}

      .image-with-text-overlay-content{bottom:250px;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width:992px) and (max-width:1199px) {

      .container{width:100%;}
      /*.main-content, .wysiwyg-editor{width:80%; margin-left:auto; margin-right:auto;}
      .page-content{width:80%;}*/

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width:1200px) {

      /*.main-content, .wysiwyg-editor{width:80%; margin-left:auto; margin-right:auto;}
      .page-content{width:80%;}*/

}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {

}