/* Accordion to tabs layout (necessary) */

/* ------------------------------------ */

.tab-menu-mobile {

  display: inline-block;

}

.tab-menu-mobile:before {

  /* Label of accordion are copied in pseudo-selector (work on IE8+) */

  content: attr(data-tab-label);

  display: block;

}



.tab-container {

  position: relative; width:100%; margin:0 0 20px 0;

}







/* Smaller device */

@media only screen and (max-width: 599px) {

  .tab-menu {

    display: none;

  }

 



  .tab-container--inner {

    max-height: 0;

    overflow: hidden;

    visibility: hidden;

	display:none;



  }



  .tab-container--section.is-visible .tab-container--inner {

    max-height: 1500px;

    visibility: visible;

	display:block; border:1px solid #959595; padding-left:15px; margin-top:10px; width:95%; border-radius:5px;

  }

}

/* Higher device */

@media only screen and (min-width: 600px) {

  .tab-menu-mobile {

    display: none;

  }



  .tab-container--section {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    visibility: hidden;

	display:none;

  }



  

  .tab-container--section.is-visible {

    position: relative;

    left: auto;

    top: auto;

    z-index: 1;

    visibility: visible;

	display:block;

  }

}

/* Accordion to tabs style (optional) */

/* ---------------------------------- */



.tab-menu-mobile, .tab-menu--trigger {

font-size:14px; font-weight:bold;

color:#000;

text-align: center;

text-decoration: none; margin-right:15px;

 background:#cccccc; padding-left:10px; padding-right:10px; /* 2016-03-18 Added this line. Makes tabs more prominent */

}

.tab-menu-mobile, .tab-menu--trigger a { background:#006db2; border-top:1px solid #eee;  color:#fff; border-radius:4px; padding:10px; text-align:left; }



.tab-menu-mobile.is-active, .tab-menu--trigger.is-active {

  color: #fff;

  background:#cf2123; padding-left:10px; padding-right:10px; margin-right:15px;

}



.tab-menu-mobile {

  width: 95%;

}

.tab-menu-mobile:before {

  content: attr(data-tab-label);

  display: block; 

}





.tab-menu {

  padding: 0;

  background:url(../images/tab-nav.png) repeat-x;

  height: 32px;

  line-height: 32px;

  margin-top:5px; /* GM new item */

}

.tab-menu li {

  float: left; 



}



.tab-menu--trigger {

  display: block;

}



.cf:after, .clearfix:after {

  content: '';

  display: table;

  clear: both;

}

