/* Author: Luke Greenaway */
/* Stylesheet for project configuration */
/* Grid & Layout
=================================================== */
/* Colours 
=================================================== */
/* White */
/* Base */
/* Med-Dark */
/* Dark */
/* Black */
/* Brand Colours */
/* Magenta */
/* Blue */
/* Yellow *//* Author: Luke Greenaway */
/* Stylesheet for Enhancements */
/* Generic Styles
=================================================== */
/* Inline Block */
/* Typography
=================================================== */
/* Font-face */
/* Font Size */
/* Line Height */
/* Anti Aliasing */
/* Wrap Words */
/* Hide Text */
/* CSS3
=================================================== *//* Opacity */
/* Border Radius */
/* Background Cover */
/* RGBA */
/* Rotate */
/* Box Shadow */
/* Transform */
/* Horizontal Gradient */
/* Flex Box */
/* Box Sizing */
/* CSS3 Transitions
=================================================== *//* Animate Background Colour */
/* Author: Luke Greenaway */
/* Stylesheet for base layout */
/* Generic Styles
=================================================== */
.desktop {
  display: none;
}
/* Main Layout 
=================================================== */
body {
  background: url(../images/textures/bakkk4bw.gif);
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
section {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
/* Alternating Main Backgrounds
body{
	&.home, &.artwork{
		background:url(../images/bakkk4bw.gif);
	}
	&.work, &.info{
		background:url(../images/bakkk4bwz.gif);
	}
}*/
/* Header
=================================================== */
header {
  padding: 2.4% 0;
  margin-bottom: 10px;
  position: relative;
}
header .logo {
  position: absolute;
  right: 0;
  top: 0;
}
header .logo a {
  width: 100px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
header .mobile-menu {
  background: transparent url(../images/interface/icon-mobile-menu.png) center right no-repeat;
  cursor: pointer;
  display: block;
  float: right;
  height: 45px;
  width: 10%;
}
header nav ul {
  float: left;
  position: relative;
  z-index: 100;
}
header nav ul li {
  display: block;
  /* Hide Category Nav */

  /* Subnav */

}
header nav ul li.category-nav.work ul,
header nav ul li.category-nav.artwork ul {
  display: none;
}
header nav ul li .title {
  padding-left: 20px;
}
header nav ul li a {
  background: url(../images/textures/txtblack-alpha022.gif);
  margin-top: 6px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /* Flashing State */

}
header nav ul li a.flashing {
  background-color: #ffff00;
}
header nav ul li ul {
  margin-bottom: 10px;
}
header nav ul li ul li a {
  background-color: #666;
  margin: 3px 3px 3px 0;
  padding: 1px;
  background-image: url(../images/textures/txtGreyStill-finest2.gif);
}
header nav ul li ul li a.active {
  background: url(../images/textures/txtblack-alpha03b.gif);
  color: #ffffff !important;
  animation-name: background-fade-op1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-name: background-fade-op1;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
}
header nav ul li ul li:first-of-type a {
  margin-left: 3px;
}
header nav ul li ul.back a.active {
  animation-name: background-fade-op1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-name: background-fade-op1;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
}
/* With filtering */
.work li.work a.title,
.artwork li.artwork a.title {
  padding-bottom: 0;
}
/* Generic Content
=================================================== */
/* Grid Items */
.grid-item {
  margin-left: 1.2%;
  margin-right: 1.2%;
  margin-top: 1.2%;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  position: relative;
  width: 97.6%;
}
.grid-item .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.grid-item .overlay .overlay-wrapper {
  position: absolute;
  top: 7px;
  left: 5px;
  right: 10px;
}
.grid-item .overlay .overlay-wrapper h1,
.grid-item .overlay .overlay-wrapper h2 {
  padding: 0 2px;
  background: url(../images/textures/txtblack-02.gif) 0 0;
  display: inline;
  word-wrap: break-word;
}
.grid-item .overlay .overlay-wrapper p {
  /* Same as Project-description */

  background: url(../images/textures/txtblack-03.gif) 0 0;
  margin-top: 6px;
  padding: 0 2px;
  display: none;
  /* Hide all paragraphs from loop */

}
.grid-item .overlay .overlay-wrapper p:first-of-type {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  /* Show first paragraph wihtin loop */

}
.grid-item img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-opacity: 1;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* Image Alternating Backgrounds */
.alt-gallery .grid-item:nth-child(2n+1) img,
.gallery .grid-item:nth-child(2n+1) img {
  background: url(../images/textures/txtwhite-alpha-3b.gif) 0 0;
}
.alt-gallery .grid-item:nth-child(2n+2) img,
.gallery .grid-item:nth-child(2n+2) img {
  background: url(../images/textures/txtwhite-alpha-3.gif) 0 0;
}
.alt-gallery-2 .grid-item-wrapper:nth-child(2n+1) .grid-item img {
  background: url(../images/textures/txtwhite-alpha-3b.gif) 0 0;
}
.alt-gallery-2 .grid-item-wrapper:nth-child(2n+2) .grid-item img {
  background: url(../images/textures/txtwhite-alpha-3.gif) 0 0;
}
/* Responsive Iframe */
.iframe-wrapper {
  height: 0;
  overflow: hidden;
  max-width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
.iframe-wrapper iframe,
.iframe-wrapper object,
.iframe-wrapper embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* Category Nav */
.category-nav ul {
  width: 100%;
}
.category-nav ul li {
  float: left;
}
/* Instagram Embed */
.half.instagram {
  margin-top: 1.2%;
}
/* Work & Artwork Specific
=================================================== */
.project-description {
  margin-bottom: 50px;
  display: block;
  width: 100%;
  clear: both;
}
.project-description .copy-wrapper {
  max-width: 600px;
  padding-bottom: 0;
}
.project-description .copy-wrapper.spacer {
  margin-bottom: 30px;
}
.project-description .copy-wrapper,
.project-description h1,
.project-description h2,
.project-description h3 {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  clear: both;
  padding: 0 8px 0 20px;
  float: none;
}
.project-description h1,
.project-description h2,
.project-description h3 {
  padding-top: 5px;
  background: url(../images/textures/txtblack-02.gif) 0 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.project-description h2,
.project-description h3 {
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}
.project-description p {
  background: url(../images/textures/txtblack-03.gif) 0 0;
  display: inline;
  word-wrap: break-word;
  margin-bottom: 10px;
}
.project-description ul li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0;
  margin: 0;
}
.project-description ul li a {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/* Work Specific (All)
=================================================== */
.work header nav ul {
  /* Show Category Nav */

}
.work header nav ul li.category-nav.work ul {
  display: block;
}
.work header nav ul li.category-nav.work ul.back {
  display: none;
}
/* Work Specific (Inner)
=================================================== */
.work.work-inner header nav ul {
  /* Hide Category Nav */

}
.work.work-inner header nav ul li.category-nav.work ul {
  display: none;
}
.work.work-inner header nav ul li.category-nav.work ul.back {
  display: block;
}
/* Artwork Specific (All)
=================================================== */
.artwork header nav ul {
  /* Show Category Nav */

}
.artwork header nav ul li.category-nav.artwork ul {
  display: block;
}
.artwork header nav ul li.category-nav.artwork ul.back {
  display: none;
}
/* Artwork Specific (Inner)
=================================================== */
.artwork.artwork-inner header nav ul {
  /* Hide Category Nav */

}
.artwork.artwork-inner header nav ul li.category-nav.artwork ul {
  display: none;
}
.artwork.artwork-inner header nav ul li.category-nav.artwork ul.back {
  display: block;
}
.artwork.artwork-inner .hero img {
  background: url(../images/textures/txtwhite-alpha-3b.gif) 0 0;
}
/* Info/About Specific
=================================================== */
.info .project-description .copy-wrapper {
  max-width: 700px;
}
.press-list {
  margin-bottom: 20px;
}
.press-list:last-child {
  margin-bottom: 0;
}
/* Footer
=================================================== */
footer {
  padding: 2em 0;
}