body {
  overflow-x: hidden !important;
}
/* color scheme */
/* Color Scheme Dark: #0D091C
Color Scheme Light: #4BEACA */
/* -------------------Header------------------------- */
.bg-header {
  background-color: #0D091C;
}
#navbarSupportedContent ul li a:focus,
#navbarSupportedContent ul li a:hover {
  color: #4BEACA;
}

#navbarSupportedContent ul li a {
  padding: 2.25rem 0.6rem;
  font-family: "Playfair Display", serif;
  font-size: large;
  font-weight: 600;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
}

.navbar-collapse {
  justify-content: end;
}

/* Navigation Styles */
.navbar {
  position: relative;
  /* Ensure the navbar is the positioning context */
}

.nav-item {
  position: static;
  /* Change to static for full-width dropdown */
}

.nav-link {
  text-decoration: none;
  color: #333;
  padding: 10px 20px;
  display: block;
}

.nav-link:hover {
  color: #007bff;
  /* Change link color on hover */
}



/* Mobile */
button.navbar-toggler {
  border: 2px solid #0A2B60;
}

.navbar-toggler:focus {
  text-decoration: none;
  box-shadow: none !important;
  outline: 0;
  border: 2px solid #0A2B60;
}
/* Burger Lines White */
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* Footer*/
.protocol-footer {
    background-color: #0D091C;
}

.text-accent {
    color: #4BEACA;
}

.footer-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: 0.3s ease;
}

.footer-link:hover {
    color: #4BEACA;
}
.protocol-divider {
    border: none;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        rgba(255,255,255,0.8),
        transparent
    );
    margin: 0;
}
@media (max-width: 576px) {
  /* header */
  
  #navbarSupportedContent ul li a {
    padding: 0;
    font-size: 16px;
  }
  
}
/* Woocommerce */
.woocommerce div.product {
    overflow: auto;
}
/* Category Display */
.product_meta {
    display: none;
}
/* breadcrumbs  */
nav.woocommerce-breadcrumb {
    display: none;
}
/* Product page background */
.sporty-product-section{
    background:#0D091C;
    color:#fff;
}

/* Product title */
.single-product .product_title{
    color:#fff;
    font-weight:700;
}

/* Price */
.single-product .price{
    color:#4BEACA;
    font-size:1.8rem;
    font-weight:700;
}

/* Description */
.single-product .woocommerce-product-details__short-description{
    color:#ffffff;
    opacity:.9;
}

/* Product image */
.woocommerce div.product div.images img{
    border-radius:10px;
}

/* Quantity */
.quantity input{
    border-radius:6px;
    padding:6px;
}

/* Add to cart */
.single_add_to_cart_button{
    background:#4BEACA!important;
    color:#0D091C!important;
    border:none;
    padding:12px 26px;
    border-radius:6px;
    font-weight:600;
}

/* Hover */
.single_add_to_cart_button:hover{
    background:#ffffff!important;
    color:#0D091C!important;
}

/* WooCommerce notices */
.woocommerce-message{
    border-top:2px solid #4BEACA;
}
/* Single Product Page Image responsiveness */
/* Prevent product image overflow */
/* Force gallery to stay inside Bootstrap column */
/* Fix WooCommerce product image inside Bootstrap column */
img.wp-post-image{
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
/* Checkout Page */
/* Entire checkout page background */
body.woocommerce-checkout,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .container {
    background: #0D091C !important;
}
/* Full page background */
body.woocommerce-checkout,
.wp-site-blocks,
.wp-block-woocommerce-checkout {
    background-color: #0D091C !important;
}

/* Checkout wrapper */
.wc-block-checkout {
    background-color: #0D091C !important;
    color: #ffffff !important;
}

/* Checkout cards */
.wc-block-components-sidebar,
.wc-block-checkout__form {
    background-color: #141024 !important;
    border-radius: 10px;
}

/* Text */
.wc-block-checkout label,
.wc-block-checkout h2,
.wc-block-checkout h3,
.wc-block-checkout span {
    color: #ffffff !important;
}

/* Inputs */
.wc-block-components-text-input input,
.wc-block-components-text-input select {
    background: #1a152e !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
}

/* Order button */
.wc-block-components-checkout-place-order-button {
    background: #4BEACA !important;
    color: #0D091C !important;
    border: none !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background: #ffffff !important;
    color: #0D091C !important;
}
/* Checkout Page Finish */
/* Mobile spacing */
@media (max-width:768px){

.sporty-product-section{
padding:40px 0;
}

}


/* -----------------WOOCOMMERCE------------------------- */

/* Contact Form Page Self Plugin */
.grey-bg {

    padding: 60px 0;
}

.responsive-title {
    font-family: "Playfair Display";
    font-size: 42px;
    text-transform: uppercase;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .responsive-title {
        font-size: 38px;
    }
}

@media (max-width: 992px) {
    .responsive-title {
        font-size: 34px;
    }
}

@media (max-width: 768px) {
    .responsive-title {
        font-size: 30px;
    }
}

@media (max-width: 576px) {
    .responsive-title {
        font-size: 26px;
    }
}

@media (max-width: 400px) {
    .responsive-title {
        font-size: 22px;
    }
}


