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


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

/*============Sticky Footer============*/

html, body {height:100%; font-family: 'Lato', sans-serif;}

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

footer {height:520px;}

.clear{clear:both;}

/*==========Fonts & Headings===========*/
h1{color:#560074; font-weight:300; margin-bottom:30px; line-height:50px;}
h2, h2 a{color:#560074; font-weight:300;}
h3{}
h4{line-height:24px; font-weight:300; margin-bottom:30px;}
h5{}
h6{}

.page-content ul li, p, .product ul li{font-size:16px;}

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

.alignright {float:right;}
.alignleft {float:left;}
img.alignleft{margin-right:15px;}
img.alignright{margin-left:15px;}

* {outline:none!important;}

::-moz-selection {background-color:#542470; color:#ffffff;}
::selection {background-color:#542470; color:#ffffff;}

a.shop-online-today{background-color:#560074; color:#ffffff; padding:7px 30px; border-radius:15px;}

/* Header
==============================*/
header{padding-top:30px;}
.header-left{float:left; padding-bottom:30px;}
.header-left img{max-width:300px!important;}
.header-right{float:right; text-align:right; padding-right:15px;}
.header-phone{padding-bottom:30px;}
.header-phone a{font-size:33px; color:#50006e;}
.header-phone a i{color:#00a3b3; margin-right:15px;}
.utility-menu ul{padding:0px; margin:0px;}
.utility-menu li{list-style-type: none; float:left; margin-left:7px;}
.utility-menu li a{color:#50006e; text-transform:uppercase; font-size:12px; border-left:1px solid #50006e; padding-left:7px;}
.utility-menu li:first-child a{border:none;}

/* Nav
==============================*/
.header-menu-wrapper{background-color:#50006e; background-image: url(images/nav-bg.jpg);}
.header-menu ul{padding:0px; margin:0px;}
.header-menu li{list-style-type: none; float:left; padding-top:17px; padding-bottom:18px; margin:0px;}
.header-menu li:last-child{float:right!important;}
.header-menu li:last-child a{background-color:#00a3b3;}
.header-menu li a{color:#ffffff; padding-left:15px; padding-right:15px; padding-top:21px; padding-bottom:19px; text-transform: uppercase!important; font-size:12px; font-weight:600;}
.header-menu li a:hover{color:#560074; background-color: #ffffff;}
.header-menu li.ubermenu-current-menu-item a{color:#560074; background-color: #ffffff;}

.ubermenu-submenu{background-color:#ffffff!important; padding-top:15px!important; padding-bottom:15px!important;}
.ubermenu-submenu li{width:33%!important;}
.ubermenu-submenu a span{color:#50006e!important; border-bottom:1px dotted #50006e!important; display:block!important; padding-bottom:5px;}
.ubermenu-submenu a span:after{content: "\f054"; font-family: FontAwesome; float: right; font-weight:300;}
.ubermenu-active a{color:#560074!important; background-color: #ffffff!important;}

.ubermenu-responsive-toggle{color:#ffffff; float:right;}
.ubermenu-responsive-toggle:hover{color:#ffffff;}

/* Home
==============================*/
#home-carousel{margin-top:45px; margin-bottom:90px; box-shadow: 0 8px 12px -2px gray;}
#home-carousel .carousel-caption{text-align:left; left:10%; bottom:15%; text-shadow: none;}
#home-carousel .carousel-caption h2{color:#560074; font-size:60px;}
#home-carousel .carousel-caption p{color:#000000; font-size:22px;}
#home-carousel .carousel-caption .link-wrapper{padding-top:10px;}
#home-carousel .carousel-caption .link-wrapper a{background-color:#00a3b3; color:#ffffff; padding:7px 15px; border-radius:5px; font-weight:600;}

.home-main-content{width:85%; margin-left:auto; margin-right:auto;}

.home-industries-wrapper{/*background-image: url('images/industries-bg.jpg');*/ padding-top:60px; padding-bottom:45px;}
.home-industries h2{text-align:center; color:#560074; margin:0px; padding-bottom:30px;}
.home-industry{margin-bottom:30px;}
.home-industry-inner-wrapper{-webkit-box-shadow: 0px 3px 3px 0px rgba(191, 191, 191, 1); -moz-box-shadow:0px 3px 3px 0px rgba(191, 191, 191, 1); box-shadow:0px 3px 3px 0px rgba(191, 191, 191, 1);}
.home-industry-inner-wrapper:hover{-webkit-box-shadow: 0px 3px 3px 0px rgba(149, 149, 149, 1); -moz-box-shadow:0px 3px 3px 0px rgba(149, 149, 149, 1); box-shadow:0px 3px 3px 0px rgba(149, 149, 149, 1);}
.home-industry-image{height:170px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.home-industry .home-industry-content{text-align:center; background-color:#ffffff; padding:15px; min-height:195px; color:#898989;}
.home-industry .home-industry-content p{font-size:14px;}
.home-industry h3{color:#564f63; margin:0px; padding-top:15px; padding-bottom:15px;}

/* Service Level Template Part
==============================*/
.service-level-options-wrapper{background-image: url('images/industries-bg.jpg'); padding-top:30px; padding-bottom:60px;}
.service-level-options h2{text-align:center; color:#560074; margin:0px; padding-bottom:30px;}
.service-level-option{text-align:center;}
.service-level-option-inner-wrapper{-webkit-box-shadow: 0px 3px 3px 0px rgba(191, 191, 191, 1); -moz-box-shadow:0px 3px 3px 0px rgba(191, 191, 191, 1); box-shadow:0px 3px 3px 0px rgba(191, 191, 191, 1);}
.service-level-option-inner-wrapper a:hover .button-wrapper li{background-color:#00a3b3; color:#ffffff!important;}
.service-level-option .title-wrapper{background-repeat:no-repeat; background-size:100%; height:112px; position:relative;}
.service-level-option.one .title-wrapper{background-image: url('images/title-bg-1.png'); background-repeat:no-repeat; background-size:100%; height:112px; position:relative;}
.service-level-option.two .title-wrapper{background-image: url('images/title-bg-2.png'); background-repeat:no-repeat; background-size:100%; height:112px; position:relative;}
.service-level-option.three .title-wrapper{background-image: url('images/title-bg-3.png'); background-repeat:no-repeat; background-size:100%; height:112px; position:relative;}
.service-level-option .title-wrapper h3{margin:0px; padding-top:30px; color:#560074;}
.service-level-option .content-wrapper{background-color:#ffffff; padding:55px 25px 25px 25px; margin-top:-35px; color:#898989;}
.service-level-option .content-wrapper .button-wrapper ul{padding:15px 0px 0px 0px;}
.service-level-option .content-wrapper p{font-size:14px;}
.service-level-option .content-wrapper .button-wrapper ul li{list-style-type: none; border:2px solid #00a3b3; color:#00a3b3; padding:5px 0px; border-radius:5px; max-width:70%; margin-left:auto; margin-right:auto;}

/* Page
==============================*/
.bread-crumb{padding-top:15px; padding-bottom:15px; text-transform: uppercase; font-size:12px;}
.bread-crumb p{font-size:12px;}
.bread-crumb a{color:#00a3b3;}

.banner .title-wrapper{height:0px;}
.banner .title{position:relative; top:-360px; padding-left:100px;}
.banner .title h1{font-weight:600; margin-bottom:20px; font-size:60px;}
.banner .title h4{font-weight:600;}

.woocommerce-page .banner .title-wrapper{height:80px;}
.woocommerce-page .banner .title{position:relative; top:0px; padding-left:0px;}
.woocommerce-page .banner .title h1{font-weight:600; margin-bottom:0px; font-size:20px;}

.page-content{padding-left:0px; padding-right:0px;}
.page-content a{color:#41A3B9;}

/* Page Sidebar
==============================*/
.sidebar{padding-right:0px;}
.sidebar .gform_wrapper ul.gform_fields li.gfield{padding-right:0px;}
.sidebar .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{float:right; margin:0 0 20px 0; width:100%;}
.sidebar #gform_submit_button_4{border:2px solid #542470; background-color:#542470; color:#ffffff; padding:5px 25px; font-size:16px; border-radius:3px;}
.sidebar .gfield_html{font-size:18px;}
.sidebar #gform_wrapper_4, .sidebar #gform_wrapper_4 li{padding-top:0px!important; margin-top:0px!important;}
.sidebar #gform_wrapper_4 input, .sidebar #gform_wrapper_4 textarea{width:100%;}
.sidebar .shop-online{padding-top:30px; padding-bottom:30px;}
.sidebar .shop-online a{border:2px solid #542470; background-color:#542470; color:#ffffff; padding:5px 25px; font-size:26px; border-radius:3px; display:block; text-align:center;}

/* Woocommerce
==============================*/
.woocommerce-page #breadcrumbs{margin-top:15px; font-size:14px;}
.woocommerce .button{background-color:#00a3b3!important; border:1px solid #00a3b3!important; padding:5px 0px; color:#ffffff!important; font-size:16px;}
.woo-social-buttons {margin: 30px 0!important;}
.woocommerce div.product form.cart .variations td.label {padding-right: 0em!important; margin:0px!important; line-height:26px; font-size:16px; color:#000000;}

.shop-left{padding-left: 0px;}
.shop-left h2{padding-top:10px; font-weight:300; font-size:22px;}
.shop-left ul{padding-left:0px;}
.shop-left ul li{font-size:15px; list-style-type:none; padding-left:0px; border-bottom:1px solid #CCCCCC; padding:7px 0px 7px 0px;}
.shop-left ul li:last-child{border:none;}
.shop-left ul li a{color:#52246F; font-weight:600;}
.shop-left ul li a:hover{color:#00A3B3;}
.shop-left ul li.current-cat a{color:#00A3B3;}
.shop-left ul li.cat-parent li{margin-left:15px;}
.shop-left ul li ul.children li a{color:#00A3B3; font-weight:400;}

.woocommerce-product-search .screen-reader-text{display:none;}
.woocommerce-product-search input[type="submit"] {background:#52246F; color:#ffffff; border:none; padding:14px 15px 14px 15px; line-height:0px;}

.woocommerce ul.products li.product h3 {font-size: 16px!important; color:#560074;}
.woocommerce ul.products li.product .price {color:#00A3B3!important; font-size: 18px!important;}

.product_meta{display:none;}

.enquire-link{position:relative; left:45px; border:2px solid #542470; background-color:#542470; color:#ffffff; padding:10px 15px; font-size:16px; border-radius:3px;}
.enquire-link:hover{background-color:#ffffff; color:#542470; border:2px solid #542470;}
#myModal, #myModal2{top:15%;}
.modal-header{min-height:1px; padding:10px 15px 0px 0px; border-bottom:none;}
.modal-body{padding-top:0px; padding-bottom:10px;}
.modal-body iframe{width:100%; height:610px;}
#gform_3 .gfield_html {font-size:18px;}

.woocommerce-pagination{padding-bottom:30px;}
.woocommerce-pagination li span, .woocommerce-pagination li a{padding:10px!important;}
.woocommerce-pagination li a.page-numbers{color:#00A3B3;}
.woocommerce-pagination ul li span.current{background-color:#00A3B3!important; color:#ffffff!important;}

/* Brands
==============================*/
.brand-logo-wrapper{padding:15px 5px; margin-bottom:45px; -webkit-box-shadow: 0px 3px 3px 1px rgba(191, 191, 191, 1); -moz-box-shadow:0px 3px 3px 1px rgba(191, 191, 191, 1); box-shadow:0px 3px 3px 1px rgba(191, 191, 191, 1);}
.brand-content h3{margin-top:0px;}

/* Contact
==============================*/
.page-left{padding-left:0px; font-size:16px;}
.page-left ul{padding-left:0px;}
.page-left li{list-style-type:none;}
#gform_submit_button_2{background-color:#00a3b3!important; border:1px solid #00a3b3!important; padding:5px 40px; color:#ffffff!important; font-size:16px;}

.map-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0; margin-top:30px;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}

/* Landing Page
==============================*/
.landing-boxes-wrapper{padding-top:60px; padding-bottom:45px;}
.landing-boxes{margin-bottom:30px;}
.landing-boxes-box{-webkit-box-shadow: 0px 3px 3px 0px rgba(191, 191, 191, 1); -moz-box-shadow:0px 3px 3px 0px rgba(191, 191, 191, 1); box-shadow:0px 3px 3px 0px rgba(191, 191, 191, 1);}
.landing-boxes-box:hover{-webkit-box-shadow: 0px 3px 3px 0px rgba(149, 149, 149, 1); -moz-box-shadow:0px 3px 3px 0px rgba(149, 149, 149, 1); box-shadow:0px 3px 3px 0px rgba(149, 149, 149, 1);}
.landing-boxes-image{height:170px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.landing-boxes-box .landing-boxes-content{text-align:center; background-color:#ffffff; padding:15px;}
.landing-boxes-content a.landing-box-link{
  border: 2px solid #00a3b3;
  color: #00a3b3;
  padding: 5px 5px;
  margin-bottom:10px;
  border-radius: 5px;
  display:block;
 }

.landing-boxes-content a.landing-box-link:hover{
  background-color: #00a3b3;
  color: #fff;
 }

/* Footer
==============================*/
footer{background-image: url(images/footer-bg.jpg);}
.footer-inner{color:#ffffff; padding-top:70px;}
.footer-inner ul{padding:0px}
.footer-inner li{list-style-type: none; font-size:16px;}
.footer-inner li.purple-title{color:#c283cd; text-transform: uppercase;}
.footer-inner li a{color:#ffffff;}
.footer-inner li.large{font-size:20px;}
.footer-inner li.email-link a{text-decoration: underline;}
.footer-right h4{color:#c283cd; margin-top:0px; font-size:20px; font-weight:400;}
.footer-right h4 i.fa-envelope-o{margin-right:15px;}
.footer-facebook{float:right; color:#ffffff; font-size:40px; padding-right:10px;}
.footer-facebook a{color:#ffffff;}

.footer-bottom{text-align:center; border-top:1px solid #470066;}
.footer-bottom ul{padding:15px 0px 0px 0px;}
.footer-bottom ul li{display:inline-block; margin-left:15px;}
.footer-bottom ul li a{text-decoration:underline;}

#gform_1 input{color:#898989; border-radius:5px; border:1px solid #ffffff; padding-left:10px; padding-right:10px;}
#gform_1 label{color:#c283cd; text-transform: uppercase; margin-bottom:0px!important;}
#gform_submit_button_1{background-color:#00a3b3; border:1px solid #00a3b3!important; padding:10px 0px 10px 0px; display:block; width:100%; color:#ffffff!important; font-size:16px; max-width:524px;}
.gform_wrapper .gform_footer {padding: 0px; margin: 0px!important;}
#gform_1 option{color:#898989!important;}
#gform_1 #input_1_8{color:#898989!important;}

#gform_1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#898989!important;
}
#gform_1::-moz-placeholder { /* Firefox 19+ */
  color:#898989!important;
}
#gform_1:-ms-input-placeholder { /* IE 10+ */
  color:#898989!important;
}
#gform_1:-moz-placeholder { /* Firefox 18- */
  color:#898989!important;
}

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/

@media (max-width:767px) {

  header{padding-top:15px;}
  .header-left{max-width:200px; padding-bottom:7px;}
  .header-right{float:left; text-align:left;}
  .header-right a{font-size:18px; float:left;}

  .header-menu-wrapper{background-color:#50006e; background-image:none;}

  #home-carousel .carousel-caption h2{font-size:20px;}
  #home-carousel .carousel-caption p{font-size:14px;}
  #home-carousel .carousel-caption{left:5%; bottom:5%;}

  .carousel-caption{position:relative!important; clear:both;}
  .title-wrapper{height:200px!important;}
  .title{position:relative!important; clear:both; top:0px!important;}

  .home-main-content{width:100%;}

  .service-level-options, .footer-inner, .home-industry{padding-left:0px; padding-right:0px;}
  .service-level-options h2{padding-left:15px; padding-right:15px;}

  .service-level-option{margin-bottom:60px;}
  .service-level-option:last-child{margin-bottom:0px;}

  .banner .title{top:-150px; padding-left:15px;}
  .banner .title h1{font-size:20px; padding:0px; margin:0px;}
  .banner .title h4{font-size:14px;}

  footer {height:auto; background-color:#50006e; background-image:none;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/

@media (min-width:768px) and (max-width:991px) {

  .container{width:100%;}

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

  #home-carousel .carousel-caption h2 {font-size: 30px;}

  .service-level-options{width:100%;}
  .service-level-option.one .title-wrapper, .service-level-option.two .title-wrapper, .service-level-option.three .title-wrapper {background-size: cover; background-position:center top;}

  .banner .title{top:-250px; padding-left:75px;}

  #woocommerce-product-search-field{width:100%; margin-bottom:15px;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/

@media (min-width:992px) and (max-width:1199px) {

  .container{width:100%;}

  .home-industry .home-industry-content {min-height: 250px;}

  .service-level-option .content-wrapper{margin-top:-50px; min-height:310px;}

  .banner .title{top:-300px;}

  #woocommerce-product-search-field{width:150px;}

}

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



}

/**************************************/
/*** 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) {

}