@charset "utf-8";

/* =======================| menu styles (joomla) |=========================== */
/* -----| menu position |----- */
#topnav-container, #topnav-container * {
  box-sizing: content-box !important;  
  pointer-events: auto !important;
}
#topnav-container{
  width: 100%;
  display: flex; 
  /*margin-top: 40px;*/
  margin-top: 0;
  z-index: 1
}

/* -----| menu style |----- */
.topnav {
  /*overflow: hidden;*/
  background-color: transparent;
  margin: 0 0 0 auto;
  top: 80px;
}
.topnav a {
  float: left;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.1rem;
}
.topnav a:hover{
  background-color: transparent;
  color: #e0b98e;
}
ul.nav, .nav-child li {
  list-style-type: none;
}
.nav li {
   float: left;
}
.nav-child {
  margin: 50px 0 0 16px;
  position: absolute;
/*  display: none;*/
  display: block;  
  background-color: #4c1e0f  !important;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
  z-index: 1;
  visibility: hidden;
}
.deeper a:hover + .nav-child, .nav-child:hover{
  visibility: visible;
}
.nav-child li{
  float: none;
  z-index: 1;
  min-width: 160px;
}
.nav-child li a{
  text-align: left;
  background-color: #4c1e0f  !important;
  width: 100%;
  margin-right: -25px;
}
.nav-child li a:hover{
  background-color: #983212 !important;
  color: #fff;
}
.nav-icon{
  display: none; 
}

/*====| language menu in separate file language.css |====*/

/* ==================| responsie < 1400 |====================================== */
@media screen and  (max-width: 1400px) {
/* ---------------------------------------------------------------------------- */  
  .topnav a {    
    font-size: 1rem;
  }
  .topnav {
  margin: 0 100px 0 auto;
  }
}

/* ==================| responsie < 1000 (hamburger) |=========================== */
@media screen and  (max-width: 1000px) {
/* ---------------------------------------------------------------------------- */  
  
/*#topnav-container{
  margin-top: 0;
}*/
  .topnav * {
    pointer-events: auto !important;
  }

  .topnav {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
    top: 80px;
  }
  .topnav a:hover{
    color: #FFF;
    background-color: #983212  !important;   
  }  
  .topnav a {    
    background-color: #4c1e0f !important;
    box-shadow: none;
  }
  
  
  .nav {
    margin-top: 50px;
    display: none;
/*    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);*/
  }
  .nav li, .nav li a {
    text-align: left;
    float:none;
    display: block;
    position: relative;
  }
    .nav-child {
    margin: 0;
    background-color: #251510  !important;
    border-top: solid 2px #251510;  
/*    background-color: #3B170B  !important;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
/*    width: calc(100% - 82px);*/
    width: 100%;      
    padding: 0;
    visibility: hidden;
}
  .nav-child li {
    margin: 0;
    display: block;
    position: relative;
    width: calc(100% - 82px);
}
  .nav-child li a {
    position: relative;
    margin-left: 50px;
    margin-right: 0;
    font-size: 0.8rem;  
  }

  .nav-icon {
    display: block;      
  }
  .nav-icon a, .nav-icon a:link{
    background-color: transparent !important;
    float: right;
    /*margin-bottom: 30px;*/
    padding: 0;
    font-size: 2rem;
  }
  .nav-icon a:hover{
    background-color: transparent !important;
    color: #e0b98e !important;
  }
  .responsive > .nav {
      display: block;
  }
  
}
/* =======================| width < 576 |================================== */
@media  (max-width: 575px) { 
/* ------------------------------------------------------------------------ */ 
  .topnav {
    top: 60px;
  }
  
}

/* =======================| height < 560 |================================= */
@media  (max-height: 560px) { 
/* ------------------------------------------------------------------------ */ 
/*--- scrollUp header ---*/
  
  .nav li a {
    padding: 10px 20px;
  }
  
}
/* =======================| height < 460 |================================= */
@media  (max-height: 460px) { 
/* ------------------------------------------------------------------------ */ 
/*--- scrollUp header ---*/
  
  .nav li a {
    padding: 4px 20px;
  }
  
}
  





/* User menu spacer */
.item-149, .item-151, .item-152 {
  padding-right: 50px;
}