/*
Theme Name: Sam Grawe
Theme URI: https://github.com/everythingtype/samgrawe
Author: Spellerberg Associates
Author URI: http://www.spellerbergassociates.com/

Designed by Everything Type Company, http://www.etc-nyc.com/
Developed by Spellerberg Associates, http://www.spellerbergassociates.com/

*/

body { background-color: #663333; color: #fff; font-family: "Univers", sans-serif; font-size: 16px; line-height: 1.3125; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }
body.haslightbox { overflow: hidden; }



.bigintro { font-size: 30px; line-height: 1.2; letter-spacing: -.005em; font-weight: bold; }



@media only screen and (min-width : 1400px ) { 

	.responsivecue { float: right; }

}

/* header */

header { font-size: 15px; padding: 10px 20px 9px 20px; overflow: hidden; text-transform: uppercase; position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
header h1 { font-size: 15px; font-weight: normal; letter-spacing: 0.003em; margin: 0; float: left; }
header .toggle { float: right; cursor: pointer; }
header .close { display: none; }

header.opened .open { display: none; }
header.opened .close { display: block; position: relative; }


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

	header { font-size: 16px; }
	header h1 { font-size: 16px; }
}

/* Projects */

.slides { position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
.slide { height: 100%; width: 100%; }

.slideimage { height: 100%; width: 100%; }
.slideimage.landscape { display: none; }

.flickity-slider { height: 100%; }
.flickity-viewport { height: 100%; }

.title { display: none; }

.flickity-page-dots { z-index: 99; position: fixed; bottom: 13px; left: 26px; padding: 0; margin: 0; list-style: none; line-height: 1; box-sizing: border-box; }
.flickity-page-dots .dot { display: inline-block; width: 11px; height: 11px; margin: 0 3.5px; border-width: 1px; border-style: solid; border-color: #fff; border-radius: 100%; cursor: pointer; }
.flickity-page-dots .dot.is-selected { background: #fff; }

@media only screen and ( min-aspect-ratio: 1/1 ) { 
	.slideimage.portrait { display: none; }
	.slideimage.landscape { display: block; }
}

@media only screen and (min-width : 1000px ) { 
	.title { display: block; position: absolute; letter-spacing: 0.005em; top: 0; left: 0; right: 0; text-align: center; z-index: 98; text-transform: uppercase; }
	.title p { margin: 10px 0 0 0; }
}

/* About */

.about { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; display: none; z-index: 99; background: #663333; }
.about .box { height: 100%; overflow: auto; position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
.about .headerspacer { background: #663333; position: fixed; top: 0; left: 0; right: 0; border-bottom: 1px solid #fff; }

.about h2 { font-size: 15px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.005em; padding: 0 20px; margin: 21px 0; }
.about h3 { font-size: 15px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.005em; padding: 0 20px; margin: 21px 0;  }
.about h4 { font-size: 16px; text-transform: uppercase; font-weight: normal; padding: 0 20px; margin: 21px 0;  }
.about p { padding: 0 20px; margin: 20px 0; }

.about .bio { padding: 5px 0 20px 0; }
.about .contact { border-bottom: 1px solid #fff; padding: 15px 0 5px 0; }

.about .readmore a { border: 1px solid #fff; display: inline-block; padding: 6px 31px 11px 31px; letter-spacing: 0.03em; margin-top: 2px; }

.about .morebio { display: none }
.about .morebio p:first-of-type { margin-top: 0; }

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

	.about .contact { border-bottom: none; padding: 0; width: 500px; float: right; box-sizing: border-box; }
	.about .bio { border-right: 1px solid #fff; width: calc(100% - 500px); float: left; box-sizing: border-box; min-height: 100%; }

	.awards {  columns: 2; column-gap: 20px; }


}