/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* TYPOGRAPHY */
a,
button{
	transition: all 0.3s;
}
b, strong{
	font-weight: 500;
}
.brxe-text h1,
.brxe-text h2,
.brxe-text h3,
.brxe-text h4,
.brxe-text h5,
.brxe-text h6{
	margin-bottom: var(--gap-m);
}

/* INPUTS */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; 
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield; 
}
textarea {
  resize: none;
}


/* HEADER */
#brx-header .brxe-container{
	transition: all 0.3s;
}


/* CUSTOM CONTENTS */
.multicolor-heading span{
	color: var(--color-primary);
}
.multicolor-heading-white span{
	color: #fff;
}
.no-bullet-list ul{
	list-style: none;
	padding: 0;
	margin: 0 0 var(--gap-m);
}
.no-bullet-list ul:last-child{
	margin-bottom: 0;
}
.no-bullet-list ul li{
	margin-bottom: var(--gap-xs);
	font-size: var(--text-s);
	font-weight: 500;
}
.dark-list p{
	color: #3C3C3C;
}
.dark-list ul li{
	color: #000;
}
.underline-link a{
	text-decoration: underline;
	text-decoration-thickness: 0.1rem;
	text-underline-offset: 0.15rem;
}
.underline-link a:hover{
	text-decoration: none;
}

/* LOGO CAROUSEL */
@keyframes slider{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translate(-100%);
	}
}
.carousel-wrapper{
	animation: slider 20s linear infinite;
	display: flex;
    align-self: center !important;
    align-items: flex-start;
    max-width: unset;
    flex-grow: 0;
    flex-shrink: 0;
}

.logo-carousel-continous,
.logo-carousel{
	position: relative;
}

.logo-carousel-continous::before,
.logo-carousel-continous::after,
.logo-carousel::before,
.logo-carousel::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	z-index: 99;
}
.logo-carousel-continous::before,
.logo-carousel::before{
	left: 0;
	background: linear-gradient(90deg, var(--bricks-color-jlaiuh) 0%, rgba(250, 250, 250, 0) 100%);
}
.logo-carousel-continous::after,
.logo-carousel::after{
	right: 0;
	background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, var(--bricks-color-jlaiuh) 100%);
}

.brxe-slider-nested .splide__slide.logo-carousel-slide{
	width: auto !important;
}


/* RESPONSIVE */

@media all and (min-width: 991px){
	#brx-header.scrolling .brxe-container{
		padding-top: var(--gap-s);
		padding-bottom: var(--gap-s);
	}
}

@media all and (max-width: 991px){
	.linebreak-heading span{
		display: block;
	}
}