/* Stili per sovrascrivere e modificare la Navbar di Bootstrap */
.navbar {
  border: none;
  font-family: 'Aref Ruqaa', serif;
  padding:0px;
  margin-top:0px;
  width:100%;
}

.navbar-nav {
  margin-bottom:30px; 
  margin-left:0px;
}

.navbar-brand {
 margin-top:0px; 
 width: 150px;
 height: 80px;
 background: url(../immagini/logo.jpg);
}

.navbar-default {
 background-color: #0b8144;
}

.navbar-default .navbar-nav > li > a {
  font-size: 20px;
  font-weight: normal;
  border-bottom: 1px solid #ffffff;
  padding:1px;
 color:#ffffff; 
}

.navbar-default .navbar-nav > li > a:hover{
color:#fbd334; 
}
.navbar-default .navbar-nav > li > a:focus {
  color: #010101;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fbd334;
  background-color: #010101;
}

.navbar-toggle {
  border-radius: 0;
}

.navbar-default .navbar-toggle {
 border: 1px solid #111111;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #111111;
}

.navbar-default .navbar-collapse {
  border-color: transparent;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #010101;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #111;
  background-color: #fff;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

/* menu di navigazione su mobile */
@media screen and (max-width: 800px) {

.navbar-default {
 background-color: #047e3c;
}
.navbar {
  border: none;
}

.navbar-default .navbar-nav > li > a:hover{
color:#fbd334; 
}
 .navbar-default .navbar-nav > li > a {
  border-bottom: none;
  margin-left:0px;
  color:#ffffff;
  padding:10px;
}


}

/* menu di navigazione su desktop */
@media screen and (min-width: 801px) {

.navbar {
  border: none;
  width:1000px;
}

 .navbar-default .navbar-nav > li > a {
  border-bottom: none;
  margin-top:25px;
  margin-left:40px;
}

.navbar-default .navbar-nav > li > a:hover{
color:#fbd334; 
}
.navbar-default .navbar-nav > li > a:focus {
  border-top: 5px solid #010101;
  padding-top: 5px;
}
}

/* Stili per sovrascrivere e modificare i menu dropdown di Bootstrap */

.dropdown-menu {
 padding: 0 0;
 border-radius: 0;
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
 font-size: 16px;
 padding: 8px 10px;
 border-bottom: 1px solid #ccc;
}