/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Homepage
:: Artists
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
	/*background: #292929; */
	background: #000;
	color:#ccc;
	padding: 20px 0 0 0;
	font-size: 14px;
	font-size: 1.4em;
	margin-top: 2em;
}

h1, h2, h3, h4, h5, h6 {
	color: #437445;
	font-weight: 700;
	letter-spacing: 1px;
}

p {
	font-family: "Georgia", times, serif;
		}
		
small {
    font-size: 70%;
}
#main-content p {
	font-size: 1.2em;
}
	
h1.sitename {
     color:#fff;
     margin: 0 0 10px;
     }
     
nav > ul {
	float:right;
}

nav > ul > li {
	list-style: none;
	display: inline;
	font-size: 1.2em;
}
nav a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
nav a:hover {
	color:#ccc;
}

.button {
	 padding: 10px 20px 11px !important;
}
.button.active {
	background: #305432;
	}
sup {font-size: 18px;}

footer p {
	margin-top: 16px;
	font-size: 1rem;
	font-size: 1em;
	font-family: "franklin-gothic-urw-cond",sans-serif;
}
footer .right p {
	text-align: right;
}
footer .left p {
	text-align: left;
}
.home img {
	margin-bottom: 20px;
}

.fb-like {
	margin-right: 10px;
}
.fb-like,
.twitter-share-button {
	margin-top: 8px;
	opacity: 0.75;
}
.fb-like:hover,
.twitter-share-button:hover {
	opacity: 1;	
}

.franklin {
	font-family: "franklin-gothic-urw-cond",sans-serif;
}

p.price {
	color:#666;
	font-family: "franklin-gothic-urw-cond",sans-serif;
	font-weight: 400;
	font-size: 1.2em !important;
}
p.price:before {
	content:"Price: ";
}

.panel {
	background: #222;
	border:#666;
}
.alert-box {
	line-height: 1.4;
}
.alert-box a {
	color:#fff;
	font-family: inherit;
}


/* Social Icon Font (Foundation Add On) */

@font-face {
  font-family: 'SocialFoundicons';
  src: url('fonts/social_foundicons.eot');
  src: url('fonts/social_foundicons.eot?#iefix') format('embedded-opentype'),
       url('fonts/social_foundicons.woff') format('woff'),
       url('fonts/social_foundicons.ttf') format('truetype'),
       url('fonts/social_foundicons.svg#[set]Foundicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

[class*="foundicon-"]:before {
  font-family: "SocialFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

.social > li {
	list-style: none;
	display: inline;
	font-size:1.6em;
	margin-right: 0.4em;
}



/* -----------------------------------------
   Homepage
----------------------------------------- */

p.intro {
	font-size:2.4rem;
	line-height: 1.3;
	margin-bottom: 50px;
}

p.intro span {
	font-size: 0.85em;
	font-style: italic;
}
p.intro a {
	text-decoration: underline;
	color:inherit;
}
div.about em {
	color:white;
}
.curator {
	font-size: 1.15em;
	color: #fff;
}
.essay {
	background: #437445;
    color: #fff;
    text-align: center;
}

/* -----------------------------------------
   Artists
----------------------------------------- */
ul.artist-list {
	margin-bottom: 50px;
}
ul.artist-list > p {
	margin-bottom: 0;
	font-size: 1.1em;
}
ul.artist-list > li {
	list-style: none;
	display: inline;
	font-size: 1.35em;
}
.artist-wrap {
	margin-bottom: 40px;
	padding:20px 0;
}
.artist-wrap ul > li  {
	list-style: none;
	display: inline;
}
.artist-wrap ul > li > a > i {
	font-size: 20px;
	margin-right: 6px;
	color: #ccc;
}
.artist-wrap ul > li > a > i:hover {
	color: #666;
	transition: color 0.15s ease-in-out 0s;
}
p.work-title {
	font-style: italic;
	font-size:1.25em;
}
p.postscript {
	font-size: 0.97em;
	font-style: italic;
	color:#888;
	}
.purchase {
	margin-bottom: 10px;
}
.return {
	margin-top: 10px;
	display: block;
}

p.statement {
	font-size: 1.05em !important;
}
p.details {
	font-family: "franklin-gothic-urw-cond",sans-serif;
	font-weight: 400;
	font-size: 1.05em !important;
}
a.bio {
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 8px 10px 6px !important;
	margin-bottom: 20px;
}

.white-border img {
	border: 1px solid #666;
}

/* -----------------------------------------
   Merch
----------------------------------------- */
.merch-modal {
	background: #222;
}
ul.merch table {
	width: 100%;
	background: none;
	border: 0;
	
}
ul.merch td {
	color:#fff;
}
ul.merch table tbody tr {
	background: none;
	float: left;
    width: 50%;
}

li.cart {
	list-style: none;
}

p.size:before {
	content:"Size: ";
}
p.colour:before {
	content:"Colour: ";
}
p.size,
p.colour {
	margin-bottom: 5px;
	font-family: "franklin-gothic-urw-cond",sans-serif;
}
p.nb {
	color:#666;
	font-size:1em !important;
}
ul.merch a p {
	color:#fff;
}

/* Modals */
#myModal p {
	font-size: 1.6em;
	color:#222;
	line-height: 1.2;
}

.bio-modal p,
.bio-modal ul > li {
	color:#333;	
}
.bio-modal > p:last-of-type {
	margin-bottom: 0;
}


/* Mobile Tweaks */
@media only screen and (max-width: 767px) {
	body,
	h1.sitename {
		text-align: left;
	}
	footer .left p,
	footer .right p {
		text-align: center !important;
	}
	body {
		margin: 0;
		line-height: 1.2em;
	}
	nav {
		margin: 1em auto 0 auto;
	}
	nav > ul {		
		float:none !important;
	}
	.artist-wrap {
	    margin-bottom: 20px;
	    padding: 10px;
    }
    ul.artist-list {
    	margin-bottom: 10px;
    }
    h1.sitename {
		font-size: 2.2em;
	}
}