.tabbed-content *[role="tablist"] {
    text-align: left;
    list-style: none;
    width: 100%;
    border-bottom: 3px solid #4e2a84;
    margin: 0 0 1.5rem 0;
}

.tabbed-content *[role="tablist"] *[role="tab"] {
    background-color: #e4e0ee;
    color: #4e2a84;
    cursor: pointer;
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
    width: 100%;
    padding: 0.5em 0.9em;
    margin: 0 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    z-index: 1;
}

.tabbed-content *[role="tablist"] *[role="tab"]:last-child {
    margin-bottom: 0;
}

.tabbed-content *[role="tablist"] *[role="tab"]:hover,
.tabbed-content input[type="radio"]:checked:nth-of-type(1) ~ *[role="tablist"] *[role="tab"]:nth-of-type(1),
.tabbed-content input[type="radio"]:checked:nth-of-type(2) ~ *[role="tablist"] *[role="tab"]:nth-of-type(2),
.tabbed-content input[type="radio"]:checked:nth-of-type(3) ~ *[role="tablist"] *[role="tab"]:nth-of-type(3),
.tabbed-content input[type="radio"]:checked:nth-of-type(4) ~ *[role="tablist"] *[role="tab"]:nth-of-type(4),
.tabbed-content input[type="radio"]:checked:nth-of-type(5) ~ *[role="tablist"] *[role="tab"]:nth-of-type(5),
.tabbed-content input[type="radio"]:checked:nth-of-type(6) ~ *[role="tablist"] *[role="tab"]:nth-of-type(6),
.tabbed-content input[type="radio"]:checked:nth-of-type(7) ~ *[role="tablist"] *[role="tab"]:nth-of-type(7),
.tabbed-content input[type="radio"]:checked:nth-of-type(8) ~ *[role="tablist"] *[role="tab"]:nth-of-type(8),
.tabbed-content input[type="radio"]:checked:nth-of-type(9) ~ *[role="tablist"] *[role="tab"]:nth-of-type(9),
.tabbed-content input[type="radio"]:checked:nth-of-type(10) ~ *[role="tablist"] *[role="tab"]:nth-of-type(10) {
    background-color: #4e2a84;
    color: #ffffff;
    text-decoration: none;
}

.tabbed-content *[role="tabpanellist"] ~ *[role="tablist"] *[role="tab"]::after {
    content: none !important;
}

.tabbed-content *[role="tabpanel"] {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.tabbed-content input[type="radio"]:checked:nth-of-type(1) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(1),
.tabbed-content input[type="radio"]:checked:nth-of-type(2) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(2),
.tabbed-content input[type="radio"]:checked:nth-of-type(3) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(3),
.tabbed-content input[type="radio"]:checked:nth-of-type(4) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(4),
.tabbed-content input[type="radio"]:checked:nth-of-type(5) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(5),
.tabbed-content input[type="radio"]:checked:nth-of-type(6) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(6),
.tabbed-content input[type="radio"]:checked:nth-of-type(7) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(7),
.tabbed-content input[type="radio"]:checked:nth-of-type(8) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(8),
.tabbed-content input[type="radio"]:checked:nth-of-type(9) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(9),
.tabbed-content input[type="radio"]:checked:nth-of-type(10) ~ *[role="tabpanellist"] *[role="tabpanel"]:nth-of-type(10) {
    /* "initial" is not a valid value for any old version of IE (11-, anything not edge) */
    height: auto;
    height: initial;
    overflow: visible;
    overflow: initial;
    visibility: visible;
    visibility: initial;
    opacity: 1;
}

@media screen and ( min-width: 768px ) {
    
    .tabbed-content *[role="tablist"] *[role="tab"] {
        width: auto;
        padding: 0.6em 0.9em;
        margin: 0 5px 0 0;
    }
    
    .tabbed-content *[role="tablist"] *[role="tab"]:last-child {
        margin-right: 0;
    }
    
}