Team:UNOTT/CSS

.container, .container-fluid {

 color-background: #F7F5E6;
 color: black;

}

.container {

 margin-top: 20px;

}

/* Carousel Styles */

.carousel-indicators .active {

 background-color: #52658F;

}

.carousel-inner img {

 width: 100%;
 max-height: 600px

}

.Image-inner img {

 width: 90%;
 max-height: 400px

}

.carousel-control {

 width: 0;

}

.carousel-control.left, .carousel-control.right {

 opacity: .7;
 color: #52658F;
 filter: alpha(opacity=100);
 background-image: none;
 background-repeat: no-repeat;
 text-shadow: none;

}

.carousel-control.left span {

 padding: 30px;

}

.carousel-control.right span {

 padding: 15px;

}

.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-prev, .carousel-control .icon-next {

 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block;

}

.carousel-control .fa-arrow-left, .carousel-control .icon-prev {

 left: 0;

}

.carousel-control .fa-arrow-right, .carousel-control .icon-next {

 right: 0;

}

.carousel-control.left span, .carousel-control.right span {

 background-color: #000;

}

.carousel-control.left span:hover, .carousel-control.right span:hover {

 opacity: 1;
 filter: alpha(opacity=70);

}

/* Navbar */

.some-padding {

 padding-top: 20px;

}

/*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar BACKGROUND*/

.navbar-default {

 background-color: white;
 border-color: rgba(255, 255, 255, 0.3);
 font-family: 'Karla', sans-serif;
 font-weight: 300;
 -webkit-transition: all 0.35s;
 -moz-transition: all 0.35s;
 transition: all 0.35s;

}

/*NavBar UNOTT Information*/

.navbar-default .navbar-header .navbar-brand {

 color: #52658F;
 font-family: 'Helvetica', sans-serif;
 font-weight: bold;
 font-size: 22px;
 display: inline-block;

}

/*Changes colour of the iGEM logo in the navbar.*/

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {

 color: #52658F;

}

.navbar-default .navbar-header .navbar-toggle {

 font-family: 'Helvetica', sans-serif;
 font-weight: 400; bold;
 font-size: 14px;
 color: #333A56;
 text-transform: uppercase;

}

/* Navbar font */ .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {

 text-transform: uppercase;
 font-family: 'Helvetica', sans-serif;
 font-weight: bold;
 font-size: 14px;
 color: #959595;

}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover {

 color: #333A56;

}

/*Navbar background colour*/

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {

 color: #333A56 !important;
 background-color: black;

}

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover {

 background-color: black;
 border-left-color: black; border-top-color: black;

}

.navbar-default .navbar-toggle {

 border: none;

} /*dropdown menu colours*/ .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus {

 background-color: #white;
 color: #2eacdd;

}

.navbar-default .dropdown-menu {

 border: none;
 outline: none;
 font-family: 'Helvetica', sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 13.2px !important;
 color: #222222;