/*
Theme Name: VLD Distribuidora 2025 v 1.0
Theme URI: https://https://vlddistribuidora.com.br/
Author: Victor Rodrigues Dev.
Author URI: http://beecube.com.br/
Description: Tema licenciado para VLD Distribuidora em agosto de 2025.
Programmer:	Beecube Tecnologia e Publicidade
Version: 1.0
*/

/*-----------------------------------------INCLUDES-----------------------------------*/
.material-symbols-outlined {
	font-size: 22px;
	vertical-align: middle;
}

.bebas-neue-regular {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/*-----------------------------------------------------------------------------------*/
/*-------------------------------BASE.CSS--------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
body {
	font-family: "Poppins", sans-serif;
	font-size:16px;
	font-weight: normal;
	color:rgba(50,50,50,1.00);
	background-color: rgba(255,255,255,1.00);
}

p {margin: 0; font-size: 1.1rem;}

h1 { font-family: "Poppins", sans-serif; font-size: 2rem; font-weight: 700;}
h2 { font-family: "Poppins", sans-serif; font-size: 1.75rem; font-weight: 700;}
h3 { font-family: "Poppins", sans-serif; font-size: 1.50rem; font-weight: 700;}
h4 { font-family: "Poppins", sans-serif; font-size: 1.25rem; font-weight: 700;}
h5 { font-family: "Poppins", sans-serif; font-size: 1rem; font-weight: 700;}
h6 { font-family: "Poppins", sans-serif; font-size: 1rem; font-weight: 700;}

.font-size-h1 { font-size: 2rem; font-weight: 700;}
.font-size-h2 { font-size: 1.75rem; font-weight: 700;}
.font-size-h3 { font-size: 1.50rem; font-weight: 700;}
.font-size-h4 { font-size: 1.25rem; font-weight: 700;}
.font-size-h5 { font-size: 1rem; font-weight: 700;}
.font-size-h6 { font-size: 1rem; font-weight: 700;}

h1.biggest,
h2.biggest,
h3.biggest { font-size: 2.87em;}

/* LINK STYLE*/

a { 
	color: rgba(0,76,149,1.00);
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
}

a:hover {
	text-decoration: none;
	color: rgba(0,76,149,1.00);
}

a:focus {
	outline: none;
	box-shadow: none;
	color: inherit;
	text-decoration: none;
}

a.call-to-action {
	display: block;
	padding: 0.9rem 1.5rem;
	background-color: rgba(200,200,200,1.00);
	color: rgba(50,50,50,1.00);
	text-align: center;
	font-weight: 700;
}

a.call-to-action-green {
	background-color: rgba(1,130,15,1.00) !important;
}

a.call-to-action-red {
	background-color: rgba(220,0,0,1.00) !important;
}

a.call-to-action-yellow {
	background-color: rgba(255,180,0,1.00);
}

a.call-to-action-blue {
	background-color: rgba(0,61,107,1.00);
}

a.call-to-action-orange {
	background-color: rgba(255,83,14,1.00);
}

a.call-to-action-fuchsia {
	background-color: rgba(214,11,82,1.00);
}

a.call-to-action-whatsapp {
	background: linear-gradient(-150deg, rgba(39,208,69,1.00), rgba(32,168,56,1.00));
}

a.call-to-action:hover {
	opacity: 0.80;
}

a.call-to-action-inline {
	display: inline-block;
}

a.border-radius-5 {
	border-radius: 5px;
}

/* CLASS STYLE*/

.border-white {
	border: 0.85em solid rgba(255,255,255,1.00)
}

.border-bottom-grey {
	border-bottom: 1px solid rgba(212,212,212,1.00);
}

.bg-grey {
	background-color: rgba(242,242,242,1.00) !important;
}

.text-white {
	color: rgba(255,255,255,1.00) !important;
}

.text-blue {
	color: rgba(0,61,107,1.00) !important;
}

.text-green {
	color: rgba(1,130,15,1.00) !important;
}

.text-red {
	color: rgba(220,0,0,1.00) !important;
}

.text-orange {
	color: rgba(255,83,14,1.00);
}

.text-fuchsia {
	color: rgba(214,11,82,1.00);
}

.text-yellow {
	color: rgba(232,173,4,1.00);
}

.text-shadow {
	text-shadow: 2px 2px rgba(0,0,0,0.8);
}

.border-top {
	border-top: 1px solid rgba(212,212,212,1.00);
}

.border-bottom {
	border-bottom: 1px solid rgba(212,212,212,1.00);
}

.border-custom {
	border: 1px solid rgba(212,212,212,1.00);
}

/*CLASS MOBILE ONLY */

@media (max-width:767px) {

	.mobile-text-center {
		text-align: center;
	}
}

/*FIX - BOOTSTRAP FROM 5.0*/

.mt-1 { margin-top: 1rem !important;}
.mt-2 { margin-top: 1.25rem !important;}
.mt-3 { margin-top: 1.50rem !important;}
.mt-4 { margin-top: 2rem !important;}
.mt-5 { margin-top: 2.5rem !important;}
.mt-6 { margin-top: 3rem;}
.mt-7 { margin-top: 3.5rem;}
.mt-8 { margin-top: 4rem;}
.mt-9 { margin-top: 4.5rem;}
.mt-10 { margin-top: 5rem;}
.mt-11 { margin-top: 5.5rem;}
.mt-12 { margin-top: 6rem;}

.mb-1 { margin-bottom: 1rem !important;}
.mb-2 { margin-bottom: 1.25rem !important;}
.mb-3 { margin-bottom: 1.50rem !important;}
.mb-4 { margin-bottom: 2rem !important;}
.mb-5 { margin-bottom: 2.5em !important;}
.mb-6 { margin-bottom: 3em;}
.mb-7 { margin-bottom: 3.5rem;}
.mb-8 { margin-bottom: 4rem;}
.mb-9 { margin-bottom: 4.5rem;}
.mb-10 { margin-bottom: 5rem;}
.mb-11 { margin-bottom: 5.5rem;}
.mb-12 { margin-bottom: 6rem;}

.pt-1 { padding-top: 1rem !important;}
.pt-2 { padding-top: 1.25rem !important;}
.pt-3 { padding-top: 1.50rem !important;}
.pt-4 { padding-top: 2rem !important;}
.pt-5 { padding-top: 2.50rem !important;}
.pt-6 { padding-top: 3rem;}
.pt-7 { padding-top: 3.5rem;}
.pt-8 { padding-top: 4rem;}
.pt-9 { padding-top: 4.5rem;}
.pt-10 { padding-top: 5rem;}
.pt-11 { padding-top: 5.5rem;}
.pt-12 { padding-top: 6rem;}

.pb-1 { padding-bottom: 1rem !important;;}
.pb-2 { padding-bottom: 1.25rem !important;;}
.pb-3 { padding-bottom: 1.50rem !important;;}
.pb-4 { padding-bottom: 2rem !important;;}
.pb-5 { padding-bottom: 2.50rem !important;;}
.pb-6 { padding-bottom: 3rem;}
.pb-7 { padding-bottom: 3.5rem;}
.pb-8 { padding-bottom: 4rem;}
.pb-9 { padding-bottom: 4.5rem;}
.pb-10 { padding-bottom: 5rem;}
.pb-11 { padding-bottom: 5.5rem;}
.pb-12 { padding-bottom: 6rem;}

@media (min-width:768px) {

	h1, .font-size-h1 { font-size: 2.5rem;}
	h2, .font-size-h2 { font-size: 2.0rem;}
	h3, .font-size-h3 { font-size: 1.75rem; }
	h4, .font-size-h4 { font-size: 1.5rem; }
	h5, .font-size-h5 { font-size: 1.25rem;}
	h6, .font-size-h6 { font-size: 1rem;}

	h1.biggest,
	h2.biggest,
	h3.biggest { font-size: 3.75em;}

	/*FIX-BOOTSTRAP FROM 5.0*/

	.mt-0 { margin-top: 0 !important;}
	.mt-1 { margin-top: 1rem !important;}
	.mt-2 { margin-top: 2rem !important;}
	.mt-3 { margin-top: 3rem !important;}
	.mt-4 { margin-top: 4rem !important;}
	.mt-5 { margin-top: 5rem !important;}
	.mt-6 { margin-top: 6rem;}
	.mt-7 { margin-top: 7rem;}
	.mt-8 { margin-top: 8rem;}
	.mt-9 { margin-top: 9rem;}
	.mt-10 { margin-top: 10rem;}
	.mt-11 { margin-top: 11rem;}
	.mt-12 { margin-top: 12rem;}

	.mb-0 { margin-bottom: 0 !important;}
	.mb-1 { margin-bottom: 1rem !important;}
	.mb-2 { margin-bottom: 2rem !important;}
	.mb-3 { margin-bottom: 3rem !important;}
	.mb-4 { margin-bottom: 4rem !important;}
	.mb-5 { margin-bottom: 5rem !important;}
	.mb-6 { margin-bottom: 6rem;}
	.mb-7 { margin-bottom: 7rem;}
	.mb-8 { margin-bottom: 8rem;}
	.mb-9 { margin-bottom: 9rem;}
	.mb-10 { margin-bottom: 10rem;}
	.mb-11 { margin-bottom: 11rem;}
	.mb-12 { margin-bottom: 12rem;}

	.pt-0 { padding-top: 0 !important;}
	.pt-1 { padding-top: 1rem !important;}
	.pt-2 { padding-top: 2rem !important;}
	.pt-3 { padding-top: 3rem !important;}
	.pt-4 { padding-top: 4rem;}
	.pt-5 { padding-top: 5rem;}
	.pt-6 { padding-top: 6rem;}
	.pt-7 { padding-top: 7rem;}
	.pt-8 { padding-top: 8rem;}
	.pt-9 { padding-top: 9rem;}
	.pt-10 { padding-top: 10rem;}
	.pt-11 { padding-top: 11rem;}
	.pt-12 { padding-top: 12rem;}

	.pb-0 { padding-bottom: 0 !important;}
	.pb-1 { padding-bottom: 1rem !important;}
	.pb-2 { padding-bottom: 2rem !important;}
	.pb-3 { padding-bottom: 3rem !important;}
	.pb-4 { padding-bottom: 4rem;}
	.pb-5 { padding-bottom: 5rem;}
	.pb-6 { padding-bottom: 6rem;}
	.pb-7 { padding-bottom: 7rem;}
	.pb-8 { padding-bottom: 8rem;}
	.pb-9 { padding-bottom: 9rem;}
	.pb-10 { padding-bottom: 10rem;}
	.pb-11 { padding-bottom: 11rem;}
	.pb-12 { padding-bottom: 12rem;}
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------CONTAINER FIX MOBILE--------------------------------*/
/*-----------------------------------------------------------------------------------*/

.container-fix-mobile {
	padding-left: 0;
	padding-right: 0;
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------FLOAT BUTTONS UI------------------------------------*/
/*-----------------------------------------------------------------------------------*/

div.vrdev-ig-float[data-position=left],
div.vrdev-wp-float[data-position=left] {
	left: 1rem;
}

div.vrdev-ig-float[data-position=right],
div.vrdev-wp-float[data-position=right] {
	right: 1rem;
}

div.vrdev-ig-float {
	position: fixed;
	bottom: 120px;
	width: 50px;
	height: 50px;
	z-index: 1020;
	border-radius: 50px;
	background-color: rgba(5,22,49,1.00);
	box-shadow: 0 0 10px rgba(0,0,0,0);

	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
}

div.vrdev-wp-float {
	position: fixed;
	bottom: 52px;
	width: 50px;
	height: 50px;
	z-index: 999;
	border-radius: 50px;
	background: rgba(39,208,69,1.00);
	box-shadow: 0 0 10px rgba(0,0,0,0);

	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;

	 animation: pulse 4s infinite;
}

div.vrdev-ig-float a,
div.vrdev-wp-float a {
	display: block;
	padding: 10px;
}

div.vrdev-ig-float img,
div.vrdev-wp-float img {
	filter: invert(100%);
}

div.vrdev-wp-float a:hover {
	opacity: 0.8;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	}

	70% {
		transform: scale(1.1);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}



@media (min-width:992px) and (max-width:1199px) {
	.hidden-lg {
		display: none !important;
	}
}

@media (min-width:1200px) and (max-width:1399px) {
	.hidden-xl {
		display: none !important;
	}
}