/*
Theme Name: Lions - Hello Elementor Child
Theme URI: https://elementor.com/
Description: Tema filho do Hello Elementor para personalizações
Author: Amper Comunicação
Author URI: https://ampercomunicacao.com.br/
Template: hello-elementor
Version: 1.0.0
Tags: amper, lions
Text Domain: amper
*/

:root {
    --bs-primary: var(--e-global-color-primary);
    --bs-primary-rgb: 0, 82, 156;
    --bs-warning: yellow;
    --bs-body-color: var(--e-global-color-text) !important;
    --bs-body-color-rgb: 122, 122, 122 !important;
}
/*
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
} */

/* Altera a largura do modal para 80% em telas maiores */
/* .modal-content {
  border-radius: 0 !important;
} */

body {
    color: var(--e-global-color-text) !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: var(--e-global-color-text);
    font-family: 'Roboto';
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 60% !important;
    min-height: 500px !important;
  }
}
.btn-wrapper, .btn-wrapper a {
    width: 100%;
}
@media (min-width:768px) {
    .btn-wrapper {
        width: 380px;
    }
    .btn-wrapper a {
        width: auto;
    }
}
/* a {
    color: var(--e-global-color-primary) !important;
} */

footer a {
    color: var(--e-global-color-primary);
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.btn-primary {
    background-color: var(--e-global-color-primary);
    color: white !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
    padding: 0.7rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
}
.btn-primary:hover {
    background-color: white;
    border-color: var(--e-global-color-primary);
    color: var(--e-global-color-primary) !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--e-global-color-primary);
    --bs-btn-border-color: var(--e-global-color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--e-global-color-primary);
    --bs-btn-hover-border-color: var(--e-global-color-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--e-global-color-primary);
    --bs-btn-active-border-color: var(--e-global-color-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--e-global-color-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--e-global-color-primary);
    --bs-gradient: none;
    padding: 0.7rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
}
.site-navigation ul.menu li a {
    color: #7A7A7A;
}
/*
#btnModalLogin {
    position: absolute;
    top: 28px;
    right: 65px;
}
.site-navigation-toggle-holder {
    position: absolute;
    top: 20px;
    right: 16px;
}

@media (min-width: 768px) {
    #btnModalLogin {
        position: static;
    }
    .site-navigation-toggle-holder {
        top: 36px ;
        right: 30px;
    }
}
@media (min-width: 992px) {
}
/*
.site-navigation-dropdown {
    top: 70px;
}
*/
.members-login-notice {
    color: red;
}

.menu-redes-sociais-container ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}
@media (min-width: 992px) {
    .menu-redes-sociais-container ul {
        justify-content: start;
    }
}

#menu-menu-principal {
    justify-content: center;
}

/* ANIMACAO WHATSAPP */
.animacao {
	display: flex;
	justify-content: center;
	align-items: center;
	position:fixed; 
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 0 0 0 0 rgba(10, 202, 58, 0.89);
	z-index:11000; 
	text-decoration: none;
	animation: alerta 1.5s infinite;
}
.animacao:hover {
	  color: #FFF !important;
}
.animacao-icon {
	  color: white;
}

@keyframes alerta {
	0% {
	  transform: scale();
	}
	70% {
	  transform: scale();
	  box-shadow: 0 0 0 50px rgba(69, 152, 27, 0);
	}
	  100% {
	  transform: scale();
	  box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
	}
}
/* FIM ANIMACAO WHATSAPP */

.nav-visivel {
	transform: scaleY(100%) !important;
    max-height: none !important;
}

@media (max-width: 767px) {
	.btn-login {
		position:absolute !important;
		top: 0 !important;
		right: 0 !important;
	}	
}

.sub-menu {
  display: none;
  transition: all 0.3s ease;
}

.sub-menu.ativo {
  display: block;
}