#top-tabs {display: none;}


.ux-text {display: block; width: 100%;}
.ux-text h2 {font-family:'EnglishVivace', sans-serif; font-size:1.9em;text-transform: none;font-weight:none;margin-bottom:1rem;color:#a88c3c;}
.ux-text h3 {font-size:1.9em;text-transform: uppercase;font-weight:400;margin-bottom:1rem;color:#a88c3c;text-align:center;}
.ux-text .top_line {margin-bottom:1rem;}
.ux-text p {color:#666;line-height:1.8em;margin-bottom:1rem;font-size:1em;width:100%;}
.ux-text p:last-child {margin:0;}
.ux-vertical-tabs {position:relative;display:flex;background: linear-gradient(to bottom, #d0c8b6, #fff 500px);}
.ux-vertical-tabs .tabs {width:250px;display:flex;flex-wrap: wrap;flex-direction: column;}
.ux-vertical-tabs .tabs button {display:flex;justify-content: space-between;align-items: center;background:#fff;padding:1.2rem;width: 100%;outline: none;text-align: left;cursor: pointer;border:0;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:1em;color:#666;text-transform: uppercase;transition: background 250ms ease;}
.ux-vertical-tabs .tabs button:first-child{border-top:1px solid #ddd;}
.ux-vertical-tabs .tabs button:hover {background:$color-primary-light;}
.ux-vertical-tabs .tabs button.active {background:transparent; color:#222;}
.ux-vertical-tabs .tabs button.empty {flex:1;border:0;pointer-events: none;}
.ux-vertical-tabs .tabs button:hover.empty {background:none;}
.ux-vertical-tabs .tabs button span {width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #ccc;transform:translateX(1rem);opacity:0;transition: all 350ms ease;}
.ux-vertical-tabs .tabs button:hover span {transform:translateX(0);opacity:1;}
.ux-vertical-tabs .tabs button.active span {transform:translateX(0);border-left: 6px solid $color-primary;opacity:1;}
.ux-vertical-tabs .maincontent {flex:1;border:1px solid #ddd;border-left:0;padding:0.5rem 2rem;overflow:hidden;}
.ux-vertical-tabs .maincontent .tabcontent {display:none;}
.ux-vertical-tabs .maincontent .tabcontent.active {display:flex;flex:1;position:relative;}

table.tab-table {width: 100%; margin-bottom: 15px; table-layout: auto; border-color: #D7D7D7;}
.tab-table tr {color: inherit; background-color: #FBFBFB;}
.tab-table th {color: #FFFFFF; background-color: #373737; text-align: left;}
.tab-table th, .tab-table td {padding: 5px 8px;}
table.tab-table, .tab-table th, .tab-table td {border: 1px solid #D7D7D7; border-collapse: collapse; vertical-align: top;}

.tab-table .one_third {width: 33.3%; margin: 0px; border: 1px solid #D7D7D7; background: #ffffff; line-height: 0;}
.gallery {display: inline-block; width: 100%;}
.gallery .one_third {display: block; width: 33.3%; float: left; text-align: center;  margin: 0px;}
td.table-feature {display: block; width: 100%;}
.small-caption {font-size: 0.8em;}

@media screen and (min-width:980px) {
    #top-tabs {display: block; width: 100%; margin: 10px auto;}
    #top-tabs .tabs {display: table; width: 100%;}
    #top-tabs .tabs .top-tab-button {display: table-cell; text-align: center;}
    #top-tabs .tabs button{font-size:1rem; padding:0.7rem 1.2rem; cursor: pointer;}
    td.table-feature {display: table-cell; width: auto;}
}

@media screen and (min-width:1140px) {
    #top-tabs .tabs button{font-size:1.10rem;}
}

@media (max-width: 50rem) {
  .ux-vertical-tabs {flex-direction: column;background:none;}
  .ux-vertical-tabs .tabs {width:100%;}
  .ux-vertical-tabs .tabs button.empty {display:none;}
  .ux-vertical-tabs .maincontent {border:1px solid #ccc;border-top:0;background: linear-gradient(to bottom, #eee, #fff 200px);}
  .ux-vertical-tabs .tabs button {padding:1rem;}
  .ux-vertical-tabs .tabs button.active {background:#eee;}
  .ux-vertical-tabs .tabs button span {transform:rotate(90deg);}
  .ux-vertical-tabs .tabs button:hover span {transform:rotate(90deg);}
  .ux-vertical-tabs .tabs button.active span {transform:rotate(90deg);}
  .ux-vertical-tabs .maincontent {padding:1rem;}
}