/********************************************************************
  Language Drop Down
********************************************************************/

.slim-language nav#slim-lang::before {
      display: block;
      content: '\f107';
      font-family: "fontawesome";
      font-weight: 900;
      position: absolute;
      color: #666666;
      right: 0.4rem;
      top: 0.4rem;
      text-shadow: none;
      z-index: 11000;
}

.slim-language nav#slim-lang .slim-lang-current {
}

/*************
  FLAGS
**************/

.slim-language nav#slim-lang .slim-lang-flags-it::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/it.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang .slim-lang-flags-en-us-gb::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/gb.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang .slim-lang-flags-gb::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/gb.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang .slim-lang-flags-de::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/de.svg);
      background-size: 100% 100%;
      width: 1.25rem;
      height: 1.25rem;
}

.slim-language nav#slim-lang .slim-lang-flags-fr::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/fr.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang .slim-lang-flags-es::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/es.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang .slim-lang-flags-si::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/si.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang .slim-lang-flags-pt::after {
      position: absolute;
      top: 0.4rem;
      left:0.25rem;
      content: " ";
      background: url(../css-images/flags/pt.svg);
      background-size: 100% 100%;
      width: 1rem;
      height: 1rem;
}

.slim-language nav#slim-lang {
      width: 100%;
      position: relative;
}

.slim-language nav#slim-lang a.slim-lang-disable { /* disabilita voce del menu */
      opacity: 30%;
}

.slim-language nav#slim-lang a.slim-lang-disable:hover { /* disabilita voce del menu */
    text-decoration: none!important;
}

.slim-language nav#slim-lang li.slim-lang-hide { /* nasconde voce del menu */
      display: none!important;
      border: 0px!important;
}

.slim-language .slim-lang-submenu a {
      border-radius: 0;
}

.slim-language nav#slim-lang > ul > li > ul a {
      border-bottom-width: 0px;
}

.slim-language nav#slim-lang > ul > li > ul a:hover {
      text-decoration: underline;
      background-color: #ffffff;
}

.slim-language nav#slim-lang a,
.slim-language nav#slim-lang .current {
      display: block!important;
      padding: 0.2rem 0 0.2rem 2rem;
      text-decoration: none;
      border: 0px solid #d9d9d9;
      position: relative;
}

.slim-language nav#slim-lang .current {
      padding: 0.3rem 0 0.3rem 2rem;
      position: relative;
}

.slim-language nav#slim-lang > ul > li > ul {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      padding: 0;
      margin: 0;
      z-index: 5000;
}

.slim-language nav#slim-lang > ul li ul {
      display: none;
}

.slim-language nav#slim-lang > ul li:hover ul {
      display: block;
}

/*************
  DROPDOWN
**************/

.dropdown {
      position: relative;
      display: inline-block;
      width: 100%;
      background: #ffffff;
      z-index: 10000;
}

.dropbtn {
      text-align: left;
      padding: 0.4rem 0.2rem 0.4rem 2rem;
      border: none;
      width: 100%;
      background: #ffffff;
}

.dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 100%;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      padding-bottom: 0.3rem;
}

.dropdown-content a {
      text-decoration: none;
      display: block;
      color: #333333;
}

.dropdown-content a:hover {
      text-decoration: underline!important;
      display: block;
      color: #000000;
}

.dropdown:hover .dropdown-content {
      display: block;
}


@media screen and (max-width: 600px) {
  
  .dropdown-content {
    position: relative;
  }
  .dropdown, .dropbtn {
    width: 100%;
    display: block;
  }
  
}