/*
Theme Name: Global Displays
Theme URI: https://staging.worldwideprojects.co.uk/
Author: Sleep. Create. Repeat.
Author URI: http://www.sleepcreaterepeat.co.uk
Description: Bespoke theme for Global Displays
Version: 1.0.0
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, 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.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

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


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

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

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/* REMOVE BOOTSTRAP ROUNDED CORNERS */

code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
    border-radius:0 !important;
}

/* ANIMATION */

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/* BOOTSTRAP 5 COLUMNS */

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	} 
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}

/* COLOURS */

.orange {
	color: var(--wpe-yellow);
}

:root {
	--wpe-blue: #193C6C;
	--wpe-yellow: #F9B526;
	--yellow-dark: #cd8b00;
}


/* TYPOGRAPHY */

body {
	font-family: urw-din,sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 18px;
	background: #ededed;
	color: var(--wpe-blue);
	background-size: cover;
}

h1, h2, h3 {	
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}

h1 {
	margin-top: 0;
	margin-bottom: 1.2em;
	margin-left: -20px;
	line-height: 1;
	border-left: 4px solid var(--wpe-yellow);
	padding-left: 16px;
}

h2 {
	font-size: 24px;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}

h2:first-child {
	margin-top: 0;
}

p {
	line-height: 1.5;
}

p.lead {
	color: var(--yellow-dark);
	font-weight: 700;
	font-size: 115%;
}

strong {
	font-weight: 700;
}

mark {
	background-color: aqua;
	font-weight: bold;
}

@media only screen and (min-width : 768px) {
	
	body {

	}

}

/* BUTTONS */

.btn-default {
	border: none;
	font-size: 110%;
	line-height: 1;
	text-transform: uppercase;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd8b00+0,f9b526+100 */
	background: rgb(205,139,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(205,139,0,1) 0%, rgba(249,181,38,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(205,139,0,1) 0%,rgba(249,181,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(205,139,0,1) 0%,rgba(249,181,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd8b00', endColorstr='#f9b526',GradientType=0 ); /* IE6-9 */
	color: var(--wpe-blue) !important;
	padding: 0.33em 0.66em;
}

.btn-default:hover {
	box-shadow: 3px 3px 6px rgba(0,0,0,0.33);
}

.btn-default:active {
	background: #808080;
}

.btn-default .lowerCase {
	text-transform: lowercase;
}

.btn-lg {
	font-size: 140%;
	line-height: 1 !important;
}

.btn span.minor {
	display: block;
	font-size: 66%;
	color: #fff!important;
}

.buttonList li {
	margin-bottom: 10px;
}

.buttonList li:last-child {
	margin-bottom: 0;
}

.buttonList .btn-default {
	width: 100%;
	text-align: left;
}

/* MODALS */
	
.modal {
  text-align: center;
  padding: 0!important;
  background: rgba(0,0,0,0.66);
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content {
  background: #fff;
  border: transparent;
}

.modal-content > div {
	padding: 30px;
}

.modal-header {
	background: var(--wpe-blue);
	color: var(--wpe-yellow);
	font-size: 120%;
	text-transform: uppercase;
	font-weight: 700;
}

.modal button.close {
	color: rgba(255, 255, 255, 0.5) !important;
	text-shadow: none;
	opacity: 1;
	font-size: 120%;
}

label {
	font-size: 16px;
}

.modal input[type="submit"] {
	margin-top: 20px !important;
	display: inline-block;
}

span.wpcf7-not-valid-tip {
	margin-top: 10px !important;
	font-size: 16px !important;
	display: inline-block !important;
}

/* CONTENT */

.main-content::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 400px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,cccccc+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(204,204,204,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(204,204,204,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00cccccc',GradientType=0 ); /* IE6-9 */
	z-index: -300;	
}

/* LISTS */

.main-content-inner ul:not([class]) {
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-type: none;
	padding-left: 30px;
}

.main-content-inner ul:not([class]) li {
	margin-bottom: 0.33em;	
}

.main-content-inner ul:not([class]) li:before {
	content: '\f111';
    font: var(--fa-font-solid);
	font-weight: 900;  
	float: left;
	margin-left: -30px;
}

.main-content-inner ol:not([class]) {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
    padding-left: 0;
}

.main-content-inner ol:not([class]) li {
	margin-bottom: 0.33em;	
    counter-increment: step-counter;
    padding-left: 30px;
    position: relative;
}

.main-content-inner ol:not([class]) li::before {
    content: counter(step-counter);
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.bigList {
	margin-top: 40px;
}

.bigList h2 {
	margin: 0;
	padding: 10px 0;
}

.bigList .inner {
	border-bottom: 4px solid var(--wpe-yellow);
}

.bigList li {
	margin-bottom: 40px;
}

.bigList li:hover h2:after {
	content: '\00A0\f105';
    font: var(--fa-font-solid);
	font-weight: 900;  
}

.bigList .imgHolder {
}

.bigList .imgHolder img {
}

.bigList a:link,
.bigList a:visited {
	color: var(--wpe-blue);
}

.bigList a:hover {
	color: var(--wpe-yellow);	
}

/* LINKS */

a {
	text-decoration: none !important;
	outline: none;
	border: none;
	transition: all 0.5s ease;
}

a:link,
a:visited {
	color: var(--wpe-yellow);
}

.main-content a:link,
.main-content a:visited {
	color: var(--yellow-dark);
}

/* IMAGES */
	
.imgHolder {
	position: relative;
	overflow: hidden;
}

.imgHolder img {
	transition: all 0.5s ease;
}

.imgHolder:hover img {
	transform: scale(1.2);
}

#footerSite {
	margin-top: -10px;
}

#footerSite img {
	width: 100%;
}

@media only screen and (min-width : 768px) {

	#footerSite {
		margin-top: -50px;
	}

}

@media only screen and (min-width : 992px) {

	#footerSite {
		margin-top: -80px;
	}

}

@media only screen and (min-width : 1200px) {

	#footerSite {
		margin-top: -120px;
	}

}

@media only screen and (min-width : 1440px) {

	#footerSite {
		margin-top: -200px;
	}

}

@media only screen and (min-width : 1600px) {

	#footerSite {
		margin-top: -280px;
	}

}

/* MASTHEAD */

#masthead {
	background: var(--wpe-blue);
	color: #fff;
	padding-top: 30px;
	padding-bottom:30px;
}

#masthead .container {
	padding-bottom: 0;
}

#masthead .row .row {
	display: flex;
	align-items: center;
}

.mastheadContacts {
	font-size: 8vw;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 20px;
}

.mastheadContacts .email {
	font-size: 5vw;
}

@media only screen and (min-width : 768px) {

	.mastheadContacts,
	.mastheadContacts .email {
		font-size: 14px;
		color: var(--wpe-yellow);
	}
	
	.mastheadContacts > li {
		display: inline-block;
		margin-left: 2em;
	}

	.mastheadContacts > li:first-child {
		margin-left: 0;
	}
	
	
	#masthead #homeLink img {
		max-width: 360px !important;
	}	
	
}

@media only screen and (min-width : 992px) {

	.mastheadContacts {
		text-align: right;
		margin-bottom: 0;
	}

	#masthead .row {
		display: flex;
		align-items: center;
	}

	
}

/* MAIN NAV */

#mainNav {
	line-height: 1;
	margin-bottom: 0;
	text-align: right;
	float: right;
}

#mainNav div.container {
	padding-bottom: 0;
}

#mainMenu {
	margin-top: 0;
	margin-bottom: 0;
}

#mainMenu > li {
	padding: 0 0.7em;
	display: inline-block;
	float: left;
}

#mainMenu > li > a {
	display: inline-block;
	padding-bottom: 0.66em;
}

#mainMenu > li:first-child {
	padding-left: 0;
}

#mainMenu > li:last-child {
	padding-right: 0;
}

#mainMenu > li > a:link,
#mainMenu > li > a:visited {
	color: #fff;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}

#mainMenu > li > a:hover {
	border-bottom: 2px solid rgba(255, 104, 29, 0.66);
}

#mainMenu > li > a:active {
	border-bottom-color: transparent;
}

#mainMenu > li.active > a {
	border-bottom: 2px solid var(--wpe-yellow);
}

#mainMenu .essa img {
	height: 1.4em;
	margin-top: -0.2em;
}

#mainMenu .dropdown-menu {
	margin-top: -3px;
	background: var(--wpe-yellow);
	font-size: 90% !important;
	border-color: transparent;
}

#mainMenu .dropdown-menu a {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-transform: uppercase
}

#mainMenu .dropdown-menu a:link,
#mainMenu .dropdown-menu a:visited {
	color: #fff;
}

#mainMenu .dropdown-menu a:hover {
	background: rgba(0,0,0,0.33);
}

#mainMenu .dropdown-menu .active a {
	background: rgba(255,255,255,0.33);
}

/* MOBILE NAV */

.menuToggleContainer {
	text-align: right;
}

#menuToggle {
	line-height: 0.5;
	float: right;
	font-size: 46px !important;
}

#mobileMenuContainer {
	display: none;
	background: var(--wpe-yellow);
	color: #fff;
	width: 80%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	font-size: 8vw;
	padding: 60px 30px 0;
}

#mobileMenu > li > a {
	display: inline-block;
	padding-top: 0.66em;
	font-size: 8vw !important;
}

#mobileMenu a {
	color: #fff;
}

#mobileMenu > li:first-child > a {
	padding-top: 0;
}

#mobileMenu .dropdown-menu {
	background: none;
	box-shadow: none;
	border: none;
	font-size: 6vw !important;
	position: relative;
}

#mobileMenu .dropdown-menu a {
	white-space: normal;
	line-height: 1.2;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#mobileMenu .dropdown-menu li.active a {
	background: rgba(255,255,255,0.33);
}

@media only screen and (min-width : 768px) {

	#mobileMenuContainer {
		display: none;
		background: var(--wpe-yellow);
		color: #fff;
		width: 33%;
	}
		
	#mobileMenu > li > a {
		font-size: 32px !important;
	}
	
	#mobileMenu .dropdown-menu {
		font-size: 24px !important;
	}	

}

@media only screen and (min-width : 768px) {

	#mainMenu > li > a {
		padding-bottom: 0;
	}

}

/* BREADCRUMBS */

.breadcrumbs {
	font-size: 12px;
}

#breadcrumb {
	background: #fff;
	width: 100%;
	margin-bottom: 60px;
}

#breadcrumb .container {
	padding-top: 1em;
	padding-bottom: 1em;
}

/* SOCIAL NETWORKS */

.socialNetworks li {
	display: inline-block;
}

/* SIDEBAR */

.sidebar h3 {
	font-size: 120%;
	margin-bottom: 20px !important;
}

#sidebarServices h3 {
	margin: 0.5em 0 0 0;	
}

.sidebar .icon {

}

.sidebar .icon img {
	width: 100% !important;
	margin-left: -7px;
}

.sidebarList {
	list-style-type: none;
	padding-left: 0;
	font-size: 120%;
	margin-top: 1.5em;
}

.sidebarList > li > a {
	display: block;
	padding: 0 0 0 15px;
	line-height: 1;
	margin-bottom: 1em;
	text-transform: uppercase;
	border-left: 3px solid var(--wpe-yellow);
	
}

.sidebarList > li > a:after {
	content: '\f0da';
    font: var(--fa-font-solid);
	font-weight: 900;
	color: var(--wpe-yellow);
	padding-left: 0.5em;
}

.sidebarList > li > a:link,
.sidebarList > li > a:visited {
	color: var(--wpe-blue);
}

.sidebarList > li > a:hover {
	color: var(--wpe-yellow);
}

.sidebar aside {
	margin-bottom: 40px;
}

.sidebar aside:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width : 992px) {

	.sidebar-padder {
		padding-left: 90px;	
	}

}

/* SLIDER */

.sliderContent {
	margin-left: 25px !important;
}

.sliderContent .sliderHeadline {
	color: #fff;
	font-size: 52px;
	line-height: 50px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	margin-top: -100px;
	margin-bottom: 35px;
	border-left: 4px solid var(--wpe-yellow);
	padding-left: 16px;
}

.sliderContent .sliderCopy {
	color: #fff;
	white-space: normal;
	font-size: 16px;
	width: 100% !important;
}

.sliderContent .sliderButton {
	margin-top: 30px;
}

.sliderContent .sliderButton .btn {
	margin: 0 !important;
	line-height: 0.1 !important;
	padding-top: 23px;
	padding-bottom: 23px;
}

@media only screen and (min-width : 768px) {

	.sliderContent {
		margin-left: 30px !important;
	}

}

@media only screen and (min-width : 992px) {

	.sliderContent {
		margin-left: 42px !important;
	}

	.sliderContent .sliderHeadline {
		margin-top: -20px;
		margin-bottom: 35px;
	}

}

@media only screen and (min-width : 1200px) {

	.sliderContent {
		margin-left: 0 !important;
	}

	.sliderContent .sliderHeadline {
		margin-top: 0;
		margin-bottom: 45px;
	}
	
}

/* GRAVITY FORMS */

.gform_wrapper .gfield {
	padding-bottom: 21px !important;
	padding-top: 21px !important;
	border-bottom: 1px solid #fff;
}

.gform_wrapper .gfield_html {
	border-bottom: none;
}

.gform_wrapper .gfield_label {
	line-height: 1.2;
}

.ginput_container label {
	
}

.gform_page_footer {
	border: none !important;
	margin-top: 36px !important;
	padding-top: 0 !important;
}

/* CONTACT FORMS */

div.wpcf7-response-output {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* HOME PAGE */

.main-content-inner {
	margin-top: 40px;
}

body.home #homeSliderContainer {
	display: none;	
}

@media only screen and (min-width : 768px) {

	body.home #homeSliderContainer {
		display: block;	
	}
	
	body.home #masthead {
	}

}

@media only screen and (min-width : 992px) {

	.main-content-inner {
		margin-top: 0;
	}

	body.home@ #contentWrapper {
		position: absolute;
		width: 100%;
		top: 0;
		z-index: 1000;	
	}
	
	body.home .main-content-inner {
		margin-top: 0;
	}
	
	body.home h1 {
		margin-top: 60px;
	}	

	body.home #masthead {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--wpe-blue)+0,000000+100&0.5+0,0+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='var(--wpe-blue)00',GradientType=0 ); /* IE6-9 */
		position: absolute;
		width: 100%;
		top: 0;
		z-index: 1000;	
	}
	
	body.home@ .main-content::before {
		content: none;
	}


}

/* CONTACT PAGE */

.page-template-page-contact .main-content-inner .socialNetworks {
	font-size: 42px;
}

.page-template-page-contact .main-content-inner .socialNetworks li {
	margin-left: 0.5em;
}

.page-template-page-contact .main-content-inner .socialNetworks li:first-child {
	margin-left: 0em;
}

.page-template-page-contact .contactForm {
	padding-top: 40px;
}

.page-template-page-contact .mobiles .contactPhone,
.page-template-page-contact .direct .contactPhone {
	margin-top: 0.66em;
}

.page-template-page-contact .mobiles .contactPhone:first-child,
.page-template-page-contact .direct .contactPhone:first-child {
	margin-top: 0;
}

.page-template-page-contact .mobiles .contactPhone .name,
.page-template-page-contact .direct .contactPhone .name {
	display: block;
	font-size: 90%;
}


@media only screen and (min-width : 768px) {
	
	.page-template-page-contact .contactForm {
		padding-top: 0;
		
	}
	
}

/* TESTIMONIALS */

.testimonialList {
	margin: 0;
}

.testimonialList li {
	margin-bottom: 30px;
	position:relative;
	padding:30px;
	margin:1em 0 3em;
	color:var(--wpe-blue);
	background: hsl(41, 95%, 97%);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}

.testimonialList li.alt {
	background:#fff;
}

.testimonialList li:after {
	content:"";
	position:absolute;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:30px 30px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#fff0e8 transparent;
	/* reduce the damage in FF3.0 */
	display:block;
	width:0;
}

.testimonialList li.alt:after {
	border-color:#fff transparent;
}

.testimonialList p {
}

.testimonialList .testimonialText {
	margin-bottom: 0.66em;
}

.testimonialList .testimonialText p:first-child::before {
	content: open-quote;
}

.testimonialList .testimonialText p:first-child::after {
	content: close-quote;
}

.testimonialList .theExcerpt {
	margin-bottom: 1em;
	font-size: 110%;
	line-height: 1.3;
	font-weight: 700;
	color: var(--yellow-dark);
}

.testimonialAttribute {
	font-weight: 700;
	margin-top: 2em;
	color: var(--yellow-dark);
}

@media only screen and (min-width : 768px) {


	.testimonialList li {
		position:relative;
		padding:60px;
	}

}

/* GALLERY */

.galleryList {
	margin-top: 40px;
	margin: 0;
	background-color: transparent;
	margin-left: -5px;
	margin-right: -5px;
}

.galleryList .inner {
	border-radius: 50%;
	width: 100%;
	transition: all 0.5s ease;
	overflow: hidden;
	background-color: var(--wpe-yellow);
	position: relative;
}
.galleryList .inner:hover img,
.galleryList .inner:hover .enlarge {
	transform: scale(1.15);
}

.galleryList .enlarge {
	transition: all 0.5s ease;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 100%;
	background: url('images/magnifier.svg') center center no-repeat;
	opacity: 0;
	z-index: 99;
}

.galleryList .inner:hover .enlarge {
	opacity: 1;
}

.galleryList img {
	transition: all 0.25s ease;
	margin: 0;
}

.galleryList .inner:hover img {
	opacity: 0.2;
}

.galleryList > li {
	padding-top: 0;
	padding-bottom: 6px;
	padding-left: 5px;
	padding-left: 5px;
	margin: 0 !important;
	width: 33.333333333333%;
	float: left;
}

@media only screen and (min-width : 768px) {

	.galleryList > li {
		width: 16.666666%;
	}

}

@media only screen and (min-width : 992px) {

	.galleryList > li {
	}

}

@media only screen and (min-width : 1200px) {

	.galleryList > li {
	}

}

/* PORTFOLIO */

.single-portfolio .entry-content-thumbnail,
.single-services .entry-content-thumbnail,
.page-id-29 .entry-content-thumbnail {
	border-radius: 100%;
	position: relative;
	top: -130px;
	z-index: -50;
	background: var(--wpe-yellow);
	box-shadow: 20px 20px 40px rgba(0,0,0,0.1);
}

.single-portfolio #content header,
.single-services #content header,
.page-id-29 #content header {
	margin-top: -225px;
}

.single-portfolio .entry-content-thumbnail img,
.single-services .entry-content-thumbnail img,
.page-id-29 .entry-content-thumbnail img {
	border-radius: 100%;
	width: 107%;
}

.single-portfolio h1,
.single-services h1,
.page-id-29 h1 {
	padding: 0.5em 1em;
	background: #ededed;
	width: auto;
	font-size: 8.5vw;
}

.single-portfolio #portfolioImages {
	margin-bottom: 40px;
}

@media only screen and (min-width : 768px) {
	
	.single-portfolio .entry-content-thumbnail,
	.single-services .entry-content-thumbnail,
	.page-id-29 .entry-content-thumbnail {
		left: -20px;
		top: -350px;
		width: 107%;
	}

	.single-portfolio #content header,
	.single-services #content header,
	.page-id-29 #content header {
		margin-top: -520px;
	}

	.single-portfolio h1,
	.single-services h1,
	.page-id-29 h1 {
		display: inline-block;
		margin-bottom: 100px;
		font-size: 220%;
	}

}

/* SERVICES */

.serviceList {
	margin-top: 30px;
}

.serviceList h3 {
	margin: 0.5em 0 0.25em;
}

.serviceList .icon:hover,
.homeServices .icon:hover {
	position: relative;
}

.serviceList .icon:hover,
.homeServices .icon:hover {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

.serviceList svg .cls-1,
.homeServices svg .cls-1 {
	fill: aquamarine !important;
}

.serviceList .icon img {
	width: 90%;
}

.post-type-archive-services .homeServices > li {
	margin-bottom: 40px;
}

/* BLOG */

article.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.blog .entry-meta {
	margin-bottom: 1em;
}

.single .entry-meta {
	margin-bottom: 30px;
}

.entry-content-thumbnail {
	margin-bottom: 30px;
}

.nav > li > a {
	padding: 0 0 1em;
}

.nav > li > a:hover {
	background: none;
}

/* FOOTER SERVICES */

#footerServices {
	background: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}

#footerServices .container {
	padding-bottom: 0;
	margin-bottom: 0;
}

#footerServices .icon {
	max-width: 75%;
}

#footerServices h3 {
	margin: 0.9em 0 0.3em 0;
}

#footerServices h2 {
	font-size: 170%;
	margin-bottom: 30px;
}


/* FOOTER TWEETS */

#footerTweets {
	padding-top: 70px;
	padding-bottom: 70px;
}

#footerTweets .container {
	padding-bottom: 0;
	margin-bottom: 0;
}

#footerTweets .fab.fa-twitter {
	color: #1da1f2;
}

#footerTweets .inner {
	border-left: 4px solid var(--wpe-yellow);
	padding-left: 16px;
}

#footerTweets h2 {
	margin: 0 0 30px 0 !important;
}

#footerTweets li {
	margin-bottom: 30px;
}

@media only screen and (min-width : 992px) {

	#footerTweets li {
		margin-bottom: 0;
	}

}

/* FOOTER CLIENTS */

#footerClients {
	background: var(--wpe-blue);
	color: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}

#footerClients .container {
	padding-bottom: 0;
	margin-bottom: 0;
}

#footerClients h2 {
	font-size: 170%;
	margin-bottom: 30px;
}

body.page-id-29 #footerClients {
	border-bottom: 1px solid rgba(255,255,255,0.33);
}

/* 404 */

body.error404 .services404 {
	margin-top: 30px;
}

body.error404 .services404 li {
	margin-bottom: 30px;
}

/* COLOPHON */

#colophon {
	background: var(--wpe-blue);
	color: #fff;
	padding-top: 60px;
	padding-bottom: 120px;
	font-size: 16px;
}

#colophon div.container {
	padding-bottom: 0;
}

#colophon .footerAddress {
	margin-bottom: 1.5em;
}

#colophon .footerContacts > span {
	display: block;
}

#colophon .footerContacts {
	margin-bottom: 3em;
	font-size: 5.5vw;
}

#colophon .footerAnniversary {
	width: 25%;
	margin-bottom: 30px;
}

#legalMenu {
	margin-bottom: 0;
	line-height: 1;
}

#legalMenu li {
	display: block;
	padding-bottom: 2em;
}

.footerSocial {
	font-size: 46px;
	margin-bottom: 1.5em;
}

.footerSocial li a {
	padding-left: 0.66em;
}

.footerSocial li:first-child a {
	padding-left: 0;
}

#colophon .associations img {
	margin-bottom: 40px;
	width: 66.66%;
}

@media only screen and (min-width : 768px) {

	#colophon .footerAddress {
		margin-bottom: 0.5em;
	}

	#colophon .footerContacts {
		margin-bottom: 3em;
		font-size: 1em;
	}

	#colophon .footerContacts > span {
		display: inline;
		margin-left: 1.5em;
	}

	#colophon .footerContacts > span.first {
		margin-left: 0;
	}
	
	#colophon .footerAnniversary {
		width: 50%;
		margin-bottom: 40px;
	}

	.footerSocial {
		font-size: 32px;
	}
	
	.footerSocial .socialNetworks {
		margin-top: 40px;
	}	

	#legalMenu li {
		display: inline-block;
		float: left;
		padding: 0 1em;
		font-size: 9px;
	}
	
	#legalMenu li:first-child {
		padding-left: 0;
	}
	
	#legalMenu li:last-child {
		padding-right: 0;
	}
	
	#colophon .associations img {
		margin-bottom: 0;
		width: auto;
	}
	
	#colophon .associations .essa img {
		margin-bottom: 10px;
	}
	

}

@media only screen and (min-width : 992px) {

	#colophon .footerAnniversary {
		width: 37%;
		margin-bottom: 40px;
	}

	.footerSocial {
		text-align: right;
	}
	
	.footerSocial .socialNetworks {
		margin-top: -20px;
	}		

	#colophon .associations {
		text-align: right;
	}

	#colophon .associations img {
		width: 66%;
	}


}

@media only screen and (min-width : 992px) {
	
	.secondRow {
		margin-top: 20px;
	}
}