/*
Theme Name:		2Brothers
Description:	2Brothers Theme
Theme URI:		https://2Brothers,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;
}

.pswp__counter {
	display: none;
}


/* Preloader */

body {
	opacity: 0;
	transition: .3s;
}
body.loaded {
	opacity: 1;
}







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


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

.slide-anim-fadeinup {
	opacity: 0;
}
.is-visible .slide-anim-fadeinup {
    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-anim-fadeindown {
	opacity: 0;
}
.is-visible .slide-anim-fadeindown {
    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-anim-fadeinleft {
	opacity: 0;
}
.is-visible .slide-anim-fadeinleft {
    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-anim-fadeinright {
	opacity: 0;
}
.is-visible .slide-anim-fadeinright {
    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-anim-zoomin {
	opacity: 0;
}
.is-visible .slide-anim-zoomin {
    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-anim-zoomout {
	opacity: 0;
}
.is-visible .slide-anim-zoomout {
    animation: zoomOutX 1s;
	animation-fill-mode: forwards;
}


@keyframes kenburns {
	0% {
	transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.anim-kenburns {
	animation: kenburns 7s infinite ease-in-out alternate;
}

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


.anim-delay100 { animation-delay: .1s !important; }
.anim-delay200 { animation-delay: .2s !important; }
.anim-delay300 { animation-delay: .3s !important; }
.anim-delay400 { animation-delay: .4s !important; }
.anim-delay500 { animation-delay: .5s !important; }
.anim-delay600 { animation-delay: .6s !important; }
.anim-delay700 { animation-delay: .7s !important; }
.anim-delay800 { animation-delay: .8s !important; }
.anim-delay900 { animation-delay: .9s !important; }
.anim-delay1000 { animation-delay: 1s !important; }

@media screen and (max-width: 767px) {
	.anim-delay100 { animation-delay: 0s !important; }
	.anim-delay200 { animation-delay: 0s !important; }
	.anim-delay300 { animation-delay: 0s !important; }
	.anim-delay400 { animation-delay: 0s !important; }
	.anim-delay500 { animation-delay: 0s !important; }
	.anim-delay600 { animation-delay: 0s !important; }
	.anim-delay700 { animation-delay: 0s !important; }
	.anim-delay800 { animation-delay: 0s !important; }
	.anim-delay900 { animation-delay: 0s !important; }
	.anim-delay100 { animation-delay: 0s !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;
	}
}







/* -------------------------- */
/* ------- CONTACT US ------- */
/* -------------------------- */


/* Form */

.brxe-form .message.success {
    background: var(--bricks-text-success);
    color: #ffffff;
    font-weight: 600;
    border-radius: calc(var(--border-radius-primary)/2);
}


/* Google Map */

.brxe-map {
	position: relative;
}

.brxe-map:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -500px;
	right: -500px;
	display: block;
	//background: #0000001a;
	pointer-events: none !important;
	box-shadow: 0 0 30px inset #00000034 !important;
}

.brxe-map div[style="display: inline-flex; position: absolute; right: 0px; bottom: 0px;"] {
   display: none !important;
}

.brxe-map .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    //bottom: 82px !important;
}

.brxe-map .gm-style > div:first-child > div:first-child > div:last-child {
	//filter: hue-rotate(10deg) brightness(1.25);
}