/*--------------------
-----GENERAL-----
--------------------*/

body {
   background: #cecece;
   color: #000;
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 1em;
   line-height: 1.5;
}

.container-fluid {
   background: #fff;
}


/*-----LINKS-----*/

a:link,
a:visited {
   color: #000;
   font-weight: bold;
   text-decoration: none;
}

a:hover,
a:active {
   color: #000;
   text-decoration: underline;
}

.inactive-link:link,
.inactive-link:visited {
   color: #808080;
   font-weight: normal;
}

.inactive-link:hover,
.inactive-link:active,
.inactive-link:focus {
   text-decoration: none;
}


/*-----TEXT-----*/

h1 {
   font-family: MuseoModerno, Arial, Verdana, Geneva, sans-serif;
   
}


/*-----NAVBAR-----*/

nav.navbar {
   font-family: MuseoModerno, Arial, Verdana, Geneva, sans-serif;
}

a.navbar-brand:link,
a.navbar-brand:visited {
   color: #fff;
   font-weight: 700;
}

a.navbar-brand:hover,
a.navbar-brand:active,
a.navbar-brand:focus {
   color: #fff;
}

a.nav-link:link,
a.nav-link:visited {
   color: #fff;
   margin-top: 5px;
}

a.nav-link:hover,
a.nav-link:active,
a.nav-link:focus {
   color: #fff;
   text-decoration: underline;
}




/*--------------------
-----BCIT PAGE-----
--------------------*/

/*-----ACCORDION-----*/

#accordion .panel .panel-heading {
   background: #cecece;
   font-weight: bold;
   box-shadow: 2px 2px 3px #808080;
   margin-bottom: 10px;
   padding: 10px;
}

#accordion .panel .panel-heading.complete {
   background: #baffa5;
}

#accordion .panel .panel-heading.in-progress {
   background: #ffd79b;
}

#accordion .panel .panel-heading.not-started {
   background: #ff9b9b;
}

#accordion .panel .panel-heading:hover,
#accordion .panel .panel-heading:active,
#accordion .panel .panel-heading:focus {
   background: #fefefe;
}


/*-----MODAL - CONTACT ME-----*/



/*-----MODAL - LEGEND-----*/

.modal .colour-box {
   float: left;
   border: 1px solid #000;
   margin: 5px;
}