/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

#mainnav li > .sub-menu > li > a:hover {
  color: #f5efe7 !important;
}


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

  .site-header .col-md-4 > a {
    display: inline-block;
    width: 232px;
    height: 100px;
    background-image: url('http://francisandterryrogan.co.za/wp-content/uploads/2016/10/logo_small.png');
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: center center;
  }
  .site-header .col-md-4 > a img {
    opacity: 0; 
  } 

  .btn-menu {
    color: #72B0E0;
  }

}

/* Enter Your Custom CSS Here */

/* style the get started cta button */
    .get-started {border-radius: 0px;}
    .get-started a {color: #fff!important;}
    li.get-started {
        background-color:#523091 !important; 
        font-weight: 700; 
        text-transform: uppercase; 
        text-align: center; 
        padding: 5px 5px 5px 5px!important;
        margin-top: -6px!important;
        font-size: 18px;
        font-family: lato;
    border-radius: 0px;
        -moz-transition: all 0.5s; 
        -webkit-transition: all 0.5s;
        transition: all 0.5s;}
    li.get-started:hover {background-color:#6CADDF;}

/* fixed header button text color */
         .et-fixed-header #top-menu .get-started a {
                color: #fff!important;}
.get-started li.current-menu-ancestor > a, .get-started li.current-menu-item > a {
            color: #fff !important;}



@media only screen and (min-width : 981px) {
    li.get-started {height: 33px;}}

#menu-item-244 a:after {
margin: 0px !important;
}

.single-post .entry .entry-header {
display: none;
}

.dvk-social-sharing {
  display: none;}

#mainnav li > .sub-menu > li > a:hover {
  color: #ffffff !important;
}

.btn-submenu svg {
    fill: #6caddf !IMPORTANT;
    width: 20px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    top: 15px;
}

.mainnav.toggled ul>li>a, #mainnav-mobi ul>li>a {
    display: block;
    BACKGROUND: white !IMPORTANT;
    text-decoration: none;
    padding: 10px 50px;
    color: #6caddf !IMPORTANT;
    font-family: "Raleway", Sans-serif !IMPORTANT;
    font-size: 17px !IMPORTANT;
    font-weight: 600 !IMPORTANT;
}

.btn-submenu {
    position: absolute;
    top: 0;
    width: 50px;
    text-align: center;
}

.llms-student-dashboard .llms-button-secondary, .llms-button-action, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .project-filter li a.active, .project-filter li a:hover, .preloader .pre-bounce1, .preloader .pre-bounce2, .roll-team .team-item .team-pop, .roll-progress .progress-animate, .roll-socials li a:hover, .roll-project .project-item .project-pop, .roll-project .project-filter li.active, .roll-project .project-filter li:hover, .roll-button.light:hover, .roll-button.border:hover, .roll-button, .roll-icon-box.white .icon, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .go-top, .bottom .socials li:hover a, .sidebar .widget:before, .blog-pagination ul li.active, .blog-pagination ul li:hover a, .content-area .hentry:after, .text-slider .maintitle:after, .error-wrap #search-submit:hover, #mainnav .sub-menu li:hover > a, #mainnav ul li ul:after, button, input[type="button"], input[type="reset"], input[type="submit"], .panel-grid-cell .widget-title:after, .cart-amount {
    background-color: #553493 !IMPORTANT;
}