.wcsf-shop-controls .btn,
section.wcsf .btn {
    border-radius: 0;
}

.wcsf .wcsf-controls {
    margin: 0;
    padding: 1rem 0 0.5rem;
    color: #fff;
    background-color: #4e7f93;
    box-shadow: -800px 0 0 #4e7f93, -100px 0 0 #4e7f93, 800px 0 0 #4e7f93, 100px 0 0 #4e7f93;
    text-align: left;
}

.wcsf .wcsf-controls .btn {
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.wcsf .wcsf-nav {
    margin-bottom: 2rem;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item {
    flex: 2 1 auto;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button:not([disabled]):active,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button:not([disabled]):focus,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button:not([disabled]):hover {
    box-shadow: none;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button-inner::before {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button::after,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button::before {
    top: 1.25rem;
}

.wcsf-nav-list.is-line .wcsf-nav-list-item:first-child {
    flex-grow: 1;
    text-align: left;
}

.wcsf-nav-list.is-line .wcsf-nav-list-item:last-child {
    flex-grow: 1;
    text-align: right;
}

.wcsf-nav-list.is-line .wcsf-nav-list-item:first-child .wcsf-nav-list-item-button::after {
    width: 100%;
    right: -2rem;
}

.wcsf-nav-list.is-line .wcsf-nav-list-item:last-child .wcsf-nav-list-item-button::before {
    width: 100%;
    left: -2rem;
}

.wcsf-nav-list-item-button-inner {
    font-size: 0;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button-inner::before {
    font-size: 16px;
    color: #fff;
    background-color: #d3dfe4;
    box-shadow: 0 0 0 2px #ffffff inset;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.past .wcsf-nav-list-item-button-inner::after,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.past .wcsf-nav-list-item-button-inner::before,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.active .wcsf-nav-list-item-button-inner::after,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.active .wcsf-nav-list-item-button-inner::before {
    background-color: #225f78;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button:not([disabled]):active .wcsf-nav-list-item-button-inner::before,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button:not([disabled]):focus .wcsf-nav-list-item-button-inner::before,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button:not([disabled]):hover .wcsf-nav-list-item-button-inner::before {
    box-shadow: 0 0 0 2px #225f78 inset;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.past .wcsf-nav-list-item-button::after,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.past .wcsf-nav-list-item-button::before,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item.active .wcsf-nav-list-item-button::before {
    border-color: #225f78;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button::after,
.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button::before {
    border-bottom: 10px solid #d3dfe4;
}

.wcsf .wcsf-nav-list.is-line .wcsf-nav-list-item-button[disabled] {
    opacity: 1 !important;
}

.wcsf .wcsf-field.is-button-checkbox .wcsf-field-input:checked~.wcsf-field-name,
.wcsf .wcsf-field.is-button-radio .wcsf-field-input:checked~.wcsf-field-name {
    background-color: #343a40;
    border-color: #343a40;
}

.wcsf .wcsf-fields-list.is-button-checkbox,
.wcsf .wcsf-fields-list.is-button-radio {
    display: flex;
    flex-wrap: wrap;
    flex-gap: 0.5rem;
    justify-content: center;
    gap: 0.5rem;
}

.wcsf-fields-list.is-button-checkbox .wcsf-field,
.wcsf-fields-list.is-button-radio .wcsf-field {
    flex: 0 1 292px;
    margin-bottom: 0;
}

.wcsf-fields-list.is-button-checkbox .wcsf-field .wcsf-field-name,
.wcsf-fields-list.is-button-radio .wcsf-field .wcsf-field-name {
    padding-right: 2px;
    padding-left: 2px;
}

.wcsf .wcsf-step {
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 1rem;
    background-color: #225f78;
    color: #fff;
    box-shadow: -800px 0 0 #225f78, -100px 0 0 #225f78, 800px 0 0 #225f78, 100px 0 0 #225f78;
}

.wcsf-description h3 {
    color: inherit;
    line-height: 1.2;
    font-weight: normal;
    font-size: 2rem;
}

@media (min-width: 920px) {
    .wcsf-description h3 {
        font-size: 3rem;
    }
}

div.wcsf-shop-controls {
    padding: 1rem 1rem 0.5rem;
    margin-bottom: 1rem;
    color: #222;
    background-color: #f3f8f9;
}

div.wcsf-shop-controls-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    text-align: left;
}

.wcsf-shop-controls-title {
    border-bottom: 1px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.2rem
}

.wcsf-shop-controls .wcsf-value-item {
    display: block;
    border-bottom: 1px solid;
}

.wcsf-shop-controls .wcsf-value-item-check {
    display: none;
}

.wcsf-shop-controls .wcsf-value-item-name {
    display: block;
    font-size: 1.15rem;
}

.wcsf-shop-controls .wcsf-value-item-value {
    display: inline-block;
    min-width: 170px;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.5rem;
    background-color: #225f78;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.wcsf-shop-controls .wcsf-control {
    border-width: 2px;
    flex: 0 1 130px;
}