/*
Theme Name:		Bluetools
Description:	Bluetools Theme
Theme URI:		https://bluetoolssrl.com.ar/
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;
}


/* Google translate */

.gtranslate_wrapper #gt_float_wrapper {
	//bottom: 75px !important;
}

.gtranslate_wrapper .gt_float_switcher {
	display: block;
	border-radius: 10px;
	box-shadow: 0 0 20px #00000015 !important;
	background: rgba(255, 255, 255, 1) !important;
	padding: 5px 5px;
	transition: none !important;
}

.gtranslate_wrapper .gt_options a,
.gtranslate_wrapper .gt-selected div {
	font-size: 13px;
	font-weight: bold;
	font-family: "Domaine Sans Text";
	transition: .2s !important;
	color: #000000dd !important;
	padding: 5px 5px 5px 5px !important;
	display: flex !important;
	gap: 5px;
	align-items: center;
}
.gtranslate_wrapper .gt_options a.gt-current {
	display: none !important;
}

.gtranslate_wrapper .gt_options a {
	border-radius: 6px;
}
.gtranslate_wrapper .gt_options a:hover {
	background: #f5f5f5 !important;
}

.gtranslate_wrapper .gt-selected div span {
	top: 0 !important;
}

.gtranslate_wrapper img {
	width: 28px !important;
}


/* Scrollbar */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.eapps-widget-toolbar {
	display: none !important;
}


/* WOO SKU */

.sku-variable {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
    margin-bottom: 12px;
}

.sku-variable div {
    display: flex;
    white-space: nowrap;
    background: var(--bricks-color-grey-800);
    border-radius: var(--border-radius-secondary);
    padding: 0 10px;
}







/* -------------------------- */
/* ------- 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 .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; }
}







/* ---------------------- */
/* ------- HEADER ------- */
/* ---------------------- */


.dgwt-wcas-search-wrapp #dgwt-wcas-search-input-1 {
    background: #00000088;
    border: none;
    box-shadow: none;
    padding: 10px 50px 10px 20px;
    color: #ffffff;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-preloader.dgwt-wcas-close {
    margin-right: 17px !important;
}
.dgwt-wcas-search-wrapp .dgwt-wcas-search-submit {
    left: auto !important;
    right: 15px !important;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-preloader.dgwt-wcas-close svg path,
.dgwt-wcas-search-wrapp .dgwt-wcas-search-submit svg path {
    fill: #ffffffaa !important;
}

.dgwt-wcas-open .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp {
    background: var(--background-default) !important;
    border-radius: 20px 20px 0 0;
}

.dgwt-wcas-open .dgwt-wcas-search-wrapp #dgwt-wcas-search-input-1 {
    background: #55555533;
}

.dgwt-wcas-suggestions-wrapp {
    background: var(--background-default);
    border: none !important;
    padding: 0 5px;
}

.dgwt-wcas-suggestions-wrapp * {
    color: #ffffff;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 12px;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected {
    background: #55555533;
}


@media screen and (max-width: 541px) {
	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form {
		margin-top: 7px;
		background: linear-gradient(transparent 0%, var(--background-top) 50%);
		width: 100vw;
	}

	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-sf-wrapp {
		padding: 10px 12px 10px 12px !important;
	}

	.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-submit {
		right: 18px !important;
		top: 12px !important;
	}	
	
	.dgwt-wcas-suggestions-wrapp {
		background: var(--background-default);
		border: none !important;
		padding: 0 5px;
		left: 0 !important;
		width: 100vw !important;
	}
}







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


.brxe-testimonials .bricks-swiper-container {
    padding: 10px !important;
	width: calc(100% + 20px);
	margin: -10px
}

.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(0deg) brightness(.9) saturate(0) contrast(1.5);
	filter: hue-rotate(0deg) brightness(1.2) saturate(1.7);
}

.brxe-map div[role="button"]:nth-last-child(-n+2) {
   display: none !important;
}