@media (max-width: 767px) {
.section.section-prominent {
padding: 10px;
margin: 0;
}
}
.section.section-prominent .article a {
color: #fff;
font-family: CodeProRegular, Verdana, Tahoma, sans-serif;
margin-top: 24px;
text-decoration: underline;
text-decoration-color: transparent;
transition: text-underline-offset 0.3s ease, text-decoration-color 0.3s ease;
text-underline-offset: 0;
border: none;
}
.section.section-prominent .article a:hover {
text-decoration-color: #fff;
text-decoration: underline;
text-underline-offset: 4px;
}
.section.section-prominent + .section-related {
overflow-x: hidden;
}
.section.section-prominent + .section-related .nav-tabs-wrapper {
position: relative;
}
.section.section-prominent + .section-related .nav-tabs-wrapper:before {
content: "";
display: block;
background: #0072bc;
position: absolute;
top: 0;
bottom: -1px;
left: -100vw;
right: -100vw;
}
@media (max-width: 767px) {
.section.section-prominent + .section-related .nav-tabs-wrapper:before {
bottom: 0;
}
}
.section.section-prominent + .section-related .nav-tabs-wrapper .nav-tabs:before {
background-color: #0072BC;
}
.section.section-prominent + .section-related .nav-tabs-wrapper .nav-tabs .nav-tab:not(.active) a {
background-color: #0072BC;
border: 1px solid #fff !important;
border-bottom: none !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.section.section-prominent + .section-related .nav-tabs-wrapper .nav-tabs .nav-tab:not(.active) a:hover {
background-color: #ffffff;
}
tef-carousel {
margin-bottom: 0 !important;
}
tef-carousel + .section-related {
overflow-x: hidden;
}
tef-carousel + .section-related .nav-tabs-wrapper {
position: relative;
}
tef-carousel + .section-related .nav-tabs-wrapper:before {
content: "";
display: block;
background: #0072bc;
position: absolute;
top: 0;
bottom: -1px;
left: -100vw;
right: -100vw;
}
@media (max-width: 767px) {
tef-carousel + .section-related .nav-tabs-wrapper:before {
bottom: 0;
}
}
tef-carousel + .section-related .nav-tabs-wrapper .nav-tabs:before {
background-color: #0072BC;
}
tef-carousel + .section-related .nav-tabs-wrapper .nav-tabs .nav-tab:not(.active) a {
background-color: #0072BC;
border: 1px solid #fff !important;
border-bottom: none !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
tef-carousel + .section-related .nav-tabs-wrapper .nav-tabs .nav-tab:not(.active) a:hover {
background-color: #ffffff;
}