/************************************************** Header **************************************************/
/* Top nav */
#top-nav {width: 100%;background-color: #1d2f49;}

/* Bottom nav */
@media (min-width: 992px) {
  #bottom-nav {height: 52px;width: 100%;background-color: #293a52;}
  #bottom-nav {border-bottom: 2px solid gray;}
}

/* Logo */
#logo {width:228px;height: 55px;margin: 15px 0;}
@media (min-width: 992px) { 
  #logo {width:290px;height: 70px;}
}

/* Nav bar & Toggle */
#top-nav .navbar{border: none;margin-bottom: 0px;}
.navbar .navbar-toggle {border-color: white;color: white;margin: 19px 0 0;}
.navbar .navbar-toggle i{vertical-align: middle}
/*.navbar-collapse{-webkit-box-shadow: inset 0 1px 0 #222;box-shadow: inset 0 1px 0 #222;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:#444;}*/
@media (max-width: 767px) {
  .navbar .navbar-toggle {border-color: #666;color: white;margin: 18px 0 0;padding: 5px 12px 4px;font-size: 1.4em;}
}
@media (max-width: 991px) { 
  .menu-title{font-weight: bold;color: #fff;}
  .navbar-collapse {padding:0;}
  .navbar-nav {margin-right: 0px;margin-left: 0px;}
  #menu-xs-right {width: 50%;float:right;padding-left:10px;overflow: hidden;}
  #menu-xs-left {width: 50%;float:left;padding-right:10px;overflow: hidden;}
  .navbar-inverse .navbar-nav > li > a {background-color: transparent !important;color:#999; border-top:1px solid #293a52;}  
  .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: #f29100 !important;color:#fff;}
  .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background-color: transparent !important;color:#f29100;}
}

/* Main menu */
@media (min-width: 992px) {
  #main-menu{margin: 22px 0 0 105px;}
  #main-menu>li>a{font-size: 1.2em; font-weight: bold;}
}
@media (min-width: 1200px) { 
  #main-menu{margin: 22px 0 0 155px;}
  #main-menu>li>a{font-size: 1.4em;}
}

/* Social Media Icons */
#social-icons>li{float:left;}
#social-icons>li>a{width: 34px;height: 32px;border: 1px solid #666;border-radius: 2px;padding: 5px 8px;margin: 0px 0 10px 10px;}
#social-icons>li.dropdown>a {width:auto;height:auto;text-align:center;margin: 11px 0 0 10px;}
#social-icons>li.dropdown>a>span {display:block;}

@media (min-width: 992px) { 
  #social-icons>li.dropdown>a {margin: 32px 5px 0;}
}
@media (min-width: 1200px) { 
  #social-icons>li>a {margin: 34px 0 0 10px;}
}

/* News sections */
#sections>li>a{color: #fff;opacity: .7;}
#sections>li.active>a.home, #sections>li>a.home:hover{border-bottom: 4px solid #f29100;opacity: 1;}
#sections>li.active>a.politics, #sections>li>a.politics:hover{border-bottom: 4px solid #1e1e1e;opacity: 1;}
#sections>li.active>a.world, #sections>li>a.world:hover{border-bottom: 4px solid #007934;opacity: 1;}
#sections>li.active>a.energy, #sections>li>a.energy:hover{border-bottom: 4px solid #ff6319;opacity: 1;}
#sections>li.active>a.finance, #sections>li>a.finance:hover{border-bottom: 4px solid #003478;opacity: 1;}
#sections>li.active>a.cities, #sections>li>a.cities:hover{border-bottom: 4px solid #0097de;opacity: 1;}
#sections>li.active>a.technology, #sections>li>a.technology:hover{border-bottom: 4px solid #6e2585;opacity: 1;}
#sections>li.active>a.science, #sections>li>a.science:hover{border-bottom: 4px solid #cd202c;opacity: 1;}
#sections>li.active>a.opinion, #sections>li>a.opinion:hover{border-bottom: 4px solid #333333;opacity: 1;}

/* Navbar form */
#bottom-nav .navbar-form{width: 270px;}
#bottom-nav .navbar-form .form-control{border: 1px solid rgba(255,255,255,0.3); border-right:none; background-color: transparent; color: white;}
#bottom-nav .navbar-form .btn-default{border: 1px solid rgba(255,255,255,0.3); border-left:none; background-color: transparent; color:  rgba(255,255,255,0.7);}
#bottom-nav .navbar-form .btn-default:hover{color: #fff;}



/************************************************** Sections **************************************************/





/**********  etc **********/ 
.margin-top-5{margin-top:5px;}.margin-top-10{margin-top:10px;}.margin-top-15{margin-top:15px;}.margin-top-20{margin-top:20px;}
.margin-bottom-5{margin-bottom:5px;}.margin-bottom-10{margin-bottom:10px;}.margin-bottom-15{margin-bottom:15px;}.margin-bottom-20{margin-bottom:20px;}
@media (min-width: 992px) {
  .border-between>.row>[class*='item-']:before {background: #dfdfdf; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
  .border-between>.row>[class*='item-']:first-child:before {display: none;}
}
.separator { background: url(../img/separator.png) repeat;height: 8px;width: 100%; margin: 25px 0;}

.social-icons>a, .social-icons>a:hover, .social-icons>a:focus{width: 34px;height: 32px;padding: 7px 8px 3px;margin: 0 10px 0 0;text-decoration:none;color:white;}
.social-icons>a.facebook {background:#3b579d;}
.social-icons>a.twitter {background:#2caae1;}
.social-icons>a.google-plus {background:#dd5044;}
.social-icons>a.rss {background:#f17f31;}
.social-icons>a.linkedin {background:#0077b5;}
.social-icons>a.youtube {background:#c8302a;}

.subscribe {background:#1d2f49;min-height:1px;overflow:hidden; padding: 0 20px 20px; width: 340px;}
.subscribe .btn{background-color: #415464;border-color: #415464;}
.subscribe p{color:white;}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  
}
/***** Medium devices & Large device *****/
@media (min-width: 992px) and (max-width: 1200px) { 
  
}