/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/frontend.scss ***!
  \********************************************************************************************************************************************************************************************************************/
@keyframes sce-rotate {
  100% {
    transform: rotate(360deg) translate(0, 0);
  }
}
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  overflow: auto;
  display: block;
  z-index: 999999;
}
.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #FFF;
  border: 1px solid #CCC;
}
.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
  border-bottom: 1px solid #EEE;
}
.tribute-container li:last-child {
  border-bottom: 0;
}
.tribute-container li.highlight {
  background: #efefef;
}
.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}

/* Frontend checkboxes */
.comment-form-sce-mentions,
.comment-form-sce-mailchimp,
.comment-form-sce-convertkit {
  font-weight: 500;
  margin-bottom: 5px;
}

#submit {
  margin-top: 15px;
}

/* Fancy box modal */
.fancybox-content {
  max-width: 800px !important;
  max-height: 650px !important;
}

.sce-fancybox-delete-post-comments .fancybox-content {
  max-width: 450px !important;
  max-height: 400px !important;
}

.sce-fancybox-block-comments .fancybox-content {
  max-width: 450px !important;
  max-height: 400px !important;
}

.fancybox-is-open .fancybox-bg {
  background: #1e1e1e !important;
  opacity: 0.74 !important;
}

/* Moderation Meatball Menu */
.sce-front-end-comment {
  position: relative;
}

.sce-meatball-menu {
  position: absolute;
  top: 5px;
  right: 15px;
}

/* Color vars for the meatball menu */
.sce-meatball-menu-theme-default {
  --meatball-menu-background: #FFF;
  --meatball-menu-border: #333;
  --meatball-menu-item-border-bottom: #DDD;
  --meatball-menu-item-text: #333;
  --meatball-menu-item-text-hover: #111;
  --meatball-menu-item-background-hover: #EEE;
  --meatball-menu-item-text-loading: #111;
  --meatball-menu-item-background-loading: #EEE;
  --meatball-menu-color: #333;
  --meatball-menu-item-button-edit-icon-color: #2073BA;
  --meatball-menu-item-button-approve-icon-color: #20BA2C;
  --meatball-menu-item-button-approve-icon-color-loading: #20BA2C;
  --meatball-menu-item-button-pending-icon-color: #BA9920;
  --meatball-menu-item-button-pending-icon-color-loading: #BA9920;
  --meatball-menu-item-button-spam-icon-color: #BA7420;
  --meatball-menu-item-button-spam-icon-color-loading: #BA7420;
  --meatball-menu-item-button-trash-icon-color: #BA2E20;
  --meatball-menu-item-button-trash-icon-color-loading: #BA2E20;
}

.sce-meatball-menu-theme-light {
  --meatball-menu-background: #FFF;
  --meatball-menu-border: #DDD;
  --meatball-menu-item-border-bottom: #DDD;
  --meatball-menu-item-text: #333;
  --meatball-menu-item-text-hover: #111;
  --meatball-menu-item-background-hover: #EEE;
  --meatball-menu-item-text-loading: #111;
  --meatball-menu-item-background-loading: #EEE;
  --meatball-menu-color: #111;
  --meatball-menu-item-button-edit-icon-color: #111;
  --meatball-menu-item-button-approve-icon-color: #111;
  --meatball-menu-item-button-approve-icon-color-loading: #111;
  --meatball-menu-item-button-pending-icon-color: #111;
  --meatball-menu-item-button-pending-icon-color-loading: #111;
  --meatball-menu-item-button-spam-icon-color: #111;
  --meatball-menu-item-button-spam-icon-color-loading: #111;
  --meatball-menu-item-button-trash-icon-color: #111;
  --meatball-menu-item-button-trash-icon-color-loading: #111;
}

.sce-meatball-menu-theme-dark {
  --meatball-menu-background: #333;
  --meatball-menu-border: #333;
  --meatball-menu-item-border-bottom: #333;
  --meatball-menu-item-text: #EEE;
  --meatball-menu-item-text-hover: #FFF;
  --meatball-menu-item-background-hover: #111;
  --meatball-menu-item-text-loading: #FFF;
  --meatball-menu-item-background-loading: #111;
  --meatball-menu-color: #FFF;
  --meatball-menu-item-button-edit-icon-color: #FFF;
  --meatball-menu-item-button-approve-icon-color: #FFF;
  --meatball-menu-item-button-approve-icon-color-loading: #FFF;
  --meatball-menu-item-button-pending-icon-color: #FFF;
  --meatball-menu-item-button-pending-icon-color-loading: #FFF;
  --meatball-menu-item-button-spam-icon-color: #FFF;
  --meatball-menu-item-button-spam-icon-color-loading: #FFF;
  --meatball-menu-item-button-trash-icon-color: #FFF;
  --meatball-menu-item-button-trash-icon-color-loading: #FFF;
}

.sce-meatball-content {
  position: relative;
  min-width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
}
.sce-meatball-content input {
  position: relative;
  display: block;
  min-width: 40px;
  min-height: 40px;
  right: 0;
  top: 0;
  z-index: 3;
  order: 3;
  opacity: 0;
}
.sce-meatball-content input ~ ul {
  z-index: -1;
  list-style-type: none;
  width: 0;
}
.sce-meatball-content input:not(:checked) ~ ul {
  background: var(--meatball-menu-background);
  position: relative;
  transition: opacity 0.75s ease-in-out;
  margin-right: 2px;
  margin-top: 0;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  border-radius: 5px;
  width: 0;
}
.sce-meatball-content input:not(:checked) ~ ul li {
  background: inherit;
}
.sce-meatball-content input:checked ~ ul {
  position: relative;
  width: 100%;
  left: 0;
  transition: opacity 0.75s ease-in-out;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  margin-right: 12px;
  background: var(--meatball-menu-background);
  border: 1px solid var(--meatball-menu-border);
  z-index: 10;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper {
  z-index: 2;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper > div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper > div:before, .sce-meatball-content input ~ .sce-meatball-icon-wrapper > div:after,
.sce-meatball-content input ~ .sce-meatball-icon-wrapper > div span {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
  background: var(--meatball-menu-background);
  margin-right: 5px;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper > div:after {
  margin-bottom: 0;
  margin-right: 0;
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div {
  transition: all 0.3s linear;
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div:before, .sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div:after,
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div span {
  transition: all 0.3s linear;
  background: var(--meatball-menu-background);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div:after {
  position: absolute;
  transition: all 0.3s linear;
  border-radius: 2px;
  height: 4px;
  z-index: 1;
  width: 50%;
  height: 4px;
  bottom: unset;
  transform: rotate(-45deg) translate(0px, 0px);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div:before {
  position: absolute;
  transition: all 0.3s linear;
  border-radius: 2px;
  height: 4px;
  z-index: 3;
  width: 50%;
  height: 4px;
  margin: 0;
  bottom: unset;
  transform: rotate(45deg) translate(0px, 0px);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper span {
  width: 0;
  height: 0;
  opacity: 0;
}
.sce-meatball-content li.sce-meatball-menu-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--meatball-menu-item-border-bottom);
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
}
.sce-meatball-content li.sce-meatball-menu-item a.button-reset {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--meatball-menu-item-text);
  line-height: normal;
  font-size: 1.3rem;
  padding: 0.75rem 1rem;
}
.sce-meatball-content li.sce-meatball-menu-item a.button-reset .sce-meatball-menu-icon {
  display: flex;
  align-items: center;
  margin-right: 8px;
  line-height: normal;
}
.sce-meatball-content li.sce-meatball-menu-item a.button-reset:hover {
  background: var(--meatball-menu-item-background-hover);
  color: var(--meatball-menu-item-text-hover);
}
.sce-meatball-content li.sce-meatball-menu-item a.button-reset:hover svg use {
  line-height: normal;
}
.sce-meatball-content li.sce-meatball-menu-item[data-loading=true] a.button-reset {
  color: var(--meatball-menu-item-text-loading);
  background: var(--meatball-menu-item-background-loading);
}
.sce-meatball-content input {
  cursor: pointer;
}
.sce-meatball-content input:hover .sce-meatball-icon-wrapper {
  background: var(--meatball-menu-background);
}
.sce-meatball-content input:hover ~ .sce-meatball-icon-wrapper {
  background: var(--meatball-menu-background);
}
.sce-meatball-content input:hover ~ .sce-meatball-icon-wrapper > div:before, .sce-meatball-content input:hover ~ .sce-meatball-icon-wrapper > div:after,
.sce-meatball-content input:hover ~ .sce-meatball-icon-wrapper > div span {
  transition: all 0.3s linear;
  background: var(--meatball-menu-color);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper {
  max-width: 30px;
  max-height: 30px;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  z-index: 2;
  padding: 20px;
  background: var(--meatball-menu-background);
  box-shadow: none;
  border-radius: 100%;
  text-align: center;
  line-height: 1;
  appearance: none;
  outline: none;
  cursor: pointer;
  font-size: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 30px;
  max-height: 30px;
  transition: all 0.3s linear;
  box-sizing: border-box;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover {
  transition: all 0.3s linear;
  background: var(--meatball-menu-background);
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div:before, .sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div:after,
.sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div span {
  transition: all 0.3s linear;
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div:before:before, .sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div:before:after, .sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div:after:before, .sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div:after:after,
.sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div span:before,
.sce-meatball-content input ~ .sce-meatball-icon-wrapper:hover > div span:after {
  background: var(--meatball-menu-color);
}
.sce-meatball-content input ~ .sce-meatball-icon-wrapper > div:before, .sce-meatball-content input ~ .sce-meatball-icon-wrapper > div:after,
.sce-meatball-content input ~ .sce-meatball-icon-wrapper > div span {
  transition: all 0.3s linear;
  background: var(--meatball-menu-color);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper {
  background: var(--meatball-menu-background);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div:before, .sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div:after,
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div span {
  transition: all 0.3s linear;
  background: var(--meatball-menu-color);
}
.sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div span:before, .sce-meatball-content input:checked ~ .sce-meatball-icon-wrapper > div span:after {
  display: inline-block;
  background: var(--meatball-menu-color);
}

/* Control the visibility of the meatball menu items */
.sce-meatball-menu[data-comment-status=approve] li.sce-meatball-menu-item[data-comment-action=approve] {
  display: none;
}
.sce-meatball-menu[data-comment-status=pending] li.sce-meatball-menu-item[data-comment-action=pending] {
  display: none;
}
.sce-meatball-menu[data-comment-status=spam] li.sce-meatball-menu-item[data-comment-action=spam] {
  display: none;
}

/* Loading animation */
.sce-rotate {
  animation-name: sce-rotate;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  /* From: https://codepen.io/Souleste/pen/oNvVdYx */
}

/* Frontend Menu Icon colors */
li.sce-meatball-menu-item[data-comment-action=edit] a svg use {
  fill: var(--meatball-menu-item-button-edit-icon-color);
}
li.sce-meatball-menu-item[data-comment-action=approve] a svg use {
  fill: var(--meatball-menu-item-button-approve-icon-color);
}
li.sce-meatball-menu-item[data-comment-action=approve][data-loading=true] a svg use {
  color: var(--meatball-menu-item-button-approve-icon-color-loading);
}
li.sce-meatball-menu-item[data-comment-action=pending] a svg use {
  fill: var(--meatball-menu-item-button-pending-icon-color);
  color: var(--meatball-menu-item-button-pending-icon-color);
}
li.sce-meatball-menu-item[data-comment-action=pending][data-loading=true] a svg use {
  color: var(--meatball-menu-item-button-pending-icon-color-loading);
}
li.sce-meatball-menu-item[data-comment-action=spam] a svg use {
  fill: var(--meatball-menu-item-button-spam-icon-color);
}
li.sce-meatball-menu-item[data-comment-action=spam][data-loading=true] a svg use {
  color: var(--meatball-menu-item-button-spam-icon-color-loading);
}
li.sce-meatball-menu-item[data-comment-action=trash] a svg use {
  fill: var(--meatball-menu-item-button-trash-icon-color);
}
li.sce-meatball-menu-item[data-comment-action=trash][data-loading=true] a svg use {
  color: var(--meatball-menu-item-button-trash-icon-color-loading);
}

.sce-front-end-comment-meta-has-moderation-menu {
  padding-top: 60px;
}

/*# sourceMappingURL=sce-frontend.css.map*/