.elementor-kit-477{--e-global-color-primary:#F66E56;--e-global-color-secondary:#F66E56;--e-global-color-text:#2A2A2A;--e-global-color-accent:#E3AC38;--e-global-color-18a44b89:#9C2B2C;--e-global-color-5b2549c2:#BD2758;--e-global-color-dc0d1fc:#EBA0AA;--e-global-color-37021d98:#F66E56;--e-global-color-b8bf5f2:#E09A6F;--e-global-color-bde64eb:#E3AC38;--e-global-color-4b34d4bd:#738F10;--e-global-color-f50b08e:#DADBA4;--e-global-color-579333cf:#000;--e-global-color-147f8443:#FFF;--e-global-color-acced2b:#E7E7E7;--e-global-typography-primary-font-family:"PoiretOne";--e-global-typography-primary-font-size:15px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:800;}.elementor-kit-477 e-page-transition{background-color:#FFBC7D;}.elementor-kit-477 a{color:var( --e-global-color-37021d98 );}.elementor-kit-477 button,.elementor-kit-477 input[type="button"],.elementor-kit-477 input[type="submit"],.elementor-kit-477 .elementor-button{color:var( --e-global-color-147f8443 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove default "clear" at position 5, 9, etc. This is for 4 columns */
 
.woocommerce-product-gallery .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}
 
/* Add new "clear" at position 6, 11, etc. This is for 5 columns */
 
.woocommerce-product-gallery .flex-control-thumbs li:nth-child(5n+1) {
    clear: left;
}

/* Add new CSS for 5 columns */
 
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 20%;
    margin-right: 0%;
float: left;
}
 
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}



.outofstock .price{display:none}

/* Make column wrapper background transparent and move to front of stack and add padding*/
.woocommerce ul.products li.product  {
    background-color: rgba(255,255,255,0);
    padding: 0px 0px 80px 0px;
    z-index: 1;
}
/* position image as absolute for title, price, button etc. overlay and move to back of stack*/
.wc-product-image {
    position: absolute;
    z-index: -1;
}
/* set tranistion for hover effect*/
.woocommerce ul.products li.product a {
transition: all 0.35s ease-in-out;
}
/* set opacity to 0 to all product elements excluding image when not hovered */
.woocommerce ul.products li.product:not(:hover) .button, .woocommerce ul.products li.product:not(:hover) .price, .woocommerce ul.products li.product:not(:hover)  .woocommerce ul.products li.product:not(:hover) .star-rating  {
    opacity: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PoiretOne';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.odinski.com/wp-content/uploads/2020/05/PoiretOne-Regular-20231114-151506.ttf') format('truetype');
}
/* End Custom Fonts CSS */