/* Mobile */
@media only screen 
{ 
	.page-title
	{
		padding-top: 0px;
	}
	
	.navigation-box
	{
		padding-bottom: 35px;
	}
	
	.wide
	{
	  width: 100%;
	}
	
	.most-recent-summary
	{
		padding-bottom: 32px;
	}
	
	.project-description
	{
		padding-top: 10px;
		padding-bottom: 15px;
	}
	
	.nav-row
	{
		padding-bottom: 5px
	}
}

/* Not mobile */
@media only screen and (min-width: 40.063em) 
{ 
	.page-title
	{
		padding-top: 48px;
	}
	
	.navigation-box
	{
		padding-bottom: 70px;
	}
	
	.nav-row
	{
		padding-bottom: 14px
	}
} 

html, body {
  height: 100%;
}

html
{
  overflow-y: scroll;
}

.clickable
{
  cursor: pointer;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.footer, .push {
clear: both;
height: 4em;
}

body
{
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
  font-size: 15px;
}

iframe
{
  width:100%;
}

.thumbnail-row
{
  padding-bottom:15px;
}

.thumbnail-row > div > img
{
  cursor:pointer;
}

.item
{
  width: 22.5%;
  padding: 0.15rem;
}

.item.featured, .item.rationale
{
  width: 45%;
}

.item.rationale
{
  padding:10px;
}

.favourite-image
{
  width:100%;
  height: auto;
}

.back-link
{
  font-weight:normal; 
  font-size: 0.75rem;
  display: inline !important;
}

a:link, a:visited
{ 
	color: black;
	
}

.back-link, .menu-link, .gallery-link
{
  text-decoration: none;
}

p:first-child
{
  margin-top: 0px;
}

p
{
  margin-bottom: 0px !important;
}

h2
{
  font-size: 21px;
  font-weight: 300;
  margin-top: 0px;
}

h3
{
  font-size: 15px;
  font-weight: 400;
}

.active-link
{
  padding-bottom: 2px;
  border-bottom: 3px black solid;
}

.padded-menu
{
  margin-left: 5px;
}

.page-title
{
  margin-bottom: 0px;
  font-size: 36px;
  font-weight:500;
}

.article-title
{
  padding-top: 20px;

  font-size: 120%;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.cv-date
{
  
  padding-top: 10px;
}

.cv-desc
{
  padding-bottom: 5px;
}

.cv-callout
{
  background-color: white;
  height: 20px !important;
}

.gallery-active
{
  font-weight: bold;
}

.gallery-year
{
  padding-right: 8px;
}

.gallery-years
{
  padding-bottom: 25px;
}

.gallery-line
{
  padding-bottom: 10px;
}

.navigation-box
{
  padding-top: 5px;
}

.front-page-content
{
  padding-top: 10px;
}

.menu-item
{
  display: inline-block;
  min-width: 50px;
  font-size: 1.25rem;
  padding-right: 15px;
  text-align: center;
}

.see-also
{
  padding-top: 30px;
}

.footer
{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}