@charset "utf-8";

/* ****************************************************************************
 * DESKTOP MENU WIDGET
 *
 * Defines the following elements:
 *  - Desktop Menu
 *    # Navigation Menu
 *      + Navigation Menu items list
 * ****************************************************************************
 */

/*
 * Desktop Menu
 * ****************************************************************************
 */

.tm-main-menu {
  background            : #000000;
  text-align            : left;
  height                : 35px;
  width                 : 100%;
  margin                : 0px 0px 0px 0px;
}

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

.tm-main-menu a {
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  letter-spacing        : 0.15em;
  padding               : 0px 18px 0px 17px;
  text-decoration       : none;
}

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

.tm-menu-desktop .tm-main-menu > li.last a {
  padding-right         : 20px;
}

.tm-menu-desktop .tm-main-menu {
  display               : block;
  z-index               : 999;
  text-align            : center;
  width                 : 1215px;
  margin                : auto;
}

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

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

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

.tm-menu-desktop .tm-main-menu li:hover {
}

.tm-menu-desktop .tm-main-menu li a {
  line-height           : 36px;
  height                : 35px;
  display               : inline-block;
  text-transform        : uppercase;
}

.tm-menu-desktop .tm-main-menu ul li ul {
  display               : none;
  float                 : left;
  left                  : 0;
  position              : absolute;
  z-index               : 99999;
}

.tm-menu-desktop .tm-main-menu ul li ul li {
  position              : relative;
  float                 : left;
  font-size             : 14px;
  width                 : 220px;
  border-right          : 0px;
}

.tm-menu-desktop .tm-main-menu ul li ul li a,
.tm-menu-desktop .tm-main-menu ul li ul li span {
  width                 : 220px;
  letter-spacing        : 0em;
  text-transform        : none;
  text-align            : left;
}

.tm-menu-desktop .tm-main-menu ul li ul li:hover {
  background            : #f4f4f4;
  color                 : #222222;
}

.tm-menu-desktop .tm-main-menu ul li ul li:hover a {
}

.tm-menu-desktop .tm-main-menu ul li:hover > ul {
  display               : block;
  background            : #FFFFFF;
  border-top            : 5px solid #FFFFFF;
  font-family: 'Open Sans Condensed', Arial, Verdana;
}

.tm-menu-desktop .tm-main-menu ul li ul li ul {
  display               : none;
  float                 : left;
  position              : absolute;
  z-index               : 99999;
  right                 : 220px;
  top                   : 0px;
  background            : #E0E0E0;
}

.tm-menu-desktop .tm-main-menu ul li ul li ul li {
  position              : relative;
  float                 : left;
  font-size             : 14px
  width                 : 220px;
  color                 : #FFFFFF;
  border-right          : 0px;
  background            : #E0E0E0;
}

.tm-menu-desktop .tm-main-menu ul li ul li:hover > ul {
  border-right          : 5px solid #AAAAAA;
  border-top            : 0px;
  background            : #F4F4F4;
}

.tm-menu-desktop .tm-main-menu ul li ul li:hover > ul:hover {
  border-right          : 5px solid #AAAAAA;
  border-top            : 0px;
  background            : #E0E0E0;
}



/*
 * Sticky Desktop Menu
 * ****************************************************************************
 */
.tm-menu-desktop.scroll-to-fixed-fixed .tm-main-menu {
  height                : 35px;
}

.tm-menu-desktop.scroll-to-fixed-fixed .tm-main-menu ul li ul li a,
.tm-menu-desktop.scroll-to-fixed-fixed .tm-main-menu ul li ul li span {
  width                 : 90%;
}



/*
 * Navigation Menu items list
 * ****************************************************************************
 */
.tm-menu-desktop .tm-main-menu-item-list > li a {
  background            : #000000;
}

.tm-menu-desktop .tm-main-menu-item-list > li a:hover,
.tm-menu-desktop .tm-main-menu-item-list > li a:active,
.tm-menu-desktop .tm-main-menu-item-list > li a.active,
.tm-menu-desktop .tm-main-menu-item-list > li a:focus
.tm-menu-desktop .tm-main-menu span:hover {
  background            : #E53E43;
}



/*
 * Zone - Desktop Side Bar Menu
 * ****************************************************************************
 */
.tm-zone-sidebar .block-menu {
  background-color      : #000000;
}

.tm-zone-sidebar > ul > li.block-menu .tm-widget-content {
  padding               : 10px 0px 0px 0px;
}

.tm-zone-sidebar .block-menu .tm-region-title {
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  font-size             : 22px;
  font-weight           : bold;
  padding-left          : 15px;
  margin                : 0px 0px 16px 0px;
}

.tm-zone-sidebar .block-menu .tm-region-title a,
.tm-zone-sidebar .block-menu .tm-region-title a:visited {
  color                 : #FFFFFF;
  font-family           : 'Arimo', sans-serif;
  font-size             : 20px;
  text-transform        : uppercase;
  font-weight           : normal;
}

.tm-zone-sidebar .block-menu a {
  color                 : #FFFFFF;
}

.tm-zone-sidebar .block-menu .tm-region-title a {
  color                 : #FFFFFF;
}

.tm-zone-sidebar .block-menu ul {
  display               : block;
  list-style            : none;
  margin                : 0px;
  padding               : 0px;

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

.tm-zone-sidebar .block-menu ul.menu li {
  position              : relative;
  display               : block;
  font-size             : 15px;
  font-weight           : bold;
  margin                : 0px;
}

.tm-zone-sidebar .block-menu ul.menu li a {
  display               : block;
  overflow-x            : hidden;
  line-height           : 34px;
  text-overflow         : ellipsis;
  white-space           : nowrap;
  height                : 34px;
}

.tm-zone-sidebar .block-menu ul.menu li a:hover,
.tm-zone-sidebar .block-menu ul.menu li a:active,
.tm-zone-sidebar .block-menu ul.menu li a.active,
.tm-zone-sidebar .block-menu ul.menu li a:focus {
  background            : #E53E43;
  text-decoration       : none;
}

/* Trail path with no children in the menu */
.tm-zone-sidebar .block-menu ul.menu li a.active-trail:last-child {
  background            : #E53E43;
  text-decoration       : none;
}

.tm-zone-sidebar .block-menu ul.menu li:hover a {
}

.tm-zone-sidebar .block-menu ul.menu ul li ul {
}

/* First level items */
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > a,
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > span {
  border-top            : 1px solid #FFFFFF;
  padding-left          : 15px;
  padding-right         : 5px;
}

/* Second level items */
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > ul.menu > li > a,
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > ul.menu > li > span {
  border-top            : 1px solid #FFFFFF;
  padding-left          : 30px;
  padding-right         : 5px;
}
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > ul.menu > li > a:before,
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > ul.menu > li > span:before {
  content               : "_";
  font-weight           : normal;
  margin-right          : 5px;
}

/* Third level items */
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > ul.menu > li > ul.menu > li > a,
.tm-zone-sidebar .block-menu .tm-widget-content > ul.menu > li > ul.menu > li > ul.menu > li > span {
  font-weight           : normal;
  padding-left          : 45px;
}



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

  .tm-menu-desktop .tm-main-menu span,
  .tm-menu-desktop .tm-main-menu a {
    font-size           : 13px;
    padding             : 0px 8px 0px 8px;
  }
}


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

  /* Menu Formacio
   --------------------------------------------------------------------------*/
  .tm-zone-sidebar #block-menu-menu-formacio-principal {
    /*display             : none;*/
  }
}


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

  .tm-menu-desktop .tm-main-menu {
    padding             : 0px 0px 20px 15px;
  }

  /* Menu Formacio
   --------------------------------------------------------------------------*/
  .tm-zone-sidebar #block-menu-menu-formacio-principal {
    display             : none;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Desktop menu
   --------------------------------------------------------------------------*/
  .tm-menu-desktop {
    display             : none;
  }

  .tm-menu-desktop .tm-main-menu {
    padding             : 0px 0px 20px 15px;
  }

  /* Menu Formacio
   --------------------------------------------------------------------------*/
  .tm-zone-sidebar #block-menu-menu-formacio-principal {
    display             : none;
  }
}