/*HEADER*/


.navbar-default {
    background-color: #fff;
    border-bottom: none;
    border-color: #ccc;
    margin: 10px 0;
}


.navbar-default .navbar-nav > li > a {
    color: #474a4e;
}

#cw-navbar .container {
    padding:0;
    margin-bottom:12px;
}




#cw-navbar li a:hover {
    border-bottom: 2px solid #80b773;
       margin-bottom: -2px;
}


#cw-navbar .dropdown-menu {

    background-color: #80b773;
    border:none;
    margin-top:-2px;

}


#cw-navbar .dropdown-menu li a{

   color:#fff;
    border:none;
   font-weight:500
}


#cw-navbar .dropdown-menu li a:hover{

   background-color: #63a354;
   margin: 0px;
}


#cw-navbar.navbar-default .navbar-nav > .open > a,
#cw-navbar.navbar-default .navbar-nav > .open > a:hover,
#cw-navbar.navbar-default .navbar-nav > .open > a:focus {

    background-color: #fff;
   color: #474a4e;
   outline:1px solid #fff;
}

#cw-navbar.navbar-default .navbar-nav > li > a:hover,
#cw-navbar.navbar-default .navbar-nav > li > a:focus {
    color: #474a4e;

}

/* Added by John Troy, for Mobile Menu */
#cw-menu-toggle
{
    color: #000000;
}

/* This last header style should be applied with caution, since it is a little more generic than I'm 100% comfortable with.  It is in here to compensate for a 15px left padding
being applied by the .container and/or .col-md-6.col-sm-12 selectors.  The idea is to shift the content of the div since I can't target the div itself.  There are 2 better
options if you can edit the markup.  First option, append a class like "header-logo" to the div that currently is only selectable by ".container", making sure the ppended class
name is last.  Then include a .header-logo instruction to set padding to zero.  Alternatively, you could use the negative margin rule on the svg as shown below, but use the
selector ".header-logo svg" to make sure it targets only that specific svg. */
.container .col-md-6.col-sm-12 svg {
    margin-left:-15px;
}




/*FOOTER*/

.main-footer .list-inline  {
    border-bottom:1px solid #f0f1f2;
    padding: 0 0 12px 0;
    margin:0 0 24px 0;
}

.main-footer .list-inline a {
    font-size: 13px;
    font-weight:600;
    color: #7e8389;
    line-height: 1.618;
}

.main-footer p {
    font-size: 10px;
    line-height:1.5;
    color: #a4aab2;
}

.main-footer img {
    height: 62px !important;
}