body {
font-family: var(--e-global-typography-text-font-family) !important;
} .site-header .header-inner .site-branding .site-logo img {
width: 270px;
}
.site-navigation-toggle-holder .site-navigation-toggle {
color: #fff !important;
background-color: var(--e-global-color-secondary) !important;
}
.site-navigation ul.menu li {
margin: 0px 8px !important;
}
.site-navigation ul.menu li a {
background-color: #0000;
color: var(--e-global-color-text);
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
border-style: solid;
border-width: 1px;
border-color: #E7EBF4;
border-radius: 99px;
}
.site-navigation ul.menu li:hover a {
color: #1E293B;
border-color: #B0BDCC;
} .inline-form form {
display: flex;
flex-wrap: wrap;
}
.inline-form .form-group {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 10px;
}
label {
font-size: 14px;
margin-bottom: 5px;
color: #333;
}
input[type="text"],
input[type="tel"],
input[type="date"],
input[type="number"] {
padding: 10px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
outline: none;
}
input[type="submit"] {
padding: 10px 20px;
background-color: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 22px;
width: 100%;
}
input[type="submit"]:hover {
background-color: #218838;
}
.site-footer {
background-color: #EFF3F8;
}
#sticky-whatsapp,
#scroll-to-top {
position: fixed;
width: 50px;
height: 50px;
bottom: 20px;
border-radius: 50%;
text-align: center;
box-shadow: 0 0 10px #6666;
z-index: 1000;
padding: 10px;
}
#sticky-whatsapp {
left: 20px;
background-color: #25d366;
}
#scroll-to-top {
right: 20px;
background-color: var( --e-global-color-secondary );
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
}
#sticky-whatsapp:hover {
background-color: #3cc050;
}
#scroll-to-top:hover {
cursor: pointer;
background-color: #333;
}
#scroll-to-top:active {
background-color: #555;
}
#scroll-to-top.show {
opacity: 1;
visibility: visible;
}
@media (min-width: 768px) {
.site-header .header-inner .site-branding .site-logo img {
width: 300px;
}
.inline-form .form-group {
width: 50%;
}
}
@media (min-width: 1360px) {
.inline-form .form-group {
width: 16.666%;
}
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
max-width: 1260px !important;
}
}