/* 
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
*/
 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)!important;
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

li.product_cat-kit:hover, .elementor-element-cbc950b .product_cat-kit:hover h2.woocommerce-loop-product__title, .elementor-element-cbc950b .product_cat-kit:hover .price, .elementor-element-59b5fdc6 .product_cat-kit:hover, .elementor-element-59b5fdc6 .product_cat-kit:hover h2.woocommerce-loop-product__title, .elementor-element-59b5fdc6 .product_cat-kit:hover .price, .elementor-element-b260f56 .product_cat-kit:hover, .elementor-element-b260f56 .product_cat-kit:hover h2.woocommerce-loop-product__title, .elementor-element-b260f56 .product_cat-kit:hover .price {
	background-color: #E43B31!important;
	
}

li.product_cat-green:hover, .elementor-element-cbc950b .product_cat-green:hover h2.woocommerce-loop-product__title, .elementor-element-cbc950b .product_cat-green:hover .price, .elementor-element-592c3366 .product_cat-green:hover, .elementor-element-592c3366 .product_cat-green:hover h2.woocommerce-loop-product__title, .elementor-element-592c3366 .product_cat-green:hover .price, .elementor-element-b260f56 .product_cat-green:hover, .elementor-element-b260f56 .product_cat-green:hover h2.woocommerce-loop-product__title, .elementor-element-b260f56 .product_cat-green:hover .price {
background-color:#20A849!important;
}

li.product_cat-blue:hover, .elementor-element-cbc950b .product_cat-blue:hover h2.woocommerce-loop-product__title, .elementor-element-cbc950b .product_cat-blue:hover .price, .elementor-element-592c3366 .product_cat-blue:hover, .elementor-element-592c3366 .product_cat-blue:hover h2.woocommerce-loop-product__title, .elementor-element-592c3366 .product_cat-blue:hover .price, .elementor-element-b260f56 .product_cat-blue:hover, .elementor-element-b260f56 .product_cat-blue:hover h2.woocommerce-loop-product__title, .elementor-element-b260f56 .product_cat-blue:hover .price {
background-color:#3D71B7!important;
}

li.product_cat-grey:hover, .elementor-element-cbc950b .product_cat-grey:hover h2.woocommerce-loop-product__title, .elementor-element-cbc950b .product_cat-grey:hover .price, .elementor-element-592c3366 .product_cat-grey:hover, .elementor-element-592c3366 .product_cat-grey:hover h2.woocommerce-loop-product__title, .elementor-element-592c3366 .product_cat-grey:hover .price, .elementor-element-b260f56 .product_cat-grey:hover, .elementor-element-b260f56 .product_cat-grey:hover h2.woocommerce-loop-product__title, .elementor-element-b260f56 .product_cat-grey:hover .price {
background-color:#D9D9D9!important;
}


li.product_cat-orange:hover, .elementor-element-cbc950b .product_cat-orange:hover h2.woocommerce-loop-product__title, .elementor-element-cbc950b .product_cat-orange:hover .price, .elementor-element-592c3366 .product_cat-orange:hover, .elementor-element-592c3366 .product_cat-orange:hover h2.woocommerce-loop-product__title, .elementor-element-592c3366 .product_cat-orange:hover .price, .elementor-element-b260f56 .product_cat-orange:hover, .elementor-element-b260f56 .product_cat-orange:hover h2.woocommerce-loop-product__title, .elementor-element-b260f56 .product_cat-orange:hover .price {
background-color:#EE751B!important;
}


li.product a:first-child { background-color:#fff;}


.woocommerce-product-gallery ol li img { background-color:#fff;}

.elementor-741 .elementor-element.elementor-element-d29a6f0.elementor-wc-products .attachment-woocommerce_thumbnail, .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #000000;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0.5em;
    box-shadow: none
}

.subproduct {
	
	font-weight:400!important;
	
}

h1 .subproduct {
	font-size: 32px!important;
	font-weight:400!important;
	line-height:35px!important;
}


@media (max-width: 999px) {
h2 .subproduct {
	 font-size: 16px!important;
	font-weight:400!important;
	line-height:19px!important;
}
  }



#table-comp button, #table-comp input[type="button"], #table-comp input[type="submit"], #table-comp .elementor-button {
font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #FFFFFF;
    background-color: #333233 !important;
	border-radius: 8px;
	text-transform: uppercase;
	border: 1px solid #333233;
}

#table-comp button:hover, #table-comp input[type="button"]:hover, #table-comp input[type="submit"]:hover, #table-comp .elementor-button:hover {
font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    background-color: #fff !important;
	border-radius: 8px;
		border: 1px solid #000;
text-transform: uppercase;
}

#table-comp .learnmore {
font-family: "Inter", Sans-serif;
    border-radius: 8px;
    background-color: transparent !important;
	border: 1px solid #000;
	color: #000;
	margin-top: 20px;
}

#table-comp .learnmore:hover {
font-family: "Inter", Sans-serif;
    border-radius: 8px;
    background-color: #fff !important;
	border: 1px solid #000;
	color: #000;
	margin-top: 20px;
}


#table-comp table tbody>tr:nth-child(odd)>td, #table-comp table tbody>tr:nth-child(odd)>th {
    background-color: transparent;
}

#table-comp table td:nth-child(even), #table-comp table th:nth-child(even) {
    background-color: hsla(0,0%,50.2%,.0705882353) !important;
}


#table-comp table {
  margin: 50px 0 20px;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid var(--table-border);
}

#table-comp table th {
  color: var(--white);
  background: var(--darkblue);
  padding: 20px;
	text-align:center;
font-size: 18px;
font-weight: 700;
line-height: 25px;
letter-spacing: 0em;


}

#table-comp table td {
  width: 100%;
  padding: 10px;
	
font-size: 18px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0em;
text-align: center;

}

#table-comp table td:first-child {
  position: relative;
  padding-left: 0px;
	text-align:left;
}

#table-comp table td:first-child::before {
  display: none;
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--black);
}

#table-comp table td:nth-child(2) {
  position: relative;
}

#table-comp table td, #table-comp table th {
  border: none;
	border-bottom: 1px solid #000;
}

#table-comp table tr:last-child > td {
  border: none;
	border-bottom: none!important;
}

#table-comp table tbody tr {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  
	
}



#table-comp table tbody tr:nth-of-type(even) > * {
  background: var(--lightblue);
}

#table-comp table img {
  display: none;
  position: absolute;
  top: 20px;
  left: 45%;
  max-width: 150px;
  z-index: 1;
}

#table-comp .table-credits {
  font-size: 12px;
}

/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 999px) {
 #table-comp .visible\@l {
    display: none;
  }
	#table-comp table td{
    border: none;
}
	#table-comp table td:first-child {
  border: none;
	border-bottom: 1px solid #000 !important;
		border-top: 1px solid #000 !important;
		text-align:center;
		font-size: 20px;
font-weight: 700;
line-height: 25px;
letter-spacing: 0em;
}
	#table-comp .elementor-button {
		margin-top:20px;
}
	#table-comp .learnmore {
		margin-bottom:20px;
}
}

@media (min-width: 700px) {
 #table-comp table td {
    padding: 20px;
  }
	
}

@media (min-width: 700px) and (max-width: 999px) {
 #table-comp table tbody {
    display: flex;
    flex-wrap: wrap;
  }

 #table-comp table tbody tr {
    width: 50%;
  }

 #table-comp table tbody tr:nth-of-type(even) > * {
    background: transparent;
  }

 #table-comp table tbody tr:nth-of-type(4n) > *,
 #table-comp table tbody tr:nth-of-type(4n + 1) > * {
    background: var(--lightblue);
  }
}

@media (min-width: 1000px) {
 #table-comp .hidden\@l {
    display: none;
  }

 #table-comp .container {
    padding: 0 30px;
  }

 #table-comp table {
    border: none;
  }

 #table-comp table th,
 #table-comp table td {
    width: 15%;
  }

 #table-comp table td:first-child {
    padding-right: 0;
  }

 #table-comp table tbody tr {
    display: table-row;
  }

 #table-comp table tbody tr::before {
    display: none;
  }
}

@media (hover: hover) and (min-width: 1000px) {
 #table-comp table tbody tr:hover {
    cursor: pointer;
  }
 #table-comp table tbody tr:hover img {
    display: block;
  }

 #table-comp table tbody tr:hover td:first-child::before {
    display: block;
  }
}

@media (min-width: 1250px) {
 #table-comp table td:first-child::before {
    right: calc(100% + 20px);
  }
}