/*
Theme Name:		Awesome Food Trailers
Description:	Awesome Food Trailers Theme
Theme URI:		https://awesomefoodtrailers.com
Theme Author:	KevinGiu
Author URI:		https://kevingiu.com
Template:		bricks
Version:		1.0.0
Text Domain:	bricks
*/







/* ----------------------- */
/* ------- GENERAL ------- */
/* ----------------------- */


html {
	scroll-behavior: smooth;
	scroll-padding-top: 70px;
}

html, body {
	width: 100%;
	overflow-x: hidden !important;
}







/* ---------------------------- */
/* ------- TESTIMONIALS ------- */
/* ---------------------------- */


.brxe-testimonials .bricks-swiper-container {
    padding-bottom: 2px !important;
}

.brxe-testimonials .bricks-swiper-container .swiper-wrapper {
    align-items: stretch !important;
}

.brxe-testimonials .bricks-swiper-container .swiper-wrapper .swiper-slide {
	padding: 25px 30px;
	gap: 20px;
	flex-direction: column-reverse;
	transition: .3s border-color;
	cursor: pointer;
}

.brxe-testimonials .swiper-pagination-bullet {
    border-radius: 25px !important;
    transition: .3s;
}
.brxe-testimonials .swiper-pagination-bullet-active {
    width: 45px !important;
}

@media screen and (max-width: 768px) {
	.brxe-testimonials .swiper-pagination-bullets {
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
	.brxe-testimonials .swiper-button {
		display: none !important;
	}
}







/* -------------------------- */
/* ------- ANIMATIONS ------- */
/* -------------------------- */


@keyframes fadeInUpX {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}
.brx-animate-fadeInUp {
    animation-name: fadeInUpX !important;
}
.slide-animate-fadeInUpX {
	opacity: 0;
}
.is-visible .slide-animate-fadeInUpX {
    animation: fadeInUpX 1s;
	animation-fill-mode: forwards;
}

@keyframes fadeInDownX {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}
.brx-animate-fadeInDown {
    animation-name: fadeInDownX !important;
}
.slide-animate-fadeInDownX {
	opacity: 0;
}
.is-visible .slide-animate-fadeInDownX {
    animation: fadeInDownX 1s;
	animation-fill-mode: forwards;
}

@keyframes fadeInLeftX {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}
.brx-animate-fadeInLeft {
    animation-name: fadeInLeftX !important;
}
.slide-animate-fadeInLeftX {
	opacity: 0;
}
.is-visible .slide-animate-fadeInLeftX {
    animation: fadeInLeftX 1s;
	animation-fill-mode: forwards;
}

@keyframes fadeInRightX {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}
.brx-animate-fadeInRight {
    animation-name: fadeInRightX !important;
}
.slide-animate-fadeInRightX {
	opacity: 0;
}
.is-visible .slide-animate-fadeInRightX {
    animation: fadeInRightX 1s;
	animation-fill-mode: forwards;
}

@keyframes zoomInX {
    0% {
        opacity: 0;
        transform: scale(.75)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}
.brx-animate-zoomIn {
    animation-name: zoomInX !important;
}
.slide-animate-zoomInX {
	opacity: 0;
}
.is-visible .slide-animate-zoomInX {
    animation: zoomInX 1s;
	animation-fill-mode: forwards;
}

@keyframes zoomOutX {
    0% {
        opacity: 0;
        transform: scale(1.25)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}
.brx-animate-zoomOutX {
    animation-name: zoomOutX !important;
}
.slide-animate-zoomOutX {
	opacity: 0;
}
.is-visible .slide-animate-zoomOutX {
    animation: zoomOutX 1s;
	animation-fill-mode: forwards;
}


.is-visible .slide-animate-delay200 {
	animation-delay: .2s;
}
.is-visible .slide-animate-delay300 {
	animation-delay: .3s;
}
.is-visible .slide-animate-delay400 {
	animation-delay: .4s;
}
.is-visible .slide-animate-delay500 {
	animation-delay: .5s;
}
.is-visible .slide-animate-delay600 {
	animation-delay: .6s;
}


@keyframes kenburns {
	0% {
	transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}


@keyframes floatX {
    0%   { transform: translateY(10px); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(10px); }
}
.floatX {
	animation: floatX 4s infinite ease-in-out;
}