/*
Theme Name: Enable
Theme URI: https://www.enable-team.com/
Author: EBClark UX Design
Author URI: https://www.ebclark.co.uk/
*/

body { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:  1rem; color: #3D3935; margin: 0 !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

/* Set site colour scheme via child theme */
body { --site: #3D3935; --site-tint: rgba(206, 209, 213, 0.25); background: rgba(206, 210, 211, .5); }

#page { max-width: 125rem; position: relative; margin: 0 auto; background: #fff; }

.media-size { width: 100px; }

@media screen and (min-width: 64rem) {
	.media-size { width: 200px; }
}

.max-width,
	.nf-form-cont { max-width: 64rem; margin-left: auto; margin-right: auto; }

iframe { width: 100%; }

/* Maintain ratio of embedded videos */
.maintain-ratio { overflow: hidden; height: 0; padding-top: 56.25%; position: relative; }
.maintain-ratio .inside { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.maintain-ratio .inside iframe { width: 100%; height: 100%; }

/* fix styling on embedded video buttons */
.mejs-button button { padding: 0 !important; background-color: transparent !important; margin: 10px 6px !important; }
.mejs-time-total { margin-top: 5px !important; }

img.size-large { width: 1200px; height: auto; }

.img { height: 0; width:100%; padding-bottom: 56.25%; position: relative; } /* Set to match video ratio */
.img div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; }
.img.ratio43 { padding-bottom: 75%; }
.img.square { padding-bottom: 100%; }
.img.portrait { padding-bottom: 125%; }
.img.portrait-pano { padding-bottom: 150%; }
.img.pano { padding-bottom: 33%; }

.bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat;  -webkit-filter: grayscale(100%);filter: grayscale(100%); }
.bg-img .overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(to right, rgba(0,0,0,.85) , rgba(0,0,0,0.35)); }
.bg-img .overlay.light { background-image: linear-gradient(to right, rgba(206,210,211,1) , rgba(206,210,211,0)); }

@media screen and (min-width: 64rem) {
	.bg-img .overlay { width: 70%; background-image: linear-gradient(to right, rgba(0,0,0,.75) , rgba(0,0,0,0)); }
	.bg-img .overlay.light { width: 80%; background-image: linear-gradient(to right, rgba(206,210,211,1) , rgba(206,210,211,0)); }
}


h1, h2, h3, h4 { line-height: 1.2; }

dl dt { font-weight: 700; color: var(--site); text-transform: uppercase; }
dl dd { margin-left: 0; text-transform: uppercase; }

@media screen and (min-width: 48rem) {
	dl dt { padding-right: .25rem; display: inline; }
	dl dd { display: inline; }
}


.center { text-align: center; text-transform: uppercase; }


a:link, a:visited { color: #3D3935; }
a:hover, a:focus { color: var(--site); }

a.button:link, a.button:visited { display: inline-block; border-radius: 0 !important; font-size: 1rem !important; text-transform: uppercase; padding: .75rem 1.5rem; color: #fff; background-color: var(--site); text-decoration: none; font-weight: 700; }
a.button:hover, a.button:focus { color: #fff !important; background: #3D3935 !important; }

a.button:after { content: '\e902'; font-family: 'icomoon'; font-size: .85rem; padding-left: .25rem; }
a.button.plus:after { content: ''; padding-left: 0; }

a.more,
	span.more { text-transform: uppercase; font-weight: 700; text-decoration: none; }
a.more:after,
	span.more:after { content: '\e902'; font-family: 'icomoon'; font-size: .85rem; padding-left: .25rem; }


input,
	textarea,
	button,
	input[type=button] { border-radius: 0 !important; font-family: 'Montserrat', sans-serif; }

input[type=text],
	input[type=email],
	input[type=tel],
	input[type=number],
	input[type=search],
	textarea,
	select { padding: 1rem !important; font-family: 'Montserrat', sans-serif; font-size:  0.95rem; }

select { padding: 1.05rem 1rem !important; }

input[type=submit],
	input[type=button],
	button { display: inline-block; border-radius: 0 !important; border: 0; font-size: 1rem !important; text-transform: uppercase; padding: .75rem 1.5rem !important; color: #fff !important; background-color: var(--site) !important; text-decoration: none; font-weight: 700; }
input[type=submit]:hover,
	input[type=button]:hover,
	button:hover,
	input[type=submit]:focus,
	input[type=button]:focus,
	button:focus { color: #fff !important; background-color: #3D3935 !important; }

main .search-form { display: flex; }
main .search-form button { font-size: 1.25rem !important; padding: 1rem !important; }

.nf-form-content { padding: 0 !important; max-width: 64rem !important; }
.nf-form-fields-required { padding-bottom: 1rem; }

.nf-form-content .html-container { margin: 0 0 .5rem 0; }

.nf-field-container.highlight { background: var(--site-tint) !important; padding: 1rem; }

.nf-multi-cell .nf-cell { padding: 0 0 0 .5rem !important; }
.nf-multi-cell .nf-cell:first-child { padding: 0 .5rem 0 0 !important; }
.nf-multi-cell .nf-cell:only-child { padding: 0 0 0 0 !important; }

.nf-multi-cell .nf-progress-container { height: 6px; background: rgba(206, 209, 213, 0.25); border: 0; }
.nf-multi-cell .nf-progress-container .nf-progress { height: 6px; background: green; }
.nf-multi-cell .nf-breadcrumbs { margin: 2rem 0 !important; display: flex; justify-content: space-evenly; flex-wrap: nowrap; }
.nf-multi-cell .nf-breadcrumbs li { float: none; width: 100%;  }
.nf-multi-cell .nf-breadcrumbs li a { margin: 0; padding: .75rem 1.5rem; border-bottom: 6px solid #D9D9D9; text-transform: uppercase; font-weight: 700; text-align: center; width: 100%; height: 100%; }
.nf-multi-cell .nf-breadcrumbs li.active a { border-bottom-color: var(--site); color: var(--site); }
.nf-multi-cell input.nf-previous { padding-left: 2.25rem !important; background-image: url('../images/arrow-left-wht.svg'); background-position: 10% center; background-size: 1rem auto; background-repeat: no-repeat; }
.nf-multi-cell input.nf-next { padding-right: 2.5rem !important; background-image: url('../images/arrow-right-wht.svg'); background-position: 85% center; background-size: 1rem auto; background-repeat: no-repeat; }

@media screen and (min-width: 64em) {
	.nf-multi-cell .nf-breadcrumbs li a { font-size: 1.25rem; }
}

.nf-multi-cell .submit-container { margin: 0 0 -40px 0; float: right; }
.nf-multi-cell .nf-next-previous { margin: 0 !important; }
.nf-multi-cell input[type=submit] { padding-right: 2.5rem !important; background-image: url('../images/arrow-right-wht.svg'); background-position: 92% center; background-size: 1rem auto; background-repeat: no-repeat; }

.field-wrap .pikaday__container,
	.field-wrap .pikaday__display { width: auto !important; }
.date-wrap .nf-field-element > div { margin-right: 1rem; }
.date-wrap .nf-field-element > div:last-child { margin-right: 0; }
.date-wrap .nf-field-element > div:first-child { margin-bottom: 1rem; }
.date-wrap .nf-field-element .pikaday__container:only-child { margin-bottom: 0; margin-right: 0; width: 100% !important; }
.date-wrap .nf-field-element .pikaday__container:only-child .pikaday__display  { width: 100% !important; }

.flatpickr-current-month { padding: 0 !important; }
.flatpickr-monthDropdown-months { padding: 0 !important; }

@media screen and (min-width: 35rem) {
	.date-wrap .nf-field-element { display: flex; }
	.date-wrap .nf-field-element > div:first-child { margin-bottom: 0; }
}


.alm-btn-wrap, .lmp_load_more_button { text-align: center; margin-bottom: 2rem; }
.alm-btn-wrap button,
	.lmp_load_more_button a.lmp_button  { display: inline-block; text-indent: -2000rem; border: 0; color: #fff; background-color: var(--site) !important; background-image: url(../images/plus-wht.svg); background-repeat: no-repeat; background-size: 1.5rem auto; background-position: center; width: 2.5rem; height: 2.5rem; cursor: pointer; }
.alm-btn-wrap button:disabled,
		.alm-btn-wrap button[disabled] { opacity: .5; background-color: #cfd2d3; }


.slick-slider .slick-list { margin-bottom: 1rem; }
.slick-arrow { position: absolute; bottom: 50%; margin-bottom: -1rem; border: 0; text-indent: -2000rem; background-color: transparent !important; background-position: center; background-size: 1rem auto; background-repeat: no-repeat; z-index: 100; cursor: pointer; }
.slick-arrow:hover,
	.slick-arrow:focus { background-color: transparent !important; }
.slick-arrow.slick-prev { left: -.5rem; background-image: url('../images/arrow-left.svg'); }
.slick-arrow.slick-next { right: -1.25rem; background-image: url('../images/arrow-right.svg'); }

.slick-slider .slick-list figure { padding-right: 10px; }
.slick-slider .slick-list figure img { width: 100% !important; }

.slick-dots { list-style: none; margin: 0 !important; padding: 0 !important; text-align: center; }
.slick-dots li { margin: 0 .25rem !important; padding: 0 !important; display: inline-block; background: none !important; }
.slick-dots li button,
	.slick-dots li input[type=button] { background-color: #3D3935 !important; height: .5rem; width: .5rem; padding: 0 !important; border-radius: 50% !important;  text-indent: -2000rem; }
.slick-dots li.slick-active button,
	.slick-dots li.slick-active input[type=button] { background-color: var(--site) !important; }
.has-bg .slick-dots li button,
	.has-bg .slick-dots li input[type=button] { background-color: var(--site) !important; }
.has-bg .slick-dots li.slick-active button,
	.has-bg .slick-dots li.slick-active input[type=button] { background-color: #fff !important; }
.slick-dots li:before { content: '' !important; }

[class^="gallery-"] .slick-arrow, 
	[class*=" gallery-"] .slick-arrow { bottom: -.5rem; }
[class^="gallery-"] .slick-arrow.slick-prev, 
	[class*=" gallery-"] .slick-arrow.slick-prev { left: 0; background-position: left center; }
[class^="gallery-"] .slick-arrow.slick-next, 
	[class*=" gallery-"] .slick-arrow.slick-next { right: auto; left: 1rem; background-position: right center; }

.slick-slider .slick-list figure { margin: 1rem 0; }
.slick-slider .slick-list figure:hover { transform: scale(1.2,1.2); }
.slick-slider.gallery-size-large .slick-list figure:hover { transform: none; }

.slick-slider .slick-list figcaption { display: none; }

@media screen and (min-width: 48rem) {
	.slick-slider .slick-list figure { padding-right: 10px; }
}


/* Popups */
.popup-overlay { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(206,210,213,.2); z-index: 900; }
.popup { display: none; position: fixed; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 48rem; background: #fff; padding: 2rem 0; }
.popup .icon-close { position: absolute; top: 1rem; right: 1rem; text-decoration: none; }

section .popup { cursor: default; }
section .popup .copy-and-media.right { margin: 0; }
section .popup .copy-and-media.right .container { display: flex; flex-wrap: wrap; justify-content: space-between; height: 60vh; overflow-x: scroll; align-items: flex-start; }
section .popup .copy-and-media.right .img-container { width: 100%; }
section .popup .img { margin-bottom: 1rem; }
section .popup .copy { padding: 0 !important; text-align: left; }
section .popup .copy p { text-transform: none; }

@media screen and (min-width: 30rem) {
	section .popup .copy-and-media.right .container { flex-direction: row; }
	section .popup .copy-and-media.right .img-container { width: 38%; }
	section .popup .copy-and-media.right .copy { width: 54%; }
}


/* GROUP NAV */
header .group-nav { width: 100%; display: flex; flex-wrap:  nowrap; justify-content: space-between; background: #cfd2d3; font-size: .85rem; }
header .group-nav p { padding: 0.5rem 1rem; margin: 0; text-transform: uppercase; font-weight: 600; width: 100%; display: none; }
header .group-nav a.home { padding: 0.3rem 1rem 0; text-decoration: none; font-size: 1.2rem; }

.menu-group-container ul { list-style: none; margin: 0; padding: 0; width: auto; font-size: .85rem; }
.menu-group-container ul li a { display: block; text-transform: uppercase; font-weight: 600; text-decoration: none; margin: 0 0 .5rem 0; color: #3D3935; }
.menu-group-container ul li a span  { display: block; background-size: auto 15px; background-repeat: no-repeat; background-position: center left; padding-left: 20px; }
.menu-group-container ul li.infrastructure a span  { background-image: url('../images/infrastructure-e.svg'); }
.menu-group-container ul li.hire a span  { background-image: url('../images/hire-e.svg'); }
.menu-group-container ul li.resourcing a span  { background-image: url('../images/resourcing-e.svg'); }
.menu-group-container ul li.design a span  { background-image: url('../images/design-e.svg'); }
.menu-group-container ul li.welfare a span  { background-image: url('../images/welfare-e.svg'); }
.menu-group-container ul li.logistics a span  { background-image: url('../images/logistics-e.svg'); }

header .menu-group-container ul { display: flex; justify-content: flex-end; flex-wrap: nowrap; }
header .menu-group-container ul li { width: 4rem; }
header .menu-group-container ul li a { border-left: 3px solid #fff; margin: 0; padding: .5rem 1rem; text-align: center; }
header .menu-group-container ul li a:hover,
	header .menu-group-container ul li a:focus { background-color: #3D3935; color: #fff !important; }
header .menu-group-container ul li a span { text-indent: -2000rem; background-position: center center; }
header .menu-group-container ul li a:hover span,
	header .menu-group-container ul li a:focus span { background-image: url('../images/white-e.svg'); }

header .menu-group-container ul li.infrastructure a:hover,
	header .menu-group-container ul li.infrastructure a:focus { background-color: #a12b2a; }
header .menu-group-container ul li.hire a:hover,
	header .menu-group-container ul li.hire a:focus { background-color: #00A0DF; }
header .menu-group-container ul li.resourcing a:hover,
	header .menu-group-container ul li.resourcing a:focus { background-color: #ff5f00; }
header .menu-group-container ul li.design a:hover,
	header .menu-group-container ul li.design a:focus { background-color: #58b947; }
header .menu-group-container ul li.welfare a:hover,
	header .menu-group-container ul li.welfare a:focus { background-color: #57b6b2; }
header .menu-group-container ul li.logistics a:hover,
	header .menu-group-container ul li.logistics a:focus { background-color: #EAAA00; }

header .menu-group-container ul li.current a { color: #fff; background-color: var(--site); }
header .menu-group-container ul li.current a span  { background-image: url('../images/white-e.svg'); }

@media screen and (min-width: 64rem) {
	header .group-nav p { display: block; width: 20%; padding-left: 3rem; }

	.menu-group-container { width: 100%; }
	header .menu-group-container ul { justify-content: space-evenly; }
	header .menu-group-container ul li { width: 100%; }
	header .menu-group-container ul li a span { display: inline-block; text-indent: 0; background-position: center left; }
}


/* HEADER */
header .container { padding: 1rem; }

header .site-branding .logo { display: block; width: 120px; }
header .site-branding .logo img { display: block; }

header .container {position: relative; }
header .main-navigation button.menu-toggle,
	header .main-navigation button.search-toggle { color: #3D3935 !important; border: 0; padding: 0 !important; background: transparent !important; cursor: pointer; font-size: 1.5rem !important; position: absolute; top: 2.75rem; right: 1rem; }
header .main-navigation button.menu-toggle:hover,
	header .main-navigation button.search-toggle:hover,
	header .main-navigation button.menu-toggle:focus,
	header .main-navigation button.search-toggle:focus { color: var(--site) !important; }
header .main-navigation button.search-toggle { right: 3.5rem; }
header .main-navigation .menus { display: none; padding: 1rem; background: var(--site); position: absolute; top: 4.5rem; left: 0; right: 0; z-index: 100000; }
header .main-navigation ul li { text-transform: uppercase; font-weight: 600; padding-bottom: .25rem; padding-left: 1.5rem; }
header .main-navigation ul li.current-menu-item > a,
	header .main-navigation ul li.current-page-parent > a,
	header .main-navigation ul li.current-page-ancestor > a { color: var(--site); }
header .main-navigation ul a { color: #fff !important; }
header .main-navigation ul ul a { color: #fff !important; }
header .main-navigation ul ul { font-size: .85rem; padding-left: 1.5rem; display: none; width: 100%; }
header .main-navigation ul ul ul { font-size: .85rem; padding-left: 1.5rem; display: none; }

header .main-navigation ul li.social { display: inline-block; padding: 0 1.25rem 0 0; margin-top: 1rem; }
header .main-navigation ul li.social.facebook { padding: 0 .4rem 0 0; }
header .main-navigation ul li.social a { display: block; width: 1.5rem; height: 1.5rem; background-repeat: no-repeat; background-size: 1.5rem 1.5rem; background-position: center; border-radius: 3px; text-indent: -2000rem; }

header .main-navigation ul li.menu-item-has-children { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; padding-left: 0; }
header .main-navigation ul li.menu-item-has-children button { width: 1.5rem; text-align: left; padding: 0 !important; color: ##fff !important; background: none !important; }
header .main-navigation ul li.menu-item-has-children button:hover,
	header .main-navigation ul li.menu-item-has-children button:focus { color: #fff !important; }


header .main-navigation .sub-menus { position: absolute; top: .75rem; right: 1rem; }
header .main-navigation .sub-menus ul { font-size: 0.85rem; }
header .main-navigation .sub-menus ul li.quote { padding-right: 1.5rem; }
header .main-navigation .sub-menus ul li a { color: var(--site); }

header .main-navigation .sub-menus ul li.button a { color: #fff !important; background: var(--site); padding: .15rem .5rem; }

header .ywraq_number_items { position: absolute; top: -.1rem; right: 0; background: var(--site); width: 1.25rem; height: 1.25rem; text-align: center; font-size: .85rem; font-weight: 700; border-radius: 50%; }
header .ywraq_number_items a { color: #fff; text-decoration: none; }
header .ywraq_number_items span { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

header .search { display: none; padding: 0 1rem 1rem; background: var(--site); width: 100%; position: absolute; top: 4.5rem; left: 0; right: 0; z-index: 100000; }
header .search-form { width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; padding-top: 1rem; }
header .search-form label,
	header .search-form input[type=search] { width: 100%; font-size: .85rem; border-color: var(--site); }
header .search-form input,
	header .search-form button { height: 1.75rem; padding: .25rem .75rem !important; }
header .search-form button { width: 1.75rem; padding: 0 !important; background: var(--site); border-color: var(--site); color: #fff !important; }


header .phone-desktop { display: none; }
header .phone-mobile { display: block; width: auto; font-weight: 600; line-height: 1; padding-top: 1rem; }
header .phone-mobile a { color: var(--site); text-decoration: none; }
header .phone-mobile span { display: none; }

header a.float-only { display: none !important; }


header .floating { width: 100%; max-width: 125rem; border-bottom: 1px solid #cfd2d3; position: fixed; top: 0; z-index: 100000; background: #fff; display: none; }
header .floating .container { display: flex; justify-content: space-between; align-items: center; padding-top: .75rem; padding-bottom: .75rem; }
header .floating .logo { display: block; width: 20px; }
header .floating .logo img { display: block; }
header .floating a.phone { padding-top: 0; color: var(--site); text-decoration: none; font-weight: 600; }
header .floating a.float-only { display: block !important; }
header .floating a.button { padding: .5rem 1rem; }
header .floating .ywraq_number_items { position: relative; }
header .floating .ywraq_number_items:before { content: 'Quote'; position: absolute; right: 1.5rem; font-weight: 600; color: var(--site); text-transform: uppercase; }


@media screen and (min-width: 30rem) {
	header .site-branding .logo { display: block; width: 150px; }

	header .main-navigation .menus,
		header .search  { top: 5rem; }

	header .main-navigation .phone-mobile { position: absolute; bottom: 1.1rem; right: 6rem; }
	header .floating .phone-mobile a { border-right: 2px solid var(--site); font-size: 1.25rem; padding: 0 1rem 0 0; }
	header .floating .phone-mobile span { display: inline; }
	header .floating .ywraq_number_items:before { content: 'Your quote'; width: 8rem; text-align: right; }
}

@media screen and (min-width: 64rem) {
	header .container { padding-left: 3rem; display: flex; flex-wrap: nowrap; justify-content: space-between; }

	header .site-branding .logo { width: 170px; }

	header .main-navigation button.menu-toggle,
		header .main-navigation button.search-toggle,
		header .main-navigation ul li.menu-item-has-children button { display: none; }

	header .main-navigation .sub-menus { display: flex; float: right; position: relative; top: auto; right: auto; }
	header .main-navigation .menus { display: block; float: right; clear: both; padding: 0; background: transparent; position: relative; top: auto; left: auto; right: auto; }
	header .main-navigation ul { justify-content: flex-end; margin-top: 1rem; }
	header .main-navigation ul li { padding: 0 0 0 1.5rem; }
	header .main-navigation ul li a { color: #3D3935 !important; }
	header .main-navigation ul li.menu-item-has-children { display: inline-block; padding: 0 0 0 1.5rem; }
	header .main-navigation ul li.menu-item-has-children a { width: auto; }
	header .main-navigation ul ul li a,
		header .main-navigation ul ul li.menu-item-has-children a { width: 12rem; color: #fff !important; }
	header .main-navigation ul ul { padding: .75rem 1rem; background: var(--site); width: auto; }
	header .main-navigation ul ul li { padding: 0 0 .5rem 0; }
	header .main-navigation ul ul li:last-child { padding: 0 0 0 0; }
	header .main-navigation ul ul li.menu-item-has-children { padding: 0 0 .5rem 0; }
	header .main-navigation ul ul li.menu-item-has-children > a:after { content: "\e900"; font-family: 'icomoon' !important; float: right; padding-right: .25rem; }
	header .main-navigation ul ul li.menu-item-has-children > a.open:after { content: "\e902"; }
	header .main-navigation ul ul ul { background: var(--site); }
	header .main-navigation ul ul ul li a { color: #fff; }
	header .main-navigation ul ul ul li.current-menu-item > a { color: #fff; }

	header .main-navigation ul li.social {  padding: 0 0 0 1.25rem; margin-top: 0; }
	header .main-navigation ul li.social.facebook {  padding: 0 0 0 .4rem; }
	header .main-navigation ul li.social.linkedin { padding: 0 0 0 1rem; }

	header .main-navigation .sub-menus ul { margin-top: .35rem; }

	header .main-navigation .sub-menus .ywraq_number_items { top: .3rem; }

	header .main-navigation .sub-menus ul li.button a { margin-top: -.35rem; padding: .25rem .75rem; }

	header .search { display: flex; justify-content: space-between; width: 27rem; float: right; padding: 0; background: transparent; position: relative; top: auto; left: auto; right: auto; z-index: 0; }
	header .search-form { padding-top: 0; width: 15rem; }

	header .main-navigation .phone-desktop { display: inline-block; font-weight: 600; line-height: 1; width: auto; }
	header .main-navigation .phone-desktop a { color: var(--site); text-decoration: none; border-right: 2px solid var(--site); font-size: 1.25rem; padding: 0.25rem 1rem 0 0; }
	header .main-navigation .phone-desktop span { display: none; }
	header .main-navigation .phone-mobile { display: none; }

	header .floating a.phone { font-size: 1.125rem; }

}
@media screen and (min-width: 75rem) {
	header .main-navigation ul li,
		header .main-navigation ul li.menu-item-has-children { padding: 0 0 0 2.5rem; }
	header .main-navigation ul ul li,
		header .main-navigation ul ul li.menu-item-has-children { padding: 0 0 .5rem 0; }

	header .main-navigation ul li.social.linkedin { padding: 0 0 0 2rem; }
}


header.page-has-bg-img { position: absolute; z-index: 1000000; width: 100%; background: rgba(61, 57, 53, 0.68); }
header.page-has-bg-img .main-navigation button.menu-toggle,
	header.page-has-bg-img .main-navigation button.search-toggle { color: #fff !important; }
header.page-has-bg-img .main-navigation,
	header.page-has-bg-img .main-navigation a { color: #fff !important; }
header.page-has-bg-img ul li [class^="icon-"], 
	header.page-has-bg-img ul li [class*=" icon-"] { color: #fff; }
header.page-has-bg-img .main-navigation input { border-color: #fff; background: transparent; color: #fff; }
header.page-has-bg-img .main-navigation input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
header.page-has-bg-img .main-navigation input::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
header.page-has-bg-img .main-navigation input:-ms-input-placeholder { /* IE 10+ */ color: #fff; }
header.page-has-bg-img .main-navigation input:-moz-placeholder { /* Firefox 18- */ color: #fff; }
header.page-has-bg-img .main-navigation .search-form button { background: #fff !important; border-color: #fff !important; color: #3D3935 !important; }
header.page-has-bg-img .main-navigation ul li.current-menu-item > a,
	header.page-has-bg-img .main-navigation ul li.current-page-parent > a,
	header.page-has-bg-img .main-navigation ul li.current-page-ancestor > a { border-bottom: 2px solid #fff; }
header.page-has-bg-img .main-navigation ul ul a { border-bottom: 0 !important; }



/* FOOTER */
footer { clear: both; }
footer .site-info { padding: 1rem; background: #ced2d5; }
footer .legals { padding: 1rem; background: #fff; font-size: .85rem; color: #535459; }

footer h3 { text-transform: uppercase; }

footer ul { margin-left: 0; padding-left: 1.25rem; }
footer ul.menu { list-style: none; margin: 0; padding: 0; }

footer ul li a { text-decoration: none; color: #3D3935 !important; }

footer .legals ul li { padding-right: 1rem; display: inline; }

footer .site-info ul ul { display: none; }
footer .site-info ul li a { text-transform: uppercase; }
footer .site-info .widget:first-child ul li a { font-weight: 700; }
footer .site-info ul li.social { display: none; }

footer .legals p { margin-bottom: 0; }
footer .legals a { color: var(--site) !important; }

@media screen and (min-width: 64rem) {
	footer .site-info { padding: 1rem 3rem; }
	footer .site-info { display: flex; justify-content: space-between; }
	footer .site-info .widget { width: 30%; }

	footer .legals { padding: 1rem 3rem; }
}



/* MAIN */
main { clear: both; }

main .has-menu { display: flex; justify-content: space-between; flex-wrap: wrap-reverse; }

main .has-menu nav.left { width: 100%; }
main .has-menu .content { width: 100%; }

nav.left .open-menu {  }
nav.left h2 { font-size: 1rem; text-transform: uppercase; color: var(--site); margin-top: 0; }
nav.left ul { list-style: none; margin: 0 0 2rem 0; padding: 0; font-size: .85rem; }
nav.left ul li { text-transform: uppercase; font-weight: 700; padding-bottom: .5rem; }
nav.left ul li a { text-decoration: none !important; }
nav.left ul li.active a { color: var(--site); }

@media screen and (min-width: 64rem) {
	main .has-menu { flex-wrap: nowrap; }

	main .has-menu nav.left { width: 15%; }
	main .has-menu .content { width: 80%; }


}

section { margin: 1rem 0; clear: both; }
.container { padding: 0 1rem; margin: 0 auto; }

section.lht-grey { margin: 0; padding: 1.5rem 0; background: rgba(206, 209, 213, 0.25); }
section.grey { margin: 0; padding: 1.5rem 0; background: #ced2d3; }
section.dk-grey { margin: 0; padding: 1.5rem 0; background: #3D3935; color: #fff; }
section.brand { margin: 0; padding: 1.5rem 0; background: var(--site); color: #fff; }

section.brand a,
	section.dk-grey a { color: #fff; }
section.brand a:hover, section.brand a:focus { color: #3D3935; }
section.grey a:hover, section.grey a:focus { color: #fff; }
section.dk-grey a:hover, section.dk-grey a:focus { color: var(--site); }

@media screen and (min-width: 64rem) {
	section { margin: 3rem 0; }
	.container { padding: 0 3rem; }

	section.lht-grey { padding: 3rem 0; }
	section.grey { padding: 3rem 0; }
	section.dk-grey { padding: 3rem 0; }
	section.brand { padding: 3rem 0; }
}

main section :first-child { margin-top: 0; }

main article header { position: relative; padding: 0 1rem; display: block; }
main article header.bg-img { padding: 10rem 1rem 2rem 1rem; position: relative; }

main article header h1 { text-transform: uppercase; font-weight: 700; max-width: 64rem; }
main article header.bg-img h1 { position: relative; color: #fff; }

@media screen and (min-width: 64rem) {
	main article header { padding: 0 1rem 0 3rem; }
	main article header.bg-img { padding: 14rem 1rem 6rem 3rem; }
}

main article .breadcrumb { margin: 1rem 0 2rem; }
main article .breadcrumb,
	main article .breadcrumb a { color: #7d7d7d; }
main article .breadcrumb ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
main article .breadcrumb ul li:after { content: '>'; padding: 0 .5rem; }
main article .breadcrumb ul li:last-child:after { content: ''; padding: 0; }
main article .breadcrumb a { text-decoration: none; }


/* Homepage */
.hero-container {  }
.hero-container section { position: relative; margin: 0; padding-top: 2rem; padding-bottom: 2rem; }
.hero-container section h1,
	.hero-container section h2,
	.hero-container section h3 { text-transform: uppercase; }
.hero-container section a { text-decoration: none; text-transform: uppercase; font-weight: 700; }

.hero-container section.hero { color: #fff; }
.hero-container section.hero .copy { position: relative; }

.hero-container section.shoutouts { background: #3D3935; padding: 0 0 !important; }
.hero-container section.shoutouts .container { padding: 0 0 2rem 0; }
.hero-container section.shoutouts.is-carousel .container { padding: 0 0 1rem 0; }
.hero-container section.shoutouts h2 { padding: 2rem 0 0.75rem 0; margin-left: 1rem; color: #fff; border-bottom: 3px solid var(--site); }
.hero-container section.shoutouts .shoutout { color: #fff; padding: 0 1rem; }
.hero-container section.shoutouts .shoutout a { color: #fff; }

.hero-container section.shoutouts .slick-dots li button,
	.hero-container section.shoutouts .slick-dots li input[type=button] { background-color: #fff !important; }
.hero-container section.shoutouts .slick-dots li.slick-active button,
	.hero-container section.shoutouts .slick-dots li.slick-active input[type=button] { background-color: var(--site) !important; }

@media screen and (min-width: 64rem) {
	.hero-container.inc-shoutout { display: flex; }
	.hero-container.inc-shoutout section.hero { width: 66.66% }
	.hero-container.inc-shoutout section.shoutouts { width: 33.33%; }

	.hero-container section.hero .copy { width: 55%; }

	.hero-container section.shoutouts h2 { margin-left: 2rem; }
	.hero-container section.shoutouts .shoutout { padding: 0 2rem; }
}
@media screen and (min-width: 100rem) {
	.hero-container section.hero .copy { width: 40%; }
}

.video-hero-container { position: relative; overflow: hidden; padding-top: 10rem; }
.video-hero-container video { position: absolute; top: 0; left: 0; object-fit: cover; z-index: 0; width: 100%; height: 100%; }
.video-hero-container section { margin: 0; }
.video-hero-container .container { padding: 0; }
.video-hero-container .copy { position: relative; background: rgba(177, 177, 177, 0.75); padding: 1rem; margin: 0 1rem; }
.video-hero-container .copy h1 { font-size: 1.75rem; text-transform: uppercase; color: #fff; margin: 0; }

.video-hero-container .icons { position: relative; color: #fff; background: linear-gradient(0deg, #040404 7.5%, rgba(59, 16, 15, 0) 100%); margin-top: 2rem; padding-bottom: 2rem; }
.video-hero-container .icons a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; display: flex; justify-content: flex-start; }
.video-hero-container .icons ul { list-style: none; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.video-hero-container .icons ul li { width: 100%; padding: 1rem 2rem; line-height: 1.2; position: relative; }
.video-hero-container .icons ul li p { margin: 1rem; padding: 0; }
.video-hero-container .icons ul li span { display: inline-block; }
.video-hero-container .icons [class^="icon-"], 
	.video-hero-container .icons [class*=" icon-"] { font-size: 4rem; }
.video-hero-container .icons ul li span.more { font-size: .75rem; padding: .75rem 1rem; background: var(--site); width: auto; display: none; }

.video-hero-container.has-image { background-position: center; background-size: cover; }

@media screen and (min-width: 30rem) {
	.video-hero-container .icons ul li { width: 50%; }
}
@media screen and (min-width: 48rem) {
	.video-hero-container .copy { width: 75%; }

	.video-hero-container .icons a { display: inline-block; text-align: center; }
	.video-hero-container .icons ul li { width: 25%; }
	.video-hero-container .icons ul li p { text-align: center; margin: 1rem 0; }
	.video-hero-container .icons ul li span { width: 100%; }
	.video-hero-container .icons ul li span.more { display: inline-block; }
}
@media screen and (min-width: 64rem) {
	.video-hero-container { padding-top: 14rem; }
	.video-hero-container .copy { padding: 2rem; margin: 0 3em; }
	.video-hero-container .copy h1 { font-size: 2.75rem; }

	.video-hero-container .icons { margin-top: 4rem; }
	.video-hero-container .icons a { font-size: 1.25rem; }
	.video-hero-container .icons ul li p { width: 90%; margin: 1rem 5%; }
	.video-hero-container .icons [class^="icon-"], 
		.video-hero-container .icons [class*=" icon-"] { font-size: 6rem;  }
}
@media screen and (min-width: 100rem) {
	.video-hero-container .copy h1 { font-size: 3.75rem; }
	.video-hero-container .icons { margin-top: 6rem; }
}



/* Posts and case studies */
/* List */
.grid .item { display: flex; justify-content: space-between; margin-bottom: 2rem; }
.grid .item .img-container { width: 48%; }
.grid .item .copy { width: 100%; }
.grid .item.has-img .copy { width: 48%; }
.grid .item .copy .post-type { display: none; }

.grid .item .copy h2 { font-size: 1.2rem; text-transform: uppercase; margin-top: 0; }
.grid .item .copy h2 a { text-decoration: none !important; color: var(--site); }

.projects .grid .item.has-img .img-container { display: none; }
.projects .grid .item.has-img .copy { width: 100%; }

.archive .grid {  }
.archive .grid .item.post-has-bg { display: block; filter: grayscale(1) brightness(1); background-position: center; background-size: cover; aspect-ratio: 1 / 1; text-decoration: none; }
.archive .grid .item.post-has-bg .overlay { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.75s ease;  }
.archive .grid .item.post-has-bg:hover { filter: grayscale(0); transform: scale(1.01,1.01); }
.archive .grid .item.post-has-bg:hover .overlay { background: var(--site); }
	.archive .grid .item.post-has-bg:hover .overlay.design { background: #59AF31; }
	.archive .grid .item.post-has-bg:hover .overlay.hire { background: #00A0DF; }
	.archive .grid .item.post-has-bg:hover .overlay.infrastructure { background: #A12B2A; }
	.archive .grid .item.post-has-bg:hover .overlay.logistics { background: #EAAA00; }
	.archive .grid .item.post-has-bg:hover .overlay.power.systems { background: #773DBD; }
	.archive .grid .item.post-has-bg:hover .overlay.renewables { background: #E50695; }
	.archive .grid .item.post-has-bg:hover .overlay.welfare { background: #57b6b2; }

.archive .grid .item.post-has-bg .copy { position: relative; padding: 1rem; aspect-ratio: 1 / 1; }
.archive .grid .item.post-has-bg .copy h2 { font-size: 1.625rem; color: #fff; display: block; transition: display .75s ease; }
.archive .grid .item.post-has-bg:hover .copy h2 { display: none; }
.archive .grid .item.post-has-bg .copy p { display: none; transition: display .75s ease; }
.archive .grid .item.post-has-bg:hover .copy p { display: block; color: #fff; margin: 0; }
.archive .grid .item.post-has-bg .copy span.more { display: inline-block; text-transform: uppercase; padding: .75rem 1.5rem; color: #fff !important; background: transparent; border: 3px solid #fff; text-decoration: none; font-weight: 700; position: absolute; bottom: 2rem; }

@media screen and (min-width: 40rem) {
	.archive .grid .item.post-has-bg { width: 60%; margin: 0 20% 10px; }
}

@media screen and (min-width: 48rem) {
	/*.grid { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.grid .item { width: 45%; }*/

	.grid .item .img-container,
		.projects .grid .item.has-img .img-container { width: 30%; }
	.grid .item.has-img .copy,
		.projects .grid .item.has-img .copy  { width: 66%; }

	.projects .grid .item.has-img .img-container { display: block; }

	.archive .grid .item.post-has-bg { padding: 2rem; }
}

@media screen and (min-width: 64rem) {
	.grid .item { flex-direction: row-reverse; }

	.archive .grid { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.archive .grid .item.post-has-bg { padding: 1rem; width: calc((100% - 10px) / 2); margin: 0 0 10px 0; }
}

@media screen and (min-width: 75rem) {
	.archive .grid .item.post-has-bg { padding: 2rem; }
}

@media screen and (min-width: 100rem) {
	.archive .grid .item.post-has-bg { width: calc((100% - 20px) / 3); }
}

/* Single */
.post.case-study h2,
	.post.news h2.post-title { font-size: 1rem; font-weight: 700; color: var(--site); text-transform: uppercase; }
	.post.news h2.post-title { margin-bottom: 0; }

.post .date { font-size: 1rem; font-weight: 700; text-transform: uppercase; margin-top: 0; }

.gallery { margin-bottom: 2rem; }


/* Sectors */
.sectors .grid .item .copy .post-type { display: inline-block; text-transform: uppercase; font-size: .85rem; color: #fff; background: var(--site); padding: 0 3px; }


/* Search */
.search-results .grid .item .copy .post-type { display: inline-block; text-transform: uppercase; font-size: .85rem; color: #fff; background: var(--site); padding: 0 3px; }

@media screen and (min-width: 48rem) {
	.search-results .grid,
	.search-results .grid .alm-reveal { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.search-results .grid .item { width: 45%; }
}


/* Shop / woocommerce */
.shop-pages .term-description { margin-bottom: 2rem; }
.shop-pages .term-description p:first-child { margin-top: 0; }
.shop-pages .woocommerce-result-count { text-transform: uppercase; font-weight: 700; font-size: .85rem; margin-bottom: 2rem; }
.shop-pages .content .woocommerce-ordering { display: none; }
.woocommerce ul.products::before { content: ""; display: inline-block; }
.woocommerce-page ul.products::before { content: ""; display: inline-block; }
.woocommerce .products ul, .woocommerce ul.products, 
	.search-results .content.products .grid { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: 0; padding: 0; }
.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.search-results .content.products .grid a.product { border: 2px solid #ccc; margin-bottom: 2rem !important; }
.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product:first-child { margin-right: 4%; }
.woocommerce ul.products li.product h2, 
	.woocommerce-page ul.products li.product h2,
	.search-results .content.products .grid a.product h2 { text-transform: uppercase; padding: 0 1rem 0.5rem !important; color: var(--site); }

.search-results .content.products .grid a.product { display: block; width: 48%; text-decoration: none; font-size: 1rem !important; }
.search-results .content.products .grid a.product img { margin-bottom: .5rem; width: 100%; }
.search-results .content.products .grid a.product .copy h2 { font-size: 1rem !important; padding-bottom: 0 !important; }
.search-results .content.products .grid a.product .copy .more { display: block; font-size: .85rem !important; margin: 0 0 1rem 1rem !important; padding: 0 !important; color: #3D3935 !important; }

.woocommerce div.product div.images,
	.woocommerce-page div.product div.images { float: right; padding: 0 1rem; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { right:  1.5rem; }
.woocommerce div.product div.images.woocommerce-product-gallery ol.flex-control-nav li { width: 21.25%; margin: 1rem 5% 0 0 }
.woocommerce div.product div.images.woocommerce-product-gallery ol.flex-control-nav li:nth-child(4n) { margin: 1rem 0 0 0; }

.woocommerce div.product div.summary,
	.woocommerce-page div.product div.summary { float: left; padding: 0 1rem; }
.woocommerce div.product div.summary.entry-summary { margin: 0 0 2rem 0; }
.woocommerce div.product div.summary .price { margin: 0; }
.woocommerce div.product div.summary p { margin-top: 0; }

.product h2.product-title { display: none; }

.woocommerce .add-request-quote-button.button { background-color: var(--site) !important; }
.woocommerce .add-request-quote-button.button:hover { background-color: var(--site) !important; }
.woocommerce .add-request-quote-button.button:after { font-size: .75rem; }

.product_meta { margin-top: 2rem; font-size: .85rem; }
.product_meta .posted_in,
	.product_meta .tagged_as { display: block; font-weight: 600; }
.product_meta .posted_in a,
	.product_meta .tagged_as a { text-decoration: none; }

.woocommerce div.product .up-sells { background: #ededed; padding: 2rem 1rem; }
.woocommerce div.product .related { padding: 0 1rem; }
.woocommerce div.product .up-sells h2,
	.woocommerce div.product .related h2 { text-transform: uppercase; margin-bottom: 2rem; }
.woocommerce div.product .up-sells ul.products li.product, 
	.woocommerce-page div.product .up-sells ul.products li.product,
	.woocommerce div.product .related ul.products li.product, 
	.woocommerce-page div.product .related ul.products li.product { background: #fff; margin: 0 !important; }


.shop-pages nav.left .open-menu { margin-bottom: 2rem; }
.shop-pages nav.left ul { display: none; }

@media screen and (min-width: 48rem) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product:first-child { margin-right: 2.8%; }

	.search-results .content.products .grid a.product { width: 22.05%; }

	.woocommerce div.product div.images,
		.woocommerce-page div.product div.images { padding: 0 1rem 0 0; }

	.woocommerce div.product div.summary,
		.woocommerce-page div.product div.summary { padding: 0 0 0 1rem; }
	.woocommerce div.product div.summary.entry-summary { margin: 0 0 3rem 0; }
}

@media screen and (min-width: 64rem) {
	.shop-pages { display: flex; justify-content: space-between; }

	.shop-pages nav.left { width: 15%; }
	.shop-pages nav.left .open-menu { display: none; }
	.shop-pages nav.left ul { display: block; }

	.shop-pages .content { width: 80%; }

	.search-results .content.products .grid a.product { width: 18%; }

	.woocommerce div.product div.images,
		.woocommerce-page div.product div.images { padding: 0 6rem 0 0; }
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger { right:  7rem; }
	.woocommerce div.product div.images.woocommerce-product-gallery ol.flex-control-nav li { width: 22.5%; margin: 1rem 3.33% 0 0 }
	.woocommerce div.product div.images.woocommerce-product-gallery ol.flex-control-nav li:nth-child(4n) { margin: 1rem 0 0 0; }

	.woocommerce div.product div.summary,
		.woocommerce-page div.product div.summary { padding: 0 0 0 6rem; }

	.product h2.product-title { padding-left: 6rem; margin-bottom: 0; }

	.woocommerce div.product .up-sells { padding: 3rem 5rem; }
	.woocommerce div.product .related { padding: 0 5rem; }
}

@media screen and (min-width: 75rem) {

	.woocommerce div.product div.images,
		.woocommerce-page div.product div.images { padding: 0 8rem 0 0; }
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger { right:  9rem; }

	.woocommerce div.product div.summary,
		.woocommerce-page div.product div.summary { padding: 0 0 0 8rem; }

	.product h2.product-title { padding-left: 8rem; }

	.woocommerce div.product .up-sells { padding: 3rem 7rem; }
	.woocommerce div.product .related { padding: 0 7rem; }
}


/* REQUEST A QUOTE */
.woocommerce-page ul.products li.product .yith-ywraq-add-button .add-request-quote-button.button { font-size: .85rem !important; margin: 0 0 1rem 1rem !important; padding: 0 !important; background-color: #fff !important; color: #3D3935 !important; border: 0 !important }

.woocommerce-page div.product div.summary .yith-ywraq-add-button .add-request-quote-button.button { border-color: var(--site) !important; color: #fff !important; background-color: var(--site) !important; }

.woocommerce-page ul.products li.product .yith_ywraq_add_item_response_message { padding: 0 1rem; }
.woocommerce-page ul.products li.product .yith_ywraq_add_item_browse_message { padding: 0.5rem 1rem 1rem; }
.yith_ywraq_add_item_browse_message a { font-weight: 700; text-transform: uppercase; font-size: .85rem; }


.yith-request-a-quote-page header .container { padding-bottom: .5rem; }
.yith-request-a-quote-page header .group-nav,
	.yith-request-a-quote-page header .main-navigation .sub-menus,
		.yith-request-a-quote-page header .main-navigation button,
		.yith-request-a-quote-page header .main-navigation .search,
		.yith-request-a-quote-page header .main-navigation .menus { display: none; }
.yith-request-a-quote-page header .main-navigation .phone { border-right: 0; right: 0; }
.yith-request-a-quote-page header .main-navigation .phone span { display: inline; }
.yith-request-a-quote-page header .site-branding .logo { width: 100px; }

.yith-request-a-quote-page main { position: relative; }
.yith-request-a-quote-page main .blocks section:first-child { margin: 0; }
.yith-request-a-quote-page main article header.bg-img { position: absolute; z-index: 0; padding-top: 4rem; }
.yith-request-a-quote-page main article header.bg-img h1 { font-size: 1.5rem; }

.yith-request-a-quote-page main article .breadcrumb { display: none; }

.yith-request-a-quote-page footer .site-info { display: none; }

.yith-ywraq-before-table .button { margin-bottom: 2rem !important; }

.ywraq-wrapper { position: relative; padding: 9rem 0 2rem; }
.ywraq-wrapper .ywraq-form-table-wrapper { display: flex; flex-wrap: wrap-reverse; background: #fff; }
.ywraq-wrapper .ywraq-form-table-wrapper form { width: 100%; padding: 1rem; background: #fff; }
.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper,
	.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form { width: 100%; background: var(--site); }
.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper form,
	.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form form { padding: 2rem; background: var(--site); }

.ywraq-wrapper .ywraq-form-table-wrapper h3.ywraq-form-title,
	.ywraq-wrapper .ywraq-form-table-wrapper .nf-form-fields-required { display: none; }
.ywraq-wrapper .ywraq-form-table-wrapper p.intro { color: #fff; font-weight: 700; text-transform: uppercase; margin: 0; }

.ywraq-wrapper .ywraq-form-table-wrapper .nf-field-container { margin-bottom: 1rem; }

.ywraq-wrapper .ywraq-form-table-wrapper label { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=text],
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=email],
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=tel],
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=number],
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper textarea { border: 0; }

.ywraq-wrapper .ywraq-form-table-wrapper input[type=submit] { display: inline-block !important; width: auto !important; background: #3D3935 !important; color: #fff !important; padding: .75rem 1.5rem; margin: 0 1rem 0 0 !important; }
.ywraq-wrapper .ywraq-form-table-wrapper input[type=submit]:hover,
	.ywraq-wrapper .ywraq-form-table-wrapper input[type=submit]:focus { color: #3D3935 !important; background: #FFF !important; }

.ywraq-wrapper .ywraq-form-table-wrapper .update-list-wrapper input[type=submit] { background: var(--site) !important; }
.ywraq-wrapper .ywraq-form-table-wrapper .update-list-wrapper input[type=submit]:hover,
	.ywraq-wrapper .ywraq-form-table-wrapper .update-list-wrapper input[type=submit]:focus { color: #fff !important; background: #3D3935 !important; }

.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=submit],
	.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form input[type=button] { background: #3D3935 !important; color: #fff !important; padding: .75rem 1.5rem; }
.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=submit]:hover,
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper input[type=submit]:focus,
	.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form input[type=button]:hover,
	.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form input[type=button]:focus { background: #fff !important; color: #3D3935 !important; }

.yith-request-a-quote-page .woocommerce table.shop_table,
	.yith-request-a-quote-page .woocommerce table.shop_table td { border: 0; background: transparent !important; }
.yith-request-a-quote-page .woocommerce table.shop_table th,
	.yith-request-a-quote-page .woocommerce table.shop_table_responsive th { display: none; }
.yith-request-a-quote-page .woocommerce table.shop_table_responsive tr td { display: inline-block; text-align: left !important; }
.yith-request-a-quote-page .woocommerce table.shop_table_responsive tr td:before { content: ''; }
.yith-request-a-quote-page .woocommerce table.cart tr { display: flex; flex-wrap: nowrap; align-items: center; }
.yith-request-a-quote-page .woocommerce table.cart td.product-name { width: 100%; }
.yith-request-a-quote-page .woocommerce table.cart td.product-thumbnail { display: inline-block; width: 150px; padding-top: 0; padding-bottom: 0; }
.yith-request-a-quote-page .woocommerce table.cart td.product-quantity { padding: 0 1rem 0 0 !important; }

.ywraq-wrapper.ywraq-empty .ywraq-before-form, .ywraq-wrapper.ywraq-with-form.ywraq-empty .ywraq-before-form { border: 0 !important; width:  100%; }

@media screen and (min-width: 30rem) {
	.yith-request-a-quote-page main article header.bg-img h1 { font-size: 2rem; }
}
@media screen and (min-width: 64rem) {
	.yith-request-a-quote-page main article header.bg-img { padding: 4rem 1rem 2rem 3rem; }

	.yith-ywraq-before-table .button { float: right; margin-top: -3.75rem !important; }

	.ywraq-wrapper { padding: 9rem 0 4rem 0; }

	.ywraq-wrapper .ywraq-form-table-wrapper { clear: both; flex-direction: row-reverse; }
	.ywraq-wrapper .ywraq-form-table-wrapper form { width: 45%; }
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper,
		.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form { width: 55%; }
	.ywraq-wrapper .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper form,
		.ywraq-wrapper .ywraq-form-table-wrapper #ywraq-other-form form { width: 100%; }
}


/* CONTENT BLOCKS */


/* Tabs */
section.tabs .tabs-nav { display: none; }
section.tabs h2 a { display: block; text-transform: uppercase; font-weight: bold; cursor: pointer; border-bottom: 6px solid #D9D9D9; width: 100%; font-size: 1.25rem; padding-bottom: 1rem; text-decoration: none; } 
section.tabs h2 a span { font-size: .85rem; } 

section.tabs .tab { display: none; }

section.tabs .container .gallery,
	section.tabs .container .slick-slider .slick-list,
	section.tabs .container .slick-slider .slick-list figure { margin: 0; }
section.tabs .container .slick-arrow { margin-bottom: 0; background-image: url(../images/arrow-left-wht.svg); background-color: var(--site) !important; background-position: center center; width: 2rem; height: 2rem; bottom: 0 !important; left: 0 !important; padding: 0 !important; }
section.tabs .container .slick-arrow.slick-next { background-image: url(../images/arrow-right-wht.svg); left: 2rem !important; }

section.tabs .container .gallery-size-thumbnail { margin-bottom: 4rem; }
section.tabs .container .gallery-size-thumbnail .slick-arrow { bottom: -2.25rem !important; width: 2rem !important; height: 2rem !important; }

@media screen and (min-width: 64rem) {
	section.tabs .tabs-nav { list-style: none; display: flex; justify-content: space-evenly; flex-wrap: nowrap; margin: 0 0 3rem 0; padding: 0; }
	section.tabs .tabs-nav li { width: 100%; }
	section.tabs .tabs-nav li a { display: block; text-transform: uppercase; font-weight: bold; cursor: pointer; border-bottom: 6px solid #D9D9D9; width: 100%; text-align: center; font-size: 1.25rem; padding-bottom: 1rem; text-decoration: none; height: 100%; } 
	section.tabs .tabs-nav li a.active { color: var(--site); border-bottom-color: var(--site); } 

	section.tabs h2 { display: none; }

	section.tabs .tab { display: none; }
	section.tabs .tab.first { display: block; }
	section.tabs .max-width { display: flex; justify-content: space-between; }
	section.tabs .max-width > div { width: 48%; }
	section.tabs .max-width > div.col-full { width: 100%; }

	section.tabs .container .slick-arrow { width: 3rem; height: 3rem; background-size: 50%; }
	section.tabs .container .slick-arrow.slick-next { left: 3rem !important; }

	section.tabs .container .gallery-size-thumbnail .slick-arrow.slick-next { left: 2rem !important; }
}
@media screen and (min-width: 75em) {
	section.tabs .container .slick-arrow { width: 4rem; height: 4rem; }
	section.tabs .container .slick-arrow.slick-next { left: 4rem !important; }
}


/* Title and copy */
section.title-and-copy { text-align: center; }
section.title-and-copy h2 { text-transform: uppercase; } 
section.title-and-copy.title-only h2 { text-transform: none; margin: 0; } 

section.title-and-copy.title-only { padding: 1rem 0 !important; }

section.title-and-copy.brand .button { background-color: #fff; color: #3D3935; }
section.title-and-copy.brand .button:hover,
	section.title-and-copy.brand .button:focus { background-color: #3D3935 !important; color: #fff !important; }


/* Copy and media */
section.copy-and-media .centredbg .container { padding: 0 0; border-left: 1rem solid #fff; border-right: 1rem solid #fff; }

section.copy-and-media .centredbg.lht-grey .container { background: rgba(206, 209, 213, 0.25); }
section.copy-and-media .centredbg.grey .container  { background: #ced2d3; }
section.copy-and-media .centredbg.dk-grey .container  { background: #3D3935; color: #fff; }
section.copy-and-media .centredbg.brand .container  { background: var(--site); color: #fff; }

section.copy-and-media { text-align: center; }
section.copy-and-media h2 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 3px solid #fff; margin: 0 auto 2rem; display: inline-block; }
section.copy-and-media .copy h2 { text-transform: none; padding-bottom: 0; border-bottom: 0; }

section.copy-and-media .container .copy { margin-bottom: 1rem; text-align: left; }
section.copy-and-media .centredbg .container .copy { padding: 1rem; }

section.copy-and-media .container .copy .logo img { max-width: 33%; }
section.copy-and-media .container .copy :last-child { margin-bottom: 0; }

section.copy-and-media .container .slick-slider .slick-list,
	section.copy-and-media .container .slick-slider .slick-list figure { margin: 0; }
section.copy-and-media .container ul.gallery-size-large { list-style: none; margin: 0; padding: 0; }
section.copy-and-media .container ul.gallery-size-large .slick-arrow { background-image: url(../images/arrow-left-wht.svg); background-color: var(--site) !important; background-position: center center; width: 2rem; height: 2rem; bottom: 1rem !important; left: 0 !important; padding: 0 !important; }
section.copy-and-media .container ul.gallery-size-large .slick-arrow.slick-next { background-image: url(../images/arrow-right-wht.svg); left: 2rem !important; }
section.copy-and-media.brand .container ul.gallery-size-large .slick-arrow { background-image: url(../images/arrow-left.svg); background-color: #fff !important; }
section.copy-and-media.brand .container ul.gallery-size-large .slick-arrow.slick-next { background-image: url(../images/arrow-right.svg); }

section.copy-and-media .centredbg.brand .container ul.gallery-size-large .slick-arrow,
	section.copy-and-media .centredbg.grey .container ul.gallery-size-large .slick-arrow { background-image: url(../images/arrow-left.svg); background-color: #fff !important; }
section.copy-and-media .centredbg.brand .container ul.gallery-size-large .slick-arrow.slick-next,
	section.copy-and-media .centredbg.grey .container ul.gallery-size-large .slick-arrow.slick-next { background-image: url(../images/arrow-right.svg); }

section.copy-and-media.logo .container .img-container { margin-bottom: 3rem; }

@media screen and (min-width: 48rem) {
	section.copy-and-media.logo .container { display: flex; justify-content: space-between; align-items: flex-start; }
	section.copy-and-media.logo.right .container { flex-direction: row-reverse; }

	section.copy-and-media.logo .container .copy { margin-bottom: 0; }
	section.copy-and-media.logo .container .copy  { width: 70%; }
	section.copy-and-media.logo .container .img-container { width: 25%; height: auto !important; padding-top: 5px; text-align: center; }
	section.copy-and-media.logo.grey .container .img-container,
		section.copy-and-media.logo.brand .container .img-container { padding: 1rem; background: #fff; }
	section.copy-and-media.logo .container .img-container img { display: inline-block; }

}

@media screen and (min-width: 64rem) {
	section.copy-and-media .container { display: flex; justify-content: space-between; align-items: center; }
	section.copy-and-media.left .container { flex-direction: row-reverse; }

	section.copy-and-media .centredbg .container { border-left: 3rem solid #fff; border-right: 3rem solid #fff; }
	section.copy-and-media  .centredbg .container .copy { padding: 3rem; }

	section.copy-and-media .container .copy { margin-bottom: 0; }
	section.copy-and-media .container .copy,
		section.copy-and-media .container .img-container,
		section.copy-and-media .container .video-container,
		section.copy-and-media .container .gallery-size-large { width: 48%; }

	section.copy-and-media.logo .container .copy  { width: 75%; }
	section.copy-and-media.logo .container .img-container { width: 20%; }
}

@media screen and (min-width: 75rem) {
	section.copy-and-media .container ul.gallery-size-large .slick-arrow { width: 3rem; height: 3rem; background-size: 50%; }
	section.copy-and-media .container ul.gallery-size-large .slick-arrow.slick-next { left: 3rem !important; }
}


/* Content carousel */
section.content-carousel { position: relative; margin: 0; }
section.content-carousel .content { position: relative; padding: 0 2.5rem; }
section.content-carousel .bg-img { opacity: .25; }
section.content-carousel .bg-img .overlay.light { background-image: linear-gradient(to right, rgba(206,210,211,.75) , rgba(206,210,211,0.25)); }
section.content-carousel .copy { position: relative; padding-top: 2rem; padding-bottom: 2rem; min-height: 18rem; }
section.content-carousel.slides .copy { padding-bottom: 4rem; }
section.content-carousel.center .copy { text-transform: none; }
section.content-carousel .copy h2 { text-transform: uppercase; margin-bottom: 0.5rem !important; color: var(--site); font-size: 1.17rem; }
section.content-carousel .copy h3 { text-transform: uppercase; margin-top: 0 !important; font-size: 1.17rem; }

section.content-carousel .slick-list { margin-bottom: 0; }
section.content-carousel .slick-dots { text-align: left; position: absolute; left: 2.5rem; bottom: 1rem }
section.content-carousel.center .slick-dots { text-align: center; right: 2.5rem; }
section.content-carousel .slick-dots li.slick-active button,
	section.content-carousel .slick-dots li.slick-active input[type=button] { background-color: var(--site) !important; }

section.content-carousel .slick-track { display: flex !important; }
section.content-carousel .slick-slide { height: inherit !important; }

@media screen and (min-width: 64rem) {
	section.content-carousel .content { padding: 0 2rem; }
	section.content-carousel .bg-img .overlay.light { width: 100%; }
	section.content-carousel .copy { padding-left: calc((100% - 64rem) / 2); padding-right: calc((100% - 64rem) / 2); }

	section.content-carousel .slick-dots { left: calc((100% - 64rem) / 2); }
	section.content-carousel.center .slick-dots { right: calc((100% - 64rem) / 2); }
}


/* Icons list */
section.icons-list { text-align: center; }
section.icons-list h2,
	section.icons-list h3 { text-transform: uppercase; }
section.icons-list ul { list-style: none; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
section.icons-list ul li { margin-top: 2rem; position: relative; }
section.icons-list ul li [class^="icon-"], 
	section.icons-list ul li [class*=" icon-"] { font-size: 5rem; color: var(--site); }
section.icons-list ul li a { text-decoration: none; }

@media screen and (min-width: 30rem) {
	section.icons-list ul li { width: 50%; padding: 0 2rem 4rem; }

	section.icons-list ul li .button { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); min-width: 70%; }
}

@media screen and (min-width: 64rem) {
	section.icons-list ul li { width: 20%; }
	section.icons-list ul.count3 li { width: 28%; }
	section.icons-list ul.count4 li { width: 22%; }
	section.icons-list ul.count3 li, 
		section.icons-list ul.count5 li, 
		section.icons-list ul.count6 li { width: 33%; padding: 0 2rem 3rem; }
	section.icons-list ul.count4 li { width: 50%; padding: 0 2rem 3rem; }
}


/* Logos list */
section.logo-list { text-align: center; text-transform: uppercase; }
section.logo-list ul { list-style: none; margin-top: 1rem; padding: 0 1rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
section.logo-list ul li { padding: 0 1.5rem; width: 33%; }

@media screen and (min-width: 40rem) {
	section.logo-list ul li { width: 25%; }
}
@media screen and (min-width: 64rem) {
	section.logo-list ul li { padding: 1rem 3rem 0; }
}


/* Rich content */
section.rich-content ul { margin-left: 0; }

section.rich-content .container .gallery,
	section.rich-content .container .slick-slider .slick-list,
	section.rich-content .container .slick-slider .slick-list figure { margin: 0; }
section.rich-content .container .slick-arrow { margin-bottom: 0; background-image: url(../images/arrow-left-wht.svg); background-color: var(--site) !important; background-position: center center; width: 2rem; height: 2rem; bottom: 0 !important; left: 0 !important; padding: 0 !important; }
section.rich-content .container .slick-arrow.slick-next { background-image: url(../images/arrow-right-wht.svg); left: 2rem !important; }

section.rich-content .container .gallery-size-thumbnail { margin-bottom: 4rem; }
section.rich-content .container .gallery-size-thumbnail .slick-arrow { bottom: -2.25rem !important; width: 2rem !important; height: 2rem !important; }

@media screen and (min-width: 64rem) {
	section.rich-content .container .slick-arrow { width: 3rem; height: 3rem; background-size: 50%; }
	section.rich-content .container .slick-arrow.slick-next { left: 3rem !important; }

	section.rich-content .container .gallery-size-thumbnail .slick-arrow.slick-next { left: 2rem !important; }
}
@media screen and (min-width: 75em) {
	section.rich-content .container .slick-arrow { width: 4rem; height: 4rem; }
	section.rich-content .container .slick-arrow.slick-next { left: 4rem !important; }
}


/* Content list */
.content-list { text-align: center; position: relative; }
.content-list h2,
	.content-list h3 { text-transform: uppercase; position: relative; }
.content-list .intro { position: relative; max-width: 64rem; margin-left: auto; margin-right: auto; }
.content-list ul li h3 { color: var(--site); }
.content-list a.button { position: relative; padding: .75rem 1rem .5rem; }
.content-list a.button:hover,
	.content-list a.button:focus { background: #fff !important; color: #3D3935 !important; }
.content-list a.button span { font-size: 1.5rem; }
.content-list ul { list-style: none; margin: 2rem 0 0; padding: 0; position: relative; }
.content-list ul.max-width { margin: 2rem auto 0; }
.content-list ul li { width: 80%; margin: 0 10% 10px; border: 2px solid #ccc; text-align: left; position: relative; }
.content-list ul li a { text-decoration: none; }
.content-list ul li .copy { padding: 1rem; color: #3D3935; }
.content-list ul li .copy :last-child { margin-bottom: 0; }
.content-list ul li .more { color: #3D3935 !important; }

.content-list.has-bg { background: #6d6b68; margin: 5px 0; padding-top: 2rem; padding-bottom: 2rem; }
.content-list.has-bg h2,
	.content-list.has-bg .intro { color: #fff; }
.content-list.has-bg .bg-img { opacity: 50%; }
.content-list.has-bg ul li, 
	.content-list.lht-grey ul li, 
	.content-list.grey ul li, 
	.content-list.dk-grey ul li, 
	.content-list.brand ul li { border: 0; background: #fff; }

.content-list ul li.no-margin { margin-bottom: 2rem !important; }

.content-list.has-bg ul li.product,
	.content-list.grey ul li.product,
	.content-list.dk-grey ul li.product,
	.content-list ul li.team-members,
	.content-list ul li.button { background: var(--site); border: 0; }
.content-list ul li.product h3 { padding-right: 1.5rem; color: var(--site); }
.content-list ul li.product h3:after { content: '\e902'; font-family: 'icomoon'; position: absolute; right: 0; top: 50%; margin-top: -12px; }
.content-list.has-bg ul li.product h3:after,
	.content-list.grey ul li.product h3:after,
	.content-list.dk-grey ul li.product h3:after { color: #fff; }
.content-list.has-bg ul li.product h3,
	.content-list.grey ul li.product h3,
	.content-list.dk-grey ul li.product h3,
	.content-list ul li.team-members h3,
	.content-list ul li.team-members h4,
	.content-list ul li.button a { color: #fff !important; text-transform: uppercase; }
.content-list ul li.team-members h3,
	.content-list ul li.team-members h4 { margin: 0; }
.content-list ul li.team-members h4 { font-size: .85rem; padding-right: 1.5rem; }
.content-list ul li.team-members a.linkedin { color: #fff; position: absolute; bottom: .75rem; right: 1rem; font-size: 1.25rem; }
.content-list ul li.team-members span.bio { color: #fff; position: absolute; bottom: .75rem; right: 3rem; font-size: 1.25rem; }

.content-list ul li.button { padding: 1rem; }
.content-list ul li.button a { display: block; }
.content-list ul li.button h3 { color: #fff !important; }

.content-list ul li.post { display: flex; justify-content: space-between; border: 0; }
.content-list ul li.post .copy { width: 100%; padding: 0; }
.content-list.grey ul li.post,
	.content-list.dk-grey ul li.post,
	.content-list.brand ul li.post { background: transparent; }
.content-list.dk-grey ul li.post h3,
	.content-list.dk-grey ul li.post .copy,
	.content-list.dk-grey ul li.post .more,
	.content-list.brand ul li.post h3,
	.content-list.brand ul li.post .copy,
	.content-list.brand ul li.post .more { color: #fff !important; }

.content-list.brand a.button.plus { background: #fff; color: #3D3935; }
.content-list.brand a.button.plus:hover,
	.content-list.brand a.button.plus:focus { background: #3D3935 !important; color: #fff !important; }

.content-list ul li .popup h3,
	.content-list ul li .popup h4 { color: var(--site) !important; }
.content-list ul li .popup a.linkedin { color: var(--site); position: relative; bottom: auto; right: auto; }

.content-list.related ul li.post .copy { width: 100%; }

.content-list ul li.post-has-bg { border: 0; }
.content-list ul li.post-has-bg a { display: block; filter: grayscale(1) brightness(1); background-position: center; background-size: cover; aspect-ratio: 1 / 1; height: 100%; }
.content-list ul li.post-has-bg a .overlay { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.75s ease;  }
.content-list ul li.post-has-bg a:hover { filter: grayscale(0); transform: scale(1.01,1.01); }
.content-list ul li.post-has-bg a:hover .overlay { background: var(--site); }
	.content-list ul li.post-has-bg a:hover .overlay.design { background: #59AF31; }
	.content-list ul li.post-has-bg a:hover .overlay.hire { background: #00A0DF; }
	.content-list ul li.post-has-bg a:hover .overlay.infrastructure { background: #A12B2A; }
	.content-list ul li.post-has-bg a:hover .overlay.logistics { background: #EAAA00; }
	.content-list ul li.post-has-bg a:hover .overlay.power.systems { background: #773DBD; }
	.content-list ul li.post-has-bg a:hover .overlay.renewables { background: #E50695; }
	.content-list ul li.post-has-bg a:hover .overlay.welfare { background: #57b6b2; }

.content-list ul li.post-has-bg .copy { padding: 1rem; }
.content-list ul li.post-has-bg .copy h3 { font-size: 1.625rem; color: #fff; }
.content-list ul li.post-has-bg .copy p { display: none; }
.content-list ul li.post-has-bg .copy span.more { display: inline-block; text-transform: uppercase; padding: .75rem 1.5rem; color: #fff !important; background: transparent; border: 3px solid #fff; text-decoration: none; font-weight: 700; position: absolute; bottom: 2rem; }

.content-list ul li.post-has-bg.post-has-icon { text-align: center; }
.content-list ul li.post-has-bg [class^="icon-"], 
	.content-list ul li.post-has-bg [class*=" icon-"] { display: block; color: #fff; position: relative; font-size: 5rem; }
.content-list ul li.post-has-bg.post-has-icon .copy span.more { left: 50%; transform: translate(-50%, 0); width: 70%; }


@media screen and (min-width: 30rem) {
	section .popup .copy-and-media.right .container { height: 60vh; overflow-x: visible; }
	section .popup .copy-and-media.right .container .copy .bio { height: 58vh; overflow-x: scroll; }

	.content-list ul li { width: 60%; margin: 0 20% 10px; }
}

@media screen and (min-width: 48rem) {
	.content-list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.content-list ul li { width: calc((100% - 20px) / 3); margin: 0 0 10px 0; }
	.content-list ul li.post { width: 45%; margin: 0 5% 10px 0; }
	.content-list ul li.post:nth-child(2n) { margin: 0 0 10px 5%; }

	.content-list ul li.post-has-bg { width: 50%; margin: 0 25% 10px; }
	.content-list ul li.post-has-bg .copy { padding: 2rem; }

	.content-list ul li.post-has-bg [class^="icon-"], 
		.content-list ul li.post-has-bg [class*=" icon-"] { font-size: 7rem; }
}

@media screen and (min-width: 64rem) {
	.content-list ul li.post-has-bg { width: calc((100% - 20px) / 3); margin: 0 0 10px 0; }

	.content-list ul.count4 { max-width: 64rem; margin: 0 auto 10px; }
	.content-list ul.count4 li.post-has-bg { width: calc((100% - 10px) / 2); margin: 0 0 10px 0; }

	.content-list ul li.post-has-bg .copy h3 { font-size: 1.5rem; }
	.content-list ul.count3 li.post-has-bg.post-has-icon a,
		.content-list ul.count6 li.post-has-bg.post-has-icon a { padding-bottom: 6rem; aspect-ratio: auto; }

	.content-list ul.count2 li.post-has-bg [class^="icon-"], 
		.content-list ul.count2 li.post-has-bg [class*=" icon-"],
		.content-list ul.count4 li.post-has-bg [class^="icon-"], 
		.content-list ul.count4 li.post-has-bg [class*=" icon-"] { font-size: 9rem; }
}

@media screen and (min-width: 75rem) {
	.content-list ul li.post-has-bg .copy h3 { font-size: 1.625rem; }
}


/* Accordion */
section.accordion ul { list-style: none; margin: 2rem 0 0; padding: 0; }
section.accordion ul li { border-bottom: 2px solid #cfd2d3; margin-bottom: 1.5rem; }
section.accordion ul li:last-child { border-bottom: 0; margin-bottom: 0; }
section.accordion ul h3 { cursor: pointer; color: var(--site); position: relative; padding: 0 2.25rem 0 0; }
section.accordion.faqs ul h3 { padding: 0 2.25rem; }
section.accordion.faqs ul h3:before { content: 'Q'; margin-left: -2.25rem; padding-right: 1rem; font-size: 1.25rem; }
section.accordion ul h3 span { display: block; position: absolute; top: 0.25rem; right: 0; font-size: 1.25rem; color: #fff; background: var(--site); width: 1.75rem; height: 1.75rem; text-align: center; }
section.accordion ul div { display: none; }
section.accordion.faqs ul div { padding-left: 2.25rem; }


/* Quotes */
section.quotes { text-align: center; position: relative; }
section.quotes h2 { text-transform: uppercase; position: relative; }
section.quotes ul { list-style: none; margin: 2rem 0 0; padding: 0; }
section.quotes ul li { background-color: var(--site); padding: 1rem; color: #fff; font-weight: 700; font-style: italic; }
section.quotes ul li:before { content: '\e91d'; font-family: 'icomoon'; position: absolute; top: 0; font-size: 4rem; color: rgba(255,255,255,.2); }
section.quotes ul li span { font-size: .85rem; text-transform: uppercase; display: block; text-align: right; padding-top: .5rem; font-style: normal; }

section.quotes.has-bg { background: #3c3935; margin: 5px 0; padding-top: 2rem; padding-bottom: 2rem; }
section.quotes.has-bg h2 { color: #fff; }
section.quotes.has-bg .bg-img { opacity: 25%; }

section.quote .container { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
section.quote.right .container { flex-direction: row-reverse; }
section.quote .container .logo { width: 20%; }
section.quote.small .container .img-container { width: 20%; }
section.quote.large .container .img-container { width: 40%; }
section.quote .container .copy { width: 100%; margin: 0; }
section.quote .container .copy .credit { font-size: .85rem; text-transform: uppercase; display: block; padding-top: 10px; }

@media screen and (min-width: 48rem) {
	section.quote .container .copy { width: 77%; }
	section.quote.large .container .copy { width: 57%; }
}


/* Self service form */
h3.option-title { display: block; width: 100%; cursor: pointer; font-size: 1.125rem; color: var(--site); } 
h3.option-title:before { content: '\e913'; font-family: 'icomoon'; font-size: .85rem; padding-right: 1rem; } 
h3.option-title.open:before { content: '\e905'; } 

.hide-me { display: none; }

.nf-mp-footer { margin-top: 2rem; }

.option-container .option-info dt,
	.option-container .option-info dd { text-transform: none; color: #3D3935; }

@media screen and (min-width: 48rem) {
	.option-container { display: flex; justify-content: space-between; align-items: flex-start;  }
	.option-container .option-info { width: 66%; }
	.option-container img { width: 33% !important; }

	.option-container .option-info dl { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.option-container .option-info dt,
		.option-container .option-info dd { display: inline-block; width: 48%; margin: 0 0 .5rem 0; }
}