#wpadminbar {
  display: none !important;
}

/*
* CSS Critico
*/
.header-z {
  z-index: 9999;
}

.btn-novo-evento,
.open-login,
.btn-start-novo-evento {
  color    : #ffffff !important;
  font-size: 16px !important;
}

#show-register {
  color    : #ffffff !important;
  font-size: 16px !important;
}

#perfil-dropdown ul li a {
  color    : #31322e !important;
  font-size: 16px !important;
}

#menu-principal li a {
  color    : #31322e !important;
  font-size: 16px !important;
}

#menu-principal li a:hover {
  color    : #9378E3 !important;
  font-size: 16px !important;
}

#menu-menu-mobile li a {
  color      : #31322e;
  font-weight: 400;
  font-size  : 1.125rem;
  line-height: 1.75rem;
}

#btn-novo-evento-sidebar {
  color      : #ffffff;
  font-weight: 400;
  font-size  : 1.125rem;
  line-height: 1.75rem;
}

#events-menu-list.events-open {
  max-height   : 250px;
  border-bottom: 1px solid var(--dash-prata-suave);
  box-shadow   : 0 4px 6px rgba(0, 0, 0, 0.1);
  /* sombra leve */
}

#events-menu-list-mobile.events-open {
  max-height   : 250px;
  border-bottom: 1px solid var(--dash-prata-suave);
  box-shadow   : 0 4px 6px rgba(0, 0, 0, 0.1);
  /* sombra leve */
}

.custom-scroll {
  overflow-y     : auto;
  border-top     : 1px solid var(--dash-prata-suave);
  scrollbar-color: var(--dash-cinza-escuro) var(--dash-cinza-claro);
  scrollbar-width: thin;
}

#notifications-dropdown.notifications-open,
#messages-dropdown.messages-open,
#perfil-dropdown.perfil-open {
  max-height   : 450px;
  border-bottom: 1px solid var(--dash-prata-suave);
}

#wrap-sidebar.open {
  display   : block;
  height    : 100%;
  background: 0 0;
  width     : 100%;
  position  : fixed;
  top       : 0;
  bottom    : 0;
  z-index   : 999999;
}

#wrap-sidebar:before {
  content   : "";
  display   : block;
  height    : 100%;
  background: #222;
  width     : 100%;
  position  : absolute;
  right     : 0;
  opacity   : 0.85;
}

#wrap-sidebar.open {
  display   : block;
  height    : 100%;
  background: 0 0;
  width     : 100%;
  position  : fixed;
  top       : 0;
  bottom    : 0;
  z-index   : 999999;
}

#wrap-sidebar:before {
  content   : "";
  display   : block;
  height    : 100%;
  background: #222;
  width     : 100%;
  position  : absolute;
  right     : 0;
  opacity   : 0.85;
}

#sidebar-site .custom-logo {
  width : 90px;
  height: auto;
}

#sidebar-site .custom-logo {
  width : 90px;
  height: auto;
}

.animate-pane {
  -webkit-animation-duration: 0.6s;
  animation-duration        : 0.6s;
}

/*
====== Pane effect ======
*/
@-webkit-keyframes pane-in {
  0% {
    opacity          : 0;
    -webkit-transform: translateX(-100%);
  }

  100% {
    opacity          : 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes pane-in {
  0% {
    opacity       : 0;
    -moz-transform: translateX(-100%);
  }

  100% {
    opacity       : 1;
    -moz-transform: translateX(0);
  }
}

@keyframes pane-in {
  0% {
    opacity  : 0;
    transform: translateX(-100%);
  }

  100% {
    opacity  : 1;
    transform: translateX(0);
  }
}

.fadepane {
  -webkit-animation-name: pane-in;
  animation-name        : pane-in;
  display               : block !important;
}

@-webkit-keyframes pane-out {
  0% {
    opacity          : 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity          : 0;
    -webkit-transform: translateX(-100%);
  }
}

@-moz-keyframes pane-out {
  0% {
    opacity       : 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity       : 0;
    -moz-transform: translateX(-100%);
  }
}

@keyframes pane-out {
  0% {
    opacity  : 1;
    transform: translateX(0);
  }

  100% {
    opacity  : 0;
    transform: translateX(-100%);
  }
}

.fadepane-out {
  -webkit-animation-name: pane-out;
  animation-name        : pane-out;
}

/* Footer */
#footer-newsletter h2 {
  font-size  : 32px;
  font-weight: 600;
  line-height: 42px;
  color      : #ffffff;
  margin     : 0 0 20px 0;
  padding    : 0;
}

#mc-embedded-subscribe-form {
  display       : flex;
  flex-direction: column;
}

#mc-embedded-subscribe-form label {
  color      : #ffffff;
  font-size  : 16px;
  font-weight: 400;
}

#mc-embedded-subscribe-form #mce-response {
  color      : #ffffff;
  font-size  : 16px;
  font-weight: 500;
}

#mc-embedded-subscribe-form #mce-EMAIL {
  font-size       : 16px;
  font-weight     : 500;
  border-radius   : 8px 8px 8px 8px;
  padding         : 12px 25px 12px 25px;
  background-color: #fff;
  color           : #515151;
  width           : 100%;
  max-width       : 360px;
  margin-top      : 10px;
  min-height      : 40px;
}

#mc-embedded-subscribe-form #mc-embedded-subscribe {
  font-size       : 18px;
  font-weight     : 500;
  border          : none;
  border-radius   : 8px 8px 8px 8px;
  padding         : 12px 25px 12px 25px;
  background-color: #6c5dd4;
  color           : #fff;
  width           : 100%;
  max-width       : 260px;
  margin-top      : 20px;
  margin-bottom   : 10px;
  min-height      : 40px;
}

#mc-embedded-subscribe-form #mc-embedded-subscribe:hover {
  background-color: #fe829a;
}

#footer-menus .footer-title {
  color         : #fff;
  font-size     : 21px;
  font-weight   : 600;
  margin-bottom : 16px;
  letter-spacing: 1px;
  font-family   : Roboto, ui-sans-serif, system-ui, sans-serif;
}

#footer-menus .link-footer {
  color      : #fff;
  font-size  : 16px;
  font-weight: 400;
  display    : inline-flex;
  align-items: center;
  width      : auto;
}

#footer-menus .link-footer:hover {
  color: #fe829a;
}

/* Criar evento*/
#event-creation-form #event_type {
  font-size    : 18px;
  border-radius: 8px;
  border       : 1px solid var(--dash-roxo);
  width        : 100%;
  max-width    : 420px;
  padding      : 8px 16px;
  cursor       : pointer;
  color        : var(--dash-cinza-ardosia);
}

#event-creation-form #event_name {
  font-size    : 18px;
  border-radius: 8px;
  border       : 1px solid var(--dash-roxo);
  width        : 100%;
  max-width    : 420px;
  padding      : 8px 16px;
  cursor       : pointer;
  color        : var(--dash-cinza-ardosia);
}

#start-new-event {
  max-width: 420px;
}

#edit-slug-container.hidden {
  display: none;
}

#edit-slug-container {
  display: flex;
}

#send-convite-custom:disabled,
#send-gallery-image:disabled {
  background-color: #cbd5e1;
  color           : #6b7280;
  cursor          : not-allowed;
  opacity         : 0.6;
}

.sbl-circ-path {
  height            : 48px;
  width             : 48px;
  color             : rgba(90, 90, 90, 0.2);
  position          : relative;
  display           : inline-block;
  border            : 5px solid;
  border-radius     : 50%;
  border-right-color: #5a5a5a;
  animation         : rotate 1s linear infinite;
}

#preload-icon .sbl-circ-path {
  height            : 60px;
  width             : 60px;
  color             : rgb(77, 77, 77);
  position          : relative;
  display           : inline-block;
  border            : 5px solid;
  border-radius     : 50%;
  border-right-color: rgb(174, 149, 250);
  animation         : rotate 1s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.checkbox-container {
  margin         : 12px auto;
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 36px;
  height         : auto;
}

.checkbox-container input {
  width   : 36px;
  height  : 20px;
  position: absolute;
  opacity : 0;
  cursor  : pointer;
  z-index : 99999;
}

.checkbox-container .checkmark {
  width           : 36px;
  height          : 20px;
  border-radius   : 100px;
  background-color: var(--dash-cinza-medio);
  display         : inline-block;
  transition      : .6s;
}

.checkbox-container input:checked~.checkmark {
  background-color: var(--dash-roxo);
}

.checkbox-container .checkmark::after {
  content : "";
  position: absolute;
  display : none;
}

.checkbox_circle {
  position        : absolute;
  width           : 16px;
  height          : 16px;
  left            : 4px;
  top             : 1.6px;
  background-color: var(--branco);
  border-radius   : 100px;
  transition      : .5s;
}

.checkbox-container input:checked~.checkbox_circle {
  left: 17px;
}

.list_gifts_card .gift-qty-btn-minus,
.list_gifts_card .gift-qty-btn-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 21px;
  border-radius: 100%;
  cursor: pointer;
  color: #797d8c;
  background-color: #fff;
  border: 1px solid #cbd5e1;
}
.list_gifts_card .gift-qty-btn-minus:hover,
.list_gifts_card .gift-qty-btn-plus:hover { 
  cursor: pointer;
  color: #ffffff;
  background-color: #9378e3;
  border: 1px solid #9378e3;
}