/* Layout and high-level design */
body {
}


@media (min-width: 992px) {  
	header {
  		height: 100px;
	}
}

@media (max-width: 768px) {
	header .navbar-brand {
  		float: none;
	}
}

header .navbar-brand {
  padding: 0;
}
header .navbar-brand img {
  max-height: 100px;
}
header .nav {
  font-size: 1.6em;
}    
header .nav li {
  float: right;
}
header .tab-content .input-group-btn {
    width: inherit;
}
header .nav-tabs > li > a, header .nav-tabs > li > a:focus, header .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #fff;
    border: 0;
}

nav #navbar.collapsing {
  background-color: inherit;
}
nav .navbar-brand {
  font-size: 1.6em;
  margin-left: 15px !important;
  margin-top: 10px;
}
nav.navbar {
  border: 0;
  margin-bottom: 0;
}
nav.navbar .icon-bar {
  background-color: #333;
}
  
@media (max-width: 768px) {
  nav #navbar .nav { 
    width: 100%;
  	margin: 0;
	margin-top: 20px;  
  }
  nav #navbar .dropdown-menu {
  	display: block;
  	float: none;
  	position: relative;
    border: 0;
    padding-left: 15px;
  box-shadow: none;
  }
}
nav #navbar {
  font-size: 1.2em;
}
nav #navbar > ul > li:hover > a { 
  /*background-color: inherit;*/
}
nav #navbar > ul > li:hover,
nav #navbar > ul > li.active { 
  /*border-top: 2px solid #D0103A;  */
}
nav #navbar > ul > li.active > a,
nav #navbar > ul > li.active:hover > a {  
  /*background-color: #D0103A;  */
}
nav #navbar ul li.active > a {  
  /*font-weight: bold;
  color: #fff;*/
}
nav #navbar li.dropdown > ul.dropdown-menu > li > a {
  background-image: inherit;
}
nav .dropdown-menu > .active > a, 
nav .dropdown-menu > .active > a:hover, 
nav .dropdown-menu > .active > a:focus {
  background-color: #D0103A;
}

@media (min-width: 979px) {
  nav #navbar .nav {
    margin-right: -100px;
  }
  nav #navbar .dropdown-menu {
    right: auto;
  	border-radius: 0;
  }
  nav #navbar li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
  nav #navbar > ul > li {
    width: 25%;
    margin-right: 1%;
  }
}

aside {
  padding: 15px;
}
aside nav > .nav > li > a {
  font-size: 1.4em;
}
aside .nav li.active > a {
  border-left: 2px solid #D0103A;
  font-weight: bold;
}
aside .nav .sub {
  margin-left: 20px;
}
aside .nav .sub li > a {
  padding: 5px;
  font-size: 1.2em;
}

footer {
  background-color: #565A5C;
  color: #fff;
}
footer > div {
  padding: 20px;
}
footer .logo {
  max-width: 100%;
}
footer a,
footer a:hover, 
footer a:focus  {
  color: #fff;
}
footer .nav li.active > a {
  font-weight: bold;
  color: #D0103A;
}
footer .nav .sub li {
  padding-bottom: 4px;
}
footer > div:last-child {
  padding-top: 0;
}
footer .addthis_horizontal_follow_toolbox .custom_images > a {
  background-color: #fff;
  color: #565A5C;
  padding: 5px;
  display: inline-block;
  min-width: 36px;
  text-align: center;
  margin-right: 2px;
}

.jumbotron {
  margin-bottom: 0;
  padding-bottom: 0;
  background-image: url('images/Kingston cityscape at sunrise.jpg');  
  background-size: cover; 
  position: relative;
}
.jumbotron > .container {
  padding: 40px;
  background-color: rgba(255,255,255,.8);  
}
.jumbotron h1 {
  margin-top: 0;
  font-size: 3.6em;
  color: #D0103A;
}
.jumbotron .fa-circle {
  color: #D0103A;
}
.jumbotron .credit {  
  color: #fff;
  padding: 2px 4px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.65em;
}

#main {
  padding: 20px 40px;
  background-color: #fff;
}
#main .nav-tabs li a {
  border-radius: 2px;
  font-size: 1.4em;
}
#main .tab-content .tab-pane {
  padding: 20px;
}

#main h2 { 
  border-bottom: 2px solid #D0103A; 
  margin: 40px 0 30px; 
  padding-top: 20px; 
  padding-bottom: 10px; 
}
#main p,
#main ul {
  padding-right: 20px;
  font-size: 1.3em;
}
#main img {
  max-width: 100%;
}

section {
}
section h2:first-child {
  margin-top: 0;
}
section.summary {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
section#feature {
  background-image: url(images/UtilitiesKingston-AnnualReport-1.jpg);
  background-size: cover; 
  background-position: bottom;
}
section#feature p,
section#feature ul {
  font-size: 1.3em;
}