/******************************************************************************
#CONTENT
******************************************************************************/

body,
html {
  background-color: #fff;
}

/******************************************************************************
#TYPOGRAPHY
******************************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(200, 55%, 35%);
}

h1 {
  border-bottom: 1px solid hsl(200, 85%, 35%);
}

p,  
li {
  color: hsl(200, 55%, 20%);
}

li {
  margin-bottom: 1rem;
}

/******************************************************************************
#MENU
******************************************************************************/

.menu {
	background-color: white;
 }
 
 .menu:hover {
	background-color: white;
 }

/* #LOGO
---------------------------------------------------------------------------- */

.menu a.logo {
  color: hsl(200, 65%, 50%);
}

.menu a.logo:hover {
  border-left-color: hsl(200, 85%, 35%);
  color: hsl(200, 85%, 35%);
}

/* #NAV
---------------------------------------------------------------------------- */

.menu nav a {
  color: hsl(200, 75%, 30%);
}

.menu nav a:hover {
  color: hsl(200, 85%, 35%);
  border-left-color: hsl(200, 85%, 35%);
}

.menu nav a:active {
  color: hsl(200, 75%, 30%);
}

.menu a#nav-active {
  border-left: 2px solid hsl(200, 85%, 35%);
  color: hsl(200, 85%, 35%);
}

.menu a#nav-active[href="index.html"] {
  border-left: 4px solid hsl(200, 85%, 35%);
  color: hsl(200, 85%, 35%);
}

/* #SWITCH-LANGUAGE-BTN
---------------------------------------------------------------------------- */

.menu a.switch-language-btn {
  color: #aaa;
}

.menu a.switch-language-btn:hover {
  color: hsl(200, 85%, 35%);
}

/******************************************************************************
#GALERIE
******************************************************************************/

a.galerie-img img {
  border: 1px solid #fff;
}

a.galerie-img:hover img {
  border: 1px solid hsl(200, 85%, 35%);
}

/******************************************************************************
#INFO
******************************************************************************/

.info p a {
  color: hsl(200, 75%, 30%);
  font-weight: 700;
}

.info p a:hover {
  color: hsl(200, 85%, 35%);
}

/******************************************************************************
#SERIES
******************************************************************************/


a.series-link img {
  border: 1px solid #fff;
}

a.series-link:hover img {
  border: 1px solid hsl(200, 85%, 35%);
}

a.series-link h2 {
  color: #444;
}

a.series-link:hover h2 {
  color: hsl(200, 85%, 35%);
}

.series-link:hover {
  color: hsl(200, 85%, 35%);
}

/******************************************************************************
#BREADCRUMBS
******************************************************************************/

.breadcrumbs {
  color: #ddd;
}

.breadcrumbs a {
  color: #999;
}

#breadcrumbs-active {
  color: hsl(200, 65%, 50%);
}

.breadcrumbs a:hover {
  color: hsl(200, 85%, 35%);
}

/******************************************************************************
#LIGHTBOX
******************************************************************************/



  .lightboxOverlay {
    background-color: #eee;
  }

  .lightbox .lb-image {
    /* Image border */
    border: 4px solid #fff;
  }
  
  .lb-outerContainer {
    /* Background color behind image.
       This is visible during transitions. */
    background-color: #eee;
  }

  .lb-data {
    color: hsl(200, 85%, 35%);
  }
  
  .lb-data .lb-caption a {
    color: hsl(200, 85%, 35%);
  }
  
  .lb-data .lb-number {
    color: hsl(200, 85%, 35%);
  }