/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/*** Top Bar ***/
#top-bar.blue{
    border-bottom-color: #0066cc;
    background-color: #0066cc;
    color:#ffffff;
}

/*** Header ***/
#logo img {
	height:60px!important;
}

/*** Menu ***/
.menu-link {
    font-weight: 500;
    text-transform: capitalize;
}

.menu-link div > i.icon-angle-down {
    display: inline-block;
}

@media (min-width: 992px) {
    .stretched #top-bar > .container {
        width: 100%;
        max-width: none;
        padding: 0 30px;
    }

    .full-header #logo {
        border-right: none;
    }

    .full-header .primary-menu .menu-container {
        border-right: none;
    }

    .mega-menu-style-2 .mega-menu-title > .menu-link {
        font-weight: 500;
        text-transform: capitalize !important;
    }

    .sub-menu-container .menu-item > .menu-link {
        font-weight: 400;
        font-size: 0.8125rem;
    }
}

#header {
    height:77px;
}

.hero-title {
    color:#ffffff;
}

.text-white {
    color:#ffffff;
}

#slider .bg-color {
    background-color: #ffffff!important;
    color:#009933;
    font-weight: bold;
}

#slider .bg-color:hover {
    background-color: #009933!important;
    color:#ffffff;
}

.bg-color {
    background-color: #009933!important;
    color:#ffffff;
    font-weight: bold;
}

.bg-color:hover {
    background-color: #008833!important;
    color:#ffffff;
}


#footer, #copyrights {
    color: rgba(255,255,255,0.4);
    background-color: #333;
}