/*
//This theme is a child of the twenty twenty-two wordpress theme
Theme Name: Teka Services Theme
Theme URI: https://stage.tekaservices.co.uk/themes/twenty-twenty-two-child/
Description: Twenty Twenty-Two Child Theme
Author: Orry Baker
Template: twentytwentytwo
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-column, responsive-layout
Text Domain: child

Notes:
	1. Css Prioritizes left to right, bottom to top, so generic stuff should be close to the top, custom class that override that style needs to be lower in the file

*/ 

/*add in only css that will be used generically / on multiple pages through out the site */

/*body { //just for testing the file works correctly
	background: red;
}*/

/* ---------- vv DESKTOP / GLOBAL CHANGES vv ---------- */
	
	.ti-footer.source-Google .ti-rating-text .nowrap {
		display: none;
	}
				
	:root {
		--color-transition-speed: .3s;
		--px-info-banner-height: 40px;
		--px-info-banner-icon-size: 40px;
	}
	
	/* ---------- Generic Custom Css IDs ---------- */
	#Main-Service-Access .kb-image-has-overlay:after {
		border-radius: 10px;
		bottom: 4px;
	}
	
	.lite-zoom:hover {
		transform: scale(1.00);
	}
	
	.lite-zoom {
		transform: scale(0.95);
		transition: transform .15s;
	}
	
	.hover-scale-zoom-1:hover { /* For when the other hover zoom doesn't cut it */
		transform: scale(1.05);
	}
	
	.hover-scale-zoom-1 {
		transform: scale(1);
		transition: transform .15s;
	}
	
	/* ---------- Generic Custom Css Class ---------- */
	
	/* Colours */
	.subtle-light-headers h1, .subtle-light-headers h2, .subtle-light-headers h3,
	.subtle-light-headers h4, .subtle-light-headers h5, .subtle-light-headers h6 {
		color: var(--wp--preset--color--custom-subtle-light-text); /*single dash where name is double dash for wp function (to get colour from theme)*/
	}
	
	.subtle-dark-headers h1, .subtle-dark-headers h2, .subtle-dark-headers h3,
	.subtle-dark-headers h4, .subtle-dark-headers h5, .subtle-dark-headers h6 {
		color: var(--wp--preset--color--custom-subtle-dark-text); /*single dash where name is double dash for wp function (to get colour from theme)*/
	}
	
	/* Shadow */
	.shadow {
		box-shadow: 0px 2px 10px rgb(10 10 10 / 100%);
	}
	
	.shadow-divs div {
		box-shadow: 0px 2px 10px rgb(10 10 10 / 40%);
	}
	
	.shadow-lis li {
		box-shadow: 0px 2px 10px rgb(10 10 10 / 40%);
	}
	
	.right-shadow-element {
		box-shadow: 3px 10px 10px 0 rgb(0 0 0 / 20%);
	}

	.shadow-element {
		box-shadow: 0 20px 99px rgb(0 0 0 / 10%);
	}
	
	/* Display */
	.overflow-hidden {
		overflow: hidden;
	}
	
	.overflow-hidden-x {
		overflow-x: hidden;
	}
	
	.overflow-clip-x {
		overflow-x: clip;
	}
	
	.overflow-visible {
		overflow: visible;
	}
	
	.display-inline-block {
		display: inline-block;
	}
	
	.display-inline-flex {
		display: inline-flex;
	}
	
	.display-inline-flex-important {
		display: inline-flex !important;
	}
	
	.display-none {
		display: none;
	}
	
	/* Position */
	.position-absolute {
		position: absolute;
	}
	
	/* Margin */
	.margin-0 {
		margin: 0;
	}
	
	.margin-top-0 {
		margin-top: 0;
	}
	
	.margin-bottom-0 {
		margin-bottom: 0;
	}
	
	.margin-right-0 {
		margin-right: 0;
	}
	
	.margin-left-0 {
		margin-left: 0;
	}
	
	.margin-block-start-0 {
		margin-block-start: 0 !important;
	}
	
	/* Border Radius */
	.border-radius-10 {
		border-radius: 10px;
	}
	
	.border-radius-30 {
		border-radius: 30px;
	}
	
	.border-radius-50 {
		border-radius: 50px;
	}
	
	.border-radius-100 {
		border-radius: 100px;
	}
	
	
	/* Text Alignment */
	.text-align-left {
		text-align: left;
	}
	
	.text-align-center {
		text-align: center;
	}
	
	.text-align-right {
		text-align: right;
	}
	
	/* Height */
	.fit-content-height {
		max-height: fit-content;
	}
	
	/* Width */
	.fit-content-width {
		max-width: fit-content;
	}

	.width-10 {
		width: 10%;
	}
	
	.width-20 {
		width: 20%;
	}
	
	.width-30 {
		width: 30%;
	}
	
	.width-40 {
		width: 40%;
	}
	
	.width-50 {
		width: 50%;
	}
	
	.width-60 {
		width: 60%;
	}
	
	.width-70 {
		width: 70%;
	}
	
	.width-80 {
		width: 80%;
	}
	
	.width-90 {
		width: 90%;
	}
	
	.width-100 {
		width: 100%;
	}
	
	.font-weight-100 {
		font-weight: 100;
	}
	
	.font-weight-200 {
		font-weight: 200;
	}
	
	.font-weight-300 {
		font-weight: 300;
	}
	
	.font-weight-400 {
		font-weight: 400;
	}
	
	.font-weight-500 {
		font-weight: 500;
	}
	
	.font-weight-600 {
		font-weight: 600;
	}
	
	.font-weight-700 {
		font-weight: 700;
	}
	
	.font-weight-800 {
		font-weight: 800;
	}
	
	.font-weight-900 {
		font-weight: 900;
	}
	
	/* Vertical Align */
	.vertical-align-top {
		vertical-align: top;
	}
	
	.vertical-align-bottom {
		vertical-align: bottom;
	}
	
	.color-red {
		color: #e63946 !important;
	}

	.site-wide-padding {
		padding-left: var(--wp--custom--spacing--outer);
		padding-right: var(--wp--custom--spacing--outer);
	}
	
	/* Color */
	.color-white-important {
		color: #ffffff !important;
	}
	
	.color-white-important:hover {
		color: #ffffff !important;
	}
		
	/* ---------- More Specific Class Styling ---------- */
	.wp-site-blocks {
		overflow-x: clip;
	}
	
	.header-icon-sizing .kadence-navigation-link-image-inner-intrinsic {
		height: 32px;
		overflow: hidden;
	}
	
	.single-product-badge-display div {
		height: 40px;
		margin: 10px 0;
	}
	
	.single-product-badge-display div p {
		font-size: 0.9rem;
		margin: 0px;
		margin-left: 5px;
		display: inline-grid;
	}
	
	.breadcrumb-trail a {
		color: #0064e0;
	}
	
	.breadcrumb-trail a:hover {
		color: #0082fb;
	}
	
	.typewriter-animation {
		width: 100%;
		display: inline-block;
		margin: 0px;
		margin-bottom: 24px;
    }
	
	.whatsapp-dropdown {
		width: fit-content;
		background: #25d366;
		padding: 3px calc(0.55em);
		padding-right: calc(1em);		
		border-radius: 30px; 
		display: flex; 
		align-items: center; 
		gap: 8px; 
		text-decoration: none;
	}
	
	.whatsapp-dropdown:hover {
		background: #0fb94f;
	}
	
	.banner-height, .banner-height img {
		max-height: 350px;
	}
	
	.featuretable table {
		border-collapse: collapse;
	}
	
	.featuretable th, .featuretable td {
		padding: 0.5rem;
		font-size: 0.75rem;
	}
	
	.featuretable td:nth-child(2) {
		border-left: 1px solid #e8e8e8;
	}
	
	.featuretable tr:nth-child(2) {
		border-top: 1px solid #e8e8e8;
	}
	
	.shop-loop.button, .woocommerce ul.products li.product a.add_to_cart_button {
		display: inline-block;
		border-radius: 9999px;
		width: calc(50% - 10px);
		box-sizing: border-box;
	}
	
	.shop-loop.button:only-child, .woocommerce ul.products li.product a.add_to_cart_button:only-child {
		width: calc(90% - 10px);
	}
	
	footer {
		margin-block-start: 0;
	}

		/* ---------- // Features Products \\ --------- */ /* NEEDS To BE Move TEKA Cleaning */
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { /* Delete the Other one that Exists */ 
		border-width: 0px;
	}
	
	.kb-splide .splide__slide img {
		border-radius: 15px;
		box-shadow: 0px 4px 16px 0px #0C0C0D1A;
	}
	
	.woocommerce ul.products li.product a.woocommerce-loop-product__link {
		font-size: 1.2rem;
		text-align: left;
	}
	
	.shop-loop.button, .woocommerce ul.products li.product a.add_to_cart_button {
		border-radius: 9999px;
    	width: 100%;
    	margin-top: 13.28px;
    	min-width: 118.5px;
    	padding: 6.4px 16px;
    	box-sizing: border-box;
    	line-height: 1.5rem;
    	background: #0064e0;
    	border-color: #0064e0;
    	color: #ffffff;
    	font-weight: 500;
		/* width: 50%;
		margin-top: -35px; */
	}
	
	@media only screen and (max-width: 678px) { 
		.shop-loop.button, .woocommerce ul.products li.product a.add_to_cart_button {
			width: 100%;
			margin-top: 13.28px;
		}
	}
	
	.shop-loop.button, .woocommerce ul.products li.product a.add_to_cart_button:hover {
		border-color: #0082fb;
		background: #0082fb;
		color: white;
		transition: color .3s, background-color .3s;
		text-decoration: none;
	}
	
	.woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce ul.products li.product p.woocommerce-loop-product__title {
		color: inherit;
		font-family: inherit;
		text-decoration: inherit;
		margin-bottom: revert;
		font-size: 1rem;
		line-height: 1.5rem;
		font-weight: 500;
		min-height: 50px;
	}
	
	/* ---------- \\ Features Products // --------- */
	
	/* ---------- Element Specific Styling ---------- */
		a {
			color: inherit;
			text-decoration: none;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		p a:where(:not(.wp-element-button)){
			color: #0064e0;
		}
		
		.wp-site-blocks {
			overflow-x: hidden;
		}
		
		.wp-block-handpicked-products .wc-block-grid__product-title {
			font-style: normal;
			font-weight: 400;
		}
		
		.wp-block-handpicked-products img {
			border-radius: 30px;
		}
		
		input[type=number]::-webkit-inner-spin-button, 
		input[type=number]::-webkit-outer-spin-button { 
			-webkit-appearance: none; 
			margin: 0;
		}
		
		:where(.wp-site-blocks) > * {
			margin-block-start: 0px;
		}
	
		/* ---------- Woocommerce Custom CSS Class ---------- */
		.woocommerce a.button {
			display: inline-flex;
			margin-top: 0;
			padding: none;
			border: 0px;
			background: none;
		}
		
		.woocommerce a.button.kb-button.kt-btn-has-svg-false {
			padding: .4em 1em;
		}

		button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
			background: var(--wp--preset--color--tertiary);
			color: var(--wp--preset--color--foreground);
			padding: calc(.667em + 2px) calc(1.333em + 2px);
			border: 0;
			border-radius: 9999px;
			cursor: pointer;
		}
		
		button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
			background: var(--wp--preset--color--custom-tertiary-hover);
		}
		
		button .alt-btn {
			background: var(--wp--preset--color--tertiary);
			color: var(--wp--preset--color--foreground);
			padding: calc(.667em + 2px) calc(1.333em + 2px);
			border: 0;
			border-radius: 9999px;
			cursor: pointer;
		}
		
		button .alt-btn:hover {
			background: var(--wp--preset--color--custom-tertiary-hover);
		}
		
	/* ---------- Overwritten IDs --------- */
	
	#total-calculated-box-price, #total-calculated-roll-price  {
		font-weight: bold;
		font-size: 1.6rem;
	}
	
	#material-add-to-basket {
		margin-top: 20px;
		margin-bottom: 30px;
		font-size: 1rem;
		font-weight: 700;
		color: var(--wp--preset--color--foreground);
		width: 100%;
	}
	
	#klarna-flooring-calculator::part(osm-container) {
		background-color: #ffffff00;
		padding-top: 0px;
		padding-left: 0px;
		margin-bottom: 8px;
	}
	
	#klarna-flooring-calculator::part(osm-legal) {
		margin-top: 0px;
	}
	
	#klarna-flooring-calculator::part(osm-cta) button {
		content: 'Click For More Options';
	}
	
	/* ---------- Overwritten Classes ----------- */
		
		/* left align the badge widget */
		.calendly-badge-widget { 
			right: auto !important; 
			left: 20px !important; 
		} 
		
		.calendly-badge-widget .calendly-badge-content {
			height: 40px !important;
			padding: 0 18px !important;
			box-shadow: unset !important;
			transition: var(--color-transition-speed);
		}
		
		.calendly-badge-widget .calendly-badge-content:hover {
			background: var(--wp--preset--color--custom-top-middle) !important;
		}
		
		/* end left align the badge widget */
		
		/* ----- Overwritten Wordpress ----- */
			/* ----- Product Shop Loop ----- */
				.product-loop-sub-buttons { /* Styles the sub category buttons that link to other shop pagee */
					gap: var(--wp--preset--spacing--30);
				}
				
				.product-loop-sub-buttons .wp-block-button__link.wp-element-button  { /* Styles the sub category buttons that link to other shop pagee */
					padding-top: var(--wp--preset--spacing--30);
					padding-right: var(--wp--preset--spacing--40);
					padding-bottom: var(--wp--preset--spacing--30);
					padding-left: var(--wp--preset--spacing--40);
				}
				
				.product-loop-sub-buttons-show-more .wp-block-kadence-advancedbtn  {
					display: none;
				}
			
			
			/* ----- Product Shop Loop End ----- */
		
		h3.entry-title {
			font-size: 1.25rem;
		}
		
		.woocommerce-Price-amount {
			font-size: 1.1rem;
			font-weight: bold;
		}
		
		.summary .price {
			font-size: 1.6rem;
		}
		
		.summary .woocommerce-Price-amount {
			font-size: inherit;
		}
		
		/* used to set the sizing of the mobile menu icon*/
		.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
			width: 45px;
			height: 45px;
		}
		
		/* ----- Overwritten Woocommerce Product Search ----- */
		.product-search .product-search-form input {
			padding-left: 32px;
			height: 30px;
			background: var(--wp--preset--color--custom-subtle-light-text);
			border-width: 0px;
			border-radius: 50px;
			outline-color: var(--wp--preset--color--foreground);
		}
		
		.product-search .product-search-form input::placeholder {
			color: var(--wp--preset--color--foreground);
		}
		
		div.product-search-form form.product-search-form.show-submit-button button {
			border-width: 0px;
			background-color: transparent;
			margin: 0px;
		}
		
		.product-search .product-search-form button {
			position: absolute;
			background-color: transparent;
			width: 36px;
			height: 36px;
		}
		
		.product-search .product-search-form button::after {
			color: #85878c;
			content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-84 -32 600 600' fill='%23313131' aria-hidden='true'%3E%3Cpath d='M448 449L301.2 300.2c20-27.9 31.9-62.2 31.9-99.2 0-93.1-74.7-168.9-166.5-168.9C74.7 32 0 107.8 0 200.9s74.7 168.9 166.5 168.9c39.8 0 76.3-14.2 105-37.9l146 148.1 30.5-31zM166.5 330.8c-70.6 0-128.1-58.3-128.1-129.9S95.9 71 166.5 71s128.1 58.3 128.1 129.9-57.4 129.9-128.1 129.9z'/%3E%3C/svg%3E");
		}
		
		/* ----- Overwritten WOOCOMMERCE ----- */	
		.woocommerce div.product div.summary h1.product_title {
			font-size: 2rem;
			font-weight: 500;
		}
		
		/* ----- Checkout Page ----- */
		#billingcc_c2a_manual {
			font-size: 1em;
			font-weight: 700;
		}
		
		#billingcc_c2a_manual:hover {
			color: var(--wp--preset--color--tertiary);
		}

		.price {
			font-weight: bold;
		}
		
		.price del {
			color: grey;
		}
		
		.price ins {
			color: #E63946;
		}
		
		.woocommerce div.product>span.onsale {
			width: 3rem;
		}
		
		.woocommerce span.onsale {
			top: 0.25rem;
			right: 0.25rem;
			color: white;
			background: #e63946;
			border-radius: 1rem;
			text-align: center;
			font-size: 1.05rem;
			line-height: 2.95rem;
			width: 3rem;
			height: 3rem;
			padding: 0;
			z-index: 1;
		}
			/* ----- Style For Shop Loop ----- */
			.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
				border-width: 0px;
			}
			
			.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
				width: calc(31.8% - 22px);
			}
			
			.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
				margin-right: 0;
			}
		
		.woocommerce div.product ol.flex-control-thumbs {
			width: 100%;
		}
		
		.wp-block-button__link:hover {
			opacity: 0.9;
		}
		
		.wc-block-components-chip {
			background: var(--wp--preset--color--secondary);
			color: var(--wp--preset--color--white);
		}
		
		.wc-block-components-chip__remove {
			fill: var(--wp--preset--color--white);
		}
		
		.woocommerce .wp-site-blocks>.wp-block-group {
			max-width: inherit;
		}
		
		.woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce ul.products li.product p.woocommerce-loop-product__title {
			color: inherit;
			font-family: inherit;
			font-size: initial;
			text-decoration: inherit;
			margin-bottom: revert;
		}
		
		/* prefix / suffix page pagination for products */
		.woocommerce-product-search-filter-products-prefix, .woocommerce-product-search-filter-products-suffix {
			font-size: large;
		}
		
		.woocommerce-product-search-filter-products-prefix .woocommerce-pagination, .woocommerce-product-search-filter-products-suffix .woocommerce-pagination {
			width: 100%;
		}
		
		.woocommerce ul.page-numbers {
			margin-block-start: 0;
			margin-block-end: 0;
			padding-inline-start: 0;
			margin-bottom: 20px;
		}
		
		.woocommerce ul.page-numbers li {
			width: 2rem;
			height: 1.5rem;
		}
		
		.woocommerce ul.page-numbers li span, .woocommerce ul.page-numbers li a {
			font-size: 1.2rem;
		}
		
		.woocommerce .woocommerce-ordering {
			margin-bottom: 0.8rem;
		}
		
		/* Mini Cart */
		.wc-block-mini-cart__badge {
			padding-top: 0.5em;
			padding-bottom: 0.7em; 
		}
		
		.wc-block-mini-cart__button {
			padding: 0.75em 0.65em;
		}
		
		.wc-block-mini-cart__button:hover:not([disabled]) {
			opacity: 1;
			color: var(--wp--preset--color--custom-subtle-light-text);
		}
		
		.page-id-69 .wc-block-mini-cart, .page-id-70 .wc-block-mini-cart { /* Removes the display of the mini basket on the basket and checkout page, work around for woocommerce visibility set to hidden, still causing the basket width to take up space on the site */
			display: none;
		}
		
		/*WPC Share Cart*/
		.wpcss-area .wpcss-popup .wpcss-popup-inner {
			width: auto;
		}
		
		.search-results .wp-block-button {
			display: none;
		}
	
	/* ---------- Overwritten Class Via A Custom Prefix ---------- */	
		
		@media (max-width: 1024px) {
			.christmas-banner .kt-row-column-wrap {
				grid-template-columns: minmax(0, calc(42% - ((var(--global-kb-gap-none, 0rem) * 2) / 3))) 
						minmax(0, calc(16% - ((var(--global-kb-gap-none, 0rem) * 2) / 3))) 
						minmax(0, calc(42% - ((var(--global-kb-gap-none, 0rem) * 2) / 3))) !important;
			}
		}
		
		/* ----- Overwritten WOOCOMMERCE ----- */
		
		/* ----- // Single Product Page \\ ----- */
		
		.summary.entry-summary .cart {
			background: #f5f5f7;
			padding: 10px;
		}
		
		.summary.entry-summary .input-text .qty {
			background: #f5f5f7;
		}
		
		.woocommerce div.product form.cart div.quantity .qty {
			text-align: center;
			border-radius: 4px;
			border-width: 0;
			width: 5rem;
		}
		
		.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart] {
			width: 100%;
			margin-top: 20px;
			margin-bottom: 30px;
			font-size: 1rem;
			font-weight: 700;
			text-transform: capitalize;
		}
		
		
		
		/* ----- \\ Single Product Page // ----- */
		
		.main-shop-display .wc-block-grid__products {
			margin: 0 -1.5% 1.75rem;
		}
		
		.main-shop-display .wc-block-grid.has-4-columns .wc-block-grid__product {
			background: var(--wp--preset--color--primary);
			padding: 0px;
			border: 0px solid;
			margin: 0px 1.5% 1.75rem 1.5%;
		}
		
		.main-shop-display .has-4-columns .wc-block-grid__product .price {
			font-size: 1.5rem;
		}
		
		.main-shop-display .wc-block-grid.has-4-columns .wc-block-grid__product {
			max-width: 22%; /*remove 3% for the margin left and right*/
		}
		
		.main-shop-display .wc-block-grid__product .wc-block-grid__product-title {
			margin: 0 0 4px;
			font-size: 1rem;
			font-weight: 400;
			padding: 0px 4px;
		}
		
		.main-shop-display .wc-block-components-price-slider__range-input-progress {
			--track-background: linear-gradient(90deg,transparent var(--low),var(--wp--preset--color--tertiary) 0,var(--wp--preset--color--tertiary) var(--high),transparent 0) no-repeat 0 100%/100% 100%;
		}
	
		/* ----- Overwritten Kadence ----- */
			:where(figure) {
				margin: 0;
			}
			
			/* Target ONLY accordions nested inside the parent accordion */
			.mobile-menu-parent-accordion .wp-block-kadence-pane .wp-block-kadence-accordion .kt-accordion-panel-active {
				background-color: var(--wp--preset--color--custom-foreground) !important; /* Example background color */
			}
			
			/* Style titles for the nested accordions */
			.mobile-menu-parent-accordion .wp-block-kadence-pane .wp-block-kadence-accordion .kt-accordion-panel-inner {
				padding: 1rem 2rem;
			}
			
			/* Style the content panels of the nested accordions */
			.mobile-menu-parent-accordion .wp-block-kadence-pane .wp-block-kadence-accordion .kt-blocks-accordion-header {
				padding-right: 2rem !important;
				padding-left: 2rem !important;
			}
			
			.mobile-menu-parent-accordion .wp-block-kadence-navigation.navigation-mobile-orientation-vertical .menu-container .menu .menu-item {
				border-bottom: 1px solid #e1e1e2;
			}

			.google-maps-border-radius iframe {
				border-radius: 10px;
			}
			
			/* ----- New Default Accordion ----- */
			.kt-blocks-accordion-header {
				background-color: var(--wp--preset--color--custom-subtle-light-text);
				color: var(--wp--preset--color--foreground);
			}
			
			.kt-blocks-accordion-header:hover, .kt-blocks-accordion-header.kt-accordion-panel-active {
				background-color: var(--wp--preset--color--foreground);
				color: white;
			}
			
			/* ----- capsule-img-caption ----- */
			.capsule-img-caption figcaption {
				background: white !important;
				white-space: nowrap;
				font-size: 0.825rem;
				font-weight: 700;
				width: fit-content;
				padding: 10px 15px 8px 15px;
				border-radius: 30px;
				position: absolute;
				display: flex;
				left: 50%;
				bottom: 0px;
				transform: translate(-50%, -50%);
				text-align: center;
			}
			
			/* ----- img-fill-section ----- */
			.img-fill-section, .img-fill-section .kt-inside-inner-col, .img-fill-section .kt-inside-inner-col .wp-block-kadence-image, .img-fill-section .kt-inside-inner-col .wp-block-cover  {
				height: 100%;
			}
			
			.img-fill-section img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			
			/* ----- big-carousel-banner ----- */
			.big-carousel-banner .kb-splide ul.splide__pagination.splide__pagination {
				bottom: 8%;
			}
			
			.big-carousel-banner .kb-splide .splide__pagination__page {
				border-radius: 30px;
				width: 50px;
				height: 3px;
				margin: 10px;
				padding: 0px;
			}
			
			.big-carousel-banner .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
				height: 320px;
				max-height: 480px;
			}
		
			.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
				display: flex;
				justify-content: center;
				align-items: flex-start;
				flex-direction: column;
				background: rgba(245, 245, 247, 0.9) !important;
				text-align: left;
				width: 35%;
				height: fit-content;
				top: 50%;
				left: 22.5%;
				transform: translate(-50%, -50%);
				border-radius: 30px;
				padding: 40px 20px;
			}
			
			.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption a {
				padding: 10px 20px;
				font-size: 0.8rem;
			}
			
			.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption h1 {
				color: var(--wp--preset--color--foreground);
				display: inline-block;
				margin: 0;
				font-weight: 700;
				font-size: 1.5rem;
			}
			
			.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption p {
				color: var(--wp--preset--color--foreground);
				display: inline-block;
				font-size: 1rem;
			}
			
			.wp-block-kadence-advancedgallery .kt-blocks-carousel-init[data-slider-dots=true] {
				margin-bottom: 0px;
			}
			
			/* ----- small-carousel-banner ----- */
			.small-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
				background: white !important;
				white-space: nowrap;
				color: var(--wp--preset--color--foreground);
				width: 95%;
				/*width: fit-content;
				width: -moz-fit-content;*/ /* Fallback for older versions of Firefox */
				/*width: -webkit-fit-content;*/ /* Fallback for older versions of Chrome/Safari */
				padding: 10px 20px 10px 20px;
				border-radius: 30px;
				position: absolute;
				left: 50%;
				transform: translate(-50%, -50%);
				text-align: center;
			}
			
			.small-carousel-banner .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kadence-blocks-gallery-item__caption img {
				height: 46px !important;
				/*width: max-content;
				max-width: unset;*/
			}

			.small-carousel-banner .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius {
				border-radius: 10px;
			}
			
			.small-carousel-banner .kb-splide .splide__slide {
				transform: scale(0.97);
				transition: transform .1s;
			}
			
			.small-carousel-banner .kb-splide .splide__slide:hover {
				transform: scale(1);
				transition: transform .1s;
			}
			
			/* ----- info-banner-header-fluid ----- */
			.height-info-banner {
				height: 44px;
			}
			
			.header-info-banner.kb-splide.splide--draggable>.splide__track {
				height: 40px;
			}
			
			.info-banner-header-fluid .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain {
				display: inline-block;
				width: auto;
				margin-right: 5px;
			}
			
			.info-banner-header-fluid .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius {
				height: auto;
			}
			
			.info-banner-header-fluid .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius img {
				height: var(--px-info-banner-icon-size);
				width: var(--px-info-banner-icon-size);
			}
			
			.info-banner-header-fluid .kb-gallery-ul .kadence-blocks-gallery-item { /* add a version of this for mobile, to create better looking style */
				width: 235px;
			}
			
			.info-banner-header-fluid .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
				width: 120px;
				bottom: auto;
				text-align: left;
				padding: 0px;
				display: inline-block;
			}
			
			/* ----- info-banner-header ----- */
			.info-banner-header .kb-splide .splide__list {
				height: auto;
			}
			
			.info-banner-header .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius {
				height: auto;
			}
			
			.info-banner-header .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
				height: var(--px-info-banner-icon-size);
				width: var(--px-info-banner-icon-size);
				/*padding: 8px; */
			}
			
			.info-banner-header .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
				display: inline-flex;
				justify-content: center;
				flex-direction: column;
				height: var(--px-info-banner-height);
				margin-left: 5px;
				text-align: left;
				padding: 0px;
				width: calc(100% - (5px + var(--px-info-banner-icon-size)));
			}
			
			.info-banner-header .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gal-image-radius {
				height: var(--px-info-banner-height);
			}

			.info-banner-header .kb-gallery-ul.kb-gallery-type-carousel .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
				display: inline-block;
				padding: 0px;
				border-radius: 15px;
				height: var(--px-info-banner-icon-size);
				width: var(--px-info-banner-icon-size);
			}
			
			.info-banner-header p {
				margin-top: 0.22rem;
				margin-bottom: 0;
				font-size: 0.7rem;
			}
			
			/* ----- Product Page Child Links ----- */
			.child-page-link-container {
                display: flex;
                justify-content: center;
                gap: 20px;
				margin: 0px;
                padding: 10px 0;
				flex-wrap: wrap;
            }
            .child-page-link {
                text-decoration: none;
                color: #313131; /* Adjust color as needed */
                font-size: var(--global-kb-font-size-sm, 0.9rem);
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
				font-weight: 500;
            }
            .child-page-link:hover {
                text-decoration: underline;
            }
			
	/* ----- Content Slider ----- */
			
				/* ----- Pagination Slider Dots ----- */
				.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
					display: flex; /* Ensures the <li> elements are laid out in a row */
					justify-content: space-between; /* Spreads the dots evenly */
					list-style: none; /* Removes default bullet points */
					width: 98%; /* Makes sure it fills the container */
					padding: 0 1%;
				}
				
				.kb-splide .splide__pagination li {
					flex-grow: 1; /* Makes each <li> take an equal share of the width */
					display: flex; /* Enables centering the inner elements */
					justify-content: center; /* Centers the button */
					align-items: center;
				}
				
				.kb-splide .splide__pagination__page {
					width: 100%; /* Adjust width to control size of lines */
					height: 3px; /* This makes the button look like a line */
					background-color: #85878c; /* Adjust color to your design */
					border: none; /* Removes any border */
					border-radius: 0px; /* Optional: Adds rounded corners */
					cursor: pointer; /* Adds a hover effect */
					margin: 0px;
				}
				
				.kb-splide .splide__pagination__page.is-active {
					background: var(--wp--preset--color--foreground);
				}
				
				.kb-splide .splide__pagination li:first-child button {
					border-top-left-radius: 100px; /* Adds rounded corner on the left */
					border-bottom-left-radius: 100px;
				}
				
				/* Last item in the pagination row */
				.kb-splide .splide__pagination li:last-child button {
					border-top-right-radius: 100px; /* Adds rounded corner on the right */
					border-bottom-right-radius: 100px;
				}
				
				/* ----- Slider Arrow Buttons ----- */
				.kb-splide .splide__arrow {
					border-radius: 9999px;
					width: 3rem;
					height: 3rem;
					opacity: .5;
				}
				
				.kb-splide .splide__arrow--prev {
					left: -1rem;
				}
				
				.kb-splide .splide__arrow--next {
					right: -1rem;
				}
	
	/* ---------- Css Animation ---------- */
	.discount-code-dropdown {
        position: relative;
        transform: translateY(-100%);
        opacity: 0;
        animation: slideDown 0.2s ease forwards 1s;
        font-size: 1rem;
    }
	
	@keyframes slideDown {
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
	
	.discount-code {
        font-weight: bold;
        color: #E63946; /* Highlight the code in red */
    }
	
	/*----- // Additional Product Information \\ -----*/
	
	.additional-info-spacer {
		position: relative;
		height: 6px;
		margin: 10px 0px;
	}
	
	.additional-info-section {
		margin-top: 30px;
	}
	
	.additional-info-section h4 {
		margin: 10px 0px;
		font-size: 1rem;
		font-weight: 600;
	}
	
	.additional-info-section p {
		font-size: 0.85rem;
	}

	.additional-product-icons div {
		max-width: 70px;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
	}
	
	.key-features-addition-icons .additional-product-icons div {
		max-width: 62px;
	}
	
	.additional-product-icons img {
		min-width: 48px;
	}
	
	.additional-product-icons p {
		font-size: 0.7rem;
		text-align: center;
		margin: 0px;
	}
	

	.additional-product-sales {
		display: flex;
		flex-wrap: wrap;
		gap: 2%;
	}
	
	@media (max-width: 50vw) { /* When the container is less than 50% of its parent width */
		.additional-product-sales {
			flex-wrap: wrap; /* Allow wrapping */
		}
	}
	
	.additional-product-sales .additional-product-sales-column {
		width: 32%;
		margin-bottom: 10px;
	}
	
	.additional-product-sales .additional-product-sales-column .woocommerce-Price-amount {
		font-size: 1rem;
	}
	
	.additional-product-sales .additional-product-sales-title {
		margin: 5px 0px; 
	}
	
	/*----- \\ Additional Product Information // -----*/
	
	/* -----////----- Basket -----\\\\----- */
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		width: 100%;
		float: none;
	}
	
	.woocommerce-Price-amount {
		font-size: 1.2rem;
	}
	
	.woocommerce-page .woocommerce-cart-form .product-thumbnail {
		width: 100%;
		max-width: 130px;
		display: inline-block;
	}
	
	.product-name {
		font-size: 1rem;
		display: inline-block;
		width: 93%;
	}
	.product-name a {
		font-size: 1rem;
	}
	
	.product-remove {
		margin-top: -10px;
		margin-right: -5px;
		font-size: 1.5rem;
		display: inline-block;
		float: right;
	}
	
	.product-quantity {
		width: 80px;
		display: inline-block;
	}
	
	.product-quantity input {
		text-align: center;
	}
	
	.woocommerce-page form .input-text {
		border-color: #e8e8e8;
	}
	
	.woocommerce-page .input-text {
		padding: .6rem 0.8rem;
	}
	
	.product-subtotal {
		display: inline-block;
		float: right;
		text-align: right;	
	}
	
	.product-subtotal p {
		margin: 0px;
		font-size: 0.85rem;
	}
	
	.product-subtotal p span {
		font-size: 0.9rem;
		font-weight: 500;
	}
	
	.cart_item {
		border: 1px solid #e8e8e8;
		margin: 1rem 0;
		padding: 10px;
		display: flex;
		gap: 10px;
		border-radius: 5px;
	}
	
	.cart_totals h2 {
		font-weight: 500 !important;
	}
	
	.basket_item {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.variation {
		margin: 0px;
	}
	
	.variation dt, .variation dd {
		display: inline-block;
		margin: 0px;
	}
	
	.variation dd p {
		margin: 0px;
	}
	
	.woocommerce button.button:hover {
		text-decoration: underline;
		opacity: 0.90;
	}
	
	.woocommerce a.checkout-button {
		width: calc(100% - 46px);
		margin: unset;
		font-size: 1rem;
	}
	
	.woocommerce a.button.alt {
		text-transform: capitalize;
		display: inline-block;
		font-weight: 700;
		text-align: center;
		color: white;
	}
	
	.woocommerce a.button.alt:hover {
		color: white !important;
	}

	.woocommerce button[type=submit]:not(.wp-block-search__button):disabled, .woocommerce button[type=submit]:not(.wp-block-search__button):hover:disabled  {
		color: #aeb0b3;
		border: 1px solid #aeb0b3;
		background: white;
		text-decoration: none;
		cursor: not-allowed;
	}
	
	.woocommerce-page .woocommerce-cart-form .coupon {
		display: block;
	}
	
	.woocommerce-page .woocommerce-cart-form {
		width: 100%;
		display: inline-flex;
		gap: 20px;
	}
	
	.shopping-basket-section {
		width: 65%; 
		display:inline-block; 
		background:white; 
		padding:20px;
		border-radius: 10px;
	}
		
	.order-summary-section {
		width: 35%;
		margin-right: 40px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		top: 10px;
		position: sticky;
		align-self: flex-start;
	}
	
	.woocommerce-page .cart-collaterals table.shop_table_responsive th {
		width: unset;
		/*font-size: 1.25rem;*/
	}
	
	.shop_table td {
		text-align: right;
	}
	
	.shop_table_responsive .order-total .total-header, .woocommerce-page .cart-collaterals .order-total .woocommerce-Price-amount {
		font-weight: 600;
		font-size: 1.25rem;
	}
	
	.woocommerce-page .cart-collaterals {
		margin: unset;
	}
	
	.coupon-section, .cart-collaterals {
		width: 100%;
		background:white; 
		padding:20px;
		border-radius: 10px;
	}
	
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background-color: unset;
	}
	
	/* ---------- //// TABLET/MOBILE CHANGES \\\\ ---------- */

	@media only screen and (max-width: 768px) {
		
		.woocommerce table.shop_table_responsive .order-total td::before, .woocommerce-page table.shop_table_responsive .order-total td::before {
			font-size: 1rem;
		}
		
		.order-summary-section {
			margin-top: 20px;
			width: calc(100% - 40px);
			flex-direction: column-reverse;
		}
		
		.woocommerce-page .woocommerce-cart-form {
			display: block;
		}
		
		.shopping-basket-section {
			width: calc(100% - 40px);
		}
	}
	
	/* ---------- \\\\ TABLET/MOBILE CHANGES //// ---------- */
	
	/* ---------- //// Mobile CHANGES \\\\ ---------- */
	
	@media only screen and (max-width: 480px) {
		
		.woocommerce-cart-form__cart-item {
			flex-direction: column;
		}
		
		.product-thumbnail,
		.product-remove {
			order: 1; /* Move the remove button right after the thumbnail */
		}
		
		.basket_item {
			order: 2; /* Move the basket item details after the thumbnail and remove button */
			width: 100%; /* Make it take full width if needed */
		}
		
		.basket-update-buttons {
			display: flex;
			gap: 5px;
			flex-direction: column;
		}
		
		.basket-update-buttons button:nth-child(odd) {
			width: 100%;
		}
		
		.basket-update-buttons button:nth-child(even) {
			width: 100%;
		}
	}
	
	/* ---------- \\\\ Mobile CHANGES //// ---------- */	
	
	/* -----\\\\----- Basket -----////----- */
	
	/* -----////----- Checkout -----\\\\----- */
	
	.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
		margin-top: 0px;
	}
	
	.woocommerce form .input-text {
		border: 1px solid #e8e8e8;
	}
	
	.woocommerce-Price-amount .amount {
		font-size: 1rem;
	}

	.woocommerce-page .woocommerce-checkout .woocommerce-checkout-review-order-table {
		margin-top: 3.5rem;
	}

	.woocommerce-page form .input-text {
		border: 1px solid #e8e8e8;
	}
	
	.discount-amount {
		font-weight: 700;
	}
	
	.checkout-total-summary {
		display: flex;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--wp--preset--color--foreground);
		flex-direction: column;
		gap: 5px;
	}
	
	.checkout-total-summary .cart-subtotal, .checkout-total-summary .cart-discount, .checkout-total-summary .woocommerce-shipping-methods, .checkout-total-summary .order-total {
		display: flex;
		justify-content: space-between;
	}
	
	.checkout-total-summary .woocommerce-shipping-methods {
		display: block;
	}
	
	.woocommerce-checkout-review-order-table .cart_item .product-name {
		font-size: var(--wp--preset--font-size--big);
		width: -webkit-fill-available;
	}
	
	.cart_item .product-total {
		font-size: 1rem;
		width: fit-content;
	}
	
	.checkout-total-summary #shipping_method li {
		width: 100%;
	}
	
	.checkout-total-summary #shipping_method li label {
		display: flex;
		justify-content: space-between;
		margin: 0;
	}
	
	.woocommerce-page label {
		margin: 0.7rem 0;
	}
	
	.woocommerce button[type=submit]:not(.wp-block-search__button) {
		color: white;
		font-size: 0.84rem;
		padding: calc(.667em + 2px) calc(1.333em + 2px);
		background: var(--wp--preset--color--tertiary);
		border: 1px solid var(--wp--preset--color--tertiary);
	}
	
	.basket-update-buttons button[type=submit]:not(.wp-block-search__button), .coupon button[type=submit]:not(.wp-block-search__button),
	.checkout_coupon button[type=submit]:not(.wp-block-search__button) {
		color: #ffffff;
		font-size: 0.84rem;
		border: unset;
		background: var(--wp--preset--color--foreground);
	}
	
	.basket-update-buttons button[type=submit]:not(.wp-block-search__button):hover, .coupon button[type=submit]:not(.wp-block-search__button):hover,
	.checkout_coupon button[type=submit]:not(.wp-block-search__button):hover {
		color: #ffffff;
		border: unset;
		background: var(--wp--preset--color--foreground);
		opacity: 0.90;
	}
	
	.woocommerce-page form.checkout_coupon {
		background: white;
		width: calc(100% - 40px);
		padding: 20px;
		margin-bottom: 1rem;
	}
	
	.woocommerce-form-coupon p {
		padding: 0;
		margin: 0;
	}
	
	.checkout_coupon .form-row.form-row-first {
		margin-bottom: 1rem;
	}
	
	.woocommerce form .form-row {
		margin-bottom: 0px;
	}
	
	.wc-block-components-notice-banner.is-info {
		background-color: #f2e3db;
		border-color: background-color: var(--wp--preset--color--custom-top-middle);
	}
	
	.wc-block-components-notice-banner.is-info>svg {
		background-color: var(--wp--preset--color--custom-top-middle);
	}
	
	.variation {
		font-size: var(--wp--preset--font-size--small);
		margin: 0px;
	}
	
	.variation dt, .variation dd {
		display: inline-block;
		margin: 0px;
	}
	
	.variation dd p {
		margin: 0px;
	}
	
	.wc-block-components-notice-banner.is-error {
		background-color: #e86a3320 !important;
		border-color: #e86a33 !important;
	}
	
	.wc-block-components-notice-banner.is-error>svg {
		background-color: #e86a33 !important;
	}
	
	.wc-block-components-notice-banner.is-warning {
		background-color: #fa890020 !important;
		border-color: #fa8900 !important;
	}
	
	.wc-block-components-notice-banner.is-warning>svg {
		background-color: #fa8900 !important;
	}
	
	.wc-block-components-notice-banner.is-success {
		background-color: #41644a20 !important;
		border-color: #41644a !important;
	}
	
	.wc-block-components-notice-banner.is-info {
		background-color: unset !important;
		border-color: var(--wp--preset--color--custom-subtle-dark-text) !important;
	}
	
	.wc-block-components-notice-banner.is-info>svg {
		background-color: var(--wp--preset--color--secondary) !important;
	}
	
	#order_details_summary {
		top: 10px;
		width: 40%;
		padding: 20px 0;
		position: sticky;
		align-self: flex-start;
	}
	
	.woocommerce-page .woocommerce-checkout #customer_details {
		background: white;
		padding: 20px;
		border-radius: 10px;
		width: 65%;
	}
	
	.woocommerce-page .woocommerce-checkout {
		display: inline-flex;
		gap: 20px;
	}
	
	.woocommerce-page .woocommerce-form-coupon .button {
		min-height: 0px;
	}
	
	.woocommerce-billing-fields__field-wrapper #billing_phone_field, .woocommerce-billing-fields__field-wrapper #billing_postcode_field, 
	.woocommerce-billing-fields__field-wrapper #billing_state_field, .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
	.woocommerce-shipping-fields__field-wrapper #shipping_phone_field, .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field, 
	.woocommerce-shipping-fields__field-wrapper #shipping_state_field, .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field	{
		width: 49%;
		display: inline-block;
	}
	
	.woocommerce-billing-fields__field-wrapper #billing_email_field, .woocommerce-billing-fields__field-wrapper #billing_city_field, 
	.woocommerce-billing-fields__field-wrapper #billing_country_field, .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
	.woocommerce-shipping-fields__field-wrapper #shipping_email_field, .woocommerce-shipping-fields__field-wrapper #shipping_city_field, 
	.woocommerce-shipping-fields__field-wrapper #shipping_country_field, .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field	{
		width: 49%;
		margin-right: 2%;
		display: inline-block;
	}
	
	.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
		float: none;
	}
	
	.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
		text-transform: capitalize;
		font-weight: 700;
		font-size: 1rem;
		float: none;
	}
	
	.offer-buttons {
		background: var(--wp--preset--color--tertiary);
		color: var(--wp--preset--color--foreground);
		border-radius: 30px;
		margin: 10px 0;
		font-size: 1rem;
		font-weight: 700;
		width: 100%;
	}
	
	.offer-buttons:hover:nth-of-type(1) {
		color: var(--wp--preset--color--foreground) !important;
		background: var(--wp--preset--color--custom-tertiary-hover);
	}
	
	.offer-buttons:nth-of-type(2) {
		color: var(--wp--preset--color--white);
		background: var(--wp--preset--color--foreground);
	}

	.offer-buttons:nth-of-type(2):hover {
		opacity: 0.9;
	}
	
	
	
	/* ---------- //// TABLET/MOBILE CHANGES \\\\ ---------- */

	@media only screen and (max-width: 768px) {
		.woocommerce-page .woocommerce-checkout .woocommerce-checkout-review-order-table {
			margin-top: 0rem;
		}
		
		.woocommerce-page .woocommerce-checkout {
			flex-direction: column-reverse;
		}
		
		.cart_item .product-thumbnail {
			width: 25%;
		}
		
		#order_details_summary {
			width: 100%;
			padding: 20px 0;
			position: relative;
			align-self: normal;
		}
		
		.woocommerce-page .woocommerce-checkout #customer_details {
			background: white;
			padding: 20px;
			width: calc(100% - 40px);
		}
	}
	
	/* ---------- \\\\ TABLET/MOBILE CHANGES //// ---------- */
	
	/* ---------- //// Mobile CHANGES \\\\ ---------- */
	
	@media only screen and (max-width: 480px) {
		.cart_item .product-thumbnail {
			width: 30%;
		}
	}
	
	/* ---------- \\\\ Mobile CHANGES //// ---------- */
	
	/* -----\\\\----- Checkout -----////----- */
	
/* ---------- ^^ DESKTOP / GLOBAL CHANGES ^^ ---------- */

/* ---------- vv TABLET CHANGES vv ---------- */

@media only screen and (max-width: 1024px) {
	
	/* ---------- Element Specific Styling ---------- */

	/* ---------- Overwritten Classes ----------- */
	.wp-block-gallery .columns-6 { /* Sets column to a four style when on tablet devices or smaller */
		
	}
	/* ---------- Overwritten Class Via A Custom Prefix ---------- */
		.mobile-header .woocommerce #respond input#submit.alt:hover, .mobile-header .woocommerce a.button.alt:hover, .mobile-header .woocommerce button.button.alt:hover, .mobile-header .woocommerce input.button.alt:hover {
			background: transparent;
		}
	
		/* ----- big-carousel-banner ----- */
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
			width: 46%;
			left: 27.5%;
			padding-top: 30px;
			padding-bottom: 30px;
		}
		
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption h1 {
			font-size: 1.35rem;
		}
	
		/* ----- info-banner-header ----- */			
		.info-banner-header .kb-splide .splide__slide {
			width: calc(33.333333% - 6.66667px) !important;
		}
	
	/* ---------- Custom Css Class ---------- */
	
	/* ---------- Css Animation ---------- */
	
}
	
/* ---------- ^^ TABLET CHANGES ^^ ---------- */

/* ---------- vv TABLET/MOBILE CHANGES vv ---------- */

@media only screen and (max-width: 768px) {
	
	/* ---------- Element Specific Styling ---------- */
	
		@media only screen and (max-width: 768px) {
			header:not(.woocommerce-products-header) {
				position: sticky;
				top: -2px;
				z-index: 900000;
			}
		}
		
		header > header {
			position: relative;
			top: 0px;
		}
		
	/* ---------- Overwritten Classes ----------- */
		#wc-stripe-payment-request-wrapper, #wc-stripe-payment-request-button-separator {
			display: block !important;
		}
		
		/* ----- Style For Shop Loop ----- */
		.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
			width: calc(48.5% - 16px);
			/*padding: 7px;
			border: 1px solid #e8e8e8;*/
		}
	
	
	
	/* ---------- Overwritten Class Via A Custom Prefix ---------- */
			/* ----- // Product Shop Loop \\ ----- */
			.product-loop-sub-buttons-show-more .wp-block-kadence-column {
				-webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
				mask-image: linear-gradient(to bottom, black 65%, transparent 100%);
			}
			
			.product-loop-sub-buttons-show-more .wp-block-kadence-advancedbtn  {
				display: block;
			}
			/* ----- \\ Product Shop Loop // ----- */
	
	
		.woocommerce-product-search-filter-products-prefix .woocommerce-pagination {
			display: inline-block;
		}
		
		.woocommerce ul.page-numbers {
			margin-block-start: 0;
			margin-block-end: 0;
			padding-inline-start: 0;
			margin-bottom: 20px;
		}
		
		.woocommerce ul.page-numbers li {
			width: 2.5rem;
			height: 2rem;
		}
		
		.woocommerce ul.page-numbers li span, .woocommerce ul.page-numbers li a {
			font-size: 1rem;
		}
	
		/* ----- big-carousel-banner ----- */
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
			width: 90%;
			left: 50%;
		}
		
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption h1 {
			font-size: 1.2rem;
		}
		
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption p {
			font-size: 0.9rem;
		}
		
		/* ----- info-banner-header ----- */			
		
		.info-banner-header .kb-splide .splide__slide {
			width: calc(50% - 5px) !important;
		}
	
	
	/* ---------- Custom Css Class ---------- */
	
	/* ---------- Css Animation ---------- */
	
}

/* ---------- ^^ TABLET/MOBILE CHANGES ^^ ---------- */

/* ---------- vv Mobile CHANGES vv ---------- */

@media only screen and (max-width: 480px) {
	
	/* ---------- Element Specific Styling ---------- */
	
	/* ---------- Overwritten Classes ----------- */
	
	/* ---------- Overwritten Class Via A Custom Prefix ---------- */

		/* ----- big-carousel-banner ----- */
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption h1 {
			font-size: 1rem;
		}
		
		.big-carousel-banner .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption p {
			font-size: 0.8rem;
		}
		
		/* ----- info-banner-header ----- */			
		
		.info-banner-header .kb-splide .splide__slide {
			width: calc(100%) !important;
		}
		
	/* ---------- Custom Css Class ---------- */
	
	
	/* ---------- Css Animation ---------- */
	
}
	
/* ---------- ^^ MOBILE CHANGES ^^ ---------- */