﻿
#builder .kb-wrapper {
    padding: 4rem 0
}

    #builder .kb-wrapper .kb-3d-wrapper,
    #builder .kb-wrapper .kb-customise-page .kb-preview-image,
    #builder .kb-wrapper .kb-customise-page .kb-preview-panel,
    #builder .kb-wrapper .kb-customise-page .kb-preview-panel-inner,
    #builder .kb-wrapper .kb-partial-wrap {
        max-width: 100% !important
    }
    /*
#builder .kb-wrapper * {
font-family:Roboto,sans-serif!important;
font-size:1.25rem!important
}
*/
    #builder .kb-wrapper .kb-customise-page .kb-vector-wrapper {
        border: 1px solid rgba(96,96,91,.25);
        border-radius: 3px;
        transform: scale(.75)
    }

#builder .kb-category-blitz,
#builder .kb-category-code-basketball,
#builder .kb-category-code-cricket,
#builder .kb-category-code-football,
#builder .kb-category-code-hockey,
#builder .kb-category-code-netball,
#builder .kb-category-code-rugby,
#builder .kb-category-off-field-code {
    display: none !important
}

#builder .kb-category-leavers {
    display: block !important
}

#builder .kb-nav-panel {
    display: none !important
}

#builder .kb-category {
    border: 1px solid rgba(96,96,91,.25) !important;
    border-radius: 3px;
    transition: all .25s cubic-bezier(.2,.2,.1,1)
}

    #builder .kb-category:hover {
        border: 1px solid #b20a20 !important;
        box-shadow: 0 1px 2px rgba(178,10,32,.1),0 2px 4px rgba(178,10,32,.1),0 4px 8px rgba(178,10,32,.1),0 8px 16px rgba(178,10,32,.1),0 16px 32px rgba(178,10,32,.1)
    }

    #builder .kb-category .kb-category-img {
        width: 260px !important
    }

#builder .kb-wrapper span {
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1.5rem !important
}

#builder .kb-category-name {
    background: #b20a20 !important;
    width: 260px !important
}

#builder .kb-wrapper .kb-customise-page .kb-preview-image {
    border: 1px solid #b20a20 !important;
    border-radius: 3px !important
}

#builder .kb-wrapper .kb-customise-page .kb-preview-design-name {
    background: #b20a20 !important;
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1.5rem !important;
    height: 2.5rem !important;
    line-height: 2.5rem !important
}

#builder .kb-wrapper .kb-customise-page .kb-change-view-button {
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1.25rem !important
}

#builder .kb-wrapper .kb-customise-page .kb-customise-product-name {
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1.5rem !important;
    text-align: center;
    width: 100% !important
}

#builder .kb-wrapper .kb-customise-page .kb-customise-wizard {
    border: none !important;
    border-top: 1px solid rgba(96,96,91,.25) !important;
    border-radius: 3px !important
}

#builder .kb-wizard {
    max-height: auto !important;
    overflow-y: unset !important
}

#builder .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb {
    display: block !important;
    margin: 3px 0 !important
}

    #builder .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb:after {
        content: "" !important
    }

    #builder .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb a span {
        font-size: 1rem !important
    }

#builder .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active a span {
    color: #b20a20 !important
}

#builder .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {
    border-bottom: 1px solid rgba(96,96,91,.1) !important
}

#builder .kb-wrapper .kb-wizard-group-header {
    background: #60605b !important;
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1.25rem !important
}

#builder .kb-wrapper .kb-button {
    background: #b20a20 !important;
    border: 2px solid #b20a20 !important;
    border-radius: 3px !important;
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1.5rem !important;
    text-transform: uppercase !important;
    transition: all .25s cubic-bezier(.2,.2,.1,1)
}

    #builder .kb-wrapper .kb-button:hover {
        border: 2px solid hsla(0,0%,100%,.25) !important
    }

#builder .kb-wrapper .kb-final-category-header-wrapper,
#builder .kb-wrapper .kb-final-category-preview {
    border-radius: 3px !important
}

#builder .kb-final-cta-list li,
#builder .kb-wrapper .kb-final-cta-header {
    display: none !important
}

    #builder .kb-final-cta-list li:nth-of-type(4) {
        border: 2px solid hsla(0,0%,100%,.25);
        border-radius: 2px !important;
        background-color: #b20a20 !important;
        display: block !important;
        margin: 0 auto !important;
        padding: 1rem 2rem !important;
        text-align: center !important
    }

        #builder .kb-final-cta-list li:nth-of-type(4) span {
            display: none !important
        }

        #builder .kb-final-cta-list li:nth-of-type(4) a {
            color: #fff !important;
            font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important
        }

            #builder .kb-final-cta-list li:nth-of-type(4) a:after {
                content: " Your Design"
            }

#builder .kb-wrapper .kb-add-buttons .kb-final-button {
    background-color: #b20a20 !important;
    border-radius: 2px !important;
    font-family: aktiv-grotesk-extended,aktiv-grotesk,Roboto,sans-serif !important;
    font-size: 1rem !important;
    margin: 6px !important
}

@media screen and (max-width:480px) {
    #builder .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
        width: 100% !important
    }

    #builder .kb-wrapper .kb-customise-page .kb-preview-image {
        border: 1px solid rgba(178,10,32,0) !important;
        border-radius: 3px !important
    }
}

@media screen and (min-width:480px) {
    #builder .kb-wrapper .kb-customise-page .kb-vector-wrapper {
        border: none;
        border-radius: 0;
        transform: scale(1)
    }
}


.kb-wrapper .kb-basket-item {
    display: none;
}  /* hide all cart items, only the current one is shown */

