/* Customise Page */

.kb-wrapper .kb-nav-panel {
    display: none!important;
}

body .kb-wrapper .kb-partial-wrap {
    width: 100%!important;
    max-width: 100%!important;
}

body .kb-wrapper .kb-breadcrumbs {
    display: none!important;
}

body .kb-wrapper .kb-customise-page .kb-preview-panel {
    float: right!important;
    width: 35%!important;
}

body .kb-wrapper .kb-customise-page .kb-preview-image,
body .kb-wrapper .kb-customise-page .kb-3d-wrapper {
    border: none!important;
    width: 100%!important;
}

body .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
    float: left!important;
    width: 55%!important;
    margin-top: 90px!important;
}

body .kb-wrapper .kb-customise-page .kb-customise-wizard {
    border: none!important;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {
    border: none!important;
    display: flex!important;
    counter-reset: wizard-breadcrumb;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb {
    flex: 1 0 10%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    counter-increment: wizard-breadcrumb;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb a {
    flex: 0 0 100%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb a:before {
    content: counter(wizard-breadcrumb);
    display: flex;
    border: 1px solid #000;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb.kb-wizard-breadcrumb-active a:before {
    background: #000!important;
    color: #fff!important;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb span {
    flex: 0 0 100%!important;
    justify-content: center;
    align-items: center;
    text-transform: uppercase!important;
    font-weight: bold;
}

body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb:after,
body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner:before,
body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner:after {
    display: none!important;
}

body .kb-wrapper .kb-customise-page .kb-preview-design-name {
    display: none!important;
}

body .kb-wrapper .kb-wizard-step,
body .kb-wrapper .kb-wizard-form {
    padding: 0!important;
}

body .kb-wrapper .kb-customise-page .kb-wizard-group-header {
    background: #000!important;
}

.kb-wrapper .kb-partial-wrap .kb-button,
.kb-wrapper .kb-partial-wrap .kb-button:hover,
.kb-wrapper .kb-partial-wrap .kb-button:hover:not([disabled]) {
    background: #000!important;
    color: #fff!important;
    border: 1px solid #000!important;
    text-transform: uppercase!important;
}

/* colour picker */

body .kb-wrapper .kb-tile-picker-base {
    position: static!important;
    margin: 0!important;
}

body .kb-wrapper .kb-tile-picker-tile {
    margin: 0!important;
}

body .kb-wrapper .kb-wizard-form-field-type-colortilepicker .kb-tile-picker-list-item {
    position: relative;
    height: 35px!important;
    width: 35px!important;
    margin-top: 0px!important;
    margin-right: 0px!important;
}

body .kb-wrapper .kb-wizard-form-field-type-colortilepicker .kb-tile-picker-tile {
    height: 25px!important;
    width: 25px!important;
    position: absolute!important;
    top: 4px;
    left: 4px;
    box-shadow: 0 1px 2px 0 rgba(70,70,70,0.2),0 4px 12px 0 rgba(60,60,60,0.1) !important;
    border: none!important;
    border-radius: 100%!important;
}

body .kb-wrapper .kb-wizard-form-field-type-colortilepicker .kb-tile-picker-tile:hover {
    position: absolute!important;
    height: 30px!important;
    width: 30px!important;
    top: 2.5px;
    left: 2.5px;
}

body .kb-wrapper .kb-wizard-form-field-type-colortilepicker .kb-tile-picker-radio:checked+.kb-tile-picker-tile {
    width: 35px!important;
    height: 35px!important;
    top: 0!important;
    left: 0!important;
    box-shadow: 0 3px 12px 0 rgba(80,80,80,0.5) !important;
}

body .kb-wrapper .kb-wizard-form-field-type-colortilepicker .kb-tile-picker-radio:checked+.kb-tile-picker-tile:after {
    display: none!important;
}

/* editor colours */

body .kb-wrapper .kb-editor-colors .kb-tile-picker-list-item {
    position: relative;
    height: 35px!important;
    width: 35px!important;
    margin-top: 0px!important;
    margin-right: 0px!important;
    margin-bottom: 5px!important;
}

body .kb-wrapper .kb-editor-colors .kb-tile-picker-tile {
    height: 25px!important;
    width: 25px!important;
    position: absolute!important;
    top: 4px;
    left: 4px;
    box-shadow: 0 1px 2px 0 rgba(70,70,70,0.2),0 4px 12px 0 rgba(60,60,60,0.1) !important;
    border: none!important;
    border-radius: 100%!important;
}

body .kb-wrapper .kb-editor-colors .kb-tile-picker-tile:hover {
    position: absolute!important;
    height: 30px!important;
    width: 30px!important;
    top: 2.5px;
    left: 2.5px;
}

body .kb-wrapper .kb-editor-colors .kb-tile-picker-tile.kb-tile-picker-radio-selected {
    position: absolute!important;
    height: 35px!important;
    width: 35px!important;
    top: 0px;
    left: 0px;
}

body .kb-wrapper .kb-editor-colors .kb-tile-picker-radio-selected:after {
    display: none!important;
}

body .kb-wrapper .kb-vector-wrapper .kb-editor-buttons {
    display: none!important;
}
/* other */

body .kb-wrapper .kb-customise-page .kb-print-view-button, 
body .kb-wrapper .kb-customise-page .kb-change-design-button, 
body .kb-wrapper .kb-customise-page .kb-change-view-button {
    background: none!important;
    font-weight: bold!important;
    color: #000!important;
    text-transform: uppercase!important;
}

body .kb-wrapper .kb-wizard-form-field-type-tilepicker .kb-tile-picker-list-item {
    margin-right: 5px!important;
}

/* final */

body .kb-wrapper .kb-final-category-preview .kb-final-category-preview-inner {
    width: 100%!important;
    display: flex;
    flex-wrap: wrap;
}

body .kb-wrapper .kb-final-category-preview .kb-category-final-names {
    display: none!important;
}

body .kb-wrapper .kb-final-category-header-wrapper,
body .kb-wrapper .kb-final-cta-header,
body .kb-wrapper .kb-final-category-preview {
    border: none!important;
}

body .kb-wrapper .kb-final-cta-header {
    font-weight: bold!important;
    font-size: 26px!important;
}

body .kb-wrapper .kb-final-page .kb-add-buttons {
    display: none!important;
}

body .kb-wrapper .kb-final-category-preview {
    display: flex;
    flex-wrap: wrap;
}

body .kb-wrapper .kb-basket-item-double-col {
    display: flex!important;
    flex-wrap: wrap!important;
    flex: 0 0 50%;
    justify-content: center;
}

body .kb-wrapper .kb-basket-item-double-col .kb-final-overlay-wrap {
    flex: 0 0 50%!important;
}

body .kb-wrapper .kb-basket-item-double-col .kb-final-overlay-wrap img {
    width: 100%;
}

@media all and (min-width: 800px) {
    body .kb-wrapper .kb-basket-item-double-col {
        flex: 1 0 33%;
    }
}


@media all and (max-width: 450px) {
    body .kb-wrapper .kb-basket-item-double-col {
        flex: 1 0 100%;
    }
}

/* final page */

body .kb-wrapper .kb-final-button,
body .kb-wrapper .kb-final-button:link, 
body .kb-wrapper .kb-final-button:visited {
    background: #000!important;
    color: #fff!important;
    text-transform: uppercase!important;
}

/* categories / products / designs */

body .kb-wrapper .kb-categories,
body .kb-wrapper .kb-designs {
    display: flex;
    flex-wrap: wrap;
}

body .kb-wrapper .kb-categories .kb-category,
body .kb-wrapper .kb-designs .kb-design {
    flex: 0 0 25%;
    border: none!important;
    margin: 0px!important;
    margin-bottom: 10px!important;
}

body .kb-wrapper .kb-categories .kb-category-img,
body .kb-wrapper .kb-designs .kb-design-img {
    width: 100%!important;
    height: auto!important;
}

body .kb-wrapper .kb-categories .kb-category-name,
body .kb-wrapper .kb-designs .kb-design-name {
    width: 100%!important;
    position: static;
    background: none!important;
    color: #000!important;
    text-transform: uppercase!important;
    font-size: 16px!important;
}

@media all and (min-width: 500px) and (max-width: 800px) {
    body .kb-wrapper .kb-categories .kb-category,
    body .kb-wrapper .kb-designs .kb-design {
        flex: 0 0 33%;
        border: none!important
    }
}

@media all and (max-width: 499px) and (min-width: 375px) {
    body .kb-wrapper .kb-categories .kb-category,
    body .kb-wrapper .kb-designs .kb-design {
        flex: 0 0 50%;
        border: none!important
    }
}

@media all and (max-width: 374px) {
    body .kb-wrapper .kb-categories .kb-category,
    body .kb-wrapper .kb-designs .kb-design {
        flex: 0 0 100%;
        border: none!important
    }
}

@media all and (max-width: 1200px) {
    body .kb-wrapper .kb-customise-page .kb-preview-panel {
        width: 45%!important;
    }
}

@media all and (max-width: 980px) {
    body .kb-wrapper .kb-customise-page .kb-preview-panel {
        width: 100%!important;
    }
    body .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
        width: 100%!important;
    }
}

@media all and (max-width: 600px) {
    body .kb-wrapper .kb-general-mobile-styles .kb-wizard {
        max-height: calc(40vh - 60px)!important;
        overflow-y: auto;
    }

    body .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li {
        flex: 1 0 1%!important;
    }
}