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


Theme Name: Read Industrial
Description: Read Industrial Theme
Version:1
Author:Meta Digital
Author URI:http://metadigital.co.nz/
*/

/* Sticky Footer
-------------------------------------------------- */
html, body{height:100%; background-color:#dce2e7;}

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

footer{height:615px; background-color:#00417d;}

#gallery-1{margin-bottom:0px; padding-bottom:0px;}

/* General
-------------------------------------------------- */
#home{width:100%; padding-left:0px; padding-right:0px;}
#home .col-xs-12{padding-left:0px; padding-right:0px;}re

.clear{clear:both;}

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

.margin-top{padding-top:45px; padding-bottom:60px;}
.margin-top h1{margin-top:0px; margin-bottom:30px;}

.gform_wrapper .gform_footer .button{background-color:#0058A8; color:#ffffff; border:none; padding:7px 60px;}

.google-maps{position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

.quantityTable{width:100%;}
.quantityTable tr:nth-child(even){background:#DCE2E7;}
.quantityTable td, .quantityTable th{padding:15px; border:1px solid #AEAEAE;}
.quantityTable td:first-of-type{width:20%;}

#content .col-xs-12{background-color:#ffffff;}
.navigation{padding:30px 0px;}
.navigation .wp-pagenavi{text-align:center;}

.blog-left{padding-left:0px; padding-bottom:30px;}
.blog-left .entry{font-size:18px;}
.blog .blog-left .entry{border-bottom:1px solid #DCE2E7; padding-bottom:20px;}

.home-testimonial{padding-top:30px; padding-bottom:30px;}
.home-testimonial h2{text-align:center;}

.page-template-default main{padding-left:30px; padding-right:30px;}
.page-template-default main .wysiwyg-editor{padding-top:30px;}

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

h1{color:#00417D;}
h2{color:#0058A8;}
h3{color:#0058A8;}
h4{color:#0058A8;}
h5{color:#0058A8;}

p{}

strong{font-weight:bold;}

a{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; color:#0058A8;}
a:visited{}
a:hover{text-decoration:none;}
a:active{}

.large-h1{font-size:80px;}

.alignright, .alignright-page{float:right;}
.alignleft, .alignleft-page {float:left;}

* {outline:none!important;}

::-moz-selection{background:#0058A8; color:#ffffff;}
::selection{background:#0058A8; color:#ffffff;}

/* Header
-------------------------------------------------- */
header{background-color:#0058a8;}
.header-logo img{padding-top:15px; padding-bottom:15px; max-width:200px;}
.logo-inner-wrapper{float:left;}
.menu-wrapper{float:right; padding-top:30px;}

.header-phone-number{float:right; font-size:24px; padding-top:20px;}
.header-phone-number i{margin-right:10px;}

/* 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; text-transform:uppercase;}
nav.main-menu li:hover{background-color:#016EE3;}
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{background-color:#0058A8; clear:both; display:block; width:100%; padding:15px 0px;}
nav.main-menu ul.sub-menu li:hover{background-color:#016EE3;}

nav.main-menu ul.sub-menu li ul.sub-menu li{display:none;}*/

.header-content nav.main-menu li{display:inline-block; padding:12px 15px 11px 15px; position:relative;}
.header-content nav.main-menu li a{color:#ffffff; text-transform:uppercase; display:block; width:100%;}
.header-content nav.main-menu li:hover{background-color:#016EE3;}

.header-content nav ul{position: relative; margin:0px; padding:0px;}

.header-content nav ul li:hover > ul{display:block;}
.header-content nav ul ul{display:none;}
.header-content nav ul li:hover > ul{display:block;}
.header-content nav ul ul{background:#0058A8; width:250px; padding:0; position:absolute; z-index:2; top:100%; left:0px;}
.header-content nav ul ul li{float:none; position:relative; width:100%;}
.header-content nav ul ul ul{position:absolute; left:100%; top:0;}

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

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

/* Home
-------------------------------------------------- */
.home-top-statement{font-size:26px; font-style:italic; background-color:#0058a8!important; color:#ffffff; display:Table; width:100%;}
.home-top-statement .col-sm-8{padding:60px 30px; font-weight:300;}
.home-top-statement .col-sm-4{padding:15px 0px;}
.home-top-statement span br{display:none;}
.home-top-statement small{font-size:16px; clear:both; display:block;}

/* WYSIWYG Editor
-------------------------------------------------- */
.wysiwyg-editor{padding-bottom:30px;}
.home .wysiwyg-editor{padding-bottom:0px; background-color:#ffffff;}
.home .wysiwyg-editor h2{margin:0px;}

/* 3 Boxes
-------------------------------------------------- */
.three-box-wrapper{padding-bottom:60px;}
.box-image img{margin-left:auto; margin-right:auto;}
.three-box-wrapper .box-title{background-color:#0058a8; color:#ffffff; padding:0px 0px 0px 0px; font-size:14px; border-radius:10px; text-transform:uppercase;}
.three-box-wrapper a h3{color:#ffffff; margin:15px 0px 0px 0px; padding:10px; text-align:center;}
.three-box-wrapper a:hover .box-title{background-color:#00417D;}
.box a{color:#000000;}

/* 4 Boxes
-------------------------------------------------- */
.four-box-wrapper{padding-top:30px; padding-bottom:30px;}
.four-box-wrapper .box-image img{margin-left:auto; margin-right:auto;}
.four-box-wrapper .col-sm-3{padding-left:0px; padding-right:20px;}
.four-box-wrapper .box a{color:#000000; border:1px solid #dce2e7; display:Table; display:block; min-height:275px;}
.four-box-wrapper .box a:hover{border:1px solid #0058A8;}
.four-box-wrapper .box .box-content, .four-box-wrapper .box .box-title{padding-left:15px; padding-right:15px;}
.four-box-wrapper .box .box-content{font-size:16px;}
.four-box-wrapper .box .fake-link-wrapper{padding-left:15px; padding-right:15px; padding-bottom:15px;}
.four-box-wrapper .fake-link-wrapper{padding-top:15px;}
.four-box-wrapper .fake-link{background-color:#0058a8; color:#ffffff; padding:5px 10px; font-size:14px; border-radius:10px; text-transform:uppercase; display:block; text-align:center;}
.four-box-wrapper .box a:hover .fake-link{background-color:#00417D;}

/* Testimonials Slider
-------------------------------------------------- */
.testimonial-slider{padding-bottom:100px;}
.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; font-size:22px; text-align:center;}
.testimonial-slider .item .testimonial-name{text-align: center; color:#0058A8;}
.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 - 50/50
-------------------------------------------------- */
.content-fifty-fifty{}
.content-fifty-fifty .left{padding-left:0px;}
.content-fifty-fifty .right{padding-right: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 - 50/50 with title
-------------------------------------------------- */
.content-fifty-fifty-with-title{padding-left:0px; padding-bottom:30px;}
.content-fifty-fifty-with-title .title{padding-left:0px;}
.content-fifty-fifty-with-title .left{padding-left:0px; }
.content-fifty-fifty-with-title .right{padding-right:0px;}
.content-fifty-fifty-with-title .image{padding-left:0px;}
.content-fifty-fifty-with-title .content{padding-right:0px;}
.content-fifty-fifty-with-title .image{padding-right:0px;}
.content-fifty-fifty-with-title .content{padding-left: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 with caption
-------------------------------------------------- */
.image-with-caption img, .full-width-image img{width:100%;}
.image-with-caption-caption-wrapper{height:0px; position:relative; top:-450px; left:100px; margin-bottom:-20px;}
.image-with-caption-caption-wrapper .image-with-caption h1{color:#ffffff; font-size:60px; line-height:60px; font-weight:600;}
.image-with-caption-caption-wrapper .image-with-caption p{color:#ffffff; font-size:30px; line-height:60px;}

/* Image with caption and link
-------------------------------------------------- */
.image-with-caption-and-link-caption-wrapper{height:0px; position:relative; top:-450px; left:100px;}
.image-with-caption-and-link{color:#ffffff; font-size:60px; line-height:60px;}
.image-with-caption-and-link .image-with-caption-and-link-link-wrapper{padding-top:0px;}
.image-with-caption-and-link .image-with-caption-and-link-link-wrapper a{background-color:#0058a8; color:#ffffff; padding:5px 25px; border-radius:20px; font-size:18px; text-transform:uppercase;}
.image-with-caption-and-link .image-with-caption-and-link-link-wrapper a:hover{background-color:#00417D;}

/* Page
-------------------------------------------------- */
.top-image{height:200px; background-position:center; background-repeat:no-repeat; background-size:cover;}

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

/* Footer
-------------------------------------------------- */
footer{margin-top:65px;}
footer .footer-top-wrapper{background-color:#0058a8; padding-top:15px; padding-bottom:15px;}
footer .footer-top .left{float:left;}
footer .footer-top .left img{max-width:200px;}
footer .footer-top .right{float:right; padding-top:13px;}
footer .footer-top .right li{display:inline-block; margin-left:10px;}
footer .footer-top .right li .fa{color:#ffffff; font-size:40px;}
.footer-menu{margin-top:60px;}
.footer-menu ul{padding:0px;}
.footer-menu li:first-child{text-transform: uppercase;}
.footer-menu li{list-style-type: none; margin-bottom:5px;}
.footer-menu li a{color:#ffffff!important;}
.footer-menu .one{text-transform:uppercase;}
.copyright{padding-left:15px;}

@media (max-width:499px) {
  .image-with-caption-caption-wrapper{top:-150px!important;}
}

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

  .shiftnav-toggle{position:relative; top:-15px;}

  .shiftnav.shiftnav-skin-dark-blue.shiftnav-nojs ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-dark-blue ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-dark-blue ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active {background:#0058A8!important;}

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

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

  .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-with-title .title{padding-right:15px; word-wrap: break-word;}
  .content-fifty-fifty-with-title .left{padding-left:0px; padding-right:0px;}
  /*.wysiwyg-editor a{display:block;}*/

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

  .content-fifty-fifty-with-title .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;}

  .image-with-caption-caption-wrapper{top:-220px; left:15px; padding-right:15px;}
  .image-with-caption-caption-wrapper .image-with-caption h1{font-size: 30px; line-height: 20px;}
  .image-with-caption-caption-wrapper .image-with-caption p {font-size: 18px; line-height: 30px;}

  .image-with-caption-and-link-caption-wrapper{height:0px; position:relative; top:-150px; left:15px;}
  .image-with-caption-and-link{color:#ffffff; font-size:30px; line-height:24px;}
  /*.image-with-caption-and-link .image-with-caption-and-link-link-wrapper{padding-top:30px;}*/

  .home-top-statement .col-sm-8{padding:15px;}
  .home-top-statement .col-xs-6{padding-bottom:30px;}

  .home-testimonial h2{font-size:30px!important;}
  .large-h1{font-size:30px;}

  .simplify-milking{padding:15px!important;}
  .simplify-milking h2{font-size:30px!important;}
  .simplify-milking h3{font-size:26px!important;}
  .simplify-milking a{font-size:26px!important;}

  .wc-gallery .gallery-item{width:33.33%; margin-bottom:0px!important;}

  .page-template-default main{padding-left:0px; padding-right:0px;}

  /*footer{height:1025px;}*/
  footer{height:125px;}

}

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

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

      .shiftnav-toggle{position:relative; top:-15px;}

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

      .image-with-caption-caption-wrapper{top:-200px; left:50px;}
      .image-with-caption-and-link-caption-wrapper{top:-300px; left:50px;}

      footer{height:700px;}

}

/****************************************/
/*** 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;}
      .home .main-content, .home .wysiwyg-editor{width:100%; margin-left:auto; margin-right:auto;}
      /*.page-content{width:80%;}*/

      nav.main-menu li a {padding: 15px 8px; font-size:13px;}

      .image-with-caption-caption-wrapper{top:-300px;}
      .image-with-caption-and-link-caption-wrapper{top:-350px;}

      footer{height:615px;}

}

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

      .home .main-content, .home .wysiwyg-editor{width:100%; margin-left:auto; margin-right:auto;}
      /*.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) {

}