/* 
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
*/


.xml-product-list {
	display:flex;
    flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	align-content:stretch;
    gap:30px;
    padding:unset !important;
    margin:unset !important
}
.xml-product-list li {
	flex:0 0 calc( 33.33% - 30px) !important;
	background-color: #FFFFFF;
	border-radius: 8px;
	list-style: none;
	border-bottom: 8px solid #f4f4f4;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.list-wrapper > div{text-align:center;}

.list-wrapper{
    position:relative;
    padding-top:40px;
    border:1px solid #E9E9E9;
    border-radius:32px;
    padding:35px;
	height:100%;
}

.list-wrapper i {
    background-color:#E6331B;
    border-radius:100%;
    width:60px;
    height:60px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0;
    right:0;
    z-index:2;
	transition:.3s transform ease-in-out;
}
ul#xmlplist > li:hover i{
    transition:.3s transform ease-in-out;
    transform: translate(4px, -4px);
}
.list-wrapper:before{
    content: "";
    width: 112px;
    height: 112px;
    position: absolute;
    right: -1px;
    top: -1px;
    background: url(https://www.nouws.testontwikkeling.nl/wp-content/uploads/2025/04/curved-pattern.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-color:#FFFFFF;
    z-index:1;
    border:unset !important;
    
}
.xml-product-list i.fa {
	display: none !important;
}
.xml-product-list li img{
    width:280px;
    height:280px;
    object-fit:cover;
	max-width:unset !important;
    border-radius:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border:4px solid #e6331b;
    position:relative;
    z-index:2;
    margin-bottom:15px;
}

.xml-product-list h3 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom:10px;
}
.xml-product-list li h3 a{
	font-size:24px;
	color:var(--e-global-color-secondary) !important;
	line-height:26px;
}

.xml-product-list li p.price a {color:#E6331B}

.xml-product-list p {
	margin-bottom: 0px;
}

.xml-product-list li a.overlay-link {
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:3
}

@media(max-width:1200px){
    .xml-product-list li {flex: 0 0 calc(50% - 30px) !important;}

}
@media(max-width:850px){
    .xml-product-list li img{width:180px;height:180px}
}
@media only screen and (max-width: 780px) {
	.xml-product-list li {
	width: 100%!important;
	}
}
@media(max-width:700px){
    .xml-product-list li {flex: 0 0 100% !important;}
}

@media(max-width:400px){
    .xml-product-list li img{width:130px;height:130px}
}