/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/core/core-heading-paragraph/textalign/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 1024px) {
  .text-m.lg-l {
    text-align: left;
  }
  .text-m.lg-c {
    text-align: center;
  }
  .text-m.lg-r {
    text-align: right;
  }
}
@media (min-width: 782px) and (max-width: 1024px) {
  .text-m.md-l {
    text-align: left;
  }
  .text-m.md-c {
    text-align: center;
  }
  .text-m.md-r {
    text-align: right;
  }
}
@media (max-width: 782px) {
  .text-m.sm-l {
    text-align: left;
  }
  .text-m.sm-c {
    text-align: center;
  }
  .text-m.sm-r {
    text-align: right;
  }
}
.align-text-left {
  text-align: left !important;
}
.align-text-center {
  text-align: center !important;
}
.align-text-right {
  text-align: right !important;
}

.has-text-align-left {
  text-align: left;
}
.has-text-align-center {
  text-align: center;
}
.has-text-align-right {
  text-align: right;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/core/core-heading-paragraph/format/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.p-text-shadow {
  text-decoration: none;
  text-shadow: 1px 1px 2px grey, 0 0 1px grey, 0 0 0.2px grey;
}
.p-text-shadow:hover {
  text-decoration: none;
}

.p-tag-format {
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 0.9rem;
  clip-path: polygon(2% 0%, 100% 5%, 100% 95%, 0% 100%);
  position: relative;
  border-radius: 4px;
  max-width: 100%;
}
.p-tag-format:hover {
  text-decoration: none;
}
@media (max-width: 600px) {
  .p-tag-format {
    clip-path: none;
    padding: 0.5rem;
    transform: skewX(5deg);
  }
}

.neon {
  text-decoration: none;
  text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
  color: #fff6a9;
  animation: blink 12s infinite;
  -webkit-animation: blink 12s infinite;
}
.neon:hover {
  text-decoration: none;
}

@keyframes blink {
  20%, 24%, 55% {
    color: #111;
    text-shadow: none;
  }
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9;
  }
}
.headinglines {
  display: inline-grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 40px 0;
  grid-gap: 22px;
  width: 100%;
  text-decoration: none;
}
.headinglines:hover {
  text-decoration: none;
}

.headinglines:after, .headinglines:before {
  content: " ";
  display: block;
  border-bottom: 2px solid currentColor;
}

@media (min-width: 782px) {
  .hover-underline-animation, span.ani.hover-underline-animation {
    position: relative;
  }
  .hover-underline-animation a, span.ani.hover-underline-animation a {
    text-decoration: none;
    cursor: pointer;
  }
  .hover-underline-animation a:hover, span.ani.hover-underline-animation a:hover {
    text-decoration: none;
  }
  .hover-underline-animation::after, span.ani.hover-underline-animation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(var(--borderwidth) * 1px);
    bottom: calc(var(--bottom-gap) * 1px);
    right: 0;
    background-color: var(--hover-underline-color, currentColor); /* Use CSS variable */
    transform-origin: bottom left;
    transition: transform 0.5s ease-out, width 0.5s ease-in;
  }
  .hover-underline-animation::after {
    transform: scaleX(1);
  }
  .hover-underline-animation:hover::after {
    transform: scaleX(0);
  }
  .hover-underline-animation.ani::after {
    transform: scaleX(0);
  }
  .hover-underline-animation.ani.anishow::after {
    transform: scaleX(1);
  }
  .editor-styles-wrapper span.ani.hover-underline-animation::after {
    transform: scaleX(1);
  }
}
@media (max-width: 782px) {
  .hover-underline-animation a {
    text-decoration: none;
    cursor: pointer;
  }
  .hover-underline-animation a:hover {
    text-decoration: underline;
  }
}

/*# sourceMappingURL=index.css.map*/