﻿a:focus, a:hover
{
    color: #006E41;
}

#bottomHeader {
    background-color: #328A66;
}

#bottomHeader #headerLogo
{
    background-color: #fff;
    text-align:center;
}

.featured-books-container .book-title
{
    color: #006E41;
    margin-bottom: 0;
}

.featuredContainer
{
    background-color:#fff!important;
}
.featuredContainerExternal{
    background-color: #D5F0F7;
}

.featured-books-content #fBooks1
{
    border-bottom: 5px solid #006E41;
}

.featured-books-container .book-title
{
    color: #006E41;
}

.featured-books-content .book .price a
{
    color: #006E41;
}

.featured-books-content #fBooks2 a.active, .featured-books-content #fBooks2 a:hover
{
    color: #006E41;
}

/* mobile */

header .navbar-fixed-top{
    background-color: #fff;
    border-color: #fff;
}

header{
    margin-bottom: 25px;
    padding: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #eee;
}

div#bs-example-navbar-collapse-1 a {
    color: white;
}

.sticky-items a{
    color: #328A66;
}

.sticky-items .glyphicon{
    font-size: 20px;
}

.navbar-brand{
        margin: 0;
    padding: 0 10px;
    margin-right: 10px;
    background: #fff;
    width: 55px;
    overflow: hidden;
}

.navbar-brand img{
    height: 40px;
    margin-top:3px;
}

/*.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    background-color: #fff;
}*/

.navbar-text{
    margin-top: 5px;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
   header{
       margin-bottom: 70px;
   }
}

@media screen and (min-width: 768px) {
    header .navbar-fixed-top{
        background-color: #272727;
        border-color: #272727;
        height: 25px;
        min-height: 25px;
    }   
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #328A66;
}

.navbar-default .navbar-toggle {
    border-color: #328A66;
}

.nav>li>a:hover, .nav>li>a:focus{
    background-color: transparent;
}

.spanSearch{
    padding: 10px 15px;
    color: #328A66;
}

.searchMob{
    padding: 0;
    top: -5px;
    position: absolute;
    right: 50px;
    width: 0;
    border: 0;
    -webkit-transition: width .35s ease-in-out;
    transition: width .35s ease-in-out;
    height: 50px;
    background-color: #eee;
}

.headerSubjects #subsListMob a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    .hidden-xs-mtk{
        display: none;
    }
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #eee;
}

/** Side-Bar **/
@media screen and (max-width: 768px) {
          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              background-color: #fff;
              top:50px;
              bottom:0;
              left:0;
              width:250px;
              position:fixed;
              overflow-x:hidden;
              overflow-y: auto;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }
      }

.bodySideBar{
    overflow: hidden;
}

.navbar-inverse .navbar-nav .hidden-xs a {
    color: #fff;
    padding: 0 15px;
}

.navbar-inverse .navbar-nav .headerSubjects a {
    color: #328A66;
    padding: 0px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.navbar-inverse .navbar-nav .visible-xs .active {
    color:#328A66;
    padding: 10px 20px;
}

.navbar-inverse .navbar-nav .visible-xs ul {
        list-style-type: none;
        padding: 0;
        border-bottom: 1px solid #328A66;
}

.navbar-inverse .navbar-nav .visible-xs ul li {
        padding: 10px 20px;
}