@charset "utf-8";

/* ****************************************************************************
 * Juntes de Govern MENU WIDGET
 *
 * Defines the following elements:
 *  - Menu
 *    # Navigation Menu
 *      + Navigation Menu items list
 * ****************************************************************************
 */

/*
 * Menu
 * ****************************************************************************
 */
.tm-menu-demarcacions-wrapper {
  margin                : 0px 0px 0px 0px;
}

.tm-menu-demarcacions-wrapper span {
  display               : inline-block;
  /*background-color      : #000000;*/
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  letter-spacing        : 0.15em;
  line-height           : 34px;
  text-decoration       : none;
  text-transform        : uppercase;
  height                : 35px;
  padding               : 0px 19px 0px 19px;
}

.tm-menu-demarcacions-wrapper a {
  /*color                 : #FFFFFF;*/
  font-family           : 'Arimo', sans-serif;
  font-size             : 12px;
  letter-spacing        : 0.15em;
  padding               : 0px 38px 0px 38px;
  text-decoration       : none;
}

/* For IE 10/11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tm-menu-demarcacions-wrapper a {
    padding             : 0px 37px 0px 37px;
  }
}

.tm-menu-demarcacions-title {
  display               : none;
}

.tm-menu-demarcacions-wrapper ul {
  display               : flex;
  flex-direction        : row;
  justify-content       : space-around;
  flex-wrap             : nowrap;
  list-style            : none;
  margin                : 10px 0px 0px 0px;
  padding               : 0px;

  /* For IE, the outcast */
  zoom                  : 1;
  *display              : inline;
}

.tm-menu-demarcacions-wrapper li {
  position              : relative;
  display               : inline-block;
  font-size             : 14px;
  height                : 35px;
  float                 : left;
}

.tm-menu-demarcacions {
  display               : block;
  z-index               : 999;
  border-top            : 1px solid #000000;
  border-bottom         : 1px solid #000000;
  height                : 35px;
  width                 : 100%; /*1215px;*/
  text-align            : center;
  margin                : 30px 0px 0px 0px;
}

.tm-menu-demarcacions li:hover {
  background            : #CDCDCD;
}

.tm-menu-demarcacions li a {
  line-height           : 34px;
  height                : 35px;
  display               : inline-block;
  color                 : #000000;
  text-transform        : uppercase;
}



/*
 * Navigation Menu items list
 * ****************************************************************************
 */
.tm-menu-demarcacions > li a.active,
.tm-menu-demarcacions > li a:active {
  background            : #EEEEEE;
}



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
  /* Desktop Menu
   --------------------------------------------------------------------------*/
  .tm-menu-demarcacions-wrapper {
    width               : 1000px;
  }

  .tm-menu-demarcacions-wrapper span,
  .tm-menu-demarcacions-wrapper a {
    font-size           : 13px;
    padding             : 0px 18px 0px 19px;
  }
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
  /* Desktop Menu
   --------------------------------------------------------------------------*/
  .tm-menu-demarcacions-wrapper {
    width               : 748px;
  }

  .tm-menu-demarcacions-wrapper ul {
    width               : 748px;
  }

  .tm-menu-demarcacions-wrapper span,
  .tm-menu-demarcacions-wrapper a {
    font-size           : 11px;
    letter-spacing      : normal;
    padding             : 0px 17px 0px 17px;
  }
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  .tm-menu-demarcacions-wrapper {
    display             : none;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  .tm-page-frontpage .tm-zone-content-main > ul > li.tm-menu-demarcacions-wrapper {
    /*display             : none;*/
    /*padding             : 0px 0px 20px 15px;*/
    width               : auto;
  }

  .tm-menu-demarcacions-wrapper .tm-menu-demarcacions-title {
    display             : inline-block;
    width               : 110px;
    vertical-align      : top;
    padding-top         : 15px;
  }

  .tm-menu-demarcacions-wrapper ul {
    display             : inline-block;
    height              : auto;
    width               : calc(100% - 110px);
  }

  .tm-menu-demarcacions-wrapper ul li.leaf {
    float               : none;
    display             : none;
  }

  .tm-menu-demarcacions-wrapper ul li.leaf.active-trail {
    display             : list-item;
    position            : relative;
  }

  .tm-menu-demarcacions-wrapper ul li.leaf.active-trail:after {
    content             : "\f078";
    font-family         : FontAwesome;
    position            : absolute;
    top                 : 5px;
    right               : 8px;
  }

  .tm-menu-demarcacions-wrapper ul li.leaf.active-trail.menu-opened:after {
    content             : "\f077";
  }

  .tm-menu-demarcacions-wrapper ul li a {
    width               : 100%;
    padding             : 0;
  }
}