/*
Theme Name: Utsavi
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the Webcarttechnologies team
Author URI: https://webcarttechnologies.com/
Description: Porwal Namkeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.2
Tested up to: 6.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: 
Text Domain: utsavi
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

.view_all_link.custom_btn a {
    color: #fff;
 
}
.nav-search .aws-search-form .aws-search-field {
    height: 54px;
    border-radius: 8px!important;
    box-shadow: none;
    border: none;
    background: #fffbf5;
    padding: 10px 60px 10px 20px;
    font-size: 15px;
    color: #666;
    border: 1px solid #fcf3e7!important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]{
     border-radius: 8px!important;
    height: 54px!important;
    line-height: 54px!important;
    font-weight: 600!important;
    color: #fff!important;
    font-size: 16px!important;
    min-width: 170px!important;
    letter-spacing: 1px!important;
    display: inline-block!important;
    text-align: center!important;
    padding: 0px 15px!important;
    text-transform: uppercase!important;
    transition: all 0.3s!important;
}
input#coupon_code {
    height: 56px;
    min-width: 190px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
/*.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: auto;
    width: 100%;
}*/
a.added_to_cart.wc-forward {
    display: none;
}
td.product-name a {
    color: #000;
}
.woocommerce .quantity .qty{
     border: 1px solid #ddd;
}
.woocommerce table.shop_table td{
    padding: 20px 12px;
}
.entry-summary button, .coupon .button ,.wc-proceed-to-checkout a{
       color: #fff!important;
    font-size: 16px!important;
    min-width: 170px!important;
    letter-spacing: 1px!important;
    display: inline-block!important;
    text-align: center!important;
    padding: 0px 15px!important;
    text-transform: uppercase!important;
    transition: all 0.3s!important;
    background: #ed0304!important;
    border-radius: 8px!important;
    height: 54px!important;
    line-height: 54px!important;
    font-weight: 600!important;
}

:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
           background: #ffa300;
    color: #fff;
}
.wc-proceed-to-checkout .checkout-button{
     color: #fff;
    font-size: 16px;
    min-width: 170px;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    padding: 0px 15px!important;
    text-transform: uppercase;
    transition: all 0.3s;
    background: #ed0304;
    border-radius: 8px;
    height: 54px;
    line-height: 54px;
    font-weight: 600;
    border: 1px solid #ed0304;
}

.wc-proceed-to-checkout .checkout-button:hover{
    background: #ffa300;
    color: #fff;
        border: 1px solid #ffa300;
}



.woocommerce ul.products li.product a img {
    
    margin: 0 0 0;
    box-shadow: none;
	aspect-ratio: 3 / 2;
}

.woocommerce ul.products li.product .price{
        color: #ed0304;
    font-size: 18px;
    font-weight: 700;
}

.product-content h2.woocommerce-loop-product__title {
    font-size: 20px!important;
    margin: 0 0 0px!important;
    line-height: 24px;
    font-weight: 600;
}

.woocommerce ul.products li.product .onsale {
    top: 13px;
    right: 10px;
    left: auto;
    margin: -0.5em -0.5em 0 0;
}


.featured_product_ul h2.woocommerce-loop-product__title {
    display: none;
}






.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

color: #fff!important;
    font-size: 16px!important;
    min-width: 170px!important;
    letter-spacing: 1px!important;
    display: inline-block!important;
    text-align: center!important;
    padding: 0px 15px!important;
    text-transform: uppercase!important;
    transition: all 0.3s!important;
    background: #ed0304!important;
    border-radius: 8px!important;
    height: 54px!important;
    line-height: 54px!important;
    font-weight: 600!important;

}

/* .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
    color: #fff!important;
    font-size: 13px!important;
    min-width: 100%!important;
    letter-spacing: 1px!important;
    display: inline-block!important;
    text-align: center!important;
    padding: 0px 15px!important;
    text-transform: uppercase!important;
    transition: all 0.3s!important;
    background: #ed0304!important;
    border-radius: 8px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-weight: 600!important;
} */

/* .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
    font-size: 13px!important;
    min-width: 170pximportant;
    letter-spacing: 1px!important;
    display: inline-block!important;
    text-align: center!important;
    padding: 0px 15px!important;
    text-transform: uppercase!important;
    transition: all 0.3s!important;
    background: #ed0304!important;
    border-radius: 8px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-weight: 600!important;
} */

/* .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
color: #fff!important;
    font-size: 16px!important;
    min-width: 170px!important;
    letter-spacing: 1px!important;
    display: inline-block!important;
    text-align: center!important;
    padding: 0px 15px!important;
    text-transform: uppercase!important;
    transition: all 0.3s!important;
    background: #ed0304!important;
    border-radius: 8px!important;
    height: 54px!important;
    line-height: 54px!important;
    font-weight: 600!important;

} */

#customer_details .col-1 ,#customer_details  .col-2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 50%;
    width: 50%;
        padding: 0px;
}
.woocommerce-billing-fields {
    margin-right: 20px;
}
.single-product .quantity .qty {
    border: 1px solid #ddd;
    height: 56px;
    border-radius: 8px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #77a464;
    font-size: 1.25em;
    color: #ed0304;
    font-size: 21px;
    font-weight: 700;
    margin: 20px 0px;
}
section.featured_product.product_listing {
    padding: 70px 0px 0px;
}
.xoo-wsc-sc-bkcont {
    background: #fff1ee;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.woocommerce-account .my-account_db  nav.woocommerce-MyAccount-navigation {
    width: 100%;
}
nav.woocommerce-MyAccount-navigation ul li {
    border: 1px solid #ed0304;
    margin-bottom: 10px;
    padding: 10px 20px;
}
form.woocommerce-form.woocommerce-form-login.login {
    border: 1px solid #fff;
    width: 400px;
    margin: auto;
    box-shadow: 0px 5px 40px rgb(0 0 0 / 7%);
    background: #fff;
}
p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide label {
    width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login input#username ,form.woocommerce-form.woocommerce-form-login.login input#password{
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
    background: #fff;
}
form.woocommerce-form.woocommerce-form-login.login  span.password-input {
    width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login p.form-row label {
    width: 100%;
}
/*.woocommerce h2 {
    text-align: center;
}*/
.woocommerce-MyAccount-content .col-1 {
    max-width: 100%;
}
.woocommerce-MyAccount-content a {
    color: #ed0304;
}
.woocommerce-account .my-account_db nav.woocommerce-MyAccount-navigation ul li:hover{
    background: #ed0304;
}
.woocommerce-account .my-account_db nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: #fff;
}
.woocommerce-account .my-account_db nav.woocommerce-MyAccount-navigation ul li.is-active
{
background: #ed0304;
 }

 .woocommerce-account .my-account_db nav.woocommerce-MyAccount-navigation ul li.is-active a
{
color: #fff;
 }
.woocommerce-account .my-account_db nav.woocommerce-MyAccount-navigation ul li a{
   color: #ed0304;;
}
.woocommerce-account .my-account_db .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
}
section.featured_product.product_listing select.orderby {
    height: 40px;
    border: 1px solid #ddd;
    padding: 0px 10px;
}
/*#customer_details .form-row {
    width: 100%;
}*/
section.woocommerce-order-details h2 {
    text-align: left;
}
section.woocommerce-customer-details h2 {
    text-align: left;
}
#customer_details  .form-row label {
    width: 100%;
}
#customer_details  span.woocommerce-input-wrapper {
    width: 100%;
}
#customer_details  .input-text {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 5px;
}

#customer_details  .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 40px;
    padding: 5px;
}

div#tab-description h2 ,div#reviews h2{
    text-align: left;
}

form#commentform .comment-form-email input ,form#commentform .comment-form-author input{
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
}
form#commentform .comment-form-comment textarea{
   width: 100%;
    
    border: 1px solid #ddd;  
}


.woocommerce-MyAccount-content .col-1 {
    max-width: 100%;
}


.woocommerce-address-fields .form-row{
    width: 100%;
}

.woocommerce-address-fields .form-row{
    width: 100%;
}

.woocommerce-address-fields span.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce-address-fields span.woocommerce-input-wrapper input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
}


.woocommerce-address-fields .select2-container--default .select2-selection--single {
        border: 1px solid #ddd;
    height: 40px;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    
    line-height: 40px;
  
}

form.woocommerce-EditAccountForm.edit-account input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
}
section.blog_detail_page {
    padding: 70px 0px;
}
section.blog_detail_page .entry-meta span {
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    background: #1d4026;
    padding: 5px 10px;
    border-radius: 2px;
}
section.blog_detail_page  header.entry-header.sticky {
    margin-bottom: 20px;
}
table.variations select {
    height: 40px;
    border: 1px solid #dddd;
    padding: 10px;
}
section.blog_detail_page  .entry-meta span a {
    color: #fff;
}
 section.blog_detail_page  time.updated {
    display: none;
}
 section.blog_detail_page  .entry-content p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    color: #666;
    font-size: 14px;
    line-height: 26px;

}

.sidebar_postnav h3 {
    color: #333;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
}


section.blog_detail_page .card_box {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

section.blog_detail_page .card_box img {
    width: 100px;
    height: 100px;
}

section.blog_detail_page .card_box p a {

    color: #222;
    font-size: 14px;
    line-height: 8px;
}
section.blog_detail_page .card_box {
    position: relative;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0px 5px 40px rgb(0 0 0 / 7%);
    border-radius: 4px;
    overflow: hidden;
}

.product_meta {
    margin: 15px 0px;
}

.yith-wcwl-add-button a {
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    background: #ffa300;
    padding: 5px 10px;
    border-radius: 2px;
}

.xoo-wsc-basket{
    right: 10px;
}

form.woocommerce-ResetPassword.lost_reset_password input {
    height: 40px;
    border: 1px solid #dddd;
}


.page-id-413 .registration-form.woocommerce {
    border: 1px solid #fff;
    width: 600px;
    margin: auto;
    box-shadow: 0px 5px 40px rgb(0 0 0 / 7%);
    background: #fff;
    text-align: center;
    padding: 30px 40px;
    border-radius: 10px;
}

.page-id-413 .registration-form.woocommerce form label{
    width:100%;
}

.page-id-413 .registration-form.woocommerce form span.password-input {
    width: 100%;
}
.page-id-413 .registration-form.woocommerce form input{
    width:100%;
}

.page-id-413 p.woocommerce-simple-registration-login-link {
    display: none;
}


.page-id-413 .registration-form.woocommerce form {
    border: none;
	    padding: 0px!important;
}

form.checkout_coupon.woocommerce-form-coupon {
display: block !important;
}

.woocommerce-form-coupon-toggle {
display: none;
}
.page-id-413 .registration-form.woocommerce .woocommerce-Input--text{
	width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
    background: #fff;
}
.featured_product .product-grid2 .product-content .custom_btn {
    width: 100%;
}

@media only screen and (max-width: 479px)
{
.featured_product .product-grid2 .product-content .custom_btn {
    width: 100%;
}

.featured_product .product-grid2 .product-content h3.title {
    height: 70px;
}

}


.promtion_sec  .about_content h2{
    color: #fff;
}
.promtion_sec .about_content p {
    color: #fff;
}

.bouncing-balloon {
 animation: balloonBounce 3s ease-in-out infinite;
  margin-left: 30px;
  margin-top: 5px;
  display: inline-block;
}

/* Keyframes for the balloon bounce */
@keyframes balloonBounce {
  0%, 100% {
    transform: translateY(0) scale(1, 1);
  }
  30% {
    transform: translateY(-20px) scale(1.05, 0.95); /* upward stretch */
  }
  50% {
    transform: translateY(0) scale(0.95, 1.05); /* downward squish */
  }
  70% {
    transform: translateY(-10px) scale(1.03, 0.97); /* smaller bounce */
  }
}

.footer-widget-title.footer_about img {
    width: 150px;
    margin-bottom: 10px;
}
.footer-widget-title.footer_about p {
    color: #fff;
    line-height: 28px;
    font-size: 16px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    display: none !important;
}

.wc-block-cart__submit-container a {
    color: #fff !important;
    font-size: 16px !important;
    min-width: 170px !important;
    letter-spacing: 1px !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0px 15px !important;
    text-transform: uppercase !important;
    transition: all 0.3s !important;
    background: #1d4026 !important;
    border-radius: 8px !important;
    height: 54px !important;
    line-height: 54px !important;
    font-weight: 600 !important;
    width: 100%;
}

.wc-block-checkout__actions_row button{
       color: #fff !important;
    font-size: 16px !important;
    min-width: 170px !important;
    letter-spacing: 1px !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0px 15px !important;
    text-transform: uppercase !important;
    transition: all 0.3s !important;
    background: #1d4026 !important;
    border-radius: 8px !important;
    height: 54px !important;
    line-height: 54px !important;
    font-weight: 600 !important;
    
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button__text {
    text-align: center;
    justify-content: center;
}