/* navbar generated for coburo
 site: http://work.smarchal.com/twbscolor/ */

.navbar-default {
  	background-color: #446cb3;
  	border-color: #3498db;
	width: 100%;	
}
.navbar-default .navbar-brand {
  	color: #a3a8a9;
}

/* NEW brand left logo */
.navbar-inner{
    position:relative;
    padding-left:30px;
}

.navbar .brand {
    margin-left: 0px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
    position: absolute;
    width: 54px;
    /*background: #f00;*/
    /*background: #446cb3;*/
    left: 0px;
    top: -10px;
    padding: 10px;
}

/* brand left logo */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #000;
/*border-bottom: solid yellow;*/
}
.navbar-default .navbar-text {
  color: #a3a8a9;
}
/* navbar li */
.navbar-default .navbar-nav > li > a {
  color: #000;
  font-weight: 100;
}
/* on hover li in navbar border in bottom */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #3B90DD;
    /*border-bottom: 2px solid yellow;*/
}
/* on active li in navbar bloc background-color*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    border-top: 1px solid #0082BA;
    /*background-color: yellow;*/
    background-color: rgba(0, 0, 255, 0);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #3498db;
}
.navbar-default .navbar-toggle {
  border-color: #3498db;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #3498db;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #a3a8a9;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #a3a8a9;
}
.navbar-default .navbar-link {
    color: #a3a8a9;
}
.navbar-default .navbar-link:hover {
  color: #000000;
}

/* cp, navigation */
.navbar-default {
    /*background-color:transparent;*/
    /*border-color: #E7E7E7;*/
    /*background: rgba(255, 255, 255, 0.3);*/
    /*background-color: #F8F8F8;*/
    /*border-color: #E7E7E7;*/

    /* opacity...*/
    background:rgba(0,0,0,0);   /* for latest browsers */
}

/* utile ? */
.navbar {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    /* cp, change*/
    font-weight: 700;
	margin-top: 0px;
    text-transform: lowercase;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 2px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

/* last active on navbar */
.navbar ul li a {
    padding: 15px 25px;
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.2s ease;
    /*
    border-bottom-style: solid;
    border-bottom: 1px, #3B90DD;
    border-top-style: solid;
    border-top: 1px, #3B90DD;
    */
}

.navbar-default, 
.navbar-inverse {
    border: 0;
}

/* navbar < 480px */
@media(max-width:480px) {
    .navbar-fixed-top {
        background-color: white;
    }
}

/* navbar < 767px */
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #a3a8a9;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{
    color: #000000;
    background-color: #3498db;
  }
  .navbar-fixed-top {
        background-color: white;
    }
}

/* navbar > 768px */
@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
    .navbar-fixed-top.navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    /* change when scroll more than first page 
	   BUG if blank between top .navbar
	*/
    .navbar-fixed-top.navbar-shrink {
        padding: 15px 10px;
        margin-right: 10px;
        background-color: #ECF0F1;
        /*background-color: #fff;*/
        border-bottom: 1px solid #DBDBD7;
        opacity: 0.95;
    }
    .navbar-fixed-top.navbar-shrink.navbar-brand {
        font-size: 1.5em;
    }
}

/* end cp, navigation */