/* ----------------------------------------------------------------------------- */
/* Tabs
-------------------------------------------------------------------------------- */
/**
 * Tabs
 */
 .tabs {
	display: flex;
    flex-wrap: wrap; /* make sure it wraps*/
    justify-content:center;
    font-size:16px;
}
.tabs label {
    order: 1; /* Put the labels first */
    font-size:16px;
    font-weight:700;
    font-family:'Work Sans', 'Open Sans', sans-serif;
    text-transform: uppercase;
	display: block;
	padding: 1rem 2rem;
    margin-right: 0.5rem;
    margin-bottom:0;
	cursor: pointer;
  background: #ffffff;
  border:1px solid #009eb6;
  border-bottom:0;
  font-weight: bold;
  transition: background ease 0.6s;
}
@media (max-width: 767px) {
    .tabs label{
        border-bottom:1px solid #009eb6;
    }
}
.tabs label:hover{background-color: #00b3cc; color:#fff;}
.tab{transition: opacity .2s cubic-bezier(.42, 0, .34, 1.01);}
.tabs .tab {
  order: 99; /* Put the tabs last */
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem 0;
  background: #fff;
  border-top:1px solid #009eb6;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
    background: #009eb6;
    color:#fff;
}
.tabs input[type="radio"]:checked + label:hover {
    background: #00b3cc;
    color:#fff;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}
.margin-left-auto{margin-left:auto;}
.margin-right-auto{margin-right:auto;}

.trisotech-icon{
    padding-left:40px;
    padding-right:40px;
}
.trisotech-icon{display:block;}
.trisotech-icon:before{
    content: url(../images/trisotech-icon.png);
    display: inline-block; /* Needed to add space between the bullet and the text */ 
    width: 40px; /* Also needed for space (tweak if needed) */
    margin-left: -40px; /* Also needed for space (tweak if needed) */
}
.home-bullet-list-description{margin-top:10px;padding-left:20px; border-left:2px solid #009eb6; font-size: 14px;}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}