/*
Theme Name: Dangerous Theme
Theme URI: https://dangerous.industries/
Description: Dangerous Theme
Author: Dangerous Industries
Author URI: https://dangerous.industries/
Template: astra
Version: 1.0.0
*/
html body .elementor-button.elementor-size-sm, html body .elementor-button.elementor-size-xs, html body .elementor-button.elementor-size-md, html body .elementor-button.elementor-size-lg, html body .elementor-button.elementor-size-xl, html body .elementor-button,
html body .wpforms-container.inline-fields .wpforms-submit {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

html {
  overflow-x: hidden;
}

html a {
  color: #292F34;
}

html .page-header {
  background-color: #fff;
  border-bottom: 1px solid #7A7A7A;
}

.tax-product_cat .page-header, .tax-product_cat .woocommerce-breadcrumb {
  display: block;
}

.tax-product_cat .page-header .entry-title {
  line-height: 1;
  color: #292F34;
  margin: 0 0 1rem 0;
}

@media screen and (min-width: 1025px) {
  .desktop-hide {
    display: none !important;
  }
}
html body {
  font-family: "Roboto", sans-serif;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

html body .elementor-button.elementor-size-sm, html body .elementor-button.elementor-size-xs, html body .elementor-button.elementor-size-md, html body .elementor-button.elementor-size-lg, html body .elementor-button.elementor-size-xl, html body .elementor-button,
html body .wpforms-container.inline-fields .wpforms-submit {
  font-family: "Montserrat", sans-serif;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html .di .elementor-post__card .elementor-post__read-more, html .elementor .elementor-icon-box-title, html h6, html .elementor h6.elementor-heading-title, html .elementor .elementor-text-editor h6, html h5, html .elementor h5.elementor-heading-title, html .elementor .elementor-text-editor h5, html h4, html .elementor h4.elementor-heading-title, html .elementor .elementor-text-editor h4, html h3, html .elementor h3.elementor-heading-title, html .elementor .elementor-text-editor h3, html h2, html .elementor h2.elementor-heading-title, html .elementor .elementor-text-editor h2, html h1, html .elementor h1.elementor-heading-title, html .elementor .elementor-text-editor h1, .tax-product_cat .page-header .entry-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase;
}

.fa, .fas {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

html :focus {
  outline: none !important;
}

html b, html strong {
  font-weight: 600;
}

html body {
  font-size: 15px;
}
html p {
  line-height: 1.65;
}
html h1, html .elementor h1.elementor-heading-title, html .elementor .elementor-text-editor h1 {
  font-size: 3rem;
  line-height: 1.15;
}
@media (max-width: 768px) {
  html h1, html .elementor h1.elementor-heading-title, html .elementor .elementor-text-editor h1 {
    font-size: 2rem;
    word-break: normal;
  }
}
html h2, html .elementor h2.elementor-heading-title, html .elementor .elementor-text-editor h2 {
  font-size: 2rem;
  line-height: 1.15;
}
@media (max-width: 768px) {
  html h2, html .elementor h2.elementor-heading-title, html .elementor .elementor-text-editor h2 {
    font-size: 1.5rem;
  }
}
html h3, html .elementor h3.elementor-heading-title, html .elementor .elementor-text-editor h3 {
  font-size: 1.65rem;
  line-height: 1.15;
}
@media (max-width: 768px) {
  html h3, html .elementor h3.elementor-heading-title, html .elementor .elementor-text-editor h3 {
    font-size: 1.15rem;
  }
}
html h4, html .elementor h4.elementor-heading-title, html .elementor .elementor-text-editor h4 {
  font-size: 1.25rem;
  line-height: 1.15;
}
@media (max-width: 768px) {
  html h4, html .elementor h4.elementor-heading-title, html .elementor .elementor-text-editor h4 {
    font-size: 1rem;
  }
}
html h5, html .elementor h5.elementor-heading-title, html .elementor .elementor-text-editor h5 {
  font-size: 1.1rem;
  line-height: 1.15;
}
@media (max-width: 768px) {
  html h5, html .elementor h5.elementor-heading-title, html .elementor .elementor-text-editor h5 {
    font-size: 0.85rem;
  }
}
html h6, html .elementor h6.elementor-heading-title, html .elementor .elementor-text-editor h6 {
  font-size: 0.9rem;
  line-height: 1.15;
}

html h1, html h2, html h3, html h4, html h5, html h6 {
  margin-bottom: 0.75rem;
}

html .elementor-text-editor p + h1, html .elementor-text-editor p + h2, html .elementor-text-editor p + h3, html .elementor-text-editor p + h4, html .elementor-text-editor p + h5, html .elementor-text-editor p + h6, html .elementor-widget-container p + h1, html .elementor-widget-container p + h2, html .elementor-widget-container p + h3, html .elementor-widget-container p + h4, html .elementor-widget-container p + h5, html .elementor-widget-container p + h6 {
  margin-top: 1rem;
}
html .elementor-text-editor ul, html .elementor-text-editor ol, html .elementor-widget-container ul, html .elementor-widget-container ol {
  margin-bottom: 1rem;
}

html .elementor-text-editor p + p, html .elementor-widget-container p + p {
  margin-top: 1rem;
}

html .elementor-accordion .elementor-tab-title > span {
  font-size: 0.85rem;
  position: relative;
  top: 2px;
}

html .closed .elementor-accordion .elementor-accordion-item:first-child {
  display: none;
}

p, .entry-content p {
  margin-bottom: 0;
}

p + p, ol + p, ul + p {
  margin-top: 1em;
}

html .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
  font-size: 4rem;
}
@media (max-width: 768px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 3.5rem;
  }
}
@media (max-width: 480px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 3.15rem;
  }
}
html .elementor-widget-heading .elementor-heading-title.elementor-size-xl {
  font-size: 3rem;
}
@media (max-width: 768px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 2.15rem;
  }
}
html .elementor-widget-heading .elementor-heading-title.elementor-size-large {
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 1.65rem;
  }
}
html .elementor-widget-heading .elementor-heading-title.elementor-size-medium {
  font-size: 1.65rem;
}
@media (max-width: 768px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-medium {
    font-size: 1.15rem;
  }
}
html .elementor-widget-heading .elementor-heading-title.elementor-size-small {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  html .elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 0.9rem;
  }
}

.plus-table {
  margin: 0 auto;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
  margin-top: 4px;
}

html body .elementor-button.elementor-size-sm, html body .elementor-button.elementor-size-xs, html body .elementor-button.elementor-size-md, html body .elementor-button.elementor-size-lg, html body .elementor-button.elementor-size-xl, html body .elementor-button,
html body .wpforms-container.inline-fields .wpforms-submit {
  line-height: 1.5;
}
html body .elementor-button.elementor-size-sm .elementor-button-icon, html body .elementor-button.elementor-size-xs .elementor-button-icon, html body .elementor-button.elementor-size-md .elementor-button-icon, html body .elementor-button.elementor-size-lg .elementor-button-icon, html body .elementor-button.elementor-size-xl .elementor-button-icon, html body .elementor-button .elementor-button-icon,
html body .wpforms-container.inline-fields .wpforms-submit .elementor-button-icon {
  position: relative;
  top: 2px;
}
html body .elementor-button.elementor-size-sm .elementor-align-icon-left, html body .elementor-button.elementor-size-xs .elementor-align-icon-left, html body .elementor-button.elementor-size-md .elementor-align-icon-left, html body .elementor-button.elementor-size-lg .elementor-align-icon-left, html body .elementor-button.elementor-size-xl .elementor-align-icon-left, html body .elementor-button .elementor-align-icon-left,
html body .wpforms-container.inline-fields .wpforms-submit .elementor-align-icon-left {
  margin-right: 1rem !important;
}
html body .elementor-button.elementor-size-sm .elementor-align-icon-right, html body .elementor-button.elementor-size-xs .elementor-align-icon-right, html body .elementor-button.elementor-size-md .elementor-align-icon-right, html body .elementor-button.elementor-size-lg .elementor-align-icon-right, html body .elementor-button.elementor-size-xl .elementor-align-icon-right, html body .elementor-button .elementor-align-icon-right,
html body .wpforms-container.inline-fields .wpforms-submit .elementor-align-icon-right {
  margin-left: 1rem !important;
}

html body .elementor-button.elementor-size-xs {
  padding: 0.5rem 0.75rem;
  font-size: 13px;
}
html body .elementor-button.elementor-size-sm {
  padding: 0.5rem 1rem;
}
html body .elementor-button.elementor-size-md {
  padding: 0.75rem 1rem;
}
html body .elementor-button.elementor-size-lg {
  padding: 1rem 1.5rem;
}
html body .elementor-button.elementor-size-xl {
  padding: 1.5rem 3rem;
  font-size: 18px;
}

.elementor-form-spinner {
  position: relative;
  top: 0.55rem;
  margin-right: 0.5rem;
}

html .elementor-field-group textarea.elementor-field-textual {
  padding: 16px;
}

@media (max-width: 835px) {
  html .elementor-field-group.elementor-field-type-submit {
    width: 50%;
    margin: 1rem auto 0 auto;
  }
}

@media (max-width: 768px) {
  .site-content .elementor-section-wrap > .elementor-section > .elementor-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 570px) {
  .site-content .elementor-section-wrap > .elementor-section > .elementor-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 768px) {
  .site-content .elementor-section-wrap > .elementor-section > .elementor-container .elementor-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 570px) {
  .site-content .elementor-section-wrap > .elementor-section > .elementor-container .elementor-container {
    padding-left: 0;
    padding-right: 0;
  }
}

html .elementor .elementor-icon-box-title {
  margin: 0;
  top: 2px;
  position: relative;
}

.di td {
  width: 50%;
}

html .di .elementor-post__thumbnail__link {
  border: 8px solid #fff;
  border-bottom: none;
}

html .site-main .di .post {
  border-bottom: none;
}

html .di .elementor-post__card .elementor-post__read-more {
  text-transform: capitalize;
  text-decoration: underline;
}

html .di .elementor-post__card .elementor-post__badge {
  padding: 0.8em 0.8em 0.7em 0.8em;
}

.sto-opening-times strong {
  min-width: 30rem;
}

.di-hero h1 {
  margin-top: 0;
  text-shadow: 0 0 20px rgba(20, 20, 20, 0.6);
}

.di-hero h3 {
  text-shadow: 0 0 20px rgba(20, 20, 20, 0.2);
}

.di-hero .woostify-slide {
  height: 37.9vw !important;
}

.di-hero .woostify-slider-widget .woostify-slide-container {
  max-width: 90%;
}

.di-header-transparent {
  background-color: transparent !important;
}

.elementor-nav-menu .sub-arrow {
  font-size: 13px;
  padding-left: 8px;
}

.jet-menu .jet-menu-item .top-level-link[href="#"]:hover {
  cursor: default;
}

.jet-mobile-menu__instance--slide-out-layout {
  align-items: flex-start;
}

.jet-ajax-search .jet-ajax-search__next-button, .jet-ajax-search .jet-ajax-search__prev-button {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}
.jet-ajax-search .jet-ajax-search__next-button:focus, .jet-ajax-search .jet-ajax-search__prev-button:focus {
  background-color: inherit;
}

.jet-ajax-search .jet-ajax-search__results-count:focus,
.jet-ajax-search .jet-ajax-search__full-results:focus {
  background-color: inherit;
}

.search-results .elementor-post {
  padding: 1rem 0 !important;
  border-bottom: 1px solid #e3e3e3;
}

html .elementor-search-form--skin-full_screen .elementor-search-form input[type=search].elementor-search-form__input {
  font-size: 1.65rem;
  border-radius: 0 !important;
  font-weight: 400 !important;
}

/* Our mixin positions a copy of our text
directly on our existing text, while
also setting content to the appropriate
text set in the data-text attribute. */
.glitch {
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  /* Animation provies a slight random skew. Check bottom of doc
  for more information on how to random skew. */
  animation: glitch-skew 1s infinite linear alternate-reverse;
}
.glitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  opacity: 0.55;
  text-shadow: -2px 0 #ff00c1;
  /* Creates an initial clip for our glitch. This works in
  a typical top,right,bottom,left fashion and creates a mask
  to only show a certain part of the glitch at a time. */
  clip: rect(44px, 450px, 56px, 0);
  /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
  with an alternating animation to keep things fresh. */
  animation: glitch-anim 8s infinite linear alternate-reverse;
}
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  opacity: 0.55;
  text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  animation: glitch-anim2 1s infinite linear alternate-reverse;
}

/* Creates an animation with 20 steps. For each step, it calculates
a percentage for the specific step. It then generates a random clip
box to be used for the random glitch effect. Also adds a very subtle
skew to change the 'thickness' of the glitch.*/
@keyframes glitch-anim {
  0% {
    clip: rect(6px, 9999px, 13px, 0);
    transform: skew(1deg);
  }
  5% {
    clip: rect(42px, 9999px, 92px, 0);
    transform: skew(0.79deg);
  }
  10% {
    clip: rect(95px, 9999px, 33px, 0);
    transform: skew(0.18deg);
  }
  15% {
    clip: rect(66px, 9999px, 87px, 0);
    transform: skew(0.27deg);
  }
  20% {
    clip: rect(80px, 9999px, 59px, 0);
    transform: skew(0.77deg);
  }
  25% {
    clip: rect(11px, 9999px, 88px, 0);
    transform: skew(1deg);
  }
  30% {
    clip: rect(68px, 9999px, 71px, 0);
    transform: skew(0.79deg);
  }
  35% {
    clip: rect(3px, 9999px, 8px, 0);
    transform: skew(0.52deg);
  }
  40% {
    clip: rect(14px, 9999px, 69px, 0);
    transform: skew(0.99deg);
  }
  45% {
    clip: rect(81px, 9999px, 7px, 0);
    transform: skew(0.63deg);
  }
  50% {
    clip: rect(57px, 9999px, 10px, 0);
    transform: skew(0.39deg);
  }
  55% {
    clip: rect(34px, 9999px, 100px, 0);
    transform: skew(0.76deg);
  }
  60% {
    clip: rect(19px, 9999px, 49px, 0);
    transform: skew(0.55deg);
  }
  65% {
    clip: rect(79px, 9999px, 55px, 0);
    transform: skew(0.13deg);
  }
  70% {
    clip: rect(20px, 9999px, 19px, 0);
    transform: skew(0.79deg);
  }
  75% {
    clip: rect(17px, 9999px, 62px, 0);
    transform: skew(0.41deg);
  }
  80% {
    clip: rect(59px, 9999px, 17px, 0);
    transform: skew(0.97deg);
  }
  85% {
    clip: rect(32px, 9999px, 19px, 0);
    transform: skew(0.44deg);
  }
  90% {
    clip: rect(42px, 9999px, 55px, 0);
    transform: skew(0.05deg);
  }
  95% {
    clip: rect(65px, 9999px, 68px, 0);
    transform: skew(0.45deg);
  }
  100% {
    clip: rect(64px, 9999px, 24px, 0);
    transform: skew(0.01deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(60px, 9999px, 55px, 0);
    transform: skew(0.43deg);
  }
  5% {
    clip: rect(67px, 9999px, 44px, 0);
    transform: skew(0.27deg);
  }
  10% {
    clip: rect(70px, 9999px, 4px, 0);
    transform: skew(0.25deg);
  }
  15% {
    clip: rect(47px, 9999px, 24px, 0);
    transform: skew(0.14deg);
  }
  20% {
    clip: rect(55px, 9999px, 71px, 0);
    transform: skew(0.13deg);
  }
  25% {
    clip: rect(30px, 9999px, 12px, 0);
    transform: skew(0.83deg);
  }
  30% {
    clip: rect(75px, 9999px, 65px, 0);
    transform: skew(0.13deg);
  }
  35% {
    clip: rect(65px, 9999px, 35px, 0);
    transform: skew(0.69deg);
  }
  40% {
    clip: rect(33px, 9999px, 67px, 0);
    transform: skew(0.93deg);
  }
  45% {
    clip: rect(35px, 9999px, 65px, 0);
    transform: skew(0.93deg);
  }
  50% {
    clip: rect(83px, 9999px, 71px, 0);
    transform: skew(0.56deg);
  }
  55% {
    clip: rect(90px, 9999px, 33px, 0);
    transform: skew(0.81deg);
  }
  60% {
    clip: rect(85px, 9999px, 51px, 0);
    transform: skew(0.08deg);
  }
  65% {
    clip: rect(84px, 9999px, 68px, 0);
    transform: skew(0.36deg);
  }
  70% {
    clip: rect(69px, 9999px, 98px, 0);
    transform: skew(0.33deg);
  }
  75% {
    clip: rect(60px, 9999px, 2px, 0);
    transform: skew(0.1deg);
  }
  80% {
    clip: rect(28px, 9999px, 47px, 0);
    transform: skew(0.96deg);
  }
  85% {
    clip: rect(90px, 9999px, 34px, 0);
    transform: skew(0.25deg);
  }
  90% {
    clip: rect(56px, 9999px, 14px, 0);
    transform: skew(0.14deg);
  }
  95% {
    clip: rect(16px, 9999px, 89px, 0);
    transform: skew(0.23deg);
  }
  100% {
    clip: rect(73px, 9999px, 66px, 0);
    transform: skew(0.38deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(0deg/2);
  }
  10% {
    transform: skew(-4deg/2);
  }
  20% {
    transform: skew(-2deg/2);
  }
  30% {
    transform: skew(-2deg/2);
  }
  40% {
    transform: skew(0deg/2);
  }
  50% {
    transform: skew(0deg/2);
  }
  60% {
    transform: skew(-3deg/2);
  }
  70% {
    transform: skew(-1deg/2);
  }
  80% {
    transform: skew(-2deg/2);
  }
  90% {
    transform: skew(0deg/2);
  }
  100% {
    transform: skew(-1deg/2);
  }
}

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