/* 
Theme Name: Synchrony
Theme URI: https://narrativeindustries.com/
Description: Synchrony is a child theme of Hello Elementor, created by Narrative Industries
Author: Narrative Industries - Elementor Team
Author URI: https://narrativeindustries.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: Synchrony
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.navbuy a {
  background-color: var(--e-global-color-757f77a);

  padding: 4px 12px !important;
}


/* Gentle pulse animation */
.pulser {
  animation: pulseGentle 2.8s ease-in-out infinite;
}

@keyframes pulseGentle {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.06);
    opacity: 0.9;
  }

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

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behaviour: auto;
  }
}

/* Wrapper becomes an overlay layer but still tied to its normal position */
.svg-intro-flash {
  position: relative;
  z-index: 10;
}

/* Animate the actual SVG/img */

/*
.svg-intro-flash svg,
.svg-intro-flash img {
  transform-origin: center;
  will-change: transform, opacity;
  animation: svgIntroFlash 520ms cubic-bezier(.2,.9,.2,1) 1 both;
}

@keyframes svgIntroFlash {
  0%   { transform: scale(20); opacity: 0; }
  15%  { opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .svg-intro-flash svg,
  .svg-intro-flash img {
    animation: none;
    transform: none;
  }
}
*/

.strikeprice {
  font-size: 66%;
  font-weight: 600;
  color: #999;
  text-decoration: line-through;
}

.bolder {
  font-weight: 900;
}

.pill {
  border: 1px solid var(--e-global-color-secondary);
  background: rgba(255, 255, 255, 0.04);
  color: var(--e-global-color-secondary);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 10px;
  font-family: OTB;
  font-weight: 500;
  text-transform: uppercase;
}

#postcontentbox .wp-block-heading {
  color: var(--e-global-color-d1f4083);
}

#postcontentbox figcaption {
  font-size: 12px;
}

#postcontentbox ol,
#postcontentbox ul {
  margin-bottom: 20px;
}

#postcontentbox a {
  color: var(--e-global-color-d1f4083);
  text-decoration: underline;
}

.mbviewcart {
  border-radius: 0px;
  padding: 9px 14px !important;
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  font-size: 12px;
  font-weight: 500;
}

.encoderfont {
  font-family: OTB !important;
  font-weight: 200;
  text-transform: uppercase;
}

.encoderfont500 {
  font-family: OTB;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  #howitworks,
  #benefits,
  #builtfor,
  #interface,
  #features,
  #learn,
  #subscribe {
    scroll-margin-top: 75px;
  }
}

.ni-feature-list {
  counter-reset: feature;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 80px;
  row-gap: 36px;
}

.ni-feature-list li {
  counter-increment: feature;
  position: relative;
  padding-left: 56px;
}

.ni-feature-list li::before {
  content: counter(feature);
  position: absolute;
  top: 4px;
  left: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--e-global-color-757f77a);
  color: white;
  font-size: 14px;
  font-weight: 600;
}

.ni-feature-list h4 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 600;
}

.ni-feature-list p {
  margin: 0;
  opacity: 0.8;
  line-height: 1.6;
}

/* mobile */
@media (max-width: 768px) {
  .ni-feature-list {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }
}