/*
Theme Name: Softfocus
Theme URI:	https://softfocus.com.br/
Author: Rafael Forcadell
Version: 1.0
*/


/* 
Slides
--------------------------------------------
*/

sf-slide { 
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	z-index: 1; 
	top: 0; 
	left: 0; 
	min-height: 100vh;
	font-size: var(--fs-800); 
	color: var(--cor-000);
}

sf-slide .filtro,
sf-slide .poster,
sf-slide .miniatura { position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-size: 1920px auto; }
sf-slide .filtro { z-index: 0; }
/*sf-slide .video { position: absolute; z-index: -1; top: -50%; left: -50%; width: 200%; height: 200%; }
sf-slide video { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; }*/
sf-slide video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  }

sf-slide .conteudo { position: absolute; z-index: 3; top: var(--altura-menu); display: flex; flex-direction: column; justify-content: center; width: 100%; height: calc(100% - (2 * var(--altura-menu))); text-align: center; }
sf-slide h1 { margin-bottom: .4em; font-weight: var(--fw-medium); }
sf-slide h2,
sf-slide h3 { max-width: 670px; font-weight: var(--fw-thin); line-height: 1.333em; margin: 0 auto; }
sf-slide h2 + h3:before {
    display: block;
    width: calc(8 * var(--espaco));
    height: 1px;
    margin: var(--espaco) auto;
    background-image: url(../imagens/icones/dashed.svg);
    background-repeat: repeat-x;
    background-position: top left;
    content: "";
    filter: brightness(1) invert(1);
}
sf-slide h2:last-child,
sf-slide h3:last-child { margin-bottom: 0; }

sf-slide a.botao.transparente { border-color: var(--cor-000); }
sf-slide a.botao.transparente:hover,
sf-slide a.botao.transparente:focus { color: var(--cor-900); border-color: var(--cor-secundaria); background-color: var(--cor-secundaria); }

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}
sf-slide .filtro,
sf-slide .poster,
sf-slide .video { animation: fadein 200ms ease-in-out; }

sf-slide img.role-a-pagina {
    position: absolute;
    bottom: var(--formulario);
    left: 50%;
    transform: translateY(-100%);
    mix-blend-mode: lighten;
    filter: brightness(1) invert(1);
    cursor: pointer;
}
sf-slide img.role-a-pagina.sm { display: none; }


@media screen and (min-width: 1366px) and (max-width: 1439px) {

	sf-slide .conteudo { --limite: 1100px; }

}


@media screen and (min-width: 1280px) and (max-width: 1365px) {

	sf-slide .conteudo { --limite: 1030px; }

}


@media screen and (min-width: 1024px) and (max-width: 1279px) {

	sf-slide .conteudo { --limite: clamp(850px, calc(100% - 174px), 1050px); }

}


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

	sf-slide { height: calc(100vh - var(--formulario)); min-height: unset; }

	sf-slide .conteudo { padding: 0 var(--espaco); }

	sf-slide h2 + h3:before { width: 100px; }

	sf-slide img.role-a-pagina { display: none; }
	sf-slide img.role-a-pagina.sm { display: block; transform: translateY(0); }

}