@keyframes rotatefromtop {
	0% {
		/*transform: translate3d(0px, -100px, 0px);*/
		opacity: 0;
	}
	
	100% {
		transform: translate3d(0px, 0px, 0px);
		opacity: 1;
	}
}

@-webkit-keyframes rotatefromtop {
	0% {
		/*-webkit-transform: translate3d(0px, -100px, -0px);*/
		opacity: 0;
	}
	
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
		opacity: 1;
	}
}

@-moz-keyframes rotatefromtop {
	0% {
		/*-moz-transform: translate3d(0px, -100px, 0px);*/
		opacity: 0;
	}
	
	100% {
		-moz-transform: translate3d(0px, 0px, 0px);
		opacity: 1;
	}
}

a:link, a:visited {
		text-decoration: none;
		color: $blue;
}

a:hover, a:focus {
	text-decoration: underline;
}

/* General Page layout styles */
h1, h2, h3, h4, h5, h6{
	line-height: 1.2em;
}

h2{
	font-size: 22px;
	margin: 2em 0em 0em;
	font-weight: 600;
	color: #515151;
}

h3{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
	color: #5A5A5A;
	margin-top: 2em;
}

strong {
	font-weight: 700;
}

p{
	margin: 0.7em 0em 1.5em;
}

.wp-caption .wp-caption-text{
	color: #494949;
	margin-top: 0.3em;
	font-style: italic;
}


/* Blockquotes */
blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

blockquote p {
 	display: inline;
}

/* Quotes */
q {
  quotes: "“" "”" "‘" "’";
  font-style: italic;
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}


/* Table Styles */
table{
	margin: 1em 0em;
	
	tbody{
		
		tr{
			border-bottom: 1px solid rgba(204, 204, 204, 0.72);
			
			th{
				text-align: left;
				font-weight: 700;
			}
			
			td{
				padding: 0.7em 0em;
			}
		}
		
		tr:first-child{
			border-bottom: 3px solid rgba(204, 204, 204, 0.72);
		}
	}
}

/* Misc Styles */
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}

var, em, cite { 
    font-style: italic;
}

kbd, code { 
    font-family: monospace;
}



/* Definition List */
dl{
	margin: 1em 0em;

	dt {
		font-weight: 700;
	}
	
	dd {
		padding-left: 2em;
	}
}


/* Page heading */
#page.blur {
	filter: blur(8px);
	-webkit-filter: blur(8px);
}

#page {
	.searchLabel {
		display: block;
		position:relative;
		padding-left: 40px;
	
		.searchFormIcon {
			height: 2em;
			width: 2em;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index:1;
			
			svg {
				circle {
					fill: $blue;
				}
			}
		}
		
		.search-field {
			border: none;
			border-radius: 0px;
			border-bottom: 1px solid $blue;
			font-family: "Raleway";
			letter-spacing: 0.3px;
			width: 100%;
		}
		
		.search-field:focus {
			outline: none;
		}
	
	}
}

.site-header.sticky {
	position: fixed;
	
}

.home.page, .home.blog {

.site-header.red {
		background-color: $uwred;
		
		.main-navigation{
			  background: rgba(115, 26, 31, 0.2);
			  
			  .site-navigation-container li a{
			  	color: #fff;
			  	
			  }
			  
			  .site-navigation-container li a:hover, .site-navigation-container li a:focus {
				  background: $uwred-dark; 
			  }
		}

}

}

.mobileTrigger {
	visibility: hidden;
	display: block;
	opacity: 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
}

.mobileTrigger.shown {
	visibility: visible;
	opacity: 1;
}

.site-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index:6;
	
	.site-title, .site-description {
		position: absolute;
		top: -1000px;
		left: 0px;
		z-index:1;
		
	}
	
	.logo-search-container {
		max-width: $content-width-max;
		margin: 0 auto;
		padding-left: 30px;
		padding-right: 30px;
		position: relative;
	}
	
	.logoImage {
		display:inline-block;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 0;
		line-height: 1;
		opacity: 0.8;
		transition: 0.2s opacity, 0.2s margin-left;
		-webkit-transition: 0.2s opacity, 0.2s margin-left;
		
		img {
			min-height: 50px;
			min-width: 200px; 
		}
	}
	
	.logoImage:hover, .logoImage:focus {
		opacity: 1;
	}
	
	
	.main-navigation {
		width: 100%;
		background: rgba(255,255,255,0.35);
		
		animation: rotatefromtop 0.6s forwards;
		animation-iteration-count: 1;
		animation-delay: 0.6s;
		-webkit-animation: rotatefromtop 0.6s forwards;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-delay: 0.6s;
		-moz-animation: rotatefromtop 0.6s forwards;
		-moz-animation-iteration-count: 1;
		-moz-animation-delay: 0.6s;
		
		transform: translate3d(0px, 0px, 0px);
		opacity: 0;
		
		transition: 0.4s background-color;
		-webkit-transition: 0.4s background-color;
		
		
		.site-navigation-container {
			max-width: $content-width-max;
			margin: 0 auto;
			padding-left: 30px;
			padding-right: 30px;
			
			li {
				line-height: 1;
				
				a {
					
					display: inline-block;
					color: rgba(0,0,0,0.9);
					font-family: "Roboto Condensed", sans-serif;
					font-weight: 400;
					font-size: 14px;
					line-height: 1;
					letter-spacing: 0.3px;
					padding: 0.8em;
					padding-left: 1.1em;
					padding-right: 1.1em;
					margin-top: 0px;
					margin-bottom: 0px;
					text-transform: uppercase;
				}
				
				a:hover, a:focus {
					background: $uwred;
					color: rgba(255,255,255,0.8);
					text-decoration: none;
				}
			}
		}
	}
}




.site-content{
	margin: 0px;
}

.featuredPage {
	position: relative;
	background: $uwred;
	
	
	.rowalt {
		  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		  display: -ms-flexbox;      /* TWEENER - IE 10 */
		  display: -webkit-flex;     /* NEW - Chrome */
		  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
	
	.featuredImageContainer {
		min-height: 200px;
		position: relative;
		flex: 1;
		-webkit-flex: 1;
	}
	
	.span-100 {
		max-width: 1124px;
		margin: 0 auto;
	}
	
	.featuredImageText {
		padding: 40px;
		flex: 1;
		-webkit-flex: 1;
		position: relative;
		
		.slice {
			position: absolute;
			top: 0px;
			left: -50px;
			width: 50px;
			bottom: 0px;
			z-index:3;
			
			svg {
				height: 100%;
				width: 51px;
				
				polygon {
					fill: $uwred;
				}
			}
		}
	}
	
	h2 {
		color: rgba(255,255,255,0.9);
		font-family: "Raleway", sans-serif;
		font-weight: 100;
		font-size: 30px;
		text-align: left;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	
	p {
		color: rgba(255,255,255,0.6);
		font-family: "Raleway", sans-serif;
		font-weight: 300;
		font-size: 16px;
		line-height: 1.6;
		text-align: left;
		margin-top: 0.4em;
		margin-bottom: 0.4em;
	}
	
	.featuredPageImage {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index:1;
		background-size: cover;
		background-position: center center;
	}
}

/* set the width of the content */

.has_nav article {
	width: 70%;
	float: left;
	margin-right: 5%;
}

.admin-bar .site-header {
	padding-top: 30px;	
}

.home.page {
	.site-header{
		background-color: transparent;
		
		.main-navigation{
			  background: rgba(255,255,255, 0.35);
			  
			  .site-navigation-container li a{
			  	color: rgba(0,0,0,0.8);
			  }
			  
			  .site-navigation-container li a:hover, .site-navigation-container li a:focus {
				  background: $uwred; 
				  color: rgba(255,255,255,0.8);
			  }
		}

	}
}

.search-field {
	position: relative;
	z-index:2;
}


.pagePadding {
	padding: 2em;
}

.postPadding {
	padding-left: 2em;
	padding-right: 2em;
}



/* non-home Page styles */

.mobileNavOn.page, 
.mobileNavOn.single,
.mobileNavOn.search,
.mobileNavOn.archive {
	
	#content{
		margin-top: 0em;
	}
	
}




.page, 
.single,
.search,
.archive {
	
	#content{
		margin-top: 4em;
	}
	
	.entry-content{
		margin-top: 0.5em;
	}
	
	a {
		text-decoration: none;
		color: rgb(65, 167, 211);
	}
	
	.site-header{
		background-color: $uwred;
		
		.main-navigation{
			  background: rgba(115, 26, 31, 0.2);
			  
			  .site-navigation-container li a{
			  	color: #fff;
			  }
			  
			  .site-navigation-container li a:hover, .site-navigation-container li a:focus {
				  background: $uwred-dark; 
			  }
		}

	}
		
	.site-content{
		max-width: 1124px;
		margin: 0 auto;
		
		position: relative;
	}
	
	main{
	
		ul{
			list-style-type: inherit;
			margin: 1em 1.5em;
			
			ul{
				list-style-type: circle;
				margin: 0em 1.5em;
				
				ul{
					list-style-type: disc;
					margin: 0em 1.5em;
				}
			}
		}
		
		ol{
			list-style-type: decimal;
			margin: 1em 1.5em;
			
			ol{
				list-style-type: lower-alpha;
				margin: 0em 1.5em;
				
				ol{
					list-style-type: lower-roman;
					margin: 0em 1.5em;
				}
			}
		}
	}
}

//override for blog pages
.single, .archive{
	
	#content{
		margin-top: 7em;
	}
	
}

.search-results{
	h1.page-title {
		font-size: 13px;
		font-weight: 400;
		letter-spacing: 1px;
		color: rgba(0,0,0,0.5);
		text-transform: uppercase;
		
		span {
			font-weight: 700;	
		}
	}
	
	.entry-summary{
		margin-top: 0.5em;
		margin-bottom: 3em;
	}
	
	p{
		margin-top: 0em;
	}
}