/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* Colors and backgrounds  ----------------------------------------------------*/body {
  color: #000;
  background: #f1ede8 url(http://hardlineproductions.ca/img/noise-all.png);
}
body .single-content {
	font-family: sans-serif;
	color: #fff;
}
body a:hover {
  color: #ee202a;
}
a {
  color: black;
}
.single-content a {
	color: #fff;
}
header,
footer {
  background: black;
  background-size: cover;
}
header {
  background-image: url(http://hardlineproductions.ca/img/vancouver_night.jpg);
}
footer {
}
/* Selection colours (easy to forget) */
::selection {
  background: #ee202a;
}
::-moz-selection {
  background: #ee202a;
}
img::selection {
  background: #ee202a;
}
img::-moz-selection {
  background: #ee202a;
}
body {
  -webkit-tap-highlight-color: #cb5432;
}
#headline,
.masthead {
  color: #444444;
}
/* NAVIGATION ------------------------------------------------------------*/
#nav > li > a {
  color: white;
}
#nav > li:hover > a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 2px solid #ee202a;
}
#nav span:hover {
  -webkit-transform: translate(-10px, -3px);
  -moz-transform: translate(-10px, -3px);
  -o-transform: translate(-10px, -3px);
  transform: translate(-10px, -3px);
}
#nav > li.current-menu-item > a,
#nav > li.current_page_item > a {
  border-bottom: 2px solid #ee202a;
}
#nav .sfHover ul {
  background: #f8f5f2;
}
#nav .sfHover ul li a {
  color: #444444;
}
#nav .sfHover ul li a:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #ee202a;
}
/* MAIN ------------------------------------------------------------*/
.multiplebgs #main {
  background-color: black;
  background-image: url(http://hardlineproductions.ca/img/main-bg.png), url(http://hardlineproductions.ca/img/main-bg.png);
  background-repeat: repeat-x, repeat-x;
  background-position: bottom left, top left;
}
.no-multiplebgs #main {
  background: #f1f1f1 url(http://hardlineproductions.ca/img/main-bg.png) repeat-x top left;
}
/* ABOUT US -----------------------------------------------------------*/
#single-content {
	background-image: url(http://hardlineproductions.ca/img/backgorou.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;   
}   
/* FILTERED ITEMS ----------------------------------------------------*/
#filter-buttons li a {
  color: #fff;
  border-bottom: 2px solid transparent;
}
#filter-buttons li a:hover,
#filter-buttons li a.selected {
  border-bottom: 2px solid #ee202a;
}
#filter-container figure {
  background: white;
}
#filter-container figure .thumb {
  background: #ee202a url(http://hardlineproductions.ca/img/icon-link2.png) center center no-repeat;
}
#filter-container figure figcaption .heading {
  color: black;
}
#filter-container figure figcaption .heading:hover {
  color: #ee202a;
}
#filter-container figure .readmore {
  color: #444444;
}
#filter-container figure .readmore:hover h5 {
  color: #ee202a;
}
/* PORTFOLIO ----------------------------------------------------*/#portfolio-content #filter-container a {
  color: #888;
}
#portfolio-content #filter-container a:hover {
  color: #cb5432;
}
#portfolio-content .project-pager a {
  color: #444444;
}
#portfolio-content .project-pager a:hover {
  color: #cb5432;
}
#portfolio-content #project-box {
  background: #000;
  color: white;
}
#portfolio-content #project-box .info .launch:hover {
  color: #f1f1f1;
  background: #cb5432;
}
#portfolio-content #project-box .single-content .launch:hover {
  color: #f1f1f1;
  background: #ee202a;
}
#portfolio-content #project-box .single-content .launch {
  color: #ee202a;
  background: #000;
}
/* RELATED PROJECTS ---------------------------------------------------*/
.related-projects figure .heading {
  color: #fff;
}
.related-projects figure .heading:hover {
  color: #ee202a;
}
.related-projects figure .thumb {
  background: #ee202a url(http://hardlineproductions.ca/img/icon-link2.png) no-repeat center center;
}
/* CONTACT  ----------------------------------------------------*/#map-holder {
  background: #f8f5f2;
}
/* BLOG ------------------------------------------------------------*/
#posts-list article .box {
  background: #f8f5f2 url(http://hardlineproductions.ca/img/meta-bg.png) repeat-y top right;
}
#posts-list article .box .entry-date {
  color: #dcd2be;
  background: #2d2d2d;
}
#posts-list article .box .excerpt .post-heading {
  color: #444444;
}
#posts-list article .box .excerpt .post-heading:hover {
  color: #ee202a;
}
#posts-list article .box .excerpt .learnmore {
  background: #2d2d2d;
  color: #f8f5f2;
}
#posts-list article .box .excerpt .learnmore:hover {
  background: #cb5432;
}
#posts-list article .box .meta a {
  color: #656360;
}
#posts-list article .box .meta a:hover {
  color: #cb5432;
}
#posts-list article.format-standard .feature-image {
  background: #cb5432 url(http://hardlineproductions.ca/img/icon-link.png) no-repeat center center;
}
#posts-list article.format-image .feature-image {
  background: #cb5432 url(http://hardlineproductions.ca/img/icon-popup.png) no-repeat center center;
}
body.single #posts-list article {
  background: #f8f5f2;
}
body.single #posts-list .box .meta {
  background: #f8f5f2 url(http://hardlineproductions.ca/img/meta-bg-vertical.png) repeat-x top right;
}
/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation a {
  color: #444444;
}
#main .page-navigation a:hover {
  color: #cb5432;
}
/* SIDEBAR ------------------------------------------------------------*/
#sidebar .cat-item a .post-counter,
#sidebar .page_item a .post-counter {
  color: #656360;
}
/* SLIDER ----------------------------------------------------*/.lof-slidecontent .slider-description {
  color: #fff;
}
.lof-slidecontent .slider-description a {
  color: #FFF;
}
.lof-slidecontent .slider-description a.readmore {
  color: #fcb019;
}
.lof-slidecontent .active {
  border-top: 3px #ee202a solid;
}
/* FOOTER ----------------------------------------------------*/footer {
  color: #fff;
}
footer h4 {
  color: #fff;
}
footer a {
  color: #ee202a;
}
footer a:hover {
  color: #fff;
}