/*for the adobe elements on the ACA page*/



.item-content {
padding: 0 20px 0 20px;
border-radius: 4px;
border: 1px solid #cccccc;
margin-top: 75px;




}

h4  {
	font-size: 20px;
	/*font-weight: bold;*/
	margin-bottom:5px;
	color: #435A66;
	text-align: left;
}



h4 a {
	/*width: 100%;*/
	color: ;
	/*margin-right: 45px;*/
	text-decoration: none;
	padding: 0 ;
	
	transition: color 0;

	}

h1 {

	text-align: center;
	font-size: 20px;
}
 
p    {

	font-size: 12px;
}


h6{
	font-size: 15px;
	text-align: center;

}
 
.item-description {
color: #666666;
font-size: 15px;
font-weight: inherit;
line-height: 1.3;
min-height: 2.25rem;
margin-top: 3px;
margin-bottom: 20px;
text-align: center;

}




/*.ccdesktop-linkItem {
display: inline-block;
margin: 0;
padding: 0;
}*/

.item-icon {
/*margin-top: -1.375rem;
height: 2.9375rem;*/
background-color: #FFFFFF;
left:50%;
width: 160px;
height:160px;
/*we want to move half the width and half the height*/ 
/*as the 50% is the exact centre but the image is place from the left side so goes more to the right so you need to put half the margin in to make it centre*/
margin: -80px 0 0 -80px;
margin-bottom: 5px;
}

section .item-content {
	position: relative;
	/*relative to the container the image is in*/
	top: 0;
	/*trageting both the image and it's shadow that's why we've used all.. yet we haven't applied of it.. need to make a slector for a hover state*/
	transition: all 0s ease;

}

section .item-content:hover {
	/*so this will move it down slightly on roll over/hover*/
	top:0;
	/*remember what these values mean the last one if the blur, is important to sofen it*/
	box-shadow: 0;

}

h6 a {
	/*width: 100%;*/
	color: black;
	/*margin-right: 45px;*/
	text-decoration: none;
	padding: 0 0px 0 0px;
	
	transition: color 0s;

	}


section.container {

/*if we did the padding: 200 0 200 0 it would reset the lanes css  - so need to use padding-top and padding-bottom instead*/
	padding-top: 210px;
	padding-bottom: 20px;
	/*border-bottom: 1px solid black;*/

}

section img {
	position: relative;
	/*relative to the container the image is in*/
	top: 0;
	/*trageting both the image and it's shadow that's why we've used all.. yet we haven't applied of it.. need to make a slector for a hover state*/
	transition: all 0.25s ease;

}

section img:hover {
	/*so this will move it down slightly on roll over/hover*/
	top:0px;
	/*remember what these values mean the last one if the blur, is important to sofen it*/
	box-shadow: none;

}

/*.box

/*end of ACA section of CSS  */

/*.course_content {

	font-weight: bold;
	font-size: 30px;
	color: red;
}*//*/*/



.booking a {
	
	width:150px;
	height: 50px;
	/*makes the image round.. 70px being a high roundness of corners creating a circle as it needs to half of the width in pixels in the image!*/
	border-radius: 10px;
	margin: 0 50% 0 50%;
	
	margin: 0 0 0 0px;
	font-size: 15px;
	border: 1px solid RGBA(167, 167, 167, 1);
	color: RGBA(167, 167, 167, 1);
	text-decoration: none;
	padding: 10px;
	background-color: white;

	}

.booking a:hover {

	width:150px;
	height: 50px;
	border: 1px solid RGBA(167, 167, 167, 1);
	color: RGBA(167, 167, 167, 1);
	text-decoration: none;
	padding: 10px;
	background-color: RGBA(167, 167, 167, 0.5);
	color: white;
	/*border-radius: 10px;
	margin: 10px auto 0 auto;*/

	}