/*
Theme Name: NewShop eCommerce
Author: ThemeFarmer
Author URI: https://themefarmer.com
Description: NewShop eCommerce is child theme of NewStore. NewShop eCommerce is WordPress theme that help you start sale online. it is the perfect free theme designed for your WooCommerce shop based on bootstrap. it support WooCommerce shop. install recommended plugns and you will get awesome store. you will be able to use it for clothing, electronics, Mobile, foods and restaurants Store, interior store, gadgets store, home appliances shop, automobile,  books store, photo store, movies store, jewellery and almost any kind of store. nicely designed FromPage template for storefront. This theme supports popular plugins like Elementor Page Builder, Contact Form 7, Jetpack by WordPress.com, One Click Demo Import, WooCommerce and many more.  There are four demos available to choose, you may use any one you like and make changes to your website. View Demos https://demo.themefarmer.com/newstore/newstore-demos/
Template: newstore
Version: 0.7
Requires at least: 5.0
Tested up to:6.0
Requires PHP:5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newshop-ecommerce
Tags: e-commerce, portfolio, blog, custom-logo, custom-header, custom-menu, featured-images, full-width-template, right-sidebar, left-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns
*/

body {
    font-family: 'Nunito', sans-serif;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
    font-family: 'Rubik', sans-serif !important;
    font-display: swap;
}

/* header */
header#masthead {
    background-color: rgba(0, 0, 0, 0.85);
}

header#masthead.sticky-head #sticky-header-container {
    display: none;
}

header#masthead span.contact-link a,
header#masthead span.contact-link,
.topbar-menu li a,
.header-topbar-links li a,
.site-description,
.cart-link-contents,
.wishlist-link-contents {
    color: #FFF !important;
}

.header-topbar {
    border-bottom-color: #5d5d5d;
    padding: 8px;
}

.small-header .header-main {
    padding: 10px 0;
}

.header-main {
    border-top-color: black;
    transition: all .5s ease-in-out;
    border-bottom: 10px solid #048de0;
}

span.contact-link {}

#TF-Navbar>ul .mobile-nav,
#TF-Navbar>ul>li>a,
#TF-Navbar>ul>li.active a,
#TF-Navbar>ul>li:hover a {
    color: #048de0 !important;
}


.cart-link-contents span.count,
.wishlist-link-contents span.count {
    color: black;
}

header#masthead input.input-text.main-input-search {
    background-color: transparent;
    color: #FFF;
}

div#sticky-header-container {
    background-color: #000 !important;
    transition: all .3s ease-in-out;
    transform: translateY(-90px);
}

header#masthead.sticky-head #sticky-header-container {
    transform: translateY(0px);
}

.w-100.search-form-inner {
    border-color: #565656;
}

header#masthead select#product_cat,
button.main-search-submit {
    color: #FFF;
}

header#masthead select#product_cat option {
    background-color: #262626;
    padding: 10px;
}

header#masthead select#product_cat option:checked {
    background-color: #048de0;
    color: #222;
}

.btn-menu-myaccount,
.btn-menu-myaccount:hover,
.btn-menu-myaccount:active {
    color: #048de0 !important;
    border-color: #048de0 !important;
}

select#product_cat {
    background-image: url(images/down-arrow-light.png);
}

span.search-spinner {
    background-color: #262626;
    color: #fff;
}

/* header */

a.button.tfwctool-add-to-compare.tfwctool-add-to-compare-ajax {
    height: 40px;
    position: relative;
    top: -1px;
    margin-left: 2px;
}

li.product .woocommerce-loop-product__title {
    color: #048de0 !important;
}

.widget-product-carousel .owl-nav button.owl-next,
.widget-product-carousel .owl-nav button.owl-prev {
    background-color: #048de0;
}

.woocommerce ul.product_list_widget .product-title {
    color: #048de0;
}

li.product a.button.add_to_wishlist.add_to_wishlist_ajax {
    color: #FFF !important;
    border-color: #FFF !important;
}



.woocommerce ul.products li.product .button.tfwctool-add-to-compare,
.woocommerce ul.products li.product .button.add_to_wishlist {
    height: 40px;
}

.homepage-section.section-widget-col {
    padding: 40px 0;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #048de0;
}

.homepage-section.section-widget-col {}

.homepage-section.space.section-brands {
    background-color: #FF5722;
}

.front-page-product-widget.newstore_widget_products {
    margin-bottom: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover .woocommerce a.button.product_type_grouped,
.woocommerce ul.product_list_widget li a.button.product_type_grouped,
.woocommerce a.button.buttonproduct_type_external,
.woocommerce ul.product_list_widget li a.buttonproduct_type_external,
.woocommerce ul.product_list_widget li a.button.add_to_cart_button,
.add_to_cart_button,
.woocommerce a.button,
.woocommerce ul.product_list_widget li a.button {
    background-color: transparent !important;
    color: #686868 !important;
    border: 1px solid #686868 !important;
}

li a.button.tfwctool-add-to-compare,
li a.button.add_to_cart_button {
    margin-top: 6px;
}

button.single_add_to_cart_button.button.alt {
/*     background-color: transparent !important;
    color: #686868 !important; */
    border: 1px solid #686868 !important;
    margin-top: 0 !important;
}


.tf-loop-product-img-container:before {
    content: "";
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: transparent;
}

.tf-loop-product-img-container:before {
    content: "";
    height: 60px;
    width: 60px;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    z-index: 8;
    border-radius: 1px;
    background: linear-gradient(to right top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}

.tf-loop-product-img-container:after {
    content: "";
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: transparent;
}

.woocommerce ul li a.button.tfwctool-quick-view-button,
.woocommerce ul li a.button.add_to_wishlist.add_to_wishlist_ajax {
    color: #FFF !important;
    border-color: #FFF !important;
    z-index: 20;
}

.woocommerce ul li a.button.add_to_wishlist.add_to_wishlist_ajax:hover,
.woocommerce ul li a.button.add_to_wishlist.add_to_wishlist_ajax:active,
.woocommerce ul li a.button.tfwctool-quick-view-button:hover,
.woocommerce ul li a.button.tfwctool-quick-view-button:active {
    color: #048de0 !important;
    border-color: #048de0 !important;
}

li.product:hover .tf-loop-product-img-container:after {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}


.woocommerce h1.page-title {
    text-transform: uppercase;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #048de0;
}

/* Blog */
.content-index-inner {
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    height: 100%;
}

.sticky.content-index:before {
    right: 20px;
}

#tf-product-loop-container.product-view-list a.added_to_cart.wc-forward {
    display: block;
}

/* Blog */

.front-page-top-widget {
    background-color: #048de0;
}

.section-brands .brand-item {
    background-color: white;
}

/* color */
a,
a:hover,
a:focus {
    color: #048de0;
}

a:hover {
    color: #048de0;
}

.btn-theme-border {
    border: 1px solid #048de0;
}

.widget ul li:hover a,
.widget ul li:hover:before {
    color: #048de0;
}

.calendar_wrap caption {
    background-color: #048de0;
}

.calendar_wrap tfoot td:hover,
.calendar_wrap tfoot td:hover a,
.calendar_wrap tbody td:hover {
    color: #048de0;
}

.calendar_wrap td a:hover {
    color: #048de0;
}

.cart-link-contents span.count,
.wishlist-link-contents span.count {
    background-color: #048de0;
}

.entry-title.post-title a:hover {
    color: #048de0;
}

.post-meta-item:hover i,
.post-meta-item:hover a {
    color: #048de0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #048de0;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    background-color: #048de0;
}

#scroll-top {
    background-color: #048de0;
    border: 1px solid #048de0;
}

.product-van-heading {
    background-color: #048de0;
}

.btn-main-slide {
    background-color: #048de0;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background-color: #048de0;
}

.product-view-type-item.active {
    color: #048de0;
}

.page-numbers.current,
.page-numbers:hover {
    border-color: #048de0;
    color: #048de0;
}

a.checkout-button.button.alt.wc-forward {
    background-color: #048de0 !important;
    color: #000 !important;
    border: none !important;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    color: #686868 !important;
}

.order_details_inner {
    padding: 10px;
    border: 10px solid #ddd;
}

h3#order_review_heading {
    text-align: center;
    font-weight: bold;
}

.customer_details_inner {
    padding: 10px;
    border: 1px solid #ddd;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background-color: #0ACC50,
    color: #FFFFFF;
    border: none !important;
    width: 200px;
}

/* Ensure the place order button is styled correctly */
.woocommerce-checkout #place_order.button.alt {
    background-color: #0ACC50 !important;
    color: #FFFFFF !important;
    border: none !important;
    width: auto; /* Adjust width as needed */
    height: auto; /* Adjust height as needed */
}

/* Override any other conflicting styles */
.woocommerce-checkout .button.alt {
    background-color: #0ACC50 !important;
    color: #FFFFFF !important;
    border: none !important;
}

.woocommerce-product-details__short-description {
    color: #9E9E9E;
}

.header-image-container+.container-full.space.blog-post-index .page-title {
    display: none;
}

.sidebar-widget-area .woocommerce ul.product_list_widget li {
    text-align: center;
}

.sidebar-widget-area .woocommerce ul.product_list_widget li img {
    width: 100%;
}

.sidebar-widget-area .woocommerce .widget-product-carousel .owl-nav {
    top: -78px;
    right: 30px;
}

.front-page-widget.woocommerce ul.product_list_widget:not(.owl-carousel) li img {
    float: left;
    margin-right: 10px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #048de0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #048de0;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #ffe5a3;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
    color: #048de0 !important;
}
.icon-bar {
    background-color: #048de0;
}

@media (max-width: 767px){
    .site-branding {
        text-align: center;
    }
}

.menu-item-description {
    top: -4px;
    right: -20px;
}

.product-catalogue-menu>li ul{
    border-radius: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #222222;
}

@media(max-width:767px) {
    #TF-Navbar {
        background-color: #181818;
    }
}
.footer-site-info.site-info.text-center{display:none;}

.woocommerce-store-notice { 
	background-color:#FF0000;
	font-size: 1.2em;
}

.onsale {
	display:none !important;
}

/*custom css added by @jhoancorovito1-freelancer*/
.header-search-and-cart {
    overflow: hidden;
}
.tf-loop-product-info-container {
    padding: 20px 20px;
}
.newstore-product .product-inner {
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1) !important;
}
.product-categories {
    text-align: left;
}
.products h2.woocommerce-loop-product__title {
    color: #000 !important;
    text-align: left;
    font-size: 18px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 !important;
    margin: 10px 0 !important;
    height: 73px;
}
.pwb-brands-in-loop {
    display: none;
}
.woocommerce .star-rating {
    height: 20px;
    width: 100% !important;
}
.woocommerce .star-rating:before{
    font-size: 17px;
}
.woocommerce .star-rating span:before {
    color: #FFBD16;
    font-size: 17px;
}
li  ul.products li.product .price {
    text-align: right;
    margin-top: -41px;
}
li .price span.wcpbc-price {
    display: block;
    align-items: center;
    text-align: right;
}
li .price .woocommerce-Price-amount bdi {
    color: #048DE0;
    font-size: 23px;
    font-weight: 700;
}
li .price span.wcpbc-price ins {
    padding-right: 10px;
    color: #048DE0;
    font-size: 23px;
}
li .price span.wcpbc-price del bdi {
    font-size: 15px;
    font-weight: 700;
    color: #161616;
}
.cart_detail {
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce ul.products li.product .button {
    border: none !important;
    margin: 0px;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
.product_type_simple.add_to_cart_button:before {
    color: #fff;
    background-color: #048de0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.details {
    width: calc(100% - 45px);
    background-color: #F0F0F0;
    padding: 9.5px 10px;
    color: #000;
    text-align: center;
}
a.details i {
    padding-left: 5px;
}
.page-id-1856 .space {
    padding: 0px 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 35px;
    padding-left: 0px;
}

.cat-desc {
	display:none;
}

.shipping-logos-mobile{
	display: none;
}
.shipping-logos{
	padding: 10px 10px;
}
.shipping-logos img {
    width: 70px;
}

@media (max-width: 991px){
    /* .woocommerce ul.products li.product {
        width: 45% !important;
        margin: 2.5% !important;
        clear: none;
    } */
	.products h2.woocommerce-loop-product__title {
		height: 50px;
	}
	.product-categories {
		height: 35px;
	}
	li .price span.wcpbc-price {
		height: 25px;
	}
}
@media (max-width: 767px){
    .tf-loop-product-info-container {
        padding: 10px 10px;
    }
    .woocommerce ul.products li.product .price {
        text-align: left;
        margin: auto;
    }
    .price .woocommerce-Price-amount bdi {
        font-size: 18px !important;
    }
	.price span.wcpbc-price del bdi {
        font-size: 18px !important;
    }
	.shipping-logos-mobile {
		display: block;
		width: 50%;
		float: left;
		clear: both;
		padding: 10px 10px;
		text-align: left;
	}
	.shipping-logos-mobile img, .shipping-logos img {
		width: 50px !important;
	}
	.woocommerce ul#shipping_method {
		width: 50%;
		float: right;
	}
	.woocommerce-shipping-destination{
		clear: both;
	}
	.woocommerce-checkout .shipping-logos-mobile{
		display: none;
	}
	.woocommerce-checkout .woocommerce ul#shipping_method{
		width: 100%;
	}
}

@media (max-width: 575px){
    a.details {
        width: calc(100% - 30px);
        font-size: 12px;
        padding: 9.5px 3px;
    }
    .woocommerce ul.products li.product .button {
        width: 30px;
        height: 37px;
        margin-right: 0px;
    }
    .product_type_simple.add_to_cart_button:before {
        width: 27px;
        height: 37px;
    }
     .woocommerce ul.products li.product .price{
        margin-top: 0px !important;
    }
	.product-view-change-container{
		display:none;
	}
}
@media (max-width: 425px){
    a.details i {
        display: none;
    }
   
}

.woocommerce .elementor-element .price ins {
    color: #048de0 !important;
}
.woocommerce-shipping-totals.shipping td{
	vertical-align: middle !important;
}

/* This makes the product loop one column in mobile view
 * @media (max-width: 575px){
    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0% !important;
    }
    .woocommerce ul.products li.product .price{
        margin-top: -41px;
    }
}
*/

/***** RCUK — Light Grey Header Overrides *****/
:root { --rcuk-blue:#048DE0; --rcuk-grey:#f6f6f6; }

/* 1) Header backgrounds -> grey */
header#masthead { 
  background: var(--rcuk-grey) !important;
}
div#sticky-header-container {
  background: var(--rcuk-grey) !important;
}

/* Keep the blue underline at the bottom of the header */
.header-main {
  border-bottom: 10px solid var(--rcuk-blue);
  border-top-color: #000; /* was black already; keep it explicit */
}

/* 2) Any white header text/icons -> black */
header#masthead span.contact-link a,
header#masthead span.contact-link,
.topbar-menu li a,
.header-topbar-links li a,
.site-description,
.cart-link-contents,
.wishlist-link-contents {
  color: #000 !important;
}

/* 3) Topbar & misc borders: grey -> black */
.header-topbar { 
  border-bottom-color: #000 !important;
}
.w-100.search-form-inner {           /* search field wrapper border */
  border-color: var(--rcuk-blue) !important;
  border-width: 2px;
}

/* 4) Search input and controls for light theme */
header#masthead input.input-text.main-input-search {
  background: var(--rcuk-grey) !important;
  color: #000 !important;
}
header#masthead input.input-text.main-input-search::placeholder {
  color: #565656; /* readable on grey */
}
button.main-search-submit {
  color: #000 !important;
}

/* 5) Category select: grey appearance + dark arrow */
header#masthead select#product_cat {
  color: #000 !important;
  background-color: var(--rcuk-grey) !important;
  border-color: var(--rcuk-blue) !important;
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right .8rem center;
  background-size: 12px 12px;
  padding-right: 2rem;
}
header#masthead select#product_cat option {
  background: #fff !important;
  color: #000 !important;
}
header#masthead select#product_cat option:checked {
  background: var(--rcuk-blue) !important;
  color: #000 !important;
}

/* 6) Nav links stay brand blue */
#TF-Navbar > ul .mobile-nav,
#TF-Navbar > ul > li > a,
#TF-Navbar > ul > li.active a,
#TF-Navbar > ul > li:hover a {
  color: var(--rcuk-blue) !important;
}

/* 7) Input focus */
.form-control:focus {
  border-color: var(--rcuk-blue) !important;
  box-shadow: none !important;
}

/* 8) Icons/badges text legible */
.cart-link-contents span.count,
.wishlist-link-contents span.count {
  color: #000 !important;
}

/* 9) Mobile nav background -> grey */
@media(max-width:767px){
  #TF-Navbar { background-color: var(--rcuk-grey) !important; }
}

/* RCUK — YouTube icon red */
.fa-youtube {
  color: #FF0000 !important;
}

/* RCUK — Facebook icon blue */
.fa-facebook {
  color: #1877F2 !important;
}

/* RCUK — Instagram icon purple */
.fa-instagram {
  color: #C13584 !important; /* Instagram brand purple */
}
