/*
	CSS personalizado para 07 108TEAM
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rojo Oscuro: E11F1D rgb(225, 31, 29) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: F08F8E rgb(240,143,142) */
/*     Rojo Claro: F7C7C6 rgb(247,199,198) */
/* Rojo Muy Claro: FBE3E2 rgb(251,227,226) */

/*           Gris: B0B0B0 rgb(176,176,176) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/************************************** #row108TeamCabecera **************************************/

#row108TeamCabecera *                    { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#row108TeamCabecera .divCabeceraFoto     { width: 100%; height: 500px; background-image: url("/wp-content/themes/espacio108/images/fotos/cabecera-108team.jpg"); }
#row108TeamCabecera .divCabeceraFoto     { border-bottom: solid 8px var(--color1-hex); background-repeat: no-repeat; background-size: cover; background-position: center center; }
#row108TeamCabecera .divCabeceraHeading  { background-image: var(--fondo-huella-gris); }
#row108TeamCabecera .divHeading h2       { height: 60px; font-size: 80px !important; color: #FFFFFF; text-align: center; white-space: nowrap; }

@media (max-width: 1180px) {                                                         #row108TeamCabecera .divHeading h2 {               height:  50px; font-size: 65px !important; } }
@media (max-width:  980px) { #row108TeamCabecera .divCabeceraFoto { height: 400px; } #row108TeamCabecera .divHeading h2 {               height:  45px; font-size: 60px !important; } }
@media (max-width:  880px) {                                                         #row108TeamCabecera .divHeading h2 {               height:  43px; font-size: 55px !important; } }
@media (max-width:  780px) { #row108TeamCabecera .divCabeceraFoto { height: 300px; } #row108TeamCabecera .divHeading h2 { width: 450px; height:  87px; font-size: 50px !important; white-space: normal; } }
@media (max-width:  580px) { #row108TeamCabecera .divCabeceraFoto { height: 200px; } #row108TeamCabecera .divHeading h2 { width: 405px; height:  80px; font-size: 45px !important; } }
@media (max-width:  480px) { #row108TeamCabecera .divCabeceraFoto { height: 160px; } #row108TeamCabecera .divHeading h2 { width: 185px; height: 111px; font-size: 40px !important; } }
@media (max-width:  380px) { #row108TeamCabecera .divCabeceraFoto { height: 140px; } #row108TeamCabecera .divHeading h2 { width: 160px; height:  97px; font-size: 35px !important; } }

/**************************************** #row108TeamInfo ****************************************/

#row108TeamInfo                 { background-image: var(--fondo-huella); background-repeat: repeat; }
#row108TeamInfo *               { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#row108TeamInfo .div108TeamInfo { position: relative; margin: auto; padding: 100px 0px; width: 1080px; }
#row108TeamInfo .divInfo        { position: relative; height: 850px; }
#row108TeamInfo .divFoto        { position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center; }
#row108TeamInfo .divFoto1       { top:   0px; left:   0px; width: 560px; height: 320px; background-image: url("/wp-content/uploads/108team-1.jpg"); }
#row108TeamInfo .divFoto2       { top: 240px; left: 140px; width: 460px; height: 250px; background-image: url("/wp-content/uploads/108team-2.jpg"); }
#row108TeamInfo .divFoto3       { top: 420px; left:   0px; width: 460px; height: 320px; background-image: url("/wp-content/uploads/108team-3.jpg"); }
#row108TeamInfo .divFoto4       { top: 600px; left: 360px; width: 700px; height: 250px; background-image: url("/wp-content/uploads/108team-4.jpg"); }
#row108TeamInfo .divTexto       { position: absolute; top: 0px; right: 0px; width: 450px; }
#row108TeamInfo .divTexto p     { margin: 0px; font-size: 30px; }

@media (max-width: 1180px) {
	#row108TeamInfo .div108TeamInfo { padding: 100px 40px; width: 100%; }
	#row108TeamInfo .divInfo        { height: 800px; }
	#row108TeamInfo .divFoto1       { top:   0px; left:   0px; width: 480px; height: 320px; }
	#row108TeamInfo .divFoto2       { top: 240px; left:  40px; width: 400px; height: 250px; }
	#row108TeamInfo .divFoto3       { top: 460px; left:   0px; width: 480px; height: 320px; }
	#row108TeamInfo .divFoto4       { top: 560px; left: 380px; width: 500px; height: 250px; }
	#row108TeamInfo .divTexto       { width: 360px; }
	#row108TeamInfo .divTexto p     { line-height: 120%; }
}

@media (max-width:  980px) {
	#row108TeamInfo .divInfo        { height: 840px; }
	#row108TeamInfo .divFoto1       { top:   0px; left:   0px; width: calc(100% - 330px); height: 300px; }
	#row108TeamInfo .divFoto2       { top: 260px; left:   0px; width: calc(100% - 400px); height: 200px; }
	#row108TeamInfo .divFoto3       { top: 400px; left: 200px; width: calc(100% - 200px); height: 300px; }
	#row108TeamInfo .divFoto4       { top: 620px; left:  60px; width: calc(100% - 120px); height: 220px; }
	#row108TeamInfo .divTexto       { width: 300px; }
	#row108TeamInfo .divTexto p     { font-size: 24px; }
}

@media (max-width:  780px) {
	#row108TeamInfo .div108TeamInfo { padding: 60px 40px; }
	#row108TeamInfo .divInfo        { height: 740px; }
	#row108TeamInfo .divFoto1       { top:   0px; left: 0px;                width: calc(100% - 280px); height: 310px; }
	#row108TeamInfo .divFoto2       { top: 330px; left: calc(100% - 150px); width: 150px;              height: 400px; }
	#row108TeamInfo .divFoto3       { top: 330px; left: 0px;                width: calc(100% - 150px); height: 250px; }
	#row108TeamInfo .divFoto4       { top: 550px; left: 0px;                width: calc(100% - 150px); height: 180px; }
	#row108TeamInfo .divTexto       { width: 250px; }
	#row108TeamInfo .divTexto p     { font-size: 20px; }
}

@media (max-width:  580px) {
	#row108TeamInfo .div108TeamInfo { padding: 40px; }
	#row108TeamInfo .divInfo        { height: 650px; }
	#row108TeamInfo .divFoto1       { top:   0px; left:  0px;             width: 100%;               height: 200px; }
	#row108TeamInfo .divFoto2       { top: 220px; left: auto; right: 0px; width: calc(100% - 300px); height: 300px; }
	#row108TeamInfo .divFoto3       { top: 450px; left:  0px;             width: 90%;                height: 200px; }
	#row108TeamInfo .divFoto4       { display: none; }
	#row108TeamInfo .divTexto       { top: 220px; left: 0px; right: auto; width: 280px; }
	#row108TeamInfo .divTexto p     { font-size: 18px; }
}

@media (max-width:  380px) {
	#row108TeamInfo .div108TeamInfo { padding: 30px; }
	#row108TeamInfo .divFoto2       { display: none; }
	#row108TeamInfo .divFoto3       { width: 100%; }
	#row108TeamInfo .divTexto       { width: 240px; }
	#row108TeamInfo .divTexto p     { font-size: 16px; }
}