/* 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 screen */
/* Font Families 
=================================================== */body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 100;
}
/* Typographic Styles
=================================================== */
.small {
  font-size: 14px;
  font-size: 1.4rem;
}
li {
  font-size: 16px;
  font-size: 1.6rem;
}
p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
}
h1 {
  font-size: 25px;
  font-size: 2.5rem;
}
h2,
h3 {
  font-size: 20px;
  font-size: 2rem;
}
nav li a {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 23px;
  line-height: 2.3rem;
}
nav li.category-nav li a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 15px;
  line-height: 1.5rem;
}
.project-description li {
  line-height: 18px;
  line-height: 1.8rem;
}
/* Uppercase */
nav li a,
h1,
h2,
h3 {
  text-transform: uppercase;
}
h3.small {
  text-transform: capitalize;
  letter-spacing: 0;
}
/* Letter Spacing */
nav li a,
h1,
h2,
h3 {
  letter-spacing: 2px;
}
/* Screen Widths >= 768px */
@media only screen and (min-width: 768px) {
  nav li a {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 27px;
    line-height: 2.7rem;
  }
  h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}
/* Colours
=================================================== */
/* White */
body,
a,
a:visited,
nav ul li.work ul li a,
nav ul li.artwork ul li a {
  color: #ffffff;
}
/* Dark */
/* Links & Buttons
=================================================== */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/* Page/Press Link */
a.page-link {
  background: url(../images/textures/txtblack-alpha03b.gif);
  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;
}
a.page-link.op2 {
  animation-name: background-fade-op2;
  -webkit-animation-name: background-fade-op2;
}
ul.press li:nth-child(4n+1) a {
  animation-name: background-fade-op1;
  -webkit-animation-name: background-fade-op1;
}
ul.press li:nth-child(4n+3) a {
  animation-name: background-fade-op2;
  -webkit-animation-name: background-fade-op2;
}
.home li.home a.title,
.work li.work a.title,
.work li.work li,
.artwork li.artwork a.title,
.artwork li.artwork li,
.info li.info a.title {
  background: #ffff00;
  animation-name: background-color;
  animation-duration: .05s;
  animation-iteration-count: infinite;
  -webkit-animation-name: background-color;
  -webkit-animation-duration: .05s;
  -webkit-animation-iteration-count: infinite;
}
.work.work-inner li.work a.title,
.work.work-inner li.work li,
.artwork.artwork-inner li.artwork a.title,
.artwork.artwork-inner li.artwork li {
  animation-name: none;
  -webkit-animation-name: none;
  color: #333333;
  background: #ffff00 url(../images/textures/txtwhiteStill.gif);
}
/* Custom CSS3
=================================================== */
/* Flicker */
@-webkit-keyframes flicker {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-opacity: 1;
  }
  100% {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -o-opacity: 0.85;
    opacity: 0.85;
    -webkit-opacity: 0.85;
  }
}
@keyframes flicker {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-opacity: 1;
  }
  100% {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -o-opacity: 0.85;
    opacity: 0.85;
    -webkit-opacity: 0.85;
  }
}
/* BG Change */
@-webkit-keyframes background-color {
  0% {
    background-color: #ffffff;
    color: #333333;
  }
  50% {
    background-color: #333333;
    color: white;
  }
  100% {
    background-color: #ffffff;
    color: #333333;
  }
}
@keyframes background-color {
  0% {
    background-color: #ffffff;
    color: #333333;
  }
  50% {
    background-color: #333333;
    color: white;
  }
  100% {
    background-color: #ffffff;
    color: #333333;
  }
}
/* BG Change */
@-webkit-keyframes background-fade-op1 {
  0% {
    background-color: #535353;
  }
  25% {
    background-color: #00ffff;
  }
  50% {
    background-color: #535353;
  }
  75% {
    background-color: #ff0066;
  }
}
@keyframes background-fade-op1 {
  0% {
    background-color: #535353;
  }
  25% {
    background-color: #00ffff;
  }
  50% {
    background-color: #535353;
  }
  75% {
    background-color: #ff0066;
  }
}
/* BG Change */
@-webkit-keyframes background-fade-op2 {
  0% {
    background-color: #535353;
  }
  25% {
    background-color: #ff0066;
  }
  50% {
    background-color: #535353;
  }
  75% {
    background-color: #00ffff;
  }
}
@keyframes background-fade-op2 {
  0% {
    background-color: #535353;
  }
  25% {
    background-color: #ff0066;
  }
  50% {
    background-color: #535353;
  }
  75% {
    background-color: #00ffff;
  }
}