/* ********************** */
/*       NAVBAR CSS       */
/* ********************** */
#navbar, #navbar-bottom {
  background: #EAE0D1;
}

#nav-espana, #nav-suiza {
  color: #473b3b;
}

#nav-espana {
  border-right: 1px solid #473b3b;
}

#nav-suiza {
  border-left: 1px solid #473b3b;
}

/* ********************** */
/*   THEME SWITCHER CSS   */
/* ********************** */
#theme-switcher {
  color: #473b3b;
  border: 1px solid #473b3b;
}

#selected-theme {
  filter: invert(6%) sepia(10%)
    saturate(1552%) hue-rotate(15deg)
    brightness(94%) contrast(101%);
}

/* ********************** */
/* LANGUAGE DROPDOWN CSS  */
/* ********************** */
#selected-language, #languages-dropdown {
  color: #473b3b;
  border: 1px solid #473b3b;
}

#languages-dropdown {
  background: #EAE0D1;
}

.language-option + .language-option {
  border-top: 1px solid #473b3b;
}

/* ********************** */
/*  COMMON SECTIONS CSS   */
/* ********************** */
.glass-filter {
  background: rgba(234,224,209, 0.5);
  border: 1px solid rgba(234,224,209, 0.5);
  box-shadow: 0 4px 30px rgba(234,224,209, 0.2);
}

/* ********************** */
/*      SECTION 1 CSS     */
/* ********************** */
#main-logo {
  filter: invert(6%) sepia(10%)
    saturate(1552%) hue-rotate(15deg)
    brightness(94%) contrast(101%);
}

/* ********************** */
/*    ANIMATION CLASSES   */
/* ********************** */
#main-logo:not(.fade) {
  filter: invert(94%) sepia(13%) saturate(247%) hue-rotate(352deg) brightness(96%) contrast(91%) drop-shadow(0 0 1px rgba(0,0,0,0.85));
}

/* ********************** */
/*      SECTION 2 CSS     */
/* ********************** */
.content-section2 {
  color: #473b3b;
}

/* ********************** */
/*      SECTION 3 CSS     */
/* ********************** */
.section3-box {
  color: #473b3b;
}