@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700");
.cd-article-link {
color: hsl(225, 31%, 52.9%);
color: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l) * 2.3));
font-size: 0.83333em;
font-size: var(--text-sm);
}
.cd-tabs {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0px !important;
}
@media (min-width: 48rem) {
.cd-tabs {
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 64rem) {
.cd-tabs {
display: block;
}
}
@supports (background: linear-gradient(to left, #000, #000)) {
.cd-tabs::after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 50px;
z-index: 1;
pointer-events: none;
background: linear-gradient(to left, hsl(54, 42%, 95%), hsla(54, 42%, 95%, 0));
background: linear-gradient(to left, var(--cd-color-2), hsla(var(--cd-color-2-h), var(--cd-color-2-s), var(--cd-color-2-l), 0));
visibility: visible;
opacity: 1;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
@media (min-width: 48rem) {
.cd-tabs::after {
display: none;
}
}
.cd-tabs--scroll-ended::after {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
}
.cd-tabs__navigation {
background: hsl(54, 42%, 95%);
background: var(--cd-color-2);
--cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
--cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l) * 0.68), 0.06);
box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
}
@media (min-width: 48rem) {
.cd-tabs__navigation {
width: 80px;
-ms-flex-negative: 0;
flex-shrink: 0;
box-shadow: inset -2px 0 3px hsla(54, 42%, 64.6%, 0.06);
box-shadow: inset -2px 0 3px var(--cd-color-shadow);
}
}
@media (min-width: 64rem) {
.cd-tabs__navigation {
display: -ms-flexbox;
display: flex;
width: auto;
background: transparent;
box-shadow: none;
}
}
.cd-tabs__list {
display: -ms-flexbox;
display: flex;
#overflow-x: auto;
overflow-x: none !important;
overflow-y: unset !important;
-webkit-overflow-scrolling: touch;
}
.cd-tabs__list li {
-ms-flex-negative: 0;
flex-shrink: 0;
list-style: none;
margin-bottom: 15px;
border-right: 1px solid #eee;
padding: 0px 45px;
}
.cd-tabs__list li:nth-child(5){
border-right: none !important
}
@media (min-width: 48rem) {
.cd-tabs__list {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 64rem) {
.cd-tabs__list {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
flex-direction: row;
background-color: hsl(54, 42%, 95%);
background-color: var(--cd-color-2);
--cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
--cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l) * 0.68), 0.06);
box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
}
@media (min-width: 64rem) {
.cd-tabs__list {
box-shadow: inset 0 -2px 3px hsla(54, 42%, 64.6%, 0.06);
box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
margin: 0 auto;
max-width: 1250px;
}
}
}
.cd-tabs__item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: auto !important;
width: auto !important;
font-size: 0.76388em;
font-size: calc(var(--text-xs) * 1.1);
font-weight: 700;
color: hsl(54, 8%, 75%);
color: var(--cd-color-3);
text-decoration: none;
display: block !important;
text-align: center;
}
.cd-tabs__item.cd-tabs__item--selected:after {
color: #e20a17;
border-bottom: 3px solid #e20a17 !important;
}
.cd-tabs__item:after {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "\f0d8";
border-bottom: 3px solid #bababa !important;
color: #bababa;
display: block;
max-width: 100px;
margin: 4px auto 0 auto !important;
font-size: 42px;
line-height: 12px;
}
.cd-tabs__list li:nth-child(2) .cd-tabs__item:after {
max-width: 110px !important;
}
.cd-tabs__list li:nth-child(3) .cd-tabs__item:after {
max-width: 230px !important;
}
.cd-tabs__list li:nth-child(4) .cd-tabs__item:after {
max-width: 70px !important;
}
.cd-tabs__item:hover {
color: hsl(225, 31%, 23%);
color: var(--cd-color-1);
background-color: hsla(54, 42%, 84.55%, 0.3);
background-color: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l) * 0.89), 0.3);
}
.cd-tabs__item .icon {
margin-bottom: 0.25em;
margin-bottom: var(--space-xxxs);
color: inherit;
}
@media (min-width: 48rem) {
.cd-tabs__item {
height: 80px;
width: 80px;
}
}
@media (min-width: 64rem) {
.cd-tabs__item {
height: 60px;
width: auto;
padding: 0 2em;
padding: 0 var(--space-lg);
-ms-flex-direction: row;
flex-direction: row;
}
.cd-tabs__item .icon {
margin-bottom: 0;
margin-right: 0.375em;
margin-right: var(--space-xxs);
}
}
.js .cd-tabs__item--selected {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-white);
box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
box-shadow: inset 0 2px 0 var(--cd-color-4);
color: hsl(225, 31%, 23%);
color: var(--cd-color-1);
}
.js .cd-tabs__item--selected:hover {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-white);
}
.js .cd-tabs__item--selected .icon {
color: hsl(1, 84%, 63%);
color: var(--cd-color-4);
}
@media (min-width: 48rem) {
.js .cd-tabs__item--selected {
box-shadow: inset 2px 0 0 hsl(1, 84%, 63%);
box-shadow: inset 2px 0 0 var(--cd-color-4);
}
}
@media (min-width: 64rem) {
.js .cd-tabs__item--selected {
box-shadow: inset 0 2px 0 hsl(1, 84%, 63%);
box-shadow: inset 0 2px 0 var(--cd-color-4);
}
}
.cd-tabs__panels {
background: hsl(0, 0%, 100%);
background: var(--color-white);
overflow: hidden;
padding: 0px;
}
.cd-tabs__panel {
padding: 1.25em;
padding: var(--space-md);
--line-height-multiplier: 1.14;
--text-vspace-multiplier: 1.25;
}
.cd-tabs__panel p {
color: hsl(225, 31%, 63.02%);
color: hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l) * 2.74));
}
@media (min-width: 48rem) {
.cd-tabs__panel {
padding: 2em;
padding: var(--space-lg);
}
}
@media (min-width: 64rem) {
.cd-tabs__panel p {
font-size: 0.83333em;
font-size: var(--text-sm);
}
}
.js .cd-tabs__panel {
display: none;
}
.js .cd-tabs__panel--selected {
display: block;
-webkit-animation: cd-fade-in 0.5s;
animation: cd-fade-in 0.5s;
}
.cd-tabs__item h3{
margin: 25px 0 0 0 !important !important;
font-size: 24px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @media screen and (max-width: 768px) {
ul.cd-tabs__list {
padding: 0;
}
.cd-tabs__list li {
padding: 0px 20px;
}
.cd-tabs__item h3 {
font-size: 16px !important;
display:none !important;
}
.cd-tabs__item img {
height: 55px;
}
nav.cd-tabs__navigation {
padding-right: 0px !important;
}
}