/* This is the Documentation to change the colors for a specific site within TKM.*/


/*----------------ACCENT COLOR #1----------------*/

/*----Header Background Color - Navigation Hover Background----*/

section.page-top,
header nav ul.nav-main li a:hover,
header nav ul.nav-main li.dropdown:hover a {
   background: #fed031 !important;
   background-color: #fed031 !important;
}

/*----Dropdown Menu Border----*/

header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
   border-top-color: #fed031 !important;
}


/*----------------ACCENT COLOR #2----------------*/

/*----Page Title Border----*/v

section.page-top h2 {
   border-color: #0f6bba;
}

/*----Sidebar and Header Fonts----*/

h1, h2, h3, h4, li a {
   color:  #0f6bba;
}

/*----My Account Boxes - Border Top---*/

div.featd-box-secondary div.feat-content {
   border-top-color: #788DA2 !important;
}

/*----Sidebar Menu Background Color - Active----*/

ul.nav-pills > li.active > a, ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus {
   background-color: #788DA2 !important;
}

/*----Button Background----*/

.btn-primary {
   color: #0f6bba !important;
   background: #fed031 !important;
   border: 0px !important;
   text-shadow: none !important;
}

/*---- Page Title & Company Name Font ----*/

section.page-top h2 {
   border-bottom-color:  #ffffff !important;
}
 
/*----------------NEUTRAL COLOR #1----------------*/

/*----Footer Background----*/

div.footer-copyright, html {
   background: #0f6bba;
}

/*----Navigation Font----*/

header nav ul.nav-main li a {
   color: #fed031;
}

/*----Footer Border----*/

div.footer-copyright {
   border-color: #fed031;
}

/*----Header Border-Top & Border-Bottom----*/

section.page-top {
   border-top: 5px solid #0f6bba;
   border-bottom: 5px solid #0f6bba;
}

/*----Sidebar Menu Font Color----*/

.main .container .col-md-3 .nav li a:hover {
   color: #fed031 !important;
}

/*----Button Background - Hover State----*/
.btn-primary:hover  {
   color: #fed031 !important;
   background: #0f6bba !important;
   border: 0px !important;
   text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}

/*----------------NEUTRAL COLOR #2----------------*/

/*----Footer Menu Font----*/

#sub-menu a,
.nav-pills>li.active>a {
   color: #ffffff !important;
}

/*----Page Title Font----*/

section.page-top h2 {
   color: #0f6bba !important;
}





/*--------TKM CUSTOM THEMING--------*/
/*------------DO NOT CHANGE------------*/

.nav-top,
.search, 
.social-icons, 
.breadcrumb,
.footer-copyright .container .col-md-1,
.footer-copyright .col-md-7,
footer .container .row {
   display: none !important;
}

.footer-copyright .container .row {
   display: block !important;
}

footer {
   padding: 0px !important;
}

footer .col-md-4 {
    width: 100% !important;
}

div.footer-copyright {
   margin-top: 0px !important;
}

div.footer-copyright nav ul li {
   border-left: 0px !important;
   padding: 0px !important;
}

#sub-menu a:hover {
   text-decoration: none !important;
   color: #0f6bba !important;
}

@media (min-width: 992px) {
.dropdown-menu {
   min-width: 250px;
   width: 25% !important;
   left: inherit !important;
}
}

@media (min-width: 992px) {
nav.mega-menu .nav, nav.mega-menu .dropup, nav.mega-menu .dropdown, nav.mega-menu .collapse {
   position: relative !important;
}
}

@media (max-width: 991px) {
.dropdown-menu {
   width: 85% !important;
   left: inherit !important;
}
}

.dropdown-menu .col-md-3 {
   width: 105% !important;
}

header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
   border-radius: 0px !important;
}

header {
margin: 0 auto;
align: center;
background: url("https://cdn2.hubspot.net/hubfs/43298/ecommerce-header-v1.jpg?t=1514495563120");
height: 125px;
}

footer {
   background: none !important;
   border-top: 0px !important;
}

header h1.logo img {
    max-height: 130px;
    width: auto;
}

.page-top .col-md-12 .title {
   float: left;
}

.page-top .col-md-12 .company {
   float: right;
}

aside ul.nav-list > li > a {
   color: #0f6bba !important;
}

header nav ul.nav-main ul.dropdown-menu, header nav ul.nav-main li.dropdown.open a.dropdown-toggle, header nav ul.nav-main li.active a, header nav ul.nav-main li > a:hover, header nav ul.nav-main li.dropdown:hover a {
   color: #0f6bba !important;
}