/*
Theme Name: Mpact Twenty-Three
Theme URI: https://www.mpact.co.za
GitHub Theme URI: https://github.com/R-A-Strategic-Communication/mpact_Twenty_Three/
Author: the R&A team
Author URI: https://rasc.co.za
Description: Mpact Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 7.0
Version: 0.1.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: Mpacttwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

@import url('assets/css/fontello.css');

html,
body {
	width: 100%;
	overflow: hidden;
}

:root :where(body) {padding:0 !important;}

html {
	/*margin-top: 14px !important; */
	gap: 0;
}

body {
	padding: 0;
	color: #555;
}

.body-fixed {
	height: 100vh;
	overflow: hidden;
}

:where(body .entry-content.alignfull .is-layout-flow) > *:not(p) + * {
	/* margin-block-start: var(--wp--preset--spacing--30); */
}

.entry-content ul li,
.entry-content ol li {
	margin-block-start: 0.33rem;
}

.entry-content > ul li {
	list-style-type: circle;
}

:where(.entry-content .is-layout-flow) > * {
	margin-block-start: 1.66rem;
}

.show-for-desktop {
	display: none;
}

@media (min-width: 1190px) {
	.show-for-desktop {
		display: initial;
	}
}

span.source {
	background: var(--wp--preset--color--green);
	text-transform: uppercase;
	color: var(--wp--preset--color--base);
	display: inline-block;
	padding: 0 5px;
	margin-right: 5px;
}

body .is-layout-constrained > .wp-block-lazyblock-parent-blob {
	margin-block-start: 0;
	max-width: var(--wp--style--global--content-size);
	width: 100%;
	padding-left: var(--wp--preset--spacing--20);
	padding-right: var(--wp--preset--spacing--20);
}

@media (min-width: 992px) {
	body .is-layout-constrained > .wp-block-lazyblock-parent-blob {
		padding-left: var(--wp--preset--spacing--40);
		padding-right: var(--wp--preset--spacing--40);
	}
}

.wp-block-lazyblock-home-page-ticker {
	background-color: var(--wp--preset--color--green);
	color: var(--wp--preset--color--base);
	width: 100%;
	margin-block-start: 0;
}

.ticker {
	padding: 10px 0;
	margin-block-end: 1rem;
	margin-left: auto;
	margin-right: auto;

	display: flex;
	justify-content: flex-start;
	row-gap: 0.33rem;
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
}

.ticker p {
	padding-left: 2em;
	position: relative;
	margin: 0;
}

.ticker p:after {
	content: '\2022';
	font-size: 1.7em;
	line-height: 1.3rem;
	position: absolute;
	top: 50%;

	transform: translate(-25%, -50%);
	left: 10px;
}

@media (min-width: 1000px) {
	.ticker {
		justify-content: center;
	}

	.ticker p:after {
		left: 0;
	}
}

.home .wp-block-lazyblock-home-page-ticker {
	background-color: var(--wp--preset--color--green);
	color: #fff;
}

.home .wp-block-lazyblock-home-page-ticker .ticker {
	margin-bottom: 0;
}

.yoast-breadcrumbs {
	display: block;
	padding: 0 30px;
	margin-bottom: 1rem;
	font-size: var(--wp--preset--font-size--x-small);
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 1220px) { .yoast-breadcrumbs  {padding: 0; }}

@media (min-width: 992px) {
	.yoast-breadcrumbs {
		padding: 0px;
	}
}

.yoast-breadcrumbs span {
	color: #999;
}

.yoast-breadcrumbs span a {
	color: #999;
	text-decoration: none;
}

.yoast-breadcrumbs span a:hover {
	color: #000;
}

.wp-block-term-description p {
}

/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */

.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

main > header,
main > article > header {
	position: relative;
	overflow: hidden;
}

main > header h1,
main > article > header h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
}

/*feature image*/
header .wp-block-post-featured-image {
	width: auto !important;
	min-height: 580px;
	height: 85vh;
	max-height: 740px;
	overflow: hidden;
	margin-block-end: 0;
	margin-bottom: 0;
}

header .wp-block-post-featured-image .wp-post-image {
	height: auto !important;
	min-height: 100%;
	width: auto;
	min-width: 100%;
	position: absolute;
	width: auto;
	min-width: 100%;
	object-fit: cover;
	/* height: 462px !important; */
	/*object-fit: cover;
  object-position: 25% 25%; */
}

header .wp-block-post-featured-image:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 1;
	color: var(--wp--preset--color--green);
	/* mix-blend-mode: multiply; */
	background-image: url(assets/img/feature-image-green-corner-inner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	height: 100%;
	width: 40vw;
	max-width: 900px;
}

header.fullwidth {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
}

/*--404 banner--*/
.banner-404 {
	display: block;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 350px;
	min-height: 350px;
	max-height: 350px;
	overflow: hidden;
	background-image: url(assets/img/banner-404.jpg);
	background-size: cover;
}

.banner-404:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 1;
	color: var(--wp--preset--color--green);
	/* mix-blend-mode: multiply; */
	background-image: url(assets/img/feature-image-green-corner-inner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	height: 100%;
	width: 40vw;
	max-width: 900px;
}

.banner-404 h2 {
	position: absolute;
	left: 10%;
	bottom: 1.5em;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
	z-index: 100;
	color: #fff !important;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 600;
	line-height: 1em !important;
	margin: 0;
	text-transform: uppercase;
}

article > *:not(header) {
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

article > .yoast-breadcrumbs + .entry-content {
	margin-top: var(--wp--preset--spacing--30);
}

@media (min-width: 992px) {
	article > *:not(header) {
		padding-left: var(--wp--preset--spacing--60);
		padding-right: var(--wp--preset--spacing--60);
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

h1,
h1.wp-block-post-title,
h1.wp-block-heading,
h1.wp-block-query-title,
h2.wp-block-query-title {
	font-weight: 500 !important;
	margin-block-start: 0em;
	margin-block-end: 0.8rem;
}

h1.wp-block-post-title,
h1.wp-block-query-title {
	color: var(--wp--preset--color--green);
}

h2.wp-block-query-title {
	font-size: clamp(1.976rem, 1.976rem + ((1vw - 0.2rem) * 1.905), 3.5rem);
	font-weight: 500 !important;
	color: var(--wp--preset--color--green) !important;
}

h1,
h2,
h3,
h4 {
	font-family: var(--wp--preset--font-family--ubuntu);
}
h4.wp-block-post-title {
	font-weight: normal;
}

h2,
h3,
h4,
h5,
h6 {
	/* margin-block-start: 0em; */
	margin-block-end: 0.66rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
li a:where(:not(.wp-element-button)),
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
li a,
li a:where(:not(.wp-element-button)):hover
{
	text-decoration: none !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover, 
li a:where(:not(.wp-element-button)):hover
{
	color: var(--wp--preset--color--green);
}

h2.wp-block-heading {
	color: var(--wp--preset--color--gray);
}

h3 {
}

/* h4 {
  color: #a7cc6c !important;
} */

/* p {
  /* margin-block-start: 0em; 
  margin-block-end: 1.3em;

} */

ul {
	margin-block-start: 0em;
	/* margin-block-end: 1.5em; */
	padding-left: 1.33em;
list-style-type: circle;
}

h2 + p {
	margin-block-start: 0;
}

h3 + p {
	margin-block-start: 0;
}

h4 + p {
	margin-block-start: 0;
}

.wp-block-heading:has( + .wp-block-group.has-border-color){
	margin-bottom: 0.66rem;
	padding-left: 11px; 
}

body.home .wp-site-blocks > main > .entry-content {
	/* padding-bottom: 50px;
  min-height: 800px; */
	position: relative;
	display: block;
	margin-block-start: 0 !important;
	overflow: hidden;
	width: 100%;
}

body.home .wp-site-blocks > main > .entry-content::before {
	content: '';
	z-index: -1;
	position: absolute;
	background: radial-gradient(
		ellipse 100% 40% at 60% 50%,
		rgba(169, 202, 76, 0.27) 0%,
		rgba(169, 202, 76, 0.2) 0%,
		rgba(169, 202, 76, 0.5) 17%,
		rgba(89, 150, 197, 0.5) 30%,
		rgba(166, 92, 158, 0.25) 55%,
		rgba(169, 202, 76, 0) 75%,
		rgba(169, 202, 76, 0) 100%
	);
	top: 50vh;
	left: 50%;
	width: 150%;
	height: 140vh;
	transform: translate(-50%) rotate(-15deg);
	transform-origin: center center;
	opacity: 0.3;
}

body.home .wp-site-blocks > main > .entry-content > *:not(.home-banner-group) {
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

body.home
	.wp-site-blocks
	> main
	> .entry-content
	> *:not(.home-banner-group)
	> .alignfull.has-background {
	margin-left: calc(-1 * var(--wp--preset--spacing--30));
	margin-right: calc(-1 * var(--wp--preset--spacing--30));
}

@media (min-width: 1200px) {
	body.home
		.wp-site-blocks
		> main
		> .entry-content
		> *:not(.home-banner-group) {
		padding-left: var(--wp--preset--spacing--60);
		padding-right: var(--wp--preset--spacing--60);
	}

	body.home
		.wp-site-blocks
		> main
		> .entry-content
		> *:not(.home-banner-group)
		> .alignfull.has-background {
		margin-left: calc(-1 * var(--wp--preset--spacing--60));
		margin-right: calc(-1 * var(--wp--preset--spacing--60));
	}
}

article > .entry-content > *:not(.alignfull):last-child {
	margin-block-end: 50px;
}

article .yoast-breadcrumbs + h1 {
	margin-block-end: 40px !important;
}

/* .entry-content>.alignfull {
  margin-left: calc(-1 * var(--wp--preset--spacing--30));
  margin-right: calc(-1 * var(--wp--preset--spacing--30));
} */

.wp-block-cover + .wp-block-cover {
	margin-top: 0;
}

.wp-block-heading.icon-left {
	margin-top: 0.5em;
}

.wp-block-heading.icon-left img {
	margin-bottom: -10px;
}

hr.wp-block-separator {
	border-color: transparent;
	width: 100% !important;
	border-top: 2px dotted #ccc;
	margin-block-end: 1rem;
}

/*--Buttons--*/
.wp-element-button {
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.wp-element-button:hover {
	transform: scale(1.025);
}

.wp-block-button__link {
	padding: 0.44rem 0.66rem;
}

.wp-element-button.has-green-background-color:hover {
	background: #555 !important;
}

[class*='is-style-button-'] a {
	display: flex;
	flex-flow: row;
	align-items: center;
	gap: 0.33rem;
}

[class*='is-style-button-'] a:before {
	font-family: 'fontello';
	display: inline-block;
	text-align: center;
	margin: 0;
	font-size: 2em;
}

.is-style-button-contact a:before {
	content: '\e804';
}

.is-style-button-document a:before {
	content: '\e80a';
}

.is-style-button-website a:before {
	content: '\e802';
}

.is-style-button-video a:before {
	content: '\e803';
}

.is-style-button-calendar a:before {
	content: '\e801';
}

/*--Banner Title--*/
.purple-patch {
	box-sizing: border-box;
	/* background: url(../../themes/mpacttwentythree/assets/img/purple-patch.png) 0 0 no-repeat !important; */
	background-size: 100% !important;
	width: auto;
	max-width: 90%;
	padding: 0 0em;
	position: absolute;
	z-index: 5;
	left: 20px;
	bottom: 3em;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

@media (min-width: 1200px) {
	.purple-patch {
		left: inherit;
		max-width: 560px;
	}
}

.purple-patch h2 {
	color: #fff !important;
	font-size: 2.8rem;
	/* font-family: ubuntu, sans; */
	font-weight: 600;
	line-height: 1em !important;
	margin: 0 auto 0.3em auto;
	text-transform: uppercase;
}
@media (min-width: 480px) { .purple-patch h2 {font-size: var(--wp--preset--font-size--xx-large);} }

.purple-patch p {
	color: #fff;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.8em;
}

.purple-patch p span {
	/* Needs prefixing */
	padding: 0.22rem 0.44rem;
	background-color: rgba(166, 92, 158, 0.7);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*-- Inline style removed: .purple-patch {box-sizing: border-box; width:100%; padding: 0 2rem; max-width: 1600px; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%, -50%)}

/* Button - Brochure */
/* .btn-brochure,
.wp-block-button.btn-brochure {
  background-image: url(../../themes/mpacttwentythree/assets/img/btn-icon-brochure.png) 25px 10px no-repeat !important;
  background-size: 27px auto;
  text-align: left;
  padding: 0 0 15px;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 1.2em !important;
  text-align: left !important;
}

.btn-brochure-full {
  background-image: url(../../themes/mpacttwentythree/assets/img/btn-icon-brochure.png) 25px 10px no-repeat !important;
  background-size: 25px auto;
  text-align: left;
  padding: 0;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 1.2em !important;
  border-radius: 30px !important;
  background: #a8ca6b !important;
} */

header {
	display: block;
	width: 100%;
	height: auto;
}

.page-banner {
	display: block;
	width: 100%;
	height: 472px;
	background-size: cover;
	background-position: center center;
	margin: 0 0 2em 0;
	padding: 0;
}

/*--Custom banners--
.parent-pageid-19 .page-banner {background:url(../../themes/mpacttwentythree/assets/img/banner-circular-water.jpg) center center no-repeat; background-size:cover; } --*/

.person {
	gap: 3em;
}

/*--Leadership--*/
.wp-block-lazyblock-leadership {
}

.wp-block-group.leader-group {
	margin-bottom: 15px;
}

.person .wp-block-post-featured-image {
	border-style: solid;
	border-color: var(--wp--preset--color--green);
	border-width: 1px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

ul.wp-block-post-template {
}

.wp-block-post-template li .wp-block-post-title {
	margin-top: 0.15rem;
}

body:not(.search-results) ul.wp-block-post-template li.wp-block-post.leader {
	border-radius: 10px;
	border: 2px solid var(--wp--preset--color--light-green);
	background: #f3f2f2;
	padding: 5px 5px 16px 5px;
	box-shadow: 10px 8px 14px -9px rgba(65, 124, 108, 0.33);
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
	-webkit-transition: background-color border-color 1s ease;
	-ms-transform: scale(1);
	transition: all 0.5s ease;
	-webkit-transform: scale(1);
	/* transform: scale(1); */
}

body:not(.search-results)
	ul.wp-block-post-template
	li.wp-block-post.leader:hover {
	background: var(--wp--preset--color--super-light-green);
	border-color: var(--wp--preset--color--green);
	/* -ms-transform: scale(1.1);
  -webkit-transform: scale(1.015);
  transform: scale(1.015); */
}

/* ul.wp-block-post-template li.wp-block-post.leader figure.wp-block-post-featured-image {
  margin: 0;
} */

.leadership-field-wrapper {
	flex-grow: 1;
	width: 40%;
}

ul.wp-block-post-template li.wp-block-post.leader h5.wp-block-post-title {
	margin-bottom: 0.3em;
}

ul.wp-block-post-template li.wp-block-post.leader h5.wp-block-post-title a,
.our-blogs-details a {
	text-decoration: none;
}

ul.wp-block-post-template
	li.wp-block-post.leader
	.wp-block-lazyblock-job-title {
	text-align: center;
	font-size: 0.85em;
}

ul.wp-block-post-template li.wp-block-post.leader:hover,
ul.wp-block-post-template li.wp-block-post.leader h5.wp-block-post-title:hover,
ul.wp-block-post-template
	li.wp-block-post.leader
	h5.wp-block-post-title
	a:hover {
	color: #000 !important;
}

/*--Leadership clean --*/
.leadership-field-wrapper {
	row-gap: 0;
}

.is-layout-flow > .wp-block-lazyblock-leadership-fields {
	display: flex;
	flex-flow: column;
	row-gap: 1rem;
	margin-block-start: 0;
	font-size: var(--wp--preset--font-size--small);
}

.is-layout-flow > .wp-block-lazyblock-leadership-fields > * {
	margin: 0;
}

.modal-wrapper .wp-post-modal .wp-block-post-featured-image {
	width: 40%;
	flex-basis: 260px;
	flex-shrink: 0;
}
@media (min-width: 768px) { .modal-wrapper .wp-post-modal .wp-block-post-featured-image {flex-basis: 320px; }}

.is-layout-flex .wp-block-post-featured-image img {
	/* height: auto !important; */
}

/*--Modal popup--*/
.modal-wrapper.styled .wp-post-modal {
	border-radius: 5px;
	max-width: 800px;
}

.modal-wrapper.styled .wp-post-modal h2 {
	color: #a9cb6b !important;
}

/* 
.is-layout-flex.is-nowrap {
  flex-flow: row nowrap;
  align-items: stretch;
} */

.is-layout-flex.is-vertical {
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.is-vertical > * {
	width: 100%;
}

/*--Button with document thumbnail--*/
.btn-thumb-document {
	display: block !important;
	text-align: left;
	position: relative;
	margin-bottom: 30px !important;
}

.btn-thumb-document:hover {
	background: transparent;
}

.btn-thumb-document a.wp-element-button {
	color: #000;
	text-align: left;
	vertical-align: middle;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	min-height: 85px;
	padding: 15px 15px 15px 73px !important;
	line-height: 1.3em;
}

.btn-thumb-document:hover a {
	color: #a7cc6c;
	background: transparent;
}

.btn-thumb-document a img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
	width: 60px;
}

.btn-thumb-document:hover a img {
	border: 1px solid #a7cc6c;
}

/*--Policies documents--*/

.policy.type-policy a {
	padding-left: 4em;
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.policy.type-policy a:before {
	content: '\e80a';
	font-family: 'fontello';
	font-size: 4em;
	color: var(--wp--preset--color--green);
	position: absolute;
	left: 0;
}

.policy.type-policy a:hover h5 {
	color: var(--wp--preset--color--purple);
}

.policy.type-policy h5 {
	margin-top: 0;
	margin-block-end: 0;
}

.policy.type-policy .wp-block-post-excerpt {
	margin-block-start: 0.66rem;
}

.page-id-82 .wp-block-buttons {
	padding-bottom: 0;
	margin-bottom: 5px;
	border-bottom: 2px dotted #ccc;
}

/*--Accordion tabs --*/
.wp-block-lazyblock-accordion-tab {
	display: none;
}

.wp-block-lazyblock-accordion-tab.is-active {
	display: block;
}

.accordion-tab-buttons {
	display: flex;
    flex-flow:row wrap;
	gap: 1rem;
}

.accordion-tab-buttons a {
	text-decoration: none;
    font-size:0.9em;
	padding: 0.4rem 0.2rem;
	border-bottom: 5px solid var(--wp--preset--color--green);
	color: var(--wp--preset--color--gray);
}
@media (min-width: 768px) { .accordion-tab-buttons a {font-size:var(--wp--preset--font-size--small); padding:0.66rem 0.7rem;}}
/*
.accordion-tab-buttons a {
	text-decoration: none;
	display: inline-block;
    font-size:0.9em;
	padding: 0.4rem 0.2rem;
	border-bottom: 5px solid var(--wp--preset--color--green);
	color: var(--wp--preset--color--gray);
}
@media (min-width: 768px) { .accordion-tab-buttons a {font-size:var(--wp--preset--font-size--small); padding:0.66rem 0.7rem;}}  */

.accordion-tab-buttons a.is-active {
	font-weight: 700;
	color: var(--wp--preset--color--purple);
}

.wp-block-lazyblock-integrated-report {
	border-right:none;
	flex-basis:auto;
	padding: 0.66rem;
}
@media (min-width: 768px) { .wp-block-lazyblock-integrated-report {flex-basis: 35%; border-right: 2px dotted #ccc;} }

.wp-block-columns .wp-block-lazyblock-integrated-report figure {
	margin-right: 20px;
}

.wp-block-lazyblock-integrated-report h3{
	margin-block-start: 0;
}


.wp-block-lazyblock-integrated-report figure,
.category-integrated-reports figure,
.category-reports figure,
.wp-block-column .has-base-background-color.has-background,
.wp-block-cover.has-border-color.has-green-border-color,
.wp-block-cover.cover-aw-products,
.wp-block-cover.is-light.aos-init.aos-animate {
	margin-block-start: 0;
	box-shadow: 10px 8px 37px -9px rgba(65, 124, 108, 0.33);
	-webkit-box-shadow: 10px 8px 37px -9px rgba(65, 124, 108, 0.33);
	-moz-box-shadow: 10px 8px 37px -9px rgba(65, 124, 108, 0.33);
}

.wp-block-lazyblock-annual-interim-results h3 {
	margin-block-start: 0;
}
.wp-block-lazyblock-annual-interim-results .wp-block-buttons,
.category-financial-reports .wp-block-buttons {
	gap: var(--wp--preset--spacing--20);
}

.wp-block-column {
	display: flex;
	flex-flow: column;
	flex-basis: auto;
}

.wp-block-column
	> *:not(.wp-block-group.has-border-color.has-base-background-color) {
	flex-shrink: 1;
}

.wp-block-column .wp-block-group.has-border-color.has-base-background-color {
	height: auto;
	flex-grow: 1;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30)
		var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
}

.wp-block-column
	.wp-block-group.has-border-color.has-base-background-color
	> *:last-child {
	margin-bottom: 0;
	margin-block-end: 0;
}

.wp-block-group.has-border-color + * {
	margin-block-start: 1rem;
}

.wp-block-column .has-base-background-color.has-background {
	/* height: calc(100% - 15px); */
}

/*--Our Products menu--Not on home page--*/
section.our-products-menu {
	padding: 50px 0 70px 0;
	background: #a9cb6b;
}

.home section.our-products-menu {
	display: none !important;
}

.wp-block-column.opm-product {
	border: 2px solid #fff;
	border-radius: 5px;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.wp-block-column.opm-product:hover {
	/* transform: scale(1.02); */
}

.wp-block-column.opm-product a {
	text-decoration: none;
}

.wp-block-column.opm-product .wp-block-cover {
	border-radius: 5px;
}

.wp-block-column.opm-product .wp-block-cover span.wp-block-cover__background {
	border-radius: 5px;
}

.wp-block-column.opm-product:hover
	.wp-block-cover
	span.wp-block-cover__background {
	opacity: 0.3;
}

.wp-block-column.opm-product
	.wp-block-cover
	img.wp-block-cover__image-background {
	border-radius: 5px;
}

.wp-block-column.opm-product .wp-block-cover p {
	font-size: 1.4em !important;
	margin: 0 auto;
	line-height: 1.3em;
}

/*--Footer--*/
footer {
	font-size: var(--wp--preset--font-size--x-small);
}

footer h5 {
	color: var(--wp--preset--color--base);
}

footer p {
	color: var(--wp--preset--color--gray);
}

footer a {
	color: var(--wp--preset--color--gray);
}

footer a:hover {
	color: var(--wp--preset--color--green);
}

footer .wp-block-group.is-vertical {
	row-gap: 0.66rem;
}

footer .wp-block-group.is-vertical h5 {
	margin-block-start: 0.66em;
}

@media (min-width: 1000px) {
	footer .accreditations {
		max-width: 20%;
	}
}

/*--Affilatest list--*/
ul.affiliates-list {
	padding-inline-start: 0px;
	margin-left: 0;
}

ul.affiliates-list li {
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 0.66rem;
	list-style: none !important;
	margin-block-start: 0.33rem;
}

ul.affiliates-list li::marker {
	display: none !important;
}

ul.affiliates-list li:before {
	font-family: 'fontello';
	font-size: 0.8em;
	content: '\e808';
	color: var(--wp--preset--color--gray);
}

ul.affiliates-list li a {
	text-decoration: none;
}

/*--Footer Legal block--*/
footer .wp-block-group.legal {
	background: var(--wp--preset--color--gray);
}

footer .menu-legal-container {
	background: var(--wp--preset--color--gray);
}

footer .legal-list {
	margin-top: 15px;
	margin-bottom: 15px;
}

footer .legal-list li:before {
	color: var(--wp--preset--color--gray);
}

footer .legal-list li a {
	color: var(--wp--preset--color--contrast);
}

footer .legal-list li a:hover {
	color: var(--wp--preset--color--base);
}

footer .tnp.tnp-subscription {
	margin: 0;
}

footer .tnp-subscription input[type='text'],
footer .tnp-subscription input[type='email'] {
	padding: 0.2rem;
	background-color: var(--wp--preset--color--gray);
	color: var(--wp--preset--color--base);
}

footer .tnp-subscription input.tnp-submit {
	cursor: pointer;
	background-color: var(--wp--preset--color--green);
	border-radius: 25px;
	padding: 0.22rem 1rem;
	font-size: var(--wp--preset--font-size--small);
	font-family: var(--wp--preset--font-family-default);
}

footer .custom-logo-link:hover {
	color: #ffffff;
}

/*--Media Releases--*/
/* .page-media-releases {}

.page-media-releases ul.wp-block-post-template {}

.page-media-releases ul.wp-block-post-template li {
  border-bottom: 2px dotted #ccc;
  padding-bottom: 15px;
}

.page-media-releases ul.wp-block-post-template li h4.wp-block-post-title {
  font-size: 1.6rem;
  line-height: 1.25em;
}

.page-media-releases ul.wp-block-post-template li p {
  font-size: 1.0rem;
  line-height: 1.3em;
}

.page-media-releases ul.wp-block-post-template li:hover {}

.page-media-releases ul.wp-block-post-template li:hover h4.wp-block-post-title a {
  color: #555;
  text-decoration: none;
} */

.wp-block-post-date time {
	color: var(--wp--preset--color--green);
	font-weight: 700;
}

/* HOME PAGE SPECIFIC*/

/*sliders*/
.wp-block-post.slide {
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.wp-block-cover .wp-block-cover__image-background {
	min-height: 100%; 
}

.category .wp-block-cover .wp-block-cover__image-background {width:auto; min-width:100%; height:auto; min-height:100%; overflow:hidden !important; object-fit:cover !important; position:relative; left:0;}
@media (min-width: 992px) { .category-27 .wp-block-cover .wp-block-cover__image-background {left:auto; }}

.slide-left-overlay,
.slide-right-overlay {
	position: absolute;
}

.wp-block-post.slide .wp-block-cover .wp-block-cover .wp-block-group p {
	min-width: 280px;
}

/*--Home Banner--*/
.home-banner-group {
	display: block;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	margin-block-start: 0rem !important;
	margin-block-end: 0rem !important;
	gap: 0 !important;
}

/*--Home Banner Query Loop--*/
.home-banner-ql {
	margin: 0 !important;
	padding: 0 !important;
}

/*--Social Icons in Home Banner--*/
.docked-social-icons {flex-flow:row !important; position:fixed; top:25px; right:15px; transform:translateY(0); z-index:100; gap:10px !important; }
@media (min-width: 780px) { .docked-social-icons {flex-flow:column !important; top:50%; right:6px; transform:translateY(-50%);}}
@media (min-width: 992px) { .docked-social-icons {right:15px; }}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {font-size:15px !important;}
@media (min-width: 780px) { .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {font-size:24px !important;}}

/*--Home Banner Hero Slider--*/
.hero-slider {
	margin-right: -15px;
	width: 100%;
	min-height: 520px;
	height: 83vh;
	max-height: 740px;
}

.hero-slider li .entry-content {
	height: 100%;
}

.hero-slider li .entry-content .wp-block-cover {
	margin-left: 0 !important;
	/*--  calc(-1 * var(--wp--preset--spacing--30))--*/

	margin-right: 0 !important;
	/*-- calc(-1 * var(--wp--preset--spacing--30))--*/
}

.hero-slider li {
	margin-block-start: 0 !important;
}

.slide-left-overlay {
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 1;
	color: var(--wp--preset--color--green);
	/* mix-blend-mode: multiply; */
	background-image: url(assets/img/feature-image-green-corner-v2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	height: 100%;
	width: 66vw;
	max-width: 900px;
}

@media (min-width: 1400px) {
	.slide-left-overlay {
		width: 40vw;
	}
}

@media (min-width: 1600px) {
	.slide-left-overlay {
		width: 45vw;
	}
}

.slide-right-overlay {
	left: 50vw;
	transform: translateX(17vw);
	bottom: 0;
	z-index: 0;
	opacity: 0.6;
	mix-blend-mode: multiply;
}

.wp-block-post.slide .wp-block-cover.has-blue-color .slide-right-overlay {
	color: #009bff;
}

.wp-block-post.slide .wp-block-cover.has-purple-color .slide-right-overlay {
	color: var(--wp--preset--color--purple);
}

.tns-outer > [data-action] {
	display: none;
}

.tns-visually-hidden {
	display: none;
}

.tns-horizontal.tns-subpixel > .tns-item.is-nowrap {
	display: flex;
}

.wp-block-post-template[class*='slider'] {
	max-width: none;
	display: flex !important;
	align-items: stretch;
	position: relative;
}

.wp-block-post-template[class*='slider'] li {
	display: block !important;
}

.tns-outer {
	position: relative;
}

.home-banner-ql .tns-nav {
	width:auto;
	position:absolute; left:inherit; right:60px; bottom:2rem;
	text-align: right;
}
/*
.home-banner-ql .tns-nav {
	width: calc(var(--wp--style--global--content-size) - (var(--wp--preset--spacing--40)));
	left: 50%;
	bottom: 1rem;
	transform: translate(-50%, -100%);
	position: absolute;
	text-align: right;
} */

.home-banner-ql .tns-nav button {
	border: 2px solid var(--wp--preset--color--base);
	background-color: transparent;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 0.33rem;
	transition: all 0.5s;
}

.home-banner-ql .tns-nav button.tns-nav-active {
	background-color: var(--wp--preset--color--base);
}

.tns-horizontal.tns-subpixel > .tns-item.is-nowrap {
	flex-basis: auto;
	padding: 0.33rem 0.66rem 0.22rem 0.66rem;
}

.home-content-sustainability .has-slider-nav .tns-inner figure {
	min-width: 60px;
	width: 60px;
	flex-shrink: 0;
}

.has-slider-nav .tns-item {
	box-sizing: border-box;
	margin-block-end: 1em;
}

.has-slider-nav .tns-inner .wp-block-group.is-vertical {
	flex-basis: auto;
}

.has-slider-nav .tns-nav {
	background: var(--wp--preset--color--base);
	display: flex;
	margin-bottom: var(--wp--preset--spacing--20);
	flex-flow: row;
	justify-content: stretch;
	flex-basis: auto;
	margin-top: 0.66em;
	margin-right: 90px;
}

.award-slider-wrapper li {
	padding: 0 30px 0 0px;
	font-size: var(--wp--preset--font-size--x-small);
}

.award-slider-wrapper figure img {
	max-width: 100%;
	height: auto;
}

.has-base-background-color.has-slider-nav .tns-nav {
	background: var(--wp--preset--color--gray);
}

.has-base-background-color.has-slider-nav .tns-nav button {
	background: var(--wp--preset--color--light-blue);
}

.has-slider-nav .tns-nav button {
	display: inline-block !important;
	flex-grow: 1;
	border-radius: none;
	border: none;
	height: 5px;
	background-color: var(--wp--preset--color--base);
}

.has-slider-nav .tns-nav button.is-past,
.has-slider-nav .tns-nav button.tns-nav-active {
	background-color: var(--wp--preset--color--teal);
}

.tns-ovh {
	clear: both;
}

.tns-controls {
	width: 63px;
	z-index: 1;
	bottom: -1rem;
	right: 0.66rem;
	position: absolute;
	padding: 0rem;
	box-sizing: border-box;
}

[data-controls] {
	font-size: 30px; padding:0 !important;
	border: none;
	background-color: transparent;
	color: var(--wp--preset--color--teal);
}

/* .wp-block-cover [data-controls] {
  color: var(--wp--preset--color--white);
} */

[data-controls='prev'] {
	position: relative;
	float: left;
}

[data-controls='next'] {
	float: right;
}

[data-controls='next']:before {
	content: '\f138';
	font-family: 'fontello';
}

[data-controls='prev']:before {
	content: '\f137';
	font-family: 'fontello';
}

/*Awards*/
.wp-block-post-template .category-awards figure,
.mega-feature figure {
	box-shadow: none !important;
	position: relative;
	text-align: center;
	/* padding-top: 30px; */
}

.wp-block-post-template .category-awards figure img {
}

.mega-feature figure:before {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 7px;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 0;
	position: absolute;
	left: 5%;
	top: 5%;
}

.mega-feature.category-awards figure:before {
	left: 0;
	top: 0;
}

.wp-block-post-template .category-awards figure img,
.mega-feature figure img {
	position: relative;
	z-index: 1;
}

/*query loops with buttons aligned at the bottom*/
li.wp-block-post .is-layout-flex.is-vertical {
	position: relative;
}

li.wp-block-post h4 + .wp-block-post-excerpt.has-small-font-size {
	margin-top: 0;
}

li.wp-block-post .wp-block-post-excerpt.has-small-font-size {
	margin-bottom: var(--wp--preset--spacing--20);
}

li.wp-block-post .is-layout-flex.is-vertical .wp-block-read-more,
.our-blogs-details a {
	margin-top: auto;
	flex-shrink: 1;
	width: auto;
}

.has-background.wp-block-read-more {
	display: inline-block;
	border-radius: 15px;
	padding: 3px 10px;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--base);
	transition: all 0.3s;
}

.has-background.wp-block-read-more:hover {
	background-color: var(--wp--preset--color--gray) !important;
}

/*product blocks*/

.wp-block-query
	ul:not(.hero-slider):not(.wp-block-post-template-is-layout-flow)
	.wp-block-cover
	.wp-block-cover__inner-container,
.our-blogs-details {
	overflow: hidden;
	position: absolute;
	bottom: 2em;
	left: 0;
	width: calc(100% - var(--wp--preset--spacing--20) * 2);
	padding: var(--wp--preset--spacing--20);
	transition: all 0.5s;
}

.wp-block-query
	ul:not(.hero-slider):not(.wp-block-post-template-is-layout-flow)
	.wp-block-cover:hover
	.wp-block-cover__inner-container {
	bottom: 0;
}

.wp-block-query
	ul:not(.hero-slider):not(.wp-block-post-template-is-layout-flow)
	.wp-block-cover:hover
	.wp-block-cover__background {
	opacity: 1;
}

.wp-block-query
	ul:not(.hero-slider):not(.wp-block-post-template-is-layout-flow)
	.wp-block-cover:after {
	content: '';
	background: var(--wp--preset--gradient--soft-rainbow);
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.wp-block-query
	ul:not(.hero-slider):not(.wp-block-post-template-is-layout-flow)
	.wp-block-cover:hover
	.wp-block-cover__inner-container
	h4
	a:hover {
	color: var(--wp--preset--color--green);
}

.wp-block-post.type-page .wp-block-cover,
.wp-block-post.type-post .wp-block-cover {
	transform: scale(1);
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.wp-block-post.type-page .wp-block-cover h3 a {
	color: var(--wp--preset--color--base);
}

.wp-block-post.type-page .wp-block-cover:hover {
	/* transform: scale(1.015); */
	transition: all 0.3s;
}

.wp-block-post.type-page .wp-block-cover:hover .wp-block-cover__background {
	transition: all 0.3s;
}

.wp-block-post.type-page .wp-block-cover:hover .wp-block-cover__background {
	opacity: 0.4;
}

.wp-block-post.type-page .wp-block-cover a:hover {
	text-decoration: none;
}

/* on the footer */
body:not(.home) .footer-products {
	padding-top: 38px;
}

body:not(.home) .has-green-background-color h2 {
	font-size: var(--wp--preset--font-size--x-large);
}

/*--Photo 30% float right-aligned--*/
/* .pic-40-fl-ra {display:block; width:90%; float:none; margin:0 0 20px 0;}
@media (min-width: 480px) { .pic-40-fl-ra {width:90%;} }
@media (min-width: 768px) { .pic-40-fl-ra {width:40%; float:right; margin:0 0 20px 20px;} }
@media (min-width: 992px) { .pic-40-fl-ra {width:40%;} }
@media (min-width: 1200px) { .pic-40-fl-ra {width:40%; } } */

/*--Yearly Tabs--*/
nav.yearly {
	margin-bottom: 2em;
}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 90%;
}

@media (min-width: 768px) {
	#cmplz-document,
	.editor-styles-wrapper .cmplz-unlinked-mode {
		max-width: 768px;
	}
}

@media (min-width: 992px) {
	#cmplz-document,
	.editor-styles-wrapper .cmplz-unlinked-mode {
		max-width: 992px;
	}
}

@media (min-width: 1200px) {
	#cmplz-document,
	.editor-styles-wrapper .cmplz-unlinked-mode {
		max-width: 1200px;
	}
}

/*--Home Slider Content block--*/
.hbs-content {
}

@media (min-width: 1200px) {
	.hbs-content {
	}
}

/*--Home Content--*/
/* .home-content {
  background: #fdfdfb url(../../themes/mpacttwentythree/assets/img/hc-background.jpg) center top no-repeat;
} */

.news-headers {
}

.news-columns {
}

.news-col {
}

.news-col.sens {
}

.news-col.releases {
}

.news-col.results {
}

/* .button-right-align {
  justify-content: flex-end;
  margin: 10px 0;
} */

.is-style-button-viewall a.wp-element-button,
.button-viewall a.wp-element-button,
a.wp-block-read-more,
.our-blogs-details a {
	display: inline-flex;
	align-items: center;
	line-height: 1em;
	color: var(--wp--preset--color--teal);
	padding-left: 0;
	padding-right: 30px;
	transform: none;
}

.is-style-button-viewall a.wp-element-button:focus,
.button-viewall a.wp-element-button:focus,
a.wp-block-read-more:focus,
.our-blogs-details a:focus {
	background-color: transparent;
}

/* .button-viewall a.wp-element-button:hover {color:#fff !important;} */
.is-style-button-viewall a.wp-element-button:hover,
.button-viewall a.wp-element-button:hover,
a.wp-block-read-more:hover,
.our-blogs-details a:hover {
	color: var(--wp--preset--color--green);
	background-color: transparent;
}

.is-style-button-viewall a.wp-element-button:after,
.button-viewall a.wp-element-button:after,
a.wp-block-read-more:after,
.our-blogs-details a:after {
	display: block;
	font-family: 'Fontello';
	font-size: 1em;
	line-height: 1em;
	padding-left: 0.5rem;
	content: '\f138';
	color: var(--wp--preset--color--teal);
	transition: all 0.66s;
}

.is-style-button-viewall a:hover:after,
.button-viewall a:hover:after,
a.wp-block-read-more:hover:after,
.our-blogs-details a:hover:after {
	color: var(--wp--preset--color--green);
	transform: translateX(0.44rem);
}

.button-viewall a.has-base-color:after,
.is-style-button-viewall a.has-base-color:after,
.is-style-button-viewall a.has-base-color:hover:after,
.button-viewall a.has-base-color:hover:after {
	color: var(--wp--preset--color--white);
}

/* .button-viewall.white a.wp-element-button {
  color: #fff !important;
}

.button-viewall.white a.wp-element-button:after {
  color: #fff !important;
} */

.wp-block-query ul:not(.hero-slider) .wp-block-cover a.wp-block-read-more,
.our-blogs-details a {
	color: var(--wp--preset--color--base);
}

.wp-block-query ul:not(.hero-slider) .wp-block-cover a.wp-block-read-more:after,
.our-blogs-details a:after {
	color: var(--wp--preset--color--base);
}

.content-slider .wp-block-column,
.content-slider .wp-block-column img {
	border-radius: 7px !important;
}

/*--Divisional blogs content slider--*/
.div-blogs-cs {}

#tns1.div-blogs-cs {width:auto;}
@media (min-width: 781px) { #tns1.div-blogs-cs {width: calc(233.333%);} }

/* .hm-presentation-col {
  align-content: flex-start;
  column-gap: 10px;
} */

/* .col-height-100 {
  height: 100% !important;
  align-items: stretch;
} */

/*--Home SENS feed--*/
/* .wp-block-group.hm-sens-col {}

.wp-block-group.hm-sens-col iframe {}

.wp-block-group.hm-sens-col iframe #Form1 {}

.wp-block-group.hm-sens-col iframe table.table_left,
table.table_left {
  display: none !important;
} */

/*--Home Operations Business Column covers--*/
/* .wp-block-cover.ob-cols {
  align-items: flex-end;
}

.ob-cols .button-viewall a.wp-element-button {
  color: #fff;
}

.ob-cols .button-viewall a.wp-element-button:after {
  color: #fff;
}

.ob-cols p {
  margin-block-start: 0rem;
  margin-block-end: 0.7em;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
} */

/*--Home Innovation and Design centre--*/
/* .cover-inno-cntr {
  align-items: flex-end;
}

.wp-block-columns.idc-col-wrapper {
  max-width: inherit !important;
}

.cover-inno-cntr .idc-col {}

.cover-inno-cntr .wp-block-group.idc-stack {
  gap: 0.6em !important;
} */

/* .idc-stack .wp-block-button.button-viewall a.wp-element-button {
  color: #417c6c;
} */

/*--Home Our Award Winnning Products--*/
/* .cover-aw-products {
  align-items: flex-start;
  background: url(../../themes/mpacttwentythree/assets/img/awp-col-wrapper.svg) left top no-repeat;
  background-size: 100%;
} */

/* .wp-block-columns.awp-col-wrapper {
  max-width: inherit !important;
} */

/* .home-content-sustainability {
  background: url(../../themes/mpacttwentythree/assets/img/hm-bg-tile-sustainability.jpg) center top no-repeat;
  background-size: 100% 100%;
} */

/*--Home sustainability--*/
/* .hm-sust-mt {} */

/* .hm-sust-mt p {
  margin-block-start: 0rem !important;
  margin-block-end: 0.5em !important;
} */

/*--Home Query Loop Post Template--*/
/* .hm-ql-pt {}

.hm-ql-pt .wp-block-post-date time {}

.hm-ql-pt .wp-block-post-content ul {
  padding-left: 1em;
}

.hm-ql-pt .wp-block-post-content ul li {
  list-style: disc;
  color: var(--wp--preset--color--secondary);
}

.hm-ql-pt .wp-block-post-content ul li a {
  text-decoration: none;
}

.hm-ql-pt .wp-block-post-content ul li a:hover {
  text-decoration: underline;
  color: #000;
}

ul.hm-ql-pt.wp-block-post-template li.wp-block-post h5.wp-block-post-title a {}

ul.hm-ql-pt.wp-block-post-template li.wp-block-post h5.wp-block-post-title a:hover {
  text-decoration: underline !important;
  color: #000;
} */

article .yotu-playlist {
	padding-top: 0;
	padding-bottom: 0;
}

article .yotu-videos .yotu-video h3 {
	color: #333;
}

article .has-border-color .yotu-videos li {
	margin-bottom: 0.33rem;
}

article .yotu-videos {
	padding-top: 0px;
}

footer .wp-block-social-links .wp-social-link a {
	padding: 5px;
}

footer .wp-block-social-links .wp-social-link svg {
	width: 20px;
	height: 20px;
}

/*--Cover image in side collumn--*/
.cfc-intro-cover {height:100%; min-height:300px;}