/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

closebox {
	align-content: right;
	text-align: right;
	position:fixed;
	
}

biotext {
	text-align: left;
}

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

	#Key {
 position: fixed;
	 transform: translateY(-50%);
		padding: 0 0 10px 5%;
	}
}
/* UP HERE IS PATRICK's DEFAULT CSS THING */



#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 100;
    pointer-events: none;
}

#overlay.show {
    display: block;
    animation: fadeInOut 1.5s forwards;
    	mix-blend-mode: exclusion;
}

#overlay img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.layer.active {
    display: block;
}

.layer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 .swiper-button-next{
/*  background-color: white;
    background-color: rgba(255, 255, 255, 0.5);*/
/*    right:10px;*/
    padding-top: 100%;
    padding-bottom: 100%;
    padding-left: 50%;
    color: transparent;
    fill: transparent;
    stroke: transparent;
    cursor: e-resize !important;
    height: 100%;
    /*margin-top: 0px !important;*/
    /* height: auto;*/
         font-size: 400px;
 /*   swiper-navigation-size: 00%;*/
 position: fixed;
	 transform: translateY(-50%);

          }

swiper mySwiper{
	width:100%;
	height:100%;
}

#TEST{
	margin-top: 0px;
}

 .swiper-button-prev {
/*  background-color: white;
    background-color: rgba(255, 255, 255, 0.5);*/
/*    right:10px;*/
    padding-top: 100%;
    padding-bottom: 100%;
    padding-left: 50%;
    color: transparent!important;
    fill: transparent !important;
    stroke: transparent !important;
    cursor: w-resize !important;
	 transform: translateY(-50%);


          }


.swiper-wrapper{
	margin-top: 0;
}

#LargeText{
/*	font-family: serif;*/
	width: 18.5%;
	margin: auto;
/*	background-color: yellow;*/
	/*color: #f2ffc1;*/
	color: silver;
	font-size: 18px;
	text-align: left;
	line-height: 1.1em;
/*	letter-spacing: .125rem;*/
	padding-top: 0px;
/*	padding-bottom: 9%;*/
	mix-blend-mode: exclusion;
z-index: 500;
margin-top: 14px;
margin-left: 30px;
transform: translateY(-1%);
transition: none;
transform: multiply;
/* text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white; */
/*backdrop-filter: blur(5px) ;*/
}


#LargeTextWhite{
/*	font-family: serif;*/
	width: 19%;
	margin: auto;
/*	background-color: yellow;*/
	/*color: #f2ffc1;*/
	color: silver;
	font-size: 18px;
	text-align: left;
	line-height: 1.1em;
/*	letter-spacing: .125rem;*/
	padding-top: 0px;
/*	padding-bottom: 9%;*/
/*	mix-blend-mode: exclusion;*/
z-index: 500;
margin-top: 14px;
margin-left: 30px;
transform: translateY(-1%);
transition: none;
mix-blend-mode: exclusion;
/*text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; */
}

#Key{
/*	font-family: serif;*/
	width: 100%;
	margin: auto;
/*	background-color: yellow;*/
	/*color: #f2ffc1;*/
	color: silver;
	font-size: 18px;
	text-align: left;
	line-height: 1.1em;
/*	letter-spacing: .125rem;*/
	padding-top: 0px;
/*	padding-bottom: 9%;*/
/*	mix-blend-mode: exclusion;*/
z-index: 500;
/*margin-bottom: 14px;*/
/*position: relative;*/
margin-top: 14px;
/*padding-left: 30px;*/
transform: translateY(-1%);
transition: none;
bottom: 0px;
/*text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white; */
	mix-blend-mode: exclusion;
}

#KeyWhite{
/*	font-family: serif;*/
	width: 100%;
	margin: auto;
/*	background-color: yellow;*/
	/*color: #f2ffc1;*/
	color: silver;
	font-size: 18px;
	text-align: left;
	line-height: 1.1em;
/*	letter-spacing: .125rem;*/
	padding-top: 0px;
/*	padding-bottom: 9%;*/
/*	mix-blend-mode: exclusion;*/
z-index: 500;
/*margin-bottom: 14px;*/
/*position: relative;*/
margin-top: 14px;
/*padding-left: 30px;*/
transform: translateY(-1%);
transition: none;
bottom: 0px;
	mix-blend-mode: exclusion;
}



header{
position: fixed;
	top: 15px;
	font-size: 18px !important;
text-align:center;
/*	background-color: #1d0419;*/
/*	color: #f2ffc1;*/
	width: 100%;
	font-size: 18px !important;
    z-index: 400;

 /*    text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white;
*/
/*text-align: right;
padding-right: 30px;*/

   /* mix-blend-mode: exclusion;*/
/*    background-blend-mode: multiply;*/
/*display: flex;*/
align-content: center;

/*text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white; */
color: silver;
	mix-blend-mode: exclusion;

}



header:hover{
	color: red;
/*	 text-decoration: underline;*/
	 text-decoration-thickness: 1.5px;
	 text-underline-offset: 4px;

}


*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;

} 


*::-moz-selection { color: white}
*::selection { color: white; }


@font-face {
	font-family: times;
	color: silver;
}


#myDIV {
  
  padding: 120px 90px 120px 90px;
  
 /* background-color: rgba(255, 255, 255, .15);*/
 /*  background-color: rgba(0, 0, 0, .15);*/
/*  background: none;*/
  line-height: 1.2em;
  letter-spacing: .08em;
/*  margin-top: 20px;*/

/*  font-size: 22px;*/
     background-color: rgba(0, 0, 0, .8);
      background-color: rgba(0, 0, 100, .8);

/*margin-top: 240px;*/
margin-top: 14%;
width: 80%;
margin-left: 9%;
 padding: 20px 20px 40px 20px;
  z-index: 100;
  position: fixed;
  /*height: 100%;*/
/*  color: white;*/
  transform: rotate(-8deg);

/*  font-size: 65px;
  filter: drop-shadow(3px 3px 3px  #000000);*/

/* -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;*/
}


#About{
	 width: 100%;
  padding: 50px 0;
  text-align: center;
/*  background-color: lightblue;*/
  margin-top: 20px;
}



* {
    margin: 0;
    padding: 0;
}

/* reset button */

button {
    background: none;
    border: none;
    font-size: 14px;

  color: silver;
    mix-blend-mode: multiply;
/*    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white; */

/*  border: 1px solid #333; 
  border-radius: 15px;  
  padding: 8px;*/


}

button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}


button:hover{
	color: white;
/*	 text-decoration: underline;*/
	 text-decoration-thickness: 1.5px;
	 text-underline-offset: 4px;
}
/* fullscreen div */

.image {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* button  */

#left, #right {
    position: absolute;
    top: 50%;
    font-size: 4rem;
    color: #adb5bd;
    opacity: 0.3;
}

#right {
    right: 0;
}

/* button hover */

#left:hover, #right:hover {
    opacity: 0.8;
    transition: ease 0.5s;
}





body::-webkit-scrollbar { display: none; }

#slide-window
  {
  position:fixed;
  width:100%;
  height:100%;
  overflow:hidden;
  top:0px;
  left:0px;
  }

#slides
  {
  height:100%;  
  position:absolute;
  margin:0px;
  padding:0px;
  
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
    
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  
  }

.slide 
  {
  list-style:none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 100%;
  background: #ccc;
  text-align: center;
  line-height: 300px; 
  background-size: cover; 
  background-position:50% 50%;
  color:#fff;
  -webkit-transform: translate3d(0px,0px,0px);
  visibility:hidden;
  -webkit-transform-style: preserve-3d;
  }

.alive { visibility:visible; }

.nav 
  { 
  position:fixed; 
  z-index:9; 
  top:50%; 
  cursor:pointer; 
  color:#fff; 
  opacity:0.7; 
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  }

.nav:hover { opacity:1.0; }
#left { left:3%; }
#right { right:3%; }


#credit 
  { 
  position:fixed; 
  top:25px; 
  left:25px; 
  color:#eaeaea; 
  font-family: 'Courier New', Courier, monospace;  
  }






.container{
	width: 100%;
	height: 100%;
	position: relative;

/*	background-color: #1d0419;*/
/*	border: 10px solid green;*/

}


img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}





body {

	position: relative;

	margin: 0;
	font-family: times;
	font-size: 24px;
	/*background-color: grey;*/
	/*background-color: #1d0419;*/
	background-color: white;
	hyphens: auto;
	width: 100%;
	letter-spacing: .03em;
	position: relative;
	color: silver;
  /*background: linear-gradient(-45deg, red, gold, silver, blue);*/
  /*background: linear-gradient(-45deg, silver, blue, gold);*/
 /* background: linear-gradient(-45deg,  OliveDrab,  Green, Blue);*/
  /*background: linear-gradient(-45deg,  OliveDrab, MidnightBlue);*/
/*  background: linear-gradient(-45deg,  OliveDrab, Silver);*/

/*Good COmbo*/
/*  background: linear-gradient(-45deg,  OliveDrab, OrangeRed);*/ 

/*background: linear-gradient(-45deg,  DarkGreen, Salmon, Seagreen, Whitesmoke);*/

/*  background: linear-gradient(-45deg, mediumSeaGreen,  salmon);*/





/*  background: linear-gradient(-45deg, black, white);


  background-size: 1200% 2600%;
  animation: gradient 5s ease infinite;
  height: 100vh;
  background-repeat: none;*/



}



/*#FF4500*/


@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}









/*.title{

	background-color: #1d0419;
	text-align: center;
	margin-top: 2%;
	font-size: 12px;
	font-family: Pitch-Medium; src: url('Pitch-Medium.otf');
}
*/



.LargeImage{
/*display: inline-block;*/
	height: 40%;
	width: auto;
	padding-top: 20px;
	padding-bottom: 30px;
/*	mix-blend-mode: exclusion;*/

}


.LargeImageNoExclusion{
/*display: inline-block;*/
	height: 40%;
	width: auto;
	padding-top: 4%;
	padding-bottom: 30px;

}




}

.SmallImage{
	display: block;
	height: auto;
	width: 50%;
	padding-top: 4%;
	padding-bottom: 20px;
	padding-left: 26%;
}


.SmallImage{
/*display: inline-block;*/
	height: auto;
	width: 50%;
	padding-top: 1%;
	padding-bottom: 20px;
/*	padding-left: 35%;*/

}

.SmallImageHover { 
	display: none;
	position: absolute;
	width: 35%;
	mix-blend-mode: none;
}

.SmallImage:hover > .SmallImageHover {
	display: block;
	mix-blend-mode: none !important;
	z-index: 5;
	transform: translate(400px, -500px);

}


.SmallImageNoExclusion{
/*display: inline-block;*/
	height: auto;
	width: 70%;
	padding-top: 4%;
	padding-bottom: 20px;
	padding-left: 25%;
}






.MediumImage{
/*display: inline-block;*/
	height: auto;
	width: 85%;
	padding-top: 20px;
	padding-bottom: 20px;
/*	padding-left: 20%;*/
/*	mix-blend-mode: exclusion;*/

}

.MediumImageHover { 
	display: none;
	position: absolute;
	width: 60%;
	mix-blend-mode: none;
}

.MediumImage:hover > .MediumImageHover {
	display: block;
	mix-blend-mode: none !important;
	z-index: 5;
	transform: translate(200px, -600px);

}


.MediumImageVertical{
/*display: inline-block;*/
	height: auto;
	width: 75%;
	padding-top: 4%;
	padding-bottom: 20px;
	padding-left: 25%;
/*	mix-blend-mode: exclusion;*/

}


/*#Terrace{
width: 250px;
         height: 195px;
         background:
         url("Assets/RR_Terrace_Yellow_Removed.png") norepeat;
         display: inline-block;
}

#Terrace: hover{

	background:
         url("Assets/Reading_Terrace_800.jpg")
	<img src="Assets/Reading_Terrace_800.jpg">
	
}*/



.Icon{
/*display: inline-block;*/
	height: auto;
	width: 7%;
	padding-left: 30px;
	padding-bottom: 20px;
	bottom: 0;
/*	mix-blend-mode: multiply;
*/	position: fixed;
	z-index: 4;


}


.Icon .ToolTipText{
	visibility: hidden;
  width: 220px;
  padding-left: 0;
/*  background-color: black;*/
  color: red;
  text-align: center;
  font-size: 32px;
	text-align: left;
	line-height: .9em;
	letter-spacing: .1rem;
/*  padding: 5px 0;*/
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
	top:  3px;
	left: 130px;

}

.Icon:hover .ToolTipText {
  visibility: visible;
}



.RightIcon{
/*display: inline-block;*/
/*	height: auto;
	width: 7%;*/
	font-size: 60px;
	color: #f2ffc1; 
	padding-left: 92%;
	padding-bottom: 20px;
	bottom: 0;
	mix-blend-mode: exclusion;
	position: fixed;
	z-index: 4;
}


/*.RightIcon:hover{
	transform: rotate(2deg);
}
*/

#RotateCW4 {
	transform: rotate(2deg);
	mix-blend-mode: none;
}



.TitleText{
	width: 100%;
	margin: auto;
/*	background-color: yellow;*/
	/*color: #f2ffc1;*/
	color: blue;
	font-size: 44px;
	text-align: left;
	line-height: 1.1em;
	letter-spacing: .25rem;
	padding-top: 4%;
/*	padding-bottom: 9%;*/
/*	mix-blend-mode: exclusion;*/
}




.LargeText{
/*	font-family: serif;*/
	width: 100%;
	margin: auto;
/*	background-color: yellow;*/
	/*color: #f2ffc1;*/
	color: silver;
	font-size: 16px;
	text-align: left;
	line-height: 1.1em;
/*	letter-spacing: .125rem;*/
	padding-top: 80px;
/*	padding-bottom: 9%;*/
/*	mix-blend-mode: exclusion;*/
}


.SmallText{
/*	font-family: serif;*/
	width: 44%;
	margin: auto;
/*	background-color: yellow;*/
	color: blue;
	font-size: 16px;
	text-align: left;
	line-height: 1.13em;
	letter-spacing: .1rem;
/*	padding-top: 9%;*/
	padding-bottom: 4%;
	padding-top: 5px;
	/*mix-blend-mode: exclusion;*/
}

/*.SmallTextLeftTab{
	width: 44%;
	margin: auto;
	color: #f2ffc1;
	font-size: 16px;
	text-align: left;
	line-height: 1.125em;
	letter-spacing: .1rem;
	padding-left: 36%;
	padding-top: 50px;
	padding-bottom: 4%;
	mix-blend-mode: exclusion;
}*/


.SmallTitleText{
/*	color: #f2ffc1;*/
	color: blue;
	text-align: center;
	font-size: 22px;
	/*mix-blend-mode: exclusion;*/
	line-height: 1.1em;
	letter-spacing: .125rem;
	padding-top: 10px;
}


.MediumText{
	font-size: 22px;
	text-align: left;
	width: 80%;
	padding-left: 20%;
	line-height: 1.1em;
}


#LeftTab{
	transform: translateX(48%);
}



li{
	list-style: none;
}


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

a:hover{
	color: white;
	 text-decoration: underline;
	 text-decoration-thickness: 1.5px;
	 text-underline-offset: 4px;
}








img {
 height: 100%;
 width: 100%;
 object-fit: contain;
}




.hover-wrap {
	font-size: 29px;
	background-color: lightgray;
	display: inline;
	position: relative;
 }

.hover-wrap:hover {
/*	background: red;*/
cursor: help;
}

.hover-image{
	position: fixed;
	top: 0%;
	left: 0%;
	
	width: 300px;
	height: 500px;

	z-index: 100;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: transparent;

	font-size: 29px;
	cursor: pointer;
	pointer-events: none;
	
	display: none;

	background-position: 0px 0px;
	background-size: 100%;
}
.hover-wrap:hover .hover-image{
	display: inline-block !important;
	mix-blend-mode: none;
}

/*
	use this section to assign the hover image for each section
*/
/*#section-reading:hover .hover-image{
	background-image: url(../Assets/Reading_Terrace_800.jpg);
}*/

#section-reading:hover .hover-image{
	top: 0px;
	left: 0px;
}


p {
		mix-blend-mode: none;
}

#Italic{
	font-family: 'Jans-Italic';
	src: url('Assets/Jans-Italic.otf');
}



.Slide{
	position: fixed;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
/*	box-shadow: 0 2px 300px #522035;*/
	z-index: 9999;
	color: #f2ffc1;
	font-size: 44px ;
/*	font-size: 22px ;*/
	letter-spacing: .125rem;
	mix-blend-mode: exclusion;
	display: flex;
/*	flex-direction: row; */
		flex-direction: column; 
/*	top: 30%;*/

/*		background-color: lightgray;*/
	/*font-style: italic;*/
}





.SlideContact{
	position: absolute;
/*	background-color: blue;*/
	background-color: lightgray;
/*	color:  #522035;;*/
	height: 80%;
	width: 75%;
	top: 5%;
	bottom: 0;
	z-index: 20;
	left: 2%;
	display: none;
	letter-spacing: .7px;
	line-height: 33.5px;
	 font-size: 29px;
/*	 font-family: 'PT Serif', serif;*/
	/*font-family: serif;*/
}

.SlideClose{
	position: absolute;
/*	background-color: yellow;*/
	background-color: lightgray;
	height: 20px;
	width: 20px;
	top: 3%;
	z-index: 20;
	right: 4%;
	display: none;
	cursor: not-allowed;
/*	cursor:grabbing;*/
	font-size: 50px;
	font-family: serif;

}










.navbar{
	position: relative;
	width: 95%;
	margin:  auto;
	min-height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.nav-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 60px;
}


@media(max-width:100%){
	.container{
		width: 100%;
	}
}











.menu{
	background-color: yellow;
	text-align: center;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 20px;
	line-height:  1.15em;
}



/*.Image{

	 position: absolute;
    width: 10%;
    height: 90%;    
	background-color: green;
    align-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: constrain;

}*/