/*
=========================================

Project Name: Williams Irrigation (Craft)
Creation date: 11 Sep 2019
Last modified: 11 Dec 2019
Description: 
Version: 1.0
Author: Steve Hopper | steve@xeno.co.nz
Company: xeno web development
Company URI: http: //www.xeno.co.nz

=========================================

COLOURS:

dark blue = #00406c
light blue = #26a9e1

FONTS:
font-family: Open Sans, sans-serif;

font-weight: 400|700|900;

*/

body { font-family: 'Opens Sans', sans-serif;font-size: 1rem;font-weight:300;line-height: 1.4;color: #333;background-color: #FFF;  }
h1 { font-size:2.5rem;line-height:1.2;font-weight:900;margin-top:0;margin-bottom:20px;color:#000;letter-spacing:-1px; }
h2 { font-size:1.5rem;line-height:1.3;font-weight:400;color:#687d86;margin-top:0;margin-bottom:20px; }
h3 { font-weight:900;color:#333;font-size:22px; }
h4 {}
h5 {}

strong { font-weight:700; }

blockquote { font-size:.8rem;padding:1.6rem 2rem;margin:0;color:#333; }
a { color:#0a8fcf; }
a:link { -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.fab { color:#AAA; }
.fab:hover { color:#666; }
.btn { /* border-radius:0; */ }
.btn-default { background-color:#FFF;border-color:#FFF;color:#0097dd; }
.btn-primary { background-color:#fed330;border-color:#fed330;color:#000; }
.btn-primary:focus, .btn-primary:hover { background-color:#efba03;border-color:#efba03;color:#000; }

.btn-enquire { font-size:1.8rem;font-weight:900;line-height:1.0;background-color:#fed330;border-color:#fed330;color:#000;border-radius:0;padding:1rem; }
.btn-enquire:focus, .btn-enquire:hover { background-color:#efba03;border-color:#efba03;color:#000;text-decoration: none; }

.btn-support { position:absolute;bottom:0;right:0;}
.btn-support .btn-primary { font-size:.9rem;padding: .9rem 1.5rem;background-color:#00bfff;border-color:#00bfff; }
.btn-support .btn-primary:hover { color:#444;background-color:#00bfff;border-color:#00bfff; }
.btn-support .fas { font-size:1.8rem; vertical-align: middle;}
.btn-text { padding-left:0; }
.btn-download { display:block;padding: 1rem 0rem;border-bottom: 1px dotted #e5e5e5;text-decoration: none; }
.btn-download .fa-download {font-size: 24px;margin-right: 15px;}

/* .navbar { padding:0;padding-bottom:5px;margin-top:15px; } */
.navbar-brand { width:auto;margin-right:0;margin-top:10px; }
.navbar-default { border-color: transparent;height:120px;}	
.navbar-nav {  }

.navbar-dark { background-color:#fed330 !important;border-color:#fed330;border-top:3px solid #000; }
.navbar-dark .navbar-nav { /* margin-top:15px; */padding-left:15px;padding-right:15px;padding-bottom:30px; }
.navbar-dark .navbar-nav>.active>a, .navbar-dark .navbar-nav>.active>a:hover, .navbar-dark .navbar-nav>.active>a:focus {color: #CCC;background-color: #000;}
.navbar-dark .navbar-toggle {float:none;margin-right:0;border-color: transparent;margin-top:12px;margin-bottom:12px;}
.navbar-dark .navbar-toggle:hover, .navbar-dark .navbar-toggle:focus {background-color: #000;}
.navbar-dark .navbar-toggle:hover .icon-bar, .navbar-dark .navbar-toggle:focus .icon-bar {background-color: #fff;}
.navbar-dark .navbar-toggle .icon-bar {/* background-color: #ff6600; */width:30px;}
.navbar-dark .navbar-nav>li { border-bottom:1px solid #fff; }
.navbar-dark .navbar-nav>li>a { font-size:22px;padding-top:15px;/* text-align:left; */padding-bottom:15px;color:#FFF;text-decoration: none; }
.navbar-dark .navbar-nav li a:hover  { color:#ca442b; }
.navbar-dark .navbar-nav>.active>a, .navbar-dark .navbar-nav>.active>a:hover, .navbar-dark .navbar-nav>.active>a:focus {background-color: transparent;color: #000;}
.navbar-dark .navbar-nav>.open>a, .navbar-dark .navbar-nav>.open>a:hover, .navbar-dark .navbar-nav>.open>a:focus {background-color: #FFF;color: #000;}
.navbar-dark .navbar-collapse, .navbar-dark .navbar-form {/* border-color: #ca442b;background-color:#ff6600; */}
.navbar-dark span.menu-text { color:#ff6600; }
.navbar-dark span.menu-text:focus, .navbar-dark span.menu-text:hover { color:#FFF; }
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}

.freephone a { font-size:1.8rem;color:#AAA;margin-top:.6rem;font-weight:700;text-decoration: none; }

.ms-layer { position:absolute;width:50%;top:80px;right:100px;font-size:3rem;font-weight:900;color:#FFF;line-height:1.1;text-align:right;text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9); }

.breadcrumb { font-size:.9rem;background-color:transparent;border-radius: 0;margin-bottom: 3rem; }
.breadcrumb-item.active { font-weight:900; }

.page-header { font-size:2.0rem;line-height:1.0;font-weight:900;color:#000;text-align:center; }

.grey-bg { background-color:#e6e7e8; }
.cat-item { margin-bottom:2.5rem; }
.cat-item a { text-decoration: none; }
.cat-image { /* padding:1rem 0rem; */}
.cat-name {text-align: center;font-weight: 700;color: #000;background-color: #FFF;padding: .8rem 0;border-top: 1px solid #FFF;}

.br { border-right:1px solid #fed330; }
.border-bottom { border-bottom:1px dotted #f1f1f1; }
.welcome { font-weight:900;color:#333;font-size:22px; }

.accredited-system { position:relative; }
.accredited-system .info { position:absolute;top:2rem;top:1.4rem;left:3rem;text-align: left; }
.accredited-system .info .header { color:#FFF;font-weight:900;font-size:2.4rem;line-height:1.0;text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9);margin-bottom:1rem; }
.accredited-image { /* overflow:hidden;width:500px;  */}

.case-study { margin-bottom:2rem; }
.case-study .cs-title { text-align: center;font-weight:900;margin-top:.5rem; }

.list-group-link { color:#333; }
.list-group-link:hover { color:#000; }

.gallery, .case-study { position:relative; }
.gallery .btn, .case-study .btn { position: absolute;top: 50%;left: 50%;font-weight:900;margin-top: -30px;margin-left: -75px;width: 150px; }

.cta-bar { background-color:#fed330;padding:1rem;margin-bottom:2rem;line-height:1.4; }
.cta-bar .cta-header { font-size:2.5rem;color:#000;font-weight:900;line-height:1.0; }
.cta-bar p { margin-bottom:0; }
.cta-bar a { font-weight:700;color:#333; }
.cta-bar .btn-lg { font-size:1.9rem;font-weight:700;color:#333; }
.cta-bar .btn-lg:hover { text-decoration: none; }



/* .table-specs tr td { background-color:#f1f1f1; } */
.table-specs td, .table-specs th, .table-features td, .table-features th { padding: .75rem;vertical-align: top;border-top: 1px solid #FFF;background-color: #f1f1f1; }
.table .thead-light th { color: #333;background-color: #fed330;border-color: #fed330; }

.post-date { color:#999;font-size:.8rem;}

.form-header { background-color:#fed330;color:#000;padding:.6rem 1rem;font-weight:900;margin-top:3rem;border-bottom:1px solid #FFF; }
.form-holder { background-color:#e6e7e8;padding:1.6rem;margin-bottom:3rem; }
#footer { background-color:#414042;padding:2rem 2rem 6rem 2rem;color:#e5e4e4;line-height:1.2; }
.footer-panel { border-left:1px solid #fed330;padding-left:1rem;height:100%; }
.footer-panel-header { font-size:2.0rem;font-weight:900;color:#808285;margin-bottom:1rem; }
.footer-panel a { color:#FFF; }

.grecaptcha-badge { visibility: collapse !important; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #a94442;}
.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #a94442;font-weight:700;}
.has-error .form-control {border-color: #a94442;}


@media (min-width: 576px) {
	.freephone { float:right;font-size:1.5rem;color:#AAA;margin-top:.6rem; }
	.iPadNavbar { padding-top:0;border-top:0;margin-top:0; }
	.navbar { padding-top:0rem;padding-bottom:0;padding-right:0; }
	.iPadBtn.navbar-toggler {
		border-color: rgba(0, 0, 0, 1);
		border-radius:0;
		margin-top:.5rem;
		background-color:#fed330;
	} 	
	.iPadBtn .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

}

@media (min-width: 768px) {

	
	.navbar-brand { width:250px;margin-right:0; }
	.navbar-expand-lg .navbar-nav .nav-link { font-size:1rem;color: #657981;padding:1rem; }
	.navbar-expand-lg .navbar-nav .nav-item.active a { color: #424f54;font-weight:500; }
	.navbar { padding-top:1rem;padding-bottom:0;padding-right:0; }
	.iPadNavbar { padding-top:0;border-top:0;margin-top:0; }
	.iPadBtn.navbar-toggler {
		border-color: rgba(0, 0, 0, 1);
		border-radius:0;
		margin-top:.5rem;
		background-color:#fed330;
	} 	
	.iPadBtn .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
	#specs-tab, #support-tab { border-radius:0;padding:1rem; }
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { color:#666;background-color: #eaeaea;border:1px solid #FFF;border-radius:0; }
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { font-weight:900; }
	.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6;background-color:#dee2e6; }
	.tab-pane { border: 1px solid #dee2e6;border-top: 0;padding:1rem; }
	
	.freephone { float:right;font-size:1.5rem;color:#AAA;margin-top:.6rem; }
	
	.page-header { font-size:2.0rem;font-weight:900;color:#000;text-align:center; }
	
	.accredited-image { overflow:hidden;width:auto; }
	.accredited-system .info { position:absolute;top:2rem;right:3rem;text-align: right; }
	.accredited-system .info .header { color:#FFF;font-weight:900;font-size:3rem;text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9); }
	
  .fancybox-slide--iframe .fancybox-content {
    background-color:transparent;
    margin: 0;}
    
    .fancybox-bg {
    background: #000;
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
	
}

@media (min-width: 992px) {
	.freephone { float:right;font-size:1.7rem;color:#AAA;margin-top:.6rem; }
	.page-header { font-size:2.5rem;font-weight:900;color:#000;text-align:center; }
	.accredited-system .info { position:absolute;top:1.5rem; }
	.accredited-badge img { width:90px; }
}

@media (min-width: 1200px) { 
	
	.wrapper { max-width:1400px;margin:0px auto; }
	.menu { height:120px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px; }
	
	.case-study .cs-image, .gallery .cs-image { height:284px;height:245px;overflow:hidden; }
	.gallery .btn, .case-study .btn { position: absolute;top: 50%;left: 50%;font-weight:900;margin-top: -24px;margin-left: -75px;width: 150px; }
	.case-study .btn { margin-top: -40px; }
	.accredited-system .info { top:2rem; }
	.accredited-badge img { width:150px; }
}