/*
Theme Name: TEC Hello Theme
Theme URI: https://www.moixo.com
Template: hello-elementor
Author: Moixò
Author URI: www.moixo.com
Description: Custom Theme for TEC Carles Ferrer Salat
*/

@font-face {
    font-family: 'MillerDisplaySC';
    src: url('fonts/MillerDisplaySC/MillerDisplay-RomanSC.eot');
    src: url('fonts/MillerDisplaySC/MillerDisplay-RomanSC.eot?#iefix') format('embedded-opentype'),
    url('fonts/MillerDisplaySC/MillerDisplay-RomanSC.woff2') format('woff2'),
    url('fonts/MillerDisplaySC/MillerDisplay-RomanSC.woff') format('woff'),
    url('fonts/MillerDisplaySC/MillerDisplay-RomanSC.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Miller';
    src: url('fonts/Miller/Miller-DisplayRoman.eot');
    src: url('fonts/Miller/Miller-DisplayRoman.eot?#iefix') format('embedded-opentype'),
    url('fonts/Miller/Miller-DisplayRoman.woff2') format('woff2'),
    url('fonts/Miller/Miller-DisplayRoman.woff') format('woff'),
    url('fonts/Miller/Miller-DisplayRoman.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@keyframes imageReveal {
  0% {
    width: 0;
	opacity: 0;
  }
  100% {
    width: 55%;
	opacity: 1;
  }
}

.image-reveal.in-view {
	animation-name: imageReveal;
    animation-duration: 4s;
	animation-fill-mode: forwards;
    -webkit-animation: imageReveal;
    -webkit-animation-duration: 4s;
    -moz-animation: imageReveal;
    -moz-animation-duration: 4s;
    -o-animation: imageReveal;
    -o-animation-duration: 4s;
}


@keyframes videoReveal {
  0% {
    width: 0;
	opacity: 0;
  }
  100% {
    width: 35%;
	opacity: 1;
  }
}

.video-reveal.in-view {
	animation-name: videoReveal;
    animation-duration: 4s;
	animation-fill-mode: forwards;
    -webkit-animation: videoReveal;
    -webkit-animation-duration: 4s;
    -moz-animation: videoReveal;
    -moz-animation-duration: 4s;
    -o-animation: videoReveal;
    -o-animation-duration: 4s;
}



@keyframes imageReveal50 {
  0% {
    width: 0;
	
	left: 100%;
  }
  100% {
    width: 50%;
	
	left: 0;
  }
}

.image-reveal-50 {
	position: relative;
	overflow: hidden;
}

.image-reveal-50.in-view {
	animation-name: imageReveal50;
    animation-duration: 4s;
	animation-fill-mode: forwards;
    -webkit-animation: imageReveal50;
    -webkit-animation-duration: 4s;
    -moz-animation: imageReveal50;
    -moz-animation-duration: 4s;
    -o-animation: imageReveal50;
    -o-animation-duration: 4s;
}

.members-list > div > div {
	
}
.members-list > div > div:before,
.members-list > div > div:after {
	
}

.members-list article {
	
	background-color: #f0f0f0;
	
}

@media screen and (min-width: 992px) {
	.members-list article {
		
	}
}
.members-list article:not(:first-child) {
	
}