/*
Theme Name: RED-C UK + IE
Theme URI: http://www.redcresearch.ie/
Author URI: http://www.weareopen.ie
Author Nanme: Open Visual Communications
Parent Template: wp-forge
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

@import url("css/foundation.css");
@import url("css/normalize.css");

@font-face {
  font-family: 'gt-walsheim-bold-web';
  src: url('fonts/gt-walsheim-bold-web.eot'); /* IE9 Compat Modes */
  src: url('fonts/gt-walsheim-bold-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/gt-walsheim-bold-web.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/gt-walsheim-bold-web.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/gt-walsheim-bold-web.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'gt-walsheim-bold-oblique-web';
  src: url('fonts/gt-walsheim-bold-oblique-web.eot'); /* IE9 Compat Modes */
  src: url('fonts/gt-walsheim-bold-oblique-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/gt-walsheim-bold-oblique-web.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/gt-walsheim-bold-oblique-web.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/gt-walsheim-bold-oblique-web.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'gt-walsheim-light-oblique-web';
  src: url('fonts/gt-walsheim-light-oblique-web.eot'); /* IE9 Compat Modes */
  src: url('fonts/gt-walsheim-light-oblique-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/gt-walsheim-light-oblique-web.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/gt-walsheim-light-oblique-web.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/gt-walsheim-light-oblique-web.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'gt-walsheim-light-web';
  src: url('fonts/gt-walsheim-light-web.eot'); /* IE9 Compat Modes */
  src: url('fonts/gt-walsheim-light-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/gt-walsheim-light-web.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/gt-walsheim-light-web.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/gt-walsheim-light-web.svg#svgFontName') format('svg'); /* Legacy iOS */
}


/* =Theme customization starts here
----------------------------------------------- */


body {}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
ul, ol, dl {margin: 0px; padding: 0px; list-style: none;}
.max-width {max-width: 1170px; margin: 0 auto; position: relative;}



/* ------------ LINKS -------------- */


a {color: #295863; text-decoration: none;}
a:link {color: #295863; text-decoration: none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:visited {color: #295863; text-decoration: none;}
a:hover {color: #cccccc; text-decoration: none;}
a:active  {color: #295863; text-decoration: none;}
a[href^=tel] {color: #295863; text-decoration: none;}




/* ------------ TEXT -------------- */


h1 {
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 21px;
	line-height: 26px;
	color: #cbc6be;
	}
	
h2 {
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	line-height: 26px;
	color: #295863;
}

h3 {
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	line-height: 24px;
	color: #295863;
}

h4 {
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	color: #295863;
}

h5 { 	
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #295863;
}

h6 { 	
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #295863;
}

p {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 18px;
	color: #295964;
	padding: 0 0 17px 0;
	line-height: 22px;
	margin: 0;
}

p a:link {color: #295964; text-decoration: underline !important;}
p a:visited {color: #295964; text-decoration: underline;}
p a:hover {color: #cccccc; text-decoration: underline;}
p a:active {color: #295964; text-decoration: underline;}

p.breadcrumbs a:link {text-decoration: none !important;}
p.breadcrumbs a:visited {text-decoration: none;}
p.breadcrumbs a:hover {text-decoration: none;}
p.breadcrumbs a:active {text-decoration: none;}
p.published-by a:link {text-decoration: none !important;}
p.published-by a:visited {text-decoration: none;}
p.published-by a:hover {text-decoration: none;}
p.published-by a:active {text-decoration: none;}

span {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 16px;
	color: #295964;
	padding: 0 0 17px 0;
	line-height: 20px;
	margin: 0;
}	

.img-row > div{display: inline-block;margin-right: 10px;}

.img-row > div a,
.img-row > div img {vertical-align: middle;display: inline;float:none;}


/* ------------ NAV -------------- */




ul#menu-main {
	border-top: 3px solid #cbc6be;
	list-style: none;
}

ul#menu-main li {
	display: block;
	font-size: 14px;
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	color: #295863;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #cbc6be;
	background: url(images/arrow-right.png) no-repeat 98% 10px; background-size: 4px; 
}

ul#menu-main a {display: block;}
ul#menu-main a:link {color: #295863; text-decoration: underline;}
ul#menu-main a:visited {color: #295863; text-decoration: underline;}
ul#menu-main a:hover {color: #cccccc; text-decoration: underline;}
ul#menu-main a:focus {color: #cccccc; text-decoration: underline;}
ul#menu-main a:active {color: #295863; text-decoration: underline;}

ul#menu-main ul {
	margin: 0px;
	padding: 0px;
}

ul#menu-main ul li {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	background: none; 
}

ul#menu-main > li:hover ul li{ height: 24px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

ul#menu-mobile {
	border-top: 3px solid #cbc6be;
	list-style: none;
}

ul#menu-mobile li {
	display: block;
	font-size: 14px;
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	color: #295863;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #cbc6be;
	background: url(images/arrow-right.png) no-repeat 98% 10px; background-size: 4px; 
}

ul#menu-mobile a {display: block;}
ul#menu-mobile a:link {color: #295863; text-decoration: underline;}
ul#menu-mobile a:visited {color: #295863; text-decoration: underline;}
ul#menu-mobile a:hover {color: #cccccc; text-decoration: underline;}
ul#menu-mobile a:focus {color: #cccccc; text-decoration: underline;}
ul#menu-mobile a:active {color: #295863; text-decoration: underline;}

ul#menu-mobile ul {
	margin: 0px;
	padding: 0px;
}

ul#menu-mobile ul li {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: none;
}
ul#menu-mobile ul li a{
	padding: 4px 0px;
	font-size: 15px;
}

ul#menu-sub ul li {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	background: none; 
}

ul#menu-sub {
	list-style: none;
}

ul#menu-sub li {
	display: block;
	font-size: 14px;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	color: #295863;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #cbc6be;
	background: url(images/arrow-right.png) no-repeat 98% 10px; background-size: 4px; 
}

ul#menu-sub a {display: block;}
ul#menu-sub a:link {color: #295863; text-decoration: underline;}
ul#menu-sub a:visited {color: #295863; text-decoration: underline;}
ul#menu-sub a:hover {color: #cccccc; text-decoration: underline;}
ul#menu-sub a:active {color: #295863; text-decoration: underline;}

ul#menu-social {
	list-style: none;
}

ul#menu-social li {
	display: block;
	font-size: 14px;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	color: #295863;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #cbc6be;
}

ul#menu-social a:link {color: #295863; text-decoration: underline;}
ul#menu-social a:visited {color: #295863; text-decoration: underline;}
ul#menu-social a:hover {color: #cccccc; text-decoration: underline;}
ul#menu-social a:active {color: #295863; text-decoration: underline;}

ul.menu .facebook a {
    background: url(images/menu_ico_facebook.png) no-repeat left center;
    background-size: 12px 12px;
    text-indent: 20px;
    width: auto;
    margin-right: 14px;
    display: inline-block;
}
ul.menu .twitter a {
    background: url(images/menu_ico_twitter.png) no-repeat left center;
    background-size: 12px 12px;
    text-indent: 20px;
    width: auto;
    margin-right: 14px;
    display: inline-block;
}
ul.menu .linkedin a {
    background: url(images/menu_ico_linkedin.png) no-repeat left center;
    background-size: 12px 12px;
    text-indent: 20px;
    width: auto;
    margin-right: 14px;
    display: inline-block;
}
ul#menu-social-1 li{
	display: inline-block;
}
ul#menu-social-1 a{
	text-indent: -9999px;
	width:16px;
	height:16px;
	background-size: 16px 16px;
}

ul.country-select {
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	list-style: none;
}

ul.country-select li {
    text-indent: -9999px;
    width: 26px;
    height: 18px;
    display: inline-block;
    margin: 0 0 0 6px;
    background-color: aqua;
}
ul.country-select li:hover {
    opacity: 0.6;
}
ul.country-select li a{
    display: block;
}

.flag-ire {
    background: url(images/IE-flag.png) no-repeat center center;
    background-size: cover;
}
.flag-gb {
    background: url(images/GB-flag.png) no-repeat center center;
    background-size: cover;
}

/* ------- MOBILE NAVIGATION / BURGER MENU ----- */
.mobile-nav{
	text-align: left;
}
.menu-btn{
	text-align: right;
	float:right;
}
.menu-btn div {
	position: absolute;
	left: 10%;
	top: 24%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}
 
.menu-btn span {
	display: block;
	width: 35px;
	height: 4px;
	margin: 5px 0;
	background: #004753;
	z-index: 99;
	padding: 0;
}
 
.responsive-menu{display: none;margin-top: 20px;}
.expand {display: block !important; }

#menu-btn:hover{
	cursor: pointer;
}

.responsive-menu ul#menu-main li, 
.responsive-menu ul#menu-main-nav li, 
.responsive-menu ul#menu-main-nav-1 li {
	margin: 4px 2px 4px 2px;
	position: relative;
	padding: 4px 0px;
	display: block;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #aeaeae;
}
.responsive-menu ul#menu-main-nav li:last-child{
	margin-bottom: 0;
}
.responsive-menu ul#menu-main-nav li a{
	display: block;
}

.tablet-social{
	vertical-align: top;
}
.tablet-social h5.nav-social{
	display: inline-block;
	border-bottom: 0;
	margin-right: 5px;
}
.tablet-social .menu-social-container{
	display: inline-block;
}
.tablet-social {
	border-bottom: 1px solid #cbc6be;
}
.tablet-social ul#menu-social-tablet li {
    display: inline-block;
    padding: 6px 0 0px 0;
    border-bottom: none;
}
.tablet-social ul#menu-social-tablet li a{
	width:15px;
	text-indent: -9999px;
}
/* ------------------------------------ */



ul#menu-foot li {
	display: block;
	font-size: 14px;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	color: #295863;
}

ul#menu-foot a:link {color: #295863; text-decoration: underline;}
ul#menu-foot a:visited {color: #295863; text-decoration: underline;}
ul#menu-foot a:hover {color: #cccccc; text-decoration: underline;}
ul#menu-foot a:active {color: #295863; text-decoration: underline;}

.email a {background: url(images/ico_email.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right: 14px; display:inline-block;}
.twitter a {background: url(images/ico_twitter.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right: 14px; display:inline-block;}
.linkedin a {background: url(images/ico_linkedin.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right:  14px; display:inline-block;}
.facebook a {background: url(images/ico_facebook.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right:  14px; display:inline-block;}
.email-2 a {background: url(images/ico_email-2.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right:  14px; display:inline-block;}
.twitter-2 a {background: url(images/ico_twitter-2.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right:  14px; display:inline-block;}
.linkedin-2 a {background: url(images/ico_linkedin-2.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right:  14px; display:inline-block;}
.facebook-2 a {background: url(images/ico_facebook-2.png) no-repeat center center; background-size: cover; text-indent: -999999px; width: 18px; height: 18px; margin-right: : 14px; display:inline-block;}

ul.filter {margin-bottom: 0px;}
ul.filter li {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 16px;
	color: #295964;
	padding: 0 0 16px 0;
	line-height: 20px;
	margin: 0;
}
ul.filter li a:link {color: #295964; text-decoration: none;}
ul.filter li a:visited {color: #295964; text-decoration: none;}
ul.filter li a:hover {color: #cccccc; text-decoration: underline;}
ul.filter li a:active {color: #295964; text-decoration: none;}

ul.filter ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-color: rgba(255,255,255,0.90);
	z-index: 999999;
	padding-right: 20px;
	padding-bottom: 10px;
}

ul.filter ul li {
	height: 0px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

ul.filter > li:hover ul li{ height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 4px 0 3px 0; border-bottom: 1px solid #cccccc;}

.filter-cat, .filter-author {padding: 0px; background: url(images/sm-arrow-right.png) no-repeat right center; background-size: 4px; padding-right: 10px;}
.filter-date {padding: 0px; background: url(images/sm-arrow-down.png) no-repeat right center; background-size: 8px; padding-left: 10px; padding-right: 10px;}

.ll-skin-melon .ui-widget {
    background: #86beb7;    
}
.ll-skin-melon td .ui-state-active {
    background: #295863;
    color: #fff;
}
.ll-skin-melon td .ui-state-default:hover {
    background: #86beb7;
}

.date-range-filter{margin-bottom: 0px !important;}

.searchandfilter ul li h4{
	display: inline-block;
	margin-right: 10px;
  font-family: 'gt-walsheim-light-web', Arial, sans-serif;
  font-size: 16px;
  color: #295964;
  line-height: 20px;
  padding: 0px; background: url(images/sm-arrow-right.png) no-repeat right center; background-size: 4px; padding-left: 10px; padding-right: 10px;
}
.searchandfilter ul {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.searchandfilter > ul > li {
    list-style: none;
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.searchandfilter ul li ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 0;
    margin: 0;
    width: 31%;
    margin-right: 8px;
}

.searchandfilter .datepicker {
    max-width: 170px;
    width: 100%;
    border:none;
    font-family: 'gt-walsheim-light-web', Arial, sans-serif;
		font-size: 16px;
		color: #295964;
}



/* ------------ HEADER -------------- */



#header {padding: 40px 0 40px 0;}
.logo {width: 190px; height: auto;}
.login {border-top: 3px solid #cbc6be; border-bottom: 3px solid #cbc6be; padding: 4px 0 4px 0;}
.nav-sub {padding: 3px 0 0 0;}
.nav-sub h5 {padding: 3px 0 5px 0; border-bottom: 1px solid #cbc6be;}
.nav-social {padding: 5px 0 5px 0; border-bottom: 1px solid #cbc6be;}




/* ------------ SIDEBAR -------------- */



.sidebar .headshot {
	margin-top: 50px;
}
.sidebar-images {margin: 60px 0 0 0;}
.sidebar-images img {padding: 0 50px 40px 0;}


/* ------------ SLIDER -------------- */



#owl-slider .item.slide-item {
	width: 100%;
	min-height: 250px;
	overflow: hidden;
}
#owl-slider .item.slide-item img {
	width:100% !important;
	min-width: 700px;
	min-height: 260px;
}


#owl-slider.owl-theme .owl-controls {
    position: absolute;
    bottom: 0px;
    right:20px;
}
#owl-slider.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 20px;
    height: 10px;
    margin: 5px 5px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
    border:2px solid #ffffff;
    line-height: 10px;
    background: #ff0000;
    
-webkit-box-shadow: 10px 10px 13px -7px rgba(0,0,0,0.68);
-moz-box-shadow: 10px 10px 13px -7px rgba(0,0,0,0.68);
box-shadow: 10px 10px 13px -7px rgba(0,0,0,0.68);

}
#owl-slider.owl-theme .owl-controls .owl-page.active span {
    background: #cccccc; 
}


/* ------------ HOME -------------- */


.breadcrumbs {
	border-style: none;
    border-width: 0px;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    background-color: #ffffff;
    border-radius: 0px;
    font-size: 14px;
}

.row-margin {margin-bottom: 30px;}
.intro-text {border-bottom: 1px solid #295964; min-height: 285px;}
.intro-text h1 {padding-right: 20px;}
.home-slider {}

.find-out {position: absolute; bottom: 0px; display: block; margin: 20px 0 10px 0;}
.find-out span {background: transparent url(images/sm-arrow.png) no-repeat center center; background-size: 31px; display: inline-block; width: 40px; height: 6px; margin: 0 0 0 20px; padding: 0px;}
.back-green .find-out span, .back-blue .find-out span, .back-grey .find-out span, .back-grey-beige .find-out span, .back-purple .find-out span, .back-red .find-out span {background: transparent url(images/sm-arrow-white.png) no-repeat center center; background-size: 31px; display: inline-block; width: 40px; height: 6px; margin: 0 0 0 20px; padding: 0px;}

.back-pantone525 .find-out span,
.back-pantone5473 .find-out span,
.back-pantone399 .find-out span,
.back-pantone322 .find-out span,
.back-pantone319 .find-out span,
.back-pantone199 .find-out span,
.back-pantone400 .find-out span,
.back-pantone443 .find-out span,
.back-pantone-cool-gray-10 .find-out span,
.back-pantone3258 .find-out span,
.back-pantone3955 .find-out span,
.back-pantone158 .find-out span,
.back-pantone142 .find-out span,
.back-pantone7459 .find-out span,
.back-pantone5115 .find-out span,
.back-pantone525 .find-out span,
.back-pantone466 .find-out span {
	background: transparent url(images/sm-arrow-white.png) no-repeat center center; 
	background-size: 31px; display: inline-block; 
	width: 40px; height: 6px; 
	margin: 0 0 0 20px; 
	padding: 0px;
}

.find-out a { 	
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	color: #295863;
}
.find-out a:link {color: #295863;}
.find-out a:visited {color: #295863;}
.find-out a:hover {color: #cccccc;}
.find-out a:active {color: #295863;}

.find-out-white {position: absolute; bottom: 0px; display: block; margin: 20px 0 10px 10px;}
.find-out-white span {background: transparent url(images/sm-arrow-white.png) no-repeat center center; background-size: 31px; display: inline-block; width: 40px; height: 6px; margin: 0 0 0 20px; padding: 0px;}


.find-out-white a { 	
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	color: #ffffff;
}
.find-out-white a:link {color: #ffffff;}
.find-out-white a:visited {color: #ffffff;}
.find-out-white a:hover {color: #cccccc;}
.find-out-white a:active {color: #ffffff;}
.pad-post-bottom {display: block; padding: 4px;}

.read-more-news {background: #e5e2de; display: block; width: 100%; margin: 0; padding: 10px; text-align: center;}

.single-nav {background: #e5e2de; display: block; width: 100%; margin: 0; padding: 10px; text-align: center; margin: 20px 0 0 0;}
.single-nav span {padding: 0px;}

.amimated-img {width: 200px; height: auto; margin: 0 auto; padding-bottom: 20px;}

.case-infographic-img {
    width: 250px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
}
.page-title {margin: 0 0 30px 0;}
.page-title h2 {font-size: 30px;}

.image-feature-content {background-color: #295863; padding: 10px; position: absolute; top: 0px; margin: 10px; width: 44%; margin-bottom: -20px; height: 93%;}
.image-feature-content h2 {color: #ffffff;}
.image-feature-content h2 a:link {color: #ffffff; text-decoration: underline;}
.image-feature-content h2 a:visited {color: #ffffff; text-decoration: underline;}
.image-feature-content h2 a:hover {color: #cccccc; text-decoration: underline;}
.image-feature-content h2 a:active {color: #ffffff; text-decoration: underline;}
.image-feature-content h5 {color: #ffffff;}
.image-feature-content h5 a:link {color: #ffffff; text-decoration: underline;}
.image-feature-content h5 a:visited {color: #ffffff; text-decoration: underline;}
.image-feature-content h5 a:hover {color: #cccccc; text-decoration: underline;}
.image-feature-content h5 a:active {color: #ffffff; text-decoration: underline;}
.image-feature-content h4 {color: #ffffff; font-family: 'gt-walsheim-light-web', Arial, sans-serif;}
.image-feature-content .find-out-white h5 a {color: #ffffff;}
.image-feature-content p {color: #ffffff;}
.image-feature-content span {color: #ffffff;}

.page-intro {margin: 30px 0 30px 0;}
.page-intro ul li {
	list-style: disc;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 18px;
	color: #295964;
	padding: 0 0 0 12px;
	line-height: 27px;
	margin: 0 0 0 18px;
}
.page-intro ol li {
	list-style: decimal;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 18px;
	color: #295964;
	padding: 0 0 0 12px;
	line-height: 27px;
	margin: 0 0 0 18px;
}
.page-body {padding-left: 0px !important; padding-right: 0px !important;}
.page-body ul li {
	list-style: disc;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 18px;
	color: #295964;
	padding: 0 0 0 12px;
	line-height: 27px;
	margin: 0 0 0 18px;
}
.page-body ol li {
	list-style: decimal;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 18px;
	color: #295964;
	padding: 0 0 0 12px;
	line-height: 27px;
	margin: 0 0 0 18px;
}

.page-body table {
	width: 100%; 
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 14px;
	color: #295964;
	border-color: #86beb7;
	border: 1px;
}

.page-body table td {
	width: 100%; 
	padding: 3px;
	border-color: #86beb7;
	width: auto !important;
	border: 1px;
}

.page-body table td p {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 14px;
}

.page-pad {
	padding: 0 0 40px 0;
}


.intro{
	width:65%;
}

/* ------------ CATEGORIES -------------- */



.cat-item {padding: 10px 0 30px 0; min-height: 360px;}
.cat-item-margin {margin-bottom: 30px;}
.cat-item span {}
.cat-item h5 {margin: 0 0 20px 0; display: block;}
.cat-item h2 {margin: 0 0 20px 0; display: block;}
.cat-list {margin: 0 0 20px 0; display: block;}
.prod-cat-single a {color:  #e00d3c; font-family: 'gt-walsheim-light-web', Arial, sans-serif; padding: 0 0 30px 0; display: block;}
.technique-item {padding: 10px 0 30px 0; min-height: 260px;}
.technique-item h2 {margin: 0 0 30px 0; display: block;}
.technique-item a {text-decoration: none; color: #ffffff;}
.technique-item a:link {text-decoration: none; color: #ffffff;}
.technique-item a:visited {text-decoration: none; color: #ffffff;}
.technique-item a:hover {text-decoration: none; color: #cccccc;}
.technique-item a:active  {text-decoration: none; color: #ffffff;}

.core-value {padding: 20px 0 0 0;}
.core-value h2{text-align: center;margin: 15px auto 30px;}
.core-value p{text-align: center;margin: 5px auto; width: 50%;}


/* ------------ PAGE -------------- */


.white-page-content h1 {font-size: 26px; color: #e00d3c; padding: 0; line-height: 30px;}
.white-page-content hr {border:0px; border-bottom: 1px solid #295964; width: 30px; margin: 0 0 20px 0; padding: 0px;}
.white-page-content h4 {color: #86beb7; padding: 0;}
.title-pad {margin-bottom: 30px;}
.title-pad.no-mb{margin-bottom: 5px;margin-top: 15px;}

.accordion {
	margin: 0;
}

.accordion h3 {
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 20px;
	color: #5dc4b9;
	display: block;
	padding: 6px 0 3px 0;
	border-top: 3px solid #ccc7bf;
	display: inline-block;
	width: 100%;
	background: url(images/arrow-right.png) no-repeat 99% 12px; background-size: 4px; 
}

.accordion h5 {
	margin-top: 20px;
}

.accordion ul li {
	list-style: none;
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 14px;
	color: #295964;
	padding: 2px 0 3px 0;
	line-height: 20px;
	border-top: 1px solid #ccc7bf;
	margin: 0;
}

.sm-arrow {padding-left: 20px;}



/* ------------ PEOPLE MODAL -------------- */



.max-width-modal {max-width: 800px; margin: 0 auto; position: relative;}
.people-modal {position: fixed; width: 100%; height: 0%; top:0; left: 0; right: 0; background-color: rgba(41,89,100,0.90); z-index: 999999; opacity: 0; overflow: hidden;}
.people-modal-content {background-color: #15353e; padding: 20px 0 20px 0; margin-top: 6%; max-height: 550px; overflow: scroll;}
.people-modal-content h4 {color: #ffffff;margin-bottom: 2px;}
.people-modal-content p {color: #ffffff;}
.headshot-modal {width: 100%; height: auto; border-radius: 100%; overflow: hidden; max-width: 220px;}



/* ------------ BLOG -------------- */



.published-by {font-size: 16px; color:  #e00d3c; font-family: 'gt-walsheim-bold-web', Arial, sans-serif; padding: 0 0 6px 0;}
.published-by a:link {color: #e00d3c;}
.published-by a:visited {color: #e00d3c;}
.published-by a:hover {color: #cccccc;}
.published-by a:active {color: #e00d3c;}

.date {font-size: 16px; color: #e00d3c; padding: 0 0 40px 0; display: block;}
.post-date {font-size: 16px; padding: 0 0 14px 0; display: block;}
.headshot {width: 100%; height: auto; border-radius: 100%; overflow: hidden; max-width: 220px; position: relative;}
.headshot:hover .headshot-hover {height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headshot-hover {width: 100%; height: 0%; max-width: 220px; background-color: rgba(21,52,62,0.80); z-index: 999999; position: absolute; top:0; overflow: hidden;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headshot-hover h4 {text-align: center; color: #ffffff; padding-top: 30%; display: block;}
.headshot-hover p {text-align: center; color: #ffffff;}
.headshot-hover p a:link {color: #ffffff; text-decoration: underline;}
.headshot-hover p a:visited {color: #ffffff; text-decoration: underline;}
.headshot-hover p a:hover {color: #cccccc; text-decoration: underline;}
.headshot-hover p a:active {color: #ffffff; text-decoration: underline;}
.close-modal a {background: url(images/close.png) no-repeat center center; background-size: 100%; text-indent: -999999px; width: 28px; height: 28px; display: block; float: right;}

.share{color:  #e00d3c; padding: 0; display: block; font-family: 'gt-walsheim-bold-web', Arial, sans-serif; margin: 20px 0 0 0;}

.share span:first-child {
	color:  #e00d3c; 
	padding: 0; 
	display: inline-block; 
	font-family: 'gt-walsheim-bold-web', Arial, sans-serif; 
	margin: 20px 15px 0 0;
}



/* ------------ FOOTER -------------- */



#footer {
	background-color: #e5e2de; 
	margin-top: 40px;
}
#footer p {
	font-family: 'gt-walsheim-light-web', Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #295964;
	padding: 0 0 16px 0;
	line-height: 20px;
	margin: 0;
}
.foot-col {
	margin: 20px 0 20px 0;
	position: relative;
}

.foot-col .logo{
	width:160px !important;
	height:auto !important;
	margin-bottom: 15px;
}

#footer .columns {
    float: none !important;
    display: inline-block !important;
}



/* ------------ FORMS & SEARCH -------------- */



.nav-search {width: 100%; position: relative;}
#searchform {border-top: 3px solid #cbc6be; border-bottom: 3px solid #cbc6be; width: 100%; display: block; height: 32px;}

#searchform input[type="text"] {background: transparent; border: 0px; position: absolute; left: 0px;  width: 85%; height: 26px; border-bottom-left-radius:0px; border-top-left-radius:0px; font-family: 'gt-walsheim-bold-web', Arial, sans-serif; font-style: normal; font-size: 14px; display: block; margin: 0px!important; padding: 0px !important;}

#searchform input::-webkit-input-placeholder {color: #295964;}

#searchform input[type="submit"] {background: transparent url(images/search.png) no-repeat right center; background-size: 20px; border: 0px; position: absolute; right: 0px; width: 15%;  height: 26px; text-indent: -999999px; margin: 0px!important; padding: 0px !important; display: block;}
#searchform input[type="submit"]:hover {background: #b4b4b4 url(images/search.png) no-repeat right center; background-size: 20px;}

.ninja-forms-required-items {font-size: 12px; padding: 0 0 10px 0;}
.ninja-forms-form input[type="text"] {border-radius: 5px; border-width: 0px; padding-left: 10px; font-size: 14px; font-weight: 100; margin: 0px; height:34px; font-family: 'gt-walsheim-light-web', Arial, sans-serif; color: #666666; background-color: #ECECEC; width: 90% !important;}
.ninja-forms-form textarea {border-radius: 5px; border-width: 0px; padding-left: 10px; font-size: 14px; font-weight: 100; margin: 0px; height:34px; font-family: 'gt-walsheim-light-web', Arial, sans-serif; color: #666666; background-color: #ECECEC; width: 90% !important;}
.ninja-forms-form select {border-radius: 5px; border-width: 0px; padding-left: 10px; font-size: 14px; font-weight: 100; margin: 0px; height:34px !important; font-family: 'gt-walsheim-light-web', Arial, sans-serif; color: #666666; background-color: #ECECEC; width: 100% !important;}
.ninja-forms-form input[type="submit"] {border-radius: 5px; border-width: 0px; padding: 0 30px 0 30px; font-size: 14px; font-weight: 100; margin: 0px; height:34px; font-family: 'gt-walsheim-light-web', Arial, sans-serif; color: #ffffff; background-color: #4a2942; width: auto;}
.ninja-forms-form input[type="submit"]:hover {background-color: #333333;}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {width: 100%;}
.ninja-forms-form .list-dropdown-wrap {display: inline-block; width: 100%;}

input[type="text"] {
	box-shadow:none !important;
}



/* ------------ colours -------------- */



.back-blue {background-color: #295863; padding: 10px;}
.back-blue h2 {color: #ffffff;}
.back-blue h2 a:link {color: #ffffff; text-decoration: underline;}
.back-blue h2 a:visited {color: #ffffff; text-decoration: underline;}
.back-blue h2 a:hover {color: #cccccc; text-decoration: underline;}
.back-blue h2 a:active {color: #ffffff; text-decoration: underline;}
.back-blue h5 {color: #ffffff;}
.back-blue h5 a:link {color: #ffffff;}
.back-blue h5 a:visited {color: #ffffff;}
.back-blue h5 a:hover {color: #cccccc;}
.back-blue h5 a:active {color: #ffffff;}
.back-blue .find-out-white h5 a {color: #ffffff;}
.back-blue p {color: #ffffff;}
.back-blue a:link {color: #ffffff;}
.back-blue span {color: #ffffff;}
.back-blue .find-out a:link {color: #ffffff;}
.back-blue .find-out a:visited {color: #ffffff;}
.back-blue .find-out a:hover {color: #cccccc;}
.back-blue .find-out a:active {color: #ffffff;}


.back-grey {background-color: #909e9e; padding: 10px;}
.back-grey h2 {color: #ffffff;}
.back-grey h2 a:link {color: #ffffff; text-decoration: underline;}
.back-grey h2 a:visited {color: #ffffff; text-decoration: underline;}
.back-grey h2 a:hover {color: #cccccc; text-decoration: underline;}
.back-grey h2 a:active {color: #ffffff; text-decoration: underline;}
.back-grey h5 {color: #ffffff;}
.back-grey h5 a:link {color: #ffffff;}
.back-grey h5 a:visited {color: #ffffff;}
.back-grey h5 a:hover {color: #cccccc;}
.back-grey h5 a:active {color: #ffffff;}
.back-grey .find-out-white h5 a {color: #ffffff;}
.back-grey p {color: #ffffff;}
.back-grey a:link {color: #ffffff;}
.back-grey span {color: #ffffff;}
.back-grey .find-out a:link {color: #ffffff;}
.back-grey .find-out a:visited {color: #ffffff;}
.back-grey .find-out a:hover {color: #cccccc;}
.back-grey .find-out a:active {color: #ffffff;}


.back-grey-beige {background-color: #e6e4e0; padding: 10px;}
.back-grey-beige h2 {color: #ffffff;}
.back-grey-beige h2 a:link {color: #ffffff; text-decoration: underline;}
.back-grey-beige h2 a:visited {color: #ffffff; text-decoration: underline;}
.back-grey-beige h2 a:hover {color: #cccccc; text-decoration: underline;}
.back-grey-beige h2 a:active {color: #ffffff; text-decoration: underline;}
.back-grey-beige h5 {color: #ffffff;}
.back-grey-beige h5 a:link {color: #ffffff;}
.back-grey-beige h5 a:visited {color: #ffffff;}
.back-grey-beige h5 a:hover {color: #cccccc;}
.back-grey-beige h5 a:active {color: #ffffff;}
.back-grey-beige .find-out-white h5 a {color: #ffffff;}
.back-grey-beige p {color: #ffffff;}
.back-grey-beige a:link {color: #ffffff;}
.back-grey-beige span {color: #ffffff;}
.back-grey-beige .find-out a:link {color: #ffffff;}
.back-grey-beige .find-out a:visited {color: #ffffff;}
.back-grey-beige .find-out a:hover {color: #cccccc;}
.back-grey-beige .find-out a:active {color: #ffffff;}


.back-purple {background-color: #4a2942; padding: 10px;}
.back-purple h2 {color: #ffffff;}
.back-purple h2 a:link {color: #ffffff; text-decoration: underline;}
.back-purple h2 a:visited {color: #ffffff; text-decoration: underline;}
.back-purple h2 a:hover {color: #cccccc; text-decoration: underline;}
.back-purple h2 a:active {color: #ffffff; text-decoration: underline;}
.back-purple h5 {color: #ffffff;}
.back-purple h5 a:link {color: #ffffff;}
.back-purple h5 a:visited {color: #ffffff;}
.back-purple h5 a:hover {color: #cccccc;}
.back-purple h5 a:active {color: #ffffff;}
.back-purple .find-out-white h5 a {color: #ffffff;}
.back-purple p {color: #ffffff;}
.back-purple a:link {color: #ffffff;}
.back-purple span {color: #ffffff;}
.back-purple .find-out a:link {color: #ffffff;}
.back-purple .find-out a:visited {color: #ffffff;}
.back-purple .find-out a:hover {color: #cccccc;}
.back-purple .find-out a:active {color: #ffffff;}


.back-red {background-color: #e00d3c; padding: 10px;}
.back-red h2 {color: #ffffff;}
.back-red h2 a:link {color: #ffffff; text-decoration: underline;}
.back-red h2 a:visited {color: #ffffff; text-decoration: underline;}
.back-red h2 a:hover {color: #cccccc; text-decoration: underline;}
.back-red a:active {color: #ffffff; text-decoration: underline;}
.back-red h5 {color: #ffffff;}
.back-red h5 a:link {color: #ffffff;}
.back-red h5 a:visited {color: #ffffff;}
.back-red h5 a:hover {color: #cccccc;}
.back-red h5 a:active {color: #ffffff;}
.back-red .find-out-white h5 a {color: #ffffff;}
.back-red p {color: #ffffff;}
.back-red a:link {color: #ffffff;}
.back-red span {color: #ffffff;}
.back-red .find-out a:link {color: #ffffff;}
.back-red .find-out a:visited {color: #ffffff;}
.back-red .find-out a:hover {color: #cccccc;}
.back-red .find-out a:active {color: #ffffff;}


.back-green {background-color: #86beb7; padding: 10px;}
.back-green h2 {color: #ffffff;}
.back-green h2 a:link {color: #ffffff; text-decoration: underline;}
.back-green h2 a:visited {color: #ffffff; text-decoration: underline;}
.back-green h2 a:hover {color: #cccccc; text-decoration: underline;}
.back-green a:active {color: #ffffff; text-decoration: underline;}
.back-green h5 {color: #ffffff;}
.back-green h5 a:link {color: #ffffff;}
.back-green h5 a:visited {color: #ffffff;}
.back-green h5 a:hover {color: #cccccc;}
.back-green h5 a:active {color: #ffffff;}
.back-green .find-out-white h5 a {color: #ffffff;}
.back-green p {color: #ffffff;}
.back-green a:link {color: #ffffff;}
.back-green span {color: #ffffff;}
.back-green .find-out a:link {color: #ffffff;}
.back-green .find-out a:visited {color: #ffffff;}
.back-green .find-out a:hover {color: #cccccc;}
.back-green .find-out a:active {color: #ffffff;}


.border-blue {border-bottom: 1px solid #295863; border-top: 10px solid #295863;}
.border-blue h2 {color: #295863;}
.border-blue h2 a:link {color: #295863; text-decoration: underline;}
.border-blue h2 a:visited {color: #295863; text-decoration: underline;}
.border-blue h2 a:hover {color: #cccccc; text-decoration: underline;}
.border-blue h2 a:active {color: #295863; text-decoration: underline;}
.border-blue h5 {color: #295863;}
.border-blue h5 a:link {color: #295863; text-decoration: underline;}
.border-blue h5 a:visited {color: #295863; text-decoration: underline;}
.border-blue h5 a:hover {color: #cccccc; text-decoration: underline;}
.border-blue h5 a:active {color: #295863; text-decoration: underline;}
.border-blue span {color: #295863;}

.border-grey-beige {border-bottom: 1px solid #e5e2de; border-top: 10px solid #e5e2de;}
.border-grey-beige h2 {color: #e5e2de;}
.border-grey-beige h2 a:link {color: #e5e2de; text-decoration: underline;}
.border-grey-beige h2 a:visited {color: #e5e2de; text-decoration: underline;}
.border-grey-beige h2 a:hover {color: #cccccc; text-decoration: underline;}
.border-grey-beige h2 a:active {color: #e5e2de;; text-decoration: underline;}
.border-grey-beige h5 {color: #e5e2de;}
.border-grey-beige h5 a:link {color: #e5e2de; text-decoration: underline;}
.border-grey-beige h5 a:visited {color: #e5e2de; text-decoration: underline;}
.border-grey-beige h5 a:hover {color: #cccccc; text-decoration: underline;}
.border-grey-beige h5 a:active {color: #e5e2de; text-decoration: underline;}
.border-grey-beige span {color: #e5e2de;}

.border-grey {border-bottom: 1px solid #909e9e; border-top: 10px solid #909e9e;}
.border-grey h2 {color: #909e9e;}
.border-grey h2 a:link {color: #909e9e; text-decoration: underline;}
.border-grey h2 a:visited {color: #909e9e; text-decoration: underline;}
.border-grey h2 a:hover {color: #cccccc; text-decoration: underline;}
.border-grey h2 a:active {color: #909e9e; text-decoration: underline;}
.border-grey h5 {color: #909e9e;}
.border-grey h5 a:link {color: #909e9e; text-decoration: underline;}
.border-grey h5 a:visited {color: #909e9e; text-decoration: underline;}
.border-grey h5 a:hover {color: #cccccc; text-decoration: underline;}
.border-grey h5 a:active {color: #909e9e; text-decoration: underline;}
.border-grey span {color: #909e9e;}

.border-purple {border-bottom: 1px solid #4a2942; border-top: 10px solid #4a2942;}
.border-purple h2 {color: #4a2942;}
.border-purple h2 a:link {color: #4a2942; text-decoration: underline;}
.border-purple h2 a:visited {color: #4a2942; text-decoration: underline;}
.border-purple h2 a:hover {color: #cccccc; text-decoration: underline;}
.border-purple h2 a:active {color: #4a2942; text-decoration: underline;}
.border-purple h5 {color: #4a2942;}
.border-purple h5 a:link {color: #4a2942; text-decoration: underline;}
.border-purple h5 a:visited {color: #4a2942; text-decoration: underline;}
.border-purple h5 a:hover {color: #cccccc; text-decoration: underline;}
.border-purple h5 a:active {color: #4a2942; text-decoration: underline;}
.border-purple span {color: #4a2942;}

.border-red {border-bottom: 1px solid #e00d3c; border-top: 10px solid #e00d3c;}
.border-red h2 {color: #e00d3c;}
.border-red h2 a:link {color: #e00d3c; text-decoration: underline;}
.border-red h2 a:visited {color: #e00d3c; text-decoration: underline;}
.border-red h2 a:hover {color: #cccccc; text-decoration: underline;}
.border-red h2 a:active {color: #e00d3c; text-decoration: underline;}
.border-red h5 {color: #e00d3c;}
.border-red h5 a:link {color: #e00d3c; text-decoration: underline;}
.border-red h5 a:visited {color: #e00d3c; text-decoration: underline;}
.border-red h5 a:hover {color: #cccccc; text-decoration: underline;}
.border-red h5 a:active {color: #e00d3c; text-decoration: underline;}
.border-red span {color: #e00d3c;}

.border-green {border-bottom: 1px solid #86beb7; border-top: 10px solid #86beb7;}
.border-green h2 {color: #86beb7;}
.border-green h2 a:link {color: #86beb7; text-decoration: underline;}
.border-green h2 a:visited {color: #86beb7; text-decoration: underline;}
.border-green h2 a:hover {color: #cccccc; text-decoration: underline;}
.border-green h2 a:active {color: #86beb7; text-decoration: underline;}
.border-green h5 {color: #86beb7;}
.border-green h5 a:link {color: #86beb7; text-decoration: underline;}
.border-green h5 a:visited {color: #86beb7; text-decoration: underline;}
.border-green h5 a:hover {color: #cccccc; text-decoration: underline;}
.border-green h5 a:active {color: #86beb7; text-decoration: underline;}
.border-green span {color: #86beb7;}



/* ------------ VARIOUS ITEMS -------------- */	


.alignleft {float: left; padding: 0 20px 20px 0;}
.alignright {float: right; padding: 0 0 20px 20px;}
.left {float: left;}
.clear {clear: both;}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {float: left;}
.border {border: 4px solid #ff5454;}
.nav-previous {float: left;}
.nav-next {float: right;}


#backtotop {
	background: #295863;
	display: block;
	position: fixed;
	right: 1rem;
	bottom:1rem;
	z-index: 99999;
	cursor: pointer;
	display: none;
	color:#999999;
	font-size:0.6875rem;
	width:3.125rem;
	height:3.125rem;
	line-height:3.125rem;
	text-align:center;	
	text-transform:uppercase;
	border-radius:3.125rem;
	transition: color 300ms ease-out;
}
#backtotop:hover {
	background:#666666;
}

img.career-img {
    padding-top:20px;
}


/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on different devices */
@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
  ul#menu-mobile li {
		background: none; 
	}
	
    }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
	ul#menu-mobile li {
		background: none; 
	}
	
	.find-out {
  position: relative;
  margin-top: 10px;
}

    }
@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 */
    }
@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 */
    }
@media only screen and (min-width: 120.063em) { /* min-width 1921px, xlarge screens */
    }