@charset "UTF-8";

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
overflow:auto;
width:100%;
background-color:#F5F5F5;
height: 100.1%;
margin-top:0;
margin-bottom: 0;
margin-left: 0;
}


#icon img{
    width:2vw;
}


#page-header{
    position: fixed;
    padding-top: 2%;
    width: 100%;
    cursor: pointer;
    letter-spacing: 0.6px;
    line-height: 1.6em;
    z-index: 1;
    background: #F5F5F5;
    text-align: center;
    padding-bottom: 2%;
    padding-left: 0;
    margin: 0;
    font-size: .8em;
}

.landing-container{
		position: relative;
		width:100%;
		overflow:auto;
		max-height:99.9%;
		min-height:99.8%;
		visibility:visible;	
		text-align: center;
		font-family:sans-serif;
		font-size:.77em;
}

.landing-container img{
    max-width: 100vw;
    position: relative;
    max-height: 75vh;
    display: block;
    margin: auto;
}


.landing-block{
	margin: auto;
    display: table;

}

.landing-block-double{
		position: relative;
		width:100%;
		overflow:auto;
		max-height:99.9%;
		min-height:99.8%;
		visibility:visible;	
		text-align: center;
}

.landing-block-double img{
    
    max-width: 100vw;
    position: relative;
    max-height: 80vh;
    display: block;
    margin: auto;

}

/*************Caption Types************/

.caption{
    text-align: center;
    color: #575757;
    padding-top: 3vw;
    padding-bottom: 10vh;
}


.exhibition-caption{
    display: block;
    text-align: center;
    margin: auto;
    color: #575757;
    padding-top: 2vw;
    padding-bottom: 10vh;
    max-width:100%
}

.work-caption{
    display: block;
    width: 85vw;
    margin: 0 auto;
    color: #999797;
    text-align: center;
    padding:0;
}

.text-caption{
    display: block;
    width: 80vw;
    margin: 0 auto;
     padding:0;
    color: #999797;
    text-align: center;
}

.work-caption-same-line{
    display: inline;
    color: #999797;
}

.mobile-caption{
    display: block;
    text-align: center;
    color: #575757;
    padding-top: 3vw;
    max-width: 100vw;
    padding-bottom: 10vh;
}

.caption-double{
    display: none;
}

/*************Slider General************/

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  -webkit-user-select: none

}

/*************Slider One************/

.slider-one {
  display: none;
  padding-top:5%;
}

.slider-one-previous-button, .slider-one-next-button {
  cursor: pointer;
  position: absolute;
  width: auto;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.slider-one-next-button {
right: 0;
bottom: 0;
border-radius: 3px 0 0 3px;
width: 50%;
height: 90%;
position: absolute;
}


.slider-one-previous-button{
left: 0;
bottom: 0;
border-radius: 3px 0 0 3px;
width: 50%;
height: 90%;
position: absolute;
}

.slider-one-dots {
  cursor: pointer;
  height: 4px;
  width: 4px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  margin-top: 4%;
}


/*************Slider Two************/

.slider-two {
  display: none;
  padding-top:5%;
}


.slider-two-previous-button, .slider-two-next-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100%;
  cursor: pointer;
  z-index: 10;
}
.slider-two-next-button {
  right: 0;
}
.slider-two-previous-button {
  left: 0;
}

.slider-two-dots{
  cursor: pointer;
  height: 4px;
  width: 4px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  margin-top: 4%;
}

/*************Slider Three************/

.slider-three {
  display: none;
  padding-top:5%;
    margin: auto;
}



/* Next & previous buttons */
.slider-three-previous-button, .slider-three-next-button {
  cursor: pointer;
  position: absolute;
  width: auto;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slider-three-next-button {
right: 0;
bottom: 0;
border-radius: 3px 0 0 3px;
width: 50%;
height: 90%;
position: absolute;
}


.slider-three-previous-button{
left: 0;
bottom: 0;
border-radius: 3px 0 0 3px;
width: 50%;
height: 90%;
position: absolute;
}

.slider-three-dots {
  cursor: pointer;
  height: 4px;
  width: 4px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  margin-top: 4%;
}

/*************Slider Four************/

.slider-four {
  display: none;
  padding-top:10%;
    margin: auto;
}



/* Next & previous buttons */
.slider-four-previous-button, .slider-four-next-button {
  cursor: pointer;
  position: absolute;
  width: auto;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slider-four-next-button {
right: 0;
bottom: 0;
border-radius: 3px 0 0 3px;
width: 50%;
height: 90%;
position: absolute;
}


.slider-four-previous-button{
left: 0;
bottom: 0;
border-radius: 3px 0 0 3px;
width: 50%;
height: 90%;
position: absolute;
}

.slider-four-dots {
  cursor: pointer;
  height: 4px;
  width: 4px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  margin-top: 4%;
}





/*************CV Page************/

.asterisk{
    display:none;
}

#cv-parent-container{
	display: block;
	position: absolute;
  	background-color:#F5F5F5;
  	top:5%;
  	height:95%;
  	color: #575757;
  	overflow-y: scroll;
  	font-size:0.6em;
  	font-family: sans-serif;
    padding: 0px;
    left: 0px;
    width: 100%;
}

#cv-child-container{
	width: 80%;
    margin: auto;
    padding-top: 10%;
}

#cv-text-header{
    text-decoration: underline;
    line-height:200%;
      padding-top: 5%;
}

.press-entry {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 0.25em;
}

.cv-entry {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 0.25em;
}


.page-link{	
	display: inline;
 	color: #845d5d;
    margin:0;
}

.page-link img{	
	width: 2em;
	opacity: 90;
}

a.page-link:hover{	
	text-decoration: underline;
}

.mobile-hide{
    display: none;
}
















a{
	text-decoration: underline;
	cursor: pointer;
	display: inline;
 	color: #999797;

}

#cv-child-container a{
	text-decoration: underline;
	cursor: pointer;
	display: inline;
 	color: #000000;

}






* {box-sizing:border-box}





/* Caption text */


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}




.active, .dot:hover {
  background-color: #717171;
}

.active, .dotB:hover {
  background-color: #717171;
}

.active, .dotC:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

	


#first{
    margin-top:25%;
    
}



 

#toggle{
position:fixed;
cursor:pointer;
top:2%;
right:1%;
text-align:right;
text-decoration:underline;
color: black;
letter-spacing: 1.3px;
	}

.work{cursor:pointer;
	position:fixed;
	font-family:sans-serif;
     }
	 














/* CSS Document */