/******
VERSIONS
1.0		20-09-2016	First live release
1.1		27-03-2017	Amendments ahead of Sales/Plant Hire go-live
1.2		29-10-2019	reCAPTCHA-related amendments
*****/


/*****
GENERIC STYLES
*****/

a {
	color:#00abd7
}

.container-main-01 ul > li:before,
.container-main-02 ul > li:before,
.container-main-03 ul > li:before,
.container-main-04 ul > li:before {
	color:#00abd7;
}

.btn-octonary {
	background-color:#00abd7;
	color:#fff;
	border:2px solid #00abd7;
	width:100%;
	width:270px;
	
}

.btn-octonary:hover,
.btn-octonary:active,
.btn-octonary:focus {
	background-color:#373a40;
	border:2px solid #373a40;
	color:#fff;
}



/*****
HEADER
*****/

.cta-call {
	color:#00abd7;
}

/*
font awesome icons
*/
.navbar-nav  i.fa-angle-right {
	color:#00abd7;
}

.navbar-default .navbar-nav > li > a i.fa-angle-down {
	color:#00abd7;
}

.nav-product-image {
	display:none;
}

#bxhome {
	color:#fff;
}

/*****
FORMS & BUTTONS
*****/

.btn-go {
	background-color:#00abd7;
	color:#fff;
	border:2px solid #00abd7;
	

}

.btn-go:active,
.btn-go:focus,
.btn-go:hover {
	background-color:#0089ac;
	color:#fff;
	border:2px solid #0089ac;
}

/*****
NAVIGATION
*****/

nav.navbar .container-nav { 
	border-bottom:5px solid #00abd7;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color:transparent;
	color:#00abd7;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color:transparent;
	color:#00abd7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	background-color:transparent;
	color:#00abd7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color:transparent;
}

.navbar-default .navbar-nav > .dropdown-search > a,
.navbar-default .navbar-nav > .dropdown-search > a:hover,
.navbar-default .navbar-nav > .dropdown-search > a:focus {
	background-color:#00abd7;
}

.navbar-toggle-social-links {
	color:#00abd7;
}

.navbar-toggle-search {
	background-color:#00abd7;
}


/*
dropdown
*/
.dropdown-menu {
	border-top: 5px solid #00abd7;
	border-bottom: 5px solid #00abd7;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.meganav-menu > li > a:hover,
.meganav-menu > li > a:focus {
	color: #00abd7;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.meganav-menu > .active > a,
.meganav-menu > .active > a:hover,
.meganav-menu > .active > a:focus {
	background-color: #00abd7;
}

#meganav-menu-1 .btn-septenary {
	margin:0px 0px 20px 30px
}

.meganav-menu > li > a {
    border-bottom: 0px solid #63666a;
	padding:15px 0px 0px;
}

p.latest-offer {
	margin-top:30px;
}


#meganav-menu-1,
#meganav-menu-2,
#meganav-menu-3,
#meganav-menu-4 {
	  border-right: 1px solid #00abd7;
	  padding:15px 30px;
}

#meganav-menu-3 {
	border-right:0px;
}

/*
search
*/

#dropdown-search .dropdown-menu {
	border-top: 5px solid #00abd7;
}

/*
select a division
*/

#dropdown-division a.dropdown-toggle:hover,
#dropdown-division a.dropdown-toggle:focus {
	background-color:#00abd7;
} 

/*
nav, dropdown and search - responsive styles
*/
@media screen and (max-width: 767px) {
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #00abd7;
	}

	
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #00abd7;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #00abd7;
	}
	
}

@media screen and (min-width: 768px) {
	/*
	#nav-main {
		font-size: 1.25rem;
	}
	*/
	
	#nav-main > li > a {
		padding:18px 0px 18px 15px;	
	}
}


@media screen and (min-width: 1200px) {
	
	#nav-main {
		font-size: 1.4rem;
	}

}

@media screen and (min-width: 1300px) {
	#nav-main > li > a {
		padding:18px 27px 18px 15px;	
	}
}

/*****
FOOTER
*****/

.quick-links li {
	color:#00abd7;
}

/*****
PAGE-SPECIFIC
*****/
/*
HOME
*/

h1.home strong {
	color:#00abd7; /* division-specific? */
}

/*
videos
*/
div.overlay-text i.fa-angle-right {
	color:#00abd7;
}

/*
products
*/



a.product-thumb {
	display:inline-block;
	max-height:270px;
	overflow:hidden;
	
	text-decoration:none;
}

a.product-thumb > div.product-caption {
	background-color:#00abd7;
	max-width:270px;
	height:50px;
	overflow:hidden;
	
	transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-moz-transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-ms-transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-o-transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-webkit-transition: background-color 0.4s ease-out, height 0.4s ease-out;
}

a.product-thumb > div.product-caption-x2line {
	padding-top:3px;
}

div.product-caption div {
	height:40px; 
}

div.product-caption-x2line div {
	height:50px; 
}


div.product-caption div:nth-child(2) {
	font-weight:normal;	
	
	text-transform:uppercase;
}

a.product-thumb:hover > div.product-caption {
	background-color:#373a40;
	height:90px;

	transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-moz-transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-ms-transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-o-transition: background-color 0.4s ease-out, height 0.4s ease-out;
	-webkit-transition: background-color 0.4s ease-out, height 0.4s ease-out;
}


a.product-thumb div.product-image {
	min-width:270px;
	max-width:100%;
	width:100%;
	min-height:220px;
	
	background-size:100%;
	background-position:center center;
	
	transition: background-size 0.4s ease-out;
	-moz-transition: background-size 0.4s ease-out;
	-ms-transition: background-size 0.4s ease-out;
	-o-transition: background-size 0.4s ease-out;
	-webkit-transition: background-size 0.4s ease-out;
}


a.product-thumb:hover div.product-image {
	background-size:120%;
	
	transition: background-size 0.4s ease-out;
	-moz-transition: background-size 0.4s ease-out;
	-ms-transition: background-size 0.4s ease-out;
	-o-transition: background-size 0.4s ease-out;
	-webkit-transition: background-size 0.4s ease-out;
}

.product-image-soon {	
	background-image:url('http://placehold.it/540x440?text=Image coming soon');
}


img.customBrandLogoImage {
	margin:24px 0px;
	clear:both;
}

.product-collapse {
	background-color:transparent;
	float:right;
	
	width:38px;
	height:38px;
	
	padding:0px 6px 6px 6px

}
.product-collapse::before {
	content:"\2013";
	font-weight:normal;
}

.product-collapse.product-collapse-closed {
	padding:0px 6px
}

.product-collapse.product-collapse-closed::before {
	content:"+";
	font-weight:bold;
}

.container-main-01 .product-collapse,
.container-main-02 .product-collapse {
	color:#fff;
	border:1px solid #fff;
}
	
.container-main-03 .product-collapse, 
.container-main-04 .product-collapse {
	color:#20242a;
	border:1px solid #20242a;
}

#collapse-overview,
#collapse-specification {
	margin-top:30px;
}

#collapse-other {
	margin-bottom:30px;
}

div.collapse {}

/*
specification tables
*/
table.specification {
	background-color:transparent;
	width:100%;
}

table.specification > tbody > tr > th,
table.specification > tbody > tr > td {
	color:#fff;
	
	padding:10px 20px;
	border-bottom:2px solid #94afd5;
}

table.specification > tbody > tr > th[scope="col"] {
	text-align:left;
}

table.specification > tbody > tr > th[scope="row"] {
	font-weight:normal;
	text-align:left;
}

table.specification > tbody > tr:nth-of-type(2n+1) {
}

table.specification > tbody > tr.multi-data {
}


#supportinglinks > ul li {
	margin:0px 10px;
}

#supportinglinks > ul li:before {
	color:#20242a;
}
	
@media screen and (max-width: 479px) {
	/*
	service page
	*/
	.product iframe {
		width:270px !important;
		height:152px !important;
	}
	
	.col-xsm-custom {
		text-align:center;	
	}
}

@media screen and (min-width: 480px) and (max-width: 599px) {
	/*
	product page
	*/
	.youtube iframe {
		width:365px !important;
		height:205px !important;
	}
	
	.col-xsm-custom {
		text-align:center;	
	}
	

}

@media screen and (min-width: 600px) and (max-width: 767px) {
	/* custom col class */
	.col-xsm-custom {
		width:50% !important;
	}
	
}

@media screen and (max-width: 767px) {
	/*
	products
	*/
	
	div.product-caption {
		margin-top:30px;
	}
	
}

@media screen and (min-width: 600px) and (max-width: 767px) {
	/*
	product page
	*/
	.youtube iframe {
		width:365px !important;
		height:205px !important;
	}
}

@media screen and (min-width: 768px)  and (max-width: 991px) {
	
	/*
	product page
	*/
	.youtube iframe {
		width:718px !important;
		height:404px !important;
	}

}
@media screen and (min-width: 992px)  {
	/*
	product page
	*/
	.youtube iframe {
		width:270px !important;
		height:152px !important;
	}
	
}

@media screen and (min-width: 1201px) {
	
	/*
	product page
	*/
	.youtube iframe {
		width:260px !important;
		height:146px !important;
	}

}

@media screen and (min-width: 1301px) {
	
	/*
	product page
	*/
	.youtube iframe {
		width:260px !important;
		height:146px !important;
	}

}

/*
reCAPTCHA button - hide on pages without forms
*/
body:not(#page-id-61):not(#page-id-62) .grecaptcha-badge {
	display: none;
}
