/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body .kb-wrapper .kb-categories{padding-bottom: 8% !important;}
body .kb-wrapper .kb-single-item-checkout {padding-bottom: 8% !important;}

body div.kb-wrapper div.kb-inline .kb-partial-wrap{margin-left: auto!important; margin-right: auto!important; float: none!important;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb:first-child > a{ border-top-left-radius:5px!important; border-bottom-left-radius:5px!important;}
body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb:last-child > a{ border-top-right-radius:5px!important; border-bottom-right-radius:5px!important;}


body div.kb-wrapper div.kb-customise-page .kb-preview-image {width: 450px!important; height: 700px!important;}
/* body div.kb-wrapper .kb-customise-page .kb-preview-panel-inner {border: 1px solid !important;} */

body div.kb-wrapper div.kb-customise-page .kb-change-view-button.kb-front-view-button{top: 20px !important;}
body div.kb-wrapper div.kb-customise-page .kb-change-view-button.kb-back-view-button{top: 50px!important;}

body div.kb-wrapper div.kb-customise-page .kb-change-view-button.kb-front-view-button:hover{color: #ffffff !important;}
body div.kb-wrapper div.kb-customise-page .kb-change-view-button.kb-back-view-button:hover{color: #ffffff !important;}

body div.kb-wrapper div.kb-custom-form .kb-button.kb-button-back {--bg-color: #2b2b2d !important; color: #fff !important;padding: 5px 20px !important;font-size: 12px !important;}
body div.kb-wrapper div.kb-custom-form .kb-button.kb-button-back:hover {--bg-color: #09a8d3 !important; color: #ffffff !important;}

body div.kb-wrapper div.kb-editor .kb-editor-tabs .kb-button:hover {background: #09a8d3!important; color: #ffffff !important;}
body div.kb-wrapper div.kb-editor .kb-editor-tabs .kb-button{color: #343436!important;}
body div.kb-wrapper div.kb-editor .kb-editor-tabs .kb-editor-tab-selected {background: #09a8d3 !important;color: #ffffff !important;}

body div.kb-wrapper div.kb-editor-info .kb-button {color: #fff !important;background-color: #2b2b2d !important;}
body div.kb-wrapper div.kb-editor-info .kb-button:hover {background: #09a8d3 !important;}

body div.kb-wrapper .kb-breadcrumbs{padding-bottom: 30px !important;}

body div.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner .kb-button {background: #054963 !important;color: #343436 !important;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb span:hover {background: #09a8d3 !important; color: #FFFFFF !important; border-radius: 0px !important;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb span { background: #054963 !important; color: #fff !important; --text-color: #fff; height: 20px!important;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb:first-child {border-top-left-radius: 5px !important;border-bottom-left-radius: 5px !important;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb {--bg-color: #FFFFFF !important;}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb > a, a.kb-button.kb-button-prev.kb-button-light.ng-binding, a.kb-button.kb-button-next.ng-binding, a.kb-button.kb-button-finish.ng-binding, body a.kb-front-view-button.kb-change-view-button.ng-scope, body a.kb-back-view-button.kb-change-view-button.ng-scope{background: #054963!important; color: #fff!important;border-radius: 0px !important;}

body a.kb-button.kb-button-prev.kb-button-light.ng-binding:hover, body a.kb-button.kb-button-next.ng-binding:hover, body a.kb-button.kb-button-finish.ng-binding:hover, body a.kb-front-view-button.kb-change-view-button.ng-scope:hover, body a.kb-back-view-button.kb-change-view-button.ng-scope:hover{background: #09a8d3 !important;}
body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner {color: #FFFFFF !important; background-color:#09a8d3 !important; border-radius: 0px !important;}
body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb-active{color: #FFFFFF !important; background-color:#09a8d3 !important; border-radius: 0px !important;}

body div.kb-wrapper div.kb-customise-design-selector .kb-customise-design-selector-selected {border: 0px !important; justify-content: center;}
body div.kb-wrapper div.kb-customise-design-selector .kb-customise-design-selector-design {border: solid 1px #fff!important;}
body div.kb-wrapper div.kb-customise-design-selector .kb-customise-design-selector-design-name {background: #054963 !important; color: #fff !important;}
body div.kb-wrapper div.kb-customise-design-selector .kb-customise-design-selector-design-name:hover {background: #09a8d3 !important; color: #FFFFFF !important;}
body div.kb-wrapper div.kb-final-cta-list li a{background: #054963!important; color: #343436!important; --text-color:#343436 !important;}
body div.kb-wrapper div.kb-final-cta-list li a:hover{background: #09a8d3!important; color: #FFFFFF!important;--bg-color:#408EC5 !important;}

body div.kb-wrapper div.kb-final-button:link {background: #054963!important; color: #343436!important;}
body div.kb-wrapper div.kb-final-button:link:hover{background: #09a8d3!important; color: #FFFFFF!important;}

body div.kb-wrapper div.kb-final-button:visited {background: #054963!important; color: #343436!important;}
body div.kb-wrapper div.kb-final-button:visited:hover{background: #09a8d3!important; color: #FFFFFF!important;}

body div.kb-wrapper div.kb-button, body div.kb-wrapper div.kb-final-buttons-wrapper div.kb-final-button, body div.kb-wrapper div.kb-final-cta-list li a, body div.kb-wrapper div.kb-customise-page div.kb-change-design-button {--bg-color: #054963 !important;color: #343436!important;border-radius: 0px !important;}

body div.kb-wrapper div.kb-final-cta-list li a:hover, body div.kb-wrapper div.kb-customise-page .kb-change-design-button {--bg-color: #054963 !important; color: #FFFFFF!important;}

body div.kb-wrapper div.kb-editor-placed-images-heading, div.kb-wrapper .kb-unapproved-images-heading, div.kb-wrapper .kb-approved-images-heading {
    background: rgb(255 255 255 / 40%)!important;
    color: #343436!important;
}

body.page-id-29756 .kb-wrapper .kb-button:hover, body.page-id-29756 .kb-wrapper .kb-button:hover:not([disabled]), body.page-id-29756 .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:hover, body.page-id-29756 .kb-wrapper .kb-final-cta-list li a:hover, body.page-id-29756 .kb-wrapper .kb-customise-page .kb-change-design-button:hover {
    background: #09a8d3 !important;
    border: 0 !important;
    opacity: 1 !important;
}
body a.kb-button.kb-button-close {background-color: #054963 !important;}
body a.kb-button.kb-button-close:hover {background-color: #09a8d3 !important;}

body .kb-wrapper .kb-single-item-checkout .kb-buttons .kb-button:hover {background:#09a8d3 !important}

body a.kb-button.kb-button-popup-form-submit.kb-button-form.kb-form-button-submit.kb-icon.kb-icon-none {background-color: #054963 !important;font-size: 12px !important;}
body a.kb-button.kb-button-popup-form-submit.kb-button-form.kb-form-button-submit.kb-icon.kb-icon-none:hover {background-color: #09a8d3 !important;}

body div.kb-wrapper .kb-final-cta-list li.kb-final-page-social-html a {background:#054963 !important;}

body div.kb-wrapper div.kb-customise-page .kb-customise-edit-panel {margin-top: 0 !important; width: 50% !important;}

body div.kb-wrapper div.kb-customise-page .kb-preview-panel {float: right !important; margin-right: 1% !important; width: 45% !important; height: 750px!important;}

/* body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumbs {border: 1px solid #cce8a8 !important; border-radius: 5px !important;} */

body div.kb-wrapper div a.kb-button.kb-button-single-item-checkout-prev.kb-button-light.ng-binding, a.kb-button.kb-button-single-item-checkout-final-page.ng-binding, body div.kb-wrapper a.kb-button.kb-button-size-chart, body div.kb-wrapper a.kb-button.kb-button-single-item-checkout-buy-now.ng-binding,a.kb-button.kb-tdi-download-button.ng-scope, label.kb-button.kb-tdi-upload-button.ng-binding,a.kb-button.kb-add-unit.ng-binding, div.kb-wrapper ul.kb-final-cta-list li a, div a.kb-final-change-design.kb-final-button.ng-binding, div a.kb-final-edit.kb-final-button.ng-binding, div a.kb-final-remove.kb-final-button.ng-binding, div a.kb-final-buy.kb-final-button.ng-binding.ng-scope,div a.kb-final-submit-design.kb-final-button.ng-binding.ng-scope  {color: #fff!important; background:#054963!important}
body div.kb-wrapper div a.kb-button.kb-button-single-item-checkout-prev.kb-button-light.ng-binding:hover, body div.kb-wrapper a.kb-button.kb-button-single-item-checkout-final-page.ng-binding:hover, body div.kb-wrapper a.kb-button.kb-button-size-chart:hover, body div.kb-wrapper a.kb-button.kb-button-single-item-checkout-buy-now.ng-binding:hover, div a.kb-button.kb-tdi-download-button.ng-scope:hover, div label.kb-button.kb-tdi-upload-button.ng-binding:hover, div a.kb-button.kb-add-unit.ng-binding:hover, div.kb-wrapper ul.kb-final-cta-list li a:hover, div.kb-wrapper div a.kb-final-change-design.kb-final-button.ng-binding:hover, div a.kb-final-edit.kb-final-button.ng-binding:hover, div a.kb-final-remove.kb-final-button.ng-binding:hover, div a.kb-final-buy.kb-final-button.ng-binding.ng-scope:hover, div a.kb-final-submit-design.kb-final-button.ng-binding.ng-scope:hover {background-color: #09a8d3!important; color: #ffffff !important;}
@media (max-width: 600px){
	body .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-breadcrumbs {
    display: block!important;
    text-align: center !important;
}
	body div.kb-wrapper div.kb-customise-page .kb-preview-panel{
		height: auto !important;
	}
}
body .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner{ border-radius: 0 !important; }
body div.kb-wrapper div.kb-customise-page .kb-3d-wrapper {height: 700px !important;width: 350px !important;}
/* 
body div.kb-wrapper .kb-pane-teams.ng-scope:before {
   content:"Enter player details below ( Ignore if you've already uploaded the excel sheet)"!important; */
/* } */
/* .kb-wrapper .kb-tdi:before{content:"*Maximum quantity of 10 pieces."!important;margin-bottom:10px!important;} */
.kb-wizard-form-label.kb-wizard-form-label-full-width.ng-scope{display:none!important;}
body div.kb-wrapper div.kb-tdi-description-top.kb-content.ng-scope{
	display:none!important;
}
.kb-pane-teams.ng-scope .kb-group.ng-hide{
	display: block!important;
}
/* tr.kb-table-row.kb-price-breakdown-row.ng-scope td:first-child:before{
	content:'Premium Fabric'!important;
} */
body div.kb-wrapper input{
    border-radius: 0px!important;
    padding: 5px 2px!important;
}
body div.kb-wrapper select.ng-pristine.ng-invalid.ng-invalid-required{
	padding: 5px 2px!important;
}

body div.kb-wrapper div.kb-customise-page .kb-wizard-breadcrumb-inner{font-size:11px!important}
/* body div.kb-wrapper select.ng-dirty.ng-valid.ng-valid-required{
	padding: 5px 2px!important;
} */
.kb-wrapper .kb-customise-page .kb-customise-product-unit-price{
	display:none!important;
}
body div.kb-wrapper .kb-buttons{margin-top:15px!important}
body div.kb-wrapper .kb-3d-wrapper.ng-isolate-scope {
    margin-top: -10%!important;
}
body li.kb-final-page-print {
    display: none !important;
}
@media(max-width: 600px){
/*     body div.kb-wrapper .kb-general-mobile-styles div.kb-customise-page .kb-customise-edit-panel.kb-active-panel{bottom:-250px!important;}
    body div.kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav.kb-mobile-only{bottom:-350px!important;}
    body div.main_footer{padding-top: 400px!important;} */
/*     body div.kb-wrapper .kb-preview-panel:before {
    content: 'For proper display on the mobile version of our uniform designer, please set the zoom to 0%.';
    font-size: 40px;
    } */
	body div.kb-wrapper div.kb-fov-zoom{
	bottom: 350px!important;
	}
body .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner > li.kb-customize-mobile-nav-item-active > a {
    background-color: #054963 !important;
}

body .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner > li > a{
    background-color: #054963 !important;
}
body .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav-active .kb-customize-mobile-nav-inner > li.kb-customize-mobile-nav-item-active > a{
		opacity: 1 !important;
	}
	body .kb-3d-wrapper canvas {
    width: 240px !important;
    height: auto !important;
}
}


*{
    box-sizing: border-box;
}
/* hide the kitbuilder */