/* 
Theme Name: FANATICS  
Theme URL: https://onlinefanatics.nl
Description: FANATICS  
Theme Author: FANATICS
Author URL: https://onlinefanatics.nl
Template: astra 
Version: 1.0.1 
Text Domain: FANATICS-child 
*/
html, body {
	scroll-behaviour: smooth;
}
@media only screen and (max-width: 1800px) {
			.ast-container {
		max-width:1400px!important;
	}
.elementor-inner-section, .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap, .ast-above-header-wrap .ast-above-header.ast-above-header-bar {
max-width: 1250px;
	margin: auto;
}
}
@media only screen and (max-width: 1400px) {
			.ast-container {
		max-width:90%!important;
	}
.elementor-inner-section, .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap, .ast-above-header-wrap .ast-above-header.ast-above-header-bar {
max-width: 90%!important;
	margin: auto;
}
}

@media only screen and (min-width: 1800px) {
		.ast-container {
		max-width:1600px!important;
	}
.elementor-inner-section, .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap, .ast-above-header-wrap .ast-above-header.ast-above-header-bar {
max-width: 1400px!important;
	margin: auto;
}
}


div#FANATICS_footer p {
    margin: auto;
}

div#FANATICS_footer {
    padding: .5rem 0 1rem;
}
.brand-carousel .brand-item {
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    margin: 0 5px; /* Ruimte tussen de cirkels */
}

/* De cirkel zelf, voor zowel afbeelding als tekst */
.brand-carousel .brand-item img,
.brand-carousel .brand-item span {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Stijl voor de afbeeldingen */
.brand-carousel .brand-item img {
    object-fit: contain;
    background: #fff;
    border: 2px solid #eee;
}

/* Stijl voor merken zonder afbeelding, alleen tekst */
.brand-carousel .brand-item span {
    background: #eee;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-align: center;
    line-height: 1.2;
    padding: 0 5px; /* eventueel iets ruimte als tekst breder is */
}

/* Responsief: op mobiel iets kleiner als gewenst */
@media (max-width: 480px) {
    .brand-carousel .brand-item img,
    .brand-carousel .brand-item span {
        width: 100px;
        height: 100px;
        font-size: 12px;
    }
}


.brand-carousel:not(.slick-initialized){
    display: grid;
    grid-template-columns: repeat(3, 200px);
 }
 #content .brand-carousel{
    max-height: 120px;
    overflow: hidden;
 }