/*comments go here*/
/* medium grey c0c0c0 */
/* black */
/*medium grey */
/* white */
/* dark purple */
/* white transparent */
/* maroon */
/* ? */
/* dark grey */
/* maroonish lol */
/* white? */
/* light pink */
/* dark green */
/* green */
body {
  background-color: #c0c0c0; }

.navbar, .dropdown-menu {
  background-color: #000000; }

/* normal links in navbar */
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  font-weight: bold; }

/* hover over links in navbar */
.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff;
  font-weight: bold;
  background-color: #c0c0c0; }

/* drop-down links in navbar */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #ffffff;
  /* Jennifer had #ffffff */
  font-weight: bold; }

/* hover over drop-down links in navbar */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #c0c0c0;
  font-weight: bold;
  background-color: #771158; }

/* main heading */
.navbar-default > .navbar-header > h1 {
  color: #ffffff;
  padding-left: 10px; }

/* Social media styling - normal */
.navbar-text > a:link {
  color: #ffffff;
  text-decoration: none; }

/* Social media styling - visited */
.navbar-text > a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Social media styling - hover */
.navbar-text > a:hover {
  color: #ec95b1;
  text-decoration: none; }

/* Styles main div... */
div.main {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px; }

/* links in main part of page */
a:link {
  font-weight: bold; }

a:visited {
  color: #616161;
  text-decoration: none; }

a:hover {
  color: #9b045a;
  text-decoration: none; }

.error {
  color: #c60101; }

.btn-success {
  background-color: #000000;
  border-color: #000000; }

.btn-success:hover {
  color: #fff;
  background-color: #286016;
  border-color: #1b3d10; }

.btn-warning {
  color: #fff;
  background-color: #c98097;
  /*purple/grey*/
  border-color: #7e1e3d;
  /*purple/grey*/ }

.btn-warning:hover {
  color: #fff;
  background-color: #7e1e3d;
  /*purple/mauvemauve*/
  border-color: #7e1e3d;
  /*purple/grey*/ }

.modal .modal-content {
  width: 300px;
  margin: auto; }

/*controls width of message field in contact modal*/
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8; }

/*contact modal queries*/
@media (min-width: 768px) {
  .modal .modal-content {
    width: 350px; } }
@media (min-width: 992px) {
  .modal .modal-content {
    width: 450px; } }
@media (min-width: 1200px) {
  .modal .modal-content {
    width: 600px; } }
/*slideshow styling*/
#carousel-custom {
  padding-bottom: 0px;
  display: table;
  margin: 0 auto; }

/*centres slides in slideshow holder*/
.carousel-inner img {
  margin: auto;
  min-height: 400px;
  /* set min height - could result in pixelation!*/
  max-height: 400px;
  /*set max height*/
  width: auto; }

img.little {
  width: 75px; }

/*puts strip under images in carousel ......................*/
#carousel-custom .carousel-indicators {
  margin: 10px 0 0;
  overflow: auto;
  position: static;
  text-align: center;
  width: 100%;
  bottom: 0px;
  /* NOT IN JENNIFER TUTORIAL*/ }

/*hides 'dot' indicators*/
#carousel-custom .carousel-indicators li {
  background-color: transparent;
  display: inline-block;
  height: auto;
  margin: 0 !important;
  width: auto; }

/*make inactive slides lighter*/
#carousel-custom .carousel-indicators li img {
  display: block;
  opacity: 0.35; }

/*make active slides 100% opaque*/
#carousel-custom .carousel-indicators li.active img {
  opacity: 1; }

/*makes active slide a bit darker*/
#carousel-custom .carousel-indicators li:hover img {
  opacity: 0.75; }

/*# sourceMappingURL=cfdg.css.map */