@charset "UTF-8";
/* CSS Document */





.gridHolder {
	width:103%;
	margin:0 -1.5%;}
	
	
.gridItem {
	width:22%;
	margin:20px 1.5%;
	float:left;
	position:relative;
	background-color:#dfdede;
	min-height:240px;
	}
	
	
	
	.gridItem .videoPresent	{
    position: absolute;
    bottom: -1px;
    left: -1px;
    padding:20px;
   background-color:#fff;
    z-index: 1;
		}


.gridItem .videoPresent .videoPlay {
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 38px;
border-color: transparent transparent transparent #000;
}	
	
	
.gridItem img {
	width:100%;
	max-width:350px;
	max-height:280px;}	
	
 .gridItem .gridTitle {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background-image:url(http://www.cladglobal.com/images/transparentBlack.png);
	padding:5%;
	color:#fff;
	font-size:22px;
	line-height:30px;
	overflow:hidden;
	display:none;
	}
	
.gridItem .gridTitle .jobTag {
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-size:14px;}	
	
.gridItem .gridTitle a {	
text-decoration:none;
color:#fff;
cursor:pointer;
}


.gridItem .gridTitle .cacheSignup {
	display:none;}
	
.grid1clear {
	clear:both;}
	
	
.videoGrid .gridItem{
	background-color:#fff;}	
	
.video-container {
	margin-bottom:10px;}		
	
.videoTitle {
	font-size:14px;
	margin-top:5px;
	}	
	
.videoName	{
	font-size:15px;
font-weight:bold;
margin-bottom:5px;	
}
	
	
	
.videoTitle a {
	color:#000;
	text-decoration:none;	
}

.videoTitle a:hover {
	color:#fc6c23;
	text-decoration:underline;	
}

.videoTitle a.hpsvideo {
font-size:15px;
font-weight:bold;
margin-bottom:5px;}

.videoTitle .readMore {
	text-transform:uppercase;
	font-size:12px;}

.videoTitle .newsLink {
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;}

.gridItem:hover {
	background-color:#fff;}

 .gridItem:hover .gridTitle	{
	display:block;
	text-decoration:none;
	}	
	
	.gridItem:hover .videoPresent {
		display:none;}
	
	
 .gridItem:hover .gridTitle .gridDate,
 .videoDate  {
font-size:12px;
margin-top:5px;
text-decoration:none;}


.sharePanel {
	height:30px;
	margin-bottom:0px;}

 .sharePanel .shareIcon  {
	display:block;
	}

 .sharePanel:hover .shareIcon {
	display:none;}

 .sharePanel .shareButtons {
	display:none;}
	
 .sharePanel:hover .shareButtons {
	display:block;
	}
	
.sharePanel:hover .shareButtons a.share {
	height:10px;
	padding-left:15px;
	}	
	
.sharePanel:hover .shareButtons a.RD {
	padding-left:20px;
	}	
	
.sharePanel:hover .shareButtons a.GG {
	padding-left:20px;
	}	
	
	
.sharePanel:hover .shareButtons a.IN ,	
.sharePanel:hover .shareButtons a.PIN {
	padding-left:18px;
	}	
	
	.sharePanel:hover .shareButtons a.EMAIL {
		padding-left:16px;	}
			
	
 .sharePanel .shareButtons .hide {
	display:none;
	}	
	
.videoTitle .sharePanel {
	margin-top:10px;}	
	
 /*.shareIconTextN:before {
	content:'SHARE';
	font-size:12px;}	*/
	


/* .gridItem {
	width:24%;
	margin:20px 0.5%;
	float:left;
	position:relative;}
	
	
	*/
			

			
			
			
			


 @media screen and (max-width:1400px) {
	 
	.video4clear {
		clear:none;}
		
	.video3clear {
		clear:both;}	
	 
	 .gridItem {
	width:30%;
	margin:20px 1.5%;
	float:left;
	position:relative;
	min-height:248px;
	}
	
	.gridItem img {
	width:100%;
	max-width:428px;
	max-height:342px;}	
	 
	 
	 .grid1clear {
	clear:none;}
	
	.grid2clear {
	clear:both;}
 }
 
 

	 
#CLADwrapperMobile	 .video1clear 
	#CLADwrapperMobile	 .video2clear 
	#CLADwrapperMobile	.video3clear 
#CLADwrapperMobile		.video4clear {
		clear:both;}	
	 
#CLADwrapperMobile		.videoGrid .gridItem {
	width:100%;
	margin:20px 0;
	float:none;
	position:relative;
	}
	
	#CLADwrapperMobile	.gridItem img {
	width:100%;
	}	
	 
	 

 
 
 /* @media screen and (max-width:1000px) {
	 
	a .gridItem {
	width:32%;
	margin:20px 0.5%;
	float:left;
	position:relative;}
	 

 
a .grid1 {
	 margin-left:1%;}
	 
a	 .grid2 {
	 margin-right:1%;} 
 }		*/