/**
 * Theme Name: Taglialatela Child
 * Description: Taglialatela Child theme
 * Author: Nucleo Creativo
 * Author URI: https://nucleocreativo.com
 * Description: Taglialatela is a Wordpress theme for Lawyer Studio websites.
 * Version: 1.1
 * Template: taglialatela
 * Text Domain: taglialatela
 */

/* HORIZONTAL BOXMATE */

.horizontal-boxmate-1{
  overflow: hidden;
  display: flex;
  left: 0;
}

.horizontal-box-wrap {
  display: flex;
  align-content: stretch;
  align-items: stretch;
  padding-left: 50vw;
  padding-right: 5vw;
  padding-top: 30px;
}

.horizontal-boxmate-1 .horizontal-boxmate {
  margin-right: clamp(30px, 5vw, 90px);
}

.horizontal-boxmate-1 .horizontal-boxmate-wrap {
	height:100%;
	background-color: #2F4D4A;
	background-size:cover;
	background-position: center bottom;
	background-repeat:no-repeat;
	padding: clamp(45px, 5vw, 72px) clamp(45px, 4vw, 52px);
}

.horizontal-boxmate-1 .horizontal-boxmate-wrap:hover {
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
       filter: grayscale(50%);
}

.horizontal-boxmate-info{
  display: inline-block;
  width: 100%;
  min-height:400px;
}

.horizontal-boxmate-1 .horizontal-boxmate-info span{
  color: #fff;
  display: block;
}

.horizontal-boxmate-1 .horizontal-boxmate-info .name{
  font-weight: 300;
  font-family: 'Butler';
  font-size: 36px;
}

.horizontal-boxmate-1 .horizontal-boxmate-info .job{
  font-weight: 300;
  font-size: 18px;
  opacity: .5;
}

@media screen and (max-width:1024px) {
  .horizontal-boxmate-1 .horizontal-boxmate{
	width: 85vw;
  }
}
@media only screen and (min-width: 1024px) {
    .horizontal-boxmate-1 .horizontal-boxmate{
  		width: 50vw;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
    .horizontal-boxmate-1 .horizontal-boxmate{
  		width: 30vw;
    }
}

@media screen and (max-width:580px) {
	footer .bottom-wrapper .social-links {
		text-align:center !important;
		margin:0 auto;
	}
	footer .bottom-wrapper .social-links a {
		float:none;
		display:inline-block;
	}
}