/*
You can write your custom css styles in this file...
*/

.header--topbar {
    background: #000;
    padding: 8px 0;
}
.header--navbar {
    /*padding-top: 8px;*/
    background: #fff;
    color: #000;
}
.header--nav-links > li > a{ font-size: 18px; }
.dropdown-menu > li > a{font-size: 13px;}
.is-sticky .header--navbar{ color: #fff; }
.footer--section {
    color: #fff;
    background: #000;
}

.is-sticky .header--navbar .navbar-toggle{
	border-color: #fff;
}
.is-sticky .header--navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}
.header--navbar .navbar-toggle{
	border-color: #000;
}
.header--navbar .navbar-toggle .icon-bar {
    background-color: #000;
}
.sticky-wrapper .green-logo{
	display: block;
}
.sticky-wrapper .white-logo{
	display: none;
}
.sticky-wrapper.is-sticky .white-logo{
	display: block;
}
.sticky-wrapper.is-sticky .green-logo{
	display: none;
}
.navbar-header{
	padding-bottom: 12px;
}
#headerNav{
	margin-top: 8px;
}
.feature--item .img.service-icon svg {
    font-size: 50px;
    vertical-align: middle;
    color: #fff;
}
.feature--item:hover .img.service-icon svg {
    color: #37a000;
}

.service--item .icon.service-icon svg {
    font-size: 55px;
}

textarea.wpcf7-validates-as-required.wpcf7-not-valid,input.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: red;
}
span.wpcf7-not-valid-tip {
    display: none;
}

.is-sticky #mega-menu-wrap-primary, .is-sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .is-sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    background: transparent;
    border-color: #696969;
}

.is-sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: #37a000;
}
.is-sticky #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	color: #fff;
}

.feature--item:hover .title, .feature--item:hover .desc{ color: #fff; }
.counter--item .img svg {
    font-size: 30px;
    vertical-align: middle;
    color: #fff;
}
/*============== mobile ===================*/

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    .login--form .modal-dialog {
        margin-top: 50px;
        padding-right: 23px;
    }
    .header--topbar .button {
         margin-left: 0px; 
    }
    .header--topbar .button > li > a {
        padding: 3px 15px;        
    }
}