/**
Medium - Large Layout (<640)
**/
@font-face {
	font-family: 'icomoon';
	src:url('../eot/icomoon3665.eot?nojmsf');
	src:url('../eot/icomoond41d.eot?#iefixnojmsf') format('embedded-opentype'),
		url('../woff/icomoon3665.woff?nojmsf') format('woff'),
		url('../ttf/icomoon3665.ttf?nojmsf') format('truetype'),
		url('../svg/icomoon3665.svg?nojmsf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.hide-br-on-mobile {display: none;}
.bcaa-promo-banner {display: none !important;}
.for-your-home-member-rewards {display: none !important;}

.open #breadcrumb {
	display: none;
}
.mobile-cp-logo {
	display: block !important;
	margin-left: 32px;
	margin-bottom: 19px;
	margin-top: 20px;
}

.desktop-cp-logo {
	display: none !important;
}

.professionals-top-Label,
.for-your-home-top-Label, 
.industrial-top-Label
{
	display: none;
}

#french-disclaimer
{
	display: none;
}


/*body{
	background: url(../img/BGGeneric.jpg) no-repeat fixed center top #898989;
}*/
	.w-w1{
		background: url(../png/m-w1.png) repeat-x 0 0 / 15px 495px fixed;
		background: none;
	}
		.w-w2{
			background: url(../png/m-w2.png) repeat-x 0 495px / 1px 6000px fixed;
			background: none;
		}

.section-inner{
	padding: 0 15px;
}

body.blue #logo{
	background-color: #fff;
}
/*#logo:before{
	content:"";
	display: inline-block;
	height: 68px;
	width: 75px;
	background: url(../img/logo_cloverdale_mobile.png) no-repeat;
	background-size: contain!important;
	margin-top: 2px;
}
	body.blue #logo:before{
		width: 112px;
		height: 27px;
		margin-top: 25px;
		background-image: url(../img/logo_cloverdale-industrial_mobile.png);
	}
#logo img{
	display: none!important;
}*/

/* HEADER
-------------------*/
#header{
	position: relative;
	z-index: 100;
}
	.h-w2.section-inner{padding: 0;}

/*--TOPBAR--*/
.blue .page-section #topbar {
	background: #99b5c8;
}

#topbar{
	/*height: 35px;*/
	background: #d4d4d4;
	color: #fff;
	position: relative;
	
}
.topbar-internal{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*--TOPBAR MENU--*/
#topbarmenu{
	/*float: right;
	height: 50px;	
	*/
}
	/*trigger*/
	#trigger-topbarmenu{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 52px;
		height: 60px;
		background: #fff;
		cursor: pointer;
		padding: 0;
		text-align: center;
		line-height: normal;
		border: 0;
	}

	/* hide the extra text span if you only want the icon */
#trigger-topbarmenu > span {
  display: none;
}

		/*#trigger-topbarmenu>span{display: inline-block; padding-left: 6px;padding-right:15px}*/

		/*Icon Trigger*/
		.icon-menu{
			position: relative;
			width: 26px;
			height: 18px;
			display: inline-block;
			margin: 0;
			top: 0;
			left: 0;
		}

/* middle line */
.icon-menu span {
  position: absolute;
  left: 0;
  top: 8px;
  width: 26px;
  height: 3px;
  background: #111;
  display: block;
}

/* top + bottom lines */
.icon-menu span::before,
.icon-menu span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 26px;
  height: 3px;
  background: #111;
  display: block;
}

.icon-menu span::before {
  top: -8px;
}

.icon-menu span::after {
  top: 8px;
}

	/*dropdown*/
	.topbarnav{
		position: absolute;
		left: 0;
		top: 145px;
		width: 100%;
		background: #000;
		padding: 30px 15px 30px 15px;
		display: none;
		
	}
		.topbarnav.dropmenu{
			display: block;
			-webkit-animation: fadeIn 0.1s;
			animation: fadeIn 0.1s;

			margin: 18px;
			width: calc(100% - 36px);
			background: #fff;
			min-height: 900px;
			/*
			border: 1px solid #e6e6e6;
			border-radius: 2px;
			box-shadow: 0 0 8px rgba(0,0,0,0.36);
			*/
		}

		.topbarnav.dropmenu #mainnav .nav.L1 > li > a {
			font: normal normal bold 22px/30px Source Sans Pro !important;
			letter-spacing: -0.22px;
			color: #000000 !important;
			text-transform: uppercase !important;
			opacity: 1;
		}



		/* Style the Professionals link */
.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(-n+3) > a {
  width: 100%;
  text-align: center;
  letter-spacing: 1px;
  padding: 16px 20px;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid #C2C0BA;
  opacity: 1;
  margin-bottom: 10px;
  max-height: 60px;
  display: none;
}

.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(-n+3) > a span {

	  font: normal normal bold 25px/13px Source Sans Pro;
	letter-spacing: -0.25px;
	color: #C2C0BA;
	text-transform: uppercase;

	text-decoration: none;
}

/* Remove underline from span inside */
.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(-n+3) > a span {
  display: inline-block;
}

.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:first-child > a.active
{
	background: #A8AD7B 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
}

.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(2) > a.active
{
	background: #E8AB2C 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
}

.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(3) > a.active
{
	background: #8FACBF 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
}

.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(-n+3) > a span {
	font: normal normal bold 25px/13px Source Sans Pro;
letter-spacing: -0.25px;
color: #000;
text-transform: uppercase;
opacity: 1;
}

.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(-n+3) > a.active span {
	color: #000000;
}

/*
.home-style .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li:nth-child(-n+3) > a span
{
	font: normal normal bold 25px/13px Source Sans Pro;
	letter-spacing: -0.25px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}*/
body.home-style:not(.about-contact-us) .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li:nth-child(-n+3) > a span 
{
  
  font: normal normal bold 25px/13px "Source Sans Pro";
  letter-spacing: -0.25px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}

.home-style .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:first-child > a
{
	background: #A8AD7B 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	margin-bottom: 10px;
}

.home-style .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(2) > a
{
	background: #E8AB2C 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	margin-bottom: 10px;
}

.home-style .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection > li:nth-child(3) > a
{
	background: #8FACBF 0% 0% no-repeat padding-box;
	border-radius: 5px;
	opacity: 1;
	margin-bottom: 10px;
}


.store-locations.home-style.open .topbarnav #mainnav #cph_header_MainNavCollection > li:first-child > a
{
	display: none !important;
}

.store-locations.home-style.open .topbarnav #mainnav #cph_header_MainNavCollection > li:nth-child(2) > a
{
	display: none !important;
}

.store-locations.home-style.open .topbarnav #mainnav #cph_header_MainNavCollection > li:nth-child(3) > a
{
	display: none !important;
}

/* Wrap container should be relative */
.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li a.L2.active {
  display: block;
  width: 100%;

  padding: 14px 50px 14px 16px; /* right space for arrow */
  box-sizing: border-box;
  position: relative;
  
  background: #d4d6bd 0% 0% no-repeat padding-box;
	
}

.about-contact-us .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li a.L2.active {
	background: #ebeae8 0% 0% no-repeat padding-box;
	
}

.yellow .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li a.L2.active
{
	background-color: rgba(232,171,44, 0.5);
}

.yellow #mainnav .nav.L3 > li.L3.active
{
	background: #f4d596 0% 0% no-repeat padding-box;
}

.blue .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li a.L2.active
{	
	background: #c7d6df 0% 0% no-repeat padding-box;
}

.blue #mainnav .nav.L3 > li.L3.active
{
	background-color: rgba(71,86,95, 0.5);
}


.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li a.L2.active span{
	text-align: left;
	font: normal normal bold 22px/30px Source Sans Pro;
	letter-spacing: -0.22px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

    .topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li.L2.open a.L2 span {
        text-align: left;
        font: normal normal bold 22px / 30px Source Sans Pro;
        letter-spacing: -0.22px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

/* Arrow container */
.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li .togglemenu {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

/* Replace dash with proper arrow look */
.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li .togglemenu span {
  font-size: 20px;
  font-weight: 700;
}


	/*closemenu*/
	.closemenu{
		text-transform: uppercase;
		font-weight: 700;
		font-family: Arial, sans-serif;
		position: absolute;
		left: 15px;
		font-size: 14px;
		bottom: 24px;
		cursor: pointer;
	}
		.closemenu span{
			position:relative;
			left: 0;
			top: 2px;
			margin-right: 5px;
		}

/*--MAINNAV--*/
#mainnav{
	/*border-top: 2px solid #646464;
	border-bottom: 2px solid #646464;
	line-height: 1;
	*/
}


	#mainnav li{position: relative;}
	#mainnav li.active a {
		font-weight: 700;
	}

	/*First Level*/
	#mainnav .nav.L1>li>a,
	#mainnav .nav.L1>li>.togglemenu, #mainnav ul li.L1Hidden > a {
		display: none;
	}
		.template-home #mainnav .nav.L1 > li{
			border-top: 1px dotted #646464;
		}
			.template-home #mainnav .nav.L1 > li:first-child{border-top: 0;}
		.template-home #mainnav .nav.L1 > li > a, 
		.template-home #mainnav .nav.L1 > li > .togglemenu, 
		.template-home #mainnav ul li.L1Hidden > a{
			color: #fff;
			display: inline-block;
			font-size: 14px;
			padding: 10px 10px 11px;
			text-decoration: none;
			text-transform: uppercase;
		}

    #mainnav ul.L1 ul {
        display: none;
    }

    #mainnav ul.L1 ul.active {
        display: block;
		margin-bottom: 10px;
    }

    #mainnav ul.L2 ul.active {
    	/*display: none;*/
    }

	/*Second Level*/
	.yellow #mainnav .nav.L2>li{
		border-bottom: 1px solid #E8AB2C;	
		padding-bottom: 5px;
  		padding-top: 5px;
	}

		.blue #mainnav .nav.L2>li{
			border-bottom: 1px solid #8FACBF;	
			padding-bottom: 5px;
  			padding-top: 5px;
		}

		.green #mainnav .nav.L2>li{
			border-bottom: 1px solid #A8AD7B;	
			padding-bottom: 5px;
  			padding-top: 5px;
		}
		#mainnav .nav.L2>li:first-child{
			border-top: 0;
		}

		#mainnav .nav.L2>li>a{
			display: inline-block;
			color: #000;
			text-transform: uppercase;
			text-decoration: none;
			padding: 10px 10px 11px 10px;
			font-size: 14px;
		}

		/*#mainnav .nav.L2>li.open{
		background: #9ea374;
		}
		.yellow #mainnav .nav.L2 > li.open{background:#FFD200; background: none;}
		.blue #mainnav .nav.L2 > li.open{background:#8FACBF;}*/

			#mainnav .nav.L2>li.open .nav.L3{display: block;}

	/*Third Level*/
	#mainnav .nav.L3{
		display: none;
	}
		#mainnav .nav.L3>li{
			padding: 6px 0;
			/*background: #757956;*/
			/*background: #333;*/
		}

		.yellow #mainnav .nav.L3 > li {
			border-top: 1px dotted #E8AB2C;
		}

		.yellow #mainnav .nav.L2 > li.open .nav.L3 li.first-child {
			 
			margin-top: 5px;
		}

		.green #mainnav .nav.L3 > li {
			border-top: 1px dotted #A8AD7B;
		}

		.green #mainnav .nav.L2 > li.open .nav.L3 li.first-child {
			 
			margin-top: 5px;
		}

		.blue #mainnav .nav.L2 > li.open .nav.L3 li.first-child {	 
			margin-top: 5px;
		}

		.blue #mainnav .nav.L3 > li {
			border-top: 1px dotted #8FACBF;
		}

		#mainnav .nav.L3>li.L3.active {				
				/*background: #A8AD7B 0% 0% no-repeat padding-box;*/
				background: transparent !important;
				margin-left: 0px;
		}

#mainnav .nav.L3 > li.L3.active > a.L3.active {
  display: flex;                 /* key change */
  align-items: center;
  gap: 5px;                     /* space between » and text */

  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  color: #000;
  font-weight: 600;
  text-align: left;              /* force left alignment */
  left: 0px;
}

.green #mainnav .nav.L3 > li.L3.active > a.L3.active  {
  border-top: 1px dotted #A8AD7B;
  border-bottom: 1px dotted #A8AD7B;
    background: #d4d6bd;
}

.yellow #mainnav .nav.L3 > li.L3.active > a.L3.active  {
  border-top: 1px dotted #E8AB2C;
  border-bottom: 1px dotted #E8AB2C;
    background: #f4d596;
}

.blue #mainnav .nav.L3 > li.L3.active > a.L3.active  {
  border-top: 1px dotted #8FACBF;
  border-bottom: 1px dotted #8FACBF;
    background: #c7d6df;
}

/* Add inline » (NOT absolute anymore) */
#mainnav .nav.L3 > li.L3.active > a.L3.active::before {
  content: "»";
  position: static;              /* remove absolute positioning */
  transform: none;
  text-align: left;
	font: normal normal bold 18px/20px Source Sans Pro;
	letter-spacing: 0.16px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}


		.about-contact-us #mainnav .nav.L3>li.L3.active {
			background: #ebeae8 0% 0% no-repeat padding-box;
		}
			#mainnav .nav.L3>li:last-child{
				padding-bottom: 12px;
			}

			#mainnav .nav.L3>li>a{
				text-decoration: none;
				color: #fff;
				font-size: 14px;
				padding: 4px 10px 4px 0;
				position: relative;
				left: 30px;
				top: 0;
				display: inline-block;
			}

			#mainnav .nav.L3 > li > a > span{
				font: normal normal normal 20px/25px Source Sans Pro;
				letter-spacing: -0.2px;
				color: #000000;
				opacity: 1;
			}

			#mainnav .nav.L3>li.open .nav.L4{display: block;}

			.industry-markets #mainnav .nav.L3 > li.L3.active 
			{
				background: none;
			}

			.industry-markets #mainnav .nav.L3 > li > a  {

				width: 100%;
				padding-left: 15px;
  				left: 0px;
			}

			.industry-markets #mainnav .nav.L3.active > li.active > a.active {
				
				background: #c7d6df 0% 0% no-repeat padding-box;
				left: 0px;
				width: 100%;
				padding-left: 15px;
			}

			.industry-markets #mainnav .nav.L4.active > li.L4.active 
			{
				display: block;
				width: 100%;
				box-sizing: border-box;
				background: #c7d6df;
				padding: 12px 16px;
					padding-left: 16px;
				color: #000;
				font-weight: 600;
				padding-left: 20px;
				
			}

			.yellow #mainnav .nav.L4.active > li.L4.active
			{
				display: block;
				width: 100%;
				box-sizing: border-box;
				background: #f4d596;
				padding: 12px 16px;
					padding-left: 16px;
				color: #000;
				font-weight: 600;
				padding-left: 20px;
				
			}

			.green #mainnav .nav.L4.active > li.L4.active 
			{
				display: block;
				width: 100%;
				box-sizing: border-box;
				background: #d4d6bd;
				padding: 12px 16px;
					padding-left: 16px;
				color: #000;
				font-weight: 600;
				padding-left: 20px;
				
			}

			.yellow #mainnav .nav.L4,
			.green #mainnav .nav.L4
			{
				padding: 0px 0 5px 0px;			
			}

			.yellow #mainnav .nav.L4 > li.L4 ::before,
			.green #mainnav .nav.L4 > li.L4 ::before
			{					
					left: 30px;
					position: relative;
			}			

			.yellow #mainnav .nav.L4 > li > a,
			.green #mainnav .nav.L4 > li > a
			{
				margin-left: 35px;
			}

			.yellow #mainnav .nav.L4 > li::before,
			.green #mainnav .nav.L4 > li::before
			{
					content: "- ";
					left: 30px;
					position: relative;
					margin-left: 15px;

			}

			.industry-markets #mainnav .nav.L4  {
				padding: 0px 0 5px 0px;			
			}

			.industry-markets #mainnav .nav.L4 > li > a {
				margin-left: 30px;
			}

			.industry-markets #mainnav .nav.L4 > li > a.active {
				margin-left: 35px;
			}

			.industry-markets #mainnav .nav.L4 > li::before {
					content: "- ";
					left: 30px;
					position: relative;

			}

			.industry-markets #mainnav .nav.L4 > li.L4.active::before {
				left: 30px;
			}

			.industry-markets #mainnav .nav.L3 > li.L3.active > a.L3.active {
				background: none;
				border-top: 0px;
				border-bottom: 0px;
			}

			.industry-markets #mainnav .nav.L3 > li.L3.active > a.L3.active span,
			.industry-markets #mainnav .nav.L4 > li > a.active span {
				color: #000;
  				font-weight: bold;
			}

			    .industry-markets #mainnav ul.L2 ul.active {
					margin-bottom: 0px;
					padding-bottom: 0px;
				}
				
			.industry-markets #mainnav .nav.L4>li {
				border-top: 1px dotted #8FACBF;
        		padding: 10px 0 !important;
			}

			.yellow #mainnav .nav.L3 > li.L3.active > a.L3.active span,
			.yellow #mainnav .nav.L4 > li > a.active span {
				color: #000;
  				font-weight: bold;
			}

			.yellow #mainnav .nav.L4>li {
				border-top: 1px dotted #f4d596;
        		padding: 10px 0 !important;
			}

			.yellow #mainnav .nav.L4 {
				    padding-bottom: 0px;
    				margin-bottom: 0px;
			}

			.green #mainnav .nav.L3 > li.L3.active > a.L3.active span,
			.green #mainnav .nav.L4 > li > a.active span {
				color: #000;
  				font-weight: bold;
			}

			.green #mainnav .nav.L4>li {
				border-top: 1px dotted #A8AD7B;
        		padding: 10px 0 !important;
			}

			.green #mainnav .nav.L4 {
				    padding-bottom: 0px;
    				margin-bottom: 0px;
			}

			/*
			.green #mainnav .nav.L4 > li.L4.active::before {
				left: 30px;
			}
			*/

			.yellow #mainnav .nav.L4 > li.L4.active::before,
			.green #mainnav .nav.L4 > li.L4.active::before 
			{
					left: 30px;				
					position: relative;
					margin-left: 15px;
			}

			/*
			.green #mainnav .nav.L4 > li > a.active {
				margin-left: 30px;
			}
			*/

			.yellow #mainnav .nav.L4 > li > a.active,
			.green #mainnav .nav.L4 > li > a.active
			{
				margin-left: 35px;
			}

	/*Fourth Level*/
	#mainnav .nav.L4{
		padding: 0 0 5px 30px;
		display: none;
	}
		#mainnav .nav.L4>li{
			margin-top: 10px;
		}
		#mainnav .nav.L4>li:before{
			content:"- ";
		}
			#mainnav .nav.L4>li>a{
				display: inline-block;
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				line-height: 1;
			}

			#mainnav .nav.L4>li>a span {
				text-align: left;
				font: normal normal normal 20px/25px Source Sans Pro;
				letter-spacing: -0.2px;
				color: #000000;
				opacity: 1;				
			}

			    .blue #mainnav .nav.L3 > li.L3.active > li.L4.active > a.L4.active{
					border-top: 1px dotted #8FACBF;
					border-bottom: 1px dotted #8FACBF;
					background: #c7d6df !important;
				}
				.blue #mainnav .nav.L4>li.L4.active {
					border-top: 1px dotted #8FACBF;
					border-bottom: 1px dotted #8FACBF;
					background: #c7d6df !important;
				}

	/*Toggle Menu*/
	.nav.L2 .togglemenu{
		position: absolute;
		right: 8px;
		top: 6px;		
	}
		.nav.L2 .togglemenu span{background-color: #c2c0ba;}
			.nav.L2>li.open>.togglemenu span{
				background-color: #000;
				background-position: 5px -6px;
				color: #fff;
				padding-top:0px;
				font-size:24px;
			}



	.nav.L3 .togglemenu{
		position: absolute;
		left: 2px;
		top: 7px;
	}
		.nav.L3 .togglemenu span{
			background-color: #fff;
		}

.yellow .nav.L3 > li.open > .togglemenu span {
	background-color: #ffd200;
	background-position: 5px -6px;
}

.green .nav.L3 > li.open > .togglemenu span {
	background-color: #9ea374;
	background-position: 5px -6px;
}

.blue .nav.L3 > li.open > .togglemenu span {
	background-color: #8facbf;
	background-position: 5px -6px;
}


		.yellow .nav.L2 .togglemenu span, 
		.yellow .nav.L3 .togglemenu span {
			background-color:#ffd200;
		}
		.yellow a.active span {
			color: #ffd200;
		}

		.green .nav.L2 .togglemenu span,
		.green .nav.L3 .togglemenu span {
			background-color: #9ea374;
		}
		.green a.active span {
			color: #9ea374;
		}


		.blue .nav.L2 .togglemenu span,
		.blue .nav.L3 .togglemenu span {
			background-color: #8facbf;
		}
		.blue a.active span {
			color: #8facbf;
		}
	
/*--SECONDARY NAV--*/
#secondarynav{
	float: right;
}
	#secondarynav li{
		margin-top: 15px;
		line-height: 1;
	}
	#secondarynav a{
		text-decoration: none;
		color: #fff;
		text-transform: capitalize;
		font-size: 13px;
	}

    #secondarynav li.more ul {
        /*display: none !important;*/
    }

/*--UTIL--*/
#util{
	float: left;
	width: 100%;
	padding-right: 0;
	display: block;
}
.topbar-home #util{
	padding-right: 0;
	
}
.topbar-home #util a{
	text-align: right;
}
	#util ul{
		padding: 0 !important;
		margin: 0 !important;
	}
	#util li{
		display: table;
		width: 100%;
		text-decoration: none;
	}
		#util a{
			display: inline-block;
			vertical-align: middle;
			color: #000;
			text-align: left;
			font-size: 14px;
			font-weight: 700;
			line-height: 1.083;
			text-decoration: none;
			position: relative;
			padding: 0 0 0 25px;
		}
		#secondarynav li:first-child,
		#secondarynav li:nth-child(2){
			display: none;
		}
		.green #secondarynav li#order_online, .template-home #secondarynav li#order_online {
		    display: none;
		}

		.yellow #secondarynav li#order_online {
		    display: block;
		}
		#secondarynav #order_online a {
		    border: 1px solid #ffde00;
		    border-radius: 4px;
		    padding-top: 2px;
		    padding-bottom: 2px;
		    padding-left: 6px;
		    padding-right: 6px;
		}


/*--LOGO--*/
#logo{
	display: block;
	background: #fff;
	/* width: 130px;
	padding: 0 10px;
	height: 77px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -65px; */
	text-align: left;
	text-decoration: none;
	/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);  */
}
	#logo img{
		display: inline-block;
		width: 100%;
		max-width: 275px;
		
	}
	
	/* .green #logo,
	.template-home #logo,
	.yellow #logo{
		background: url(../img/cloverdale-logo-mobile.png) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.green #logo img,
	.yellow #logo img,
	.template-home #logo img{
		display: none;
	} */



/* MAIN
-------------------*/
#main{
	/*margin: 0 15px;*/
	background: rgba(255, 255, 255, 0.75);
	position: relative;
	z-index: 50;
}
	#main .section-inner{padding: 0;}

	.m-w1{}
		#main .m-w2{
			/*padding: 50px 10px 30px 10px;*/
			padding: 10px 10px 30px;
			overflow: hidden;
		}
			
/*--CURRENT CATEGORY--*/
.page-category span{
	display: block;
	font-family: Arial, sans-serif; 
}
	.page-category .top-parent-category{
		border-bottom: 4px solid #000;
		font-size: 22px;
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
		color: #000;
		margin-bottom: 25px;
	}

		.template-home .page-category .top-parent-category{display: none;}

	.page-category .current-category{
		font-size: 20px;
		color: #000;
		text-transform: capitalize;
		margin-bottom: 10px;
	}


	.blue .page-category .current-category{
		color: #8facbf;
	}
	.yellow .page-category .current-category{
		color: #b99100;
	}
	.green .page-category .current-category{
		color: #9ea374;
	}


/*--CONTENT--*/
#content{
	padding-top: 0;
	min-height: 0 !important;

}	

	#content .sf_colsOut,
	#content .sf_3cols_1in_33,
	#content .sf_3cols_3_25,
    #content .sf_2cols_1_50,
   	#content .sf_2cols_2_50,
   	#content .sf_2cols_1_75,
   	#content .sf_2cols_2_75{
    	width: auto!important;
    	float: none!important;
    }	
    	#content .sf_colsIn,
    	#content .sf_2cols_2_50>div,
    	#content .sf_2cols_2_75>div{
    		margin-left: 0 !important;
    	}
    
	.content-img{margin-bottom: 20px;}
	#content img{
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		float: none !important;
		width: auto;
	}	

#content .location-map img {display:inherit;max-width:none;box-shadow:0 0 0 transparent;}



/* TEMPLATE: LANDING
-------------------*/
.template-landing #subnav,
.template-landing .current-category{
	display: none;
}
.frontbanner{
	margin-bottom: 20px;
}
/*Banner*/
.homebanner{
	background: url(../jpg/frontbanner-mobile.jpg) no-repeat center top;
	background: url(../jpg/frontbanner-mobile.jpg) no-repeat center top / cover;
	height: 120px;
	width: 100%;
	margin-bottom: 20px;
	display: block;
}

.template-landing.blue .homebanner{
	background: url(../jpg/frontbanner-industrial-mobile.jpg) no-repeat center top;
	background-size: cover;
}

.template-landing.yellow .homebanner{
	background: url(../jpg/bannerprofessional.jpg) no-repeat center top;
	background-size: cover;
}

/*Intro block*/
.rodda-block .intro {
	font-size: 18px;
	color: #000;
}
	.rodda-block .intro  a{
		color: #326496;
		text-decoration: none; 
	}
.rodda-block .intro .heading, .template-landing .frontbanner .heading  {
	display: block;
	color: #000;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 20px;
}

/*slider*/
#content .slider img{max-width: 100%;}
.c-w1 .slider ul{margin: 0;}
.c-w1 .slider ul li{padding: 0;}
.c-w1 .slider ul li:before{
	display: none;
}
.slick-dots{bottom: -42px;}
.slick-dots li{
	width: 50px; 
	height: 24px;
	text-align: center;
}
	.slick-dots li button{
		background:url(../png/slidernav-mobile.png) no-repeat -24px 0;
		background-size: 48px 24px;
		width: 24px;
		height: 24px;
		display: inline-block;
	}
		.slick-dots  li.slick-active button{background-position: 0 0;}


/* TEMPLATE: OVERVIEW
-------------------*/
.template-overview .c-w1 .overview-boxes li{margin:0 0 20px 0;}
.template-overview .c-w1 .overview-boxes li{
	display: block;
	text-align: center;
	float: none;
	width: auto;
}
	.template-overview .c-w1 .overview-boxes li a{display: inline-block;}

	.template-overview .c-w1 .overview-boxes .heading{
		font-size: 16px;
		display: none;
	}

.yellow .overview-boxes .heading {
	font-size: 16px;
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #fecb05;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}


.blue .overview-boxes .heading {
	font-size: 16px;
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #8facbf;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

.green .overview-boxes .heading {
	font-size: 16px;
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #9ea374;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

.contact-us-pages .overview-boxes ul li .heading {
	display: block !important;
	color: black;
	font-weight: 600;
	text-align: left;
	padding-left: 15px;
	font-family: 'Lato';
	background: #9ea374;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}

/* TEMPLATE: INTERNAL OVERVIEW
-------------------*/
.template-internal-overview .c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 0; clear:left;}





/* FOOTER
-------------------*/
#footer .f-w2 #bottomlinks 
{
	text-align: center;
	margin-bottom: 25px;
}

#footer{z-index: 50; position: relative;}
#footer .section-inner{padding: 0;}

#footer .f-w1{
	/*margin: 0 15px;*/
	background: #fff;
	padding: 8px;
}
#footer ul {
	padding: 0;
}
.foot-sitemap ul,
.other-categories ul{
	padding: 0;
}


/*--QUICK LINKS--*/
#quicklinks, #subnav{
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
	padding: 10px 0;
}
#subnav {
	display: none;
	border-bottom:none;
	margin-top:40px;
}
	#quicklinks li, #subnav li{
		border-bottom: 1px dotted #d6d6d6;
		padding: 10px;
	}
	#subnav .L4 > li.active > a:before {
    content: "» ";
}
	#subnav li.last-child {border-bottom:none;}
		#quicklinks li:first-child{border-top: 1px dotted #d6d6d6;}

		#quicklinks a{
			display: inline-block;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			font-size: 15px;
			font-weight: 700;
		}
		#subnav a {display: inline-block;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			}
#subnav a.L3 {display:none;}

#subnav .nav.L5{margin-left: 10px;}
/*--SOCIAL MEDIA--*/
#footer .socialmedia{
	padding: 25px 0 20px 0;
	text-align: center;
}
	#footer .socialmedia .heading{		
		display: block;
		padding-bottom: 10px;
		font: normal normal bold 15px/22px Lato;
		letter-spacing: 0px;
		color: #000000;
		text-transform: uppercase;
		opacity: 1;
	}
		#footer .socialmedia .heading br{display: none;}
	#footer .socialmedia li{
		display: inline-block;
		margin: 0 1px;
	}

/*--NEWSLETTER--*/
#newsletter{
	text-align: center;
	margin-bottom: 25px;
}
/*#newsletter .heading{
	display: block;
	font-size: 14px;
	color: #4b4b4b;
	font-family: Verdana, sans-serif;
	margin-bottom: 10px;
}*/
	#newsletter label{
		display: none;
	}

	#newsletter input[type="text"],
	#newsletter input[type="email"]{
		width: 100%;
		border:none;
		background: #dcdcdc;
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.41) inset;
		border-radius: 4px;
		background-clip: padding-box;
		padding: 10px;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 12px;
		color: #424242;
		font-family: Verdana, sans-serif;
		-webkit-appearance: none;
	}

/*--BREADCRUMB--*/
#breadcrumb{
	
	border-bottom: 1px dotted #ccc;
	padding: 0 10px 16px 16px;
}
	/*hide the unnecessary stuff*/
	/*#breadcrumb .bc-home-link,
	#breadcrumb .bc-home-link + .separator{display: none;}*/
.bc-home-link {display:inline-block;}
.breadcrumbs {display:inline-block;}
#breadcrumb .separator {
	display: none;
}

	#breadcrumb .heading{
		display: block;
		text-transform: uppercase;
		font-size: 13px;
		color: #82865f;
	}
	#breadcrumb .heading:after {
		content: 'Home';
		display: block;
		text-transform: none;
		padding: 20px 0 0;
	}
		#breadcrumb .breadcrumbs a{
			clear: left;
			/*float: left;*/
			padding-top: 5px;
			margin-left: 0;
			display: inline-block;
			text-decoration: none;
			color: #8c8c8c;
			padding-right:5px;
		}
			#breadcrumb .breadcrumbs a:before{
				content:"»";
				margin-right: 5px;
			}
			/*#breadcrumb .breadcrumbs a:first-child{
				font-size: 13px;
				margin-left: 0;
				display: inline-block;
				clear: both;
				float: left;
				margin-top: 10px;
			}*/
				/*#breadcrumb .breadcrumbs a:first-child:before{
					display: none;
				}*/

	.breadcrumbs .separator{display: none;}
.breadcrumbs span {
	clear: left;
	/*float: left;*/
	padding-top: 5px;
	display: inline-block;
	margin-left: 0;
	color: #000;
	margin-right: 5px;
	/*display: none;*/
}
		.breadcrumbs span:before{
			content:"»";
			margin-right: 5px;
		}

/*--SITEMAP--*/
.foot-sitemap li{position: relative;}
	.foot-sitemap a{margin: 0 10px;}
.foot-sitemap .togglemenu{
	position: absolute;
	top: 14px;
	right: 0;
}

#footlogo{display: none; visibility: hidden; speak:none;}

/*first level*/
.foot-sitemap .L1>li{
	padding:  20px 0;
	line-height: 1;
	border-top: 1px dotted #d6d6d6;
}
	.foot-sitemap .L1>li:first-child{border-top: none;}
	.foot-sitemap .L1>li>a{
		display: inline-block;
		font-size: 13px;
		color: #000;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.foot-sitemap .L1>li.open .togglemenu span{
		background-color: #000;
		background-position: 5px -6px;
	}
.industrial-footer-extra-items li {
	padding: 10px 0;
	line-height: 1;
	border-top: 1px dotted #d6d6d6;
}

.industrial-footer-extra-items li a {
	display: inline-block;
	font-size: 13px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

/*second level*/
.foot-sitemap .L2{
	display: none;
}
	.foot-sitemap .L1>li.open .L2{display: block;}

	.foot-sitemap .L2 a{
		display: inline-block;
		color: #4b4b4b;
		font-size: 13px;
		text-transform: capitalize;
		text-decoration: none;
		margin-top: 17px;
	}

	.foot-sitemap {
		display: none;
	}
/*--OTHER CATEGORIES--*/
.other-categories {
	display: none;
}
.other-categories {
	border-top: 2px solid #000;
	padding: 20px 0;
	
}
.other-categories ul{
	display: table;
	width: 100%;
}
	.other-categories ul li{
		display: block;
		width: 50%;
        padding-right: 10px;
        float:left;
	}
		.other-categories ul li:first-child{
			padding-left: 0;
		}

		.other-categories li.active{display: none;}

    .other-categories ul.showall li:last-child {
        margin-top: 10px;
    }

.other-categories a{
	display: block;
	background: red;
	text-align: center;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px;
	line-height: 1;
	border-radius: 2px;
	background-clip: padding-box;
	font-family: Verdana, sans-serif;
}
	.other-categories .oc-one a{background: #ffd200;}
	.other-categories .oc-two a{background: #9ea374;}
	.other-categories .oc-three a{background: #8facbf;}

/*--COPYRIGHT--*/
#copyright{
	font-family: Verdana, sans-serif;
	color:#000;
	margin-bottom: 10px;
	text-align: center;
}

/*--SITEMAP--*/
#bottomlinks li{
	/*display: inline-block;
	line-height: 1;
	border-right: 1px solid #000;
	padding-right: 10px;
	margin-right: 10px;
	*/
	display: inline-block;
    line-height: 1;
    padding-right: 10px;
    margin-right: 10px;

    background: linear-gradient(#000,#000) right center / 1px 60% no-repeat;
}

#bottomlinks li:last-child {
    background: none;
}

	#bottomlinks li:last-child{
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}

	#bottomlinks a 
	{
		text-align: center;
		text-decoration: underline;
		font: normal normal normal 12px/18px Source Sans Pro;
		letter-spacing: 0px;
		color: #036FAD;
	}

	
/* BACKGROUNDS
-------------------*/
#homebg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
	#homebg .slick-slide img{max-width: 100%;}


/* COMMON CLASESS
-------------------*/

/*Hidden*/
.mobile-h{
	visibility: hidden;
	display: none;
	speak:none;
}

/*Buttons*/

.submit{
	display: block;
	font-size: 12px;
	color: #000;
	font-weight: 700;
	width: 100%;
	padding: 10px;
	border: none;
	text-transform: uppercase;
	
	background-clip: padding-box;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-appearance: none;
    background-color: #ffd200;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.submit:hover{
	background: #000;
    color: #ffd200;
}

/*When you need a wrapper*/
.wrap{position: relative;}

/*Toggle Menu Button*/
.togglemenu{
	display: block;
	width: 24px;
	height: 24px;
	padding-top: 2px;
	text-align: center;
	cursor: pointer;
}
	.togglemenu span,
	.closemenu span {
		display: inline-block;
		border-radius: 50%;
		background-clip: padding-box;
		/*background: url(../img/skin/mobile/togglemenu.png) no-repeat 5px 5px #c2c0ba;*/
		background-size: 7px 17px;
		height: 16px;
		width: 16px;
		padding-top: 2px;
		display:block !important;
	}
	.closemenu span{
		transform: rotate(45deg);
	}

	.togglemenu .chevron-icon-large {
		width: 32px;
		height: 32px;
		position: relative;
  		top: 10px;
	}

	.togglemenu span {
		background-color: transparent !important;
	}

	.togglemenu svg {
		transition: transform 0.2s ease;
		}

		.open > .togglemenu svg {
		transform: rotate(180deg);
		}

/* 1) Ensure the LI is the positioning context and NOT clipping children */
#cph_header_MainNavCollection li.more.L2 {
  position: relative !important;
  overflow: visible !important;
}

#cph_header_MainNavCollection li.L2.inactive a.L2 span {
	align-items: center;
  display: flex;
  font: normal normal bold 22px/30px Source Sans Pro;
  letter-spacing: -0.22px;
  color: #000;
  text-transform: uppercase;
}

#cph_header_MainNavCollection li.more.L2.inactive a.more.L2:hover {
	position: relative;
  background: #ebeae8 0% 0% no-repeat padding-box;
}

/*
#cph_header_MainNavCollection li.more.L2.inactive > a[href="/fanclub"]
{
  background: #ebeae8 0% 0% no-repeat padding-box;
}

#cph_header_MainNavCollection li.L3.inactive:has(> a[href="/for-your-home/product-paint/specialty-coatings"]) {
  background: #ebeae8 0% 0% no-repeat padding-box;
}
*/

/* also make sure parents don't clip it */
#cph_header_MainNavCollection,
#cph_header_MainNavCollection ul,
#cph_header_MainNavCollection li {
  overflow: visible !important;
}

/* 2) Make the L2 bar leave room on the right for the icon */
#cph_header_MainNavCollection li.more.L2 > a.more.L2 {
  display: block !important;
  padding-right: 70px !important; /* space for chevron */
}

/* 3) Pin the toggle button to the TOP-RIGHT of the bar */
#cph_header_MainNavCollection li.more.L2 > .togglemenu {
  position: absolute !important;
  top: 10px !important;      /* 👈 keeps it at the top, not middle */
  right: 14px !important;

  width: 40px !important;
  height: 40px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 99999 !important; /* 👈 above the submenu */
  cursor: pointer !important;
}

/* 4) Make sure the SVG actually has size and renders */
#cph_header_MainNavCollection li.more.L2 > .togglemenu svg.chevron-icon-large {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
}

/* 5) Keep submenu below the chevron */
#cph_header_MainNavCollection li.more.L2 > ul {
  position: relative !important;
  z-index: 1 !important;
}

/* Optional: rotate chevron when open */
#cph_header_MainNavCollection li.more.L2.open > .togglemenu svg.chevron-icon-large {
  transform: rotate(180deg) !important;
  transition: transform 0.2s ease;
}
		
/*Social Media*/
.socialmedia .social a {
	height: 33px;
	padding-top: 33px;
	overflow: hidden;
	width: 33px;
	display: block;
	background-size: contain;
}

a.social-fb {
	background: url(../png/social-fb.png) no-repeat;
}

a.social-tw {
	background: url(../png/social-tw.png) no-repeat;
}

a.social-pi {
	background: url(../png/social-pi.png) no-repeat;
}

a.social-fl {
	background: url(../png/social-fl.png) no-repeat;
}

a.social-yt {
	background: url(../png/social-yt.png) no-repeat;
}

a.social-g {
	background: url(../png/social-g.png) no-repeat;
}

a.social-t {
	background: url(../png/social-t.png) no-repeat;
}

a.social-in {
	background: url(../png/social_instagram.png) no-repeat;
}

a.social-linkedin {
	background: url(../png/social_linkedin.png) no-repeat;
}

a.social-TTK {
	background: url(../png/social-tiktok-mobile.png) no-repeat;
}


.socialmedia .social a{
	font-size: 0;
	/*padding-top: 0; */
	overflow: hidden;
	width: 33px;
	display: block;
	background-size: contain;
}
.socialmedia a:before {
	font-family: "FontAwesome";
	display: inline-block;
	font-size: 25px;
	color: #000;
}

.social-fb:before {
	content: "\f39e";
}

.social-tw:before {
	content: "\f099";
}

.social-in:before {
	content: "\e055";
}

.social-linkedin:before {
	content: "\f0e1";
}

.social-pi:before {
	content: "\f231";
}

.social-yt:before {
	content: "\f167";
}

.socialmedia a:hover:before {
	color: #ffd200;
}

a.social-fl {
	background: url(../png/social-fl.png) no-repeat;
}

a.social-g {
	background: url(../png/social-g.png) no-repeat;
}

a.social-t {
	background: url(../png/social-t.png) no-repeat;
}


.signup-newsletter{
	display: block;
    color: #000;
    width: 286px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 27px;
    background: url(../404.html) right 0 no-repeat;
    text-align: right;
    text-decoration: none;
    min-height: 50px;
    margin: 15px auto 0 auto;
    text-align: center;
}

/*Facebook*/
.fb-like{
	clear: both;
	margin-top: 30px;
}

/*Checklist*/
.c-w1 .checklist{
	margin: 0 0 25px 0;
	clear: both;
}
	.c-w1 .checklist li{
		padding-left: 22px;
		display: inline-block;
		margin-right: 35px;
		width: 80px;
		position: relative;
		min-height: 22px;
	}

	.c-w1 .checklist li:before{
		content:"";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;
		bottom: #fff;
		border:1px solid #000;
	}
	.c-w1 .checklist li.check:after{
		content:"";
		display: block;
		position: absolute;
		left: 3px;
		top: 3px;
		height: 10px;
		width: 10px;
		background: #e6be00;
	}

/*Overview boxes*/
.c-w1 .overview-boxes ul{margin: 0;}
.c-w1 .overview-boxes ul:after {
	content: '';
	display: block;
	clear: both;
}
.c-w1 .overview-boxes li{padding: 0; margin: 0 0 15px 20px;}
.c-w1 .overview-boxes li:before{display: none;}

.overview-boxes li{
	text-align: center;
	float: left;
	width: 125px;
}
	.overview-boxes a{
		display: block;
		text-decoration: none;
		color: #646464 !important;
	}

	.overview-boxes .i-o-image{background: #ccc; display: inline-block;}

	.overview-boxes .desc{
		display: none;
	}

	#content .overview-boxes li img{
		display: block;
		max-width: 100%;
		width: 100%;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 10px;
		padding-top: 5px;
		display: block;
		color: #8c8c8c;
		text-transform: capitalize;
	}

    .mobile-h{
	    visibility: hidden;
	    display: none;
	    speak:none;
    }



.location-map #map_canvas {
    height: 360px;
    width: 100%;
    border:1px solid #000;
}

.c-w1 .location-map .location-type-list .corporate-store {clear:both; float:left; font-size: 12px;}
.c-w1 .location-map .location-type-list .authorized-dealer {clear:both; float:left; font-size: 12px;}
.c-w1 .location-map .location-type-list .industrial-coatings {clear:both; float:left; font-size: 12px;padding-top: 10px;}
.c-w1 .location-map .location-type-list .sprayshop-list {font-size: 12px; padding-top: 10px;}

.c-w1 .location-map .location-type-list .industrial-coatings {padding-left:0px !important;}
.c-w1 .location-map .location-type-list .industrial-coatings .filter-by {clear:both; float:left;}

.c-w1 .location-map .location-type-list li {float:left;list-style:none;margin-right:10px;margin-top:0px;}
.c-w1 ul.location-type-list li:before {content:"";}
.location-map .search {margin-bottom:20px;color:#000;font-size:16px;}
.c-w1 ul.locations-list li {float:left;width:153px;margin-top:0px;margin-bottom:10px;}
#locmap-figure{
	display: none;
	speak:none;
	visibility: hidden;
}

#locmap-content .title{
	display: block;	
	font-weight: 600;
	color: #050607;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}
	#locmap-content .title br{display: none;}


/*Locations Detail*/
.loc-detail-intro-info>.title{
	display: block;
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
	line-height: 1.3;
}

.loc-cell>.title{
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin: 10px 0;
	line-height: 1.3;
}
.loc-detail-image{
	margin: 20px 0;
}
.loc-detail .Authorized.Dealer {display:none;}
.rodda-gmap{
	width: 100%;
	border:1px solid #000;
	overflow: hidden;
}
	.rodda-gmap iframe{
		width: 100%;
		max-width: 100%!important;
		height: 200px!important;
	}

/* ANIMATION
-------------------*/

/*DEFAULT TRANSITION*/
.regularnimation{
	-webkit-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out; 
}

/*FADE IN EFFECT*/
@-webkit-keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}
@keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}


/* Divine colours
-------------------*/
.devine-color-title-list li:before,
.devine-color li:before{
	display: none!important;
}
.devine-color li{
	padding: 0 !important;
	margin: 0!important;
}

.devine-color-title-list{
	margin: 0!important;
	text-align: center;
}
.devine-color-title-list:after{
	clear: both;
	content: "";
	display: table;
}
.devine-color-title-list li{
	cursor: pointer;
	padding: 0!important;
}
	.devine-color-title-list li:hover,
	.devine-color-title-list li:focus{
		color: #9b9b9b;
	}
		.devine-color-title-list li:active,
		.devine-color-title-list li.active{
			font-weight: 700;
			color: #000;
		}

.devine-color-list{
	margin: 2em 0!important;
	text-align: center;
}
	.devine-color-list img{display: inline-block!important;}
	.devine-color-list .slick-prev,
	.devine-color-list .slick-next{
		background: #000;
		height: 21px;
		width: 28px;
	}
		.devine-color-list .slick-prev{left: 0;}
		.devine-color-list .slick-next{right: 0;}

/* Media Queries
-------------------*/
@media screen and (min-width: 480px){
	.template-internal-overview .c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 15px; clear:none;}
	.template-internal-overview .c-w1 .overview-boxes li:nth-child(3n+1){margin-left: 0; clear:left;}

	/* TEMPLATE: LANDING
	-------------------*/
	/*Banner*/
	.homebanner{
		height: 160px;
	}
}


#content iframe {
	width: 100% !important;
}


/**************************
Error Page
****************************/
#errorpage{
	margin: auto;
	background: url(../png/rodda-error.png) no-repeat top center;
	background-size: 200px auto;
	padding: 170px 20px 20px 20px;
	text-align: center;
	min-height: 330px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
	#errorpage h2{
		font-size: 30px;
		line-height: 1.1;
		font-weight: 600;
	}

	/*#errorpage a,
	#errorpage a:visited{
		color: #2d73a5;
	}*/

/**************************
technical information button
****************************/

.sfContentBlock h2 {
	display: inline-block;
}

.yellow .technical, a.technical {
	font-size: 10px;
	text-transform: uppercase;	
	border: none;	
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 8px;
	color: #ffffff !important;
	background-color: #036fad;
}
a.technical span{
	font-size: 10px !important;
	font-style: normal;
}

	.yellow .technical:hover, a.technical:hover {
		background-color: #003b5c;
		border-color: #000;
		/*color: #ffd200;*/
	}

.green .technical {
	/* font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #9ea374;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #9ea374 1px;
	margin-bottom: 6px;
	margin-right: 8px; */
}

.green .technical:hover {
	/* color: #626644;
	background: #b8bf7c;
	border: solid #9ea374 1px; */
}

.blue .technical {
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: #8facbf;
	border-radius: 3px;
	padding: 6px 10px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	border: solid #8facbf 1px;
	margin-bottom: 6px;
	margin-right: 8px;
}

.blue .technical:hover {
	color: #4e92be;
	background: #a9cde5;
	border: solid #8facbf 1px;
}	


/**************************
color tables
***************************/

table.colors, table.colors tbody {
	display: block;
}
table.colors tr {
	display: block;
}

table.colors td {
	display: block;
	height: 150px;
	float: left;
	width: 33.3333%;
}

/**************************
overview boxes
***************************/
.c-w1 .overview-boxes ul li {
	display: block;
	float: none;
	width: auto;
	margin-left: 0;
}
.overview-boxes .heading {
	font-size: 14px;
}


.formTbl td {
	padding: 1% 0;
}

/*#newsletter .heading {
    color: #000;
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-left: 15px;
    text-transform: uppercase;    
}*/

#newsletter .dealer-login a {
    
    display: block;
    
    overflow: hidden;

}
#newsletter .dealer-login a {
    position: static;
    float: none;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

#locmap-list div img { display: inline;}


form[action='./dealer-login'] #wrapper {
	background: url(../jpg/bg-dealer-login-m.jpg) top center no-repeat fixed #868b8f;
}


/**************************
Internal Cta
****************************/

.internal-ctas{
	margin: 10px 0 20px 0;
}

.internal-ctas a{
	display: inline-block;
	width: 205px;
	height: 55px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

.internal-ctas a+a{
	margin-top: 15px;
}

.ic-store-locations{
	background-image: url(../png/yellow_locate_btn.png);
}
	.ic-store-locations:hover{
		background: url(../png/yellow_locate_btn_hover.png);
	}

.ic-contact-us{
	background-image: url(../png/yellow_contact_btn.png);
}
	.ic-contact-us:hover{
		background-image: url(../png/yellow_contact_btn_hover.png);
	}




/*--------------------------------------------------------------
# Template - Home
--------------------------------------------------------------*/


.template-home #subnav,
.template-home .current-category{
	display: none;
}	
.template-home .w-w1{
		position: relative;
		background: none!important;
	}
		.template-home .w-w1:after{
			content:"";
			display: block;
			position: absolute;
			top: 40px;
			height: 60px;
			background: rgba(0, 0, 0, 0.45);
			width: 100%;
			left: 0;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 
			display: none;
		}

	.template-home .w-w2{background: #fff!important;}
	
	/*Header*/
	.template-home #header{
		background:none;
	}

	.template-home #main{
		background: none;
		padding: 0;
		margin: 0;
	}
		.template-home #main .m-w2{
			width:100%;
			padding: 0;
		}


/*
  Fullwidth Slider
-------------------------------*/
.fullwidth-slider-group{
	margin-bottom: 10px!important;
}

.fullwidth-slider-group_item{
	height: 360px;
	position: relative;
	
}

#main .fullwidth-slider .section-inner{
	position: relative;
	min-height: 100%;
	z-index: 60;
	text-align: center;
}

.fullwidth-slider-group_banner{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	z-index: 50;
	background-position: 60% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.fullwidth-slider-group-_content{
	position: absolute;
	left: 0;
	bottom: 90px;
	padding: 0 30px;
}

.fullwidth-slider-group-_content h2{
	color: #fff;
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;

}

.full-width-cta{
	display: inline-block;
	background: #ffd200;
	padding: 10px;
	border: 2px solid #000;
	line-height: 1;
	font-size: 16px;
	text-transform: uppercase;
	color: #000!important;
	text-decoration: none;
	margin-top: 30px;
	font-weight: 700;
}
	.fwb_professionals	.full-width-cta{
		background: #ffd200;
	}
	.fwb_home	.full-width-cta{
		background: #a8ad7b;
	}
	.fwb_industrial	.full-width-cta{
		background: #8facbf;
	}

.full-width-cta em{
	text-transform: lowercase;
	font-weight: normal;
	margin-right: 3px;
}

.full-width-cta:after{
	display: inline-block;
}


.fullwidth-slider-group .slick-slider{
	margin-bottom: 0;
}

.fullwidth-slider-group .slick-dots{
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	height: 50px;
}
.fullwidth-slider-group .slick-dots li{
	height: 50px;
	width: 24px;
	margin: 0 23px!important; 
}
.fullwidth-slider-group .slick-dots li button{
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	background: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 15px;
}

.fullwidth-slider-group .slick-dots li.slick-active button{
	background: #fff;
}



/*
  Split Blocks
-------------------------------*/

.slit-blocks:after{
	content:"";
	dispzay: table;
	clear: both;
}

.slit-blocks_item {
	/*	float: left;
	width: 50%;*/
	width: 100%;
	/*height: 175px;*/
	height:auto;
	margin-bottom: 10px;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.product-profile .slit-blocks_item {
	/*	float: left;
	width: 50%;*/
	width: 100%;
	height: 445px;	
	margin-bottom: 10px;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.slit-blocks_item.allow-height{
	height: auto;
	min-height: 175px;
}

.slit-blocks{
	display: flex;
  	flex-flow: row wrap;
}
/*
.slit-blocks_item:nth-child(2){	order: 1; }
.slit-blocks_item:nth-child(1){	order: 2; }
.slit-blocks_item:nth-child(4){	order: 3; }
.slit-blocks_item:nth-child(3){	order: 4; }
.slit-blocks_item:nth-child(6){	order: 5; }
.slit-blocks_item:nth-child(5){	order: 6; }
*/

/*
  Split Blocks Content
-------------------------------*/
.slit-blocks_content{
	height: 100%;
	padding: 15px;
	color: #fff;
	position: relative;
	text-align: center;
}

.product-profile-custom .product-profile .slit-blocks_content {
	display: flex;
	justify-content: center;
	position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 2;
  text-align: center;
}

.slit-blocks_content div {
	height: inherit;
}

.slit-blocks_content h2{
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
	text-align: left;
}


/*Buttons*/
.btn-yellow {
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	float: left;
	box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);
	-webkit-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	color: #ffffff !important;
	background-color: #036fad;
}
	.btn-yellow.center{
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
.btn-yellow:hover{
	background-color: #ffe225;
}

/*Sticker*/
.slit-blocks_content a.sticker{
	position: relative;
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	.slit-blocks_content a.sticker>img{
		box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.75);	
		max-width: 274px!important;
	}

.slit-blocks_content a.sticker:hover{
	-webkit-transform: translateY(-52%);
	transform: translateY(-52%);
}


/*
  Split Blocks Content -> Latest block
-------------------------------*/

.latest-block{
	text-align: left;
	position: relative;
	margin-left: -10px;
	margin-top: -10px;
	margin-bottom: -10px;
	padding-left: 55px;
	height: 100%;
}

.latest-block_image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100% !important;
	width: 40px;
	overflow: hidden;
}

.latest-block_image img{
	display: block;
	height: 100%!important;
	max-width: none!important;
}


.latest-block_content{
	color: #000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.latest-block_content h2{
	color: #000;
	line-height: 1.2;
	margin-bottom: 5px;
}
.latest-block_content h3{
	color: #54585f;
	text-transform: uppercase;
	line-height: 1.4;
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 5px;
}

.latest-block_content p{
	font-size: 12px;
	color: #54585f;
	line-height: 1.25;
}

.latest-block_link{
	display: inline-block;
	padding: 10px;
	text-transform: uppercase;
	color: #000!important;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	border:  2px solid #ffd200;
}



.canada-block {
	background: url(../png/canada-cloverdale-mobile.png) no-repeat center top #f8d700;
	background-size: cover;
	background-position: bottom center;
}

.canada-block-inner{
	padding: 40px 15px 70px 15px;
	position: relative;
}

.canada-block-inner:after{
	content:"";
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 200px;
	height: 25px;
	background: url(../404.html) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

.canada-block-inner h2{
	font-weight: 400;
	/*color: #cc0000;*/
	color:#000000;
	font-size: 20px;
	line-height: 1.25;
	/*text-transform: uppercase;*/
	margin-bottom: 15px;
}

.canada-block-inner p{
	color: #000;
	font-size: 12px;
	line-height: 1.33;
}

	.canada-block-inner table {
		margin-bottom: 0px;
	}













/*	.front-message{
		background: rgba(0, 0, 0, 0.74);
		margin: auto;
		border-radius: 4px;
		background-clip: padding-box;
		color: #fff;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
		.front-message .heading{
			display: block;
			font-size: 18px;
			font-weight: 600;
			padding: 10px 35px;
			color: #000;
			background: #000;
			line-height: 1.2;
			text-transform: uppercase;
		}
			.front-message .heading>a{
				text-decoration: none;
				color: #fff;
			}
		
		.fm-content{
			padding: 20px;
			font-size: 12px;
			line-height: 1.2;
		}
			.fm-content .title{
				display: block;
				font-size: 16px;
				margin-bottom: 10px;
			}

			.fm-content p{
				line-height: 1.2;
			}

			.fm-content a{
				color: #fff;
				text-decoration: none;
			}

		.homecontrol{
			display: block;
			position: absolute;
			top: 10px;
			height: 100%;
			width: 35px;
			padding-top: 22px;
			height: 1px;
			white-space:nowrap;
			overflow: hidden;
			z-index: 50;
			height: 22px;
			font-size: 1px;
		}
			.homecontrol:before {
				font-family: 'icomoon';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;

				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				color: #fff;
				position: absolute;
				top: 0;
				left: 0;
				width: 35px;
				height: 22px;
				background: #000;
				font-size: 24px;
				text-align: center;
				line-height: 22px;
			}
			.homecontrol.left:before {
				content: "\e600";

			}
			.homecontrol.right:before {
				content: "\e601";
			}

			.homecontrol.left{
				left: 0;
				border-right: 1px solid #000;
				
			}

			.homecontrol.right{
				right: 0;
				
				border-left: 1px solid #000;
			}

		.entryhome{
			background: #fff;
			border-radius: 4px 4px 0 0;
			background-clip: padding-box;
			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.7); 
			margin-top: 40px;
			padding: 20px 20px 40px 20px;
		}

			.entryaction{
				text-align: center;
				margin-bottom: 20px;
			}
				.entryaction:first-child{margin-left: 0;}
			
				.entryaction a{display: block; text-decoration: none;}

					.entryaction .heading{
						display: block;
						text-transform: uppercase;
						font-weight:600;
						color: #000;
						font-size: 16px;
					}
					.template-home #content .entryaction img{
						display: inline-block;
						max-width: 100%;
						box-shadow: none;
					}

		.latest{
		}
			.c-w1 .latest ul{margin: 0;}
			.c-w1 .latest ul li{
				padding: 18px 0;
				border-bottom: 1px dotted #c2c0ba;
				margin: 0;
			}
			.c-w1 .latest ul li:before{display: none;}

			.latest a{text-decoration: none;}

				.latest .latest-cta{
					display:block;
					text-align: right;
					margin-top: 10px;
					color: #2d73a5;
					text-decoration: underline;
				}

			.latest .heading{
				display: block;
				padding-bottom: 10px;
				text-transform: uppercase;
				font-weight: 600;
				color: #000;
				font-size: 16px;
				border-bottom: 1px dotted #c2c0ba;
				text-align: center;
			}

			.latest-date{
				display: block;
				font-size: 11px;
				font-weight: 300;
				text-transform: uppercase;
				color: #8c8c8c;
				line-height: 1;
			}
				.latest-date span{
					display: block;
					font-size: 14px;
					font-weight: 700;
					padding: 2px 0;
					color: #000;
				}

			.latest-content{
				clear: both;
				padding-top: 10px;
			}
				.latest-content .title{
					font-size: 18px;
					color: #000;
				}

/***********************************
404
***********************************/
#ErrorNavCollection{
	margin:20px 0;
}
#ErrorNavCollection > li{
	list-style: none;
	margin:0;
	padding:0;
	margin-bottom: 20px;
}

#ErrorNavCollection > li:before{
	display: none;
}
#ErrorNavCollection > li > a{
	padding:0 4px;
	line-height: 38px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	color: #000;
	display: block;
	text-decoration: none;
	text-align: center;
	transition:all .25s;
	font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;

}
/*	#ErrorNavCollection > li > a:after{
		position: relative;
		content:"";
		display: block;
		bottom: 8px;
		left: 0;
		width: 100%;
		height: 4px;
		background: #c2c0ba;
		opacity:1;
		transition:all .25s;
	}*/

/*Special Link Targeting*/
#ErrorNavCollection > li:nth-child(1) > a{
	border-color: #ffd200;
	background: #ffd200;
}

#ErrorNavCollection > li:nth-child(2) > a{
	background: #9ea374;
}

#ErrorNavCollection > li:nth-child(3) > a{
	background: #8facbf;
}



/**************************
Home - 20191204
**************************/
.home-tabs-group{
	margin-bottom:10px;
}
	.home-tabs-group ul{
		margin:0;
	}
.home-tabs-group .top-title{
	position: relative;
	top:0;
	left:0;
	width:100%;
	background-color: rgba(0,0,0,0.8);
	padding:20px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	z-index: 1;
	margin-bottom: 5px;
}
	.home-tabs-group a{
		display: block;
		position: relative;
	}
	.home-tabs-group img{
		width:100%;
		max-width: 100%;
		height: auto;
		display: block;
	}
	.home-tabs-group .link-wrap{
		position: static;
		bottom: 0;
		left:0;
		width:100%;
		padding:0;
		text-align: center;
		display: block;
		margin: -70px 0 0 0;
	}
	@media screen and (min-width:641px){
		.home-tabs-group .link-wrap{
			padding:0 30px;
		}
	}
	.home-tabs-group .home_tab_item_link span{
		font-weight: 400;
		font-size: 20px;
		text-transform: none;
	}
	.home-tabs-group .slick-dots{
		bottom:15px;
	}

.home_tab_item_link {
    display: inline-block;
    padding: 8px 27px;
    border: 3px solid #000;
    line-height: 1.2;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: #000 !important;
    width:100%;
}

.home_tab_item_link br{
	display: block;
}

.fwb_professionals .home_tab_item_link {
    background: #ffd200;
}

.fwb_home .home_tab_item_link {
    background: #a8ad7b;
}

.fwb_industrial .home_tab_item_link {
    background: #8facbf;
}

span.required {
    color: #ff0000;
    padding-left: 5px;
  }

/* CP-305 */

.custom-accordion {
  
}

.custom-accordion .sflistExpandAllLnkWrp {
    text-align: right;
    margin: 0 0 1rem;
}

.custom-accordion .sflistTitle {
    display: none;
}

.custom-accordion ul.sflistList.sflist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-accordion ul.sflistList.sflist li {
  position: relative;
  padding: 0 15px;
  background-color: #FFF;
  border: 2px solid;
}

.custom-accordion ul.sflistList.sflist li:before {
  content: "\f13a" !important;
  position: absolute;
  top: 5px;
  right: 15px;
  left: auto;
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  font-size: 20px;
  z-index: 1;
}

.custom-accordion ul.sflistList.sflist li .sftitle {
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin: .5rem 0;
  position: relative;
  z-index: 2;
}

.custom-accordion ul.sflistList.sflist li .sftitle > a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding-right: 30px;
}

.custom-accordion ul.sflistList.sflist li:before {
  content: normal
}

.sfContentBlock.accordion-cta {
    text-align: center;
  padding: 1rem 0 0;
}

.accordion-cta .yellow,
.accordion-cta .technical, 
.accordion-cta a.technical {
  margin: 0;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);
}

/* COLORS */

.custom-accordion.yellow-accordion ul.sflistList.sflist li {
  border-color: #FED200;
}

.custom-accordion.yellow-accordion .sflistExpandAllLnkWrp a {
  color: #FED200;
}

.custom-accordion.yellow-accordion ul.sflistList.sflist li:before {
  color: #FED200;
}

/* COLORS */

.custom-accordion.green-accordion ul.sflistList.sflist li {
  border-color: #9ea374;
}

.custom-accordion.green-accordion .sflistExpandAllLnkWrp a {
  color: #9ea374;
}

.custom-accordion.green-accordion ul.sflistList.sflist li:before {
  color: #9ea374;
}

/* COLORS */

.custom-accordion.blue-accordion ul.sflistList.sflist li {
  border-color: #8facbf;
}

.custom-accordion.blue-accordion .sflistExpandAllLnkWrp a {
  color: #8facbf;
}

.custom-accordion.blue-accordion ul.sflistList.sflist li:before {
  color: #8facbf;
}

.accordion-cta span {
  font-size: 16px !important;
}

.c-w1 .location-map .location-type-list .industrial-dealer {
	clear:both; 
	float:left; 
	font-size: 12px;
}

.store-search-grid-container {margin-bottom: 15px;}
.search > .location-type-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

 li.industrial-coatings.soption {
    order: 3;
	margin-top:0px;
}

li.sprayshop-list.soption {
	order: 4;
	/*padding-left: 0;*/
	margin-top: 0px;
}

 li.authorized-dealer.soption {
    order: 5;
}

li.industrial-dealer.soption {
    order: 6;
}

li.industrial-dealer.soption {
	position: relative;
	padding-left: 30px !important;
}

li.industrial-dealer.soption img {
	display: none !important;
}

li.industrial-dealer.soption:before {
	left: 2px;
    top: 7px;
    width: 29px;
    height: 28px;
    background-image: url(../png/industrial-legend.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

span.filter-by {
	display: block;
	width: 100%;
	/*margin: 0 0 0.5rem;*/
	margin-bottom: 0px !important;
}

/* gss ux changes */


.btn-yellow a,
.btn-yellow{
	color: #000;
	text-decoration: none;
}
	.btn-yellow a:hover,
	.btn-yellow:hover {
		/*color: #ffd200 !important;
		background: #000;*/
		background-color: #003b5c;
		color: #ffffff;
	}
.btn-yellow:hover a{
	color: #ffd200;
}
.location-m-title {
    font-size: 15px;
    border-bottom: 1px dotted #7f7f7f;
    padding: 0 0 7px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700;
}
#locmap-map li a {
    font-size: 13px;
    color: #667200;
}
.c-w1 #locmap-map ul li a{
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}
.c-w1 #locmap-map ul li:before{
	top:5px
}
#locmap .thecontent p {
    font-size: 13px;
}
.mob-inter ul li {
    padding-left: 0;
}
.mob-inter ul li:before {
    display: none;
}
.overview-boxes .desc {
    display: block;
    background: #fff;
    width: 280px;
    margin: 0 auto;
    padding: 15px;
    font-size: 12px;
    position: relative;
    top: -5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.overview-boxes .i-o-image {
    position: relative;
    z-index: 5;
}
.about-contact-us #breadcrumb{
	display: none;
}
.home-tabs-group ul li {
    padding: 10px 15px 25px;
}
#quicklinks{
	display: none;
}
.footblock {
    border-top: 5px solid #646464;
	border-bottom: solid 1px #ccc;
}


.mob-head-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
	background: #fff;
	width: 100%;
	
}
.store-swticher select {
	color: #000;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.083;
	text-decoration: none;
	border: none;
	background: none;
	text-transform: capitalize;
	-webkit-appearance:menulist-button;
	background-color: rgba(255, 255, 255, 0.01)
}
.store-swticher {
    padding-left: 15px;
}
#util a:before {
	content: "\f3c5";
	position: absolute;
	top: -3px;
	left: 5px;
	
	font-family: "FontAwesome";
	font-size: 17px;
	z-index: 1;
	color: #000;
  }
  #topbar.topbar-home {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .open .icon-menu span{
	width: 0px;
	height: 0px;
	
  }
  .icon-menu span:before,
  .icon-menu span:after 
  {
	transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
  }
  .open .icon-menu span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	top: 0;
}
.open .icon-menu span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: 0;
}
#three-buttons > span{social a.social-fb
	font-size: 14px;
    font-weight: 700;
    color: #000;
	text-transform: uppercase;
}
.template-home .slit-blocks {
	display: none;
}
#breadcrumb .heading {
	display: none;
}

@media screen and (max-width: 320px) {
	#trigger-topbarmenu > span {
		display: none;
	}

	.home-tabs-group ul li {
		padding: 10px 30px;
	}
	#main .fullwidth-slider .section-inner {
		width:97%;
	}
	
	#cph_main_lbl_sectionTitle {display:none;}

	/*#___gcse_0 {display:none;}*/

	#more-filter {
		width: 60% !important;
	}

	.moreFilterBtn {
		padding: 2px 10px !important;
	}

	#clear-all {
		width: 35% !important;
	}
	#reset-options {
		padding: 4px 0px !important;
	}

	.mob-head-wrap {
		justify-content:normal !important;
	}
}


@media screen and (max-width: 375px) {	
	#more-filter {
		width: 60% !important;
	}

	.moreFilterBtn {
		padding: 2px 10px !important;
	}

	#clear-all {
		width: 35% !important;
	}

	#reset-options {
		padding: 4px 0px !important;
	}
}

#pnlCorporate h2 {
	margin-bottom: 0px;
}

.corp-detail, .loc-detail {
	top: 0px !important;
}

	.corp-detail #desktop-sep {
		margin: 0;
		line-height: 0;
	}

.location-social ul.social li a {
	display: block;
	height: 1px;
	overflow: hidden;
	padding-top: 40px;
	width: 40px;
}
.btn-show-all:after {
	content: '\A';
	white-space: pre;
}

/*Google Search*/
/*#___gcse_1 {
	width: 400px;
}*/

/*
#secondarynav ul {
	float: right;
}


#___gcse_0 {
	clear:both;
	float: right;
	width: 144px;
	height: 33px;
	margin-top: 7px;
	margin-right: 3px;
}

.gsc-input-box {
	height: 27px;
}

.gsc-input {
	font-size: 13px !important;
}

.gsc-input {
	background: none !important;
}

.gsc-search-button-v2 {
	padding: 7px 5px !important;
	
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-color: none;
	background-color: none;
	border: 0px !important;
	
}
 

@media only screen and (min-device-width: 375px) and (max-device-width: 425px) {
	.gsc-input-box {
		height: 28px;
	}

	.gsc-search-button-v2 {
		padding: 6px 5px !important;
	}
}

.gsib_a {
	padding: 2px 0px 0px 8px !important;
	line-height:0px !important;
}

.gsc-input {
	padding: 0px !important;
}

.gsc-search-button {
	margin-left: 0px !important;
	width: 25px !important;
}


td.gsc-search-button {
	padding: 0px;
}
*/
/*Google Search*/

.minusbutton img {display: inline-block !important;}
.blue #more-filter-sec {
	margin-top: 0px !important;
}

.filter-empty-col {display:none;}

#more-filter-icon {
	padding-top: 4px;
	float: right;
}

#google-search-result input.gsc-input {
	height: 30px !important;
	width: 103% !important;
	font-size: 15px;
	padding: 8px 15px !important;
	border: solid 2px #000000 !important;
	margin: -3px 0px 0px -9px !important;
}

#google-search-result .gsc-search-button-v2 {
	background: #000;
	padding: 0 11px;
	border-radius: 0 3px 3px 0;
	border: solid 1px #000;
	margin-left: 0px !important;
	height: 26px;
	cursor: pointer;
	width: 40px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius:0px !important;
}

.gsib_b {display:none;}
#google-search-result .gsc-input-box {
	height: 30px;
}
@media only screen and (min-device-width: 640px) {

}

	@media only screen and (max-device-width: 640px) {
		#google-search-result input.gsc-input {
			height: 30px !important;
			width: 100% !important;
			border: 0px !important;
			/*margin: 0px !important;*/
		}
	}

	#secondarynav > .sfContentBlock div:first-child {display: none !important;}

/**** Search CSS **/


	#mobile-search-box{
		display: none;
		background-color: #000;
		justify-content: center;
		align-items: self-start;
		height: 70px;
		padding: 0 20px;
	}

	#mobile-search-box .gsc-control-searchbox-only.gsc-control-searchbox-only-en {
		margin-top: 6px;
	}

/*
		@media only screen and (max-device-width: 640px) {
			#___gcse_0{
				width: 80%;
				display: none;
			}
	}
	*/

	
	#mobile-search-box .gsc-input-box {
		height: 40px;
		border-radius: 5px;
		margin-top: 6px;
	}
	
	#mobile-search-box .gsc-input {
		font-size: 16px;
		height: 40px;
	}
	
	#mobile-search-box .gsc-search-button-v2{
		position: absolute;
		right: 30px;
		top: 10px;
	}
	
	#mobile-search-box table.gsc-search-box{
		position: relative;
	}
	
	div#cancel-btn {
		color: #fff;
		font-weight: bold;
		display: flex;
		align-self: center;
		cursor: pointer;
	}
	
	#mobile-search-box .gsc-search-button-v2 svg {
		fill: #000!important;
		width: 17px;
		height: 17px;
	}
	
	#logo img {
		max-width: 230px;
	}
	
	#mobile-search-btn-header svg{
		position: inherit;
		width: 17px;
		height: 17px;
		cursor: pointer;
	}
	
	
	div#mobile-search-btn-header {
		margin-right: 20px;
	}
	
	#google-search-result input.gsc-input{
		padding-bottom: 20px!important;
	}

	.topbarnav.dropmenu{
		z-index: -1;
	}
 .gcsc-more-maybe-branding-root {display: none;}
#bottom-product-pager {
	width: 100%;
	padding-left: 20px;
	bottom: 0px !important;

}
#btn1 {display:none;}
#header {background: white;}
#main {background: white;}



.product-profile-custom {
    margin: 0!important;
}

.product-profile-custom .m-w2.section-inner {
    padding: 0!important;
}

.product-profile-custom .slit-blocks.product-profile {
    padding: 0 10px;
}

.product-profile-custom .product-profile .slit-blocks_item {
    height: 330px;
	position: relative;
}

.product-profile-custom .more-products-content-block {
    padding: 0 35px;
    text-align: center;
}

.product-profile-custom .more-products {
    padding: 0 15px;
}

.product-profile-custom .more-products > ul li {
   max-width: 100%;
}

.product-profile-custom .product-profile .btn-yellow {
	position: absolute;
    bottom: 45px;
    /*left: 34px;*/
	left:auto;
    padding: 10px 36px;
    /*width: 250px;*/
    text-align: center;
    font-size: 16px;
}

.product-profile-custom .more-products-content-block h2 span {
    text-align: center;
}

.product-profile-custom .more-products-content-block h2 {
    width: 100%;
    text-align: center;
}

.product-profile-custom .more-products .more-products-content-block p{
	text-align: center;
}

	.product-profile-custom .more-products ul {
		list-style: none !important;
		margin-left: 0;
		margin-bottom: 0px;
	}

.product-profile-custom .more-products li {
    padding: 0;
}

	.product-profile-custom .more-products .content_block {
		display: flex;
		justify-content: center;
	}

	.product-profile-custom .more-products .btn-yellow {
		position: absolute;
		bottom: 75px;
		/*left: 40px;*/
		/*padding: 10px 50px;*/
		font-size: 14px;
		/*width: 262px;*/
		text-align: center;
		left: auto !important;
		width: auto;
	}

.product-profile-custom .more-products .description{
	text-align: center;
	margin: 30px 0;
}

.product-profile-custom .interior-exterior-guide.more-products .description
{
margin: 0px 0;
}

.product-profile-custom .sf_cols.Colour-trend {
    background: #ffeab3;
	padding: 0 35px;
}

.product-profile-custom  .Colour-trend .sfContentBlock h2 {
    display: inline-block;
    font-weight: bold;
}

.product-profile-custom .Colour-trend .technical {
    margin: 0 auto;
    display: block;
    width: 200px;
    font-size: 13px;
    padding: 10px 0;
}

.product-profile-custom .Colour-trend .sfContentBlock p {
    font-size: max(1em, 12px) !important;
    color: #000;
}

.product-profile-custom  .match-colour .sfContentBlock h2 {
    text-align: center;
    display: block;
}

.product-profile-custom  .match-colour .sfContentBlock p {
    font-size: max(1em, 12px) !important;
    padding: 0 35px;
}

.product-profile-custom .match-colour .technical {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 14px 0px;
    font-size: 12px;
}

.desktop-title {
    display: none;
}

#block-desktop .mobile-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 23px;
	margin-top: 0px;
}

div#cph_main_cph_Content_C017_Col01 {
    padding: 0 34px;
}

h2.colour-h2 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 40px;
}

.paints-boxes .item-view-link a {
    color: #000!important;
    font-weight: bold;
}

.paints-boxes .paint-brand {
	font-weight: 600;
	color: black;
	font-size: 15px;
	padding: 2px 0;
}

h2.cans-h2 {
	text-align: center;
	width: 100%;
}

#colour-trends-2023 {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
	justify-content: center;
	width: 210px;
	margin: 0 auto;
	row-gap: 50px;
	margin-bottom: 50px;
}

.colour-trend-match-colour .technical {
    width: 220px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    padding: 13px 10px;
}

.colour-trend-match-colour h2{
    margin-bottom: 10px;
}

#colour-0107{
	background-color: #93646c;
	width: 110px;
}

#colour-0355{
	background-color:#f5f2eb;
}
#colour-0126{
	background-color:#D7BCB6;
}
#colour-0643{
	background-color:#BDD2DD;
}
#colour-0197{
	background-color:#C2B7AD;
}
#colour-0142{
	background-color:#7E6A5F;
}

.item-colour {
    width: 80px;
    height: 80px;
	display: flex;
    justify-content: center;
}

.item-colour span {
    text-align: center;
	position: relative;
    bottom: -80px;
    font-size: 10px;
	max-height: 30px;
}

.view-more-color .technical {
    padding: 10px 20px;
}

.colour-trend-breadcrumb .image-blocks_content {
    position: relative;
}

.colour-trend-breadcrumb .image-blocks_content .btn-yellow {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -29px;
}

#popuplar-colour-for-interior {
	background-image: url("../jpg/asset_colour_trends-new159e.jpg?sfvrsn=93b8df85_0");
	background-repeat: no-repeat;
	position: relative;
	width: 320px;
	height: 400px;
	margin: 0 auto;
	position: relative;
    display: flex;
    align-items: end;
	justify-content: center;
	}

.overview-boxes	.paint-img img {
		width: 170px!important;
		box-shadow: none!important;
	}

	#content h1 {
		margin-bottom: 8px;
		margin-top: 0px;
	}

	#content span  {
		margin-bottom: 30px;
	}

	#content h1 span {
		/*position: relative;
		top: 23px;
		*/
	}

.blue #more-filter-sec #clear-all #reset-options {
	margin-bottom: 0px;
}

table.custom-tbl{
	width: 800px;
    overflow-x: scroll;
}

.custom-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.custom-tbl th,
.custom-tbl td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.head-row th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.row-group td {
    background-color: #A6C397;
}

.alter-row-group td {
    background-color: #f2f2f2;
}

.inner-tbl {
    width: 100%;
    border-collapse: collapse;
}

.inner-tbl td {
    border: none;
    padding: 4px;
    text-align: left;
}

.dot::before {
    content: '\2022';
    color: #000;
	font-size: 35px;
}

.sf_colsOut.mid-content {
    overflow: scroll;
}

table.inner-tbl td {
    font-weight: bold;
}

@media screen and (max-width: 600px) {
    .custom-tbl {
        overflow-x: auto;
        display: block;
    }

    .custom-tbl th,
    .custom-tbl td {
        white-space: nowrap;
    }
}

/* ---------Colour Tools----------*/

.colour-tools {
	margin-left: 20px;
}
.colour-tools li .content_block .btn-yellow {
    position: relative;
    left: 0px;
  top: -100px;
  float: inherit;

}

.colour-tools .description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.colour-tools ul li .content_block {
    
    position: relative;
    padding: 0px;
    text-align: center;
  height: 0px;

}

.colour-tools ul {
    margin-left: 0px;
    padding-left: 0px;
}

.colour-tools ul li {
    padding-left: 0px;
}


.colour-tools ul li:before {
    content: "";
}
.colour-tools .i-o-image img {height:295px;}

.colour-tools li:nth-child(1) {
    margin-right: 20px;
}

.colour-tools li:nth-child(2) {
    margin-right: 20px;
}

.colour-tools li {
    width: 295px !important;
    float: left;
    margin-top: 0px !important;
}

/* ---------Wood Stains----------*/
.wood-stains li .content_link .btn-yellow {
    position: relative;
    bottom: 10px;
	float: inherit;
	left: 125px;
	margin-bottom: 10px;
}

.wood-stains .description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}


.wood-stains ul {
    margin-left: 0px;
    padding-left: 0px;
}

.wood-stains ul li {
    margin-bottom: 25px !important;
}


.wood-stains ul li:before {
    content: "";
}

.wood-stains .i-o-image img {height:200px;}
/*
.wood-stains li:nth-child(1) {
    margin-right: 80px;
}

.wood-stains li:nth-child(2) {
    margin-right: 20px;
}
*/
.wood-stains li {
    width: 400px !important;
    float: left;
    margin-top: 0px !important;
}

/*.dealer-login .btn-yellow {
	display: inline-block;
	padding: 10px 30px;
	text-transform: uppercase;
	color: #000 !important;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	position: static;
	left: 60px;
	bottom: 60px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: solid 2px;
	background-color: white;
	box-shadow: none;
  }*/

.dealer-login .btn-yellow {
	text-align: center;
	font: normal normal bold 18px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #000;
	text-transform: uppercase;
	opacity: 1;
	display: inline-block;
	padding: 10px 30px;
	color: #000 !important;
	text-decoration: none;
	transition: all 0.3s ease-out;
	border: #000 solid 2px;
	background-color: white;
	box-shadow: none;
}
.salesforce-form > div {
	margin-left: 1.25em;
	margin-right: 1.25em;
	margin-top: 1.25em;
}  
  .dealer-login a.btn-yellow:hover{
	background: #000;
	border-color: #000;
	color: #ffd200 !important;
  }

  .read-more-custom {
    width: 272px !important;
}

.how-to-paint-stain
{
  background-color: #ffeab3 !important;
}



.home-page-top-items
{
	padding-left: 20px;
    padding-right: 20px;
}
.home-page-top-items .slit-blocks_item
{
	height: 260px !important;
}

.home-page-top-items .slit-blocks_content .btn-yellow{
	float: none;
	  clear: both;
	  top: 170px !important;
	  position: relative;
	}

.home-page-top-items .mobile-title {margin-top: 0px;}	

.home-section-three .sfitem .btn-yellow
{
	bottom: 60px !important;
	/*left: 60px !important;*/

}

/*.home-section-two .sfitem .btn-yellow
{
  bottom: 60px !important; left: 60px !important;
}*/

.home-section-two ul li::before { content: " ";}
.match-colour {
	padding-left: 20px !important;
  padding-right: 20px !important;
}

.specialty-title {
	margin-top: 5px !important;
	}

.home-section-sep {margin: 0px !important; padding: 0px !important; display: none;}	
.become_dealer_section{
    background-color: white;
    box-shadow: none;
    font-size: 16px !important;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px dotted #7f7f7f;
    width: 100%;
    margin-bottom: 20px;
	margin-top: 20px;
}

.become_dealer_link {
  text-transform: uppercase;
  color: #404049 !important;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 640px){
	.paletts-block li:nth-child(2n+1) {
		clear: none !important;  
	}
	
}

.paletts-block li {
    float: left !important; 
    padding-right: 10px !important;
}

.common-paint-problems .home-section-sep {display: block; height: 40px;}
.common-paint-problems {margin-bottom: 15px;;}

.home-member-section li:nth-child(2){
	height: 155px;
}

.home-member-section li:nth-child(2) .item-summary img{
	width: 185px !important;
}

.home-member-section li:nth-child(2) .item-link .btn-yellow{
	position: relative;
  	top: 14px;
	padding: 10px 20px;
	left: 6px;
}

.home-member-section ul li::before {
	content: "";
  }

  .home-member-section li:nth-child(1) .item-link {
	 text-align: center;
}  

.home-member-section ul li .item-link .save-up-f1 {
	font-size: 18px;

  }

  .home-member-section ul li .item-link .save-up-f2 {

	font-size: 24px;
  }
  
  .home-member-section ul li .item-link .save-up-f3 {

	font-size: 18px;
  }
  
.for-your-home-ht-paint ul li::before {content: "";}
  .for-your-home-product-supply ul li::before {content: "";}
  .for-your-home-store-locator ul li::before {content: "";}

  
  .for-your-home-product-supply  .btn-yellow, 
  .for-your-home-ht-paint .home-section-three .sfitem .btn-yellow  {
	position: relative;
	bottom: 0px !important;
	left: 0px !important;
  }

  .for-your-home-store-locator .home-section-three ul li:nth-child(2)
  {
  padding-bottom: 20px;
  }

  .for-your-home-product-supply ul li,
  .for-your-home-ht-paint ul li  {
	padding-bottom: 20px;
	}

	/*.for-your-home-member-rewards .home-member-section ul {width: 90%;}*/

	.how-to-paint .slit-blocks_item:first-child
	{
		height: 200px;
	}

	.do-it-yourself ul li::before {
		content: "";
	  }
.htw_common-paint-problems ul li::before {
	content: "";
  }

	  .htw_common-paint-problems .more-products .btn-yellow {
		bottom: 7px !important;
  		position: relative;
	  }

	  .htw_common-paint-problems .more-products .item-summary {
		padding-bottom: 5px;
	  }

	  .htw_common-paint-problems .more-products .item-title {
		 color: #000;
	  }

	  .for-your-home-ht-paint h2, .for-your-home-store-locator h2, .for-your-home-product-supply h2 {color: #000;}

	  .product-profile-custom a.do-it-yoursel {
		position: relative !important;
		left: 16px !important;
		bottom: 82px !important;
		padding: 10px 30px !important;
	  }

.page-category
{display: none;}

.green .page-category, 
.yellow .page-category,
.blue .page-category
{display: none;}

.industrial-coatings ul li::before {
	content: "";
  }

  .our_labs ul li::before {
	content: "";
  }

  .industrial-search-tool {
	padding: 35px;
	background: #74a5c5;
	margin: 40px 0;
	color: white;
	font-size: 24px;
	text-align: center;
  }

  .home-member-section ul {
    background: #EFDFDF;
}

span.save-up-f1, span.save-up-f2, span.save-up-f3 {

    font-size: 26px !important;

    color: #153773;

    font-weight: 700;

}

.home-member-section .item-link {
    /*width: 70%;*/
    margin: 0 auto;
}

.home-member-section .item-link a {
    text-align: center;
}

.home-member-section .home-section-store-locator .item-link a.btn-yellow {
	width:auto;
	left:5px !important;
}

.home-member-section .home-section-store-locator .item-link a.btn-yellow:lang(fr) {
	font-size:12px !important;
}
/* home page slider */
li.banner-item.slick-slide {
	display: flex;
	flex-flow: column;
	min-height: 460px !important;
	overflow: unset;
}

.banner-item .banner-img {
    width: 100%;
}

li.banner-item.slick-slide {
    min-height: 560px;
}

.banner-item .banner-content {
    width: 100%;
}

.banner-item .banner-summary {
    text-align: center;
    width: 100%;
}

.banner-item  .banner-title {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;
}

.banner-link {
    display: block;
    margin: 0 auto;
    width: 300px;
    margin-top: 40px;
}

.banner-link .technical {
	width: 100%;
	font-size: 14px;
}

.industrial-search-tool {
    min-height: 250px;
}

.industrial-search-tool p {
    width: 200px;
    margin: 0 auto;
}


.industrial-search-tool h2 {
    color: #fff;
}

.industrial-search-tool a {
    margin-top: 40px;
}


.wood-stains .i-o-image {
    width: 85%;
    /*margin: 0 auto;*/
    display: block;
    margin-left: 15px;
}

.wood-stains .description {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    width: 85%;
    margin: 0 auto;
    margin-left: 0;
}

/*
.wood-stains .content_link {
    width: 300px;
    margin: 0 auto;
    display: block;
}
*/
.wood-stains .content_link {
    width: 85%;
    margin: 0 auto;
    display: block;
    /*margin-left: 0;*/
    text-align: center;
}

.wood-stains a.btn-yellow {
    display: block;
    width: 85%;
    position: initial!important;
}

.c-w1 ul li:before{
	display: none;
}


/*.home-section-two .sfitem .btn-yellow {
    
    left: 60px !important;
    width: 243px;
    text-align: center;
}*/

.industrial-dealer {margin-top:7px;}
.all-locations {margin-bottom:7px;}
/*
.product-profile .slit-blocks_content div#block-desktop {
    position: relative;
    top: 30px;
}

*/

/*new paint enthusiasts */
#paint-enthusiasts-container {
	background-repeat: no-repeat !important;
	background: url(../png/fan-clb-background---mobile.png);
	margin: 40px 0px;
	height: 463px;
	background-size: cover;
	background-position: center;
	padding-top: 10px;
	text-align: center;
}

.pe-btn-blue {
	display: inline-block;
	color: #ffffff !important;
	background-color: #036fad;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .02em;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	text-decoration: none !important;
	margin-left: 39px;
}

#pe-col1 {
	margin: auto;
}

#pe-col3 {
	/*margin-left: 2.3rem;*/
}

	#pe-col3 a {
		margin-left: 0;
	}

	#pe-col3 #club-link {
		font-size: 11px;
		margin-top: 10px;
	}

#pe-col2 {
	margin: 0 auto 20px;
	text-align: center;
	width: 100%;
}

#pe-30 {
	text-align:center;
	font: normal normal bold 21px / 32px Lato;
	letter-spacing: 1.23px;
	color: #000000;
	opacity: 1;
}

#pe-44 {
	text-align: center;
	font: normal normal bold 31px / 33px Lato;
	letter-spacing: -1.76px;
	color: #000000;
	opacity: 1;
}

a.pe-btn-blue:hover {
	background-color: #003b5c;
	color: #fff !Important;
	background: #003b5c;
	border-color: #000;
}

/*for whole site*/
.c-w1 ul {
	margin-left: 0;
	padding: 0;
}

	.c-w1 ul li {
		margin: 0 auto;
		padding: 0;
		max-width: 95%;
	}

.for-your-home-member-rewards .home-member-section ul {
	width: 95%;
	margin: 0 auto 50px;
	padding: 20px;
	min-height: 320px;
}

#footer-professionals {
	margin-left: 1.25em;
	margin-right: 1.25em;
	margin-top: 1.25em;
}

.salesforce-form {
	border-top: 2px solid #72714F;
	border-block-width: 6px;
	margin-top: 0px;
}

.open .footblock, .open .salesforce-form {
	display: none;
}

	#footer-professionals #prof-left-col img {
		width: 100%;
	}

#footer-professionals-title h2 {
	text-align: center;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #000000;
	text-transform: capitalize;
	opacity: 1;
}

#footer-professionals #prof-left-col h3
{
text-align: center;
font: normal normal bold 22px/30px Lato;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}


.footer-professionals-item {
	flex: 1 1 25.946%; /*grow | shrink | basis */
	text-align: left;
	text-decoration: underline;
	font: normal normal bold 15px/22px Lato;
	letter-spacing: 0px;
	color: #036FAD;
	opacity: 1;
	margin-bottom: 0.5em;
}

	.footer-professionals-item a:visited, .footer-professionals-item a {
		color: #036FAD;
	}
#prof-right-col {
	margin-bottom: 2em;
	margin-top: 1em;
	margin-left: 50px;
}


#common-paint-pro-sol-container .pro-sol-btn {
	margin-top: 0px;
	color: #ffffff !important;
	background-color: #036fad;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .02em;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
}

#common-paint-pro-sol-container ul li {
	list-style: inside;
	overflow: initial;
	padding-left: 0px;
	margin-left: 13px;
}

#common-paint-pro-sol-container .pro-sol-btn a.pro-sol-btn:hover {
	background-color: #003b5c;
	color: #fff !Important;
}

#common-paint-pro-sol-container .pro-sol-btn:hover {
	background-color: #003b5c;
}

#common-paint-pro-sol-container .link-view-all {
	margin-top: 20px;
}

#common-paint-pro-sol-container .pro-sol-list-items {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-source-sans-pro);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

#common-paint-pro-sol-container .pro-sol-interior-title {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-source-sans-pro);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

#common-paint-pro-sol-container #pro-sol-interior {
	margin-bottom: 20px;
}

.interior-exterior-guide ul li {max-width:100%;}
.interior-exterior-guide a.do-it-yoursel {left: 34px !important;}

.common-problem-interior-exterior #content .c-w1 ul li {
	list-style: initial;
	overflow: initial;
	padding-left: 0px;
}

.common-problem-interior-exterior #content .c-w1 ul {
	margin-left: 1.5em;
}

#content h1 span.sfImageWrapper {
	position: relative;
	top: 0px;
}

/*Pay Bill*/
.pay-bill h1 {
	font-size: 22px;
	letter-spacing: 0.13px;
}

.pay-bill h2 {
	text-align: left;
	font: normal normal bold 18px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
}

.pay-bill p {
	text-align: left;
	font: normal normal normal 16px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	margin-top: 0px;
}

.pay-bill #intro-sec {
	text-align: center;
	margin-bottom: 24px;
}

.pay-bill a.btn-yellow {
	position: static;
}

.pay-bill-logo {
	text-align: center;
}

.pay-bill-address {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.pay-bill h4 {
	text-align: left;
	font: normal normal normal 20px/27px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}




/*End Pay Bill*/
#liquid-coastins ul li {
	padding-left: 10px;
}
#liquid-coastins ul li::before {
	display: inline-block;
	content: '';
	-webkit-border-radius: 0.375rem;
	border-radius: 0.375rem;
	height: 5px;
	width: 5px;
	margin-right: 0.5rem;
	background-color: #bdbdbd;
	background: #8FACBF 0% 0% no-repeat padding-box;
	top: 10px;
}

#liquid-coastins-left ul li {
	padding-left: 10px;
	font: normal normal normal 14px/20px Source Sans Pro !important;
}

#liquid-coastins-left h3 {
	text-align: left;
	text-decoration: underline;
	font: normal normal bold 20px/34px Lato;
	letter-spacing: 0px;
	color: #036FAD;
	opacity: 1;
	margin: 0px;
}
	#liquid-coastins-left ul li::before {
		display: inline-block;
		content: '';
		-webkit-border-radius: 0.375rem;
		border-radius: 0.375rem;
		height: 5px;
		width: 5px;
		margin-right: 0.5rem;
		background-color: #bdbdbd;
		background: #8FACBF 0% 0% no-repeat padding-box;
		top: 10px;
	}

#liquid-coastins-left {
	width: 175px !important;
}

#liquid-coastins-right {
	width: 190px;
}

/*Pay bill form*/
.pay-my-bill-form .tbl-two-columns {
	display: flex;
	flex-direction: row;
	border: 1px solid #444;
	margin-bottom: 15px;
}

	.pay-my-bill-form .tbl-two-columns div {
		width: 50%;
	}

		.pay-my-bill-form .tbl-two-columns div:first-child {
			border-right: 0.5px solid #444;
		}

		.pay-my-bill-form .tbl-two-columns div input {
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			border: none;
		}

		.pay-my-bill-form .tbl-two-columns div:last-child {
			border-left: 0px;
		}

.pay-my-bill-form .tbl-one-column select, .pay-my-bill-form .tbl-one-column input {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

.pay-my-bill-form .tbl-one-row-with-two-columns {
	display: flex;
	flex-direction: row;
}

	.pay-my-bill-form .tbl-one-row-with-two-columns input {
		width: 100%;
	}

.pay-my-bill-form .tbl-one-row-with-three-columns {
	display: flex;
	flex-direction: row;
}

	.pay-my-bill-form .tbl-one-row-with-three-columns div {
		flex-grow: 1;
		flex-basis: 0;
		border-bottom: 0px;
	}

		.pay-my-bill-form .tbl-one-row-with-three-columns div select, .pay-my-bill-form .tbl-one-row-with-three-columns div input {
			width: 100%;
		}

			.pay-my-bill-form .tbl-one-row-with-three-columns div input[type="radio"] {
				width: 15%;
				margin-right: 5px;
			}

		.pay-my-bill-form .tbl-one-row-with-three-columns div:first-child {
			border-right: 1px solid #444;
		}

		.pay-my-bill-form .tbl-one-row-with-three-columns div:last-child {
			border-left: 1px solid #444;
		}


.pay-my-bill-form .phone-radio-list div {
	height: 35px;
	padding-top: 10px;
}

.pay-my-bill-form .form-text {
	padding: 0 3px;
	height: 35px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	font: normal normal normal 14px/16px Arial;
	letter-spacing: 0px;
	color: #444444;
}

.pay-my-bill-form #address-province, .pay-my-bill-form #address-country {
	width: 100%;
}

.pay-my-bill-form .no-borders {
	border: none;
	margin-bottom: 0px;
}

.pay-my-bill-form .form-dropdown {
	height: 35px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

.pay-my-bill-form .tbl-two-columns-phones {
	display: flex;
	border-bottom: none;
	width: 100%;
	flex-direction: row;
}

	.pay-my-bill-form .tbl-two-columns-phones div:first-child {
		width: 25%;
	}

	.pay-my-bill-form .tbl-two-columns-phones div:last-child {
		width: 75%;
	}

.pay-bill-form a.btn-yellow {
	position: static;
	margin-top: 27px;
}

.pay-bill-form p {
	font: normal normal bold 14px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #444444;
	margin-top: 36px;
}

.form-table {
	display: table;
	border-top: 1px solid #444;
	width: 100%;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

	.form-table div {
		border-bottom: 1px solid #444;
	}

.pay-my-bill-form-block {
	display: flex;
	justify-content: center;
}

.pay-bill-form #content {
	text-align: center
}

.pay-bill-form h1 {
	font-size: 22px;
	text-decoration: none;
}

.pay-btn-section {
	display: flex;
	flex-direction: column;
}
/*End Pay bill form */


.open .home-page #mainnav .nav.L1 > li {
	/*border-top: 1px dotted #646464;*/
}

.open .home-page #mainnav .nav.L1 > li > a {
	
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 10px 11px 10px;
	font-size: 14px;
}

.open .home-page #mainnav .nav #cph_header_Li2 .togglemenu span {
	display: none !important;
}

.open .home-page #mainnav .nav.L1 > li:nth-of-type(1n+4) {
	display: none !important;
}

/*=====Store locator======*/
.store-locations.open #mainnav .nav.L1 > li {
	border-top: 1px dotted #646464;
}

	.store-locations.open #mainnav .nav.L1 > li > a {
		display: block !important;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		padding: 10px 10px 11px 10px;
		font-size: 14px;
	}

.store-locations.open #mainnav .nav #cph_header_Li2 .togglemenu span {
	display: none !important;
}

.store-locations.open #mainnav .nav.L1 > li:nth-of-type(1n+4) {
	display: none !important;
}

/*=====end Store locator======*/

/*
.open .home-page #secondarynav > div ul.L1 li:first-child,
.open .home-page #secondarynav > div ul.L1 li:nth-child(2) {
	display: block !important;
}

.open .home-page #secondarynav > div ul.L1 li.top-mobile-link {
	display: none !important;
}
*/
 .closemenu {
	display:none;
}
 
.open #secondarynav > div ul.L1 li:first-child,
.open #secondarynav > div ul.L1 li:nth-child(2) {
	display: block !important;
}

.open #secondarynav > div ul.L1 li.top-mobile-link {
	display: none !important;
}

.flexbox.justifycontent .blue.open #mainnav ul.L1 > li.L1 > ul.active {
	padding: 0px 0px;
}

#google_translate_element .goog-te-gadget img {
	display: none !important;
}

#util #google_translate_element .goog-te-gadget a::before {
	content: none;
}

#util #google_translate_element .goog-te-gadget a {
	padding-left: 5px;
}

div.goog-te-gadget-simple {
	border-radius: 8px !important;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
	border: none !important;
}

iframe .indicator {
	display: none;
}

.paint-colours .more-products .i-o-image img {
	width: 100% !important
}

.professionals-overview-list ul li .content_block {
	display: flex;
	justify-content: center;
}

.professionals-overview-list ul li .btn-yellow:lang(fr) {
	letter-spacing: .002em;
}

.pim-paints-list .item-view-link a {

	text-decoration: underline;
	font: normal normal normal 15px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #036FAD !important;
	opacity: 1;
}

.tech-pdf a.pdf-icon {
	text-decoration: underline;
	font: normal normal normal 14px/23px Source Sans Pro;
	letter-spacing: 0px;
	color: #036FAD !important;
	opacity: 1;
}

.product-brand-name {
	font-size: 20px !important;
	text-align: center;
}

.product-type {
	border-bottom: 1px solid #bdbdbd;
}


#authoried-arch-pro {
	display: flex;
	gap: 5px;
}

#authoried-industrial {
	display: flex;
	gap: 5px;
}

/*store location detail*/
.extra-section .how-to-paint-stain {
	background-color: #D9C9C0;
}

.extra-section .Colour-trend .Colour-trend-col4 {
	background-color: #D9C9C0 !important;
	width: 100% !important;
}

.extra-section .how-to-paint-stain {
	background-color: #D9C9C0 !important;
}

.extra-section .Colour-trend-col4 .sf_colsIn {
	margin-left: 40px !important;
	display: flex;
	flex-direction: column;
}

.extra-section .why-buy-canadian {
	width: 100%;
}

	.extra-section .why-buy-canadian h2 {
		color: #404040 !important;
		font-family: "Source Sans Pro",sans-serif;
		font-style: normal;
		font-size: 30px !important;
		line-height: 21px;
		margin-bottom: 20px;
		font-weight: 600;
	}

	.extra-section .why-buy-canadian ul {
		list-style: inherit;
		overflow: visible;
	}

		.extra-section .why-buy-canadian ul li {
			list-style: inherit;
			overflow: visible;
			padding-left: 0px;
			margin-top: 0px;
			font-size: 16px;
			color: #404040;
			font-family: "Source Sans Pro",sans-serif;
			font-style: normal;
			font-size: 16px;
			line-height: 21px;
			text-indent: -2px !important;

		}

.extra-section .home-learn-more-container {
	display: flex;
	flex-direction: row;
	position: relative;
	top: -5px;
	left: 0px;
	justify-content: center;
}

	.extra-section .home-learn-more-container #learn-more-img {
		margin-bottom: 20px;
		margin-top: 5px;
	}

		.extra-section .home-learn-more-container #learn-more-img img {
			width: 65px;
		}
.extra-section {
	margin-top: 30px;
}

.store-location-detail-top .desktop-sep {
	display: none;
}

.store-location-detail-top img {
	width: 90px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}


.new-social-icons svg {
	display: flex;
	position: relative;
	top: -9px;
	align-self: baseline;
	margin: 0 auto;
	fill: #646464B2;
	font: normal normal normal 26px/25px 'Font Awesome 5 Brands';
	width: 100%;
	height: 100%;
}


li.new-social-icons {
	overflow: visible !important;
	margin: 0px !important;
	display: inline-block;
	padding-right: 25px;
}

.social-icons-list {
	list-style: none;
	padding: 0;
	/*	margin: 20px 0;
	display: flex;
	justify-content: center;
	gap: 20px;*/
}

.new-social-icons a {
	overflow: visible;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	width: 30px;
	height: 26px;
	fill: #333;
	transition: fill 0.3s ease;
	line-height: 0;
	padding: 0;
}

	.new-social-icons a:hover {
		fill: #0077b5; /* Example: change color on hover (LinkedIn blue) */
	}

.new-social-icons #social-facebook-a {
	width: 14px;
}

.new-social-icons #social-twitter-a {
	width: 24px;
}

.new-social-icons #social-instagram-a {
	width: 22px;
}

.new-social-icons #social-linkedIn-a {
	width: 22px;
}

.new-social-icons #social-pinterest-a {
	width: 20px;
}

.new-social-icons #social-youtube-a {
	width: 30px;
}

/*new social media*/
.socialmedia .social-icons li {
	padding-right: 5px;
}

.socialmedia .social-icons a {
	/*color: #8FACBF !important;*/
	color: #787878 !important;
	font-size: 18px;
	margin: 0 8px;
	text-decoration: none;
	transition: color 0.3s ease;
}

	.socialmedia .social-icons a:hover {
		color: #000 !important; /* Change to black on hover */
	}

/*end*/



#markets-served-map-items {
	display: flex;
	flex-direction: column;
	text-align: left;
	gap: 0px;
}

#markets-served-map {
	text-align: left;
}

	#markets-served-map a {
		width: 100%;
	}

.markets-served-section {
	margin-left: 0px !important;
	margin-bottom: 25px !important;
}


	.markets-served-section .columns .column ul li {
		padding-left: 10px;
		margin-top: 0.7em;
	}

	.markets-served-section .columns {
		gap: 0px !important
	}

#laboratories-section-grid-container #lab-item1 {
	min-width: 100% !important;
	gap: 25px;
}

	#laboratories-section-grid-container #lab-item1 .lab-content-text {
		width: 100% !important;
	}

.sub-title-section .sub-title {
	text-align: left;
	font: normal normal bold 15px/22px Lato;
	letter-spacing: 0px;
	color: #6B8A9F;
	opacity: 1;
	margin-top: 12px;
	margin-left: 10px;
}


.markets-served-list-section {
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px !important;
}



	.markets-served-list-section .grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
		column-gap: 56px;
		row-gap: 36px;
	}

	.markets-served-list-section .grid-item {
		position: relative;
		overflow: hidden;
	}

		.markets-served-list-section .grid-item img {
			width: 92% !important;
			height: 318px !important;
			display: block;
		}

	.markets-served-list-section .label {
		position: absolute;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
		background: #036FAD;
		padding: 10px 36px; /* wider feel without fixed width */
		border-radius: 4px;
		display: inline-flex; /* shrink-to-fit behavior */
		justify-content: center;
		align-items: center;
		width: max-content; /* size to content */
		/* white-space: nowrap; */ /* keep on one line (uncomment if you don't want wrapping) */
		max-width: calc(85% - 24px); /* prevent overflow on small images */
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
		border-radius: 4px;
		margin-bottom: 30px;
	}

		.markets-served-list-section .label a {
			text-align: center;
			font: normal normal bold 18px/18px Source Sans Pro;
			letter-spacing: 0px;
			color: #FFFFFF;
			text-transform: uppercase;
			opacity: 1;
			text-decoration: none;
		}

		.markets-served-list-section .label:hover {
			background-color: #003b5c;
			color: #fff !Important;
		}

	.markets-served-list-section h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
		margin-bottom: 22px;
		margin-top: 0px;
	}

.markets-served-list-section .label a {
	text-align: center;
	font: normal normal bold 18px / 18px Source Sans Pro;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	text-decoration: none;
}

/*industrial lab*/
.lab-test-list {
	display: block; /* single column */
	padding: 16px;
	max-width: 640px;
	margin: 0 auto;
}

.lab-test-item {
	display: flex; /* time | desc on one line */
	align-items: center;
	gap: 1px;
	margin-bottom: 0px;
}

	.lab-test-item .lab-time {
		min-width: 64px; /* aligns times nicely */
		text-align: right;
		position: relative;
		padding-right: 12px; /* room for the separator */
	}

		.lab-test-item .lab-time::after {
			content: "";
			position: absolute;
			right: 0;
			top: 6px;
			bottom: 6px;
			width: 1px;
			background-color: #999; /* vertical line */
		}

	.lab-test-item .desc {
		padding-left: 12px; /* space after the line */		
		word-break: break-word; /* wrap long titles */
	}

.lab-test-item span {margin-bottom:0px !important;}
.lab-test-list .lab-test-item span {
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-top: 5px;
}
/*end industrail lab*/


/*start contact us*/

.contact-us-list-section {
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px !important;
}



	.contact-us-list-section .grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
		column-gap: 56px;
		row-gap: 36px;
	}

	.contact-us-list-section .grid-item {
		position: relative;
		overflow: hidden;
	}

		.contact-us-list-section .grid-item img {
			width: 100%;
			height: 318px !important;
			display: block;
		}

	.contact-us-list-section .label {
		position: absolute;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
		background: #036FAD;
		padding: 10px 36px; /* wider feel without fixed width */
		border-radius: 4px;
		display: inline-flex; /* shrink-to-fit behavior */
		justify-content: center;
		align-items: center;
		width: max-content; /* size to content */
		/* white-space: nowrap; */ /* keep on one line (uncomment if you don't want wrapping) */
		max-width: calc(85% - 24px); /* prevent overflow on small images */
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
		border-radius: 4px;
		margin-bottom: 30px;
	}

		.contact-us-list-section .label a {
			text-align: center;
			font: normal normal bold 18px/18px Source Sans Pro;
			letter-spacing: 0px;
			color: #FFFFFF;
			text-transform: uppercase;
			opacity: 1;
			text-decoration: none;
		}

		.contact-us-list-section .label:hover {
			background-color: #003b5c;
			color: #fff !Important;
		}

	.contact-us-list-section h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
		margin-bottom: 22px;
		margin-top: 0px;
	}

	.contact-us-list-section .label a {
		text-align: center;
		font: normal normal bold 18px / 18px Source Sans Pro;
		letter-spacing: 0px;
		color: #FFFFFF;
		text-transform: uppercase;
		opacity: 1;
		text-decoration: none;
	}

	/*end contact us*/

.professional-lab-capabilities {
	display: grid;
	gap: 25px;
	/*align-items: center;*/
	margin-top:35px;
}


	.professional-lab-capabilities h2 {
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000 !important;
		opacity: 1;
	}


.bullet-list-container h2, .professional-lab-client-benefits h2 {
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #000000;
	opacity: 1;
	margin-top: 0px;
	margin-bottom: 0px;
}


.bullet-list-container ul {
	list-style-position: outside;
	list-style: disc !important;
	padding-left: 10px !important;
	margin-left: 0;
	position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
}

.bullet-list-container li {
	text-align: left;
	font: normal normal normal 14px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	overflow: visible !important;
	margin-top: 0px !important;
	padding-left: 5px !important;
	margin-bottom: 5px;
}

	.bullet-list-container li::marker {
		content: "• "; /* You can use dot, emoji, or any Unicode char */
		color: #E8AA2C;
		font-weight: bold;
		font-size: 1rem;
		line-height: 1;
	}

.bullet-list-container .cap-title {
	font-weight: 600;
	margin: 0;
}

.bullet-list-container .cap-desc {
	margin: 0;
	font-size: 0.95rem;
	color: var(--muted);
}

.two-mid-content-container {
	display: flex;
	gap: 5px;
	flex-direction: column;
	margin-top: 25px;
}

	.two-mid-content-container .left-side-column {
		flex: 1;
	}

	.two-mid-content-container .right-side-column {
		flex: 1;
	}

	.two-mid-content-container h2 {
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-34) var(--unnamed-font-family-lato);
		letter-spacing: var(--unnamed-character-spacing--0-3);
		color: var(--unnamed-color-000000);
		text-align: left;
		font: normal normal bold 30px/34px Lato;
		letter-spacing: -0.3px;
		color: #000000;
		opacity: 1;
		margin-top: 0px;
	}

.top-p p {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-source-sans-pro);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 16px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

.right-side-column .bullet-list-container ul.numbered li::marker {
	text-align: left;
	font: normal normal bold 14px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #E8AA2C;
	opacity: 1;
}

ul.numbered {
	list-style: none; /* remove default bullet */
	counter-reset: item 0; /* start counting from 0 so first increment is 1 */
	padding-left: 1.5rem;
}

	ul.numbered li {
		counter-increment: item; /* increment for each li */
		margin-bottom: 10px;
	}

		ul.numbered li::marker {
			content: counter(item) ". "; /* show number */
			text-align: left;
			font: normal normal bold 14px/20px Source Sans Pro;
			letter-spacing: 0px;
			color: #E8AA2C;
			opacity: 1;
		}

.professional-lab-client-benefits {
	display: flex;
	gap: 25px;
	margin-top: 35px;
	flex-direction: column;
}

	.professional-lab-client-benefits .media {
		flex: 0.55;
	}

		.professional-lab-client-benefits .media img {
			width: 100%;
			object-fit: cover;
		}

	.professional-lab-client-benefits .copy {
		flex: 0.45;
	}

		.professional-lab-client-benefits .copy .bullet-list-container .numbered {
			margin-top: 19px;
		}

		.professional-lab-client-benefits .copy .bullet-list-container span {
			text-align: left;
			font: normal normal normal 16px/24px Source Sans Pro;
			letter-spacing: 0px;
			color: #000000;
			opacity: 1;
		}

		.professional-lab-client-benefits .copy .bullet-list-container .nested-content {
			position: relative;
			left: -18px;
			letter-spacing: var(--unnamed-character-spacing-0);
			color: var(--body-copy-646464);
			text-align: left;
			font: normal normal normal 14px/20px Source Sans Pro;
			letter-spacing: 0px;
			color: #646464;
			opacity: 1;
		}

#professional-lab-section {
	margin-top:20px;
}

	#professional-lab-section .header-text h1, .contact-us-header-section .header-text h1 {
		text-align: left;
		font: normal normal bold 34px/40px Lato;
		letter-spacing: -0.36px;
		color: #000000;
		text-transform: uppercase;
		opacity: 1;
		margin: 0px;
	}

	#professional-lab-section .header-text p, .contact-us-header-section .header-text p {
		text-align: left;
		font: normal normal normal 16px/24px Source Sans Pro;
		font-size: 16px;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
	}

/*new code*/

.skiptranslate iframe {
	display: none;
}

#Body {
	top: 0px !important;
}

@media screen and (max-width: 290px) {
	#logo img {
		max-width: 195px;
	}

	.home-page-top-items {
		padding-left: 15px !important;
		padding-right: 15px;
	}

	.product-profile-custom .more-products {
		padding: 0px 15px;
		position: relative;
		left: 0px;
	}

	.topbar-internal .section-inner {
		padding: 0 5px 0px 5px;
	}

	.topbar-internal .store-swticher {
		padding-left: 10px;
	}

	.skiptranslate iframe {
		display: none;
	}
}

.home-top-section {
		margin-top: 65px !important;
	}

@media screen and (max-width: 420px) {
	.mob-head-wrap .topbarnav {
		top: 150px;
	}
}

@media screen and (max-width: 380px) 
{
	.mobile-cp-logo {
		margin-left: 10px;
	}

	.mobile-cp-logo img {
		width: 230px;
	}

	.bcaa-mobile-promo-banner .mobile-promo-logos #bcca-mobile-img-ama 
	{
		width: 190px;
	}

	.your-home-bcaa-mobile-promo-banner .your-home-mobile-promo-logos #your-home-bcca-mobile-img-ama 
	{
		width: 190px;
	}

	.mobile-specialty-list .specialty-btn {
		font: normal normal bold 20px / 10px Source Sans Pro !important;
	}

	#cph_header_MainNavCollection li.L2.inactive a.L2 span,
	.topbarnav.dropmenu #mainnav #cph_header_MainNavCollection li ul li a.L2.active span
	{
		/*font: normal normal bold 19px / 10px Source Sans Pro;*/
		 font-size: 19px;
            line-height: 22px;
	}

	#mainnav .nav.L4>li>a span {
		        font: normal normal normal 18px / 20px Source Sans Pro;
	}
}

.extra-section {
	margin-top: 0px;
}
.paint-colour-note-section {
	padding-bottom: 1px;
	background-color: #eeedec;
}

.paint-colour-note-container {
	padding-left: 40px;
	padding-top: 10px;
	max-width: 95%;
}

.paint-colour-note-section::before {
	content: "";
	position: absolute;
	/* left: 40px; */
	/* width: calc(100% - 80px); */
	width: calc(97% - 3px);
	border-top: 5px solid #707070;
	border-block-width: 6px;
}

.cm-photo-row {
	display: flex;
	gap: 40px;
	flex-direction: column;
}

.paint-colour-note-container h3 {
    font: normal normal bold 30px / 34px Lato;
    letter-spacing: -0.3px;
    color: #000000;
    margin-top: 28px;
    margin-bottom: 11px;
}

.paint-colour-note-container p {
    font: normal normal normal 16px / 24px Source Sans Pro;
    letter-spacing: 0px;
    color: #646464;
}

div#cph_main_divCW1 > p {
    margin-bottom: 30px !important;
}

/* Card wrapper */
.paint-color-tools-row .tool-card {
	position: relative;
	flex: 1; /* equal width columns */
}

/* Images always fill their space */
	.paint-color-tools-row .tool-card img {
		width: 100%;
		height: auto;
		display: block;
	}

/* Blue button on image */
.paint-color-tools-row .tool-btn {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	background: #036fad;
	padding: 12px 26px;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	font: normal normal bold 16px/16px "Source Sans Pro", sans-serif;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	text-transform: uppercase;
}

section.paint-color-tools-row {
    gap: 20px;
    display: flex;
    flex-flow: column;
	margin-top: 25px;
	margin-bottom: 35px;
}

.paint-colour-note-container {
	padding-left: 19px;
	padding-top: 10px;
	max-width: 95%;
}

.best-left p {
	margin-top: 8px;
	max-width: 100%;
}


.tips-section ul {
	list-style: none !important;
	padding-left: 0 !important;
}


.tips-section li::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
	color: #6b7b34; /* olive green */
	font-size: 20px;
	line-height: 18px;
	background: var(--home-a8ad7b) 0% 0% no-repeat padding-box;
	background: #A8AD7B 0% 0% no-repeat padding-box;
	opacity: 1;
}

.tips-section ul li {
	list-style: disc !important;
	padding-left: 0px !important;
	overflow: visible !important;
	display: list-item !important;
	margin-left: 20px;
}

/* Column base */
.tip-column h2 {
	text-align: left;
	font: normal normal bold 30px/34px Lato;
	letter-spacing: -0.3px;
	color: #757855 !important;
	opacity: 1;
	margin-top: 10px;
}

.tip-column p,
.tip-column li {
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
}
	.tip-column li strong {
		font-weight: 700;
	}

.paint-colour-note-container h2 {
	text-align: left;
	font: normal normal bold 22px/30px Lato;
	letter-spacing: -0.3px;
	color: #000000 !important;
	text-transform: capitalize;
	opacity: 1;
	margin-bottom: 10px;
	margin-top: 28px;
}

.paint-colour-note-container p {
    font: normal normal normal 16px / 24px Source Sans Pro;
    letter-spacing: 0px;
    color: #646464;
}
#footer-industrial-title {
	margin-bottom: 15px;
}
 #footer-industrial-title h2 {
  text-align: center;
font: normal normal bold 30px/34px Lato;
letter-spacing: -0.3px;
color: #000000;
opacity: 1;
}

.colour-matching {
  padding-top: 20px;
}

.colour-matching ul.li-disc-style{
	margin-left:10px;
}

ul.li-disc-style li {
	list-style: disc !important;
	padding-left: 0px !important;
	overflow: visible !important;
	display: list-item !important;
	
}

ul.li-disc-style li::marker {
		color: #A8AD7B;
	}

	ul.li-disc-style li strong {
		text-align: left;
		font: normal normal 600 14px/24px Source Sans Pro;
		letter-spacing: 0px;
		color: #000000;
	}
	ul.li-disc-style li p {
		text-align: left;
		font: normal normal normal 14px/24px Source Sans Pro;
		letter-spacing: 0px;
		color: #646464;
	}

ul.embed-disc-list li {
  list-style: disc !important;
  padding-left: 0px !important;
  overflow: visible !important;
  display: list-item !important;
  opacity: 1;
  font: normal normal normal 14px/24px Source Sans Pro;
  letter-spacing: 0px;
  margin-top: 0px;
}	

.cm-content {
	margin-bottom: 30px;
}

.cm-content p {
margin-bottom: 0px !important;
}

.color-table-container table.colors {
display: flow-root;
}

.color-section-bold-paragraph {
	margin-bottom: 20px;
	margin-top: 20px;
}

	.color-section-bold-paragraph p {
		margin-top:7px;
	}


.cm-content strong {
  text-align: left;
  font: normal normal bold 20px/24px Lato;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}	


.cm-content h2 {
	margin: 0;
	text-align: left;
	font: normal normal bold 24px/34px Lato;
	letter-spacing: 0px;
	color: #757855;
	opacity: 1;
}

.cm-content p {
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	margin-bottom: 0px;
}

    .colour-matching .cm-block {
		display: grid;
        grid-template-columns: 1fr;   /* ONE column */
        row-gap: 20px;                /* space between image + content */
        padding: 0 20px;
    }

    .colour-matching .cm-block .cm-bar {
        width: 100%;
    }

    .colour-matching .cm-block .cm-bar img {
        width: 100%;
        height: auto;
        display: block;
    }

ol.cm-steps > li::marker {
  text-align: left;
  font: normal normal bold 20px/24px Lato;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}	

.cm-content ul.embed-disc-list strong {
  text-align: left;
  font: normal normal 600 14px/24px Source Sans Pro;
  letter-spacing: 0px;
  color: #000000;
}

.cm-content .cm-steps-without-p li {
	/*padding: 5px 0px;*/
	margin:15px 0px;
}

.wood-stains ul li .title h2 {
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  margin-top: 0px;
  padding-right: 50px;
}

.wood-stains ul li .content_link .btn-yellow {
  bottom: 25px;
  left: 90px;
}

.cm-content p strong {
  font: normal normal normal 14px/24px Source Sans Pro;
    font-weight: normal;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: bold;
}

.most-specified-paint-clours-h2 {
 text-align: left;
        font: normal normal bold 24px / 27px Lato;
        letter-spacing: 0px;
        color: #757855 !important;
        opacity: 1;
        margin: 0px;
		margin-top: 10px;
}

#cph_main_divCW1 {
  padding-left: 10px;
  padding-right: 10px;
}

.home-style #cph_main_divCW1 {
  padding: 37px 0px;
}

.store-locations #cph_main_divCW1 {
    padding: 0px;
}

.page-overview #breadcrumb {
  padding: 0 10px 16px 16px;
}

.page-overview .store-swticher {
  padding-left: 25px;
}

.page-overview #logo img {

  position: relative;
  left: 10px;
}

/******New mobile menu design***********/
.mobile-utility-bar {
  background: #3f3f3f;
  padding: 12px 16px;
  font-family: Arial, sans-serif;
  width: 100%;
  /* centers everything inside */
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Top Links */
.utility-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 10px;
}

.utility-links a {  
  text-decoration: none;
  font: normal normal 600 14px/16px Source Sans Pro;
letter-spacing: -0.14px;
color: #FFFFFF;

}

.utility-links a:hover {
  text-decoration: underline;
}

/* Bottom Row */
.utility-actions {
  display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: nowrap;
}

/* Search */
.utility-actions .search-box {
  position: relative;
  flex: 1;
  max-width: 229px;
  left: -10px;
}

.search-box input {
  width: 100%;
  padding: 10px 36px 10px 12px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
}

.search-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #666;
}

/* Language */
.language-select select {
  padding: 10px 12px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  min-width: 140px;
  background: #e6e6e6;
}


.mobile-utility-bar .search-box form table {
	margin-bottom: 0px;
}

/* MOBILE ONLY */
 

  /* Make the input container clean */
.mobile-utility-bar .search-box .gsc-input-box {
    position: relative !important;
    background: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0px 0px !important;
  }



  /* Hide Google’s separate search button */
.mobile-utility-bar .search-box td.gsc-search-button 
{
    display: none !important;
  }

  /* Hide Google's clear X cell (optional but cleaner) */
.mobile-utility-bar .search-box td.gsib_b {
    display: none !important;
  }
 
  .mobile-utility-bar .search-box table.gsc-search-box td {
  background: none;
  padding: 4px 0px 4px 15px;
}

 .mobile-utility-bar .search-box form.gsc-search-box {
    margin: 0;
}

/* Make the visible dropdown box a fixed size (optional) */
#google_translate_placeholder_mobile .goog-te-gadget-simple{
  width: 148px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
}

/* This is the wrapper you pointed out — override it */
#google_translate_placeholder_mobile .goog-te-gadget-simple > span{
  display: flex !important;
  width: 100% !important;
  justify-content: flex-end !important;   /* pushes content to the right */
}

/* Make the clickable area fill the box and align its contents right */
#google_translate_placeholder_mobile .goog-te-gadget-simple > span > a{
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: flex-end !important;   /* "English ▼" to the right */
  text-align: right !important;
  gap: 6px !important;
}

/* Optional: remove Google's icon so alignment is cleaner */
#google_translate_placeholder_mobile .goog-te-gadget-icon{
  display: none !important;
}


/* Force dropdown menu iframe width */
.skiptranslate {
  max-width: 148px !important;
  width: 148px !important;
}

.skiptranslate table {
  max-width: 148px !important;
  width: 148px !important;
}


.product-search-mobile {
  position: relative;
  display: inline-block;
}

.product-search-mobile > span > a {  
  text-decoration: none;
  font: normal normal 600 14px/16px Source Sans Pro;
letter-spacing: -0.14px;
color: #FFFFFF;
}

/* Dropdown menu */
.product-search-mobile .L2 {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  margin: 0px 0 0 0;
  padding: 0;
  min-width: 220px;
  border-radius: 4px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  display: none;
  z-index: 999;
}

.product-search-mobile .L2 li {
  border-bottom: 1px solid #eee;
}

.product-search-mobile .L2 li:last-child {
  border-bottom: none;
}

.product-search-mobile .L2 li a {
  display: block;
  padding: 10px 14px;
  color: #333;
  text-decoration: none;
  font-size: 13px;
}

.product-search-mobile .L2 li a:hover {
  background: #f5f5f5;
}

/* Show on hover (desktop) */
.product-search-mobile:hover .L2 {
  display: block;
}

.mob-head-wrap {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 18px;
  width: calc(100% - 36px);
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0,0,0,0.36);  
  border-bottom: 0px;
  margin-bottom: 0px;
}

body.open .mob-head-wrap {
  /*box-shadow: 0 -4px 8px -4px rgba(0,0,0,0.2);*/
  box-shadow: none;  
  border-color: transparent;
}


body.yellow:not(.open) .mobile-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  margin: 0;

  background: #E8AB2C 0% 0% no-repeat padding-box;
  opacity: 1;
  flex-direction: column;
  min-height: 152px;
  margin-bottom: 15px;
}

body.blue:not(.open) .mobile-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  margin: 0;

  background: #8FACBF 0% 0% no-repeat padding-box;
  opacity: 1;
  flex-direction: column;
  min-height: 152px;
  margin-bottom: 15px;
}

body.green:not(.open) .mobile-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  margin: 0;

  background: #A8AD7B 0% 0% no-repeat padding-box;
  opacity: 1;
  flex-direction: column;
  min-height: 152px;
  margin-bottom: 15px;
}

body.yellow:not(.open) .professionals-top-Label {
	text-align: center;
  font: normal normal bold 30px/16px Source Sans Pro;
  letter-spacing: -0.3px;
  color: #000;
  text-transform: uppercase;
  opacity: 1;
  position: relative;
   top: 5px;
  height: 43px;
  display: block !important;
}

body.blue:not(.open) .industrial-top-Label {
	text-align: center;
  font: normal normal bold 30px/16px Source Sans Pro;
  letter-spacing: -0.3px;
  color: #000;
  text-transform: uppercase;
  opacity: 1;
  position: relative;
   top: 5px;
  height: 43px;
  display: block !important;
}

body.green:not(.open) .for-your-home-top-Label {
	text-align: center;
  font: normal normal bold 30px/16px Source Sans Pro;
  letter-spacing: -0.3px;
  color: #000;
  text-transform: uppercase;
  opacity: 1;
  position: relative;
  top: 5px;
  height: 43px;
  display: block !important;
}

/*
.yellow #content {
	position: relative;
    top: 95px;
}
*/

body.yellow.open .professionals-top-Label {
	display:none;
}

.home-style .professionals-top-Label,
.home-style .for-your-home-top-Label, 
.home-style .industrial-top-Label,
.green for-your-home-top-Label,
.blue for-your-home-top-Label 
{
	display: none;
}

/*****************************/
.footer-mobile-sitemap {
  max-width: 420px;
  margin: 0 auto;
  padding: 30px 20px 30px;
  text-align: center;
  
}

.footer-mobile-sitemap .brand{
  display:flex;
  justify-content:center;
  margin: 0px 0 30px;
}

.footer-mobile-sitemap .brand-logo{
  width: 179px;
  height: auto;
  display:block;
}

/* --- 2 column layout --- */
.footer-mobile-sitemap .two-col
{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  max-width: 420px;
  margin: 0 auto;
  align-items: start;
}

.footer-mobile-sitemap .two-col + .two-col
{
  margin-top: 18px;
}

/* Keep headings centered */
.footer-mobile-sitemap .two-col .footer-mb-title {
	text-align: left;
	margin-bottom: 4px;
}

.footer-mobile-sitemap .learn .footer-mb-title {
	margin-bottom: 4px;
}
.footer-mobile-sitemap .two-col .footer-mb-title > a
{
  
  font: normal normal bold 18px/18px Source Sans Pro;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 5px;
}

.footer-mobile-sitemap .learn .footer-mb-title > a {  
  font: normal normal bold 18px/18px Source Sans Pro;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 5px;
}

/* FORCE bullets back + align under centered headings */
.footer-mobile-sitemap .two-col ul,
.footer-mobile-sitemap .learn ul {
  display: inline-block;
  text-align: left;

  list-style-type: disc !important;   /* <-- force markers */
  list-style-position: outside !important;

  padding-left: 0px !important;      /* bullet indent */
  margin: 0px auto 0 !important;
}

/* ensure LI shows marker even if globally reset */
.footer-mobile-sitemap .two-col li,
.footer-mobile-sitemap .learn li {
  display: list-item !important;
  margin: 0 0 0px;
}

/* remove custom bullet injection (avoid double bullets) */
.footer-mobile-sitemap .two-col a::before,
.footer-mobile-sitemap .learn a::before {
  content: none !important;
}

.footer-mobile-sitemap li {
  display: list-item !important;
}

.footer-mobile-sitemap li::marker {
  content: "• " !important;
  color: #333;
  font-size: 14px;
}
/***********/

/* Link style */
.footer-mobile-sitemap .two-col a,
.footer-mobile-sitemap .learn a {
  text-align: left;
font: normal normal normal 14px/18px Source Sans Pro;
letter-spacing: 0px;
color: #646464;
opacity: 1;
  text-decoration: none;
}

/* IMPORTANT: remove custom bullets (you already have real bullets) */
.footer-mobile-sitemap .two-col a::before,
.footer-mobile-sitemap .learn a::before{
  content: none;
}

/* Learn section */
.footer-mobile-sitemap .learn{
  margin-top: 18px;
}

/* Divider */
.footer-mobile-sitemap .divider{
  border: 0;
  border-top: 1px solid #cfcfcf;
  margin: 18px 0 0;
}

.footer-mobile-sitemap .learn ul {
	width: 170px;
}

.footer-mobile-sitemap .two-col div.col > ul 
{
	width: 150px;
}

/***********Industrial Mobile Footer******************/

  /* wrapper */
  .industrial-footer-mobile-megamenu {
    max-width: 420px;
    margin: 0 auto;
    padding: 30px 20px 30px;
  }

  /* 2-column layout */
  .industrial-footer-mobile-megamenu .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: start;
  }

  /* section titles (MARKETS SERVED, PAINT COATINGS & SUPPLIES) */
  .industrial-footer-mobile-megamenu .industrial-footer-mn-title {
    margin: 0 0 8px;    
    text-align: left;
	font: normal normal bold 18px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;

  }

  /* bold subheads inside a column (General Industrial, OEM Manufacturing) */
  .industrial-footer-mobile-megamenu .ft-sub-title {
    margin: 10px 0 6px;
    text-align: left;
	font: normal normal bold 16px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
  }

  /* bulleted lists */
.industrial-footer-mobile-megamenu ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 10px !important;
  margin: 0 !important;
}

.industrial-footer-mobile-megamenu li {
  display: list-item !important;
  margin-bottom: 6px;
}

.industrial-footer-mobile-megamenu li a {
	text-align: left;
	font: normal normal normal 14px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;	
}
/* In case markers are still suppressed */
.industrial-footer-mobile-megamenu li::marker {
  content: "• ";
  color: #646464;
  font-size: 12px;
}

  .industrial-footer-mobile-megamenu .industrial-footer-mn-title a {
    text-align: left;
	font: normal normal bold 18px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
    text-decoration: none;
  }

  /* plain links at bottom right (LAB / ABOUT US / CONTACT US) */
  .industrial-footer-mobile-megamenu .plain-links {
    margin-top: 14px;
  }

  .industrial-footer-mobile-megamenu .plain-links a {
    display: block;
    margin: 10px 0 0;
    text-align: left;
	font: normal normal bold 18px/18px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
  }

.industrial-footer-mobile-megamenu .brand{
  display:flex;
  justify-content:center;
  margin: 0px 0 30px;
}

.industrial-footer-mobile-megamenu .brand-logo {
  width: 179px;
  height: auto;
  display: block;
}  

/********Mobile menu top **************/
/* Base button style (inactive) */
.mobile-specialty-list .specialty-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;

  width:100%;
  padding:22px 64px 22px 24px;   /* room for chevron on the right */
  border-radius:5px;
  border: none;
  text-decoration:none;

	text-align: center;
	font: normal normal bold 25px/13px Source Sans Pro;
	letter-spacing: -0.25px;
	color: #C2C0BA;
	text-transform: uppercase;
	opacity: 1;
  color: #000;
    transition:all .3s ease;
}
/* Default background colors */
.mobile-specialty-list .specialty-btn.is-home{ background:#A8AD7B; }
.mobile-specialty-list .specialty-btn.is-pro{  background:#E8AB2C; }
.mobile-specialty-list .specialty-btn.is-ind{  background:#8FACBF; }


/* Chevron (inactive only) */
.mobile-specialty-list .specialty-btn::after{
  font-size: 48px;
  line-height: 1;
  color: #000;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: translateY(-50%) rotate(-45deg);
}

/* Active state = filled, black text, no border, hide chevron */
.mobile-specialty-list .specialty-btn.active,
.mobile-specialty-list .specialty-btn.is-active,
.mobile-specialty-list .specialty-btn[aria-current="page"]
{
  border-color:transparent;
  color:#000;
}

.mobile-specialty-list .specialty-btn.active::after,
.mobile-specialty-list .specialty-btn.is-active::after,
.mobile-specialty-list .specialty-btn[aria-current="page"]::after{
	border-right: 0px;
  border-bottom: 0px;
  /*content:""; *//* hide chevron */
}

/* Active colors (match screenshots) */
.mobile-specialty-list .specialty-btn.is-home.active,
.mobile-specialty-list .specialty-btn.is-home.is-active,
.mobile-specialty-list .specialty-btn.is-home[aria-current="page"]
{
  background:#A8AD7B;
}

.mobile-specialty-list .specialty-btn.is-pro.active,
.mobile-specialty-list .specialty-btn.is-pro.is-active,
.mobile-specialty-list .specialty-btn.is-pro[aria-current="page"]{
  background:#E8AB2C;
}

.mobile-specialty-list .specialty-btn.is-ind.active,
.mobile-specialty-list .specialty-btn.is-ind.is-active,
.mobile-specialty-list .specialty-btn.is-ind[aria-current="page"]
{
  background: #8FACBF;
}

/* Optional: spacing between buttons */
.mobile-specialty-list {
  display:flex;
  flex-direction:column;
  gap:10px;
  position:relative;
  padding-bottom:28px; /* space for divider */
}

.mobile-specialty-list::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:6px;
  background:transparent;
  border-radius:2px;
  transition:background .3s ease;
}

/* ------------------------------------------------ */
/* WHEN ONE ITEM IS ACTIVE */
/* Add class .has-active to wrapper */
/* ------------------------------------------------ */

.mobile-specialty-list.has-active .specialty-btn{
  background:#fff;
border: 2px solid #C2C0BA;
  color: #C2C0BA;
}

.mobile-specialty-list.has-active .specialty-btn::after{
  /*color:#b8b8b8;*/
  border-right: 3px solid #b8b8b8;
  border-bottom: 3px solid #b8b8b8;
}

.mobile-specialty-list.has-active .specialty-btn.active::after{
  border: 0px;

}

/* Active item overrides dimmed style */
.mobile-specialty-list.has-active .specialty-btn.active{
  border:none;
  color:#000;
}

/* Restore active background colors */
.mobile-specialty-list.has-active .specialty-btn.is-home.active{
  background:#a8ad7b;
}

.mobile-specialty-list.has-active .specialty-btn.is-pro.active{
  background:#e4ad2f;
}

.mobile-specialty-list.has-active .specialty-btn.is-ind.active{
  background:#8fb0c4;
}

/* Hide arrow on active item */
.mobile-specialty-list.has-active .specialty-btn.active::after{
  content:"";
}

/* Divider colors */
.mobile-specialty-list.has-active.home-active::after{
  background:#757855;
}

.mobile-specialty-list.has-active.pro-active::after{
  background:#E8AB2C;
}

.mobile-specialty-list.has-active.ind-active::after{
  background:#8FACBF;
}


/******/
.page-overview .professionals-overview-list
{
   margin-top: 30px;
}

.product-profile-custom.paint-colours .top-left h2
{
text-align: left;
}

.market-title-desktop-break
{
	display: none;
}

@media (min-width: 404px) and (max-width: 420px) 
{
		.product-search-mobile > span > a,
		.utility-links a 
		{
			font: normal normal 600 13px / 15px Source Sans Pro;
            letter-spacing: 0px;
		}
}

@media (min-width: 396px) and (max-width: 403px) {

	    .product-search-mobile > span > a,
		.utility-links a 
		{
			font: normal normal 500 13px / 15px Source Sans Pro;
            letter-spacing: 0px;
		}

}

@media (min-width: 200px) and (max-width: 395px) {

	    .product-search-mobile > span > a,
		.utility-links a 
		{
			font: normal normal 500 11px / 15px Source Sans Pro;
            letter-spacing: 0px;
		}

}

.yellow #cph_main_pnlNormal
{
    margin-top: 25px;
  padding-top: 0px;
}

.green #cph_main_divCW1 {
	margin-top: 25px;
}

.blue #cph_main_divCW1 {
	margin-top: 25px;
}
.yellow.page-overview #cph_main_divCW1
{
	margin-top: 25px;
}

.blue.page-overview #cph_main_divCW1 {
	/*margin-top: 0px;*/
}

.blue.page-overview .industrial-lab-section 
{
	margin-top: 20px;
}

.for-your-home-top-slide h1 
{
  text-align: center;
  font: normal normal bold 34px/40px Lato;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
  width: 90%;
  margin-bottom: 20px !important;
}

.for-your-home-top-slide  p {
  text-align: left;
  font: normal normal normal 16px/24px Source Sans Pro;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
}

.for-your-home-store-locator h2 {
text-align: center;
font: normal normal bold 30px/34px Lato;
letter-spacing: -0.3px;
color: #000000;
opacity: 1;
 
}

.for-your-home-store-locator .home-section-three  .item-link 
{
	display: flex;
  justify-content: center;
}

 .for-your-home-store-locator .home-section-three .item-link .btn-yellow {
	position: relative;
	bottom: 0px !important;	
	text-align: center;
  }

  .products-supplies-d {
	display: none;
  }

  .products-supplies-m {
	display: block;
  }

    .for-your-home-product-supply .home-section-four ul li:first-child 
	{
		margin-bottom: 30px !important;
	}


.for-your-home-product-supply .home-section-four .item-title {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.for-your-home-product-supply .home-section-four ul li .content_block{
	display: flex;
  justify-content: center;
}

.for-your-home-ht-paint .home-section-five.more-products ul li {
  max-width: 100%;
}

.for-your-home-ht-paint > div {
	background-color: #ffeab3;
    height: auto;  
  padding: 30px 0px 15px;

}

.for-your-home-ht-paint .home-section-five.more-products .home-section-store-locator
{
	margin: 0px 25px;
}

.for-your-home-ht-paint .home-section-five.more-products .home-section-store-locator .item-link {
	display: flex;
  justify-content: center;
}


.for-your-home-ht-paint .home-section-store-locator .item-title {
  font-size: 30px;
  font-weight: bold;
  color: #000;
}

.for-your-home-ht-paint .home-section-store-locator .item-summary  p {
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

  .your-home-read-all-blogs a {
	margin-top: 0px;
	color: #fff !important;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: .02em;
	background: #036FAD 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000080;
	opacity: 1;
	padding: 13px 52px;
	text-decoration: none;
  }

  .your-home-read-all-blogs
	{
	text-align: center;
	margin-bottom: 60px;
	}

	#professional-market-grid-container h1 {
		text-align: center;
		font: normal normal bold 34px / 38px Lato;
	}

	.yellow .product-search-title h2,
	.blue .product-search-title h2
	{
		display: flex;
  		justify-content: center;
	}

	.yellow .product-search, .yellow .search-result,
	.blue .product-search, .yellow .search-result
	{
		padding: 0px;
	}

	.blue.page-overview .search-result {
		padding-bottom: 0px;
	}




    /***************BCCA mobile section*****************/


  .your-home-bcaa-mobile-promo-banner{
    display:block;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 391 / 611;

    background-image: url("../png/bcaa-background---mobile.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    position: relative;
    margin-bottom: 30px;
  }

  /* overlay wrapper */
  .your-home-mobile-promo-content{
    position: absolute;
    inset: 0;
  }

  /* TEXT BLOCK placement (inside blue) */
  .your-home-mobile-promo-text{
    position: absolute;
    left: 50%;
    top: 10%;                /* move up/down here */
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }

  .your-home-mobile-promo-text a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
  }

  .your-home-mobile-small{
    margin: 0;
    line-height: 1.15;
    font-size: clamp(14px, 4.2vw, 20px);
    font-weight: 600;
  }

  .your-home-mobile-save-percentage{
    display: block;
    margin: clamp(6px, 2vw, 10px) 0;
    line-height: 0.95;
    font-size: clamp(54px, 16vw, 92px);
    font-weight: 800;
  }

  /* LOGOS BLOCK placement (lower, on beige) */
  .your-home-mobile-promo-logos{
    position: absolute;
    left: 50%;
    top: 55%;                /* move up/down here */
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }

  .your-home-mobile-promo-logos a{
    display: inline-block;
  }

  #your-home-bcca-mobile-img-ama{
    width: min(92%, 360px);
    height: auto;
    display: block;
  }	

  #footer-industrial-content p {
	text-align: left;
	font: normal normal normal 14px/24px Source Sans Pro;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	padding: 0px 15px;
  }

   #openModal {
      margin-bottom: 20px;
      width: 100%;
      max-width: 350px;
      margin-right: 0px !important;
    }

	#footer #bottomlinks li:last-child {
		border-right: 0px;
	}

	.industrial-contacts-top .wrap .page-title
	{
		margin: 0;
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
		text-align: left;
		font: normal normal bold 20px / 24px Lato;
		letter-spacing: 0;
		color: #000000;
		opacity: 1;
	}

	.about-contact-us #content
	{
		padding: 0px 10px;
	}

	.store-locations #content{
		padding: 0px 10px;

	}	

	.store-locations .extra-section .health-safety-section
	{
		margin-top: 60px;
	}

	/*******NEW************/
	#pm-specificer-desktop {
        display: none !important;
    }

    #pm-specificer-ipad {
        display: none !important;
    }

    #pm-specificer-mobile {
        display: black !important;
    }
#professional-market-grid-container #discover-specifiers-mobile
{
    display: block !important;
}

#professional-market-grid-container #discover-specifiers-desktop
{
    display: none;
}

	#professional-market-grid-container {
		display: flex !important;
	}

	#professional-market-grid-container .pm-left-item {
		width: 100% !important;
	}

	#professional-market-grid-container .pm-right-item {
		width: 100% !important;
	}

	.paint-problem-solution-mb-section {
		display: block !important;
	}

	.paint-problem-solution-desktop-section {
		display: none;
	}

	    /************************/

.paint-problem-solution-mb-section {    
    padding-top: 0px;
    padding-bottom: 10px;
	
}
.paint-problem-solution-mb-section .promo-content {
 	text-align: center;
}

.paint-problem-solution-mb-section .promo-item:last-child .promo-content {
 	/*text-align: left;*/
}

.paint-problem-solution-mb-section .promo-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;    
    
}
    .paint-problem-solution-mb-section .promo-item:first-child {
        margin-bottom: 44px;
    }

.paint-problem-solution-mb-section .promo-img img {
    width: 100%;
    height: auto;
    display: block; /* removes inline spacing issues */
}

.paint-problem-solution-mb-section .promo-content h2 {    
    font: normal normal bold 30px/34px Lato;
    letter-spacing: -0.3px;
    color: #000000;
    opacity: 1;
    margin-bottom: 10px;   
    margin-top: 0px; 
}

.paint-problem-solution-mb-section .promo-content p {
    text-align: left;
    font: normal normal normal 14px/24px Source Sans Pro;
    letter-spacing: 0px;
    color: #646464;
    opacity: 1;
    margin-bottom: 15px;
    max-width: 500px;
    margin-top: 0px;
    
}

.paint-problem-solution-mb-section .btn-blue {
    display: inline-block;    
    color: #fff;
    padding: 14px 28px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 2px;    
    transition: 0.2s ease;
    background: #036FAD 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000080;
    opacity: 1;
}

.paint-problem-solution-mb-section .btn-blue:hover {    
    background-color: #003b5c;
    color: #fff ! Important;
}

    /***********************/
/***********************/
    .paint-problem-solution-mb-section {
        display: block !important;
        position: relative;
        background: #E8E7E5 !important;
        padding-top: 32px;
        padding-bottom: 45px;

        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        margin-right: 0;
        box-sizing: border-box;
    }

    .paint-problem-solution-mb-section .home-page-section {
        max-width: 727px;
        margin: 0 auto;
       /* padding: 0 30px;*/
        box-sizing: border-box;
        background: transparent !important;
    }

    .paint-problem-solution-mb-bg {
        position: absolute;
        left: 0;
        width: 100%;
        background: #E8E7E5 !important;
        pointer-events: none;
        z-index: 1;
        display: none;
    }

/***************new*******************/
/* =========================================
   MOBILE PHONE
========================================= */
@media only screen and (max-width: 767px) {

    .for-yourhome-product-profile_item,
    .for-yourhome-product-paint-list-item {
        position: relative !important;
        overflow: hidden !important;
    }

    /* =========================================
       TOP SECTION
    ========================================= */
    .for-yourhome-product-profile {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-top: 0px !important;
        padding-bottom: 32px !important;
		padding: 0 10px;
    }

    .for-yourhome-product-profile_item:first-child {
        grid-column: auto !important;
        padding: 0 !important;
    }

    .product-profile_item-blocks_content #content-block-section {
        max-width: 100% !important;
    }

    .product-profile_item-blocks_content #content-block-section .block-title {
        font-size: 25px !important;
        line-height: 1 !important;
        margin-bottom: 14px !important;
		color: #000;
		        text-transform: uppercase;
        font-weight: 700;
		text-align: center;
            width: 100%;
			margin: 0px;
    }

    .product-profile_item-blocks_content #content-block-section p {
        font-size: 16px;
            color: #000000;
    }

    .for-yourhome-product-profile_item:nth-child(2),
    .for-yourhome-product-profile_item:nth-child(3) {
                height: 330px;
        margin-bottom: 30px;
        overflow: hidden !important;
    }

    .for-yourhome-product-profile_item img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
    }

    .for-yourhome-product-profile_item 
    .product-profile_item-blocks_content {
        bottom: 20px !important;
    }

    /* =========================================
       PRODUCT GRID
    ========================================= */
    .for-yourhome-product-paint-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding-bottom: 36px !important;
		padding: 0 10px;
    }

    .for-yourhome-product-paint-list-item {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: auto !important;
        transform: none !important;
		margin-bottom: 30px;
    }

    .for-yourhome-product-paint-list-item:nth-child(5) {
        width: 100% !important;
        justify-self: stretch !important;
    }

    .for-yourhome-product-paint-list-item .i-o-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* =========================================
       BUTTONS
    ========================================= */
	    .for-yourhome-product-profile_item:not(:first-child) 
    .product-profile_item-blocks_content,
    .for-yourhome-product-paint-list-item .content_block {
            left: 50% !important;
            bottom: 35px !important;
            transform: translateX(-50%) !important;            
            text-align: center !important;
            z-index: 5 !important;
            position: absolute;            
            padding: 10px 36px;            
            text-align: center;
            font-size: 16px;
    }

    .for-yourhome-product-profile .btn-yellow,
	.for-yourhome-product-paint-list .btn-yellow {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        display: inline-block !important;
        min-width: 235px !important;
        max-width: calc(100% - 32px) !important;                
        white-space: nowrap !important;
        z-index: 10 !important;
    }

	.product-profile-custom .architectural-paint-colour-wp {
        margin-bottom: 30px;
    } 
}

.paint-color-tools-row  .tool-card img {
	max-height: 250px;
}

/*******Powder Coating************/

.half-half-right-imagebox-container .right-image-box {    
    order: -1;
}

  .powder-coating-section-centre-content.view-our-section .one-line-list {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }

  .powder-coating-section-centre-content.view-our-section .one-line-list li {
    width: 100%;
    max-width: 320px;
  }

  .powder-coating-section-centre-content.view-our-section .one-line-list h3 {
    margin: 0;
    font-size: 1.2rem;
  }

  .powder-coating-section-centre-content.view-our-section .one-line-list a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
  }

  /****/

.view-our-section .center-content {
    display: flex;
    justify-content: center;
}

.powder-coating-section-centre-content.view-our-section .one-line-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 32px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 500px;
}

.powder-coating-section-centre-content.view-our-section.powder-coating-colours-page .one-line-list {
	        grid-template-columns: repeat(1, 1fr) !important;
}

.powder-coating-section-centre-content.view-our-section .one-line-list li {
    text-align: center;
}

.powder-coating-section-centre-content.view-our-section .one-line-list h3 {
    margin: 0;
}
  /****/
 

  .powder-coating-section-two .half-half-left-imagebox-container, 
 .powder-coating-section-five .container-right-image,
 .half-half-right-imagebox-container,
.powder-coating-section-two .half-half-left-imagebox-container,
 .powder-coating-section-five .sustainable-coating-solutions-left-image,
 .powder-coating-content-wrapper .container-right-image,
 .powder-coating-content-wrapper .container-left-image 
  {
    grid-template-columns: 1fr !important;
    gap: 24px;
  }

  .pw-internal-two-columns-content-container .list-content,
 .pw-internal-two-columns-content-container .list-three-column-content,
 .pw-internal-four-columns-content-container 
  {
	grid-template-columns: 1fr !important;
    gap: 16px;
  }
  
  .powder-coating-section-five .container-right-image .right-img-section {
	overflow: visible;
	order: -1;
  }

  .powder-coating-section-two .half-half-left-imagebox-container .left-image-box {
    order: 1;
  }

  .powder-coating-section-two .half-half-left-imagebox-container .right-textbox {
    order: 2;
  }

  .powder-coating-content-wrapper .content-container .right {
	order: -1;
  }

.container-left-image.sustainable-coating-solutions-left-image .left-img-section
 {
	overflow: visible !important;
  }

  .powder-coating-content-wrapper .content-container .right {
	overflow: visible !important;
  }

  .powder-coating-content-wrapper .container-right-image .right-img-section {
	overflow: visible !important;
	order: -1;
  }

  .powder-coating-content-wrapper .container-left-image .left-img-section {
	overflow: visible !important;
  }

  .powder-coating-content-wrapper .container-left-image .left-img-section img {
	 position: relative !important;
  }

  .powder-coating-content-wrapper .content-container .right img {
	position: relative !important;
  }
  

  .container-left-image.sustainable-coating-solutions-left-image .left-img-section img,
  .powder-coating-section-five .container-right-image .right-img-section img,
  .powder-coating-content-wrapper .container-right-image .right-img-section img
  {
	position: relative !important;
  }

  /*.powder-coating-section-two .half-half-left-imagebox-container.right-textbox h2 {
    font-size: 1.6rem;
  }
*/
  .powder-coating-section-two .half-half-left-imagebox-container .left-image-box img {
     width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  }
	
.powder-coating-section-three .list-content {
    display: grid;
    grid-template-columns: 1fr !important;
    align-items: stretch;
    row-gap: 16px;
}

.centerconten-container {
	margin-bottom: 40px !important;
}

.powder-coating-content-wrapper 
{
	margin-top: 0px !important;
}

.architectural-application-top-content
{
	margin-bottom: 40px !important;
}

.colour-selection-legend {
    display: grid !important;
    font-size: 14px;
    color: #000;
    margin: 16px 0 32px;
    grid-template-columns: 1fr !important;
	row-gap: 8px !important;
	margin-bottom: 40px !important;
}

.flex-image-section .right-img-section {
	position: relative !important;
	margin-bottom: 16px;
}

#download-pdf-link {
	position: relative !important;
}

.colour-selection-section .grid {
    grid-template-columns: repeat(3, 1fr) !important;    
}
.ral-colours-swatch-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4px;
}

.contact-directory .contact-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;    
    row-gap: 16px;
}

.powder-coating-section-centre-content h2 {
    text-align: left !important;
}

.powder-coating-h1 {
	font: normal normal bold 34px / 34px Lato;
    color: #6B8A9F !important;
    opacity: 1;
}
  /*************PC shared ****************************/
.powder-coating-cta-section {
    padding: 0px 0px 40px !important;    
}  
.powder-coating-content-block-one {
    padding: 13px 0px 40px !important;
}

.pw-internal-two-columns-content-container {margin: 0 !important;}

.powder-coating-section-centre-content,
.powder-coating-section-two,
.powder-coating-section-three,
.powder-coating-section-five,
.powder-coating-content-wrapper,
.pw-internal-two-columns-content-container,
.pw-internal-four-columns-content-container,
.ral-colours-swatch-grid
{
    padding: 0px 0px 40px !important;
}

.powder-coating-section-centre-content .custom-bullets,
.half-half-left-imagebox-container .custom-bullets,
.powder-coating-section-three .custom-bullets,
.sustainable-coating-solutions-left-image .container-left-image .custom-bullets,
.powder-coating-content-wrapper	.content-container .custom-bullets,
.pw-internal-two-columns-content-container .list-content .custom-bullets,
.powder-coating-content-wrapper .container-right-image .left-content-section .custom-bullets,
.powder-coating-content-wrapper .container-left-image .right-content-section .custom-bullets,
.pw-internal-two-columns-content-container .list-three-column-content,
.pw-internal-two-columns-content-container .custom-bullets,
.pw-internal-four-columns-content-container .custom-bullets,
.powder-coating-content-wrapper .container-without-image .custom-bullets
  {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .powder-coating-section-centre-content .custom-bullets li,
  .half-half-left-imagebox-container .custom-bullets li,
  .powder-coating-section-three .custom-bullets li,
  .sustainable-coating-solutions-left-image .container-left-image .custom-bullets li,
  .powder-coating-content-wrapper .content-container .custom-bullets li,
  .pw-internal-two-columns-content-container .list-content .custom-bullets li,
  .powder-coating-content-wrapper .container-right-image .left-content-section .custom-bullets li,
  .powder-coating-content-wrapper .container-left-image .right-content-section .custom-bullets li,
  .pw-internal-two-columns-content-container .custom-bullets li,
  .pw-internal-four-columns-content-container .custom-bullets li,
  .powder-coating-content-wrapper .container-without-image .custom-bullets li 
  {
    position: relative;
    padding-left: 10px !important;
    overflow: visible !important;
    text-align: left;
  }

  .powder-coating-section-centre-content .custom-bullets li::before, 
 .half-half-left-imagebox-container .custom-bullets li::before,
 .powder-coating-section-three .custom-bullets li::before,
 .sustainable-coating-solutions-left-image .container-left-image .custom-bullets li::before,
 .powder-coating-content-wrapper .content-container .custom-bullets li::before,
 .pw-internal-two-columns-content-container .list-content .custom-bullets li::before,
 .powder-coating-content-wrapper .container-right-image .left-content-section .custom-bullets li::before,
 .powder-coating-content-wrapper .container-left-image .right-content-section .custom-bullets li::before,
 .pw-internal-two-columns-content-container .custom-bullets li::before,
 .pw-internal-four-columns-content-container .custom-bullets li::before,
 .powder-coating-content-wrapper .container-without-image .custom-bullets li::before
  {
    content: "\2022";
    position: absolute;
    left: 0;
    top: 0.05em;
    font-size: 18px;
    line-height: 1;
    color: #666;
    display: inline-block;
  }





  /*******************************************/
    /* Add icon directly inside input */
.mobile-utility-bar .search-box #gsc-i-id1 {
    background-image: url("data:image/svg+xml;utf8,\
    <svg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\
    <path fill-rule='evenodd' clip-rule='evenodd' d='M14.76 13.27L20.49 19L19 20.49L13.27 14.76C12.2 15.53 10.91 16 9.5 16C5.91 16 3 13.09 3 9.5C3 5.91 5.91 3 9.5 3C13.09 3 16 5.91 16 9.5C16 10.91 15.53 12.2 14.76 13.27ZM9.5 5C7.01 5 5 7.01 5 9.5C5 11.99 7.01 14 9.5 14C11.99 14 14 11.99 14 9.5C14 7.01 11.99 5 9.5 5Z' fill='%23444746'/>\
    </svg>") !important;

    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;

    padding-right: 42px !important; /* space for icon */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }