/*
Theme Name: RETO2
*/

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: black;
    overflow: hidden;
}

/** {
    cursor: crosshair;
}*/

*::selection {
    color: black;
    background-color: white;
}

a {
    color: white;
    text-decoration: none;
}

a:hover{
    color: yellow;
    text-decoration: none;
}

@font-face {
    font-family: 'ABCDiatype-Bold';
    src: url('ABCDiatype-Bold.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'ABCDiatype-Regular';
    src: url('ABCDiatype-Regular.woff2') format('woff2-variations');
}

h1 {
    font-size: 2vh;
    font-family: 'ABCDiatype-Regular';
    font-feature-settings: "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1, "ss03" 1, "ss04" 1, "ss06" 1, "ss07" 1, "ss09" 1, "ss10" 1, "ss11" 1, "calt" 1, "case" 1, "liga" 1;
    font-weight: 100;
    color: white;
    margin: 0;
/*    margin-bottom: 2.5%;*/
    text-align: left;
    text-transform: uppercase;
}

/*h1.info {
    font-size: 1em;
}

h1.caption {
    font-size: 1em;
    text-align: left;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
}

h1.caption-single {
    font-size: 1em;
    text-align: left;
    margin: 0 0 2.5% 2.5%;
}*/

@media (orientation: landscape) {
  h1 {
    font-size: 2vw;
  }
/*  h1.caption {
    font-size: 1em;
    text-align: center;
    margin-left: 0;
  }
  h1.caption-single {
    font-size: 1em;
  }
  h1.info {
    font-size: 1em;
  }*/
}

/*details summary{list-style:none;}

details summary::-webkit-details-marker {
  display:none;
}
*/
section.stage {
    width: 100%;
    height: 100%;
    margin: auto;
}

section.stage div {
    display: none;
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0;
}

section.stage div.active {
    display: block;
}

img.thumbnail {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0;
    object-fit: cover;
    object-position: top;
}

section.caption {
    width: 95%;
    margin: 2.5%;
    position: absolute;
    z-index: 1;
    top: 0;
}

section.about {
    width: 95%;
    margin: 2.5%;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

section.aboutstage {
    width: 100%;
    height: 100%;
    margin: auto;
    position: fixed;
    background-color: black;
    z-index: 2;
    top: 0;
}

section.aboutstage h1{
    margin: 2.5%;
}

/*div.bottom-spacer {
    height: 2.5%;
}*/