::-moz-selection { /* Code for Firefox */
  background: gainsboro;
}

::selection {
  background: gainsboro;
}

body {
background-color:#d5d5cf;
margin:0;
padding:0;
color: rgba(0,0,0,0.7);
font-variant-numeric: oldstyle-nums;
font-family: "guyot-press-3", serif;
font-weight: 400;
font-size: 20px;
font-style: normal;
-webkit-font-smoothing: antialiased;
}

projects{
overflow-x: hidden;
display: flex;
}

projects-0208{
display: flex;
height: 100%;
}


/* SLIDER SET */

projects-0212 figcaption{
position: static;
font-size: 13px;
padding: 0 0 0 0vh;
text-align: center;
}

.splide__slide__container
{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.splide__slide {
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.scrolling-wrapper-0214 {
top:0;
left:0;
height: 100vh;
position:static;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}

.splide_img_cont{
height: 100%;
width: auto;
}

.splide__slide img{
max-height: 72vh;
max-width: 100%;
margin: 4vh 0;
}

.splide__pagination {
visibility: hidden;
}

.splide__arrow {
opacity: 1;
background: none;
height: 3.75em;
width: 3.75em;
top: 47%;
border-radius: 0;
}

button img {
height: 100%;
width:100%;
fill: rgba(0,0,0,0.7);

}


.splide__arrow--prev {
left: 2em;
}

.splide__arrow--next {
right: 2em;
}

.grabbable {
cursor: move; 
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}

.grabbable:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}

/* END SLIDER SET */


a{
color: rgba(0,0,0,0.7);
text-decoration: none;
}

a:visited{
color: rgba(0,0,0,0.7);
}

.arrow {
}

.arrow-left{
    left: 0;
    position: absolute;
    height: 100%;
    width: 40%;
    background: none;
}

.arrow-left:hover {
cursor:url(/assets/img/arrow-left2.png), auto;
}

.arrow-right{
    right: 0;
    position: absolute;
    height: 100%;
    width: 40%;
    background: none;
    
}

.arrow-right:hover {
cursor:url(/assets/img/arrow-right2.png), auto;
}

.en {
color: rgba(0,0,0,0.3);
}

.sc {
text-transform: lowercase;
font-variant: small-caps;
font-size:14px;
letter-spacing: 0.1em;
}

/* HEADER */ 

header{
top:0;
width: 100%;
position: absolute;
height: 72px;
z-index: 300;
}

.header-int{
margin: 30px;
}

/* HEADER TALL */ 

.header-tall{
    top: 0;
    width: 100%;
    position: static;
    height: 21vh;
    min-height: 110px;
    background: #d5d5cf;
    margin: 0;
}

.header-int-tall{
    padding: 30px;
}

.main-tall{
    position: static;
    display: block;
    }
    
.menu-free{
position:absolute;
padding:0;
}


nav {
position: absolute;
right: 30px;
margin: 2px 0;
font-variant: small-caps;
font-size: 14px;
letter-spacing: 0.1em;
text-transform: lowercase;
display: inline-block;
}

nav ul{
margin:0;
}

nav li{
display: inline-block;
list-style-type: none;
margin-left: 12px;
padding-top: 4px;
position: relative;
vertical-align: top;
line-height: 1.1em;
border-top: 1px solid rgba(0,0,0,0.0);
}

.nav-en{
opacity:0.5;
}

.menu ul{
margin:0;
padding:0;
}

.active{
border-top: 1px solid rgba(0,0,0,0.2);
}

footer {
position:absolute;
bottom: 40px;
}

figure{
padding:0;
margin:0;
}

.projects{
padding:0;
margin:0;
}

.projects-0208{
padding:0;
margin:0;
}

.projects img{
display: inline-block;
}

.section-title{
padding: 30px;
position: absolute;
}

.scrolling-wrapper {
top:0;
left:0;
height: 100vh;
position:static;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;

.card {
display: inline-block;
height:100%;
width:auto;
vertical-align: top;
text-align: center;
}

.card-text{
padding: 100px 100px 20px 20px;

}
}

.scrolling-wrapper-0208 {
top:0;
left:0;
height: 100vh;
position:static;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;

.card-0208 {
display: inline-block;
height:99%;
width:50vw;
vertical-align: top;
text-align: center;
}

.card-text-0208 {
padding:100px 100px 20px 20px;

}
}

.scrolling-wrapper-int-0208{
overflow-x: scroll;
overflow-y: hidden;
}

.card img{
height: 75vh;
width: auto;
padding: 8vh 5vh 7vh;
}

.card-0208 img{
height: 75vh;
width: auto;
padding: 8vh 5vh 7vh;
}


.card figcaption {
position: static;
font-size: 13px;
padding: 0 0 0 0vh;
text-align: center;
}

.card-0208 figcaption {
position: static;
font-size: 13px;
padding: 0 0 0 0vh;
text-align: center;
}

.bumper{
height: 100%;
width: 25vw;
display: inline-block;
}

.bumper-0208 {
height: 99%;
width: 25vw;
display: inline-block;
}

.text-block{
margin: 21vh 30px 250px;
}

.text-block ul{
list-style: none;
margin:0;
padding:0;
}

.text-block li{
border-top: 1px solid rgba(0,0,0,0.2);
padding: 10px 0;
}

.single-text-wrap {
margin-top:30px;
margin-bottom: 300px;
max-width:600px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
padding: 0 30px;
}

.list-date {
position: relative;
float: right;
}


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

body{
font-size:16px;
}

nav {
position: absolute;
right: 20px;
font-variant: small-caps;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: lowercase;
display: inline-block;
}

.header-int{
margin:20px;
}

.header-int-tall{
padding:20px;
}

.menu-free{
}

.section-title{
padding:20px;}

.single-text-wrap {
margin-top:150px;
left:0;
margin-left:0;
margin-right:0;
padding: 0 20px;
}

.text-block{
margin: 21vh 20px 250px;
}

.bumper{
display: none;
}

.bumper-0208{
display: none;
}

.card img{
height: auto;
max-width: 100vw;
padding: 10vh 0vh 2vh;
max-height:70vh;
}

.card-0208 {
width: 100vw;
}

.card-0208 img{
height: auto;
max-width: 100vw;
padding: 10vh 0vh 2vh;
max-height:70vh;
}

.list-date{
display:block;
float: none;
}

projects{
overflow-x: visible;
display: flex;
}

projects-0208{
overflow-x: visible;
display: flex;
}





}

@media only screen and (max-width: 600px) {
.splide__slide__container {
margin-top: -8vh;
}

.splide__slide img{
margin: 0;
}

.splide_img_cont img {
max-height: 55vh !important;
}

.splide__arrow {
height: 6vh;
width: 45%;
top: 90%;
padding: 1vh;
}

.splide__arrow--prev {
left: 5%;
padding-left: 20%;
}

.splide__arrow--next {
right: 5%;
padding-right: 20%;
}

projects-0212 figcaption {
font-size: 12px;
}

}