:root {
	--pz-green: #77ae22;
	--zba-green: #77ae22;
}
.tm-header {
    box-shadow: 2px 4px 16px 0 rgb(0 0 0 / 9%);
}

.frontpage .tm-toolbar,
.tm-header .uk-sticky:not(.uk-sticky-fixed) .uk-navbar-transparent {
	background: rgba(255, 255, 255, 0.075);
	background: rgba(240, 240, 240, 0.075);
}
.tm-header .uk-sticky:not(.uk-sticky-fixed) .uk-navbar-transparent .uk-navbar-left {
	position: relative;
    top: -20px;
	bottom: 20px;
}
.tm-header .uk-sticky:not(.uk-sticky-fixed) .uk-navbar-transparent a.uk-logo {
	position:absolute;
	width: 275px !important;
}
.tm-header .uk-sticky:not(.uk-sticky-fixed) .uk-navbar-transparent a.uk-logo img {
	width: 275px !important;
}

.home-splash {
	animation: filter-animation 3.5s;
}
@keyframes filter-animation {
	0% {
		filter: grayscale(1);
	}
	60% {
		filter: grayscale(0.7);
	}
	100% {
		filter: grayscale(0);
	}
}

.tm-cookie-banner {
	border-top: 1px solid #ddd;
	font-size: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
}

/** overrides and extras **/
.case-studies .el-item {
	background: #ffffff !important;
    border: 1px solid #eee;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.case-studies .el-content {
	padding-bottom: 15px;
}
.grabs .el-item {
	color: #fff;
	line-height: 1.2;
}
.grabs .el-title {
	font-size: 22px !important;
	line-height: 1.2;
}
.boxshadow-2,
.grabs-boxshadow .el-item {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.boxshadow-3,
.boxshadow-2:hover,
.grabs-boxshadow .el-item:hover,
.case-studies .el-item:hover {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.grabs .el-link.uk-button.uk-button-text,
.case-studies .el-link.uk-button.uk-button-text {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.grabs .el-item:hover .el-link.uk-button.uk-button-text,
.case-studies .el-item:hover .el-link.uk-button.uk-button-text {
	color: var(--zba-green);
}
.grabs .el-item:hover .el-link.uk-button.uk-button-text::before,
.case-studies .el-item:hover .el-link.uk-button.uk-button-text::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2377AE22%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%20%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2377AE22%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.partner-logos .el-item img {
	filter: grayscale(1);
}
.partner-logos .el-item:hover img {
	filter: grayscale(0);
}

.hm-text-medium {
	font-size: 17px;
}

@media (max-width: 640px) {
	#cf_2 .cf-one-half {
		width:100% !important;
	}
}

#footer h4.uk-h5 {
	font-weight: 500;
}
#footer .uk-nav.uk-nav-default li {
	font-size: 16px;
}
#footer .uk-nav.uk-nav-default li:hover {
	background: #fafafa;
}
#footer .uk-nav.uk-nav-default li a {
	padding: 6px 0px 6px 6px;
}