/*
Theme Name: 
Author: MS
Version: 1.0
Description: A theme for  website
*/

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
    text-decoration:none; 
}

a{
    text-decoration:none;
    color:#333;
}

.container{
    width:80%;
    margin:auto;
}

.price1 del{
       color: #b3b3b3 !important;
}


/*Cart page css*/
.wc-block-cart__submit-button{
    background: #2285f0;
    color: #fff;
}

  .wc-block-components-button:not(.is-link){
        color:#fff;
    }
    
    .wc-block-components-checkout-place-order-button{
       background: #2285f0;
    color: #fff; 
    border:none;
    }
    
    h2{
      line-height: 28px;
    font-size: 22px;
    }
    
    h3{
       line-height: 24px;
    font-size: 18px;  
    }
    
    h4{
      line-height: 20px;
    font-size: 14px;   
    }
    h1,h2,h3,h4,h5,h6{
            font-family: 'Google Sans', 'GoogleSans-Local', Roboto, Arial, Sans-Serif;
    color: #202124;
   
    font-weight: normal;
    margin: 0 0 20px 0;
    }
    
    p{
        color: #333;
    font-family: Roboto, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 20px; 
        margin-bottom: 12px;
    }
    
    ul li{
            color: #333;
    font-family: Roboto, Arial, Sans-Serif;
    font-size: 14px;
    line-height: 20px;
	margin-top: 8px;
    }
    
    ul{
        padding-left:25px;
            margin-bottom: 12px;
    }
    


/*Cart page css*/


/*Input and button css*/
/* Common styling for text, email, password, and other input types */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Optional: Apply additional styling for better appearance */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

@media only screen and (max-width:768px){
    .C7Lkve{
        height:auto !important;
    }
}

.woocommerce-button{
    background-color: #2285f0 !important;
    color: #fff !important;
}

.woocommerce-Button{
    background-color: #2285f0 !important;
    color: #fff !important;
}

/* Media query for responsiveness on smaller screens */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    select {
        font-size: 14px;
    }
}




/*My account page css*/


/* Adjust the width of the content area */
.woocommerce-MyAccount-content {
    width: 100%;
    max-width: 100%;
}

/* Center the content on larger screens */
@media (min-width: 768px) {
    .woocommerce-MyAccount-content {
        margin: 0 auto;
    }
    
    
}

@media (max-width: 768px) {
    
    .woocommerce-pagination {
    width: 100% !important;
    }
  
    .woocommerce-MyAccount-navigation ul{
        display:flex;
        margin: 15px 0;
        justify-content:space-between;
        flex-wrap:wrap;
    }
    
     .woocommerce-MyAccount-navigation ul li{
             border: 1px solid #dadada;
    width: 40%;
    border-radius: 8px;
    margin: 4px;
    padding: 10px;
    text-align: center;
     }
}

/* Responsive styling for account navigation */
.woocommerce-MyAccount-navigation {
    display: flex;
    flex-direction: column;
}

/* Optional: Style the links in the account navigation */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #333; /* Adjust the link color as needed */
}

.woocommerce-MyAccount-navigation a:hover {
    background-color: #f0f0f0; /* Adjust the hover background color as needed */
}

/* Optional: Style the individual account pages */
.woocommerce-MyAccount-content .woocommerce-MyAccount-content {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
}
.woocommerce-pagination{
        width: 90%;
    margin-top: 20px;
}
#togglebar {
    height: 32px;
    width: 32px;
}
.searchiconsar{
height: 32px;
    width: 32px;}
    
    .product-rating{
        margin-top:3px;
    }
.product-rating .star-rating{
    float:none !important;
}

.sku_wrapper{
    display:none;
}