.accordion-title, .tabs-title > a { color: #3C3C3C; } .tabs-title > a:hover { color: #111; } .tabs-content .accordion-item.is-active { background-color:#01b5aa; color: #FFF; } .tabs-content .accordion-item.is-active a{ color: #FFF; } .chart-size { background: #fafafa; color: #666; } #size-chart-tabs { border: none; background: #fafafa; } #size-chart-tabs .tabs-title a { letter-spacing: .5px; padding: 1.25rem 1rem; } #size-chart-tabs .tabs-title a[aria-selected='true'] { background-color: #01b5aa; color: #fff; } .size-table { font-size: .7rem; color: #666; text-align: center; } .size-table th { font-size: .8rem; font-family: Sans source pro, sans-serif; background: #eee; color: #666; text-align: center; } .size-table td { text-align: center; font-family: Sans source pro, sans-serif; font-size: .75rem; } .size-chart-accordion .size-link { font-size: .9rem; text-transform: uppercase; letter-spacing: .5px; } .size-chart-accordion .size-link:hover { background-color: #01b5aa; color: #fff; } .size-chart-accordion .size-link:focus { background-color: #01b5aa; color: #fff; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .size-chart-accordion .custom-content .size-hdr { font-size: .8rem; text-transform: uppercase; letter-spacing: .5px; } .size-chart-accordion .custom-content .size-txt { font-size: .8rem; } .size-chart-accordion .custom-content hr { margin: .75rem 0 1.2rem; } .tabs-content.no-border { border: transparent; } .tabs-content.no-border .tabs-panel { padding: 1rem 0; } .tabs-panel .tabs-hdr { font-size: 1rem; text-transform: uppercase; } .tabs-panel hr { margin: .2rem 0 .75rem; } .custom-content > h5:not(:first-child) { margin-top: 2rem; } .size-chart-content h5, .size-chart-content hr { margin: 0 0 1rem 0; border-bottom: 2px solid #ddd; padding: 0 0 1rem 0; } .size-chart-content .note { background: #f1f1f1; padding: 1rem;} sc h5{font-size: .8rem;margin: 0 0 1rem 0; border-bottom: 2px solid #ddd; padding: 0 0 1rem 0;} @media screen and (min-width: 40.1em) { .size-table { width: 100% !important; } } @media screen and (max-width: 40em) { .chart-size { position: absolute; width: 75px; } .size-table .size-mobile { position: absolute; } .ui-widget.ui-widget-content { width: 98% !important; margin: 0 .5rem; } }