@font-face {
  font-family: "ModeNine";
  src: url("/wp-content/uploads/fonts/modenine/ModeNine.woff2") format("woff2"),
    url("/wp-content/uploads/fonts/modenine/ModeNine.woff") format("woff"),
    url("/wp-content/uploads/fonts/modenine/ModeNine.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue-100: #f7faff;
  --blue-200: #5a82b6;
  --blue-300: #365c80;
  --blue-400: #2c3d4f;
  --red-100: #c26369;
  --neutral: #f2f5f7;
  --accent: #ead643;
  --accent-2: #c26369;
}

/* halftone background pattern */
.ast-plain-container,
.ast-separate-container {
  background: #2c3d4f;
  background: url('data:image/svg+xml;utf8,<svg width="100" height="100" transform="rotate(0)" opacity="0.4" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g  fill="%23250E17"><circle cx="25" cy="25" r="12.5"/><circle cx="75" cy="75" r="12.5"/><circle cx="75" cy="25" r="12.5"/><circle cx="25" cy="75" r="12.5"/></g></svg>'),
    #2c3d4f;
  background-size: 10px, 100%;

  @media (max-width: 480px) {
    background-size: 6px, 100%;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ModeNine", montserrat, inter;
}

/* Adjust body margin for fixed header */
body:not(.wp-admin) {
  margin-top: 100px;
}
/* Fixed header */
.ast-primary-header-bar.ast-primary-header.main-header-bar {
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}

/* Set up for GSAP */
.custom-logo {
  opacity: 0;
}

/* nav menu */
.menu-link {
  font-family: "ModeNine", montserrat, inter;
  font-size: 1rem;
  color: var(--blue-100);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  position: relative;
  display: inline-block;
  padding: 0.5em 1em;
  transition: color 0.3s;
}

/* Cart overlay */
.astra-mobile-cart-overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
/* cart close icon */
.astra-cart-drawer .astra-cart-drawer-close {
  color: var(--blue-100);
}

/* cart title */
.astra-cart-drawer .astra-cart-drawer-header .astra-cart-drawer-title {
  color: var(--blue-100);
}

/* remove item from cart button */
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  color: var(--blue-100);
}
.woocommerce-js a.remove::before {
  border: 1px solid var(--blue-100);
}

.woocommerce-js .widget_shopping_cart .total strong,
.woocommerce-js.widget_shopping_cart .total strong {
  color: var(--blue-100);
}

/* cart icon count */
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon::after,
.ast-theme-transparent-header
  .ast-site-header-cart
  .ast-addon-cart-wrap
  i.astra-icon::after {
  background: white;
  color: black;
}

/* Cart Page /cart/ */

/* table body */
body.woocommerce-cart table.shop_table.shop_table_responsive {
  background-color: #000;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--blue-100);
  margin-block: 50px;
}

/* table headings */
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart_totals > h2,
body.woocommerce-cart th {
  background-color: #000 !important;
}

body.woocommerce-cart td[data-title="Shipping"] label {
  color: var(--blue-100);
}

/* table inputs */
body.woocommerce-cart table.shop_table.shop_table_responsive #coupon_code {
  background: #000;
  color: var(--blue-100);
  border: 2px solid var(--blue-100);
  border-radius: 5px;
}
body.woocommerce-cart
  table.shop_table.shop_table_responsive
  #coupon_code::-webkit-input-placeholder {
  color: var(--blue-100);
}
body.woocommerce-cart
  table.shop_table.shop_table_responsive
  #coupon_code::-moz-placeholder {
  color: var(--blue-100);
}
body.woocommerce-cart
  table.shop_table.shop_table_responsive
  #coupon_code:-ms-input-placeholder {
  color: var(--blue-100);
}
body.woocommerce-cart
  table.shop_table.shop_table_responsive
  #coupon_code::-ms-input-placeholder {
  color: var(--blue-100);
}
body.woocommerce-cart
  table.shop_table.shop_table_responsive
  #coupon_code::placeholder {
  color: var(--blue-100);
}
body.woocommerce-cart
  table.shop_table.shop_table_responsive
  input[type="number"] {
  background: #000;
  color: var(--blue-100);
  border: 2px solid var(--blue-100);
  border-radius: 5px;
  padding: 5px;
  text-align: center;
}

/* Remove buttons */
.woocommerce-cart-form__cart-item .ast-mobile-svg.ast-close-svg {
  color: var(--blue-100);
}

/* shop page background */
.shop-body #primary {
  background: var(--blue-400);
  padding: 25px;
  border-radius: 25px;
  margin-block: 50px;
}
/* Shop - Product */

/* .ast-article-single.product.type-product:hover .astra-shop-summary-wrap {
  border-radius: 25px !important;
} */
.ast-article-single.product.type-product {
  margin-block: 50px;
  background: #000;
  border-radius: 25px;
  overflow: hidden;
  padding: 25px;
}

/* Shop - Description - Category button */
.ast-article-single.product.type-product .product_meta .posted_in {
  background: #000;
  color: var(--blue-100);
  border-radius: 25px;
  padding: 5px 10px;
  border: 1px solid var(--blue-100);
  margin-top: 10px;
}

.ast-article-single.product.type-product .product_meta .posted_in a {
  color: var(--accent);
}
.ast-article-single.product.type-product .tabs.wc-tabs {
  display: none;
}

/* Shop - Related Products */

.related.products {
  /* background: rgba(255, 255, 255, 0.05); */
  background: #000;
  /* border-radius: 25px;
  padding: 25px; */
}

.related.products
  ul.products
  li
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  margin-bottom: 0;
}
.related.products .astra-shop-summary-wrap {
  background: var(--blue-400);
  padding-top: 10px;
}

/* Shop - Quantity Input */
.ast-article-single.product.type-product input[type="number"].qty {
  background: #000;
  color: var(--blue-100);
  border: 2px solid var(--blue-100);
  border-radius: 5px;
  padding: 5px;
  text-align: center;
}

/* Shop - Store - Breadcrumbs */
.woocommerce-js .woocommerce-breadcrumb {
  background: #0003;
  color: #fff;
  border-radius: 25px;
  padding: 15px 15px 15px 25px;
}

.woocommerce-js .woocommerce-breadcrumb a {
  color: var(--accent);
}

/* whole product listing thumb */
.ast-woocommerce-container .product {
  border-radius: 0 0 25px 25px;
  background-color: transparent;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0px 6px 15px -2px rgb(16, 24, 40);
  transition: all 0.15s ease-in-out;
}
.ast-woocommerce-container .product:not(.ast-article-single):hover {
  border-radius: 0 0 25px 25px;
  box-shadow: 0px 16px 15px -2px rgb(16, 24, 40);
  transform: scale(1.01);
  transition: all 0.15s ease-in-out;
}

/* product summary box */
.astra-shop-summary-wrap {
  background: #000;
  border-radius: 0 0 25px 25px;
  padding: 0% 15px 15px 15px;
}

.astra-shop-thumbnail-wrap {
  background-color: #000;
  border: 2px solid #000;
}

/* sorting selector box */
.woocommerce-js .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
  background: var(--accent-2);
  color: black;
  font-weight: 500;
  border: 2px solid #000;
  border-radius: 25px;
  padding: 5px;
  text-align: center;
}

/* video container */
svg .ytp-large-play-button-bg,
.hero-video-container
  svg
  .ytp-large-play-button-red-bg.ytp-large-play-button-bg {
  fill: var(--accent) !important;
}
.hero-video-container {
  margin: 0 0 50px 0;
  width: 100%;
  padding: 0;
}

.hero-video-container .wp-element-caption {
  background: var(--red-100);
  color: #000;
  padding: 10px;
  border-radius: 0 0 25px 25px;
  font-weight: 500;
  display: none;
}

/* scroll-up button */

#ast-scroll-top {
  background: var(--accent);
  color: #000;
}



/* content box blog archive */
.ast-separate-container .ast-article-post {
  background: #000;
  border-radius: 25px;
  box-shadow: 0px 6px 15px -2px rgb(16, 24, 40);
  width: 80%;
  margin: 50px auto;
}
.ast-separate-container .ast-article-post:hover {
  border-radius: 25px;
  box-shadow: 0px 6px 15px -2px rgb(16, 24, 40);
}
.ast-separate-container .ast-article-inner {
  background: #000;
  border-radius: 25px;
  padding: 25px;
}

/* page media/img box container */

.wp-block-media-text.has-background {
  overflow: hidden;
  border-radius: 25px;
  margin-block: 50px !important;
}

/* Post Pagination */
.ast-pagination span.page-numbers.current {
  border-radius: 3px !important;
}

/* Post - Main layout flex container */
.post .ast-article-inner {
  position: relative;
  flex-direction: column;
  width: 100%;
  margin: 0px auto;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 40px;
  gap: 20px;
}
/* Post - image / thumb */
.post .ast-article-inner .ast-blog-featured-section.post-thumb {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  margin: 0;
}

.post .ast-article-inner .ast-blog-featured-section.post-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: 50% 60%;
}

/* Post - content */
.post .ast-article-inner .post-content {
  width: 100%;
  margin: 0;
  padding: 25px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.05);
}

/* Post - date */
/* .post .ast-article-inner .entry-meta {
  position: absolute;
} */

/* Post - Read More */

.post .ast-article-inner .ast-read-more-container.read-more a {
  color: var(--accent);
  border: 2px solid var(--accent);
  padding: 10px 20px;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 500;
}

/*  hover on a */

.post .ast-article-inner .ast-read-more-container.read-more a:hover {
  background-color: var(--accent);
  color: #000;
}

/*  Post - is single main container */
.post.type-post.status-draft.ast-article-single,
.post.type-post.status-publish.ast-article-single {
  width: 80%;
  margin: 25px auto;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  padding: 40px;
  gap: 20px;
}

.post.type-post.format-standard.ast-article-single figure.wp-block-media-text__media > img,
.post.type-post.status-draft.ast-article-single img,
.post.type-post.status-publish.ast-article-single img {
  border-radius: 25px;
}

.post.type-post.format-standard.ast-article-single figure.wp-block-media-text__media > img,
.post.type-post.status-draft.ast-article-single img,
.post.type-post.status-publish.ast-article-single img {
  border-radius: 25px;
}

.post.type-post.status-publish.ast-article-single .modula-item-content img {
  border-radius: 10px;
}

/*  Post - isSingle - nav links */

.navigation.post-navigation .nav-links .nav-previous a,
.navigation.post-navigation .nav-links .nav-next a {
  color: var(--accent);
  border: 2px solid var(--accent);
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 500;
}

.navigation.post-navigation .nav-links .nav-previous a:hover,
.navigation.post-navigation .nav-links .nav-next a:hover {
  background-color: var(--accent);
  color: #000;
}

/* Blog Post - Image Container 50/50 */
.image-50-50 figure {
  flex: 1;
}

#post-1093 .pro-tip ul.wp-block-list {
  margin-top: 0 !important;
}



/* hero 3.0 */

.hero-plx-container {
  position: relative;
  width: 100%;

  height: calc(100vh - 100px);
  overflow: hidden;
}

.hero-plx-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
}

.hero-plx-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom left;
  object-position: bottom left;
  /* flip horizontal */
  transform: scaleX(-1);
}

.hero-plx-color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: hsla(250, 100%, 20%, 0.45);
  mix-blend-mode: multiply;
}

.hero-plx-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;

  width: 45%;
}

.hero-plx-characters {
  position: absolute;
  bottom: -1%;
  right: 5%;
  width: 60%;
}

.hero-plx-characters-front {
  position: absolute;
  bottom: -1%;
  right: 5%;
  width: 60%;
}

.hero-plx-characters-back {
  position: absolute;
  bottom: -1%;
  right: 5%;
  width: 60%;
}

.hero-plx-shadows {
  position: absolute;
  bottom: -1%;
  right: 5%;
  width: 60%;
  opacity: 0.7;
}

/* Checkout Page */
body.woocommerce-checkout .entry-content {
  background: #000;
  border-radius: 25px;
  padding: 25px;
  margin-block: 50px;
}

body.woocommerce-checkout .woocommerce-info {
  background: var(--accent);
  color: #000;
  border-top: none;
  border-radius: 25px;
}
body.woocommerce-checkout .woocommerce-info::before {
  color: #000;
}

body.woocommerce-checkout .woocommerce-shipping-methods label {
  color: var(--accent);
}
body.woocommerce-checkout .form-row.place-order label,
body.woocommerce-checkout .woocommerce-additional-fields label,
body.woocommerce-checkout .woocommerce-shipping-fields label,
body.woocommerce-checkout .woocommerce-billing-fields label {
  color: #fff;
}
/* body.woocommerce-checkout .form-row.place-order input,
body.woocommerce-checkout .woocommerce-additional-fields input,
body.woocommerce-checkout .woocommerce-shipping-fields input,
body.woocommerce-checkout .woocommerce-billing-fields input {
  background: #000;
  color: var(--blue-100);
  border: 2px solid var(--blue-100);
  border-radius: 5px;
  padding: 5px;
  text-align: center;
} */
/* body.woocommerce-checkout .select2-selection.select2-selection--single {
  background: #000 !important;
  color: var(--blue-100) !important;
  border: 2px solid var(--blue-100);
  border-radius: 5px;
  padding: 5px;

} */
body.woocommerce-checkout .woocommerce-info a {
  color: #000;
  font-weight: bold;
  text-decoration: underline !important;
}

/* Added to Cart popover */

.woocommerce-message {
  background: #000;
  color: var(--blue-100);
  border-radius: 25px;
  border: none;
}

/* order complete */

.woocommerce-order .woocommerce-column__title,
.woocommerce-order .woocommerce-order-details__title {
  background-color: #000;
}

.woocommerce .woocommerce-form.woocommerce-form-login label {
  color: var(--blue-100);
}

body.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li label {
  color: #fff !important;
}

/* Footer */
.site-primary-footer-wrap.ast-builder-grid-row-container {
  padding-top: 25px;
  padding-bottom: 0px;
}

/* Above footer Socials / Instagram */
.site-above-footer-wrap[data-section="section-above-footer-builder"] {
  background-color: #000;
  min-height: auto;
  padding-top: 25px;
  padding-bottom: 0;
}

/* footer copyright */
.ast-footer-copyright p {
  text-wrap: balance;
}

/* footer bottom row */
.site-below-footer-wrap {
  min-height: auto !important;
}
.ast-builder-grid-row-container-inner
  .site-footer-below-section-1
  .footer-widget-area
  #block-8
  p {
  margin: 10px 0;
  padding: 0;
}
.ast-builder-grid-row-container-inner .site-footer-below-section-1 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.site-below-footer-wrap .ast-builder-grid-row-container-inner a {
  color: rgba(234, 215, 67, 0.6);
}
.site-below-footer-wrap .ast-builder-grid-row-container-inner {
  background-color: rgba(44, 61, 79, 0.25);
  color: rgba(234, 215, 67, 0.6);
  min-height: auto !important;
}

.ast-builder-grid-row-container-inner .site-below-footer-inner-wrap {
  min-height: auto !important;
}

.ast-shop-product-out-of-stock {
  background-color: #323232 !important;
  color: var(--accent)
}

.ast-shop-product-out-of-stock:hover {
  background-color: #cecece !important;
  color: var(--accent-2);
 
}

.entry-content code {
  font-family:"Courier New", monospace !important;
  background:#111 !important;
  color:#39ff14 !important;
  padding:2px 6px !important;
  border:1px solid #39ff14 !important;
  border-radius:4px !important;
  text-shadow:0 0 6px rgba(57,255,20,.45) !important;
  -webkit-box-decoration-break: clone !important;
  box-decoration-break: clone !important;
}



@media (max-width: 1024px) {
  .hero-plx-background img {
    /* flip horizontal */
    transform: scaleX(1);
  }
  .hero-plx-characters {
    width: 60%;
  }
  .hero-plx-title {
    top: 30%;
    left: 12%;
  }
}

@media (max-width: 921px) {
  /* Adjust body margin for fixed header */
  body:not(.wp-admin) {
    margin-top: 97px;
  }
  body.ast-main-header-nav-open
    .ast-builder-layout-element[data-section="section-hb-social-icons-1"] {
    position: fixed !important;
    top: 95px !important;
    width: 100% !important;
  }
  body.ast-main-header-nav-open .main-navigation {
    position: fixed !important;
    top: 145px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
  }

  /* Mobile Socials in off canvas menu */
  .ast-mobile-header-content .ast-builder-layout-element {
    background-color: #000;
  }
  .ast-mobile-header-content
    .ast-builder-layout-element
    .ast-header-social-wrap {
    padding: 10px 15px;
  }
}

@media (max-width: 480px) {
  .ast-separate-container .ast-article-post {
    width: 100%;
  }
  .post .ast-article-inner {
    padding: 20px;
  }
  .post .ast-article-inner .post-content {
    padding: 15px;
  }
  .post .ast-article-inner .ast-read-more-container.read-more a {
    padding: 5px 10px;
  }
  .post.type-post.status-draft.ast-article-single,
  .post.type-post.status-publish.ast-article-single {
    padding: 20px;
  }
  .navigation.post-navigation .nav-links .nav-previous a,
  .navigation.post-navigation .nav-links .nav-next a {
    padding: 5px 10px;
  }
  .post.type-post.status-draft.ast-article-single,
  .post.type-post.status-publish.ast-article-single {
    width: 100%;
  }
  .post.type-post.format-standard.ast-article-single figure.wp-block-media-text__media > img,
  .post.type-post.status-draft.ast-article-single img,
  .post.type-post.status-publish.ast-article-single img {
    border-radius: 15px;
  }
  .post.type-post.status-draft.ast-article-single .entry-title,
  .post.type-post.status-publish.ast-article-single .entry-title {
    font-size: 1.5rem;
  }
  .navigation.post-navigation .nav-links .ast-post-nav {
    text-align: center;
  }
  /* Hero */
  .hero-plx-title {
    top: 45%;
  }
  /* Checkout Page */

  body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 15px !important;
  }
  body.woocommerce-checkout .entry-content {
    padding: 15px;
    margin-block: 25px;
  }
  body.woocommerce-checkout .woocommerce-info {
    border-radius: 15px;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3em;
    padding-right: 1em;
  }

  /* Blog Pro-tip */
  .pro-tip {
     padding-block: 20px !important;
     padding-inline: 15px !important;
   }
  .pro-tip p {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
    text-wrap: balance !important;
    margin-bottom: 0 !important;
  }
  .pro-tip.toybox p {
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
    text-wrap: balance !important;
    margin-bottom: 1em !important;
  }
  .pro-tip.toybox h2 {
    margin-bottom: 1rem !important;
  }

  #post-1093 .pro-tip p {
    font-size: 1rem !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  #post-1093 .pro-tip h2 {
    font-size: 1.5rem !important;
  
  }


}

/*todo ? glitch effect */

/* .custon-logo {
  position: relative;
}

.custom-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
} */