#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;
}

.open-login {
  color    : #2344a5 !important;
  font-size: 16px !important;
}

.open-login:hover {
  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,
#popup-login.open {
  display   : block;
  height    : 100%;
  background: 0 0;
  width     : 100%;
  position  : fixed;
  top       : 0;
  bottom    : 0;
  z-index   : 999999;
}

#wrap-sidebar:before,
#popup-login: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;
}

#popup-login .title-popup {
  font-size  : 26px;
  font-weight: 600;
  text-align : center;
  margin     : 20px 0 10px;
  padding    : 0;
}

#popup-login input {
  padding         : 10px 14px 10px 14px;
  color           : #585858;
  background-color: #ffffff;
  border          : 1px solid #D5D5D8;
  border-radius   : 8px;
}

#popup-login .button {
  background-color: #2344A5;
  color           : #ffffff;
  border-radius   : 8px;
  font-weight     : 400;
  padding         : 8px 30px;
  font-size       : 16px;
}

#popup-login .button:hover {
  background-color: #2541a5;
  color           : #ffffff;
  border-radius   : 8px;
}

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

.animate-popup {
  -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;
}

/*
====== Popup effect ======
*/
@-webkit-keyframes popup-in {
  0% {
    opacity          : 0;
    -webkit-transform: scale(0.8) translateY(-20%);
  }

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

@-moz-keyframes popup-in {
  0% {
    opacity       : 0;
    -moz-transform: scale(0.8) translateY(-20%);
  }

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

@keyframes popup-in {
  0% {
    opacity  : 0;
    transform: scale(0.8) translateY(-20%);
  }

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

.popup-in {
  -webkit-animation-name     : popup-in;
  -moz-animation-name        : popup-in;
  animation-name             : popup-in;
  display                    : block !important;
  -webkit-animation-duration : 0.3s;
  animation-duration         : 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode        : both;
}

@-webkit-keyframes popup-out {
  0% {
    opacity          : 1;
    -webkit-transform: scale(1) translateY(0);
  }

  100% {
    opacity          : 0;
    -webkit-transform: scale(0.8) translateY(-20%);
  }
}

@-moz-keyframes popup-out {
  0% {
    opacity       : 1;
    -moz-transform: scale(1) translateY(0);
  }

  100% {
    opacity       : 0;
    -moz-transform: scale(0.8) translateY(-20%);
  }
}

@keyframes popup-out {
  0% {
    opacity  : 1;
    transform: scale(1) translateY(0);
  }

  100% {
    opacity  : 0;
    transform: scale(0.8) translateY(-20%);
  }
}

.popup-out {
  -webkit-animation-name     : popup-out;
  -moz-animation-name        : popup-out;
  animation-name             : popup-out;
  display                    : block !important;
  -webkit-animation-duration : 0.3s;
  animation-duration         : 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode        : both;
}

/* 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-featured-image:disabled,
#send-gallery-image:disabled {
  background-color: #cbd5e1;
  color           : #6b7280;
  cursor          : not-allowed;
  opacity         : 0.6;
}



/*
*** Site Popup ***
*/
#dashboard-popup {
  display         : none;
  position        : fixed;
  z-index         : 9999999999;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  margin          : 0;
  padding-top     : 60px;
  overflow        : hidden;
  background-color: rgb(0 0 0 / 64%);
}

.popup-small {
  max-width: 600px;
}

.dashboard-popup-head {
  width          : 100%;
  display        : flex;
  justify-content: end;
}

.dashboard-popup-content {
  position                  : relative;
  display                   : none;
  -webkit-animation-duration: 0.6s;
  animation-duration        : 0.6s;
  padding                   : 20px;
  background                : #fff;
  border-radius             : 12px;
  width                     : 90%;
  margin                    : 20px auto;
}

.dashboard-popup_close {
  cursor: pointer;
  width : 28px;
  height: 28px;
}

/*
====== Zoom effect ======
*/
@-webkit-keyframes pop-in {
  0% {
    opacity          : 0;
    -webkit-transform: scale(0.5);
  }

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

@-moz-keyframes pop-in {
  0% {
    opacity       : 0;
    -moz-transform: scale(0.5);
  }

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

@keyframes pop-in {
  0% {
    opacity  : 0;
    transform: scale(0.5);
  }

  100% {
    opacity  : 1;
    transform: scale(1);
  }
}

.fadezoom {
  -webkit-animation-name: pop-in;
  animation-name        : pop-in;
  display               : block !important;
}

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

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

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

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

@keyframes pop-out {
  0% {
    opacity  : 1;
    transform: scale(1);
  }

  100% {
    opacity  : 0;
    transform: scale(0.5);
  }
}

.fadezoom-out {
  -webkit-animation-name: pop-out;
  animation-name        : pop-out;
}

/*
*** Blog Category ***
*/

.category-badge {
  display      : inline-block;
  align-items  : center;
  padding      : 2px 10px;
  border-radius: 16px;
  text-align   : center;
}

.category-badge a {
  color          : #fff !important;
  font-size      : 13px !important;
  font-weight    : bold;
  text-decoration: none;
  white-space    : nowrap;
}

@media (max-height: 580px) {
  #dashboard-popup {
    padding-bottom: 60px;
    overflow-y    : auto !important;
  }
}

.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;
}