/*
Theme Name: Flatsome Child by INKFISH DIGITAL
Description: Custom CSS by INKFISH DIGITAL for the Flatsome theme.
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


:root {
	interpolate-size: allow-keywords;
	
	--fs-color-success-darker: color-mix(in srgb, var(--fs-color-success) 50%, #000000);
	--fs-color-success-lighter: color-mix(in srgb, var(--fs-color-success) 50%, #ffffff);
	--fs-100: clamp(0.8rem, 0.165vw + 0.759rem, 0.891rem);
	--fs-200: clamp(1rem, 0.341vw + 0.915rem, 1.188rem);
	--fs-300: clamp(1.25rem, 0.605vw + 1.099rem, 1.583rem);
	--fs-400: clamp(1.563rem, 0.996vw + 1.314rem, 2.11rem);
	--fs-500: clamp(1.953rem, 1.563vw + 1.562rem, 2.813rem);
	--fs-600: clamp(2.441rem, 2.378vw + 1.847rem, 3.749rem);
	--fs-700: clamp(3.052rem, 3.538vw + 2.167rem, 4.998rem);
}

body {
	
	#main, footer, .mfp-content {
		font: normal normal normal var(--fs-200)/1.5 inherit, sans-serif, system-ui;
		
		:is(h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, select, label, legend, button:not(.toggle), .button:not(.icon)) {margin-block: 0; margin-inline: 0;}
		:is(p, ul, ol, button:not(.toggle), .button:not(.icon)):has(+ :is(h1, h2, h3, h4, h5, h6)) {margin-block-end: 2em;}
		:is(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, form, label, legend, button:not(.toggle), .button:not(.icon)):has(+ :is(p, ul, ol, blockquote, button, form, div, .button)) {margin-block-end: 0.75em;}
		
		ul:not([class]) {padding-inline-start: 1.25em;}
		ol:not([class]) {padding-inline-start: 1.75em;}
		
		:is(ul, ol):not([class]) {
			
			li, .col-inner & li {
				margin-inline: 0px;
			}
			
		}
		
		ul:has(.recent-blog-posts-li) {
			padding: 0;
		}

		h1 {font-size: var(--fs-500);}
		h2 {font-size: var(--fs-400);}
		h3 {font-size: var(--fs-300);}
		h4 {font-size: var(--fs-200);}
		h5 {font-size: var(--fs-200);}
		h6 {font-size: var(--fs-100);}
		blockquote, .product-short-description {font-size: var(--fs-100);}

		.fs-100 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-100);}
		.fs-200 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-200);}
		.fs-300 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-300);}
		.fs-400 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-400);}
		.fs-500 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-500);}
		.fs-600 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-600);}
		.fs-700 :is(h1, h2, h3, h4, h5, h6, p, ul, ol) {font-size: var(--fs-700);}
		
		iframe, svg {
			display: block;
		}
		
	}
	
}

.mfp-wrap {
	
	.lightbox-content {
		overflow: clip;
		border-radius: 30px;
		background: transparent !important;
	}
	
}

.flickity-page-dots {
	display: flex;
	justify-content: center;
	gap: 0.75em;
}

.height-fix .flickity-viewport {
	min-height: 475px !important;
	
	.flickity-slider > .row {
		height: 100%;
		padding-block-start: 5px;
		
		& > .col > .col-inner {
			height: 100%;
			display: flex;
			flex-flow: column;
			
			& > .grow {
				flex-grow: 1;
				padding: unset !important;
			}
			
		}
		
	}
	
}

svg {
	fill: #000;
	
	.pri > & {fill: var(--fs-color-primary);}
	.sec > & {fill: var(--fs-color-secondary);}
	.suc > & {fill: var(--fs-color-success);}
	.alr > & {fill: var(--fs-color-alert);}
	.dark & {fill: #fff;}
	
	path.primary {fill: var(--fs-color-primary);}
	path.secondary {fill: var(--fs-color-secondary);}
	path.success {fill: var(--fs-color-success);}
	path.alert {fill: var(--fs-color-alert);}
	
	a:has(&) {
		display: block;
	
		path {
			transition: fill 0.15s ease-in-out;
		}

		&:hover path {
			fill: var(--fs-color-secondary);
		}
		
	}
	
	.dark a > & {
		transition: fill 0.2s ease-in-out;

		&:hover {
			fill: var(--fs-color-primary);
		}
		
	}
	
	
	.contain & {
		width: 100%;
		aspect-ratio: 1 / 1;
	}
	
	.contain.wide & {
		aspect-ratio: 16 / 9;
	}

}

.col-inner:has(> .grow) {
	display: flex;
	flex-flow: column;
	
	.grow {
		flex-grow: 1;
	}
	
}

.bleeder > .col-inner {
	position: relative;
	isolation: isolate;
	
	&::before {
		content:'';
		position: absolute;
		inset: 0 auto;
		border-radius: 30px;
		width: 200vw;
		z-index: -1;
		background: #000;
	}
	
	:not(.start, .end) > &::before {
		left: 50%;
		translate: -50%;
	}
	
	.start > &::before {inset: 0 0 0 auto;}
	.end > &::before {inset: 0 auto 0 0;}
	
	.pri > &::before {background: var(--fs-color-primary);}
	.sec > &::before {background: var(--fs-color-secondary);}
	.suc > &::before {background: var(--fs-color-success);}
	.alr > &::before {background: var(--fs-color-alert);}
	
}

.wither {
	
	& img {mask: linear-gradient(to right, transparent 10%, #fff 20%, #fff 80%, transparent 90%);}
	&.start img {mask: linear-gradient(to right, #fff 80%, transparent 90%);}
	&.end img {mask: linear-gradient(to right, #fff 80%, transparent 90%);}
	
}

.w-filter img {
	filter: brightness(100);
}

#header-newsletter-signup {
	max-width: 400px !important;
	
	.section {
		align-items: unset !important;
	}
}

#cmplz-document {
	max-width: unset;
}

.is-divider {
	border-radius: 99px
}

.disable:hover {
	cursor: default;
	
	& > a {
		pointer-events: none;
	}
	
}

.portfolio-element-wrapper:has(.custom), .portfolio-archive {
	
	& > .row {
		justify-content: center;
	}
	
	.col-inner {
		overflow: clip;
		border-radius: 20px;
		background: transparent !important;
	}
	
	.portfolio-box {
		display: flex;
		flex-flow: column;
		background: #fff !important;
		padding: 20px;
		
		&::after {
			content: 'See More';
			font-size: 14px;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			padding: 10px;
			display: block;
			width: 100%;
			border-radius: 10px;
			background: var(--fs-color-secondary);
			transition: filter 0.2s ease-in-out;
		}
		
		&:hover::after {
			filter: brightness(110%);
		}
		
	}
	
	.col-inner, .portfolio-box {
		height: 100%;
	}
	
	.box-image {
		width: 100%;
		height: unset;
		overflow: visible;
	}
	
	.box-text {
		flex: 1 1 auto;
		place-content: center;
		min-height: 85px;
		background: #fff;
		padding: 10px 0 10px 0;
		
		* {
			opacity: 1;
			color: var(--fs-color-primary);
			font-size: 0.9rem;
		}
		
	}
	
	.image-cover {
		position: static;
		padding: 0 !important;
		background: #fff;
		
		img {
			position: static !important;
			aspect-ratio: 2 / 1;
			border-radius: 15px;
		}
		
	}
	
	.portfolio-box-category {
		display: none;
	}
	
}

.portfolio-single-page {
	
	.portfolio-bottom {
		
		h6.portfolio-box-title {
			margin: 0 !important;
		}
		
		img {
			aspect-ratio: 2 / 1;
			object-fit: cover;
		}
		
	}
	
}

.row:has(> div > .portfolio-summary) {
	display: none;
}

li::marker {
	color: var(--fs-color-secondary);
}

.check {
	
	&.button.expand {
		display: flex;
		flex-flow: row;
		align-items: center;
		justify-content: space-between;
		margin: 0;
		min-height: unset;
		
		& > * {
			line-height: 1;
		}
		
	}
	
	i {
		flex: 0 1 auto !important;
		
		&::before {
			padding: 5px;
			border-radius: 5px;
			color: #fff;
			display: block;
		}
		
		&.icon-checkmark {
			
			&::before {
				background: var(--fs-color-secondary);
			}
			
		}
		
		&.icon-cross {
			
			&::before {
				background: var(--fs-color-primary);
			}
			
		}
		
	}
	
}

.contain {
	
	img {
		object-fit: contain;
	}
	
	&.top img {object-position: 50% 0%}
	&.top.right img {object-position: 100% 0%}
	&.top.left img {object-position: 0% 0%}
	&.bottom img {object-position: 50% 100%}
	&.bottom.right img {object-position: 100% 100%}
	&.bottom.left img {object-position: 0% 100%}
	&.right img {object-position: 100% 50%}
	&.left img {object-position: 0% 50%}
	
	svg {
		width: 100%;
		aspect-ratio: 1 / 1;
	}
	
	&.wide {
		
		svg {
			aspect-ratio: 16 / 9;
		}
		
	}
	
}

svg {
	fill: #000;
	
	path.primary {fill: var(--fs-color-primary);}
	path.secondary {fill: var(--fs-color-secondary);}
	path.success {fill: var(--fs-color-success);}
	path.alert {fill: var(--fs-color-alert);}
	path.white {fill: #ffffff;}
	
}

.dark svg {
	fill: #fff;
}

a:has(svg) {
	display: flex;
	
	path:not(.white) {
		transition: fill 0.15s ease-in-out;
	}
	
	&:hover path:not(.white) {
		fill: var(--fs-color-secondary);
	}
	
}

a:has(> svg) {
	display: flex;
}

.dark a > svg {
	transition: fill 0.2s ease-in-out;
	
	&:hover {
		fill: var(--fs-color-primary);
	}
	
}

.mono {
	
	svg path {
		fill: #ffffff !important;
		
		&.white {
			fill: var(--fs-color-primary) !important;
		}
	}
	
}

.dark .is-divider {
	background: #fff;
}

.tweak {
	
	&.contain img {object-fit: contain};
	&.top img {object-position: top};
	&.bottom img {object-position: bottom}
	
}

.button.is-link {
	padding: 0;
	margin-left: 0;
	margin-top: 0;
	text-align: left;
	align-items: center;
	
	&:not(.icon)>i {
		margin-left: unset;
		
	}
	
	i {
		top: unset;
		text-align: center;
	}
	
}

.button.is-link {
	color: #fff;
	
	&.primary {color: var(--fs-color-primary);}
	&.secondary {color: var(--fs-color-secondary);}
	&.success {color: var(--fs-color-success);}
	&.alert {color: var(--fs-color-alert);}
	
}

:is(.row.page-wrapper) {
	display: none;
}

.header-nav {
	
	gap: 5px 0px;
	
	li.header-block {
		flex: 1 1 100%;
		display: flex;
		justify-content: flex-end;
		margin: 0;
	
		.button:last-of-type {
			margin: 0;
		}
		
	}
	
	li:not(.header-block) a {
		padding-bottom: 0;
	}
	
	.sub-menu a {
		padding: 5px 15px !important;
	}
	

	
	a:has(+ .nav-column) {
		display: none;
	}
	
}

a:has(+ .nav-sidebar-ul) {
	display: none !important;
}

.nav-vertical li li.menu-item-has-children:not(:first-child) {
	margin: 0;
}

.nav-vertical.nav-simple {
	
	> li + li {
		border-top: unset;
	}
	
	a {
		padding-top: 0;
		text-transform: capitalize
	}
	
}

.nav-dropdown:has(.nav-dropdown-col) {
	display: grid;
	grid-template-columns: 240px 240px;
	
	& > li.nav-dropdown-col {
		width: 100%;
	}
	
}

.custom-box {
	border-radius: 40px;
	
	.box-text {
		bottom: 0;
		width: 85%;
		border-radius: 0 40px 0 0;
		pointer-events: none;
	}
	
}

.social-icons {
	color: #000;
}

.nav-extender {
	position: relative;
	isolation: isolate;
	
	&::before {
		content: '';
		position: absolute;
		inset: 0 0 0 0;
		width: 100%;
		height: 300px;
		translate: 0 -50%;
		background: #000000;
	}
	
	&.primary::before {background: var(--fs-color-primary);}
	&.secondary::before {background: var(--fs-color-secondary);}
	&.success::before {background:var(--fs-color-success);}
	&.alert::before {background: var(--fs-color-alert);}
	
}

.bleed {
	position: relative;
	isolation: isolate;
	border-radius: 40px 0 0 40px !important;
	background: #000000;
	
	&.primary {background: var(--fs-color-primary);}
	&.secondary {background: var(--fs-color-secondary);}
	&.success {background: var(--fs-color-success);}
	&.alert {background: var(--fs-color-alert);}
	
	&::before {
		content:'';
		position: absolute;
		inset: 0;
		width: 100%;
		z-index: -1;
		background: #000;
		translate: 99% 0%;
	}
	
	&.primary::before {background: var(--fs-color-primary);}
	&.secondary::before {background: var(--fs-color-secondary);}
	&.success::before {background: var(--fs-color-success);}
	&.alert::before {background: var(--fs-color-alert);}
	
}



.custom-radius > .col-inner {
	border-radius: 70px 0 0 0 !important;
}

.grid.align-equal {
	
	.col-inner > .row:not(:has(~ .row, ~ .button)), .overflow > .col-inner {
		height: 100%;
	}
	
	.row:has( > .col.small-12.large-12 + .col.small-12.large-12) {
		display: flex;
		flex-flow: column;
		
		& > .col.small-12.large-12:nth-of-type(1) {
			flex: 0 0 auto;
		}
		
		& > .col.small-12.large-12:nth-of-type(2) {
			flex: 1 1 100%;
			
			& > .col-inner {
				height: 100%;
			}
			
		}
		
	}
	
	.col-inner:has(> .button) {
		display: flex;
		flex-flow: column;
		
		.gap-element {
			flex: 1 1 auto;
		}
		
		.button {
			align-self: flex-start;
		}
			
	}
	
	.col:has(.collapse) {
		flex-basis: unset;
	}
	
}

.pricelist {
	
	.nav-pills {
		display: flex;
		flex-flow: row wrap;
		gap: 10px;
	}
	
	.nav-pills>li>a {
		border-radius: 10px;
		background: var(--fs-color-primary);
		color: #fff;
	}
	
	.nav-pills>li.active>a {
		background: #ffffff;
		color: var(--fs-color-primary);
	}
	
	.panel > .row:first-of-type {
		position: sticky;
		inset: 120px auto auto auto;
		z-index: 1;
	}
	
	.button.expand {
		margin: 0;
		border-radius: 0 !important;
		height: 100%;
		place-content: center;
	}
	
	.col-inner:has(> .button) {
		padding: 0 !important;
	}
	
}

.page-id-4633 {

	.panel {

		& > .row:not(:first-of-type, .cape) {
			display: none;
		}

	}

}

.page-id-4665 {

	.panel {

		& > .row:not(:first-of-type, .gqeberha) {
			display: none;
		}

	}

}

.page-id-4666 {

	.panel {

		& > .row:not(:first-of-type, .roode) {
			display: none;
		}

	}

}

.deco {
	position: relative;
	isolation: isolate;
	background: transparent;
	
	& > .col:has(> .col-inner > :is(svg, p > svg)) {
		position: absolute;
		inset: 0 0 0 0;
		margin: 0 auto;
		
		.col-inner {
			width: 100%;
			height: 100%;
		}
		
		svg {
			width: 80%;
			height: 100%;
		}
		
	}
	
	&.top > .col:has(> .col-inner > svg) {inset: 0 0 auto 0; transform: translate(2%, -40%);}
	&.right > .col:has(> .col-inner > svg) {inset: 0 0 0 auto; transform: translate(50%, -2%) rotate(-90deg);}
	&.bottom > .col:has(> .col-inner > svg) {inset: auto 0 0 0; transform: translate(2%, 50%);}
	&.left > .col:has(> .col-inner > svg) {inset: 0 auto 0 0; transform: translate(-50%, 2%) rotate(90deg);}
	
	&.top.right > .col:has(> .col-inner > svg) {inset: 0 0 auto auto; transform: translate(2%, -40%);}
	&.top.left > .col:has(> .col-inner > svg) {inset: 0 auto auto 0; transform: translate(2%, -40%);}
	&.bottom.right > .col:has(> .col-inner > svg) {inset: auto 0 0 auto; transform: translate(2%, 50%);}
	&.bottom.left > .col:has(> .col-inner > svg) {inset: auto auto 0 0; transform: translate(2%, 50%);}
	
	@media (width < 768px) {
		
		&.top.right > .col:has(> .col-inner > svg) {inset: 0 0 auto 0; transform: translate(2%, -40%);}
		&.top.left > .col:has(> .col-inner > svg) {inset: 0 0 auto 0; transform: translate(2%, -40%);}
		&.bottom.right > .col:has(> .col-inner > svg) {inset: auto 0 0 0; transform: translate(2%, 50%);}
		&.bottom.left > .col:has(> .col-inner > svg) {inset: auto 0 0 0; transform: translate(2%, 50%);}
		
	}
	
	
	&.primary > .col > .col-inner > svg path {fill: var(--fs-color-primary)}
	&.secondary > .col > .col-inner > svg path {fill: var(--fs-color-secondary)}
	&.success > .col > .col-inner > svg path {fill: var(--fs-color-success)}
	&.alert > .col > .col-inner > svg path {fill: var(--fs-color-alert)}
	
	svg {
		width: 80%;
	}
	
}

.watermark {
	
	&.static {
		
		.section-bg::after {
			position: fixed;
		}
		
	}
	
	.section-bg {
		isolation: isolate;
	}
	
	.section-bg::after {
		content: '';
		position: absolute;
		inset: 0 0 0 auto;
		background: url(https://durnacol.co.za/wp-content/uploads/2024/08/watermark.svg) no-repeat center center / contain;
		width: 50%;
		opacity: 10%;
		filter: invert(0.8);
		animation: spin 50s linear infinite;	
	}
	
	@media only screen and (max-width: 48em) {
		.section-bg::after {
			display: none;
		}
	}
	
}

@keyframes spin {
	from {
		rotate: 0deg;
	}
	to {
		rotate: 360deg
	}
}

.vcenter .col-inner {
	place-content: center;
}


.collapse {
	margin: 0 !important;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	
	i {
		flex: 1 1 10%
	}
	
	i + span {
		flex: 1 1 95%;
		text-align: left;
		line-height: 1
	}
	
}

.overflow > .col-inner {
	overflow: clip;
}

.custom-posts {
	
	.col-inner {
		background: transparent !important;
		overflow: clip;
		border-radius: 40px;
		height: 100%;
	}

	.box {
		background-color: transparent !important
	}
	
	.box-text-inner .post-title {
		padding: 30px 20px 5px 20px;
		margin: 0
	}
	.box-text-inner .post-meta {
		padding: 0px 20px 0px 20px;
	}
	.box-text-inner .is-divider {
		margin-left: 20px;
		padding: 5px 0 0 0;
	}
	.box-text-inner .from_the_blog_excerpt {
		padding: 20px 20px 30px 20px
	}
	
	a.button {
		margin: 0;
		width: 100%;
		border-radius: 0 !important;
		padding: 5px;
	}
	
	.image-cover {
		padding: unset !important;
		
		img {
			position: static;
			width: 100%;
			aspect-ratio: 16 / 9;
			object-fit: cover;
		}
		
	}
	
	.box-blog-post {
		display: flex;
		flex-flow: column;
		height: 100%;
		
		.box-text {
			flex: 1 1 0;
		}
		
		.box-text-inner {
			display: flex;
			flex-flow: column;
			height: 100%;
			
			.from_the_blog_excerpt {
				flex: 1 1 0;
			}
			
		}
		
	}
	
}

.icon-angle-down:before {
	color: var(--fs-color-success);
}

#portfolio-content {
	padding: unset;
}

.portfolio-breadcrumb-title {
	display: none;
	background: #204780;
	border: unset;
	
	& h1 {
		color: #fff;
	}
	
	& .breadcrumbs a {
		color: #ffffff80;
	}
	
}

.portfolio-bottom {
	
	img {
		border-radius: 20px 20px 0 0;
	}
	
	.box-text {
		background: var(--fs-color-primary);
		border-radius: 0 0 20px 20px;
		padding: 10px 10px 10px 10px;
		min-height: 60px;
		place-content: center;
		
		* {
			color: #fff;
		}
		
	}
	
	.portfolio-box-category {
		display: none;
	}
	
}

.col-inner {
	
	
	@media (width <= 480px) {
		
		& .is-border {
			border: unset
		}
		
	}
	
}

.blinking-cursor {
	animation: blinking 0.7s steps(2, jump-end) infinite;
}

@keyframes blinking {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.blog-wrapper {
	
	.wp-post-image {
		border-radius: 30px;
	}
	
	.badge-inner.bg-fill {
		border-radius: 10px;
	}
	
	select {
		border-radius: 10px;
	}
	
	.post_comments {
		display: none;
	}
	
}

#main {
	isolation: isolate;
}

#main section.radius {
	border-radius: 50px;
	z-index: 2;
	overflow: hidden;
}

.accordion {
	
	.accordion-title.active, .icon-angle-down:before {
		color: var(--fs-color-secondary)
	}
	
	.accordion-inner {
		padding: 10px 10px;
	}
	
}

.custom {
	
	.nav-pills>li.active>a {
		color: #000000;
	}
	
}

#footer {
	border-radius: 70px 0 0 0;
	overflow: clip;
	
	.absolute-footer {
		display: none;
	}
	
}

#top-bar {
	
	.notice {
		display: flex;
		flex-flow: row nowrap;
		color: #000000;
		font-weight: bolder;
		animation: notice 35s linear infinite;

		ul {
			list-style: none;
			display: flex;
			flex-flow: row nowrap;
			gap: 200px;
			justify-content: start;
			margin: 0;
			padding: 0 60px 0 !important;
			min-width: 100vw;
		}

		li {
			padding: 0 !important;
			margin: 0 !important;
			white-space: nowrap;
			color: #fff;
		}

		a {
			color: #fff;
		}

	}
	
}

@keyframes notice {
	to {
		translate: -50% 0;
	}
}

.gform-theme {
	--gf-color-primary: var(--fs-color-secondary) !important;
	--gf-color-in-ctrl-primary: var(--fs-color-secondary) !important;
	--gf-radius: 12px !important;
	--gf-ctrl-textarea-radius: var(--gf-radius) !important;
	--gf-form-gap-y: 20px !important;
	--gf-color-in-ctrl-primary-darker: color-mix(in srgb, var(--fs-color-secondary) 70%, black) !important;
	--gf-color-primary-darker: color-mix(in srgb, var(--fs-color-secondary) 70%, black) !important;
	
	label:not(.gfield_consent_label),
	legend,
	input[type="submit"],
	.gsection_title {
		text-transform: uppercase !important;
		font-weight: bold !important;
	}
	
	.gchoice,
	.ginput_container_consent {
		gap: 0.75em !important;
	}
	
	.ginput_container_date input {
		--gf-local-width: 100% !important;
	}
	
	.ginput_complex > * {
		flex-grow: 1;
	}
	
	.chosen-choices {
		margin: 0 !important; 
	}
	
	.gfield_consent_label {
		display: flex;
		gap: 0.25em;
	}
	
	.gsection_title {
		text-wrap: balance;
	}
	
}

#field_11_10, #field_11_12 {
	background: #eeeeee;
	padding: 10px 5px;
	border-radius: 10px;
	text-align: center;
	display: flex;
	flex-flow: column;
	align-items: center;
		
	input, input:focus {
		border: unset;
		background: unset;
		box-shadow: unset;
		padding: 0;
	}
		
	.gfield_required {
		display: none;
	}
	
	.ginput_container.ginput_container_text {
		width: 100%;
	}
	
	.gfield_label.gform-field-label {
		margin: 0;
	}
		
}

.page-id-972 {
	
	#main-menu {
		display: none;
	}
	
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

add_filter('cmplz_document_html', 'msc_fix_complianz_email_obfuscation', 10, 1);

function msc_fix_complianz_email_obfuscation($html) {
    $real_email = 'study@mscartisan.co.za';
    $bad_email  = 'study@ex.commscartisan.co.za';

    // Fix plain visible text
    $html = str_replace($bad_email, $real_email, $html);

    // Fix mailto link too, in case the href is also obfuscated
    $html = str_replace('mailto:' . $bad_email, 'mailto:' . $real_email, $html);

    return $html;
}