/* ================================
   ACT! OVERRIDE DE CORES - CUSTOM
   Laranja Oficial: #FE5000
   ================================ */

/* --------------------------------
Button color variables can be set in SPPB:
default  : --sppb-bg-primary, --sppb-text-secondary (see below)
primary  : --sppb-color-primary, --sppb-text-varient-8 (see below)
secondary: --sppb-text-varient-6, --sppb-color-varient-1
*:hover  : --sppb-color-secondary, --sppb-text-varient-8
default.outline  : --sppb-bg-primary, --sppb-text-varient-5 (see below)
default.outline.hover: --sppb-bg-primary, --sppb-text-primary
primary.outline  : --sppb-color-primary, --sppb-text-primary
primary.outline.hover: --sppb-color-primary, --sppb-text-varient-8
secondary.outline: --sppb-bg-secondary, --sppb-color-primary (see below)
----------------------------------- */

:root {
  /* colors set in SPPB settings take precedence over these */
  /*--sppb-color-primary: #FE5000;
  --sppb-color-secondary: #222222;
  --sppb-text-varient-8: #ffffff;
  --sppb-color-varient-1: #FE5000;

  --sppb-bg-card-secondary: #FE5000;
  --sppb-bg-card-varient-1: #FE5000;
  --sppb-bg-card-varient-3: #FE5000;
  --sppb-bg-card-varient-7: #FE5000;
  --sppb-bg-card-varient-9: #FE5000;

  --sppb-bar-bg-primary: #FE5000;
  --sppb-bar-bg-secondary: #FE5000;*/
}

/* ================================
   Forçar elementos comuns
   ================================ */

/* Botões */
/*.sppb-btn,
.btn,
button,
input[type="submit"],
input[type="button"] {
  background-color: #FE5000 !important;
  border-color: #FE5000 !important;
  color: #FFFFFF !important;
}*/

/* Links com hover */
/*a:hover,
.sppb-btn:hover {
  color: #FE5000 !important;
}*/

body .sppb-btn.sppb-btn-lg {
  font-size: 22px;
}

/* "default" button style */
body .sppb-btn.sppb-btn-default {
  --sppb-bg-primary: #eaeaea;
}
body .sppb-btn.sppb-btn-default.sppb-btn-outline {
  --sppb-text-varient-5: #222;
  --sppb-text-primary: #222;
}
/* "primary" button style */
body .sppb-btn.sppb-btn-primary {
  --sppb-text-primary: #fe5000;
}
/* "secondary" button style */
body .sppb-btn.sppb-btn-secondary.sppb-btn-outline {
  --sppb-color-primary: #000;
}
body .sppb-btn.sppb-btn-secondary.sppb-btn-outline:hover {
  --sppb-color-primary: #fff;
} 

/* Ícones e elementos que usam 'fill' */
svg path,
svg rect {
  fill: #FE5000 !important;
}

/* =============================
   Header tweaks
   ============================= */
/* These tweaks applies to header with "Left modal" layout */
/* Header height is not editable in config, must override here */
#sp-header {
  position: fixed;
  height: 60px;
  margin-top: 10px;
  animation: none;
}
#sp-header.header-sticky {
  animation: none;
}
.sticky-header-placeholder {
  display: none;
}
.logo-image, .logo-image-phone {
  width: 80px;
}
/* Puts menu anchor below logo/header height */
#logo-right {
  top: 100%;
}
#modal-menu-toggler {
  --sppb-text-varient-8: #fff;
  top: 0;
  width: 72px;
  height: 60px;
  padding: 10px;
  text-align: center;
  border-radius: .5rem;
}
#modal-menu-toggler:hover {
  background: var(--sppb-color-secondary);
}
body.modal-menu-active:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(204,200,180,.4);
  z-index: 10;
  animation: modal-menu-backdrop .7s;
}
@keyframes modal-menu-backdrop {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#modal-menu {
  top: 0;
  left: 80px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), 5px 15px 30px rgba(0,0,0,.1);
}
#modal-menu .modal-menu-inner {
  padding: 0;
}
#sp-header #modal-menu .modal-menu-inner > div {
  max-height: calc(100vh - 90px);
  padding: 30px;
  overflow: auto;
}
#modal-menu ul.sp-megamenu-parent > li:not(:last-child) {
  margin-bottom: 10px;
}
#modal-menu ul.sp-megamenu-parent > li > a, 
#modal-menu ul.sp-megamenu-parent > li > span {
  font-size: 24px;
}