/* FONTS */
body .kb-wrapper h1, 
body .kb-wrapper h2, 
body .kb-wrapper h3, 
body .kb-wrapper h4, 
body .kb-wrapper h5, 
body .kb-wrapper h6, 
body .kb-wrapper input, 
body .kb-wrapper p, 
body .kb-wrapper li, 
body .kb-wrapper div, 
body .kb-wrapper q, 
body .kb-wrapper cite, 
body .kb-wrapper blockquote, 
body .kb-wrapper span {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif !important;
	color: #3a3a3a !important;
}

/* HIDE USED ELEMENTS */
body .kb-wrapper .kb-nav-panel,
body .kb-wrapper .kb-customise-page .kb-preview-design-name,
body .kb-wrapper .kb-customise-page .kb-change-design-button {
	display: none !important;
}

/* LAYOUT */
body .kb-wrapper {
	padding: 5px !important;
}

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

body .kb-wrapper .kb-partial-wrap > div {
	max-width: 1200px !important;
	margin: 0 auto !important;
}

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

body .kb-wrapper .kb-breadcrumbs {
	text-align: center !important;
	margin: 10px 0 50px !important;
}

body .kb-wrapper .kb-breadcrumb, 
body .kb-wrapper .kb-breadcrumb-selected {
	font-size: 16px !important;
}

/* CATEGORIES */
body .kb-wrapper .kb-categories, 
body .kb-wrapper .kb-designs {
	text-align: center !important;
}

body .kb-wrapper .kb-categories .kb-category,
body .kb-wrapper .kb-designs .kb-design {
	width: calc(25% - 10px) !important;
	box-sizing: border-box !important;
	border: none !important;
	display: inline-block !important;
	float: none !important;
}

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

body .kb-wrapper .kb-categories .kb-category:hover .kb-category-img, 
body .kb-wrapper .kb-designs .kb-design:hover .kb-design-img {
	transform: scale(1.05) !important;
	transition: all .2s !important;
}

body .kb-wrapper .kb-categories .kb-category-name,
body .kb-wrapper .kb-designs .kb-design-name {
	width: 100% !important;
	background: transparent !important;
	color: #3a3a3a !important;
	font-size: 16px !important;
	height: 40px !important;
	line-height: 40px !important;
	position: relative !important;
	padding: 0 !important;
}

/* PREVIEW PANEL */
body .kb-wrapper .kb-customise-page .kb-preview-panel {
	width: calc(100% - 500px) !important;
	margin-left: auto !important;
}

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

body .kb-wrapper .kb-3d-wrapper {
	height: 650px !important;
}

/* CUSTOMIZE PANEL */
body .kb-wrapper .kb-customise-page .kb-customise-edit-panel {
	width: 430px !important;
}

body .kb-wrapper .kb-customise-page .kb-customise-product-name {
	position: absolute;
	left: 0 !important;
	width: 100% !important;
	top: 49px;
	text-align: center;
	font-size: 25px !important;
}

body .kb-wrapper .kb-wizard-group-header {
	background: #081226 !important;
	text-align: center !important;
	padding: 10px !important;
	margin-top: 10px !important;
}

body .kb-wrapper .kb-wizard-group-header-selected,
body .kb-wrapper .kb-wizard-group-header:hover {
	background: #25c4f1 !important;
}

body .kb-wrapper .kb-wizard-group-header:after {
	display: none !important;
}

body .kb-wrapper .kb-navigation-buttons .kb-button {
	width: 100% !important;
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 10px !important;
	box-sizing: border-box !important;
}

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

.kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {
	padding: 5px 0 !important;
}

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

body .kb-wrapper .kb-button {
	background: #081226 !important;
	border: none !important;
}

body .kb-wrapper .kb-button:hover:not([disabled]) {
	background: #25c4f1 !important;
}

body .kb-wrapper .kb-tile-picker-tile {
	width: 28px !important;
	height: 28px !important;
	border-radius: 100% !important;
}

/* DESIGN SELECTOR */
body .kb-wrapper .kb-design-selector {
	width: calc(100% - 500px) !important;
	margin: 0 auto !important;
}

body .kb-wrapper .kb-design-selector-heading {
	padding: 15px 0 10px !important;
}

body .kb-wrapper .kb-design-selector-designs {
	display: flex !important;
	flex-wrap: nowrap !important;
	flex-direction: row !important;
	overflow-x: auto !important;
}

body .kb-wrapper .kb-design-selector .kb-design-selector-design {
	min-width: 190px !important;
	max-width: 190px !important;
	box-sizing: border-box !important;
	border: none !important;
}

body .kb-wrapper .kb-design-selector .kb-design-selector-design img {
	border: 2px solid #ffffff !important;
}

body .kb-wrapper .kb-design-selector .kb-design-selector-design.kb-design-selector-selected img {
	border-color: #FF0000 !important;
}

body .kb-wrapper .kb-design-selector .kb-design-selector-design > a:hover img {
	background-color: #EDEDED !important;
}

body .kb-wrapper .kb-design-selector .kb-design-selector-design-img {
	width: 100% !important;
}

body .kb-wrapper .kb-design-selector .kb-design-selector-design-name {
	background: transparent !important;
	color: #3a3a3a !important;
}

/* -- MY DESIGNS -- */
body .kb-wrapper .kb-final-button {
	background: #54595F !important;
	font-weight: bold !important;
	padding: 10px !important;
}

body .kb-wrapper .kb-final-button:hover {
	background: #FF5151 !important;
}

body .kb-wrapper .kb-final-category-preview .kb-category-final-names {
	background: transparent !important;
	color: #000000 !important;
}

body .kb-wrapper .kb-final-category-preview .kb-category-final-names * {
	color: #000000 !important;
	font-weight: bold !important;
}

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

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

body .kb-wrapper .kb-basket-item .kb-final-buttons-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
}

body .kb-wrapper .kb-basket-item .kb-final-buttons-wrapper .kb-final-button {
	width: calc(50% - 5px) !important;
	margin: 2.5px !important;
	box-sizing: border-box !important;
}

body .kb-wrapper .kb-basket-item .kb-final-buttons-wrapper .kb-final-button.kb-final-remove {
	width: calc(100% - 5px) !important;
	background: #FF5151 !important;
}

body .kb-wrapper .kb-basket-item .kb-final-buttons-wrapper .kb-final-button.kb-final-remove:hover {
	background: #FF0000 !important;
}

@media all and (min-width: 351px) and (max-width: 600px) {
	body.wp-singular .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner li.kb-customize-mobile-nav-item-active .kb-customize-mobile-nav-button {
		background: #009cde !important;
	}
	
	body.wp-singular .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner li .kb-customize-mobile-nav-button {
		background: #081226 !important;
	}
}