/*
    footer.css
	digimediacom.ch | 09/05/2020 | CSS
    (c) Copyright 2020 web-communication.eu
*/


#footer {
    position: 					relative;
    margin: 0 auto;
    background:					#000000;/*#0A4A85;#436587;*/
    width: 						100%;

	/*min-width: 1152px;*/
	padding:	 			45px 0 30px 0;
	text-align: 				center;
	 font-size:			    0;
}

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

}


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


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

#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 #8c8c8c;/*#424242;*/
}

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



/* footer social */

#footer ul.social {
    cursor: 				default;
	padding-left: 				18px;
}

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



#footer .icon {
	width:					38px;
	height:					38px;
	display:				block;
	/*standard*/
		/*transition-duration: .3s;*/

		/*Safari e Chrome */
		/*-webkit-transition-duration: .3s;*/

		/*Opera*/
		/*-o-transition-duration: .3s;*/

		/*Firefox*/
		/*-moz-transition-duration: .3s;*/
}

#footer .icon-in {
	background: 			url('../images/in.png') no-repeat center center;
	background-size: 		20px;
	border:					2px solid #fff;
	border-radius: 			20%;
}

#footer .icon-in:hover {
	background: 			#ffffff url('../images/in2.png') no-repeat center center;
	background-size: 		20px;
}


#footer .icon-fbook {
	background: 			url('../images/fbook.png') no-repeat center center;
	background-size: 		20px;
	border:					2px solid #fff;
	border-radius: 			50%;
}

#footer .icon-fbook:hover {
	background: 			#ffffff url('../images/fbook2.png') no-repeat center center;
	background-size: 		20px;
}

#footer .icon-tweet {
	background: 			url('../images/tweet.png') no-repeat center center;
	background-size: 		22px;
	border:					2px solid #fff;
	border-radius: 			50%;
}

#footer .icon-tweet:hover {
	background: 			#ffffff url('../images/tweet2.png') no-repeat center center;
	background-size: 		22px;
}

#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: 			url('../images/insta.png') no-repeat center center;
	background-size: 		20px;
	border:					2px solid #fff;
	border-radius: 			50%;
}

#footer .icon-insta:hover {
	background: 			#ffffff url('../images/insta2.png') no-repeat center center;
	background-size: 		20px;
}

#footer .icon-tube {
	background: 			url('../images/tube.png') no-repeat center center;
	background-size: 		20px;
	border:					2px solid #fff;
	border-radius: 			50%;
}

#footer .icon-tube:hover {
	background: 			#ffffff url('../images/tube2.png') no-repeat center center;
	background-size: 		20px;
}




/* footer address */

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

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

#footer .address h3 {
	font-size:				14px;
	color:					#FFFFFF;
	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;
}





#footer .address .button {
	color:                     #FFFFFF;
   font-family: 			'Roboto', sans-serif;
    font-size:                 14px;
    font-weight:               normal;
    cursor:                    pointer;
    padding:                   10px 20px;
    text-decoration:           none;
    text-align:                center;
    background-color:		   #FF8F27;

	/*border:                    2px solid #FFFFFF;*/
    border-radius:             10px;
    -moz-border-radius:        10px;
    -webkit-border-radius:     10px;

		/*standard*/
		/*transition-duration: .3s;*/

		/*Safari e Chrome */
		/*-webkit-transition-duration: .3s;*/

		/*Opera*/
		/*-o-transition-duration: .3s;*/

		/*Firefox*/
		/*-moz-transition-duration: .3s;*/
 }

#footer .address .button a {
	color:                     #FFFFFF;
  font-family: 			'Roboto', sans-serif;
    font-size:                 14px;
    font-weight:               normal;
    cursor:                    pointer;
    text-decoration:           none;

 }


#footer .address .button:hover{
	background-color: 			#F37500;
	color:            			#FFFFFF;
	text-decoration:			none;
 }


/* responsive */

@media only screen and (max-width: 760px) {

	#footer {
		padding:	 			10px 0 0 0;
	}

	#footer .column {
		margin:				0;
		width:						100%;
		text-align:					center;
	}

	#footer ul.social li {
		/*margin-left: 			0;*/
		margin: 5px;
	}

	#footer .address h2,
	#footer .address h3	{
		padding-left: 			0;
	}

	#footer ul.social {
		padding: 				0;
	}
}

@media only screen and (min-width: 761px) and (max-width: 960px) {

	#footer .column {
		margin:				0;
		width:						33.3%;
	}

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

	#footer .address h2 {
		font-size:				16px;
	}

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

}

@media only screen and (min-width: 1441px) {

  #footer {
    max-width: 1920px;
  }

	#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;
	}

}
*/