/* Generic Variables */

@set {
	brand-blue: #29898F;
	black: #191C1C;
	gray: #56666D;

	theme-light-blue: #E8ECEE;
	theme-dark-blue: #3C6171;
	theme-light-tan: #E1D8D1;/*#EEEBE8*/
	theme-dark-tan: #6F675C;
	theme-light-green: #E2E7E6;
	theme-dark-green: #0C3433;

	flat-white: #F8F8F8;
	flat-red: #EB3B5A;
	flat-orange: #FA8231;
	flat-yellow: #F7B731;
	flat-green: #20BF6B;
	flat-teal: #0FB9B1;
	flat-blue: #4B7BEC;
	flat-purple: #8854D0;
	flat-dark-gray: $(subtle-dark);
	flat-gray: $(subtle-light);

	font-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;

	natural-radius: 8px;

	standard-font-size: 15px;

	field-spacing-horizontal: 2rem;
	field-spacing-vertical: 2rem;
}

/* Generic Selectors */

@selector icons :any(.font-icon, [class*="icon-social-"], [class*="material-icons"]);
@selector materialicons i[class*="material-icons"];
@selector headings :any(h1, h2, h3, h4, h5, h6);
@selector inputs :any(input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=search], input[type=url], input[type=date], input[type="time"], input[type="datetime-local"], input[type="month"], textarea, select, .select-container>select, .select-container.fancy>.faux-select);
@selector hyperlinks a:not(.button):any(, :link, :visited, :active, :hover, :focus);
@selector menulinks :any(:hyperlinks, .no-link, .form-menu [type="submit"], .form-menu [type="button"]);

/* Reset standards */

*,*:after,*:before,*::after,*::before{box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
img{-ms-interpolation-mode: bicubic;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,td{vertical-align:middle}

/* Site */
@import url('/css/social-icons/style.css');

@for theme in tan, blue, green {
	.theme-#(theme) {
		background-color: $(theme-light-#(theme)) !important;
		color: $(theme-dark-#(theme)) !important;
	}
	.theme-#(theme).inverted {
		background: $(theme-dark-#(theme)) !important;
		color: $(theme-light-#(theme)) !important;
	 	a { color: $(theme-light-#(theme)) !important; }
	}
	.theme-#(theme).inverted :headings {
		color: inherit;
	}
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
}

html,
body {
	background: #fff;
	color: $(black);
	font-family: 'MontserratCustom', $(font-sans-serif);
	font-size: 1vw;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	font-size: $(standard-font-size);
	padding-top: 135px;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
}
header.stick {
	box-shadow: $(shadow-light);
}
header .site-top-header {
	background: $(theme-light-tan);
	color: $(black);
	text-align: right;
	overflow: visible;
	position: relative;
	top: 0;
	font-size: 14px;
	transition: all 0.2s ease;
}
header .site-top-header ul,
header .site-top-header li{
	display: inline-block;
	list-style: none;
}
header .site-top-header :menulinks {
	position: static;
	display: inline-block;
	margin: 0 16px;
	padding: 8px 0;
	color: $(gray);
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	background: none;
	border: 0;
	font-family: 'MontserratCustom', $(font-sans-serif);
}
header .site-top-header li:first-child :menulinks {
	margin-left: 0;
}
header .site-top-header li:last-child :menulinks {
	margin-right: 0;
}
header .site-top-header li.emphasis :menulinks {
	padding-left: 16px;
	padding-right: 16px;
	background: $(theme-dark-tan);
	color: #fff;
}

header .site-top-header .form-menu {
	[type="submit"], header .site-top-header .form-menu [type="button"] {
		font-size: 100%;
		padding: 0;
		margin-top: -3px;
		display: inline-block!important;
		&:hover {
			text-decoration: underline;
		}
	}
}

header .site-main-header {
	background: #fff;
	transition: all 0.2s ease;
	border-bottom: 1px solid $(flat-white);
}
header .site-main-header .wrapper {
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .site-main-header .logo-container {
	min-width: 0;
	max-width: 247px;
	padding: 16px 0;
	position: relative;
	white-space: nowrap;
	overflow: visible;
}
header .site-main-header .logo-container a {
	display: block;
	vertical-align: bottom;
	font-size: 0;
}
header .site-main-header .logo-container img {
	vertical-align: bottom;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 84px;
}
header .site-main-header .logo-container .mobile-logo {
	display: none;
}
header .site-main-header .nav-container {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	text-align: right;
	position: relative;
}
header .site-main-header ul.nav {
	display: block;
	vertical-align: top;
}
header .site-main-header ul.nav li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0 0 0 24px;
	font-size: 15px;
}
header .site-main-header ul.nav li :menulinks {
	display: block;
	padding: 8px 0;
	color: $(gray);
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	cursor: pointer;
}
header .site-main-header ul.nav li.active > :menulinks {
	color: $(theme-dark-tan);
}
header .site-main-header .nav-container > ul.nav > li > :menulinks::after {
	content: " ";
	display: block;
	background: $(theme-dark-tan);
	height: 3px;
	width: 100%;
	margin: 4px 0 -7px 0;
	opacity: 0;
	transform: scale(0, 1);
	transition: all 0.1s ease-out;
}
header .site-main-header .nav-container > ul.nav > li:any(:hover, .touch-hover, .active) > :menulinks::after {
	opacity: 1;
	transform: scale(1);
}
header .site-main-header ul.nav li :menulinks:hover {
	color: $(theme-dark-blue);
	text-decoration: none;
}
header .site-main-header ul.nav .sub {
	@name submenu;
	position: absolute;
	top: 100%;
	left: -24px;
	width: 90rem;
	max-width: 248px;
	text-align: left;
	background: #fff;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}
header .site-main-header ul.nav li:hover > .sub {
	opacity: 1;
	pointer-events: auto;
}
header .site-main-header ul.nav .sub ul,
header .site-main-header ul.nav .sub li {
	display: block;
	margin: 0;
}
header .site-main-header ul.nav .sub :menulinks {
	@name submenuitem;
	display: block;
	padding: 12px 24px;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid $(flat-white);
}
header .site-main-header ul.nav .sub li:last-child :menulinks {
	border: none;
}
header .site-main-header ul.nav .sub :menulinks:hover {
	background: $(theme-light-blue);
}
header .site-main-header .extra-item {
	padding: 8px 24px;
	position: relative;
	cursor: pointer;
	color: $(theme-dark-tan);
}
header .site-main-header .extra-item:last-child {
	padding-right: 0;
}
header .site-main-header .extra-item i {
	font-size: 26px;
}
header .site-main-header .extra-item.search {
	border-left: 1px solid a-adjust($(theme-dark-tan), -60);
	margin-left: 42px;
}
header .site-main-header .extra-item.search .box {
	background: #fff;
	padding: 16px;
	position: absolute;
	top: 100%;
	right: 0;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
	cursor: initial;
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s ease;
}
header .site-main-header .extra-item.search.on .box {
	pointer-events: auto;
	opacity: 1;
}
header .site-main-header .extra-item.mobile-menu-toggle {
	display: none;
}
header .site-main-header .extra-item.mobile-menu-toggle i {
	font-size: 32px;
}

:headings {
	margin: 2rem 0;
	font-weight: 400;
	line-height: 1.4;
}
h1 {
	font-size: 54px;
	font-weight: 300;
	line-height: 1.2;
	color: $(theme-dark-tan);
}
h2 {
	font-size: 32px;
	color: $(theme-dark-tan);
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5, h5 > span {
	font-size: 22px!important;
	font-weight: 500;
	color: $(gray);
	text-transform: uppercase;
}
h6 {
	font-size: $(standard-font-size);
}
:headings.blend {
	color: inherit;
}

h1 + h2 {
	margin-top: 0;
}

p {
	margin: 2rem 0;
}

p.subtle {
	color: $(gray);
	font-size: 12px;
	margin: 1rem 0;
}
.no-top-margin { margin-top: 0!important }
.no-h-padding {padding-left: 0!important; padding-right: 0!important}
img {
	max-width: 100%;
}

:hyperlinks {
	color: $(brand-blue);
	text-decoration: none;
}
:hyperlinks:hover {
	color: l-adjust($(brand-blue), 5);
	text-decoration: underline;
}
:hyperlinks:active {
	color: l-adjust($(brand-blue), -5);
}

:headings :hyperlinks {
	text-decoration: none !important;
}

.wrapper {
	display: block;
	margin: 0 auto;
	max-width: 1824px;
	padding: 0 7rem;
}

section {
	padding: 7rem 0;
	max-width: 100%;
	overflow: hidden;
}

.button {
	@name button;
	appearance: none;
	background: $(gray);
	border: 2px solid transparent;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'MontserratCustom', $(font-sans-serif);
	font-size: $(standard-font-size);
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background .2s ease, border .2s ease, color .2s ease;
	vertical-align: middle;
	outline: none;
	user-select: none;
	max-width: 100%;
	text-transform: uppercase;
}
.button:hover {
	background: $(theme-dark-tan);
	border-color: transparent;
	color: #fff;
}
.button.secondary {
	background: transparent;
	border-color: $(gray);
	color: $(gray);
}
.button.secondary:hover {
	border-color: $(theme-dark-tan);
	color: $(theme-dark-tan);
}
.button.tertiary {
	background: transparent;
	border-color: transparent;
	color: $(gray);
}
.button.tertiary:hover {
	color: $(theme-dark-tan);
}
.button.inverted,
.button.inverted:hover {
	background: #fff;
	color: $(gray);
}
.button.inverted.secondary,
.button.inverted.secondary:hover {
	background: transparent;
	border-color: #fff;
	color: #fff;
}
.button.inverted.tertiary,
.button.inverted.tertiary:hover {
	background: transparent;
	border-color: transparent;
	color: #fff;
}
.button.small {
	padding: 8px 12px;
}

.button-container {
	display: block;
	margin: -4px;
}
.button-container>.button,
.button-container>.button:not(.fluid)+.button:not(.fluid) {
	margin-top: 4px;
	margin-right: this(margin-top);
	margin-bottom: this(margin-top);
	margin-left: this(margin-top);
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	appearance: none;
}
:inputs {
	appearance: none;
	background: l-adjust($(theme-light-blue), 2);
	border: 1px solid transparent;
	border-radius: 0;
	color: $(black);
	display: inline-block;
	font-family: inherit;
	font-size: 16px;
	margin: 0;
	padding: 12px 24px;
	resize: none;
	line-height: 1.2;
	transition: border 0.2s $(material-easing-standard), background 0.2s $(material-easing-standard), color 0.2s $(material-easing-standard), box-shadow 0.2s $(material-easing-standard);
}
:inputs:hover {
	border-color: $(dark-gray);
}
textarea {
	display: block;
	vertical-align: top;
	resize: vertical;
	height: 176px;
}
:inputs:focus {
	border-color: $(gray);
	outline: 0;
	outline-color: transparent;
	outline-style: none;
}
:inputs.gray:not(:focus) {
	background: $(flat-white);
	border-color: transparent;
}
:inputs.gray:not(:focus):hover {
	background: l-adjust($(flat-white), -2);
	border-color: transparent;
}
input[type=date]:not(.no-datepicker) {
	cursor: pointer;
}
input[type=date]::-webkit-datetime-edit,
input[type=date]::-webkit-datetime-edit-fields-wrapper,
input[type=date]::-webkit-datetime-edit-text,
input[type=date]::-webkit-datetime-edit-month-field,
input[type=date]::-webkit-datetime-edit-day-field,
input[type=date]::-webkit-datetime-edit-year-field {
	appearance: none;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}
input[type=date]:not(.no-datepicker)::-webkit-inner-spin-button,
input[type=date]:not(.no-datepicker)::-webkit-calendar-picker-indicator,
input[type=date]:not(.no-datepicker)::-webkit-clear-button {
	display: none;
}
:inputs.tiny {
	padding: 8px;
	font-size: 12px;
}
:inputs.small {
	padding: 8px 12px;
}
:inputs.large {
	padding: 16px;
}
:inputs.huge {
	padding: 16px;
	font-size: 20px;
}

:any(input[type=checkbox], input[type=radio]) {
	display: none;
}
:any(input[type=checkbox], input[type=radio])+label {
	margin: 0 0 4px 0;
	position: relative;
	vertical-align: middle;
	opacity: 1;
	padding-left: 28px;
	text-align: left;
	cursor: pointer;
}

input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {
	opacity: 0.5!important
}

:any(input[type=checkbox], input[type=radio])+label:last-child {
	margin: 0;
}
:any(input[type=checkbox], input[type=radio])+label::before,
:any(input[type=checkbox], input[type=radio])+label::after {
	@name checkboxVisual;
	content: " ";
	background: #fff;
	border: 2px solid $(theme-dark-blue);
	color: $(theme-dark-blue);
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: this(width);
	line-height: this(width);
	text-align: center;
	vertical-align: middle;
	transition: all 0.1s ease-out;
	user-select: none;
}
input[type=radio]+label::before {
	border-radius: 50%;
	border: 1px solid #C1C9CD;
}
:any(input[type=checkbox], input[type=radio])+label:active::before {
	background: $(flat-white);
}
:any(input[type=checkbox], input[type=radio])+label::after {
	border: none;
	display: block;
	width: 10px;
	height: 10px;
	background: $(theme-dark-blue);
	left: 5px;
	opacity: 0;
	clip-path: circle(0% at 50% 50%);
}
input[type=radio]+label::after {
	width: 8px;
	height: this(width);
	left: 6px;
}
:any(input[type=checkbox], input[type=radio]):checked+label::after {
	clip-path: circle(150% at 50% 50%);
	opacity: 1;
}
:any(input[type=checkbox], input[type=radio])+label:empty {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: query(checkboxVisual, width, 0);
	height: query(checkboxVisual, height, 0);
}
input[type=radio]:checked+label::before {
	background: $(theme-dark-blue);
	border-color: transparent;
}
input[type=radio]:checked+label::after {
	background: #fff;
	border-radius: 50%;
}

.input-icon-container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
.input-icon-container :inputs {
	flex: 1;
	min-width: 0;
}

form .fields,
form .field {
	vertical-align: top;
}
form .fields {
	display: block;
	margin: 0 calc($(field-spacing-horizontal) / 2 * -1);
}
form .field {
	padding: calc($(field-spacing-vertical) / 2) calc($(field-spacing-horizontal) / 2);
	vertical-align: top;
}
form .fields>.fields {
	margin: 0;
}
form .fields.flexible {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
form .fields.flexible>* {
	flex: 1;
	min-width: 0;
}
form .fields.two.full {
	width: 100%!important;
}
form .fields.two>.field,
form .fields.two>.fields {
	display: inline-block;
	width: calc(100% / 2);
}
form .fields.three>.field,
form .fields.three>.fields {
	display: inline-block;
	width: calc(100% / 3);
}
form .fields.four>.field,
form .fields.four>.fields {
	display: inline-block;
	width: calc(100% / 4);
}
form .fields.five>.field,
form .fields.five>.fields {
	display: inline-block;
	width: calc(100% / 5);
}
form .field :inputs,
form .field .select-container {
	width: 100%;
}

form .fields-row.two.full {
	width: 100%!important;
}

form .fields-row.two.full > div {
	display: inline-block;
	width: calc(100% / 2);
	vertical-align: top
}

.select-container {
	position: relative;
}
.select-container::after {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-size: 1.3em;
	line-height: .7;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 1em;
	overflow: visible;
	vertical-align: -34%;
	font-family: "Material Icons";
	content: "keyboard_arrow_down";
	font-weight: normal;
	font-size: 18px;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	opacity: .5;
	pointer-events: none;
	-webkit-transition: all .2s cubic-bezier(.0, .0, .2, 1);
	transition: all .2s cubic-bezier(.0, .0, .2, 1)
}
.select-container:hover::after {
	opacity: 1
}

form .field label,
form .fields label {
	display: block;
	margin: 0 0 4px 0;
	text-transform: uppercase;
	color: $(gray);
}

.banner,
.bar {
	background: $(flat-white);
	color: $(standard-font-color);
	font-weight: 400;
	margin: 0;
	padding: 16px 24px;
	text-align: center;
}
.bar+.bar {
	margin-top: 8px;
}
.banner.huge,
.bar.huge {
	padding: 24px;
	font-size: 24px;
}
.banner.large,
.bar.large {
	padding: 24px;
}
.banner.small,
.bar.small {
	padding: 8px;
}
.banner.tiny,
.bar.tiny {
	padding: 4px;
	font-size: 12px;
}
.bar {
	border-radius: $(natural-radius);
}
@for color in red, orange, yellow, green, teal, blue, purple, dark-gray, gray {
	:any(.banner, .bar).#(color) {
		@name bannerbar-#(color);
		background: a-adjust($(flat-#(color)), -90);
		color: $(flat-#(color));
	}
	:any(.banner, .bar).#(color) :hyperlinks {
		@name bannerbarlink-#(color);
		color: $(flat-#(color)) !important;
		text-decoration: underline !important;
	}
}
:any(.banner, .bar).info {
	background: $(flat-white);
	color: $(standard-font-color);
}
:any(.banner, .bar).alert {
	@include bannerbar-red;
}
:any(.banner, .bar).alert :hyperlinks {
	@include bannerbarlink-red;
}
:any(.banner, .bar).success {
	@include bannerbar-green;
}
:any(.banner, .bar).success :hyperlinks {
	@include bannerbarlink-green;
}
:any(.banner, .bar).brand {
	background: a-adjust($(brand), -90);
	color: $(brand);
}
:any(.banner, .bar).brand :hyperlinks {
	color: $(brand) !important;
	text-decoration: underline !important;
}

table.data-table,
.table.table.data-table {
	table-layout: auto;
	width: 100%;
	color: $(black);
}
table.data-table tr :any(th, td),
.table.data-table .table-row .table-cell {
	padding: 1rem 0.6rem;
	text-align: left;
}



table.data-table td.icon, table.data-table th.icon {
	padding-left: 30px;
	padding-right: 5px;
}

table.data-table tr th,
.table.data-table .table-row.table-header .table-cell,
table.data-table tr td.label,
.table.data-table .table-row .table-cell.label {
	text-align: left;
	text-transform: uppercase;
	font-weight: 500;
}
table.data-table tr:first-child :any(th, td),
.table.data-table .table-row:first-child .table-cell {
	padding-top: 0;
}
table.data-table tr:nth-child(even) :any(th, td),
.table.data-table .table-row:nth-child(even) .table-cell {
	background: $(flat-white);
}
table.data-table small,
.table.data-table small {
	display: block;
	color: $(subtle);
	opacity: 0.8;
	font-size: 12px;
}

table.data-table tbody {
	width: 100%;
	display: table;
}

:materialicons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;

	display: inline-block;
	font-size: 1.3em;
	line-height: 0.7;
	user-select: none;
	max-width: 1em;
	overflow: visible;
	vertical-align: -34%;
}
:materialicons.material-icons-outlined {
  font-family: 'Material Icons Outlined';
}
:materialicons.material-icons-round {
  font-family: 'Material Icons Round';
}
:materialicons.material-icons-sharp {
  font-family: 'Material Icons Sharp';
}
:materialicons.material-icons-two-tone {
  font-family: 'Material Icons Two Tone';
}

.slick-dotted.slick-slider {
	margin: 0;
}

.slick-dots-container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	vertical-align: bottom;
	text-align: left;
	padding: 0;
	line-height: 1;
	font-size: 0;
}
.slick-dots-container .slick-dots {
	position: static;
	display: block;
	vertical-align: bottom;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.slick-dots-container .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border: 2px solid $(gray);
	border-radius: 50%;
	overflow: hidden;
	background: transparent;
	margin: 4px;
	padding: 0;
	cursor: pointer;
}
.slick-dots-container .slick-dots li.slick-active {
	background: $(gray);
}
.slick-dots-container .slick-dots li button {
	display: none;
}
.slick-dots-container .arrow {
	cursor: pointer;
	padding: 0 16px;
	color: #fff;
	font-size: 16px;
	display: none;
}

.hero-slider {
	background-color: $(theme-light-blue);
	position: relative;
	padding: 0;
}
.hero-slider .slick-dots-container {
	margin: 32px 0 0 0;
}
.hero-slider > .slick-dots-container {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
}
.hero-slider > .slick-dots-container .slick-dots li {
	border-color: #fff;
}
.hero-slider > .slick-dots-container .slick-dots li.slick-active {
	background: #fff;
}
.hero-slider .arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5rem;
	min-width: 56px;
	height: 100%;
	text-align: center;
	color: $(theme-dark-tan);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: opacity 0.1s ease;
}
.hero-slider .arrow:hover {
	opacity: 0.5;
}
.hero-slider .arrow.left {
	left: 0;
}
.hero-slider .arrow.right {
	right: 0;
}
.hero-slider .arrow img {
	width: auto;
	height: auto;
	max-width: 40%;
}

.hero-slider .hero + .hero {
	display: none
}

.hero-slider .slick-initialized .hero {
	display: block
}

.hero {
	background-color: $(theme-light-blue);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.hero .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.hero .image video.hero-video {
	display: block;
	height: auto;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transition: all 0.5s ease-in;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	z-index: 1;
}
.hero .image.right {
	left: auto;
	width: 50%;
}
.hero.image-fade .image.right {
	width: 75%;
}
.hero.image-fade .image::before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
@for theme in tan, blue, green {
	.hero.image-fade.theme-#(theme) .image::before {
		background: linear-gradient(90deg, a-adjust($(theme-light-#(theme)), 0) 0%, a-adjust($(theme-light-#(theme)), -100) 100%);
	}
	.hero.image-fade.inverted.theme-#(theme) .image::before {
		background: linear-gradient(90deg, a-adjust($(theme-dark-#(theme)), 0) 0%, a-adjust($(theme-dark-#(theme)), -100) 100%);
	}
}
.hero .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: $(black);
	opacity: 0;
	z-index: 2;
}
.hero .wrapper {
	position: relative;
	z-index: 3;
}
.hero .max {
	width: 50%;
	max-width: 540px;
	margin: 0 auto 0 0;
}
.hero.image-position-right .max {
	width: calc(50% - 7rem);
}
.hero .content:not(:last-child) {
	margin-bottom: 2rem;
}

.social-icons {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.social-icons :hyperlinks.icon {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	margin: 0 16px 0 0;
	background: $(theme-dark-blue);
	color: #fff;
	font-size: 20px;
}

.fancybox-hidden {
	display: none;
}
.fancybox-is-open .fancybox-bg {
	opacity: 0.95;
}

.spacer {
	position: relative;
	padding-bottom: 0;
	background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 4px, #F5F5F5 4px, #F5F5F5 8px);
	opacity: 0;
}
.spacer::before {
	content: '[SPACER]';
	opacity: 0.5;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.spacer.reverse {
	padding-top: 0;
	margin-top: -7rem;
}

.text-section {
	position: relative;
}
.text-section.has-image {
	color: #fff;
}
.text-section.has-image :headings {
	color: #fff;
}
.text-section .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.text-section .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: $(black);
	opacity: 0;
	z-index: 2;
}
.text-section .wrapper {
	max-width: 1200px;
	position: relative;
	z-index: 3;
}
.text-section.content-align-left .wrapper {
	margin-left: 0;
	text-align: left;
}
.text-section.content-align-center .wrapper {
	text-align: center;
}
.text-section.content-align-right .wrapper {
	margin-right: 0;
	text-align: right;
}
.text-section .content:not(:last-child) {
	margin: 0 0 4rem 0;
}

.split-text-section .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -2rem;
}
.split-text-section .split .side {
	flex: 1;
	min-width: 0;
	padding: 2rem;
}
.split-text-section .content-container:not(:last-child) {
	margin-bottom: 2rem;
}

.cta-bar {
	background-image: url('/images/logo-cta.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.cta-bar .split {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	margin: -2rem;
}
.cta-bar .split .side {
	flex: 1;
	min-width: 0;
	width: calc(100% / 3);
	padding: 2rem;
}
.cta-bar .split .side:first-child,
.cta-bar .split .side:last-child {
	flex: 0.75;
	text-align: right;
}

section.divider {
	padding: 0;
}
.wrapper section.divider .wrapper {
	padding: 0;
}

.divider-line {
	width: 100%;
	height: 1px;
	background: $(theme-dark-tan);
	opacity: 0.4;
}

.image-text-section .split {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: -2rem;
}
.image-text-section .side {
	flex: 1;
	min-width: 0;
	padding: 2rem;
}
.image-text-section.media-position-right .side.media {
	order: 1;
	align-self: stretch;
}
.image-text-section .side.media .media-grid {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	height: 100%;
	margin: 0 -12px;
}
.image-text-section .side.media .image {
	flex: 1;
	min-width: 0;
	height: 100%;
	min-height: 346px;
	margin: 0 12px;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.image-text-section .side.media .image a i {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #f3f3f3;
    opacity: .6;
    font-size: 3.5em;
}

.image-text-section .side.media .image a:hover i {
	color: #28898F;
    opacity: .95;
}

.image-text-section .side.content {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.image-text-section .side.content .content:not(:last-child) {
	margin-bottom: 2rem;
}

.image-text-section .side.media a.image { position: relative; }
.image-text-section .side.media a.image span {
	display: block;
	position: absolute;
	width: 65px;
	height: 65px;
	font-size: 21px;
	color: white;
	background: $(brand-blue);
	text-align: center;
	line-height: 65px;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .9;
	box-shadow: 0 5px 8px 0px rgba(0,0,0,0.25);
}

.image-text-section .side.media a.image:hover span {
	opacity: 1
}

.image-block-section .image-block-grid {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -2rem -1rem;
}
.image-block-section .image-block-grid .image-block {
	width: 50%;
	padding: 2rem 1rem
}
.image-block-section .content:not(:last-child) {
	margin-bottom: 2rem;
}

.image-block {
	display: block;
}
.image-block .image {
	display: block;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 56.25%;
}
.image-block-section .image:not(:last-child) {
	margin: 0 0 32px 0;
}

.text-block-section .split {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.text-block-section .split .side {
	flex: 1;
	min-width: 0;
	padding: 1rem;
}
.text-block-section .split .side.large {
	flex: 2;
}
.text-block-section.small-position-left .split .side.small {
	order: -1;
}
.text-block-section .block {
	padding: 3rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-description-section .wrapper {
	max-width: 1200px;
}
.image-description-section .split {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.image-description-section .split .side {
	flex: 1;
	min-width: 0;
	padding: 1rem;
}
.image-description-section .split .side.description {
	flex: 1.5;
}
.image-description-section .side.media img,
.image-description-section .side.media video {
	width: 100%;
	height: auto;
}
.image-description-section .content:not(:last-child) {
	margin-bottom: 2rem;
}

.text-cta-bar .split {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: -1rem;
}
.text-cta-bar .split .side {
	padding: 1rem;
}
.text-cta-bar .split .side.blurb {
	width: 60%;
}
.text-cta-bar .split .side.cta {
	width: 25%;
	text-align: center;
}
.text-cta-bar .icon {
	width: 64px;
	height: 64px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.text-cta-bar .icon:not(:last-child) {
	margin-bottom: 2rem;
}
.text-cta-bar .content:not(:last-child) {
	margin-bottom: 2rem;
}

.point-column-section > .wrapper > .content {
	margin: 0 auto;
	max-width: 960px;
	text-align: center;
}
.point-column-section .point-column-grid {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -2rem;
}
.point-column-section .point-column-grid:not(:last-child) {
	margin-bottom: 5rem;
}
.point-column-section .point-column-grid .point-column {
	width: calc(100% / 3);
	padding: 2rem;
}
.point-column-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 7rem;
}
.point-column-section > .wrapper > .button-container {
	text-align: center;
}

.point-column-section > .wrapper > .point-column-grid > .point-column > .text > .content > h5 {
	margin-bottom: 0.5rem;
}

.point-column-section > .wrapper > .point-column-grid > .point-column > .text > .content > h5 + p {
	margin-top: 0;
}

.point-column {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.point-column .icon {
	width: 64px;
	height: 64px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.point-column .text {
	height: 100%;
	flex: 1;
	min-width: 0;
	padding-left: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.point-column .content:not(:last-child) {
	margin-bottom: 2rem;
}
.point-column .button-container {
	margin-top: auto;
}

.icon-column-section .icon-column-grid {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -4rem;
}
.icon-column-section .icon-column-grid .icon-column {
	width: calc(100% / 3);
	padding: 4rem;
}
.icon-column-section > .wrapper > .content {
	max-width: 100%;
	text-align: center;
}
.icon-column-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 7rem;
}

.icon-column {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	text-align: center;
}
.icon-column .icon {
	width: 64px;
	height: 64px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.icon-column .icon:not(:last-child) {
	margin-bottom: 2rem;
}
.icon-column .content:not(:last-child) {
	margin-bottom: 2rem;
}
.icon-column .sit-bottom,
.icon-column .button-container {
	margin-top: auto;
}

:hyperlinks.icon-text {
	color: inherit;
	text-decoration: inherit;
}
.icon-text {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: left;
}
.icon-text .icon-text-icon {
	width: 40px;
	height: 40px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon-text .icon-text-text {
	flex: 0 1 1;
	min-width: 0;
	max-width: calc(100% - 40px);
	padding-left: 1rem;
	font-weight: 700;
}

a.icon-text.sit-bottom.phone:hover {
	text-decoration: underline;
}

.icon-text .icon-text-text {
	color: $(brand-blue);
}

.icon-text.phone .icon-text-icon {
	background-image: url('/images/phone-dark.png');
}
.inverted .icon-text.phone .icon-text-icon {
	background-image: url('/images/phone-light.png');
}

.icon-text.address .icon-text-icon {
	background-image: url('/images/location-dark.png');
}
.inverted .icon-text.address .icon-text-icon {
	background-image: url('/images/location-light.png');
}

.icon-text.email .icon-text-icon {
	background-image: url('/images/email-dark.png');
}
.inverted .icon-text.email .icon-text-icon {
	background-image: url('/images/email-light.png');
}

.icon-text.share .icon-text-icon {
	background-image: url('/images/share-dark.png');
}
.inverted .icon-text.share .icon-text-icon {
	background-image: url('/images/share-light.png');
}

.accordion-section > .wrapper {
	max-width: 1200px;
}
.accordion-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 2rem;
}

.accordion-item {
	border-top: 1px solid $(theme-dark-blue);
}
.accordion-item:last-child {
	border-bottom: 1px solid $(theme-dark-blue);
}
.accordion-item .top,
.accordion-item .bottom {
	padding: 2rem;
	transition: all 0.2s ease;
}

.accordion-item .bottom.full-width {
	padding: 10px 0;
}

.accordion-item .bottom.full-width table.data-table tr th:first-of-type,
.accordion-item .bottom.full-width table.data-table tr td:first-of-type {
	padding-left: 1.8rem;
}

.accordion-item .bottom.full-width table.data-table tr th:last-of-type,
.accordion-item .bottom.full-width table.data-table tr td:last-of-type {
	padding-right: 2.5rem;
}

.accordion-item .bottom.full-width.resources table.data-table tr th:last-of-type,
.accordion-item .bottom.full-width.resources table.data-table tr td:last-of-type {
	padding-right: 1.5rem;
}


.accordion-item .top {
	cursor: pointer;
}
.accordion-item.on .top {
	background: a-adjust($(theme-dark-blue), -90);
}
.accordion-item .top .layout {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.accordion-item .top .layout .info {
	flex: 1;
	min-width: 0;
}
.accordion-item .top .layout .icon {
	font-size: 24px;
	transition: all 0.2s ease;
}
.accordion-item.on .top .layout .icon {
	transform: rotate(45deg);
}
.accordion-item .top .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -1rem;
}
.accordion-item .top .split:empty {
	display: none;
}
.accordion-item .top .split > * {
	flex: 1;
	min-width: 0;
	padding: 0 1rem;
}
.accordion-item .subtitle {
	font-style: italic;
}
.accordion-item .bottom table:not(.data-table) {
	width: 100%;
	table-layout: fixed;
}
.accordion-item .bottom table p {
	margin: 0 !important;
}
.accordion-item .bottom table,
.accordion-item .bottom table tr,
.accordion-item .bottom table td {
	vertical-align: top;
}
.accordion-item:not(.on) .bottom {
	height: 0;
	max-height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}

.accordion-item .bottom ul, ol {
	margin: 5px 0 0 18px;
}

@for theme in tan, blue, green {
	.accordion-section.theme-#(theme) .accordion-item {
		border-top-color: $(theme-dark-#(theme));
	}
	.accordion-section.theme-#(theme) .accordion-item:last-child {
		border-bottom-color: $(theme-dark-#(theme));
	}
	.accordion-section.theme-#(theme) .accordion-item.on .top {
		background: a-adjust($(theme-dark-#(theme)), -90);
	}

	.accordion-section.theme-#(theme).inverted .accordion-item {
		border-top-color: $(theme-light-#(theme));
	}
	.accordion-section.theme-#(theme).inverted .accordion-item:last-child {
		border-bottom-color: $(theme-light-#(theme));
	}
	.accordion-section.theme-#(theme).inverted .accordion-item.on .top {
		background: a-adjust($(theme-light-#(theme)), -90);
	}
}

.side-image-card-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 2rem;
}

.side-image-card-grid {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.side-image-card-grid .side-image-card {
	width: 50%;
	padding: 1rem;
}

.side-image-card .card {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	height: 100%;
}
.side-image-card .graphic,
.side-image-card .info {
	flex: 1;
	min-width: 50%;
}
.side-image-card .image {
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 100%;
}
.side-image-card .info {
	padding: 4rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
.side-image-card .icon {
	width: 64px;
	height: 64px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.side-image-card .icon:not(:last-child) {
	margin-bottom: 2rem;
}
.side-image-card .content:not(:last-child) {
	margin-bottom: 2rem;
}

.side-icon-card-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 2rem;
}

.side-icon-card-grid {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.side-icon-card-grid .side-icon-card {
	width: 50%;
	padding: 1rem;
}

.side-icon-card .card {
	background: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 4rem;
	height: 100%;
}
.side-icon-card .icon {
	width: 72px;
	height: 72px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 2rem 0 0;
}
.side-icon-card .info {
	flex: 1;
	min-width: 0;
}
.side-icon-card .content:not(:last-child) {
	margin-bottom: 2rem;
}

.content-card-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 2rem;
}

.content-card-grid {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.content-card-grid .content-card {
	width: calc(100% / 3);
	padding: 1rem;
}

.content-card .card {
	background: #fff;
	padding: 4rem;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: column;
}
.content-card .icon {
	margin: 0 auto;
	width: 64px;
	height: 64px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.content-card .icon:not(:last-child) {
	margin-bottom: 2rem;
}
.content-card .content:not(:last-child) {
	margin-bottom: 2rem;
}
.content-card .button-container:not(:first-child) {
	margin-top: auto;
}

section.page-module.colors-section div.item h5 {
	margin-bottom: 10px;
}

section.page-module.colors-section div.item p {
	margin-top: 0;
}

.news-section {
	position: relative;
}
.news-section .slider {
	margin: -1rem;
}
.news-section .slide {
	padding: 1rem;
}
.news-section :hyperlinks.slide {
	text-decoration: none;
	font-weight: inherit;
}
.news-section .slide .image {
	background-color: rgba(0, 0, 0, 0.05);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.news-section .slide .text {
	padding: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.news-section .slide .text > * {
	padding: 0.5rem;
}
.news-section .slide .body {
	font-size: 14px;
	flex: 0 0 100%;
}
.news-section .slide .icon {
	font-size: 24px;
}
.news-section .content:not(:last-child) {
	margin-bottom: 2rem;
}
.news-section .slick-dots-container {
	margin: 32px 0 0 0;
	text-align: center;
	display: block;
}
.news-section .arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5rem;
	min-width: 56px;
	height: 100%;
	text-align: center;
	color: $(theme-dark-tan);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: opacity 0.1s ease;
}
.news-section .arrow:hover {
	opacity: 0.5;
}
.news-section .arrow.left {
	left: 0;
}
.news-section .arrow.right {
	right: 0;
}
.news-section .arrow img {
	width: auto;
	height: auto;
	max-width: 40%;
}

.team-grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -1rem;
}
.team-grid .team-member {
	flex: 1;
	min-width: 0;
	padding: 1rem;
}

.team-member {
	cursor: pointer;
}
.team-member .heading:not(:last-child) {
	margin-bottom: 2rem;
}
.team-member .image {
	background-color: rgba(0, 0, 0, 0.05);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.team-member .image:not(:last-child) {
	margin-bottom: 2rem;
}

.text-block-grid-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 2rem;
}

.text-block-grid {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.text-block-grid .text-block-grid-item {
	width: 25%;
	padding: 1rem;
}

.text-block-grid-item .card {
	background: #fff;
	padding: 2rem;
	height: 100%;
	min-height: 280px;
	text-align: center;
	position: relative;
}
.text-block-grid-item .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.text-block-grid-item .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.text-block-grid-item .content {
	position: relative;
	z-index: 3;
}

.thumbnail-grid-section > .wrapper > .content:not(:last-child) {
	margin-bottom: 2rem;
}

.thumbnail-grid {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -1rem;
}
.thumbnail-grid .thumbnail-grid-item {
	width: 25%;
	padding: 1rem;
}
.thumbnail-grid .thumbnail-grid-item.featured {
	order: -1;
	width: 100%;
	margin-bottom: 2rem;
	text-align: center;
}

:hyperlinks.thumbnail-grid-item {
	color: inherit;
	text-decoration: none;
}
.thumbnail-grid-item .box {
	display: block;
	margin: 0 auto;
	max-width: 960px;
}
.thumbnail-grid-item .image {
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.thumbnail-grid-item .image:not(:last-child) {
	margin-bottom: 10px;
}
.thumbnail-grid-item:not(.featured) .content :headings,
.thumbnail-grid-item:not(.featured) .content p {
	margin: 0;
}

.thumbnail-grid-section .thumbnail-grid-item:not(.featured) .box h5 {
	font-size: 15px;
	line-height: 1.2;
	color: #56666D;
	text-transform: none;
}

.thumbnail-grid-item:not(.featured) .content p {
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	opacity: .5;
	line-height: 1.2;
	margin: 8px 0 0;
}

.logo-section .split {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.logo-section .side.text {
	flex: 1;
	min-width: 0;
}
.logo-section .side.text:not(:last-child) {
	margin-right: 7rem;
}
.logo-section .side.logos {
	flex: 1.5;
	min-width: 0;
}
.logo-section .logo-grid {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: -2rem;
}
.logo-section .logo-grid .logo {
	width: calc(100% / 3);
	padding: 2rem;
}
.logo-section .logo-grid .image {
	display: block;
	width: 100%;
	padding-bottom: 50%;
	max-width: 184px;
	margin: 0 auto;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.wysiwyg {
	ul, ol {
		list-style: none;
		counter-reset: li;
		padding: 0;
		margin: 24px 0;
	}
	ul li,
	ol li {
		position: relative;
		padding: 4px 0 4px 24px;
		counter-increment: li;
	}
	ul li::before,
	ol li::before {
		content: "\2022";
		color: $(theme-dark-blue);
		display: inline-block;
		font-weight: 700;
		width: 24px;
		position: absolute;
		left: 0;
		top: 4px;
	}
	ul li::before {
		font-size: 1.5em;
		line-height: 0.75;
	}
	ol li::before {
		content: counter(li);
	}
}

.fancybox-container.transparent .fancybox-content {
	padding: 0;
	background: transparent !important;
}
.fancybox-container.transparent .fancybox-slide--html {
	padding: 7rem 0;
}
.fancybox-container.transparent .fancybox-slide--html .fancybox-close-small {
	color: #fff;
}

.fancybox-content .image-description-section {
	padding: 0;
	background: transparent !important;
}
.fancybox-content .image-description-section .name:not(:last-child),
.fancybox-content .image-description-section .title:not(:last-child) {
	margin-bottom: 2rem;
}

.category-bar {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
.category-bar:not(:last-child) {
	margin-bottom: 4rem;
}
.category-bar .category {
	@include button;
	border-width: 1px;
	flex: 1 1 auto;
	min-width: 0;
	margin-top: -1px;
	margin-right: -1px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff !important;
	text-decoration: none !important;
}
.category-bar .category:not(.on) {
	@include .button.secondary;
	color: $(gray) !important;
}

.filter-split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.filter-split .side.filters {
	width: 296px;
	margin: 0 4rem 0 0;
}
.filter-split .side.grid {
	flex: 1;
	min-width: 0;
}

.filter-section {
	padding: 2rem 0;
	border-top: 1px solid $(gray);
}

.filter-accordion .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
}
.filter-accordion .title::after {
	@include :materialicons;
	content: 'add';
	color: $(theme-dark-blue);
	font-size: 24px;
	transition: all 0.1s ease-out;
}
.filter-accordion.on .title::after {
	transform: rotate(45deg);
}
.filter-accordion .content {
	max-height: 0;
	padding: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.1s ease-out;
}
.filter-accordion.on .content {
	padding: 1rem 0 0 0;
	max-height: none;
	opacity: 1;
	pointer-events: auto;
}

.product-item-grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -0.5rem;
}
.product-item-grid .item {
	width: calc(100% / 4);
	padding: 0.5rem;
}
.product-item-grid :hyperlinks.item {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}
.product-item-grid .box {
	position: relative;
}
.product-item-grid .image {
	width: 100%;
	height: auto;
	padding-bottom: 100%;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.product-item-grid .info {
	padding: 1rem 0;
	z-index: 3;
}
.product-item-grid .title {
	font-size: 15px;
	line-height: 1.2;
	color: $(gray)
}
.product-item-grid .subtitle {
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	opacity: 0.5;
	line-height: 1.2;
	margin: 8px 0 0 0;
}

.product-details .product-detail-split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -2rem;
}
.product-details .product-detail-split > .side {
	flex: 1;
	min-width: 0;
	padding: 2rem;
}
.product-details .product-detail-split h1 {
	font-size: 32px;
}

.product-details .columns {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -2rem;
}
.product-details .columns .column {
	flex: 1;
	min-width: 0;
	padding: 1.5rem 2rem;
}

.product-details .color-selector {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -1rem;
}
.product-details .color-selector > * {
	flex: 1;
	min-width: 0;
	padding: 1rem;
}
.product-details .color-selector .large {
	position: relative;
	align-self: flex-end;
}
.product-details .color-selector .large .zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 24px;
	color: #fff;
}
.product-details .color-selector .title {
	margin-bottom: 1rem;
}
.product-details .color-selector .title span {
	display: block;
}
.product-details .color-selector .color-tile {
	display: block;
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	cursor: pointer;
	border: 1px solid $(theme-dark-blue);
}
.product-details .color-selector .color-tile:hover {
	opacity: 0.9;
}
.product-details .color-selector .color-tile .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.product-details .color-grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -4px;
}
.product-details .color-grid .item {
	width: calc(100% / 3);
	padding: 4px;
	border: 1px solid transparent;
}
/*Pushed Trench Drain Covers to the end of the list.*/
.product-details .color-grid .item[data-json*="Trench Drain Cover"]{
	order:2;
}

.product-details .color-grid .item.on {
	border-color: $(theme-dark-blue);
}

.product-details .image-slider-container {
	display: block;
	background: $(flat-white);
	position: relative;
	min-height: 450px;
}
.product-details .image-slider-container .image {
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.product-details .image-slider-container .image {
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.product-details .image-slider-container .slick-dots-container {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
}
.product-details .image-slider-container .arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4rem;
	min-width: 56px;
	height: 100%;
	text-align: center;
	color: $(theme-dark-tan);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: opacity 0.1s ease;
}
.product-details .image-slider-container .arrow:hover {
	opacity: 0.5;
}
.product-details .image-slider-container .arrow.left {
	left: 0;
}
.product-details .image-slider-container .arrow.right {
	right: 0;
}
.product-details .image-slider-container .arrow img {
	width: auto;
	height: auto;
	max-width: 40%;
}

.product-details .social {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 500;
	max-height: 48px;
	overflow: hidden;
}
.product-details .social:hover {
	max-height: none;
}
.product-details .social .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: this(width);
	text-align: center;
	line-height: this(width);
	font-size: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.2s ease-out;
	text-decoration: none
}
.product-details .social :hyperlinks.circle {
	color: #fff;
	text-decoration: none;
}
.product-details .social .circle + .circle {
	margin: 16px 0 0 0;
}
.product-details .social .circle img {
	width: auto;
	height: auto;
	transition: all 0.2s ease;
}
.product-details .social .trigger {
	font-size: 0;
}
.product-details .social .trigger img.share {
	opacity: 1;
	margin: 0 0 0 -5px;
}
.product-details .social .trigger img.close {
	position: absolute;
	opacity: 0;
}
.product-details .social:hover .trigger img.share {
	opacity: 0;
}
.product-details .social:hover .trigger img.close {
	opacity: 1;
}
.product-details .social .circle:not(.trigger) {
	box-shadow: $(shadow-light);
	opacity: 0;
	transform: translateY(-8px);
}
.product-details .social:hover .circle:not(.trigger) {
	opacity: 1;
	transform: none;
}
.product-details .social .twitter {
	background: #1DA1F1;
}
.product-details .social .facebook {
	background: #3B5997;
}
.product-details .social .pinterest {
	background: #BD071B;
}
.product-details .social .email {
	background: #757575;
}

.product-details .button-split {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 2rem -1rem;
}
.product-details .button-split .button {
	flex: 1;
	min-width: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 1rem;
}

.product-details .image .main-image {
	max-width: 100%;
	cursor: none;
}

.product-details .image .main-image img {
	max-width: 100%;
	vertical-align: middle;
	z-index: 1;
}

.product-details .image .zoom {
	width: 14rem;
	height: 14rem;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	pointer-events: none;
	transition: transform .25s ease, opacity 0s linear .25s, background .25s ease;
	opacity: 0;
	transform: scale(0);
	transform-origin: 50% 50%;
	overflow: hidden;
}
.product-details .image .zoom:before {
	 content: '';
	 position: absolute;
	 margin: auto;
	 left: 0;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 border-radius: 50%;
	 display: none;
 }

.product-details .image .zoom.show {
	 transform: scale(1);
	 opacity: 1;
	 transition: transform .25s ease, opacity 0s linear;
 }

.product-details .image .zoom.loading {
	background: transparent;
}
.product-details .image .zoom.loading:before {
	 display: block;
	 animation: loading .5s ease infinite alternate;
 }

@keyframes loading {
	0% {
		transform: scale(0.1);
		box-shadow: inset 0 0 0 150px gold;
	}
	50% {
		transform: scale(1);
		box-shadow: inset 0 0 0 140px golf;
	}
	100% {
		box-shadow: inset 0 0 0 0 gold;
	}
}

.product-details .image .zoom.loading .zoom-image {
	opacity: 0;
}

.product-details .image .zoom .zoom-image {
	position: absolute;
	left: 0;
	top: 0;
	transition: opacity .25s ease;
	width: 100%;
	height: 100%

}

.pagination {
	display: block;
	text-align: center;
	margin: 48px 0 0 0;
}
.pagination :any(:hyperlinks, span) {
	@include button;
	margin: 4px 4px;
}
.pagination :any(:hyperlinks, span):not(.active) {
	@include .button.secondary;
}
.pagination :any(:hyperlinks, span).ellipses {
	background: transparent !important;
	border-color: transparent !important;
}

.testimonial-slider {
	position: relative;
	padding: 0;
}
.testimonial-slider .slick-dots-container {
	margin: 32px 0 0 0;
}
.testimonial-slider > .slick-dots-container {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
}
.testimonial-slider.inverted > .slick-dots-container .slick-dots li {
	border-color: #fff;
}
.testimonial-slider.inverted > .slick-dots-container .slick-dots li.slick-active {
	background: #fff;
}
.testimonial-slider .arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5rem;
	min-width: 56px;
	height: 100%;
	text-align: center;
	color: $(theme-dark-tan);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: opacity 0.1s ease;
}
.testimonial-slider .arrow:hover {
	opacity: 0.5;
}
.testimonial-slider .arrow.left {
	left: 0;
}
.testimonial-slider .arrow.right {
	right: 0;
}
.testimonial-slider .arrow img {
	width: auto;
	height: auto;
	max-width: 40%;
}
.testimonial-slider .slide {
	position: relative;
	padding: 7rem 0 calc(7rem + 32px) 0;
}
.testimonial-slider .slide .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.testimonial-slider .slide .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: $(black);
	opacity: 0;
	z-index: 2;
}
.testimonial-slider .slide .wrapper {
	position: relative;
	max-width: 1200px;
	text-align: center;
	z-index: 3;
}
.testimonial-slider .slide .quote:not(:last-child) {
	margin: 0 0 2rem 0;
}
.testimonial-slider .slide .name {
	font-size: 20px;
	font-weight: 700;
}

.timeline-section {
	padding-bottom: 0;
}
.timeline-section > .wrapper:not(:last-child) > .content {
	margin-bottom: 7rem;
}
.timeline-section .timeline-event {
	position: relative;
}
.timeline-section .timeline-event:not(.theme-none) {
	padding: 7rem 0;
}
.timeline-section .timeline-event:not(.theme-none) {
	padding: 7rem 0;
}
.timeline-section .timeline-event:not(.theme-none)::before,
.timeline-section .timeline-event:not(.theme-none)::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: calc(7rem);
	background: $(theme-dark-blue);
	pointer-events: none;
	z-index: 100;
}
.timeline-section .timeline-event:not(.theme-none)::before {
	top: 0;
	bottom: auto;
}
.timeline-section .timeline-event:not(.theme-none)::after {
	top: auto;
	bottom: 0;
}
.timeline-section .timeline-event:not(.theme-none).inverted::before,
.timeline-section .timeline-event:not(.theme-none).inverted::after {
	background: #fff;
}
.timeline-section .timeline-event .box {
	position: relative;
}
.timeline-section .timeline-event .box::before,
.timeline-section .timeline-event .box::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 8px;
	height: 8px;
	background: $(theme-dark-blue);
	border: 1px solid transparent;
	border-radius: 50%;
	pointer-events: none;
	z-index: 100;
}
.timeline-section .timeline-event.inverted .box::before,
.timeline-section .timeline-event.inverted .box::after {
	background: #fff;
}
.timeline-section .timeline-event.alignment-split .box::before,
.timeline-section .timeline-event.alignment-split .box::after {
	display: none;
}
.timeline-section .timeline-event.alignment-center .box::before,
.timeline-section .timeline-event.alignment-center .box::after {
	width: 12px;
	height: 12px;
	background: #fff;
	border-color: $(black);
}
.timeline-section .timeline-event.alignment-center.inverted .box::before,
.timeline-section .timeline-event.alignment-center.inverted .box::after {
	background: transparent;
	border-color: #fff;
}
.timeline-section .timeline-event.alignment-center .box::before {
	top: 5px;
	bottom: auto;
}
.timeline-section .timeline-event.alignment-center .box::after {
	top: auto;
	bottom: 5px;
	transform: translateX(-50%) translateY(50%);
}
.timeline-section .timeline-event:first-child .box::before {
	display: none;
}
.timeline-section .timeline-event:last-child .box::after {
	display: none;
}
.timeline-section .timeline-event .wrapper {
	max-width: 1200px;
	padding-top: 4rem;
	padding-bottom: 4rem;
	position: relative;
	z-index: 3;
}
.timeline-section .timeline-event .wrapper.vertical-spacing-small {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.timeline-section .timeline-event .wrapper.vertical-spacing-large {
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.timeline-section .timeline-event .wrapper::before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: $(theme-dark-blue);
	pointer-events: none;
}
.timeline-section .timeline-event.inverted .wrapper::before {
	background: #fff;
}
.timeline-section .timeline-event:first-child .wrapper {
	padding-top: 0;
}
.timeline-section .timeline-event.alignment-split .wrapper {
	padding-top: 0;
}
.timeline-section .timeline-event.alignment-split .year {
	width: 100%;
	text-align: center;
}
.timeline-section .timeline-event.alignment-split .content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -7rem;
}
.timeline-section .timeline-event.alignment-split .content > * {
	width: 50%;
	padding: 0 7rem;
	margin: 0;
}
.timeline-section .timeline-event.alignment-split .content > *:first-child {
	text-align: right;
}
.timeline-section .timeline-event.alignment-center {
	text-align: center;
}
.timeline-section .timeline-event.alignment-center .wrapper {
	max-width: 960px;
}
.timeline-section .timeline-event.alignment-center .wrapper::before {
	display: none;
}
.timeline-section .timeline-event.alignment-left .wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.timeline-section .timeline-event.alignment-left .wrapper > * {
	width: 50%;
	padding: 0 7rem;
	margin: 0;
}
.timeline-section .timeline-event.alignment-left .wrapper > *:first-child {
	text-align: right;
}
.timeline-section .timeline-event.alignment-right .wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.timeline-section .timeline-event.alignment-right .wrapper > * {
	width: 50%;
	padding: 0 7rem;
	margin: 0;
}
.timeline-section .timeline-event.alignment-right .wrapper > *:last-child {
	text-align: right;
}
.timeline-section .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	border-top:20px solid #fff;
}
.timeline-section .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: $(black);
	opacity: 0;
	z-index: 2;
}
.timeline-section .image + .overlay{
	top:20px;
	height:calc(100% - 20px);
}
.colors-section .four-grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -1rem;
	margin-top: 1rem;
}
.colors-section .four-grid .item {
	width: 25%;
	padding: 1rem;
}
.colors-section .four-grid .item.extra {
	padding-top: 3vw;
}
.colors-section .four-grid .image {
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	position: relative;
}
.colors-section .four-grid .image::before {
	@include :materialicons;
	content: "zoom_in";
	font-size: 48px;
	max-width: none;
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	border: 1px solid a-adjust($(theme-dark-blue), -50);
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;/*a-adjust($(theme-light-tan), -33);*/
	color: transparent;
	opacity: 1;
	transition: all 0.3s ease;
}
.colors-section .four-grid .image:hover::before {
	opacity: 1;
	border-color: $(theme-dark-blue);
	color: $(theme-dark-blue);
}
.colors-section .network {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.colors-section .network > * {
	margin: 2rem;
}

.blocky-boi {
	background: $(theme-light-blue);
	color: $(theme-dark-blue);
	padding: 3rem 2rem;
	text-align: center;
}
:hyperlinks.blocky-boi {
	display: block;
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}
.blocky-boi .icon {
	margin: 0 auto;
	width: 72px;
	height: 72px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/images/sales-staff.svg');
}
.blocky-boi .icon:not(:last-child) {
	margin-bottom: 2rem;
}

.resource-item-grid {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -0.5rem;
}
.resource-item-grid .item {
	width: calc(100% / 3);
	padding: 0.5rem;
	margin-bottom: 30px;
}
.resource-item-grid :hyperlinks.item {
	color: inherit;
	text-decoration: none;
}
.resource-item-grid .item .box {
	display: block;
	margin: 0 auto;
	max-width: 960px;
}
.resource-item-grid .item .image {
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.resource-item-grid .item .image:not(:last-child) {
	margin-bottom: 10px;
}
.resource-item-grid .item .title, .resource-item-grid .item .title h4 {
	font-size: 15px;
	line-height: 1.2;
	color: $(gray);
}
.resource-item-grid .item .subtitle {
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	opacity: .5;
	line-height: 1.2;
	margin: 8px 0 0;
}

.split-heading {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.site-search form.site-search {
	margin-bottom: 4rem;
}
.site-search form.site-search input {
	width: 100%;
}
.site-search .split-heading {
	margin-bottom: 4rem;
}
.site-search .result {
	display: block;
	text-decoration: none!important;
	cursor: pointer;
	color: $(black)!important;
	padding: 20px 0;
	border-bottom: 1px solid $(theme-light-blue);
	.faux-link { color: $(gray); &:hover {text-decoration: underline; }}
}
.site-search .result .split {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: -3.5rem;
}
.site-search .result .side {
	margin: 3.5rem;
}
.site-search .result .info {
	flex: 1;
	min-width: 0;
}
.site-search .result .image {
	width: 25%;
	min-width: 300px;
	border-radius: 4px;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.contacttypes .fields-groups {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 30px;
	.group {
		padding-bottom: 20px;
		margin-bottom: 20px;
		.top {
			display: flex;
			.right {
				margin-left: auto;
				display: flex;
				align-items: center;
			}
			.input-row {
				display: inline-block;
				margin-right: 20px;
				label { text-transform: none; }
			}
		}
	}
}

.contact-type-bar {
	display: flex;
	justify-content: flex-start;
	/*align-items: center;*/
	flex-wrap: wrap;
	margin-bottom: 1rem;
	+ .fields-groups {
		padding-top: 0;
		border-top: 0;
	}
	> * {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.contact-type-bar .title {
	@include button;
	cursor: normal;
	padding-left: 2rem;
	padding-right: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background: $(theme-light-blue);
	color: $(theme-dark-blue);
	flex: 1;
}
.contact-type-bar .text {
	font-weight: 700;
}
.contact-type-bar .button {
	margin-left: 8px;
}

.quantity-selector {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: wrap;
	margin: -2rem -1rem;
}
.quantity-selector .item {
	flex: 1;
	min-width: 0;
	padding: 2rem 1rem;
	text-align: center;
}
.quantity-selector .item.text {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: column;
	text-align: left;
	align-self: stretch;
}
.quantity-selector .item.text :headings {
	margin: 0;
	flex: 1;
	min-height: 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.quantity-selector .item.text p {
	margin: 0;
}
.quantity-selector .item label span {
	display: block;
}
.quantity-selector .item .thumbnail {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 100%;
	background-color: $(flat-white);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 1rem 0;
	border: 2px solid transparent;
}
.quantity-selector .item .input {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
.quantity-selector .item .input .button {
	font-size: 20px !important;
	line-height: 16px !important;
}
.quantity-selector .item .input .button:not(:hover):not(:active) {
	background: $(theme-light-blue) !important;
	color: $(theme-dark-blue) !important;
}
.quantity-selector .item .select-container {
	flex: 1;
	min-width: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	width: auto;
	text-align: center;
	&:after {
		right: 0
	 }
}
.quantity-selector .item .select-container select {
	width: 100%;
	min-width: 0;
	text-align: center !important;
	text-align-last: center !important;
	background: transparent;
	padding-left: 0;
	padding-right: 15px;
}
.quantity-selector .item .repair_color_click {
	cursor: pointer;
}
.quantity-selector .item .repair_color_click.on .thumbnail {
	border-color: $(theme-dark-blue);
}

.contact-tabs {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: -8px;
	max-width: 100%;
}
.contact-tabs .button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	min-width: 0;
	margin: 8px;
	text-align: left;
}
.contact-tabs .button:not(.off)::after {
	content: '+';
	display: inline-block;
	font-size: 24px;
	line-height: 16px;
}

.page-module.contact .spacer {
	padding-top: 4rem;
}

.off {
	cursor: auto;
	filter: grayscale(100%);
	opacity: 0.5;
}

#contact-form .notice {
	padding: 12px 24px;
    background: #E1D8D1;
    margin: 2rem 0;
}

.disabled,
:disabled {
	cursor: auto;
	filter: grayscale(100%);
	opacity: 0.5;
	pointer-events: none;
}

.breadcrumbs {
	max-width: 100%;
	margin-bottom: 60px;
	margin-top: -3.5rem;
	> * {
		color: $(gray);
		font-size: 12px;
	line-height: 19px!important;
		&.current { color: $(black); }
	}
	i { margin: 0 5px; }
}

footer {
	background: l-adjust($(theme-dark-blue), -10);
	color: #fff;
	font-size: 14px;
}
footer :menulinks {
	color: inherit;
	cursor: pointer;
}
footer :menulinks:hover {
	color: inherit;
	text-decoration: underline;
}
footer .footer-section {
	padding: 72px 0;
}
footer .footer-section.bottom {
	background: $(theme-dark-blue);
	color: rgba(255, 255, 255, 0.5);
	padding: 16px 0;
	font-size: 10px;
}
footer .footer-section .split {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 -16px;
}
footer .footer-section .side {
	flex: 1;
	min-width: 0;
	padding: 0 16px;
}
footer .footer-section .side.wide {
	flex: 2;
}
footer .footer-nav :menulinks {
	display: block;
	padding: 8px 0;
	opacity: 0.6;
	font-weight: 500;
}
footer .footer-nav ul,
footer .footer-nav li {
	list-style: none;
}
footer .footer-nav > ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: -2rem;
}
footer .footer-nav > ul > li {
	width: calc(100% / 3);
	padding: 2rem;
}
footer .footer-nav > ul > li > :menulinks {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
}
footer .footer-nav ul ul {
	padding-left: 16px;
}
footer .logo {
	max-width: 90%;
}
footer .social-icons :hyperlinks.icon {
	background: rgba(255, 255, 255, 0.5);
	color: l-adjust($(theme-dark-blue), -10);
}
footer .footer-section.bottom p {
	padding: 0;
	margin: 0;
}
footer .footer-section.bottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer .footer-section.bottom ul li {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 0;
}
footer .footer-section.bottom ul li + li::before {
	content: "|";
	display: inline-block;
	margin: 0 8px 0 0;
}

/* Generic Rules */

.slick-hidden {
	display: none !important;
}

p:first-child,
label:first-child,
:headings:first-child {
	margin-top: 0;
	padding-top: 0;
}
p:last-child,
label:last-child,
:headings:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.left-align {
	text-align: left !important;
}
.center-align {
	text-align: center !important;
}
.right-align {
	text-align: right !important;
}
.justify-align {
	text-align: justify !important;
}
.top-align {
	vertical-align: top !important;
}
.middle-align {
	vertical-align: middle !important;
}
.bottom-align {
	vertical-align: bottom !important;
}

.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.no-right {
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.no-bottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.no-left {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

i.material-icons {
	display: inline-block;
	font-size: 1.3em;
	line-height: 0.7;
	user-select: none;
	max-width: 1em;
	overflow: visible;
	vertical-align: -34%;
}

.select.styled {
	height: auto;
	position: relative;
	border: 1px solid l-adjust($(theme-light-blue), 2);
	font-size: 14px;
	.arrows {
		position: absolute;
		right: 12px;
		top: 8px;
		z-index: 100;
		font-size: 16px;
		color: #787878;
		i.up-arrow { display: none; }
	}
	&.on {
		 border: 1px solid $(gray);
		.arrows { .up-arrow {display: inline-block; } .down-arrow { display: none; }}
	}
}

.select.styled:not(.on) .options, .select.styled.all-selected .options {
	display: none
}
.select.styled.on:not(.all-selected) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.select.styled .options {
	position: absolute;
	background: #FFF;
	z-index: 200;
	width: calc(100% + 2px);
	left: -1px;
	border: 1px solid $(gray);
	border-top: 0;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	max-height: 300px;
	overflow: scroll;
}
.select.styled .options .selected {display: none}
.select.styled .options label {
	padding: 8px 24px;
	border-bottom: 1px solid l-adjust($(theme-light-blue), 2);
	cursor: pointer;
	font-size: 14px;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	color: $(gray)
}

.select.styled .options label:last-child {border: 0}
.select.styled .options label:hover {
	background: l-adjust($(theme-light-blue), 2);
}
.select.styled .selected-options {
	padding: 5px 24px;
	position: relative;
	z-index: 10;
	min-height: 39px;
    background: l-adjust($(theme-light-blue), 2);
}
.select.styled:not(.empty) .selected-options {
	padding-bottom: 0
}
.select.styled .selected-options:after {
	content: "";
	display: block;
	clear: both
}
.select.styled:not(.empty) .placeholder{ display: none}
.select.styled .placeholder {
	color: #787878;
	padding-right: 20px;
	line-height: 29px;
	font-size: 16px;

}

.select.styled .selected-options .selected {
	float: left;
	background: rgba(0,0,0,0.08);
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	color: $(black)
}
.select.styled .selected-options .selected .remove {
	display: inline-block;
	margin-left: 10px
}

section.page-module.product-grid.dynamic-grid {
	padding-bottom: 8px;
}

section.page-module.product-grid.dynamic-grid + section.page-module.text-block-section.small-position-right {
	padding-top: 40px;
	padding-bottom: 60px;
}

.resource-item-grid .item  div.image.color-gray {
	background-color: $(gray);
}

div.default-resources-icon {
	position: absolute;
	width: 100px;
	height: 72px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: -50px;
	left: 50%;
	margin-top: -36px;
	top: 50%;
}

#payment-wait-loader, #payment-confirm {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255, 0.95);
	z-index: 9999999;
	justify-content: center;
	align-items: center;
}

#payment-wait-loader .inner {
	text-align: center;
	font-size: 21px;
	padding: 40px;
}

#payment-confirm {
	display: none;
	background: rgba(0,0,0, 0.8);
}

#payment-confirm.on {
	display: flex;
}

#payment-confirm .inner {
	width: 100%;
	max-width: 600px;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	padding: 40px;
	background: #FFF;
	position: relative;
}

#payment-confirm .inner .total {
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
}

#payment-confirm .cancel {
	display: inline-block;
	margin-top: 20px;
}

#payment-confirm .close {
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 18px;
}

#payment-preform {
	.radio-row { display: inline-block; margin-right: 20px }
	.additional-fee-message { margin-top: 20px; }
	.total { font-size: 1.2em; font-weight: bold; }
	.amex-surcharge, .additional-fee-message {display: none}
	.fields-group {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		.half {display: inline-block; width: calc(50% - 10px); padding-left: 0}
		.half:first-child {padding-right: 0; padding-left: calc(2rem / 2);}
	}
	.additional-fee label{ text-transform: none; line-height: 1.2; font-size: 0.8em; margin-bottom: 20px}
	.fields.two { display: flex; gap: 20px;}
	.fields.two .field { margin-bottom: 20px }
	.fields .field {
			padding: 0;
			flex: 1;
		}
	form .fields { margin: 0; }
	.bar.alert { margin-bottom: 20px; }

}

.referral-field-wrap {
	/*padding-left: 0!important;
	padding-right: 0!important;*/
}


/* Responsive */

@media all and (min-width: 1441px) {
	html {
		font-size: 16px; /* Used to scale spacing based on rem's */
	}

	body,
	.button {
		font-size: 16px;
	}

	header .site-top-header :menulinks {
		margin: 0 24px;
	}
	header .site-main-header ul.nav li {
		margin: 0 0 0 32px;
	}

	h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 30px;
	}
	h5, h5 > span  {
		font-size: 18px;
	}
}

@media all and (max-width: 1300px) {
	.quantity-selector .item.text {
		flex: 0 0 100%;
	}
}

@media all and (min-width: 1130px) and (max-width: 1325px) {
	header .site-main-header ul.nav li {
		margin: 0 0 0 1.5rem!important
	}
	header .site-main-header ul.nav li:first-child {
		margin-left: 0!important;
	}
	header .site-main-header ul.nav li a {
		font-size: 13px
	}
}

@media all and (max-width: 1200px) {
	header .site-main-header .logo-container {
		/*width: 200px;*/
	}
	header .site-main-header ul.nav li {
		margin: 0 0 0 2rem;
	}
	header .site-main-header .extra-item.search {
		margin-left: 2rem;
	}

	.text-block-grid .text-block-grid-item {
		width: calc(100% / 3);
	}

	.thumbnail-grid .thumbnail-grid-item {
		width: calc(100% / 3);
	}

	.quantity-selector .item {
		flex: 0 1 25%;
	}
}
@media all and (max-width: 1130px) {
	header .site-main-header .extra-item.mobile-menu-toggle {
		display: inline-block;
	}
	header .site-main-header .nav-container > ul.nav {
		@include submenu;
		top: 100%;
		left: auto;
		right: calc(100% - 64px);
	}
	header .site-main-header .nav-container.on > ul.nav {
		opacity: 1;
		pointer-events: auto;
	}
	header .site-main-header ul.nav li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
	}
	header .site-main-header ul.nav li :menulinks {
		@include submenuitem;
	}
	header .site-main-header ul.nav li :menulinks::after {
		display: none !important;
	}
	header .site-main-header ul.nav .sub {
		top: 0;
		right: 100%;
		left: auto;
		opacity: 0;
		pointer-events: none;
	}
	header .site-main-header ul.nav li.on > .sub {
		opacity: 1;
		pointer-events: auto;
	}
	header .site-main-header ul.nav .sub :menulinks {
		background: $(theme-dark-blue);
		color: #fff;
		border-bottom-color: rgba(255, 255, 255, 0.1);
	}
	header .site-main-header ul.nav .sub :menulinks:hover {
		background: l-adjust($(theme-dark-blue), 5);
		color: #fff;
	}
	header .site-main-header .extra-item.search {
		margin-left: 0;
	}

	.product-item-grid .item {
		width: calc(100% / 3);
	}
	header .site-main-header .logo-container {
		width: 50%;
		max-width: 50%;
		/*height: 120px;*/
	}
}
@media all and (max-width: 960px) {
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}

	.hero .max {
		width: 100% !important;
		max-width: 100% !important;
	}
	.hero .image.right {
		width: 100% !important;
	}

	.hero:not(.has-image-overlay) .image::after {
		content: " ";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0.8;
	}
	@for theme in tan, blue, green {
		.hero:not(.has-image-overlay).theme-#(theme) .image::after {
			background: $(theme-light-#(theme));
		}
		.hero:not(.has-image-overlay).inverted.theme-#(theme) .image::after {
			background: $(theme-dark-#(theme));
		}
	}

	.cta-bar {
		background-size: 960px auto;
	}
	.cta-bar .split {
		justify-content: center;
	}
	.cta-bar .split .side {
		flex: 0 0 100% !important;
		text-align: center !important;
	}
	.cta-bar .split .side.placeholder {
		display: none;
	}

	.image-text-section .side {
		flex: 0 0 100% !important;
	}
	.image-text-section .side.media {
		order: -1 !important;
	}

	.image-block-section .image-block-grid .image-block {
		flex: 0 0 100%;
	}

	.text-block-section .split .side {
		flex: 0 0 100% !important;
	}

	.split-text-section .split .side {
		flex: 0 0 100% !important;
	}

	.text-cta-bar .split .side.blurb {
		width: 60%;
	}
	.text-cta-bar .split .side.cta {
		width: 40%;
	}

	.hero-slider .arrow,
	.news-section .arrow {
		display: none !important;
	}

	.point-column-section .point-column-grid .point-column {
		width: 100%;
	}

	.icon-column-section .icon-column-grid .icon-column {
		display: block;
		margin: 0 auto;
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}


	.accordion-item .bottom table:not(.no-break),
	.accordion-item .bottom table:not(.no-break) tr,
	.accordion-item .bottom table:not(.no-break) td {
		display: block;
	}
	.accordion-item .bottom table:not(.no-break) td {
		margin: 0 0;
	}

	.side-image-card-grid .side-image-card {
		width: 100%;
	}

	.side-icon-card-grid .side-icon-card {
		width: 100%;
	}

	.content-card-grid .content-card {
		width: 100%;
	}
	.content-card-grid .content-card a{
		display:block;
	}
	.accordion-item .top .split > * {
		flex: 0 0 100%;
	}

	.team-grid .team-member {
		flex: none;
		width: 50%;
	}
	.team-grid .team-member .heading.empty {
		display: none;
	}

	.text-block-grid .text-block-grid-item {
		width: 50%;
	}

	.thumbnail-grid .thumbnail-grid-item {
		width: 50%;
	}

	.logo-section .side.text,
	.logo-section .side.logos {
		width: 100%;
		flex: 0 0 100%;
	}
	.logo-section .side.text:not(:last-child) {
		margin-right: 0;
		margin-bottom: 4rem;
	}

	.product-grid .filter-bar .filter {
		flex: 1 0 auto;
		width: calc(100% / 3);
	}

	.filter-split .side.filters,
	.filter-split .side.grid {
		flex: 0 0 100%;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	.product-details .product-detail-split > .side {
		flex: 0 0 100%;
	}
	.product-details .product-detail-split > .side:last-child {
		order: -1;
	}

	section.page-module.product-grid.dynamic-grid + section.page-module.text-block-section.small-position-right {
		padding-top: 20px;
	}

	.colors-section .four-grid .item {
		width: 50%;
	}

	.contact-tabs .button {
		flex: 0 0 100%;
	}

	footer .footer-section .side {
		flex: 0 0 100%;
	}
	footer .footer-section.top .side:first-child {
		display: flex;
		justify-content: space-between;
		align-items: middle;
		flex-wrap: wrap;
		padding: 0 8px;
		margin-bottom: 2rem;
	}
	footer .footer-section.top .side:first-child > * {
		padding: 8px;
		margin: 0;
	}
	footer .footer-section.top .side:first-child .logo-container {
		flex: 0 0 100%;
	}
	footer .footer-section.bottom .side:first-child {
		margin-bottom: 16px;
	}
	.image-text-section .side.media .image {
		height: auto;
		padding-bottom: calc(50% - 24px);
		min-height: 0px;
	}

	.home .hero-slider .overlay {
		opacity: 0.6!important;
		background-color: #FFF;
	}
	.image-text-section .side.content {
		padding-bottom: 0;
	}

	.image-text-section + section {
		padding-top: 20px;
	}

	section.product-details .breadcrumbs {
		margin-bottom: 30px;
	}

}
@media all and (max-width: 720px) {
	header .site-main-header .extra-item.search {
		/* display: none; */
	}
	header .site-main-header .nav-container > ul.nav {
		@include submenu;
		top: 100%;
		left: auto;
		right: 0;
	}
	header .site-main-header ul.nav .sub {
		position: static;
		display: none;
	}
	header .site-main-header ul.nav li.on > .sub {
		display: block;
	}

	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	h5, h5 > span {
		font-size: $(standard-font-size);
	}

	.text-cta-bar .split .side.blurb,
	.text-cta-bar .split .side.cta {
		width: 50%;
	}

	.product-item-grid .item {
		width: 50%;
	}

	footer .footer-section.top .side:first-child > * {
		flex: 0 0 100%;
	}
	footer .footer-nav > ul {
		margin: 0;
	}
	footer .footer-nav > ul > li {
		/*padding: 0;*/
		/*flex: 0 0 100%;*/
		width: 50%;
	}
}
@media all and (max-width: 640px) {
	html {
		font-size: 8px; /* Used to scale spacing based on rem's */
	}
	body {
		padding-top: 129px;
	}

	.wrapper {
		padding: 0 16px;
	}

	header .site-top-header {
		font-size: 10px;
	}
	header .site-top-header ul {
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
	header .site-top-header li {
		margin: 0;
		flex: 1;
		min-width: 0;
		text-align: center;
	}
	header .site-top-header :menulinks {
		display: block;
		text-align: center;
		margin: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	header .site-top-header li.emphasis :menulinks {
		padding-left: 8px;
		padding-right: 8px;
	}
	header .site-top-header .wrapper {
		padding: 0;
	}

	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: $(standard-font-size);
	}
	h4 {
		font-size: $(standard-font-size);
	}

	.text-cta-bar .split .side.blurb,
	.text-cta-bar .split .side.cta {
		flex: 0 0 100%;
		width: 100%;
	}
	.text-cta-bar .split .side.cta {
		order: -1;
		padding: 0 0 24px 0;
	}

	.side-image-card .graphic,
	.side-image-card .info {
		flex: 0 0 100%;
		min-width: 100%;
	}
	.side-image-card .image {
		padding-bottom: 50%;
	}
	.side-image-card .info {
		text-align: center;
	}
	.side-image-card .icon {
		margin-left: auto;
		margin-right: auto;
	}

	.side-icon-card .icon,
	.side-icon-card .info {
		width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}
	.side-icon-card .icon {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4rem;
	}

	.image-description-section .split .side {
		flex: 0 0 100% !important;
	}

	.text-block-grid .text-block-grid-item {
		width: 100%;
	}

	.text-block-grid-item .card {
		height: auto;
		min-height: 0;
	}

	.thumbnail-grid .thumbnail-grid-item {
		width: 100%;
	}

	.product-grid .filter-bar .filter {
		width: 50%;
	}

	.product-details .columns .column {
		flex: 0 0 100%;
	}

	.timeline-events {
		font-size: 13px;
	}
	.timeline-section .timeline-event.alignment-split .content {
		margin: 0 -6vw;
	}
	.timeline-section .timeline-event.alignment-split .content > * {
		padding: 0 6vw;
	}

	.resource-item-grid .item {
		width: 50%;
	}

	.site-search .result .side {
		width: 100%;
	}
	.site-search .result .image {
		display: none;
		height: 60vw;
	}

	.quantity-selector .item {
		flex: 0 1 33%;
		.select-container {
			margin: 0 8px;
			select {padding-right: 0}
		}

	}

	form .fields {
		display: block !important;
	}
	form .fields>.field,
	form .fields>.fields {
		display: block !important;
		width: 100% !important;
	}
	#payment-preform > .wrapper {
		padding: 0 16px;
	}
	form .fields-row > div {
		display: block !important;
		width: 100% !important;
	}

	form .fields-row.message-row {
		display: flex;
		flex-direction: column;
	}

	form .fields-row.message-row > div:nth-child(2) {
		order: -1
	}
}

@media all and (max-width: 560px) {
	.category-bar > * {
		width: 50%;
	}
	.category-bar > *:first-child {
		width: 100%;
	}
}

@media all and (max-width: 480px) {
	body{
		padding-top: 113px;
	}

	header .site-main-header .wrapper {
		height: 80px;
	}

	header .site-main-header .logo-container {
		padding: 10px 0;
	}

	header .site-main-header .extra-item.mobile-menu-toggle i,
	header .site-main-header .extra-item i
	{
		vertical-align: -50%;
	}

	.team-grid .team-member {
		width: 100%;
	}

	.product-grid .filter-bar .filter {
		width: 100%;
	}

	.product-item-grid .item {
		width: 100%;
	}

	.colors-section .four-grid .item {
		width: 100%;
	}

	.quantity-selector .item {
		flex: 0 1 50%;
	}

	table.no-break tr td, table.no-break tr th {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
	}
	.product-detail-split .accordion-item .bottom {
		padding-left: 0;
		padding-right: 0
	}

	div.default-resources-icon {
		width: 72px;
		height: 50px;
		margin-left: -36px;
		margin-top: -25px;
	}
	#payment-preform {
		.fields-group {
			display: block;
			.half {
				width: 100%;
				padding-left: calc(2rem / 2)!important;
				padding-right: calc(2rem / 2)!important;
				margin: 0;
			}
		}
	}
}

@media all and (max-width: 400px) {
	.category-bar > * {
		width: 100%;
	}

	body{
		padding-top: 93px;
	}

	header .site-main-header .wrapper {
		height: 60px;
	}

	header .site-main-header .logo-container {
		padding: 4px 0;
	}

}

@media all and (max-width: 320px){
	.quantity-selector .item  .select-container:after {
		right: -4px
	}
	/*footer .footer-nav > ul > li {
		padding: 0;
		flex: 0 0 100%;
	}*/

}