/* === end tab components ====*/
.lp__tab {
overflow: hidden;
display: block;
}
.lp__tab [role=tab] {
position: relative;
margin-bottom: 4px;
overflow: visible;
top: 4px;
padding: 8px 16px 8px 16px;
border-bottom: 3px solid transparent;
color: #0071bc;
/*text-transform: uppercase;*/
font-size: 1rem;
font-weight: bold;
line-height: inherit;
border: 0;
border-radius: 0;
min-width: 140px;
cursor: pointer;
float: left;
width: 100%;
}
.lp__tab [role=tab][aria-selected=true] {
background-color: #00538A;
color: #fff;
width: 100%;
text-decoration: none;
}
.lp__tab [role=tab][aria-selected=true]::after {
position: absolute;
z-index: 3;
bottom: -3px;
right: 0;
left: 0;
content: "";
}
.lp__tab [role=tabpanel]:focus {
border-color: #ffd380;
}
.lp__tablist {
position: relative;
/*overflow-x: scroll;*/
white-space: nowrap;
display: block;
}
.lp__tablist li {
float: left;
position: relative;
display: block;
margin-right: 8px;
width: 100%;
}
.lp__tablist li:last-child {
margin-right: 0px;
}
.lp__tablist li a {
text-align: center;
}
.lp__tablist li a:hover{
color: #fff;
background-color: #0071bc;
text-decoration: none;
}
@media (min-width: 550px) {
.lp__tab [role=tab] {
width: auto;
}
.lp__tab [role=tab][aria-selected=true] {
border-bottom: 3px solid transparent;
color: #00538A;
background-color: transparent;
width: auto;
}
.lp__tab [role=tab][aria-selected=true]::after {
border-bottom: 3px solid #00538A;
}
.lp__tablist {
position: absolute;
left: 0;
right: 0;
}
.lp__tablist li {
width: auto;
}
.lp__tablist li a:hover,
.lp__tablist li a:focus{
background-color: transparent;
border-bottom: 3px solid #00538A;
color: #00538A;
text-decoration: none;
}
}
/* == Begin scrollable tab styles === */
.lp__scroller {
text-align: center;
cursor: pointer;
display: none;
padding: 8px;
padding-top: 11px;
white-space: no-wrap;
vertical-align: middle;
background-color: #fff;
position: absolute;
z-index: 1; }
.lp__scroller i {
font-size: 1rem;
line-height: 1.6875rem;
color: #0071BC;
font-weight: 600; }
@media (max-width: 599px) {
.lp__scroller {
display: none !important; } }
.lp__scroller_right {
float: right;
right: -10px; }
.lp__scroller_left {
float: left;
left: -10px; }
.lp__wrapper {
position: relative;
margin: 0 auto;
overflow: hidden;
min-height: 48px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 32px; }
/* == End scrollable tab styles === */
