/*
	Theme Name: RootHost
	Theme URI: http://www.roothost.uk
	Author: The RootHost team
	Author URI: http://www.roothost.uk
	Author Email: hello@roothost.uk
	Author Twitter: @roothost
	Author Facebook: https://www.facebook.com/roothost
	Author Google+: https://www.google.com/+RoothostCo
	Description: Design | Develop | Deliver
	Version: 1.0
	Licence: NOT for public use, only for use of RootHost Ltd team members for RootHost, and its clients, projects.
	
	1.0 Fonts
	2.0 Body, Typography, Default Anchors and Pseudo Classes
	3.0 Global Structure Overrides
	4.0 Global Header Styling
	5.0 Global Navigation Styling
	6.0 Global Sidebar Styling
	7.0 Global Footer Styling
	8.0 Global Page Styling
		8.1 Breadcrumb Trail
		8.2 Headings and Sub-Headings
		8.3 Paragraphs
		8.4 Links
		8.5 Media
			8.5.1 Responsive Media
			8.5.2 Image Floats
		8.6 Blockquotes
		8.7 Forms
		8.8 Lists
			8.8.1 Comments List	
		8.9 Tables
		8.10 Tabs
        8.11 Global Helpers
	9.0 Page Templates
	10.0 Widgets and Features
		10.1 Social Share Buttons
		10.2 Twitter Widget
		10.3 Cookie Notice
        10.4 Slider Nav
        10.5 Gallery Header
	11.0 MISC
	12.0 Responsive
*/

/* =============================================================================
1.0 Fonts
========================================================================== */

/* =============================================================================
2.0 Body, Typography, Default Anchors and Pseudo Classes
========================================================================== */
body, input, button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
}

body {
	background: #5a5a5a;
	color: #ffffff;
}

/* =============================================================================
3.0 Global Structure Overrides
========================================================================== */
.row, .reveal-modal, dialog {
  max-width: 73.125rem;
}

/* =============================================================================
4.0 Global Header Styling
========================================================================== */
header#global-header div#header-inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

header#global-header div#header-inner div#site-logo {
    padding-right: 5%;
}

ul#header-social-buttons {
  text-align: right;
  margin: 0 0 0.655rem 0;
}

ul#header-social-buttons li {
  list-style-type: none;
  display: inline-block;
  margin-left: 0.455rem;
}

ul#header-social-buttons li a {
  color: #ffffff;
}

ul#header-social-buttons li a i {
  font-size: 1.205rem;
}

/* =============================================================================
5.0 Global Navigation Styling
========================================================================== */
div#primary-nav-wrap {
  padding-left: 0;
}

nav#main-nav {
    float: right;
  width: 100%;
}

nav#main-nav ul#menu-primary-navigation {
    float: right;
    margin: 0;
    position: relative;
  width: 100%;
}

nav#main-nav ul#menu-primary-navigation li {
    list-style-type: none;
    float: right;
    padding: 0 1.5rem;
    border-right: 1px solid #9a9a9a;
    line-height: 1;
}

nav#main-nav ul#menu-primary-navigation li#menu-item-25, nav#main-nav ul#menu-primary-navigation li ul.sub-menu li#menu-item-236 {
    padding-right: 0;
    border-right: none;
}

nav#main-nav ul#menu-primary-navigation li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.855rem;
    line-height: 1;
    float: left;
}

nav#main-nav ul#menu-primary-navigation li.current-menu-item a, nav#main-nav ul#menu-primary-navigation li a:hover, body.parent-pageid-10 nav#main-nav ul#menu-primary-navigation li.has-dropdown > a, body.single-post nav#main-nav ul#menu-primary-navigation li#menu-item-21 > a, body.still-life-work nav#main-nav ul#menu-primary-navigation li ul.sub-menu li#menu-item-203 a, body.corporate-work nav#main-nav ul#menu-primary-navigation li ul.sub-menu li#menu-item-238 a, body.life-work nav#main-nav ul#menu-primary-navigation li ul.sub-menu li#menu-item-237 a, body.industry-work nav#main-nav ul#menu-primary-navigation li ul.sub-menu li#menu-item-239 a, body.personal-work nav#main-nav ul#menu-primary-navigation li ul.sub-menu li#menu-item-236 a {
    color: #ff7800;
}

nav#main-nav ul#menu-primary-navigation li ul.sub-menu {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 1.1rem 0;
    display: none;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    float: right;
}

nav#main-nav ul#menu-primary-navigation li ul.sub-menu li {
  float: right;
  padding: 0 0.755rem;
  margin-bottom: 10px;
}

nav#main-nav ul#menu-primary-navigation li ul.sub-menu li:first-of-type {
  border: none;
  padding-right: 0;
}

nav#main-nav ul#menu-primary-navigation li ul.sub-menu li a {
    color: #ffffff;
  font-size: 0.725rem;
  line-height: 1.5;
}

nav#main-nav ul#menu-primary-navigation li ul.sub-menu li.current-menu-item a, nav#main-nav  ul#menu-primary-navigation li ul.sub-menu li a:hover {
    color: #ff7800;
}

nav#main-nav ul#menu-primary-navigation li:hover ul.sub-menu, body.parent-pageid-10 nav#main-nav ul#menu-primary-navigation li ul.sub-menu, body.work nav#main-nav ul#menu-primary-navigation li ul.sub-menu, body.single-post nav#main-nav ul#menu-primary-navigation li ul.sub-menu {
    display: block;
}

ul#menu-mobile-navigation {
  padding: 1rem;
}

ul#menu-mobile-navigation li {
  list-style-type: none;
}

ul#menu-mobile-navigation li a {
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.055rem;
}

/* =============================================================================
6.0 Global Sidebar Styling
========================================================================== */

/* =============================================================================
7.0 Global Footer Styling
========================================================================== */
footer#global-footer {
	padding: 20px 0px 60px 0px;
}

footer#global-footer div#footer-content {
    border-top: 1px solid #9a9a9a;
    padding-top: 5px;
}

footer#global-footer div#footer-content p {
    color: #999999;
    font-size: 0.7055rem;
    font-weight: 600;
}

footer#global-footer div#footer-content p a {
    color: #999999;
}

footer#global-footer div#footer-content p a:hover {
    color: #ff7800;
}

/* =============================================================================
8.0 Global Page Styling
========================================================================== */
/* 8.1 Breadcrumb Trail */

/* 8.2 Headings and Sub-Headings */
h1, h2, h3, h4, h5, h6 {
    color: #ff7800;
    font-size: 0.955rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* 8.3 Paragraphs */
p {
	font-size: 0.825rem;
}

strong, b {
    font-weight: 600;
}

/* 8.4 Links */
a {
    -webkit-transition: background 500ms ease, color 500ms ease;
    -moz-transition: background 500ms ease, color 500ms ease;
    -o-transition: background 500ms ease, color 500ms ease;
    transition: background 500ms ease, color 500ms ease;
  color: #ff7800;
}

a:hover {
  color: #ff7800;
}

/* 8.5 Media */
div#page-featured-image {
    margin-bottom: 20px;
}

	/* 8.5.1 Responsive Media */
	.entry-content-asset {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.entry-content-asset iframe,
	.entry-content-asset object,
	.entry-content-asset embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* 8.5.2 Image Floats */
	img.alignleft, figure.wp-caption.alignleft {
		float: left;
		margin: 0.455rem 1.1875rem 1.1875rem 0;
	}
	
	img.alignright, figure.wp-caption.alignright {
		float: right;
		margin: 0.455rem 0 1.1875rem 1.1875rem;
	}
	
	/* 8.5.2 Images with Captions */
	figure.wp-caption {
		background-color: #f3f3f3;
		padding: 8px;
	}
	
	figure.wp-caption figcaption.wp-caption-text {
		font-weight: 400;
		font-size: 0.7rem;
		padding-top: 5px;
		color: #424141;
	}

/* 8.6 Blockquotes */

/* 8.7 Forms */
textarea {
	resize: none;
}

/* 8.8 Lists */
aside ul, aside ol {
    margin: 0;
    padding: 0;
}

aside ul li {
    list-style-type: none;
    font-size: 0.825rem;
    padding: 0.155rem 0;
}

aside ul li:before {
    content: "\25A0";
    color: #ff7800;
    padding-right: 10px;
}

aside ul#header-social-buttons li:before {
    content: "";
    color: #ff7800;
    padding-right: 0px;
}

aside ul#header-social-buttons {
  text-align: left;
}

aside ul li p {
    font-size: 0.825rem;
}

ol li ul, ol li ol {
	margin: 1.25rem 0 1.25rem 1.25rem;
}

ol.lower-alpha li {
	list-style-type: lower-alpha;
}

ol.lower-roman li {
	list-style-type: lower-roman;
}

	/* 8.8.1 Comments List	 */
	ol.commentlist {
		margin-left: 0px;
	}
	
	ol.commentlist li {
		list-style-type: none;
	}
	
	ol.commentlist li .comment-author img {
		float: left;
		margin: 0 1em 0 0;
	}
	
	ol.commentlist li .author-meta {
		display: inline-block;
	}
	
	ol.commentlist li .author-meta cite.fn {
		font-style: normal;
		font-weight: 600;
	}
	
	ol.commentlist li header.vcard {
		padding: 0px 0px 0.625rem 0px;
		margin: 0px;
		border: none;
	}
	
	ol.commentlist li section.comment {
		margin-left: 4rem;
		margin-bottom: 2rem;
	}
	
	ol.commentlist ul.children {
		margin-left: 4rem;
	}
	
/* 8.9 Tables */

/* 8.10 Tabs */
.tabs-content > .content {
	padding: 0;
}

/* 8.11 Global Helpers */
.orange {
    color: #ff7800;
}

/* =============================================================================
9.0 Page Templates
========================================================================== */
/* Home */
section#home-slider ul {
    margin: 0;
}

section#home-slider ul li {
    list-style-type: none;
}

span.hidden-work-link {
  position: absolute;
    right: 32px;
    top: 0;
    height: 12px;
    width: 30px;
}

span.hidden-work-link a {
  width: 100%;
    height: 100%;
    display: block;
}

/* About */
aside#testimonials-sidebar ul.slider button {
top: -25px;
}

aside#testimonials-sidebar ul.slider button.slick-prev {
    right: 25px;
}

aside#testimonials-sidebar span.slick-slide {
  margin-bottom: 50px;
  overflow: hidden;
}

aside#testimonials-sidebar ul li {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #9a9a9a;
}

aside#testimonials-sidebar ul li:last-of-type {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
}

aside#testimonials-sidebar ul li:before {
    content: "";
    padding: 0;
}

aside#testimonials-sidebar ul li p {
    margin: 0;
}

aside#testimonials-sidebar ul li p.testimonial-source-name {
    text-transform: uppercase;
    font-weight: 600;
}

aside#testimonials-sidebar ul li p.testimonial-source {
    color: #cccccc;
}

/* Work */
ul#work-cats {
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
    margin: 0;
}
 
ul#work-cats li {
    display: inline-block;
    margin-bottom: 0px;
    margin-bottom: 5px;
    padding: 0;
}

ul#work-cats li figure {
    position: relative;
    margin: 0;
    padding: 0;
 		-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	-webkit-backface-visibility:hidden;
 }

ul#work-cats li figure img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

ul#work-cats li figure figcaption {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    background: rgba(90, 90, 90, 0.7);
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}

ul#work-cats li figure figcaption span {
    position: absolute;
    bottom: 0;
    padding: 10px;
    right: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 0.855rem;
    font-weight: 600;
}

ul#work-cats li a figure figcaption span {
  color: #ffffff;
}

ul#work-cats li:hover figure figcaption {
	opacity: 1;
}

@media only screen and (max-width : 767px),
only screen and (max-device-width : 767px){
    div#main-wrapper ul#work-cats {
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
}

body.single-post article.post {
  position: relative;
  margin-top: 35px;
}

div.single-work-nav {
  position: absolute;
    top: -40px;
    right: -42px;
}

div.single-work-nav i {
  font-size: 1.395rem;
  margin-right: 42px;
  color: #5a5a5a;
}

div.single-work-nav a i {
  color: #ff7800;
}

div.single-work-nav span.hidden-work-link {
    background-image: url(../img/thumb-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    right: 57px;
    top: 5px;
}

body.single-post div#gallery-header {
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: -36px;
}

body.single-post section.entry-content {
  text-align: center;
}

body.single-post section.entry-content img.center {
  width: 65%;
}

/* Clients */

/* Contact */
aside#contact-left-sidebar p {
    margin: 0;
    font-weight: 600;
}

p.contact-page-details {
    text-transform: uppercase;
}

div#map {
  height: 290px;
  width: 100%;
  margin-top: 4px;
}

div#map div.gm-style img {
	max-width: none;
}

body #contact-form .gform_heading, body #contact-form .gform_validation_errors {
    display: none!important;
}

body #contact-form .gfield input, body #contact-form .gfield textarea {
    border: 1px solid #9a9a9a;
    background: transparent;
    color: #ffffff;
}

body #contact-form .gfield legend, body #contact-form .gfield label {
    color: #ff7800;
    font-size: 0.955rem;
    font-weight: 600;
    text-transform: uppercase;
}

body input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9a9a9a!important;
}
body input::-moz-placeholder { /* Firefox 19+ */
  color: #9a9a9a!important;
}
body input:-ms-input-placeholder { /* IE 10+ */
  color: #9a9a9a!important;
}
body input:-moz-placeholder { /* Firefox 18- */
  color: #9a9a9a!important;
}

body #contact-form #gform_submit_button_1 {
    background: #ff7800;
    font-size: 0.955rem;
    font-weight: 600;
    text-transform: uppercase;
}

body #contact-form .gfield_validation_message {
    color: #c70303;
    font-weight: 600;
}

body #contact-form .gform_confirmation_message {
    color: #ff7800;
}

body #contact-form {
    margin-top: 25px;
}

/* Blog */
aside.blog-sidebar h5 {
  color: #ffffff;
  margin-bottom: 5px;
  line-height: 1;
  font-size: 0.875rem;
}

aside.blog-sidebar section.news-sidebar-box {
  margin-bottom: 25px;
}

aside.blog-sidebar section.news-sidebar-box:last-of-type {
  margin-bottom: 0;
}

aside.blog-sidebar section.news-sidebar-box ul {
  margin: 0;
  padding: 0;
}

aside.blog-sidebar section.news-sidebar-box ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

aside.blog-sidebar section.news-sidebar-box ul li:before {
  content: "";
  padding: 0;
}

aside.blog-sidebar section.news-sidebar-box ul li a, section.news-item span.excerpt-read-more a {
  text-transform: uppercase;
  font-weight: 600;
}

section.news-item span.excerpt-read-more a, aside.blog-sidebar section.news-sidebar-box ul li span.excerpt-read-more a {
  font-size: 0.725rem;
}

aside.blog-sidebar section.news-sidebar-box h5 {
  text-transform: none;
}

section.news-item {
  border-top: 1px solid #9a9a9a;
  margin-top: 1.555rem;
  padding-top: 1.555rem;
}

section.news-item:first-of-type {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

section.news-item:last-of-type {
  margin-bottom: 1.755rem;
}

section.news-item img.attachment-full {
  margin-bottom: 10px;
}

section.news-item aside.post-meta p, body.single-news aside.post-meta p {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 0.745rem;
    font-weight: 600;
}

section.news-item p span.news-article-date {
  color: #ff7800;
  font-weight: 600;
}

section.news-item h3 {
  color: #ff7800;
  font-weight: 300;
  font-size: 1.555rem;
  line-height: 1.1055;
  text-transform: none;
}

section.news-item h3 a {
  color: #ff7800;
}

body.single-news section.news-item p:last-of-type {
  margin-bottom: 0;
}


	/* Single Post Navigation */
	nav#single-post-pagination li {
		width: auto;
		max-width: 46%;
		height: auto;
	}

	nav#single-post-pagination li.right {
		text-align: right;
	}
	
	/* Post Tags */
	aside.entry-tags ul {
		margin-left: 0px;
	}

	aside.entry-tags ul li {
		display: inline-block;
		list-style-type: none;
	}

ul.pagination li a:hover {
  color: #ff7800;
}

/* =============================================================================
10.0 Widgets and Features
========================================================================== */
/* 10.1 Social Share Buttons */
ul.social-share {
	margin-left: 0px;
}

ul.social-share li {
	list-style-type: none;
	display: inline-block;
	margin-right: 5px;
}

ul.social-share li i:before {
	font-size: 1.6rem;
}

/* 10.2 Twitter Widget */
section.rh-twitterfeed ul.rh-fetched-tweets {
	margin: 0px;
}

section.rh-twitterfeed ul.rh-fetched-tweets li.rh-tweet {
	list-style-type: none;
}

/* 10.3 Cookie Notice */
div#cookie-law-info-bar {
	border: 0;
	font-size: 0.9rem;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	width: 100%;
	z-index: 9999;
}

div#cookie-law-info-bar {
	color: #ffffff!important;
	background-color: #333333!important;
	border-top-width: 0px!important;
	border-top-style: none!important;
	border-top-color: transparent!important;
}

div#cookie-law-info-bar span {
	vertical-align: middle;
}

div#cookie-law-info-bar span a#cookie_action_close_header {
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-weight: 600!important;
	line-height: normal;
	margin: auto 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
	display: inline-block;
	padding: 8px 14px 9px;
	font-size: 0.88889rem;
	background-color: #008CBA!important;
	border-color: #007095;
	color: #FFFFFF;
	transition: background-color 300ms ease-out;
}

div#cookie-law-info-bar span a#cookie_action_close_header:hover {
	background-color: #007095!important;
}

div#cookie-law-info-bar span a.cli-plugin-main-link, div#cookie-law-info-bar span a.cli-plugin-main-link:hover {
	color: #ffffff!important;
}

/* 10.4 Slider Nav */
ul.slider button {
  background-image: none;
  background: none;
  text-indent: 0px;
  font-size: 0;
  margin: -5px 0px 0px 0px;
  position: absolute;
  padding: 0;
  top: 0;
}

ul.slider button:before {
  font-size: 1.4rem;
  color: #ff7800;
}

ul.slider button.slick-prev:before {
  font-family: FontAwesome;
  content: "\f104";
  vertical-align: middle;
}

ul.slider button.slick-prev {
  right: 55px;
}

ul.slider button.slick-next:before {
  font-family: FontAwesome;
  content: "\f105";
  vertical-align: middle;
}

ul.slider button.slick-next {
  right: 0;
}

/* 10.5 Gallery Header */
ul#gallery {
    background-image: url(../img/thumb-icon.png);
    background-repeat: no-repeat;
    background-position: right 18px top 1px;
}

div#gallery-header {
    margin-bottom: 20px;
    float: right;
    line-height: 1;
}

div#gallery-header p {
    text-align: right;
    color: #cccccc;
    font-size: 0.855rem;
    margin: 0;
    padding-right: 80px;
    line-height: 1;
}

/* =============================================================================
11.0 MISC
========================================================================== */
button:focus {outline:0;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../img/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../img/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../img/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../img/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../img/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* =============================================================================
12.0 Responsive
========================================================================== */
// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
header#global-header div#header-inner div#site-logo {
  padding-left: 4rem;
  padding-right: 4rem;
}
  
aside.blog-sidebar section:first-of-type {
  border-top: 1px solid #9a9a9a;
  padding-top: 1.555rem;
}
  
  aside.blog-sidebar section#sidebar-post-tags {
    margin-bottom: 1.25rem;
  }
  
  body.contact aside#contact-left-sidebar, body.contact main {
    margin-bottom: 1.25rem;
  }

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

ul#work-cats li {
    margin-bottom: 0px;
}
  
nav#main-nav ul#menu-primary-navigation li {
    padding: 0 0.755rem;
}

nav#main-nav ul#menu-primary-navigation li a {
    font-size: 0.805rem;
}  
  
nav#main-nav ul#menu-primary-navigation li ul.sub-menu {
  margin-left: 0;
}
  
nav#main-nav ul#menu-primary-navigation li ul.sub-menu li {
  padding: 0 0.7rem;
}
  
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 0em) and (max-width: 40em) { 
  body.about main, body.about aside#studio-sidebar, body.about aside#testimonials-sidebar {
        width: 100%;
    float: left;
    clear: none;
    left: 0;
  }
  
  body.about aside#testimonials-sidebar {
    margin-top: 50px;
  }
}

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */