/*
Theme Name: AMKCO
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: Daryll Chu
Author URI: https://www.iprimamedia.com/
Description: For AMKCO
Version: 1.0
*/

/* Backgrounded images */
.img-bg {
	background: #ECF0F1;
}
.img-bg-hover {
	background: #ECF0F1;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.img-bg-hover:hover {
	background: #DADFE1;
}
.industries a {
	display: block;
	border: none;
	background: #ECF0F1;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.industries a:hover {
	background: #DADFE1;
}

/* All Products Page */
.product-series {
	border-radius: 10px;
	border: 2px solid transparent;
	display: block;
	padding: 20px;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.product-series:hover, .product-series:focus {
	border: 2px solid #005E01;
}

/* Individual Products Page */
.nav-pills>li:not(.active)>a {
	border: none;
	border-radius: 5px;
	-webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.nav-pills>li:not(.active)>a:hover, .nav-pills>li:not(.active)>a:focus {
	border: none;
	border-radius: 5px;
	background-color: #00B16A;
	color: white;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	border: none;
	border-radius: 5px;
	background-color: #005E01;
}

/* Footer */
footer a {
	border-bottom: 2px solid transparent;
}