#top-links a, #top-links a:hover, #top-links li, #top .btn-link {
    color: #0079c1!important;
}

#top {
    background-color: white;
    border-bottom: none;
}

#menu .nav > li > a {
    color: #0079C1;
}

#menu {

    border-left: none;
    border-right: none;
    background-color: white;
}

.main-menu {
    border-bottom: 1px solid #808184!important;
    border-top: 1px solid #808184!important;
    margin-bottom: 28px;
}

.logo-strip {
    background: #0074bd;
}

#logo {
    margin: 7px 0 7px 0;
}

#search {
    margin-top: 10px;
}

#search .btn-lg {
    padding: 10px 14px;
    background: white;
    box-shadow: none;
}

.logo-strip .btn-default {
    background-color: white;
    background-image: white;
    border-color: transparent;
    color: #404041;
}

.logo-strip .form-control {
    box-shadow: none;
    border: 1px solid white;
}

/* iPhone override, box shadow on search box - made on 05/10/20 by TD */
.logo-strip .form-control {
    -webkit-appearance: none;
}
/* iPhone override ENDS */

#top .list-inline.icons>li {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid #808184;
}

#top .list-inline.icons>li:last-child {
    border-right: none;
}

#top .list-inline>li:last-child {
    border-right: none;
}

#top-links ul li a span.icons-title {
    color: #59595b;
    font-size: 15px;
}


#top-links ul.list-inline.icons li .fa {
    font-size: 14px;
}

#top-box-link i.fa.fa-facebook-square {
    color: #4267B2;
}

#top-links i.fa.fa-twitter {
    color: #1da1f2;
}

#top-links i.fa.fa-instagram {
    color: #c13584;
}

#top-links a + a {
    margin-left: 14px;
}

#cart .btn {
    color: #404041;
    border-radius: 13px; 
    font-size: 14px;
    background: white;
}

#cart .btn .fa {
    color: #404041;
}

#search .input-lg {
    font-size: 14px;
}

#top .btn.btn-danger  {
  border-radius: 6px;
}

#top .btn-inverse {
    background-color: white;
    border-color: #808184;
}

.logo-strip .input-group .form-control:first-child, .logo-strip .input-group-addon:first-child, .logo-strip .input-group-btn:first-child>.btn, .logo-strip .input-group-btn:first-child>.btn-group>.btn, .logo-strip .input-group-btn:first-child>.dropdown-toggle, .logo-strip .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .logo-strip .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.hamburger {
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: none;
    margin-top: 12px;
    text-align: center;
    vertical-align: middle;
}

.hamburger .fa {
    color: white;
}

.search-hidden {
    display: none;
}

.search-shown {
    position: relative;
    z-index: 99;
    width: 301px;
    left: -292px;
}

#search-open {
    background: #ececec;
    padding: 10px;
    border-radius: 11px;
    text-align: center;
    vertical-align: middle;
    margin-right: 4px;
    margin-left: 9px;
}

#search-close {
    display: none;
    background: #ececec;
    padding: 10px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    border-left: solid 1px #404041; 
    text-align: center;
    vertical-align: middle;
    
    z-index: 99;
    width: 55px;
    position: absolute;
    top: 0;
    right: 19px;
}

#top #cart {
    margin-bottom: 2px;
}

#top-links {
    padding-top: 11px;
}

#top {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 36px;
}

#cart.open .btn {
    border: 1px solid #808184;
}

#menu #category {
    color: #0079c1;
    text-shadow: none;
}

#menu {
    border-radius: 0px;
    border: none!important;
    margin-bottom: 0px!important;
}

#top-links .dropdown-menu a:hover {
   color: white!important;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent;
}

#top-links {
	padding-top: 0px;
}
#top-links a + a {
	margin-left: 15px;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: transparent;
}

#menu .nav > li > a {
    text-shadow: none;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #404041;
    border-right: 1px solid #6D6E70;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.navbar-nav>li {
    flex: 1 1 auto;
    text-align: center;
}

#menu .nav > li:last-child > a {
    border-right: none;
}


#right-links .list-inline {
    padding-top: 0px;
}

.top-box-link {
  background: #E5E6E7;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 18px!important;
  padding-right: 18px!important;
}

#top-links ul, #right-links ul {
  margin-bottom: 0px;
  font-size: 16px;
}

#cart {
  padding-top: 10px;
}

.top-box-link a {
    color: #404041;
}

.top-box-link i.fa.fa-facebook-square {
    color: #0079C0; 
    padding-left: 6px;
}

.mobile-search #search .btn-lg {
    background: #E5E6E7;
    color: #404041;
}

.mobile-search #search .input-lg {
    background: #E5E6E7; 
}

#cart .btn-inverse {
    border-color: transparent;
}

.mobile-search #search .btn-lg {
   text-shadow: none; 
}

.mobile-search .btn-default {
    border-color: transparent;
}

.mobile-search .form-control {
    border: none;
    box-shadow: none;
}

.mobile-search #top .btn {
    border-top-right-radius: 13px!important;
    border-bottom-right-radius: 13px!important;
    border-top-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}


/* New mobile nav code */
/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    background-color: #0074bd; /* Black fallback color */
    background-color: #0074bd); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 4%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 0px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    left: 30px;
    }

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 26px;
    color: #362F2F;
    font-weight: 600;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
    }

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: white;
    }   

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    }

.mobile-logo {
    top: 14px;
    left: 0px;
    width: 83%;
    }

.dropdown-menu {
    background: white; 
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media (max-width: 767px) {
  .overlay a {font-size: 18px}
  .overlay .closebtn {
    font-size: 36px;
    top: 25px;
    right: 16px;
    color: white;
  }
}
/* New mobile nav code ENDS */
  

/* @media */
  
/* Mobile dropdown styling */

@media (max-width: 767px) {
  #menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: #dedede!important;
  }
  #menu .nav > li > a {
    padding: 10px 40px 10px 15px;
  }
  #menu .dropdown-inner a {
    color: #666666;
  }
  #menu div.dropdown-menu {
    background-color: #f1f1f2;
  }
  #menu .see-all {
    padding: 3px 22px;
  }
  .navbar-nav {
    margin: 0px -15px;
    padding-left: 0px;
    list-style: none;
  }
  #menu .nav > li > a {
    padding: 16px 25px 16px 25px!important;
  }
  .navbar-nav>li {
    text-align: left;
  }
  .navbar-nav>li>a {
    color: white;     
  }
  .subs a {
    font-weight: 400;
    color: white;
    }
}

/* Mobile dropdown styling ENDS */

  
/* Anything up to 412px */
@media (max-width: 412px) {
	#top-links a + a {
        margin-right: 6px!important;
	}
    #top .list-inline>li { 
        padding-left: 9px!important;
        padding-right: 9px!important;
    }
}


/* Anything up to 767px */
@media (max-width: 767px) {
	#top-links a + a {
		margin-left: 0px;
        margin-right: 20px;
	}
    .logo-holder {
       text-align: center!important;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        display: inline;
    }
    #logo {
        margin: 9px 0 0px 0;
    }
    .navbar-nav .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
  }
  div#top-links {
    text-align: left;
  }
  #top-links {
    padding-top: 18px;
    padding-bottom: 18px
  }
  #top .list-inline.icons>li {
  padding-top: 1px;
  padding-bottom: 1px;
  }
  #menu .nav > li > a {
    padding: 10px 25px 10px 15px; 
  }
  #menu .dropdown-inner a {
    padding: 12px 25px;
    font-size: 15px;
  }
  #menu .see-all {
    font-size: 15px;
    padding: 6px 22px;
    font-weight: 700;
  }
  #menu .dropdown-inner li a:hover {
    color: black;
  }
  #menu .dropdown-inner a {
    color: black;
  }
  #search .input-lg {
    background: #ececec;    
    border: #ececec;
  }
  #search .btn-lg {
    background: #ececec;    
  }
  .search-box {
    position: absolute;
    top: 2px;
  }
  #cart .btn-lg {
    padding: 7px 16px;
  }
  .logo-strip {
    margin-bottom: 28px;
  }
  #search-open {
  top: 2px;
  right: -43px;
  width: 44px;
  position: absolute;
  margin-top: 5px;
  }
  #search-close {
  width: 44px;
  top: 7px;
  right: -39px;  
  }
  .search-shown {
   width: auto;
   left: 34px;
   top: -3px;
   margin-left: 20px;
   margin-right: 24px;   
  }
}
/* ENDS */


@media (min-width: 768px) {
  #top .list-inline.icons>li:nth-last-child(2) {
    border-right: none;
  }
  #search-open, #search-close {
  background: white; 
  margin-top: 10px;
  }
    
}


@media screen and (min-width: 768px) and (max-width: 991px){
  #menu .nav > li > a {
    padding: 0px 7px 0px 7px!important;
    font-size: 14px!important;
  }
  #logo {
    margin: 14px 0 7px 0;
  }
  #search-close {
   width: 83px;     
  }    
}

@media screen and (min-width: 992px) and (max-width: 1199px){
  #logo{
    margin: 10px 0 7px 0;
  }
  #search-close {
    width: 38px;
  }
}

@media (max-width: 1999px){
  #menu .nav > li > a {
  text-shadow: none;
  font-size: 16px;
  }
}


@media (min-width: 1200px){
  #menu .nav > li > a {
  text-shadow: none;
  font-size: 16px;
  }
  #logo{
  margin: 6px 0 7px 0;
  }
}

/* IE overrides */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #menu .nav > li > a {
    font-weight: 600;
  }
  
/* IE overrides ENDS */  
