/* =============================================
   SportKing - Custom Stylesheet
   Colors: #83d3e8 | #923a1a | #aa9d7d
   ============================================= */

/* --- Variables --- */
:root {
  --main: #83d3e8 !important;
  --second: #923a1a !important;
  --gray: #f2efe9 !important;
  --black: #1a0f0a !important;
  --black-dark: #120a06 !important;
  --white: #FFFFFF !important;
  --red: #923a1a !important;
  --yellow: #aa9d7d !important;
  --green: #83d3e8 !important;
  --font-main: 'Lexend' !important;
  --font-headers: 'Plus Jakarta Sans' !important;
  --font-subheaders: 'Plus Jakarta Sans' !important;
}

/* --- Logo & Header --- */
.lte-logo img {
  max-height: 60px !important;
}
.lte-layout-desktop-center-transparent .lte-navbar .lte-logo img {
  max-height: 60px !important;
}
#lte-nav-wrapper {
  padding: 0 !important;
}
#lte-nav-wrapper .e-con-boxed {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: auto !important;
}
#lte-nav-wrapper .e-con-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.lte-logo {
  display: flex;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
}

/* --- Buttons --- */
.lte-btn.btn-main,
.lte-btn.btn-main:hover {
  background-color: #83d3e8 !important;
  color: #1a0f0a !important;
}
.lte-btn.btn-black {
  background-color: #923a1a !important;
  color: #fff !important;
}
.lte-btn.btn-black:hover {
  background-color: #aa9d7d !important;
  color: #1a0f0a !important;
}

/* --- Icons --- */
.lte-icon-background-main .lte-inner i {
  background-color: #83d3e8 !important;
}
.lte-icon-background-black .lte-inner i {
  background-color: #923a1a !important;
}
.lte-icon-color-main .lte-inner i {
  color: #83d3e8 !important;
}

/* --- Typography --- */
.lte-subheader {
  color: #aa9d7d !important;
}

/* --- Pricing --- */
.lte-pricing-sc .lte-pricing-price {
  color: #923a1a !important;
}
.lte-pricing-sc .lte-pricing-featured .lte-pricing-price {
  color: #83d3e8 !important;
}
.lte-pricing-sc .lte-pricing-featured {
  border-color: #83d3e8 !important;
}

/* --- Newsletter / Subscribe --- */
.subscribe-wrapper {
  background-color: #923a1a !important;
}

/* --- Go Top Button --- */
.lte-go-top {
  background-color: #923a1a !important;
}
.lte-go-top:hover {
  background-color: #aa9d7d !important;
}

/* --- Links --- */
a:hover,
.lte-header a:hover {
  color: #83d3e8 !important;
}

/* --- Social Icons Hover --- */
.lte-footer-wrapper .lte-block-icon .lte-inner {
  transition: all 0.3s ease;
}
.lte-footer-wrapper .lte-block-icon .lte-inner:hover {
  transform: translateY(-4px);
}
.lte-footer-wrapper .lte-block-icon .lte-inner i {
  transition: all 0.3s ease;
}
.lte-footer-wrapper .lte-block-icon .lte-inner:hover i.fa-facebook-f {
  color: #1877F2 !important;
}
.lte-footer-wrapper .lte-block-icon .lte-inner:hover i.fa-instagram {
  color: #E4405F !important;
}
.lte-footer-wrapper .lte-block-icon .lte-inner:hover i.fa-x-twitter {
  color: #fff !important;
}

/* --- Effects --- */
.lte-sparkle-fire-wrapper canvas {
  opacity: 0.3;
}

/* --- WordPress blocks --- */
.wp-block-button__link {
  color: #fff;
  background-color: #923a1a;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}
.wp-block-file__button {
  background: #923a1a;
  color: #fff;
  text-decoration: none;
}

/* --- Emoji --- */
img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* --- WooCommerce --- */
.woocommerce form .form-row .required {
  visibility: visible;
}

/* --- Font data attributes --- */
[data-font="Dashicons"]:before {
  font-family: 'Dashicons' !important;
  content: attr(data-icon) !important;
  speak: none !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
[data-font="FontAwesome"]:before {
  font-family: 'FontAwesome' !important;
  content: attr(data-icon) !important;
  speak: none !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* --- Misc --- */
.recentcomments a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-product-gallery {
  opacity: 1 !important;
}
:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}

/* --- Elementor lazyload --- */
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
  background-image: none !important;
}
@media screen and (max-height: 1024px) {
  .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
  }
}
@media screen and (max-height: 640px) {
  .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
  }
}

/* --- Chart.js animation --- */
@-webkit-keyframes chartjs-render-animation {
  from { opacity: 0.99; }
  to { opacity: 1; }
}
@keyframes chartjs-render-animation {
  from { opacity: 0.99; }
  to { opacity: 1; }
}
.chartjs-render-monitor {
  -webkit-animation: chartjs-render-animation 0.001s;
  animation: chartjs-render-animation 0.001s;
}
