/*
    footer.css
    web-communication.eu | 21/06/2016
    Copyright 2016 web-communication.eu
*/


#footer {
    position: 					relative;
    background:					#333333;
    width: 						100%;
	padding-top:	 			45px;
	text-align: center;
}

#footer .container {
	width: 						100%;
	display: 					inline-block;
}


#footer .column {
	float: 						left;
	margin-left:				4%; 
	width:						28%;
	padding: 					20px;
	text-align:left;
}


#footer .sub-column {
	position: 					relative;
	margin: 					0;
	width: 						100%;
}

#footer a {
	text-decoration: 			none;
}



/* footer actions */	

#footer ul.actions, ul.actions a {
    font-size:			    16px;
	color:				    #cccccc;
	font-family: 			'Roboto', sans-serif;
}
		
#footer ul.actions a:hover {
    text-decoration: 		underline;
	color: 					#ffffff;
}

#footer ul.actions li {
    list-style: 			none;
	padding: 				10px 20px;				
}

		
#footer .border {
	border-bottom: 			1px solid #585858;/*#424242;*/
}

#footer .border10 {
	border-bottom: 			1px solid #585858;/*#424242;*/
	padding-bottom: 		10px;
}
		
		

/* footer social */		
		
#footer ul.social {
    cursor: 				default;
}

#footer ul.social li {
    display: 				inline-block;
    margin-left: 			3px;
}		
		


#footer .icon {
	width:					32px;
	height:					32px;
	display:				block;
}
		
#footer .icon-fbook {
	background: 			#3A5795 url('../images/fbook.png') no-repeat 8px 6px;
	background-size: 		24px;
}
		
#footer .icon-fbook:hover {
	background-color: 		#0000FF;
}		

#footer .icon-tweet {
	background: 			#009CDE url('../images/tweet.png') no-repeat center center;	
	background-size: 		22px;
}
		
#footer .icon-tweet:hover {
	background-color: 		#11CFFF;
}		
		
#footer .icon-gplus {
	background: 			#D42A1A url('../images/gplus.png') no-repeat center center;	
	background-size: 		24px;
}
		
#footer .icon-gplus:hover {
	background-color: 		#FF0000;
}	

#footer .icon-insta {
	background: 			#BB00A5 url('../images/insta.png') no-repeat center center;	
	background-size: 		22px;
	/*border-radius: 50%;*/
}
		
#footer .icon-insta:hover {
	background-color: 		#FF00FF;
}		

#footer .icon-tube {
	background: 			#D42A1A url('../images/tube.png') no-repeat center center;	
	background-size: 		22px;
	/*border-radius: 50%;*/
}
		
#footer .icon-tube:hover {
	background-color: 		#FF0000;
	/*
	-webkit-transition: 	1s ease;
	-moz-transition: 		1s ease;			
	-ms-transition: 		1s ease;						
	transition: 			1s ease;
	*/	
}	

		
		
		
/* footer address */		
		
#footer .address {
	color:					#999999;
	font-family: 			Arial, 'Roboto', sans-serif;
	padding: 				10px 0; 
}

#footer .address h2 {
	font-size:				18px;
	color:					#FFFFFF;
	padding-left: 			20px;
}	

#footer .address h3 {
	font-size:				14px;
	color:					#BBBBBB;
	padding-top: 			5px; 
	padding-left:  			20px; 	
}			
		
#footer .address a {
	color:					#BBBBBB;
	text-decoration: 		none;
}

#footer .address a:hover {
	color:					#FFFFFF;
	text-decoration: 		underline;
}		

#footer .space10 {
	margin-top: 			10px;
}	




/* responsive */

@media only screen and (max-width: 1135px) {
	
	#footer {
	    width: 						1135px;
	}		

}


@media only screen and (min-width: 1441px) {
	
	#footer .container {
		width:						1440px;
	}
	
}

/*

@media only screen and (min-width: 320px) and (max-width: 639px) {
 		
	#footer {
		padding-top:	 			20px;
	}	
		
	#footer .column {
		float: 						left;
		margin:						20px 5%; 
		width:						90%;
		padding: 					0 20px;
	}	
 
 
}





@media only screen and (min-width: 640px) and (max-width: 720px) {
	
	#footer .container {
		width:						100%;
		margin: 					0;
		display: 					inline-block;
	}
	
	#footer .column {
		float: 						left;
		margin-left:				0; 
		width:						33%;
	}
	
	#footer .address h2 {
		font-size:				14px;
	}	

	#footer .address h3 {
		font-size:				12px;
	}

	#footer ul.actions, ul.actions a {
		font-size:			    14px;
	}	
	
}	






@media only screen and (min-width: 721px) and (max-width: 989px) {
	
	#footer .column {
		float: 						left;
		margin-left:				0; 
		width:						33%;
	}
	
	#footer .address h2 {
		font-size:				14px;
	}	

	#footer .address h3 {
		font-size:				12px;
	}

	#footer ul.actions, ul.actions a {
		font-size:			    14px;
	}	
	
}	
*/