/*
Theme Name: flatsome-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.kbf-banner {
	display: block;
	background-color: #000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.kbf-banner span {
	display: block;
    color: #FFF;
}
.kbf-banner-inner {
	display: flex;
	align-items: stretch;
}
.kbf-banner-left {
	flex: 1;
	color: #f73b67;
	text-align: center;
	font-size: 32px;
	padding-top: 25px;
	background-image: url(https://devsite.smartsynergycape.co.za/wp-content/uploads/2020/11/b-wall-left.png);
	background-repeat: repeat-y;
	background-position: left center;
	padding-top: 25px;
}
.kbf-banner-left span {
	font-size: 23px;
	margin: -12px 0 0;
}
.kbf-banner-center {
	flex: 1.5;
	min-height: 135px;
	text-align: center;
}
.kbf-banner-right {
	flex: 1;
	color: #a47dff;
	text-align: center;
	font-size: 32px;
	background-image: url(https://devsite.smartsynergycape.co.za/wp-content/uploads/2020/11/b-wall-right.png);
	background-repeat: repeat-y;
	background-position: right center;
	padding-top: 25px;
}
.kbf-banner-right span {
	font-size: 27px;
	margin: -12px 0 0;
	letter-spacing: 0.3px;
}

@media only screen and (max-width: 782px) {
	.kbf-banner-inner {
		flex-direction: column;
	}
	.kbf-banner-left,
	.kbf-banner-right {
		background: none;
		padding: 0;
	}
	.kbf-banner-center {
		min-height: 40px;
	}
	.kbf-banner-center img {
		max-width: 62%;
	}
}
@media only screen and (max-width: 620px) {
	.kbf-banner-center img {
		max-width: 88%;
	}
}