@charset "utf-8";

/**************************************
* page-header.css
**************************************/

/* @group fade-in
--------------------------------------------------------*/

@keyframes fade-in{
0%{opacity:0;}
100%{opacity:1;visibility:visible;}
}

@keyframes fade-in-top{
0%{opacity:0;transform:translate3d(0, -2.4rem, 0);}
100%{opacity:1;visibility:visible;transform:translate3d(0, 0, 0);}
}

/* @end fade-in */

/* @group page-header
--------------------------------------------------------*/

.page-header:before{
content:'';
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
background-image:url(../img/top-kv.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

.page-header:after{
content:'';
position:absolute;
z-index:2;
top:0;
right:0;
bottom:0;
left:0;
background-image:linear-gradient(0deg, hsla(0, 0%, 0%, .1) 25%, transparent 25%, transparent 75%, hsla(0, 0%, 0%, .1) 75%, hsla(0, 0%, 0%, .05)),linear-gradient(90deg, hsla(0, 0%, 0%, .1) 25%, transparent 25%, transparent 75%, hsla(0, 0%, 0%, .05) 75%, hsla(0, 0%, 0%, .1));
background-size:.25rem .25rem;
background-position:center center;
background-repeat:repeat;
}

.page-header h1{
position:absolute;
z-index:4;
top:1.875rem;
left:1.5rem;
font-size:inherit;
line-height:inherit;
}

.page-header h1 img{
height:2.225rem;
}

@media (min-width:62em){

.page-header h1{
left:calc((100% - 58.75rem) / 2);
}

}

.page-header .social-list{
position:absolute;
z-index:5;
top:1.5rem;
right:1.5rem;
}

@media (min-width:62em){

.page-header .social-list{
right:calc((100% - 58.75rem) / 2);
}

}

/* @end page-header */

/* @group page-header-body
--------------------------------------------------------*/

.page-header-body{
position:relative;
z-index:3;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
min-height:100vh;
padding-top:1.875rem;
padding-bottom:3.375rem;
background:hsla(0, 0%, 0%, .625);
color:hsl(0, 0%, 100%);
}

@media (max-width:47.9375em) and (max-height:29.9375em){

.page-header-body{
padding-top:5.25rem;
}

}

@media (min-width:48em) and (max-height:34.9375em){

.page-header-body{
padding-top:5.25rem;
}

}


@media (max-width:47.9375em) and (min-height:30em){

.page-header-body{
height:100vh;
}

}

@media (min-width:48em) and (min-height:35em){

.page-header-body{
height:100vh;
}

}

.page-header h2{
margin-bottom:.75rem;
font-size:2.25rem;
line-height:1.166666667;
text-align:center;
}

.page-header h2 em{
font-size:3.75rem;
line-height:1.2;
}


@media (min-width:25em){

.page-header h2 em{
font-size:4.5rem;
line-height:1.166666667;
}

}

.page-header time{
display:block;
margin-bottom:2.25rem;
font-size:1.875rem;
line-height:1.2;
text-align:center;
opacity:0;
}

.page-header h2,
.page-header time{
opacity:0;
}

.no-js .page-header h2,
.no-css-animation .page-header h2,
.no-js .page-header time,
.no-css-animation .page-header time{
opacity:1;
}

.css-animation .page-header h2,
.css-animation .page-header time{
animation:fade-in-top .5s .25s cubic-bezier(.6, .5, .5, .75) forwards;
}

.page-header h2,
.page-header time{
font-family:'simplificasimplifica';
}

@media (min-width:48em){

.page-header h2{
font-size:3rem;
line-height:1.25;
}

.page-header h2 em{
font-size:6rem;
line-height:1.125;
}

.page-header time{
font-size:2.25rem;
line-height:1.166666667;
}

}

/* @end page-header-body */

/* @group page-header-speaker
--------------------------------------------------------*/

.page-header-speaker{
display:flex;
min-width:100%;
max-width:100%;
margin-bottom:0;
}

.page-header-speaker a,
.page-header-speaker img{
display:block;
border-radius:50%;
transition:.5s all cubic-bezier(.6, .5, .5, .75);
}

.page-header-speaker a{
display:block;
background:hsl(0, 0%, 100%);
}

.page-header-speaker a:hover img{
opacity:.8;
}

.page-header-speaker{
opacity:0;
}

.no-js .page-header-speaker,
.no-css-animation .page-header-speaker{
opacity:1;
}

.css-animation .page-header-speaker{
animation:fade-in .5s 1s cubic-bezier(.6, .5, .5, .75) forwards;
}

@media (max-width:47.9375em) and (max-height:29.9375em){

.page-header-speaker{
max-width:30rem;
}

}

@media (max-width:61.9375em){

.page-header-speaker{
width:100%;
min-width:100%;
justify-content:center;
flex-wrap:wrap;
}

.page-header-speaker>li{
width:30%;
min-width:30%;
max-width:30%;
}

.page-header-speaker>li:nth-of-type(1){
margin-left:17.5%;
}

.page-header-speaker>li:nth-of-type(2){
margin-right:17.5%;
}


.page-header-speaker>li:not(:nth-of-type(-n+2)){
margin-bottom:.75rem;
}

.page-header-speaker>li:nth-of-type(2),
.page-header-speaker>li:nth-of-type(4),
.page-header-speaker>li:nth-of-type(5){
margin-left:2.75%;
}

}

@media (min-width:62em){

.page-header-speaker>li:not(:first-of-type){
margin-left:2.5%;
}

.page-header-speaker>li{
width:17.8%;
min-width:17.8%;
max-width:17.8%;
}

}

/* @end page-header-speaker */

/* @group page-header-scroll
--------------------------------------------------------*/

.page-header-scroll{
position:absolute;
z-index:4;
bottom:1.5rem;
right:50%;
width:1.5rem;
height:1.5rem;
margin-left:-.75rem;
}

.page-header-scroll svg{
width:1.5rem;
height:1.5rem;
}

/* @end page-header-scroll */

/*--------------------------------------------------------*/