@charset "utf-8";
/* CSS Document */
body, html{
width:100%;
height:100%;
}
figure {
margin:0;
padding:0;
}
#header-spacer {
display:none;
}
#slides{
height:calc(100% - 80px);
touch-action: auto!important;
min-height: 380px;
}
#statement {
width:1000px;
position: absolute;
top:120px;
left:40px;
z-index: 1500;
margin: 0;
color:#ffffff;
}
#statement .title {
color:#ffffff;
display:inline-block;
}
#statement-text a {
color:inherit;
text-decoration: underline;
outline: none;
}
#statement-text a:hover {
color:inherit;
text-decoration: none;
outline: none;
}
#statement-text .word-link {
color:inherit;
text-decoration: none;
outline: none;
}
#statement-text .word-link:hover {
color:inherit;
text-decoration: none;
outline: none;
}
.word-box {
width:692px;
height:auto;
background-color: #ffffff;
color:#D04647;
display:none;
position: fixed;
top:0;
left:0;
z-index: 4000;
}
.word-title, .word-text {
width:523px;
padding-left: 92px;
}
.word-title {
padding-bottom: 20px;
padding-top: 74px;
}
.word-text {
padding-bottom: 74px;
}
#selected-work {
margin-top: 20%;
width:100%;
}
#selected-work-title {
font-family:"Untitled Sans Regular", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
margin-left: 40px;
}
@media only screen and (max-width: 1919px) {
#statement{
width:680px;
}
.word-box {
width:415px;
}
.word-title, .word-text {
width:323px;
padding-left: 36px;
}
.word-title {
padding-top: 52px;
}
.word-text {
padding-bottom: 52px;
}
}
@media only screen and (max-width: 1439px) {
#statement {
width:525px;
left:30px;
top:90px;
}
}
@media only screen and (max-width: 767px), screen and (max-height: 511px) {
#statement {
width:calc(100% - 200px);
left:20px;
top:70px;
}
.word-title, .word-text {
width:220px!important;
padding-left: 36px!important;
}
.word-title {
padding-top: 70px!important;
}
.word-text {
padding-bottom: 70px!important;
}
.word-box {
right:auto!important;
left:100%!important;
top:0!important;
display:block!important;
width:276px;
}
.word-box.fly-in {
transform: translate3d(-276px, 0px, 0px);
}
.word-box.fly-out {
transform: translate3d(276px, 0px, 0px);
}
}
@media only screen and (max-width: 480px) {
.word-box {
width:100%;
}
.word-title, .word-text {
width:calc(100% - 40px);
padding: 20px;
}
#statement {
width:calc(100% - 40px);
}
}