Team:UNOTT/CSS1

nav ul {

   position: static;
   display: flex;
   float: right;
   margin: 0px;
   margin-top:0px;
   padding: 0px 0px;
   justify-content:space-around;
   

}

 /*Create vertical spacing*/
 li {
   margin-bottom: 1px;
 }
 

/*Make all menu links full width*/

 ul li,
 li a {
   width: 100%;
 }

}

.red {

 color: #EA3923;

}

.blue {

 color: #0C68E6;

}

.darkblue {

 color: #52658F;

}

.yellow {

 color: #FFDF1E;

}

.green {

 color: #32BE01;

}

.cream {

 color: #F7F5E6;

}

.grey {

 color: #E8E8E8;

}

.darkgrey {

 color: #8C8C8C;

}

/* Navbar */

.some-padding {

 padding-top: 0px;

}

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

.navbar-default {

 background-color: #black;
 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;
 margin : 0 !important;

}

/*NavBar UNOTT Information*/

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

 color: #white;
 font-family: 'Karla', sans-serif;
 font-weight: none;
 font-size: 22px;
 display: inline-block;
 background: black

}

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

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

 color: #white;

}

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

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

}

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

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

}

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

 color: #white;

}

/*Navbar background colour*/

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

 color: #CF5435 !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: #CDD7B6;
 color: #blue;

}

.navbar-default .dropdown-menu {

 border: none;
 outline: none;
 font-family: 'Karla', sans-serif;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 14.2px !important;
 color: #CF5435;

}

/* Titles and text */

specialh1 {

 font-size: 100px;
 font-weight: 400;
 font-family: 'Quicksand', sans-serif;
 text-align: center;
 color: #333A56;
 letter-spacing: 3px;
 border-bottom: none;

}

specialh2 {

 font-size: 40px;
 font-weight: 400;
 font-family: 'Quicksand', sans-serif;
 text-align: center;
 color: #333A56;
 border-bottom: none;
 text-transform: uppercase;

}

specialh3 {

 font-size: 30px;
 font-weight: 400;
 font-family: 'Quicksand', sans-serif;
 text-align: center;
 color: #52658F;
 border-bottom: none;

}

specialh4 {

 font-size: 22px;
 font-weight: 400;
 font-family: 'Quicksand', sans-serif;
 text-align: center;
 color: #52658F;
 border-bottom: none;

}

h1 {

 font-family: 'Quicksand', sans-serif !important;
 font-size: 50px !important;

}

h2 {

 font-family: 'Quicksand', sans-serif !important;
 font-size: 40px !important;

}

h3 {

 font-family: 'Quicksand', sans-serif !important;
 font-size: 35px !important;

}

h4 {

 font-family: 'Quicksand', sans-serif !important;
 font-size: 30px !important;

}

p {

 font-family: 'Karla', sans-serif !important;
 ;
 font-weight: 400 !important;
 ;
 font-size: 18px !important;
 line-height: 1.5;

}

.btn-default {

 color: #222222;
 background-color: #F7F5E6!important;
 border-color: white;
 -webkit-transition: all 0.35s;
 -moz-transition: all 0.35s;
 transition: all 0.35s;

}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {

 color: #222222;
 background-color: #E8E8E8 !important;
 border-color: #ededed !important;

}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {

 background-image: none;

}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {

 background-color: white;
 border-color: white;

}

.btn-default .badge {

 color: white;
 background-color: #222222;

}

.btn-primary {

 color: white !important;
 background-color: #52658F !important;
 border-color: #333A56 !important;
 -webkit-transition: all 0.35s;
 -moz-transition: all 0.35s;
 transition: all 0.35s;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {

 color: white !important;
 background-color: #333A56 !important;
 border-color: #52658F !important;

}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {

 background-image: none;

}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {

 background-color: #333A56;
 border-color: #333A56;

}

.btn-primary .badge {

 color: #333A56;
 background-color: white;

}

.btn {

 font-family: 'Quicksand', sans-serif;
 border: none;
 border-radius: 300px;
 font-weight: 400;
 font-size: 15px !important;
 text-transform: uppercase;

}