/*
* All the styles for the navbar
*/
/*.navbar-default {
    background-color: #337ab7 !important;
    border-color: #2e6da4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
    width: 100%;
    height: 100px;
    !*overflow: hidden;*!
}


.navbar-default.smaller{
    height: 70px;
}

h1#logo {
    display: inline-block;
    height: 150px;
    line-height: 100px;
    float: left;
    font-family: "bubblegum_sansregular", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}

h1#logo2 {
    display: inline-block;
    font-family: "bubblegum_sansregular", sans-serif;
    font-size: 70px;
    color: white;
    font-weight: 400;
}


h1.smaller#logo {
    display: inline-block;
    height: 75px;
    line-height: 75px;
    font-size: 35px;
}

.login-button{
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}


.login-button:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

#spacer{
    height:100px;
    width:100%;
}

#drop_down_1, #drop_down_2, #tour_language{
    font-size: 20px;
    background-color: #337ab7;
    color: white;
    border-color: #337ab7;
     margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}

#tour_language_translation_selection{
   
    color: blue;

}

#tour_profile, #tour_login, #logout_btn{
    font-size: 20px;
}

.navbar {
    margin-bottom: 0;
}
.navbar-default .navbar-brand {
    color: white;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
}
.navbar-default .navbar-text {
    color: white;
}
.navbar-default .navbar-nav > li > a {
    color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: white;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #ffffff;
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #000000;
}
.navbar-default .navbar-link {
    color: #000000;
}
.navbar-default .navbar-link:hover {
    color: #000000;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }
    .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: #ffffff;
    }
}*/

.navbar-custom {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent;
}

#logo {
    float: left;
    font-family: "bubblegum_sansregular", sans-serif;
    font-size: 35px;
    color: white;
    font-weight: 400;
}

h1#logo2 {
    display: inline-block;
    font-family: "bubblegum_sansregular", sans-serif;
    font-size: 50px;
    color: white;
    font-weight: 400;
}

/* expanding input CSS only */

input {
    outline: none;
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
   
}

input[type=search] {
    width: 140px;
    background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 5px 10px 5px 32px;
   
    -webkit-border-radius: 0.5em 0  0 0.5em ;
    -moz-border-radius: 0.5em 0  0 0.5em ;
     border-radius: 0.5em 0  0 0.5em ;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
     
}

input[type=main_search] {
    
    background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 5px 10px 5px 32px;
   
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius-left: 0.5em;
    
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
    width: 350px;
     -webkit-transition:width .5s ease-in-out;
    -moz-transition:width .5s ease-in-out;

    background-color: #fff;
    border-color: #66CC75;

    
    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
    box-shadow: 0 0 5px rgba(109,207,246,.5);
    overflow-x: hidden; 
}

input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}

/*linear-gradient(to top, rgba(74, 82, 90, 0.9) 98%,#3b4045 2%)*/

/*h1#logo2 {
    display: inline-block;
    font-family: "bubblegum_sansregular", sans-serif;
    font-size: 70px;
    color: white;
    font-weight: 400;
}

h1.smaller#logo {
    display: inline-block;
    height: 75px;
    line-height: 75px;
    font-size: 35px;
}*/

nav.navbar-webmaster { background: #337ab7 !important; border-style: solid; border-width: 4px 0 0 0; border-color:#1b242c;}
nav.navbar-webmaster a { color: #fff; }
nav.navbar-webmaster ul.navbar-nav a { color: rgba(194, 194, 194, 0.94)}
nav.navbar-webmaster ul.navbar-nav a:hover,
nav.navbar-webmaster ul.navbar-nav a:visited,
nav.navbar-webmaster ul.navbar-nav a:focus,
nav.navbar-webmaster ul.navbar-nav a:active { background: linear-gradient(to top, #3b4045 2%,transparent 10%);  }
nav.navbar-webmaster ul.navbar-nav a:hover { color: #ffffff; background: linear-gradient(to top, #3b4045 2%,transparent 10%); }
nav.navbar-webmaster li.divider { background: #ccc; }
nav.navbar-webmaster button.navbar-toggle { background:  #1b242c; border-radius: 2px; }
nav.navbar-webmaster button.navbar-toggle:hover { background: none; background-color: none }
nav.navbar-webmaster button.navbar-toggle > span.icon-bar { background: #fff; }
nav.navbar-webmaster ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }
nav.navbar-webmaster ul.dropdown-menu > li > a { color: #444; }
nav.navbar-webmaster ul.dropdown-menu > li > a:hover { color: #3b4045; background: linear-gradient(to top, #3b4045 2%,transparent 10%)}
nav.navbar-webmaster span.badge { background: #f14444; font-weight: normal; font-size: 18px; margin: 0 4px; }
nav.navbar-webmaster span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; }