/*
Theme Name:ooh-international
Theme URI: http://www.oohinternational.co.uk/
Author: Hive Manchester Ltd
Author URI: http://www.hivemanchester.co.uk
Description: Custom theme for Out of Home International
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:ooh-international
Requires PHP: 7.0
Tested up to: 5.4
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Out of Home International is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #59595e;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top:15px;
	margin-bottom:15px;
}
h1 { font-size:2em; margin-bottom:10px; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.3em; }
h6 { font-size:1.2em; }

p {
	margin-top:15px;
	margin-bottom: 15px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 15px;
}

address {
	margin: 0 0 15px;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.95em;
	margin-top:15px;
	margin-bottom: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.95em;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #e6e7e7; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-top:15px;
	margin-bottom: 15px;
}

ul,
ol {
	margin-top:15px;
	margin-bottom: 15px;
	padding-left:15px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li { margin-top:5px; margin-bottom:5px; }

li > ul,
li > ol {
	margin-bottom: 0;
	margin-top:0px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 15px 15px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	display:block;
}

figure {
	margin: 15px 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin-top:15px;
	margin-bottom: 15px;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type=button], input[type=reset], input[type=submit] {
	border: none;
	border-radius: 0px;
	background: #ffffff;
	color: #59595e;
	font-size: 0.9em;
	line-height: 1;
	padding:5px 10px;
}
.search-form input[type=submit] { background-color:#59595e; color:#ffffff; }

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	border: none;
}

button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
	border: none;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
	color: #59595e;
	border: none;
	border-radius: 0px;
	padding: 5px;
	width:100%;
	margin-bottom:10px;
}
.search-form input[type=search], .search-form input[type=text] { border:1px solid #59595e; }

select {
	border:none;
	width:100%;
	padding:5px;
	margin-bottom:10px;
}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus {
	color: #59595e;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: inherit;
}

a:visited {
	color: inherit;
}

a:hover,
a:focus,
a:active {
	color: inherit;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img { border:none; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	clear:both;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display:table;
	width:100%;
}

.main-navigation li {
	display:table-cell;
	position: relative;
	margin:0;
	text-align:center;
}
.main-navigation li.current_page_item a, .main-navigation li.current_page_parent a, .main-navigation li a:hover { background-color:#2d3647; }
.main-navigation li:first-child { }

.main-navigation a {
	text-decoration: none;
	color:#ffffff;
	padding:0 10px;
	line-height:50px;
	display:block;
}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active, .main-navigation a:visited { color:#ffffff; }

.main-navigation ul ul {
	background-color:rgb(89,89,94); background-color:rgba(89,89,94,0.8);
	position: absolute;
	z-index: 99999;
	display:none;
	width:100%;
	padding:0px 5px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
}

.main-navigation ul ul li {
	float:none;
	border-top:1px solid #ffffff;
	margin-left:0px;
	margin-top:0px;
	padding:5px 2px;
}
.main-navigation ul ul li:first-child { border-top:none; }
.main-navigation li.current_page_item li, .main-navigation li:hover li { font-weight:normal; border-color:#ffffff; }
.main-navigation li.current_page_item li:hover, .main-navigation li.current_page_parent li.current_page_item, .main-navigation li.current_page_parent li:hover, .main-navigation li:hover li:hover { font-weight:bold; }

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display:block;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

.menu-toggle {
	display: none;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.9em;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 15px 0 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Accordion
--------------------------------------------------------------*/
.accordion.title { color:white; background-color:#5f5d5c; font-size:20px; font-weight:bold; line-height:auto; padding:10px 50px 10px 10px; cursor:pointer; position:relative; }
.accordion.title.active { background-color:#564193; }
.accordion.title:after { content:'\02c3'; position:absolute; right:10px; font-weight:normal; }
.accordion.title.active:after { content:'\02c5'; }
.accordion.data { display:none; overflow:hidden; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	clear:both;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery figure { margin-top:0px; margin-bottom:12px; }

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
	float:left; width:225px; margin-right:12px;
}
.gallery-columns-4 .gallery-item:nth-child(4n) { margin-right:0px; }

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: none;
}

/* site header */
.site-header { background-color:rgb(45,54,71); background-color:rgba(45,54,71); position:fixed; width:100%; z-index:15; }



@media all and (max-height:700px) {
	.site-header { position:absolute; }
}



.site-header .container { width:1024px; margin:0 auto; }
.site-header .container-alt { position:absolute; bottom:-50px; right:0; background-color:rgb(100,155,193); background:linear-gradient(to right, rgba(99,154,193,.9), rgba(194,73,119,.9)); width:100%; height:50px; }

.site-branding { display:inline-block; margin-top:15px; margin-bottom:15px; width:50%; vertical-align:middle; }
.site-branding .custom-logo-link { width:100%; max-width:333px; }

.site-phone { display:inline-block; vertical-align:middle; padding:5px; width:50%; text-align:right; }
.site-phone a { color:#ffffff; font-weight:bold; text-decoration:none; display:block; font-size:2em; }
.site-phone a:hover, .site-phone a:focus, .site-phone a:active, .site-phone a:visited { color:#ffffff; }
.site-phone .icon { width:26px; display:inline-block; margin-right:8px; vertical-align:bottom; }
.site-phone .phone-number { vertical-align:bottom; }

.header-images { position:relative; padding-bottom:50%; overflow:hidden; }
#site-header-video { position:absolute; width:100%; height:100%; }
#site-header-video video { position:absolute; width:100%; top:50%; left:0px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); height:100%; }
@supports(object-fit:cover) {
	#site-header-video, #site-header-video video { height:100%; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; object-fit:cover; }
}
.header-images img { position:absolute; width:100%; }
.header-images img.hide { display:none; }
.header-images .arrow { background:url('images/arrow.png') 0 0 no-repeat transparent; height:34px; width:50px; position:absolute; left:50%; -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform :translateX(-50%); bottom:30px; }

/* site footer */
.site-footer { background-color:#2d3647; font-size:0.9em; padding-bottom:15px; }
.site-footer .container { width:1000px; margin:0 auto; }

.site-footer .site-branding { margin-top:15px; margin-bottom:0; }
.site-footer .custom-logo-link { width:200px; }

.site-footer .social-icons { float:right; margin-top:15px; text-align:right; min-width:400px; }
.site-footer .social-icons a { width:27px; height:27px; display:inline-block; vertical-align:bottom; background:url('images/social-icons.png') 0 0 no-repeat transparent; margin-left:3px; }
.site-footer .social-icons a.fb { background-position:0 0; }
.site-footer .social-icons a.tw { background-position:-27px 0; }
.site-footer .social-icons a.gg { background-position:-54px 0; }
.site-footer .social-icons a.yt { background-position:-81px 0; }
.site-footer .social-icons a.pi { background-position:-108px 0; }
.site-footer .social-icons a.in { background-position:-135px 0; }

.site-address { float:right; text-align:right; color:#ffffff; margin-top:15px; }
.site-address p { margin-top:0px; margin-bottom:0px; }
.bold { font-weight:bold; }

.site-info { clear:both; }
.site-info p { margin-top:0px; margin-bottom:0px; float:left; color:#ffffff; }
.base-navigation { float:right; }
.base-navigation ul { margin-top:0px; margin-bottom:0px; padding-left:0px; list-style:none; text-align:right; }
.base-navigation li { float:left; margin-left:12px; margin-top:0px; margin-bottom:0px; }
.base-navigation a { color:#ffffff; text-decoration:none; }
.base-navigation a:hover, .base-navigation a:focus, .base-navigation a:active, .base-navigation a:visited { color:#ffffff; }

/* sidebar */
.widget_text { background-color:#59595e; padding:5px 0; color:#ffffff; }
.widget_text:first-child { background-color:#2d3647; }
.widget_text a { color:#ffffff; }
.widget_text a.call { font-weight:bold; text-decoration:none; font-size:1.8em; }
.widget_text a:hover, .widget_text a:focus, .widget_text a:active, .widget_text a:visited { color:#ffffff; }

/* contact form */
span.wpcf7-list-item { margin-left:0px; font-size:0.9em; margin-bottom:10px; margin-top:5px; }
span.wpcf7-list-item input[type=checkbox] { border:none; margin-right:5px; }

.widget h2 { text-align:center; }
.widget .contact-form { margin:0; width:100%; }
.widget .contact-form p { margin-bottom:0; }
.widget .contact-form p:after { content:""; display:table; clear:both; }
.widget .contact-form p .wpcf7-form-control-wrap { float:left; width:49%; margin-right:2%; }
.widget .contact-form p .wpcf7-form-control-wrap.location,
	.widget .contact-form p .wpcf7-form-control-wrap.email,
	.widget .contact-form p .wpcf7-form-control-wrap.company { margin-right:0; }
.widget .contact-form p .wpcf7-form-control-wrap.accept,
	.widget .contact-form p .wpcf7-form-control.wpcf7-submit { display:block; float:none; clear:both; width:auto; }
.widget .contact-form p br { display:none; }
.widget .contact-form .wpcf7-response-output { width:auto; position:static; bottom:0; right:330px; margin:15px 0 0; }
.widget .contact-form .wpcf7-validation-errors { border:1px solid red; background-color:transparent; color:red; }
.widget .contact-form .wpcf7-mail-sent-ok { border:1px solid green; background-color:transparent; color:green; }


/* quicklinks */
.quicklinks { width:936px; margin:20px auto; position:relative; }
.quicklinks .prev, .quicklinks .next { position:absolute; top:0; bottom:0; margin:auto 0; width:40px; height:40px; line-height:40px; text-align:center; background-color:#23282d; color:white; font-weight:bold; cursor:pointer; }
.quicklinks .prev:hover, .quicklinks .next:hover { background-color:#564193; }
.quicklinks .prev { left:-45px; }
.quicklinks .next { right:-45px; }
.quicklinkblock { width:100%; overflow:hidden; }
.quicklinkblock_conveyor { width:10000px; }
.quicklink { display:block; float:left; margin-left:12px; position:relative; color:#ffffff; text-decoration:none; }
.quicklink:hover, .quicklink:focus, .quicklink:active, .quicklink:visited { color:#ffffff; }
.quicklink:first-child { margin-left:0px; }
.quicklink img { display:block; width:225px; max-width:100%; }
.quicklink span.txt { position:absolute; bottom:0; font-weight:bold; font-size:2em; color:white; background-color:rgb(45,54,71); background-color:rgba(45,54,71,0.8); width:100%; min-height:120px; }
.quicklink:hover span.txt { background-color:rgb(254,52,103); background-color:rgba(254,52,103,0.8); }
.quicklink span.quicklink-title { position:absolute; bottom:0; padding:10px; }
.quicklink span.quicklink-title .more { font-size:0.6em; }


/* content */
#main { width:1000px; margin:0 auto; padding:15px 30px; background-color:#ffffff; position:relative; }
#main .sub-links { position:absolute; bottom:100%; left:0; margin-bottom:5px; width:100%; border-radius:15px; background-color:rgb(45,54,71); background-color:rgba(45,54,71,0.8); display:block; padding:25px 0; text-align:center; }
#main .sub-links .sub-link { display:inline-block; padding:0 2%; margin:0; color:white; text-decoration:none; width:25%; text-align:left; }
#main .sub-links .sub-link:hover { color:#777777; }
#main .sub-links .sub-link .icon { display:inline-block; width:25%; max-width:54px; vertical-align:middle; margin-right:5%; }
#main .sub-links .sub-link:hover .icon { display:none; }
#main .sub-links .sub-link .icon-on { display:none; width:25%; max-width:54px; vertical-align:middle; margin-right:5%; }
#main .sub-links .sub-link:hover .icon-on { display:inline-block; }
#main .sub-links .sub-link .text { display:inline-block; width:70%; vertical-align:middle; }
#main .sub-links .sub-link .text:after { content:' ▸'; }
#main .sub-links .sub-link .text .title { font-size:1.8em; }
.entry-header h1, .page-header h1 { text-align:center; }
.entry-footer { margin-bottom:15px; }
.clear { clear:both; }
.hide { display:none; }

/* standard page */
.entry-content { text-align:center; }

/* secondary info */
#secondary, #secondary-2 { width:100%; background-color:#2d3647; }
#secondary .widget-area, #secondary-2 .widget-area { width:100%; max-width:1000px; margin:0 auto; }

/* clients page */
.page-template-clients-page ul#client_cats { list-style-type:none; margin:0; padding:0; font-size:0.9em; }
.page-template-clients-page ul#client_cats li { float:left; width:32%; margin:0 2% 5px 0; padding:5px; background-color:#1d2739; color:white; text-align:center; cursor:pointer; }
.page-template-clients-page ul#client_cats li:nth-child(3n) { margin-right:0; }
.page-template-clients-page ul#client_cats li.active { background-color:#cb4f72; }
.page-template-clients-page #client_clients {  }
.page-template-clients-page #client_clients div { width:25%; margin:0; float:left; background-color:#d1d2d4; }
.page-template-clients-page #client_clients div img { display:block; width:100%; border:0 none; }

/* contact page */
body.page-id-236 .entry-content { float:left; width:520px; text-align:left; }
#secondary { float:right; width:390px; background-color:transparent; }
#secondary section.widget_text { padding:15px 20px 10px; }
#secondary .widget-title { margin-top:0; }

/* operators page */
.page-template-operators-page .entry-content a { font-weight:bold; color:#564193; }

/* home page */
.home #primary { background-color:#ffffff; }
.home #main { width:936px; background-color:transparent; }
.home .entry-content { width:100%; float:none; }
.home .entry-content h1 { font-weight:normal; }
.home .entry-content h2 { font-weight:normal; }
.home .entry-content h2 strong {  }

.statistics { background:linear-gradient(to right, rgba(99,154,193), rgba(255,51,102)); }
.statistics .container { width:936px; margin:0 auto; padding-top:25px; padding-bottom:25px; text-align:center; }
.statistics .block { width:285px; height:126px; display:inline-block; border-left:1px solid #59595e; padding-left:18px; margin-left:18px; position:relative; box-sizing:content-box; }
.statistics .block:first-child { border-left:none; padding-left:0px; margin-left:0px; }
.statistics img { display:block; position:absolute; }
.statistics img.hide { display:none; }

.further-content { background-color:#ffffff; }
.further-content .container { width:936px; margin:0 auto; padding:15px 30px; }

.home-contact { width:100%; max-width:1024px; margin:0 auto; position:absolute; top:160px; left:0; right:0; }
.home-contact .contact-form { width:300px; background: linear-gradient(to right, #659abc, #9980a8); color:white; padding:15px; margin:0 30px 0 auto; }
.home-contact .contact-form h2 { margin-top:0px; text-align:center; }
.home-contact .contact-form p { margin-top:0px; margin-bottom:0px; }
.home-contact .contact-form span.wpcf7-list-item { margin-bottom:12px; }
.home-contact .contact-form form span.location,
	.home-contact .contact-form form span.email,
	.home-contact .contact-form form span.company { margin-right:0px; }
.home-contact .contact-form form span span { float:none; width:auto; margin-right:0px; }
.home-contact .contact-form input[type=submit] { background-color:#ffffff; color:#020202; padding:7px 10px; }
.home-contact .contact-form div.wpcf7 .ajax-loader { display:none; }
.home-contact .contact-form div.wpcf7-response-output { clear:both; }
.home-contact .contact-form .wpcf7-form-control.wpcf7-not-valid { border:1px solid red; color:red; }
.home-contact .contact-form .wpcf7-form-control.wpcf7-not-valid.wpcf7-checkbox { padding:5px; }
.home-contact .contact-form span.wpcf7-not-valid-tip { display:none; }
.home-contact .contact-form .wpcf7-response-output { width:200px; position:absolute; bottom:0; right:330px; margin:0; }
.home-contact .contact-form .wpcf7-validation-errors { border:0 none; background-color:red; color:white; }
.home-contact .contact-form .wpcf7-mail-sent-ok { border:0 none; background-color:green; color:white; }

.home .news-header { text-align:center; width:936px; margin:15px auto; }
.home .news-articles { width:936px; margin:0 auto; margin-bottom:8px; margin-top:0px; }

/* news */
.news-articles { margin-top:15px; }
.news-articles article { width:304px; height:360px; float:left; margin-right:14px; background-color:#e6e7e7; overflow:hidden; margin-bottom:14px; color:#59595e; padding-bottom:15px; position:relative; }
.home .news-articles article { margin-right:12px; background-color:#ffffff; margin-bottom:12px; }
.news-articles article:nth-child(3n), .home .news-articles article:nth-child(3n) { margin-right:0px; }
.news-articles article:first-child, .news-articles article:nth-child(5) { background-color:#4eb6cf; color:#ffffff; }
.news-articles article:nth-child(2), .news-articles article:nth-child(6) { background-color:#2d3647; color:#ffffff; }
.news-articles article a { color:#59595e; text-decoration:none; }
.news-articles article a:hover, .news-articles article a:focus, .news-articles article a:active, .news-articles article a:visited { color:#59595e; }
.news-articles article:first-child a, .news-articles article:nth-child(5) a, .news-articles article:nth-child(2) a, .news-articles article:nth-child(6) a { color:#ffffff; }
.news-articles article:first-child a:hover, .news-articles article:first-child a:focus, .news-articles article:first-child a:active, .news-articles article:first-child a:visited, .news-articles article:nth-child(5) a:hover, .news-articles article:nth-child(5) a:focus, .news-articles article:nth-child(5) a:active, .news-articles article:nth-child(5) a:visited, .news-articles article:nth-child(2) a:hover, .news-articles article:nth-child(2) a:focus, .news-articles article:nth-child(2) a:active, .news-articles article:nth-child(2) a:visited, .news-articles article:nth-child(6) a:hover, .news-articles article:nth-child(6) a:focus, .news-articles article:nth-child(6) a:active, .news-articles article:nth-child(6) a:visited { color:#ffffff; }
.article-content-half { padding:0 15px; height:126px; overflow:hidden; }
.article-content-full { padding:0 15px; height:315px; overflow:hidden; }
.news-articles article h2 { font-size:1.1em; }
/* .news-articles article p { font-size:0.8em; } */
.news-articles .read-more { display:block; font-size:0.9em; font-weight:bold; position:absolute; bottom:15px; right:15px; }
.back-button { text-align:right; display:block; margin-top:15px; margin-bottom:15px; text-decoration:none; }

/* paging */
.paging { text-align:right; margin-top:1px; margin-bottom:15px; }
.paging div { display:inline-block; }
.null-paging { color:#BBBDBF; }
.paging a { color:#929497; text-decoration:none; }
.paging a:hover, .paging a:focus, .paging a:active, .paging a:visited { color:#929497; }

/* lightbox */
.lightbox { position:fixed; top:0px; left:0px; z-index:200; width:100%; height:100%; background-color:rgb(34,30,31); background-color:rgba(34,30,31,0.4); }
.gallery-container { width:950px; padding:30px; margin:0 auto; background-color:#ffffff; position:absolute; z-index:210; top:100px; left:50%; -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform :translateX(-50%); }
.image-container { position:relative; padding-bottom:55.79%; height:0px; width:100%; overflow:hidden; }
.image-wrapper { position:absolute; top:0px; left:950px; width:100%; height:100%; z-index:-1; }
.image-wrapper.current { z-index:12; left:0px; }
.image-wrapper img { display:block; margin:auto; max-height:100%; }
.gallery-container p.loading { margin-top:0px; margin-bottom:0px; }
.gallery-container p.caption { margin-top:15px; margin-bottom:0px; float:left; max-width:50%; }
.gallery-container .close { background:url('images/sprite.png') -31px 0 no-repeat transparent; height:10px; width:10px; position:absolute; top:10px; right:10px; }
.gallery-container .buttons { float:right; max-width:50%; margin-top:15px; }
.gallery-container .buttons div { display:inline-block; }
.close:hover, .previous:hover, .next:hover { cursor:pointer; }

/* contact */
.map { display:inline-block; margin-top:15px; margin-bottom:15px; }

/* locations */
body.page-template-locations-page div.uk-map { width:45%; max-width:400px; position:relative; }
body.page-template-locations-page div.uk-map img { width:100%; }
body.page-template-locations-page div.uk-map .icons img { position:absolute; background:url('images/magnify.png') top no-repeat transparent; background-size:cover; width:5%; max-width:20px; }
body.page-template-locations-page div.uk-map .icons img.active { background-position:bottom; }
body.page-template-locations-page div.uk-map .icons img.scotland_main_cities { top:23%; left:41.5%; }
body.page-template-locations-page div.uk-map .icons img.northwest_main_cities { top:55.5%; left:54%; }
body.page-template-locations-page div.uk-map .icons img.northeast_main_cities { top:49%; left:64%; }
body.page-template-locations-page div.uk-map .icons img.wales_main_cities { top:70.5%; left:43%; }
body.page-template-locations-page div.uk-map .icons img.midlands_main_cities { top:65%; left:64%; }
body.page-template-locations-page div.uk-map .icons img.eastern_main_cities { top:70%; left:84%; }
body.page-template-locations-page div.uk-map .icons img.southwest_main_cities { top:82%; left:53%; }
body.page-template-locations-page div.uk-map .icons img.southern_main_cities { top:76%; left:68%; }
body.page-template-locations-page div.uk-map .icons img.southeast_main_cities { top:80.5%; left:79%; }
body.page-template-locations-page div.uk-map .icons img.northernireland_main_cities { top:43%; left:15%; }
body.page-template-locations-page div.nope { display:none; }
body.page-template-locations-page ul.locations { list-style-type:none; margin:0; padding:0; overflow:auto; }
body.page-template-locations-page ul.locations li { margin:0 1% 2% 0; padding:0; display:inline-block; vertical-align:top; width:30%; text-align:center; }
body.page-template-locations-page ul.locations li a { display:block; padding:5px 0; font-size:0.9em; text-decoration:none; color:white; }
body.page-template-locations-page ul.locations li a.scotland_main_cities { background-color:#cb4f72; }
body.page-template-locations-page ul.locations li a.northwest_main_cities { background-color:#1d2739; }
body.page-template-locations-page ul.locations li a.northeast_main_cities { background-color:#4290ba; }
body.page-template-locations-page ul.locations li a.wales_main_cities { background-color:#4290ba; }
body.page-template-locations-page ul.locations li a.midlands_main_cities { background-color:#cb4f72; }
body.page-template-locations-page ul.locations li a.eastern_main_cities { background-color:#1d2739; }
body.page-template-locations-page ul.locations li a.southwest_main_cities { background-color:#1d2739; }
body.page-template-locations-page ul.locations li a.southern_main_cities { background-color:#4290ba; }
body.page-template-locations-page ul.locations li a.southeast_main_cities { background-color:#cb4f72; }
body.page-template-locations-page ul.locations li a.northernireland_main_cities { background-color:#1d2739; }
body.page-template-locations-page div.nope strong { display:block; }





/* responsive design */
@media all and (max-width:1080px) {
	/* site header */
	.site-header .container { width:100%; padding:0 15px; }

	#secondary .widget-area, #secondary-2 .widget-area { max-width:1040px; padding:0 20px; }

	body.page-id-236 .entry-content { float:none; width:auto; }
	#secondary { float:none; width:100%; }
	#secondary .widget-area { padding:0; }

	.home-contact { position:relative; top:auto; left:auto; right:auto; max-width:none; }
	.home-contact .contact-form { margin:0; width:100%; }
	.home-contact .contact-form p:after { content:""; display:table; clear:both; }
	.home-contact .contact-form p .wpcf7-form-control-wrap { float:left; width:49%; margin-right:2%; }
	.home-contact .contact-form p .wpcf7-form-control-wrap:nth-child(even) { margin-right:0; }
	.home-contact .contact-form p .wpcf7-form-control-wrap.location,
	.home-contact .contact-form p .wpcf7-form-control-wrap.email,
	.home-contact .contact-form p .wpcf7-form-control-wrap.company { float:left; }
	.home-contact .contact-form p .wpcf7-form-control-wrap.accept,
	.home-contact .contact-form p .wpcf7-form-control.wpcf7-submit { display:block; float:none; clear:both; width:auto; }
	.home-contact .contact-form p br { display:none; }
	.home-contact .contact-form .wpcf7-response-output { width:auto; position:static; bottom:0; right:330px; margin:15px 0 0; }
	.home-contact .contact-form .wpcf7-validation-errors { border:1px solid red; background-color:transparent; color:red; }
	.home-contact .contact-form .wpcf7-mail-sent-ok { border:1px solid green; background-color:transparent; color:green; }

	.site-phone { margin-top:36px; }
	.site-phone a { font-size:1.0em; }
	.site-phone .icon { width:20px; margin-right:5px; vertical-align:baseline; }

	/* navigation */
	.site-header .container-alt { bottom:auto; top:0; background:transparent; width:auto; }
	.menu-toggle, .main-navigation.toggled ul { display:block; }
	.main-navigation { clear:both; float:none; position:absolute; right:30px; border-top:none; }
	.menu-toggle { padding:8px 13px; background-color:#ffffff; float:right; width:100px; text-align:center; }
	.menu-toggle:after { content:''; display:inline-block; background:url('images/sprite.png') -53px 0 no-repeat transparent; height:20px; width:20px; margin-left:8px; vertical-align:middle; }
	.main-navigation ul { clear:both; background-color:rgb(89,89,94); width:185px; padding:0px; display:none; }
	.main-navigation li { float:none; display:block; border-top:0 none; border-bottom:0 none; margin-top:0px; margin-bottom:0px; margin-left:0px; }
	.main-navigation li a { padding:5px 12px; display:block; }
	.main-navigation ul ul { background-color:rgb(89,89,94); padding:0px 12px; position:relative; }
	.main-navigation ul ul li { padding:0px; border-top:none; }
	.heading-only a, .heading-only a:hover, .heading-only a:focus, .heading-only a:active, .heading-only a:visited { color:#B5B5B5; }
	.heading-only ul a, .heading-only ul a:hover, .heading-only ul a:focus, .heading-only ul a:active, .heading-only ul a:visited { color:#ffffff; }

	/* site footer */
	.site-footer .container { width:100%; padding:0 30px; }

	/* quicklinks */
	body.home .quicklinks { padding:0 30px; }
	.quicklinks { width:100%; text-align:center; }
	.quicklinkblock_conveyor { width:auto; }
	.quicklinks .prev { display:none; }
	.quicklinks .next { display:none; }
	.quicklink { float:none; display:inline-block; margin-left:1.5%; width:23.875%; max-width:225px; text-align:left; }
	.quicklinkblock { display:block; margin-top:10px; }
	.quicklink.noop { display:none; }
	.quicklink span.txt { font-size:2.5vw; }

}

@media all and (max-width:1000px) {
	/* site header */
.site-header { position:relative; top:0; left:0; }


	/* content */
	#main { width:100%; margin-top:0px;}

	/* home page */
	.home #main { width:100%; }
	.further-content .container { width:100%; }

	.statistics .container { width:100%; padding:10px 0px; }
	.statistics .block { display:block; border-left:none; padding-left:0px; margin-left:0px; margin:15px auto; width:601px; }
	.statistics .block:first-child { margin:15px auto; }
	.statistics img { display:inline-block; position:relative; }
	.statistics img:nth-child(2) { border-left:1px solid #59595e; padding-left:15px; margin-left:15px; }

	.home .news-header { width:100%; padding:0 30px; }
	.home .news-articles { width:100%; padding:0 30px; }

	/* standard page */
	.page-template-default .entry-content { width:100%; float:none; }

	/* subnav page */
	.page-template-subnav-page .entry-content { width:100%; float:none; }

	/* operators page */
	.page-template-operators-page .entry-content { width:100%; float:none; }

	/* gallery page */
	.gallery-content .entry-content { width:100%; float:none; }
	.gallery-content-display { text-align:center; }
	.gallery-columns-4 .gallery-item { float:none; display:inline-block; margin-right:1.5%; width:23.875%; max-width:225px; }

	/* lightbox */
	.gallery-container { width:90%; padding:25px; }
	.gallery-container p.caption { margin-top:5px; }
	.gallery-container .buttons { margin-top:5px; }

	/* news */
	.news-articles article { margin-right:1.5%; width:32.333%; max-width:304px; }
	.home .news-articles article { margin-right:1.5%; }
	.article-content-half { height:auto; max-height:215px; }
	.article-content-full { height:auto; max-height:320px; }
}

@media all and (max-width:900px) {

/* site footer */
.site-footer .site-branding { display:none; }
.site-footer .social-icons { float:none; text-align:center; margin-bottom:15px; min-width:0; }
.site-address { float:none; text-align:center; margin-bottom:15px; }
.site-info p { float:none; text-align:center; }
.base-navigation { float:none; }
.base-navigation ul { text-align:center; margin-bottom:5px; }
.base-navigation li { float:none; display:inline-block; margin-left:6px; margin-right:6px; }

#site-header-video { display:none; }

}

@media all and (max-width:750px) {
	/* site header */
	.site-phone { }

	.header-images .arrow { bottom:15px; }

	/* contact form */
	.header-contact { padding:0 15px; }

	/* navigation */
	.main-navigation { right:15px; }

	/* quicklinks */
	.quicklinks { padding:0 15px; }

	#main, .further-content .container { padding:15px; }

	a#scroll-to-top { right:15px; bottom:15px; }

	/* locations */
	body.page-template-locations-page ul.locations li { width:47%; float:left; }
	body.page-template-locations-page ul.locations li:nth-child(odd) {float:right; }

	#main .sub-links { padding:5px; }
	#main .sub-links .sub-link { padding:0; white-space:nowrap; text-align:center; }
	#main .sub-links .sub-link .icon, #main .sub-links .sub-link:hover .icon-on { display:none; }
	#main .sub-links .sub-link .text { font-size:0.8em; }
	#main .sub-links .sub-link .text::after { content:''; }

}

@media all and (max-width:700px) {
	/* quicklinks */
	.quicklinks { margin-bottom:10px; }
	.quicklink { margin-bottom:10px; margin-left:0px; width:49%; margin-right:2%; }
	.quicklink:nth-child(2n) { margin-right:0px; }
	.quicklinkblock { margin-top:0; }
	.quicklink span.txt { font-size:3.5vw; }
}

@media all and (max-width:650px) {

	/* gallery page */
	.gallery-columns-4 .gallery-item { width:32.333%; }
	.gallery-columns-4 .gallery-item:nth-child(4n) { margin-right:1.5%; }
	.gallery-columns-4 .gallery-item:nth-child(3n) { margin-right:0px; }

	/* lightbox */
	.gallery-container { width:92%; padding:5px; }
	.gallery-container .close { box-sizing:content-box; border:5px solid #ffffff; background-color:#ffffff; top:5px; right:5px; z-index:300; }

	/* news */
	.news-articles article, .home .news-articles article { width:49%; margin-right:2%; }
	.news-articles article:nth-child(3n), .home .news-articles article:nth-child(3n) { margin-right:2%; }
	.news-articles article:nth-child(2n), .home .news-articles article:nth-child(2n) { margin-right:0px; }

	/* home page */
	.statistics .container { padding-top:25px; }
	.statistics .block { width:285px; margin-top:0px; }
	.statistics .block:first-child { margin-top:0px; }
	.statistics img { display:block; position:absolute; }
	.statistics img:nth-child(2) { border-left:none; padding-left:0px; margin-left:0px; }

	.home-contact .contact-form { width:100%; padding-left:15px; padding-right:15px; }
	.home-contact .contact-form form span { width:100%; float:none; margin-right:0px; }
	.home-contact .contact-form form br { display:block; }

		/* locations */
		body.page-template-locations-page div.uk-map { display:none; }
}

	@media all and (max-width:500px) {
	/* site header SC Edit */
	.site-branding { width:auto; padding-right:70px; }
	.site-phone { margin:-15px 10px 10px -43px; }
	.site-phone a {max-width: 95%;font-size:1.4em;}
	.site-phone .icon {display:none;}
	.menu-toggle { padding:10.5px 13px; width:auto; }
	.menu-toggle .txt { display:none; }
	.menu-toggle::after { margin-left:0; }
	/* news */
	.news-articles { text-align:center; }
	.news-articles article, .home .news-articles article { width:100%; margin-right:0px; height:auto; padding-bottom:30px; text-align:left; float:none; display:inline-block; }
	.news-articles article:nth-child(3n), .home .news-articles article:nth-child(3n) { margin-right:0px; }
	.article-content-half { max-height:none; }
	.article-content-full { max-height:none; }

	/* quicklinks */
	.quicklinks { margin-bottom:15px; }
	.quicklink { margin-bottom:5px; }

	.widget .contact-form p .wpcf7-form-control-wrap,
		.home-contact .contact-form p .wpcf7-form-control-wrap { float:none; width:100%; margin-right:0; }

	/* clients page */
	.page-template-clients-page ul#client_cats li { width:49%; }
	.page-template-clients-page ul#client_cats li:nth-child(3n) { margin-right:2%; }
	.page-template-clients-page ul#client_cats li:nth-child(2n) { margin-right:0; }
}

@media all and (max-width:400px) {
	/* header */
	.header-images .arrow { display:none; }
	#main .sub-links .sub-link .text .title { font-size:1.3em; }
	#main .sub-links .sub-link .text .subtitle { display:none; }

}

#grad1 {
    height: 5px;
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, rgba(99,154,193), rgba(255,51,102)); /* Standard syntax (must be last) */
}