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

/* Blog */

.blog-wrapper.blog-archive .from_the_blog_excerpt {
	display: none!important;
}

.widget .is-divider {
    display: none;
}

.widget>ul>li+li {
    border-top: 0px solid #ececec;
}

.recent-blog-posts span.post_comments {
    display: none;
}

.blog-wrapper.blog-archive.page-wrapper {
	padding-top: 0px!important;
}

.blog-wrapper.blog-archive .section.title-section, .blog-header-wrapper .section.title-section {
    margin-bottom: 60px!important;
}

.blog-wrapper.blog-archive h1.page-title {
    font-size: 1.7em;
}

.single-post .page-title.featured-title {
    text-shadow: none;
    background-image: url(https://simah.co.za/wp-content/uploads/2023/01/simah-icon-background4-01.svg);
    background-repeat: no-repeat;
    background-color: #262626;
    background-size: cover;
    background-position: 50% 50%;
}

.single-post .title-overlay {
    display: none;
}

.single-post .page-title-inner .is-divider {
    background-color: #007cba !important;
    height: 6px;
    max-width: 89px;
}

.post-sidebar .widget ul {
    margin: 15px 0;
}

.article-inner h2 {
    font-size: 130%;
}

.single-post .header, .blog .header {
    background: #262626;
}

.post-footer-btn {
    background: #4da3cf;
    border-radius: 99px;
    padding: 10px 40px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.single-post-footer {
    display: flex;
    column-gap: 20px;
    align-items: center;
    font-weight: 600;
    color: #125d90;
    font-size: 110%;
}

@media screen and (max-width: 1100px) {
.single-post-footer {
    row-gap: 20px;
    flex-direction: column;
	align-items: flex-start;
}
}

.post-footer-btn:hover {
    color: #fff;
}


/* mobile menu */

.mobile-nav.nav.nav-right {
    background: #007cba;
    border-radius: 5px;
    width: 40px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stuck #logo img {
    max-width: 161.29px!important;
}

.mobile-nav.nav.nav-right .icon-menu:before {
    color: #fff!important;
}


@media screen and (min-width: 849px) {
.header-wrapper.stuck {
    display: none;;
}
}

.cky-btn-revisit-wrapper {
	display: none!important;
}

#corporate > button, #commercial > button, #acuideas > button {
    color: #000!important;
}

ol, ul {
    margin-left: 1.5em;
}

.box-image img {
    border-radius: 15px;
}

.box-image .overlay {
    border-radius: 15px;
	background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%);
background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000080",endColorstr="#00000000",GradientType=1);
}

.box.box-overlay {
    border-radius: 15px;
}

.portfolio-summary {
	display: none;
}
#portfolio-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

.portfolio-box.box {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 0px 20px;
    box-shadow: 10px 8px 24px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 1px 5px 13px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 8px 24px 0px rgba(0,0,0,0.26);
    margin-top: 10px;
    transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    min-height: 230px;
}

.portfolio-element-wrapper .col:hover {
	transform: translateY(-5px);
	transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media screen and (max-width: 549px) {
.slider [data-animate=bounceInDown], .slider [data-animate=bounceInLeft], .slider [data-animate=bounceInRight], .slider [data-animate=bounceInUp], [data-animate=bounceInDown], [data-animate=bounceInLeft], [data-animate=bounceInRight], [data-animate=bounceInUp] {
    transition: none!important;
}
.col+.col+.col [data-animate], .nav-anim>li+li+li, [data-animate-delay="400"], [data-animate]+[data-animate]+[data-animate] {
    transition-delay: 0s;
}
	
.row-slider.slider [data-animated=true], .slider .is-selected [data-animated=true], [data-animated=true] {
    animation-delay: 0s;
    transform: none;
}
	
[data-animate=bounceInDown], [data-animate=bounceInLeft], [data-animate=bounceInRight], [data-animate=bounceInUp], [data-animate=bounceInDown], [data-animate=bounceInLeft], [data-animate=bounceInRight], [data-animate=bounceInUp] {
    transition: none;
}

[data-animated=true] {
    animation-delay: 0s;
    transform: none;
}
}

h6.portfolio-box-title {
    color: #444;
    letter-spacing: 0px;
    text-transform: none;
    font-size: 18px;
    font-weight: 500;
}

.portfolio-box-category span.show-on-hover {
	display: none!important;
}

.box-push .box-text {
    padding: 15px 10px 30px 10px;
}

.portfolio-share {
	display: none;
}

.single p a {
	color: #007ab7;
}

.footer-imgs img {
	opacity: 1;
}

.footer-social {
    font-size: 130%;
    z-index: 99999;
    position: relative;
}

.linkedin-butt span {
    font-family: Yantramanav, sans-serif;
    font-weight: 400;
}

.linkedin-butt {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    column-gap: 6px;
    font-size: 15px;
    color: #000;
}

.linkedin-butt i {
    color: #007cba;
    font-size: 1.4em;
}

a.button.more-button i {
    font-size: 70%;
    top: 0px;
}

a.button.more-button:hover {
	color: #fff;
}

a.button.more-button {
    padding-left: 0;
    padding-right: 0;
    font-size: 90%;
    margin-top: -18px;
}

a.button.more-button2 i {
    font-size: 70%;
    top: 0px;
}

a.button.more-button2:hover {
	color: #000;
}

a.button.more-button2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    margin-top: -18px;
}


a.button.white.is-outline:hover {
	background: #262626!important;
	color: #fff!important;
	border-color: #262626;
}

.row.icon-row .col-inner {
	min-height: 168px;
}

.section.title-section .section-bg.bg-loaded {
    background-size: 577px!important;
    background-position: 81% -8ch!important;
}

a.button.simple-butt {
    color: #000;
}

a.button.simple-butt:hover {
    color: #007ab8;
}

a.button.simple-butt i {
    color: #45b7f1;
    font-weight: 900!important;
    font-size: 20px;
    margin-top: 1px;
}

.stack.button-stack {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/* Form
------------------------------*/
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    border-radius: 6px!important;
}

.nf-form-content label {
    font-size: 16px!important;
    font-weight: 500!important;
}

.nf-form-content button {
    background: #262626!important;
    color: #fff!important;
    width: 100%!important;
    border-radius: 99px!important;
    height: 40px!important;
    line-height: normal!important;
    margin-bottom: 5px!important;
}

.nf-form-fields-required {
	display: none;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content textarea {
    background: #fff!important;
    border: 1px solid #007cba!important;
    border-radius: 6px!important;
    box-shadow: none!important;
    color: #787878!important;
    font-size: 17px;
}

.nf-form-content textarea.ninja-forms-field {
    font-size: 17px!important;
}

.nf-form-content input[type=submit] {
    background: #007cba!important;
    border: 0!important;
    color: #fff!important;
    width: 100%!important;
    border-radius: 99px!important;
    line-height: normal!important;
}

.checkbox-container.label-right label {
    font-weight: 300!important;
    padding-left: 9px!important;
    font-size: 17px!important;
}



a.terms-link {
	color: #007cba;
}

.checkbox-wrap .nf-field-label label.nf-checked-label:before {
    color: #007cba!important;
    font-size: 16px!important;
    margin-left: 6px!important;
}

.checkbox-wrap .nf-field-label label:after {
    background: #fff!important;
    border-color: #007cba!important;
    width: 25px!important;
    height: 25px!important;
    border-radius: 4px!important;
    margin-top: -3px!important;
}

/* Footer
-----------------------------*/

.section.footer-section {
    margin-top: -2px;
}

.row.footer-row .col-inner {
    margin: 0px 0px 0px 0px;
}


/* Lightbox
-----------------------------*/

.mfp-close {
    color: #fff!important;
    mix-blend-mode: normal;
    opacity: .6!important;
}

.mfp-close-btn-in .mfp-close {
    top: 7px!important;
    right: 7px!important;
}

.lightbox-content {
    background-color: #fff0;
    box-shadow: 3px 3px 20px 0 rgba(0,0,0,.15);
    margin: 0 auto;
    max-width: 875px;
    position: relative;
}


/* Tabs
-----------------------------*/
.nav-pills li a {
    font-family: Yantramanav, sans-serif!important;
    font-size: 16px;
    font-weight: 600!important;
    padding: 4px 30px;
    border: 1px solid #aaa;
    min-width: 206px;
    justify-content: center;
}

.nav-pills li.active a {
	border: 1px solid #007cba!important;
	
}

.nav-pills>li {
    margin: 0px 15px;
}


.featured_item-template-default.single .header  {
	display: none!important;
}

.featured-title .page-title-inner {
    padding-bottom: 60px;
    padding-top: 60px;
}

.page-title.portfolio-featured-title .page-title-bg.fill .title-overlay.fill[style] {
    background-color: rgba(0,0,0,0)!important;
}

.page-title.portfolio-featured-title .page-title-bg.fill {
    background-color: #262626!important;
}


.page-title.portfolio-featured-title.featured-title.no-overflow > div.page-title-bg.fill > div.title-bg.fill.bg-fill.parallax-active[style] {
	background-image: none!important;
}




/* Remove header on pages
-----------------------------*/
@media (min-width: 849px) {

.page-id-462 .header, .page-id-464 .header, .page-id-474 .header, .page-id-468 .header, .page-id-472 .header, .page-id-466 .header, .page-id-3 .header, .page-id-983 .header, .page-id-977 .header, .page-id-987 .header, .page-id-1778 .header, .page-id-2194 .header, .page-id-2425 .header, .single-post .header, .blog .header, .archive .header, .page-id-981 .header, .page-id-2465 .header {
	display: none!important;
}
}



.page-id-408 .nest-slide-wrapper {
	display: none;
}


.logo-left .logo {
    margin-left: 40px;
    margin-right: 30px;
    margin-top: 30px;
}

#logo {
    width: 279px!important;
}

section.grey-gradient {
	background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dddddd",GradientType=1);

}

.row.footer2 a {
    opacity: 1;
}

.row.cta-row p {
	opacity: 1!important;
}

.col.rounded-col .col-inner {
    border-radius: 15px;
}

.mask-arrow {
    -webkit-clip-path: polygon(0 0,calc(50% - 20px) 0,50% 20px,calc(50% + 20px) 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(50% - 20px) 0,50% 20px,calc(50% + 20px) 0,100% 0,100% 100%,0 100%);
}

.ux-menu-link__link {
    min-height: 2em;
    padding-bottom: .2em;
    padding-top: .2em;
}

b, strong {
    letter-spacing: 0.3px;
	font-family: 'Yantramanav lt', sans-serif;
	font-weight: 600;
}

.dark .ux-menu-title {
    letter-spacing: 0.5px;
}

#footer .social-icons {
    color: #fff;
}

#footer a {
	font-size: 95%;
	opacity: 0.7;
}

#footer p {
	font-size: 90%;
	opacity: 0.7;
}

#footer a:hover {
	color: #fff!important;
		opacity: 1;
}

.footer-pipe {
    padding: 0px 10px;
    opacity: 0.5;
}

a.button.menu-butt:hover {
    box-shadow: none;
    opacity: 0.7;
}

a.button.menu-butt2:hover {
    color: #fff!important;
	border-color: #262622;
	background: #262626;
}

a.button.menu-butt, a.button.menu-butt2 {
    font-family: "Yantramanav", sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
}


.box-shadow-4, .box-shadow-4-hover:hover, .row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner:hover {
    box-shadow: 0 10px 19px rgb(0 0 0 / 15%), 0 10px 10px rgb(0 0 0 / 0%);
}


.absolute-footer {
	display: none;
}

.col.round-col .col-inner {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.button.is-outline {
    line-height: 2.4em;
}

.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    border: 1px solid;
}


a.button.arrow-btn i  {
    color: #1584BF;
    font-weight: 900!important;
    font-size: 110%;
    margin-top: 2px;
}

.rounded-img .img-inner {
    border-radius: 15px;
}

.col.nest-custom-activator .button {
    font-size: .7em;
    letter-spacing: 0px;
    font-weight: 600;
}

.nest-slide-wrapper.nest-slide-wrapper-active .col.activate-col a.button.nest-close-button:before {
   visibility: hidden;
}

.nest-slide-wrapper.nest-slide-wrapper-active .col.activate-col a.button.nest-close-button:after {
   visibility: visible;
}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    letter-spacing: -1px;
}

.bounce:hover {
	transform: translateY(-5px);
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.bounce  {
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

a.button.down-btn {
    margin: 0px!important;
    border: 2px solid #fff!important;
    border-radius: 99px!important;
    width: 50px!important;
    height: 50px!important;
    line-height: 146%!important;
}

.nest-close-button-wrapper {
    display: none;
}

.col.activate-col a.button.nest-close-button {
    margin-left: 15px;
    margin-top: 0px;
    bottom: -620px;
}



a.button.menu-butt {
	color: #007cba!important;
}

a.button.menu-butt2:hover {
	color: #fff!important;
	background: #262626!important;.
	border: 1px solid #262626!important;
}


.col.activate-col .nest-close-button-wrapper {
    -webkit-transition: none;
    transition: none;
    -moz-transition: none;
}

.col.activate-col .nest-close-button::after {
	visibility: hidden;
	margin-top: -71px;
}

.col.activate-col .nest-close-button::before {
	visibility: visible;
}

.col.activate-col .nest-slide-wrapper-active .nest-close-button::after {
    visibility: visible;
    margin-top: -50px;
}

.col.activate-col .nest-slide-wrapper-active .nest-close-button::before {
	visibility: hidden!important;
}


.col.activate-col .nest-close-button::before, .col.activate-col .nest-close-button::after {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    transform: none!important;
	-webkit-transition: none!important;
    -moz-transition: none!important;
    transition: none!important;
}

.col.activate-col .nest-close-button::before {
    background-image: url(/wp-content/uploads/2022/09/arrow-left-01.svg);
    display: block;
    width: 38px;
    height: 38px;
    background-color: #007cba!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

.col.activate-col .nest-close-button::after {
    background-image: url(/wp-content/uploads/2022/09/arrow-right-01.svg);
    display: block;
    width: 38px;
    height: 38px;
    background-color: #007cba!important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

.nest-custom-activator:hover {
	cursor: pointer;
}


.nest-slide-wrapper {
    -webkit-transform: translateX(275px)!important;
    -moz-transform: translateX(275px)!important;
    transform: translateX(275px)!important;
}

.nest-slide-wrapper-active {
    -webkit-transform: translateX(0px)!important;
    -moz-transform: translateX(0px)!important;
    transform: translateX(0px)!important;
}


.nest-slide-background-image {
    background-size: contain!important;
}

.nest-slide-wrapper-active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nest-custom-activator {
    width: 130px;
    height: 680px;
    margin-top: -45px;
    margin-left: -21px;
}

.page-id-981 .nest-content-inner .stack-col>*~* {
    margin-top: 0px!important;
}

.page-id-981 #col-16091602 > div > p:nth-child(2){
	display: none!important;
}


.page-id-981 .nest-content-inner .stack{
    margin-top: -26px;
}

.nest-content-inner .stack{
    --stack-gap: 0!important;
}


/* Footer Accordion
------------------------------*/

#footer .accordion-title {
    border-top: 0px solid #ddd;
    height: 70px;
    text-align: center;
    display: flex;
    align-items: start;
    flex-direction: column;
}

#footer .accordion-title span {
    color: #ffffff00;
}

#footer .accordion .toggle {
    margin-right: auto;
    position: relative;
    margin-left: auto;
    color: #fff;
    opacity: 1;
}

#footer .accordion-title.active {
    background-color: rgb(0 0 0 / 0%);
}

#footer .accordion-inner {
    display: none;
    padding: 1em 0em;
}

/* Mobile
------------------- */

@media (min-width: 849px) {

.banner.home-banner.is-full-height {
    height: calc(105vh - 32px)!important;
}
}

@media (max-width: 849px) {

.banner.home-banner.is-full-height {
    height: calc(51vh - 32px)!important;
}
	
.off-canvas-center .mfp-content {
    max-width: 100%;
}

.off-canvas-center .nav-vertical>li#menu-item-480>a {
    font-size: 1em;
    background: #007cba;
    color: #fff!important;
    border-radius: 99px;
    max-width: 220px;
    margin: 0 auto 16px auto;
	border: 2px solid #fff;
    padding: 13px 0px;
}
	
.off-canvas-center .nav-vertical>li>a {
    font-size: 1em;
    background: #fff;
    color: #007cba!important;
    border-radius: 99px;
    max-width: 220px;
    margin: 0 auto 16px auto;
    border: 2px solid #fff;
    padding: 13px 0px;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: rgba(0,0,0,0);
}	
	
.main-menu-overlay {
    background-color: #007cba;
    opacity: 1!important;
}
	
.off-canvas-center .mfp-content {
    height: 100%;
}

#logo img {
    max-height: 50px!important;
    margin-top: -0.8em;
}
}

@media (max-width: 549px) {
h1 {
    font-size: 130%;
}

.nav-pills>li {
    margin: 0px 0px 20px;
}
	
.img.map-img {
    overflow: hidden!important;
}
	
	.banner.home-banner.is-full-height {
    height: calc(74vh - 32px)!important;
}
	
.transparent .header-main {
    height: 70px!important;
}
	
.header-main {
    height: 70px!important;
}
	
.mfp-close-btn-in .mfp-close {
    top: 15px!important;
    right: 7px!important;
}
	
.rounded-img .img-inner {
    border-radius: 10px;
}
	
span.profiles {
		font-size: 230%!important;
	}
}

/* Blog Styles */

.box-blog-post h5.post-title a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000;
    text-wrap-style: pretty;
}

.box-blog-post .is-divider {
    display: none;
}

.single-post h6.entry-category {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
}

.single-post h1.entry-title {
    font-size: 2.2rem;
    letter-spacing: 0.3px;
    font-family: 'Yantramanav lt', sans-serif;
    font-weight: 600;
}