@font-face {
    font-family: 'MTN Brighter Sans Light';
    src: url('../fonts/MTNBrighterSans-Light.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Extra Light Italic';
    src: url('../fonts/MTNBrighterSans-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Bold Italic';
    src: url('../fonts/MTNBrighterSans-BoldItalic.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Extra Light';
    src: url('../fonts/MTNBrighterSans-ExtraLight.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Bold';
    src: url('../fonts/MTNBrighterSans-Bold.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Extra Bold Italic';
    src: url('../fonts/MTNBrighterSans-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Extra Bold';
    src: url('../fonts/MTNBrighterSans-ExtraBold.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Light Italic';
    src: url('../fonts/MTNBrighterSans-LightItalic.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Regular';
    src: url('../fonts/MTNBrighterSans-Regular.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Medium';
    src: url('../fonts/MTNBrighterSans-Medium.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Medium Italic';
    src: url('../fonts/MTNBrighterSans-MediumItalic.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MTN Brighter Sans Regular Italic';
    src: url('../fonts/MTNBrighterSans-RegularItalic.woff2') format('woff2'),
    url('../fonts/MTNBrighterSans-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



:root {
    --black: #000000;
    --yellow: #FFC502;
    --white: #ffffff;
    --gray: #F3F5F9;
}

html,
body{
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;

    font-family:"MTN Brighter Sans Regular" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;


    /*font-family: 'Poppins', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-weight: 300;*/
}

h2.featured-article-title {
    font-family:"MTN Brighter Sans Extra Bold" !important;
    font-size: 32px;
}

ul{
    font-size: 13px;
}

img.img-fluid.sec-logo {
    width: 160px;
}

.page-404 i,
.search-main-con i{
    color: var(--black) !important;
}




div#business-advice-yellow h6,
.search-main-con h1,
.page-404 h1,
h1{
    font-family:"MTN Brighter Sans Bold" !important;
}

.search-main-con .btn{
    background-color: var(--yellow);
    border-color: var(--yellow);;
}


small,
.featured-article-date,
.btn,
p,
.nav-link,
.badge,
#insights-btn h6{
    font-family:"MTN Brighter Sans Light" !important;
}


.business-recent-articles-slider .slick-track
{
    display: flex !important;
}

#horizontal-slider .slick-slide
{
    height: inherit !important;
    margin: 0 10px;
    transition: .5s ease-in-out;
}

/* the parent */
.business-recent-articles-slider .slick-list {
    margin: 0 -10px;
}

.business-recent-articles-slider-item,
#business-recent-articles-slider{
    height: 100%;
}

.business-recent-articles-slider-item h6{
    font-family:"MTN Brighter Sans Bold" !important;
}

.business-recent-articles-slider-item small{
    font-family:"MTN Brighter Sans Light" !important;
}

.business-recent-articles-slider-item:hover,
.business-recent-articles-slider-item:focus{
    background-color: var(--yellow);
}


.business-recent-articles-slider .business-recent-articles-slider-item:not(:last-child){

}


#business-recent-articles {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}



.featured-article-date {
    font-size: 13px;
    margin-bottom: 5px !important;
}

p,
.nav-link{
    font-size: 13px !important;
}
a>small{
    font-family:"MTN Brighter Sans Bold" !important;
    font-size: 12px;
}

h6 > small {
    text-transform: uppercase;
}


#spacer-top {
    margin-bottom: 80px;
}

a{
    color: unset;
    text-decoration: none;
}

h2{
    font-size: 25px;
    font-weight: 800;
}

.rounded{
    border-radius: 6px !important;
}



/*HEADER ------------------------------------------*/
.navbar-brand img {
    width: 200px;
}

.nav-link{
    text-transform: uppercase;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/*HEADER ------------------------------------------*/



/*HEADER ------------------------------------------*/
.mtn-main-footer{
    background-color: var(--black);
}


.mtn-main-footer li,
.mtn-main-footer a{
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
}

.mtn-main-footer a:hover,
.mtn-main-footer a:focus{
    color: var(--yellow);
}

.mtn-main-footer #dark-footer h5:before{
    border-bottom: 3px solid var(--yellow);
    bottom: -10px;
    content: "";
    position: absolute;
    width: 50px;
}

a.footer-logo img {
    width: 230px;
}

.mtn-main-footer .current_page_item a,
.mtn-main-footer .current-menu-item a
{
    color: var(--yellow) !important;
    font-weight: 800;
}

#footer-socials i,
#footer-socials i
{
    width: 1.6em;
    text-align: center;
    line-height: 1.6em;
    border-radius: 0.8em;
}

#footer-socials i:hover,
#footer-socials i:focus
{
    background: var(--yellow);
    color: var(--black);

}



/*HEADER ------------------------------------------*/

#sme-guides-item-outer-con a{
    color: var(--black);
    text-decoration: none;
}

#sme-guides-item-outer-con{
    background-color: var(--yellow);
}

#sme-guides-item-con{
    background-color: var(--white);
    /*margin-bottom: 6px;*/
    padding: 31px;
}

.sme-guides-outer-con i,
.btn i{
    color: var(--white);
}

.sme-guides-outer-con #mtn-btn:hover,
.sme-guides-outer-con #mtn-btn:focus{
    border-color: var(--white);
}

#sme-guides-item-outer-con:hover,
#sme-guides-item-outer-con:focus{
    background-color: var(--white);
}

#sme-guides-item-outer-con:hover #sme-guides-item-con,
#sme-guides-item-outer-con:focus #sme-guides-item-con{
    background-color: var(--yellow);
}

.circle-icon {
    font-size: 1.6em !important;
    width: 1.6em !important;
    text-align: center !important;
    line-height: 1.6em !important;
    background: var(--yellow);
    border-radius: 0.8em !important;
    color: var(--black) !important;
}


#guide-row>div:nth-of-type(2) i#icon-arrow-1 {
    font-size: 1.6em !important;
    width: 1.6em !important;
    text-align: center !important;
    line-height: 1.6em !important;
    background: var(--yellow) !important;
    border-radius: 0.8em !important;
    color: var(--black) !important;
}

#guide-row>div:nth-of-type(1){
    background-color: var(--white);
}

#guide-row>div:nth-of-type(1) #sme-guides-item-con{
    background-color: var(--yellow);
}




div#insights-item-outer-bg {
    background-color: var(--yellow);
}

div#insights-item-inner-bg{
    background-color: var(--gray);
}



#insights-col-outer:hover #insights-item-inner-bg,
#insights-col-outer:focus #insights-item-inner-bg{
    background-color: var(--yellow);
}

#insights-col-outer:hover .badge,
#insights-col-outer:focus .badge{
    background-color: var(--black) !important;
    color: var(--white) !important;
}




#mtn-btn-outline-white:hover,
#mtn-btn-outline-white:hover{
    border-color: var(--white);
}

div#business-advice-white {
    background-color: var(--white);
    transition: .5s ease-in-out;
}

div#business-advice-yellow {
    background-color: var(--yellow);
}

div#business-advice-col:hover div#business-advice-white,
div#business-advice-col:focus div#business-advice-white{
    background-color: var(--yellow);
}

div#business-advice-col:hover div#business-advice-yellow,
div#business-advice-col:focus div#business-advice-yellow{
    background-color: var(--white);
}

div#business-advice-row>div:nth-of-type(1) div#business-advice-yellow{
    background-color: var(--white);
}

div#business-advice-row>div:nth-of-type(1) div#business-advice-white{
    background-color: var(--yellow);
}

section.business-advise-header,
#insights-header,
#page-header,
.single-post-header{
    padding-top: 102px;
    background-color: var(--black);
    color: var(--white);
    padding-bottom: 20px;
}

section.business-advise-header h1:before,
#insights-header h1:before,
#page-header h1:before,
.single-post-header h1:before
{
    border-bottom: 3px solid var(--yellow);
    bottom: -4px;
    content: "";
    position: absolute;
    width: 60px;
    left: 3px;
}

section.business-advise-header h1,
#insights-header h1,
#page-header h1,
.single-post-header h1
{
    font-weight: 700;
    font-size: 32px;
}


#insights-inner-con{
    background-image: url("../img/insight-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

div#insight-item{
    color: var(--white);
}




footer .fluentform .ff-el-form-control{
    border-radius: 100px !important;
}


footer .fluentform .ff-el-is-error .text-danger{
    border-radius: 100px;
    padding: 1px 12px !important;
}

footer .fluentform .ff-el-group{
    margin-bottom: 4px;
}






footer #fluentform_2_success p {
    margin-bottom: 0 !important;
}


@media (max-width: 767.98px) {

    footer .f-forms div#fluentform_2_success{
        background-color: var(--white) !important;
    }

}


@media (min-width: 1024px) {
    /* the slides */
    .insights-cat .slick-slide {
        margin: 0 27px;
    }

    /* the parent */
    .insights-cat .slick-list {
        margin: 0 -27px;
    }

    footer .fluentform .ff-el-form-control{
        padding: 7px 15px;
        /*background-color: red !important;*/
        /*margin-top: 7px;*/
        /*margin-left: 10px;*/

    }

    .f-forms {
        background-color: #fff !important;
        padding: 5px 5px 5px 5px;
        height: 47px;
        border-radius: 100px;
    }

    .f-forms .fluentform .ff-el-group{
        margin-bottom: 0 !important;
    }

    footer .frm-fluent-form .ff-t-container{
        position: relative;
    }

    footer .fluentform .ff-el-is-error .text-danger{
        position: absolute;
        margin-top: 8px !important;
        width: 100%;
    }

    footer #fluentform_2_success {
        margin-top: 4px !important;
        padding-left: 20px !important;
    }
}


@media (min-width: 992px) {
    .single-post-featured-img{
        height: 450px;
    }

    .single-post-featured-img img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}



#insight-item-inner{
    background: rgba(0, 0, 0, 0.7);
    padding: 35px;
    transition: .5s ease-in-out;
}

.insights-cat  .slick-track {
    display: flex;
}

.insights-cat  slick-track .slick-slide {
    display: flex;
    height: auto;
}


#insight-item-inner h5{
    font-weight: 700;
}

.insights-cat a:hover #insight-item-inner,
.insights-cat a:focus #insight-item-inner{
    background-color: var(--yellow);
    color: var(--black);
}





.slick-dots {
    position: unset !important;
    margin-top: 10px;
}

.slick-dots li button::before {
    font-size: 15px;
    color: var(--yellow);
}


.slick-dots li.slick-active button::before{
    color: var(--yellow);
}

.slick-dotted.slick-slider {
    margin-bottom: 10px;
}

.slick-slider,
.slick-track,
.slick-list{
    height: 100%;
}


#insights .slick-prev::before,
#insights .slick-next::before{
    color: var(--yellow);
}

#mtn-newsletter-form .form-control,
#mtn-newsletter-form .input-group-text{
    box-shadow: none;
    border: none;
    background: none;
}

#mtn-newsletter-form .input-group-text{
    padding-right: 0;
    /*padding-left: 2em;*/
}

#mtn-newsletter-form .btn {
    border-radius: 100px !important;
}

#mtn-newsletter-form .btn:hover,
#mtn-newsletter-form .btn:focus{
    background-color: var(--yellow);
    color: var(--black);
    border-color: var(--yellow);
}

#mtn-newsletter-form .input-group {
    background-color: #fff;
    padding: 6px;
    border-radius: 100px;
}

#mtn-newsletter-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 13px;
}
#mtn-newsletter-form ::-moz-placeholder { /* Firefox 19+ */
    font-size: 13px;
}
#mtn-newsletter-form :-ms-input-placeholder { /* IE 10+ */
    font-size: 13px;
}
#mtn-newsletter-form :-moz-placeholder { /* Firefox 18- */
    font-size: 13px;
}



p[]




span.wpcf7-spinner {
    position: absolute;
    right: -12px;
    background: var(--black);
    z-index: 100;
    /*visibility: inherit;*/
    top: 12px;
    border-radius: 100px !important;
}


/*.wpcf7 form.invalid .wpcf7-response-output,*/
/*.wpcf7 form.unaccepted .wpcf7-response-output,*/
/*.wpcf7 form.payment-required .wpcf7-response-output {*/
/*    border-color: #000000;*/
/*}*/

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0 !important;
    font-size: 12px;
    border: 2px solid var(--black) !important;
    border-radius: 100px;
}

section#newsletter {
    background-color: var(--yellow);
}


.badge{
    font-weight: 100;
    margin-bottom: 5px;
}


h6 a:nth-child(odd) .badge{
    background: var(--yellow);
}

h6 a:nth-child(even) .badge{
    background: var(--black);
}


h6#generic-single-page-cat-badge a:nth-child(even) .badge{
    background: var(--white);
    color: var(--black);
}

.home-featured-img {
    height: 100%;
    position: relative;
    width: 100%;
}


.home-featured-img img{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.mask {
    position: absolute;
    background: rgba(0,0,0,.5);
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.single-page-related-posts.py-4 {
    background-color: #F3F5F9;
}

.article-con-slider-arrows button{
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
    border-radius: 100px;
    color: var(--black);
    height: 30px;
    width: 30px;
    transition: .5s ease-in;
}

.article-con-slider-arrows button:hover,
.article-con-slider-arrows button:focus{
    background-color: var(--black);
    border: 1px solid var(--black);
    color: var(--yellow);
    transition: .5s ease-in-out;
}


.header-slider{
    background-size: cover !important;
    background-blend-mode: multiply;
    height: 350px;
    padding: 15px;
}


.featured-article-1{
    /*background-color: #F3F5F9;*/
}

#videos{
    background-color: var(--gray);
}

.sandile{
    height: 100%;
}

.entrepreneurship-slider .entrepreneurship-slider-item .row{
    height: 100%;
    margin-bottom: 10px;
}

.entrepreneurship-slider-image,
.entrepreneurship-slider-image img{
    height: 100%;
}

.entrepreneurship-slider-image img{
    object-fit: cover;
}

.entrepreneurship-slider-content {
    padding: 10px;
}





/*.ecommerce-slider .slick-list {margin: 0 -5px !important;}*/
/*.ecommerce-slider .slick-slide>div {padding: 0 5px !important;}*/


.featured-events-tab .nav-pills .nav-link.active,
.featured-events-tab .nav-pills .show>.nav-link{
    background-color: var(--yellow) !important;
    color: var(--white) !important;
}

.featured-events-tab .nav-fill .nav-item .nav-link,
.featured-events-tab .nav-justified .nav-item .nav-link {
    width: 100%;
    text-transform: capitalize;
    color: var(--black);
    background-color: #F3F5F9;
}


.featured-events-tab .nav-justified .nav-item,
.featured-events-tab .nav-justified > .nav-link {
    margin: 5px;
}

h3{
    font-weight: 700;
}


#event-image {
    background: url(../img/samsung-uk-bB0hCjeWzaM-unsplash.jpg) rgba(0, 0, 0, 0.56);
    background-size: cover !important;
    background-blend-mode: multiply;
    background-size: cover;
    height: 300px;
}

.events-btn-con i{
    color: var(--black);
}



#header-event{
    background-size: cover !important;
    background-blend-mode: multiply;
    background-size: cover;
    height: 450px;
}



#event-blurb .event-blurb-content{
    background-color: var(--white);
    color: var(--black);
    padding: 30px;
}

#event-blurb .event-blurb-content p{
    font-size: 16px !important;
}



.basic-yop-poll-container .basic-answers-results .progress .progress-bar {
    background: var(--yellow) !important;
}























/*.cat-bg-con {*/
/*    height: 100%;*/
/*}*/


/*.business-cat-error h2{*/
/*    font-weight: 400;*/
/*}*/
/*.business-cat-error span{*/
/*    font-weight: 700;*/
/*}*/

/*.cat-bg-con .header-slider{*/
/*    height: 190px;*/
/*}*/

/*.cat-bg-con h5 {*/
/*    font-weight: 700;*/
/*    font-size: 20px;*/
/*}*/


/*.cat-bg-con .slider-excepts p {*/
/*    font-size: 14px;*/
/*}*/

/*.cat-border{*/
/*    border-top: 1px solid #ccc;*/
/*}*/


/*.cat-bg-con .slider-footer i{*/
/*    color: var(--yellow);*/
/*}*/


/*#build-my-business .container-fluid>.bg{*/
/*    background-color: var(--gray);*/
/*}*/



/*.ecommerce-slider .slick-list {margin: 0 -30px;}*/
.ecommerce-slider .slick-slide>div {
    padding: 0 10px 10px 0;
}

.slider-title h4{
    font-weight: 800;
    font-size: 16px;
}

/*.slider-excepts p {*/
/*    font-size: 13px;*/
/*}*/

/*.slider-excepts p,*/
/*.slider-excepts{*/
/*    font-size: 14px;*/
/*}*/

.ecommerce-slider .slider-footer a{
    font-size: 13px;
}

.ecommerce-slider .header-slider{
    height: 180px;
}


#home-featured-event .featured-image{
    background-size: cover !important;
    background-blend-mode: multiply;
    padding: 15px;
    height: 300px;
}


.business-recent-articles-title{
    color: var(--yellow);
}


















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































.slider-content-elements-con,
.header-badge-slider-item-content,
.vertical-slider-content{
    padding: 15px;
    transition: .5s ease-in-out;
}

.guides-slider .header-badge-slider-item,
#guide-page .header-badge-slider-item
{
    transition: .5s ease-in-out;
    box-shadow: rgba(50,50,93,.25) 0px 2px 5px -1px, rgba(0,0,0,.3) 0px 1px 3px -1px;
}

.slick-list{
    /*padding: 10px 0;*/
}

/*.finance-slider-item:hover .slider-content-elements-con,*/
/*.finance-slider-item:focus .slider-content-elements-con,*/
/*.header-badge-slider-item:hover .header-badge-slider-item-content,*/
/*.header-badge-slider-item:focus .header-badge-slider-item-content,*/
/*.vertical-header-badge-slider:hover .vertical-slider-content,*/
/*.vertical-header-badge-slider:focus .vertical-slider-content*/
/*{*/
/*    background-color: var(--yellow);*/
/*    border-bottom-left-radius: 6px;*/
/*    border-bottom-right-radius: 6px;*/
/*}*/

.header-badge-slider-item:hover,
.header-badge-slider-item:hover{
    background-color: var(--yellow) !important;
}



.finance-slider-item:hover .header-slider,
.finance-slider-item:focus .header-slider,
.header-badge-slider-item:hover .header-slider,
.header-badge-slider-item:focus .header-slider,
.vertical-header-badge-slider:hover .header-slider,
.vertical-header-badge-slider:focus .header-slider
{
    /*border-bottom-left-radius: 0 !important;*/
    /*border-bottom-right-radius: 0 !important;*/
}



/*.finance-slider,*/
/*.entrepreneurship-slider{*/
/*    height: 100%;*/
/*    border: 1px solid;*/
/*}*/

/*.finance-slider .slick-list,*/
/*.finance-slider .slick-track,*/
/*#slider-item-con{*/
/*    height: 100% !important;*/
/*}*/


/*div#slider-outer-con {*/
/*    height: 100%;*/
/*    border: 1px solid red;*/
/*}*/

/*div#slider-row {*/
/*    height: 100%;*/
/*    border: 2px solid green;*/
/*}*/

#vertical-slider .header-slider{
    height: 140px;
}


.connect-my-business-vertical-slider,
.connect-my-business-main-slider,
.connect-my-business-main-slider .slick-list,
.connect-my-business-main-slider .slick-track,
.connect-my-business-main-slider div#slider-item-con,
.connect-my-business-main-slider .header-badge-slider-item-content{
    height: 100%;
}



/*.header-badge-slider-item:hover .header-badge-slider-item-content,*/
/*.header-badge-slider-item:focus .header-badge-slider-item-content*/
/*{*/
/*    background-color: var(--yellow);*/
/*}*/


#build-my-business .build-my-business-inner-con{
    background-color: var(--gray);
}




.my-business-vertical-slider,
.build-my-business-main-slider{
    height: 100%;
}

.my-business-vertical-slider-item>.container {
    height: 180px !important;
    transition: .5s ease-in-out;
}

.entrepreneurship-slider .my-business-vertical-slider-item-con {
    transition: .5s ease-in-out;
}

@media (min-width: 992px) {
    .entrepreneurship-slider .my-business-vertical-slider-item-con {
        height: 152px !important;
    }

    #event-blurb {
        position: relative;
        top: -40px;
    }
}

#slider-side-row{
    height: 100%;
}

.slider-side-image {
    height: 100%;
    object-fit: cover;
}


div#slider-item-con,
.build-my-business-main-slider .slick-list,
.build-my-business-main-slider .slick-track,
.build-my-business-main-slider .header-badge-slider-item-content{
    height: 100%;
}

.my-business-vertical-slider-item:hover .container,
.my-business-vertical-slider-item:focus .container{
    background-color: var(--yellow);
}


.build-my-business-main-slider .header-slider {
    height: 385px;
}


.manage-my-business-slider .header-slider,
#feature-my-business .header-slider{
    height: 180px;
}

.feature-my-business-inner-con{
    background-color: var(--black);
}

.guides-slider .slider-title:before,
#guide-page .slider-title:before,
#learning-and-developments .slider-title:before
{
    border-left: 3px solid var(--yellow);
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    transition: .5s ease-in-out;
}

.header-badge-slider-item:hover .slider-title:before ,
.header-badge-slider-item:focus .slider-title:before {
    border-color: var(--black) !important;
}

.guide-con .title{
    border: 2px solid var(--yellow);
    transition: .5s ease-in-out;
}

.guide-row-content>div{
    box-shadow: rgba(50,50,93,.25) 0px 2px 5px -1px, rgba(0,0,0,.3) 0px 1px 3px -1px;
}

.guide-row-content:hover .title,
.guide-row-content:focus .title{
    background-color: var(--yellow);

}

.guide-row-content a{
    font-family:"MTN Brighter Sans Medium" !important;
    color: var(--yellow);
}



.list-bullet {
    float: left;
    margin-right: 20px;
    border: 3px solid var(--yellow);
    background: var(--white);
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 100px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.list-item-wrapper {
    margin-top: 15px;
    position: relative;
}

.red-line {
    background: var(--yellow);
    z-index: -1;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 14px;
}


.list-title {
    padding-left: 50px;
    font-size: 14px;
}

.sme-review-nav-active .list-bullet {
    background: var(--yellow);
}

.sme-review-nav-active .list-title{
    color: var(--yellow);
}


#case-studies-min .header-badge-slider-item:hover,
#case-studies-min .header-badge-slider-item:hover{
    color: var(--white);
}

#case-studies-min .btn{
    color: var(--black);
    border-color: var(--black);
}

#case-studies-min .btn i{
    color: var(--black);
}

#case-studies-min .header-badge-slider-item:hover,
#case-studies-min .header-badge-slider-item:hover{
    color: var(--white);
}

#case-studies-min .header-badge-slider-item:hover .btn,
#case-studies-min .header-badge-slider-item:hover .btn{
    color: var(--black);
    border-color: var(--white);
    background-color: var(--white);
}


#case-studies-min .header-badge-slider-item{
    transition: .5s ease-in-out;
    box-shadow: rgba(50,50,93,.25) 0px 2px 5px -1px, rgba(0,0,0,.3) 0px 1px 3px -1px;
}


.case-study-form {
    padding: 20px;
    background-color: #ECECEC;
}


.fluentform .ff-el-form-control {
    border: 1px solid #DDDDDD !important;
    border-radius: 0 !important;
}



.fluentform .ff-el-input--label label{
    font-family:"MTN Brighter Sans Light" !important;
    font-weight: 100 !important;
}

.ff-btn-submit {
    background-color: var(--yellow) !important;
    color: var(--black) !important;
    width: 100% !important;
    text-transform: uppercase !important;
}


.wpcf7-spinner {
    position: absolute !important;
    right: -5px !important;
    z-index: 2 !important;
    background: transparent !important;
    top: 13px !important;
}

section#guides {
    background-color: #F3F5F9;
}

.featured-events-tab .badge{
    background-color: var(--yellow);
    color: var(--white);
}


.basic-yop-poll-container .basic-vote{
    margin: 0 !important;
}

.basic-yop-poll-container .basic-vote a{
    padding: 10px !important;
    width: 100% !important;
    border-radius: 6px !important;
    background-color: var(--yellow) !important;
    transition: .5s ease-in-out !important;
}

.basic-yop-poll-container .basic-vote a:hover,
.basic-yop-poll-container .basic-vote a:focus{
    background-color: var(--black) !important;
    border-color: var(--black) !important;
    color: var(--white) !important;
}


.home-polls-con,
.bootstrap-yop.yop-poll-mc,
.basic-yop-poll-container{
    height: 100% !important;
    margin: 0 !important;
}

.event-con{
    transition: .5s ease-in-out;
}

.event-con:hover,
.event-con:focus{
    background-color: var(--yellow);
}

.event-con .featured-image {
    height: 190px;
    background-size: cover !important;
    background-blend-mode: multiply;
}


/*#calendar {*/
/*    margin: 0 auto;*/
/*}*/

#calendar thead th{
    height: 70px;
    vertical-align: middle;
    background-color: #BFBFBF;
}

th.fc-col-header-cell.fc-day.fc-day-sat,
th.fc-col-header-cell.fc-day.fc-day-sun{
    background-color: var(--yellow) !important;
}

.fc .fc-scrollgrid {
    background: #E9E9E9;
    border-radius: 10px;
}

.fc-daygrid-event {
    border-radius: 0;
}

.fc .fc-button-primary,
button.fc-today-button.fc-button.fc-button-primary{
    background-color: var(--yellow);
    border-color: var(--yellow);
    color: var(--white);
}

.fc .fc-button-primary:focus,
.fc .fc-button-primary:active{
    box-shadow: none !important;
}

.fc-theme-standard td, .fc-theme-standard th {
    border-bottom: none;
    /* border-left: none; */
    /* border-right: none; */
    border-radius: 10px;
}

.upcoming-events-con .header{
    background-color: var(--yellow);
    border-radius: 10px 10px 0 0;
}

.upcoming-events-con {
    background-color: #E9E9E9;
    height: 100%;
    border-radius: 10px;
}

.upcoming-events-con .content {
    padding: 15px;
}



.event-list-title {
    font-family:"MTN Brighter Sans Extra Bold" !important;
    font-size: 16px !important;
}

.event-content.container {
    padding: 20px;
}



.bg-date-event {
    width: 100%;
    height: 100%;
    background: var(--yellow);
    transition: .5s ease-in-out;
}

.event-date-day {
    font-family:"MTN Brighter Sans Extra Bold" !important;
    font-size: 20px !important;
}


.event-con:hover .bg-date-event,
.event-con:focus .bg-date-event{
    background-color: var(--black);
    color: var(--white);
}


.fluentform .ff-el-is-error .text-danger {
    font-size: 12px;
    margin-top: 4px;
    background-color: #dc3545;
    padding: 4px 5px;
    color: white !important;
}

.fluentform .ff-el-group {
    margin-bottom: 5px;
}


.basic-vote{
    display: inline-flex !important;
    width: 100%;
}


.basic-yop-poll-container .basic-stats{
    margin: 0 auto 15px !important;
}

.learning-mailto{
    background-color: var(--gray);
}

.learning-mailto a{
    font-weight: 500;
    /*text-decoration: underline;*/
    color: var(--yellow);
}


#learning-and-developments .header-badge-slider-item{
    background-color: var(--gray);
}

#learning-and-developments .header-slider{
    height: 230px;
}

.f-forms .ff-t-container,
.f-forms .ff-el-group,
.f-forms .ff-t-cell{
    /*height: initial !important;*/
    /*margin-bottom: 0 !important;*/
}

.f-forms{
    margin-bottom: 10px;
}



/*.f-forms .ff-t-container.ff-column-container.ff_columns_total_2,*/
/*.f-forms .ff-t-container.ff-column-container.ff_columns_total_2{*/
/*    height: 0 !important;*/
/*}*/



footer .f-forms form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
    background-color: var(--black) !important;
    border-color: var(--black) !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
}

footer .f-forms form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover,
footer .f-forms form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:focus{
    background-color: var(--yellow) !important;
    border-color: var(--yellow) !important;
    color: var(--black) !important;
}

.f-forms .fluentform .ff-el-form-control{
    border: none !important;
}

.f-forms div#fluentform_2_success {
    margin: 0;
    padding: 6px;
    box-shadow: none !important;
    border: none;
}

.btn-awards a {
  background-color: var(--yellow);
  border-radius: 6px;
  font-weight: 700;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.btn-awards a:hover,
.btn-awards a:focus{
  background-color: #000000;
  color: #ffffff;
}


.single-page-content a {
    color: var(--yellow) !important;
    font-weight: 700;
}