@charset "utf-8";
/* CSS Document */
/* REMEMBER, css/fontsSample.php makes google font choices simpler */
		@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&display=swap');
		
		body {font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 19px; font-size: 4vmin; text-align: right} /* font size only applies to non-content fonts. otherwise font size is reset in wrapper and cannot be scaled off of body, sorry */
		#content-wrapper,  .gallery-feed {font-size: 2.6vmin;}
		@media only screen and (orientation: portrait) {
			#content-wrapper,  .gallery-feed {font-size: 2.75vmax;}
		}
		h1,h2,h3,h4,h5,h6 {margin: 0; text-align: right; padding-right: 1vmin; font-weight: 300;} /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);} */
		h1 {font-size: 210%;}
		h2 {font-size: 180%; font-variant: small-caps; text-align: left;}
		h3 {font-size: 120%; text-align: left;}
		h4 {font-size: 110%; font-variant: small-caps; text-align: left;}
		p {padding: 0 1vw 5vh 0; text-align: left;}
		.long-paragraphs p {text-indent: 2vw; padding-bottom: 2vh;}
		blockquote {font-style: italic;}
		a {color: #111}
		a:hover {color: #F60;}
		.textarea a {color: #F60;}
		.textarea a:hover {color: #FFF;}
		p a {}
		ol, ul {}
		p.sub { font-style: italic;}
		input, textarea {font-size: 208%; text-align: right; margin-right: 1w}
		article {text-align: left;}
		#content {font-size: 0;} /*necessary to prevent unwanted spacing in gallery view*/
		
		
		/*menu*/
			#menu {font-family: 'BebasNeue', sans-serif; font-weight: 300; font-size: 4.6vmin;}
			#menu a {text-decoration: none; color: #111; }
			#menu a:hover, #menu a.active {color: #999;}
			#menu li {
				text-transform: uppercase;
				margin-bottom: 1%; 
				line-height: 3.8vmin;
				white-space: nowrap;
			}
			@media only screen and (orientation: portrait) {
				#menu li {
					font-size: 5.5vw;
					line-height: 9vw;
					margin: 0;
					padding-right: 7vw;
					border: 0;
					font-family: 'Roboto Condensed', sans-serif;
					font-weight: 300;
				}
			}
			
		div.slide:hover span {
			color: #999;
		}