body {
	background-color: #c8c6c7;
	font-family: 'ReplicaLight', "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.2rem;
	line-height: 1.5rem;
	/* overflow-x: hidden; */
}

.careers-table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.careers-table td {
	padding-bottom: 20px;
	cursor: pointer;
}

button, input, select, textarea {
	font-family: 'ReplicaLight', "Helvetica Neue", Helvetica, sans-serif;
}

iframe {
	border: 0;
}

div.media {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	height: 0;
}

div.media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text-block ul {
	list-style-image: url(/themes/ss-bs/images/back-arrow-dark.png);
	padding-left: 15px;
	margin-bottom: 5px;
}

.darkgrey .text-block ul {
	list-style-image: url(/themes/ss-bs/images/back-arrow-light.png);
}

#main {
	margin: 100px 0;
	overflow-x: hidden;
}

@media (max-width: 1199px){
	#main {
		margin: 150px 0;
		overflow-x: visible;
	}
}

@media (max-width: 991px){
	#main {
		margin: 191px 0;
		overflow-x: visible;
	}
}

@media (max-width: 767px){
	#main {
		margin: 119px 0;
	}
}

a:link,
a:visited {
	color: #939594;
}

a:hover {
	color: #7DA376;
}

a:focus {
	text-decoration: none;
}

@font-face {
	font-family: 'Replica';
	src: url('/themes/ss-bs/fonts/ReplicaStdRegular.woff') format('woff'),
		 url('/themes/ss-bs/fonts/ReplicaStdRegular.ttf') format('truetype'),
		 url('/themes/ss-bs/fonts/ReplicaStdRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'ReplicaLight';
	src: url('/themes/ss-bs/fonts/ReplicaStdLight.woff') format('woff'),
		 url('/themes/ss-bs/fonts/ReplicaStdLight.ttf') format('truetype'),
		 url('/themes/ss-bs/fonts/ReplicaStdLight.svg') format('svg');
	font-weight: lighter;
	font-style: normal;
}

body.darkgrey { background-color: #616365; }
body.lightgrey { background-color: #d5d6d2; }
body.green { background-color: #7DA376; }


.navbar-toggler-right {
	align-self: flex-end;
	border: solid 1px #ccc;
	position: initial;
}

button.navbar-toggler{
	outline: none;
	margin-left: auto;
	border: none;
	cursor: pointer;
}

button.navbar-toggler>span.navbar-toggler-icon{
	background-image: url(/themes/ss-bs/images/menu.svg);
}

.cust-menu-button {
	align-self: center;
	stroke: white;
	transition: stroke 400ms, transform 400ms;
	transform: rotate(0deg);
}

.bg-white .cust-menu-button {
	stroke: #616365;
	transform: rotate(180deg);
}

#wmk-mob-dark {
    position: absolute;
	left: 10px;
	top: 10px;
    opacity: 0;
    transition: opacity 400ms;
}

.bg-white #wmk-mob-dark {
    opacity: 1;
}

@media (min-width: 426px){
	.nav-mob-icon {
		display: none;
	}
}

/*TRANSITION-TIME!*/
#page {
	transition: opacity 0.5s;
	opacity: 0;
}

#page.show-page, .mobile-side-bar.show-page {
	opacity: 1;
}

/* SHARING */
.jssocials{
}

.jssocials-share {
	display: inline-block;
	margin: 18px 0 8px;
}

.jssocials-share .jssocials-share-label {
	color: white;
	margin-left: 10px;
}


/* NAVBAR */

nav#nav {
	top: -60px;
	transition: background-color 400ms, top 500ms;
}
nav#nav > div > div {
	padding: 0;
}

@media(min-width: 768px) {
	.HomePage nav#nav {
		background-color: white;
	}
	nav#nav > div > div {
		background-color: rgba(255, 255, 255, 1.0);
	}
}

@media(max-width: 767px){
	nav#nav {
		background-color: rgba(255, 255, 255, 0.0);
	}
	nav#nav > div {
		background-color: rgba(255, 255, 255, 0.0);
	}
}

nav#nav.show-nav {
	top: 0px;
}

.navbar {
	background-color: rgba(255, 255, 255, 0.0);
	transition: background-color 400ms;
	padding: 10px;
	margin: 0 -5px;
}

ul.navbar-nav {
	width: 100%;
}

ul.navbar-nav li a {
	color: #616365;
	font-size: 18px;
	font-family: 'Replica', "Helvetica Neue", Helvetica, sans-serif;
}

ul.sub-nav {
	list-style: none;
	padding: 0 10px;
	margin-left: -10px;
	position: absolute;
	background-color: white;
	margin-top: 10px;
	max-height: 0px;
	overflow: hidden;
	transition: max-height 200ms;
}

ul.sub-nav li:last-child {
	margin-bottom: 5px;
}

ul.sub-nav .nav-item > .nav-link {
	font-family: 'ReplicaLight', "Helvetica Neue", Helvetica, sans-serif;
}

li.nav-item.link.sub-sub-link {
	padding-left: 10px;
}


@media (min-width: 768px){
	.nav-item:hover ul.sub-nav {
		max-height: 520px;
	}
}

.HomePage ul.navbar-nav li a {
	color: #616365;
}

@media (max-width: 767px){
	nav#nav.bg-white {
		background-color: rgba(255, 255, 255, 1.0);
	}
}

ul.navbar-nav li a:hover,
ul.navbar-nav li.active > a {
	color: #7DA376 !important;
}

ul.navbar-nav li.right {
	margin-left: auto;
}
.navbar-toggleable-sm .navbar-nav .nav-link {
    padding: .2rem .5rem;
}


@media (max-width: 425px){
	nav#nav {
		padding: 0;
	}
	nav#nav>.navbar {
		padding: .5rem;
	}
	ul.navbar-nav {
		padding-top: .5rem;
	}
	.navbar-toggleable-sm .navbar-nav .nav-link {
		padding: .2rem .0rem;
	}
}

@media (max-width: 767px){
	.navbar .nav-item:first-child .nav-link {
		padding-left: 0;
	}
	ul.navbar-nav li.right {
		margin: 0;
	}

    .navbar-toggler-icon{
    	width: 1.3em;
    	height: 1.2em;
	}
}

ul.navbar-nav li.right a {
	color: #b3b5b7;
}

ul.navbar-nav li.right~li.right {
	margin-left: 0;
}

/* WMK-LOGO */
.wmk-logo {
	position: absolute;
	left: 100%;
	top: 37px;
	transition: top 0.5s, right 0.5s;
	margin-left: 6px;
}

.HomePage .wmk-logo {
	left: calc(100% - 120px);
	opacity: 0;
	transition: opacity 1s;
}

.wmk-logo .w, .wmk-logo .m, .wmk-logo .k {
	display: block;
	width: 50px;
	height: 49px;
	position: absolute;
}

.wmk-logo .slidey {
	transition: top 0.3s, left 0.3s;
}

.wmk-logo .w {
	background: transparent url('/themes/ss-bs/images/logo-w.png') 0px -50px no-repeat;
}

.wmk-logo .m {
	background: transparent url('/themes/ss-bs/images/logo-m.png') 0px -50px no-repeat;
}

.wmk-logo .k {
	background: transparent url('/themes/ss-bs/images/logo-k.png') 0px -50px no-repeat;
}

.wmk-logo.pos1 .w { top: 0px; left: 0px; }
.wmk-logo.pos1 .m { top: 51px; left: 0px; }
.wmk-logo.pos1 .k { top: 51px; left: 51px; }

.wmk-logo.pos2 .w { top: 0px; left: 0px; }
.wmk-logo.pos2 .m { top: 51px; left: 51px; }
.wmk-logo.pos2 .k { top: 102px; left: 51px; }

.wmk-logo.pos3 .w { top: 0px; left: 0px; }
.wmk-logo.pos3 .m { top: 0px; left: 51px; }
.wmk-logo.pos3 .k { top: 51px; left: 51px; }

.wmk-logo.pos4 .w { top: 0px; left: 51px; }
.wmk-logo.pos4 .m { top: 51px; left: 0px; }
.wmk-logo.pos4 .k { top: 102px; left: 0px; }

.wmk-logo.pos5 .w { top: 0px; left: 0px; }
.wmk-logo.pos5 .m { top: 0px; left: 51px; }
.wmk-logo.pos5 .k { top: 51px; left: 0px; }

.wmk-logo.pos6 .w { top: 0; left: 0; }
.wmk-logo.pos6 .m { top: 51px; left: 0; }
.wmk-logo.pos6 .k { top: 102px; left: 0; }

.HomePage .logo-container {
	top: 100px;
	z-index: 1;
}

.HomePage .wmk-logo.pos6 .w { top: 0; left: 51px; }
.HomePage .wmk-logo.pos6 .m { top: 51px; left: 51px; }
.HomePage .wmk-logo.pos6 .k { top: 102px; left: 51px; }



@media (max-width: 767px){
	.HomePage .wmk-logo {
		left: calc(100% - 106px);
	}
}

@media (max-width: 1199px){
	.wmk-logo {
		position: absolute;
		left: auto;
		right: 108px;
		top: -80px;
	}

	.HomePage .wmk-logo {
		top: 0px;
	}

	.wmk-logo.pos2, .wmk-logo.pos4, .wmk-logo.pos6 {
		right: 158px;
	}

	.wmk-logo.pos1 .w { top: 0px; left: 0px; }
	.wmk-logo.pos1 .m { top: 51px; left: 0px; }
	.wmk-logo.pos1 .k { top: 51px; left: 51px; }

	.wmk-logo.pos2 .w { top: 0px; left: 0px; }
	.wmk-logo.pos2 .m { top: 51px; left: 51px; }
	.wmk-logo.pos2 .k { top: 51px; left: 102px; }

	.wmk-logo.pos3 .w { top: 0px; left: 0px; }
	.wmk-logo.pos3 .m { top: 0px; left: 51px; }
	.wmk-logo.pos3 .k { top: 51px; left: 51px; }

	.wmk-logo.pos4 .w { top: 0px; left: 0px; }
	.wmk-logo.pos4 .m { top: 0px; left: 51px; }
	.wmk-logo.pos4 .k { top: 0px; left: 102px; }

	.wmk-logo.pos5 .w { top: 0px; left: 0px; }
	.wmk-logo.pos5 .m { top: 0px; left: 51px; }
	.wmk-logo.pos5 .k { top: 51px; left: 0px; }

	.wmk-logo.pos6 .w { top: 51px; left: 0; }
	.wmk-logo.pos6 .m { top: 51px; left: 51px; }
	.wmk-logo.pos6 .k { top: 51px; left: 102px; }
}

@media (max-width: 991px){
	.wmk-logo {
		position: absolute;
		/* left: calc(100% - 157px); */
		left: auto;
		right: 108px;
		top: -112px;
	}

}


@media (max-width: 767px){
	.logo-container {
		display: none;
	}
}

/* CUSTOM-SELECT */

.cust-select {
	background-color: white;
	cursor: pointer;
	min-width: 150px;
}

.cust-select-primary {
	padding: 10px;
	display: flex;
	align-items: center;
}

.cust-select-primary > svg {
	margin-left: auto;
	transition: transform 0.3s;
}


.cust-select-primary:hover > svg {
    stroke: #a0a0a0;
}

.cust-options {
	transition: max-height 0.3s;
	max-height: 0px;
    overflow-y: auto;
}

.show-options .cust-options {
	max-height: 300px;
}

.show-options .cust-select-primary > svg {
	transform: scaleY(-1);
}

.cust-option, .cust-sub-option {
	padding: 10px;
}

.cust-option.active {
	color: #7DA376;
}

.cust-sub-option {
	padding-left: 30px;
}

.cust-option:hover, .cust-sub-option:hover {
    background-color: rgb(240, 240, 240);
}

@media (max-width: 991px){
	.cust-option, .cust-sub-option {
		padding: 5px 10px;
	}
	.cust-sub-option {
		padding-left: 22px;
	}
}

.cust-select.cust-select-small {
	color: #757575;
	background-color: transparent;
	border-radius: 0;
	outline: none;
}

.cust-select-small .cust-select-primary {
	padding: 5px 8px 5px 0;
}

.cust-select.cust-select-small .cust-options .cust-option {
	padding: 5px 8px 5px 0;
}

.cust-select.cust-select-small .cust-options .cust-option:hover {
	background-color: transparent;
}


/* BREADCRUMBS */

#breadcrumbs {
	padding-bottom: 13px;
	font-size: 13px;
	font-family: Replica;
}

#breadcrumbs a.current:hover {
	color: #7DA376;
}

#breadcrumbs a.current {
	color: #555;
}

.darkgrey #breadcrumbs a.current {
	color: #ddd;
}

#breadcrumbs a:hover {
	color: #7DA376;
}

#breadcrumbs a {
	color: #939594;
}

#breadcrumbs .delim {
	color: #939594;
}

a:hover {
	color: #7DA376;
	outline: none;
	text-decoration: none;
}


/* BLOG */

.blog-catagory-card {
	background-color: white;
	padding: 10px;
	border-radius: 2px;
	margin: 0 0 10px 0;

	/*	padding: 10px 0 10px 10px;
		box-shadow: 5px 0px 0px 0px white;*/
}

.card-content {
	position: relative;
}

.card-content>h3 {
	background-color: white;
	color: #7DA376;
	padding: 5px 10px 5px 0;
	position: absolute;
	bottom: 0;
	margin: 0;
	font-size: 25px;
	font-weight: lighter;
}

.card-content>p {
	color: #9a9b9c;
	position: absolute;
	bottom: 0;
	margin: 0;
	font-size: 1.3rem;
	font-weight: lighter;
}

.card-content>p>span:first-child {
	color: #7DA376;

}

.card-content>p>span{
	background-color: white;
	padding: 4px 0;
	box-shadow: 5px 0px 0px 0px white, -5px 0px 0px 0px white;
}

.blog-post-full {
	background-color: white;
	padding: 15px;
}

.blog-post-full .page-header {
	position: relative;
}

.blog-post-full .page-header p {
	font-family: ReplicaLight;
	position: absolute;
	color: #9a9b9c;
	bottom: 0;
	margin: 0;
	text-transform: uppercase;
	line-height: 1;
	font-size: 34px;
}



@media (max-width: 991px) {
	.blog-post-full .page-header p {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.blog-post-full .page-header p {
		font-size: 24px;
	}
}

.blog-post-full .page-header p>span {
	background-color: white;
	box-shadow: 5px 0px 0px 0px white, -5px 0px 0px 0px white;
}

.blog-post-full .page-header>p>span:first-child {
	color: #7DA376;

}

.blog-post-full .content img {
	max-width: 100%;
}


.blog-post-full p {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #616365;
	font-size: 16px;
	line-height: 1.3;
}

.blog-post-full span.credit {
	font-size: 16px;
	color: #555;
}

.blog-post-full .content {
	margin-top: 1.5rem;
}

/* BLOG SEARCH RESULTS */

.search-result-bar {
	background-color: white;
	border-radius: 2px;
	padding: 10px;
	color: #666;
}

.search-result-bar > span {
	color: #888;
}

/* BLOG SIDEBAR */

#blog-intro {
	margin-bottom: 50px;
	font-size: 28px;
	color: #9a9b9c;
}

#blog-intro p.selected {
	color: #7DA376;
}

#blog-intro p {
	margin: 0;
	padding: 2.5px 8px 2.5px 8px;
	background: #fff;
	display: inline-block;
}

#blog-search input[type="text"] {
	border: 0;
	padding: 5px 8px 5px 0;
	width: 100%;
	margin-bottom: 10px;
	background-color: transparent;
	outline: none;
	border-bottom: solid 1px transparent;
}

#blog-search input[type="text"]:focus {
	border-bottom: solid 1px #c8c6c7;
}

#blog-categories {
	margin-bottom: 42px;
}

#blog-categories p.heading {
	color: #555;
}

#blog-categories p {
	margin-top: 0;
	margin-bottom: 3px;
	color: #939594;
}

/* BLOG-PAGINATION */

.pagination-station {
	text-align: center;
	box-sizing: border-box;
	display: block;
	padding-top: 10px;
}

.pagination-station > a {
	background-color: white;
	padding: 10px 20px;
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 2px;
	margin: 10px 5px;
	display: inline-block;
}

.pagination-station > a.current {
	color: #7DA376;
}

.mobile-side-bar {
	position: absolute;
	top: -46px;
	width: 100%;
	display: flex;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
}

.mobile-side-bar > div {
	width: 220px;
	display: inline-block;
}

.search-wrapper {
	margin-left: 10px;
}

/* Header needs to be completely different because search takes up a bunch of space */
@media(max-width: 767px){
	.BlogHolder #main,
	.BlogPost #main {
		margin: 148px 0;
	}
	.BlogHolder .mobile-side-bar,
	.BlogPost .mobile-side-bar {
		padding-right: 10px;
		flex-wrap: wrap-reverse;
		top: -97px;
	}
	.BlogHolder .logo-container,
	.BlogPost .logo-container {
		display: none;
	}
	.BlogHolder .mobile-side-bar > div,
	.BlogPost .mobile-side-bar > div {
		width: 100%;
	}
	.navbar-toggleable-sm .navbar-nav .nav-link{
		padding: .2rem .0rem;
	}
	ul.navbar-nav {
		padding-top: .5rem;
	}

	.mobile-side-bar > .search-wrapper {
		margin: 10px 0 0 0;
	}
	.nav-mob-icon {
		display: inline-block;
	}
}

/* FOOTER */

.footer-inner {
	border-top: solid 2px #969696;
	padding-top: 10px;
	margin-bottom: 60px;
	display: flex;
	align-items: center;
}

.footer-inner p:first-child {
	margin-right: auto;
}

.footer-inner svg {
	fill: #969696;
}

.footer-inner .social-icons {
	height: 24px;
}

.darkgrey .footer-inner svg {
	fill: white;
}

.darkgrey .footer-inner p, .darkgrey .acknowledgement-of-country {
	color: white;
}

.footer-inner p, .acknowledgement-of-country {
	font-size: 14px;
	margin: 0;
	line-height: 1.4;
}
.acknowledgement-of-country {
	margin-bottom: 40px;
}

.darkgrey .footer-inner p>a {
	color: #ccc;
}

.footer-inner p>a {
	color: #404040;
}

.footer-inner p>a:hover {
	color: #7DA376;
}

/* SS-BLOCKS */
.ss-block {
	margin-bottom: 10px;
}

@media (max-width: 575px) {
	.ss-block {
		margin-bottom: 5px;
	}
}

/* IMAGE-LINK-BLOCK */

.image-link-block {
	position: relative;
	display: inline-block;

	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.image-link-block .shade {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-color: rgba(125, 163, 118, 0.0);
	transition: background-color 0.3s;
}

.image-link-block:hover .shade {
	background-color: #7DA376;
}
.image-link-block:hover .image-caption {
	opacity: 1;
}

.image-link-block .image-caption {
	position: absolute;
	bottom: 0;
	opacity: 0;
	transition: opacity 0.3s;
	margin-bottom: -1px;
	margin-left: 5px;
}

@media (max-width: 1199px) {
	.image-link-block .image-caption {
		opacity: 1;

	}
}

.image-link-block .image-caption p.heading {
	color: #7DA376;
}

.image-link-block .image-caption p.subheading {
	color: #939594;
}

.image-link-block .image-caption>p {
	margin: 0;
}

.image-link-block .image-caption>p>span{
	background: rgba(255, 255, 255, 0.9);
	padding: 1px 0;
	font-size: 20px;
	line-height: 1;
	box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 0.9), -5px 0px 0px 0px rgba(255, 255, 255, 0.9);
}


/* IMAGE-STATIC-BLOCK */

.image-static-block {
	position: relative;
	display: inline-block;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.image-static-block .image-caption {
	position: absolute;
	top: 0;
	left: 5px;
	text-transform: uppercase;
}

.image-static-block .image-caption h1.heading {
	color: #7DA376;
	line-height: 1;
	/* font-weight: bold; */
	font-size: 32px;
	margin: 0;
}

.image-static-block .image-caption p.subheading {
	color: #939594;
	line-height: 1;
	/* font-weight: bold; */
	font-size: 32px;
}

@media (max-width: 991px) {
	.image-static-block .image-caption h1.heading,
	.image-static-block .image-caption p.subheading {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.image-static-block .image-caption h1.heading,
	.image-static-block .image-caption p.subheading {
		font-size: 24px;
	}
}


.image-static-block .image-caption>p, .image-static-block .image-caption>h1 {
	margin: 0;
}

.image-static-block .image-caption>p>span, .image-static-block .image-caption>h1>span{
	background: rgba(255, 255, 255, 0.9);
	font-size: inherit;
	line-height: 1.15;
	box-shadow: 5px 0px 0px 0px rgba(255, 255, 255, 0.9), -5px 0px 0px 0px rgba(255, 255, 255, 0.9);
}

/* STAFF-BLOCK */

.staff-block {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.staff-block .image-caption {
	position: absolute;
	bottom: 0;
}

.staff-block .image-caption p.heading {
	color: #7DA376;
}

.staff-block .image-caption p.subheading {
	color: #939594;
}

.staff-block .image-caption>p {
	margin: 0;
}

.staff-block .image-caption>p>span{
	background: white;
	padding: 5px;
	font-size: 20px;
	line-height: 1.6;
}

.staff-block .shade {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-color: rgba(125, 163, 118, 0.0);
	transition: background-color 0.3s;
	cursor: pointer;
}

.staff-block:hover .shade {
	background-color: #7DA376;
}

.staff-block ~ .bio {
	background-color: white;
	padding: 0px;
	max-height: 0px;
	transition: padding 0.4s, max-height 0.4s;
	overflow: hidden;
	position: absolute;
	top: 100%;
	z-index: 10;
	padding: 0 5px;
	width: calc(200% - 10px);
}

@media (min-width: 768px){
	.staff-block ~ .bio-center {
		left: -50%;
	}

	.staff-block ~ .bio-right {
		right: 5px;
	}
}

@media (max-width: 767px){
	.staff-block ~ .bio {
		width: calc(100% - 10px);
	}
}


.staff-block ~ .show-bio {
	padding: 5px 5px;
	max-height: 200px;
}

@media (max-width: 767px){
	.staff-block ~ .show-bio {
		max-height: 255px;
	}
}


.show-bio ~ .staff-block {
	color: #7DA376;
	display: none;
}

.staff-block ~ .bio>h3{
	font-size: 20px;
	color: #7DA376;
}

.staff-block ~ .bio>p{
	margin: 0;
}

/* NAVIGATION-BLOCK */

.navigation-block>a, .navigation-block>h2{
	font-size: 20px;
}

.darkgrey .navigation-block>ul {
	list-style-image: url(/themes/ss-bs/images/back-arrow-light.png);
}

.navigation-block>ul {
	list-style-image: url(/themes/ss-bs/images/back-arrow-dark.png);
	padding-left: 15px;
	margin-bottom: 5px;
}

.navigation-block>ul>li {
	transition: opacity 0.5s;
}

.darkgrey .navigation-block>ul>li>a, .darkgrey ul.child-pages>li>a {
	color: #ccc;
    line-height: 1.5;
}

.darkgrey .navigation-block>a, .darkgrey .navigation-block>h2>a{
	color: white;
}

.navigation-block>ul>li>a {
	color: #555;
	font-size: 1rem;
}

.navigation-block>ul>li:hover {
	opacity: 1!important;
}

.navigation-block>ul>li:hover>a, .navigation-block>h2>a:hover {
	color: #7DA376;
}

.navigation-block>ul:hover>li {
	opacity: 0.5;
}

.navigation-block ul.subpages {
	padding-left: 15px;
}

ul.child-pages>li>a {
	transition: opacity 0.5s;
    color: #555;
	font-size: 1rem;
}

ul.child-pages:hover>li>a {
	opacity: 0.5;
}

ul.child-pages>li:hover>a {
	color: #7DA376;
	opacity: 1!important;
}

.sibling-pages>li>a.active, .darkgrey .sibling-pages>li>a.active {
	color: #7DA376;
}

.navigation-block a.active, .mobile-side-bar a.active {
	color: #7DA376 !important;
}

.child-pages {
	padding-left: 15px;
}


@media (max-width: 991px){
	.navigation-block {
		position: absolute;
		top: -57px;
		left: 5px;
		z-index: 1;
	}

	.grid-side-bar {
		position: initial;
	}
}


@media (max-width: 425px){
	.navigation-block {
		position: absolute;
		top: -57px;
		left: 5px;
		right: 5px;
	}

	.grid-side-bar {
		position: initial;
	}
}

/* TEXT-BLOCK */

.text-block {
	padding: 1px 4px 0 4px;
	color: #444444;
	height: 100%;
}

.darkgrey .text-block {
	color: #d5d6d2;
}

.text-block p, .text-block ul, .text-block ol {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.text-block h3, .text-block h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: black;
}

.darkgrey .text-block h3, .darkgrey .text-block h2 {
	color: white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.text-block li {
	margin-bottom: 10px;
}

/* FILE-DOWNLOAD-BLOCK */

.file-download-block {
	position: relative;
	display: inline-block;

	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.file-download-block .shade {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-color: rgba(125, 163, 118, 0.0);
	transition: background-color 0.3s;
}

.file-download-block:hover .shade {
	background-color: #7DA376;
}
.file-download-block:hover .image-caption {
	opacity: 1;
}

.file-download-block .image-caption {
	position: absolute;
	bottom: 0;
	opacity: 0;
	transition: opacity 0.3s;

}

@media (max-width: 991px) {
	.file-download-block .image-caption {
		opacity: 1;

	}
}

.file-download-block .image-caption p.heading {
	color: #404040;
	margin-bottom: 10px;
}

.file-download-block .image-caption p.fileheading {
	color: #404040;
	text-transform: uppercase;
	font-size: 12px;
}

.file-download-block .image-caption>p {
	margin: 0;
}

.file-download-block .image-caption>p>span{
	background: rgba(255, 255, 255, 0.9);
	padding: 5px;
	line-height: 1.6;
}

/* INSTAGRAM-FEED */
#instafeed{
	display: flex;
	flex-wrap: wrap;
	padding-left: 4px;
	justify-content: space-between;
}

#instafeed>a {
	flex-basis: 24%;
	padding-bottom: 9px;
}

@media (max-width: 991px) {

	#instafeed>a {
		flex-basis: 32.5%;
	}
}

@media (max-width: 575px) {

	#instafeed>a {
		flex-basis: 49%;
	}
}

#instafeed>a>img {
	width: 100%;
}


/* HOME-PAGE */

body.HomePage {
	overflow: hidden;
	background-color: #555;
}

.home-carousel {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
}

.home-carousel .slides {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.home-carousel .slides .slide {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	opacity: 1;
	transition: opacity 0.7s;
}

.home-carousel .container-controls{
	position: absolute;
	bottom: 0px;
	margin: auto;
	left: 0;
	right: 0;
}

.home-carousel .control-wrapper {
	position: relative;
}

.home-carousel .controls {
	position: absolute;
	bottom: 160px;
	left: 20px;
	background-color: rgba(255, 255, 255, 0.9);
	display: inline-block;
	padding: 2px 8px;
	margin-bottom: 8px;
	transition: opacity 0.5s, left 0.5s;
}

.home-carousel .slide-info {
	position: absolute;
	left: 20px;
	bottom: 58px;
	transition: opacity 0.5s, left 0.5s;
}

.home-carousel .slide-info > a{
	line-height: 1.5;
}

.home-carousel .slide-info-hide, .home-carousel .slide-info-hide .slide-link {
	left: 1100px;
	opacity: 0;
	pointer-events: none;
}

.slide-info .slide-link {
	background-color: #7DA376;
	color: white;
	padding: 2px 8px 4px 8px;
}

.slide-info .heading > span, .slide-info .sub-heading > span {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 2px 8px;
	line-height: 0.9;
}

.slide-info .heading {
	color: #7DA376;
	margin-bottom: 6px;
	white-space: nowrap;
}

.slide-info .sub-heading {
	color: #67696b;
	margin-bottom: 1px;
	white-space: nowrap;
}

.slide-hide {
	opacity: 0 !important;
}

.home-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: transparent url(/themes/ss-bs/images/wmk-back.png) 0 0 repeat;
	background-position: 220px 40px; */
	cursor: pointer;
	transition: opacity 1s;
	opacity: 1;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	flex-direction: column;
}

.home-overlay>div {
	display: flex;
	flex-direction: row;
}

.row-top{
	flex-basis: 180px;
	background-color: #616365;
}

.row-center{
	flex-basis: 563px;
}

.row-bottom{
	flex-grow: 1;
	background-color: #616365;
}


.col-left {
	flex-grow: 1;
	background-color: #616365;
}

.col-center {
	flex-basis: 1092px; /* Content after nav padding etc. */
	display: flex;
}

.col-center .wmk-bg {
	background-image: url(/themes/ss-bs/images/wmk-back-new.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: rgba(97, 99, 101, 1);
	transition: background-color 1s;
	flex-basis: 563px;
}

.col-right {
	flex-grow: 1;
	background-color: #616365;
}

.col-center .wmk-bg.show-logo {
	background-color: rgba(97, 99, 101, 0);
}

.home-overlay .overlay-text {
	color: white;
	padding-top: 252px;
	padding-left: 20px;
	flex-grow: 1;
	background-color: #616365;
}

.home-overlay .overlay-text p.heading {
	color: #7DA376;
	font-size: 26px;
}

.home-overlay .overlay-text p.subheading {
	font-size: 18px;
	line-height: 22px;
}



@media (max-width: 1199px){
	.col-center {
		flex-basis: 912px;
	}
}
@media (max-width: 991px){
	.col-center {
		flex-basis: 672px;
	}

	.overlay-text>p {
		display: none;
	}
	.home-overlay .overlay-text {
		padding-left: 0;
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	.HomePage .row-center, .HomePage .col-center {
		flex-basis: 510px;
	}
}

@media (max-width: 611px){
	.HomePage .col-center {
		flex-basis: 92vw;
	}
	.HomePage .row-center {
		flex-basis: 92vw;
	}
	.HomePage .row-top {
		flex-basis: 20vw;
	}

	.HomePage .logo-container {
		display: none;
	}
}

@media (max-height: 742px) and (min-width: 612px) {
	.HomePage .row-top {
		flex-basis: 100px;
	}
}

@media (max-height: 662px) and (min-width: 612px) {
	.HomePage .row-center, .HomePage .wmk-bg {
		flex-basis: 400px;
	}

	.home-overlay .overlay-text {
		padding-top: 172px;
	}
}

@media (max-height: 499px) and (min-width: 612px) {
	.HomePage .row-center, .HomePage .wmk-bg {
		flex-basis: 200px;
	}

	.home-overlay .overlay-text {
		padding-top: 76px;
	}
}

@media (max-width: 575px) {
	div.navbar>.container {
		margin: 0;
	}
}

@media (max-width: 500px) {
	.home-carousel .controls {
		bottom: 138px;
		left: 10px;
		font-size: 16px;
	}

	.home-carousel .slide-info {
		bottom: 58px;
		left: 10px;
	}

	.slide-info .heading {
		font-size: 22px;
	}

	.slide-info .sub-heading {
		font-size: 22px;
	}
}

/* SOCIAL MEDIA MUMBO JUMBO */
#st-2 .st-btn[data-network='facebook'] {
    background-color: #a9a9a9!important;
}
#st-2 .st-btn[data-network='twitter'] {
    background-color: #8a8a8a!important;
}
#st-2 .st-btn[data-network='pinterest'] {
    background-color: #a9a9a9!important;
}
#st-2 .st-btn[data-network='linkedin'] {
    background-color: #8a8a8a!important;
}
#st-2 .st-btn[data-network='email'] {
    background-color: #a9a9a9!important;
}
#st-2 .st-btn[data-network='googleplus'] {
    background-color: #8a8a8a!important;
}

span.st-label {
	font-size: .9rem;
}

/* POP-UP */
.pop-up-wrap {
	z-index: 1050;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	overflow: auto;
}

.pop-up-wrap.active {
	display: block;
}

.pop-up-wrap .pop-up {
	background-color:rgba(50, 49, 49, 0.929); /* #4a4647; <-- opaque */
	width: 680px;
	max-width: 96%;
	margin: 150px auto 70px;
	padding: 100px 40px 40px 40px;
	box-shadow: 2px 2px 2px 2px#0000001f;
	color:white;
	text-align: center;
	position: relative;
}

.pop-up-wrap .pop-up h4 {
	text-transform: uppercase;
	margin: 20px 0 20px 0;
}

.pop-up-wrap .pop-up form {
	width: 304px; /* Width of recaptch */
	margin: 30px auto 10px auto;
}

.pop-up-wrap .pop-up input {
	margin-bottom: 15px;
	padding: 8px 12px;
	width: 100%;
}

.pop-up-wrap .pop-up button {
	background-color: #7DA376;
	color:white;
	border: 0;
	padding: 10px;
	width: 100%;
	margin-top: 13px;
	cursor: pointer;
}

.pop-up-wrap .pop-up button:focus, .pop-up-wrap .pop-up button:hover {
	background-color: #7DA376;
}

.pop-up-wrap .pop-up div.x-wrap {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	padding: 10px;
}

.pop-up-wrap .pop-up img.pop-up-logo {
	position: absolute;
	top: 25px;
	left: 25px;
}

.CareersPage .field, .CareersPage .Actions {
	margin-top: 20px;
}

.CareersPage .field input {
	width: 60%;
}

#careers-form {
	margin-bottom: 40px;
}