/* face wall docenti */

.page-template-template-docenti .entry-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}
#tutor {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3;
}
#face_wall {
	width:100%;
	height:auto;
	position:relative;
	z-index:100;
	background-color:#1c696f;
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2;
}
#face_wall div.single_face {
	width:12.5%;
	height:0;
  padding-bottom:12.5%;
	background-size:cover;
	-moz-background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
  background-color:#022123; /* green effect */
  background-blend-mode: luminosity; /* green effect */
	float:left;
	position:relative;
}
#face_wall div.single_face.empty {
	background-color:#1c696f;
}
@media (max-width: 1075px) {
	#face_wall div.single_face {
		font-size:14px;
	}
}
@media (max-width: 992px) {
	#face_wall div.single_face {
		width:16.6666%;
		font-size:17px;
	}
}
@media (max-width: 847px) {
	#face_wall div.single_face {
		font-size:15px;
	}
}
@media (max-width: 778px) {
	#face_wall div.single_face {
		font-size:14px;
	}
}
@media (max-width: 767px) {
	#face_wall div.single_face {
		width:25%;
    padding-bottom:25%;
		font-size:17.5px;
	}
}
@media (max-width: 584px) {
	#face_wall div.single_face {
		width:33.3333%;
    padding-bottom:33.3333%;
	}
}
@media (max-width: 441px) {
	#face_wall div.single_face {
		font-size:16px;
	}
}
@media (max-width: 413px) {
	#face_wall div.single_face {
		width:50%;
    padding-bottom:50%;
		font-size:18px;
	}
}


#face_wall {
	position: relative;
	margin: 0 auto;
	display:table;
}
#face_wall > div {
	float: left;
	background: #fff;
	position: relative;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
#face_wall > div {
	overflow: hidden;
}
#face_wall div div{
	position: absolute;
	background: #333;
	background: rgba(28,105,111,0.7);
	width: 100%;
	height: 100%;
  opacity:0;
  transition:.2s ease-in-out;
}
#face_wall div div:hover {
  opacity:1;
}
#face_wall div div a {
	display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
}
#face_wall div div span {
	display: block;
	font-weight: normal;
	color: #fff;
	position: absolute;
	max-width: calc(100% - 40px);
	top: 50%;
	-webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
@media (min-width: 1280px) {
	#face_wall div div span {
		font-size:20px;
	}
@media (max-width: 1076px) {
	#face_wall div div span {
		font-size:15px;
	}
}
@media (max-width: 1032px) {
	#face_wall div div span {
		font-size:14px;
	}
}
@media (max-width: 992px) {
#face_wall div div span {
		font-size:16px;
	}
}
@media (max-width: 860px) {
#face_wall div div span {
		font-size:15px;
	}
}
@media (max-width: 784px) {
#face_wall div div span {
		font-size:14px;
	}
}
@media (max-width: 767px) {
#face_wall div div span {
		font-size:16px;
	}
}