@charset "UTF-8";/* Custom top bar */
#sp-top-bar {
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-image: url("https://www.hyvest.co.za/images/headers/header-strip.jpg");
}

/* Custom Menu */

.sp-megamenu-parent > li > a:hover::before, .sp-megamenu-parent > li > a:focus::before, .sp-megamenu-parent > li.active > a::before {
	right: 0;
}

.logo-image {
	margin-bottom: -5px;
}

.sp-megamenu-parent > li > a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: #08394A;
	height: 6px;	
	transition-property: right;
	transition-duration: 0.3s;	
	transition-timing-function: ease-out;
}

.sp-menu-item {
	margin-right: 10px;
}

.sp-menu-item:last-child {
	margin-right: 0px !important;
}

.sp-megamenu-parent > li:last-child > a {
	padding: 0px 15px 0px 15px !important;
}

#sp-logo {
	padding-right: 100px !important;
}

#tag-line {
	position: absolute;
	width: 100% !important;
	left: -40px;
	bottom: 10px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	line-height: 90px;
	margin: 0px 0px 30px 0px;
}

@media screen and (max-width: 767px) {
	#tag-line {
		display: none !important
	}
	
	#sp-logo {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}
}

/* home page styling */
.info-video {
	width: 100%;
	height: auto;
}

.video-pop i {
	position: absolute;
	right: 20px;
}

/* Custom Bottom Link */

#sp-bottom .sp-module {
	margin-bottom: 0px !important;
}

/* Who we are page styling */

#team-images .sppb-flipbox-panel {
	width: 250px;
}

#team-images .sppb-flipbox-panel:hover {
	cursor: pointer;
}

/* popup blocks */
.popup-image {
	border-left: none !important;
	border-radius: 0px 10px 10px 0px !important;
}

.popup-quote {
	border-top: none !important;
	border-radius: 0px 0px 10px 10px !important;
}

.popup-description {
	border-right: none !important;
	border-bottom: none !important;
	border-radius: 10px 0px 0px 0px !important;
}

@media screen and (max-width: 767px) {

.popup-image {
	border-left: 3px solid #818A37 !important;
	border-radius: 10px 10px 0px 0px !important;
	border-bottom: none !important;
}

.popup-description {
	border-right: 3px solid #818A37 !important;
	border-bottom: none !important;
	border-radius: 0px 0px 0px 0px !important;
	border-top: none !important;
}

}