/*
Theme Name: saleemx
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* * {
    font-family: "Rubik" !important;
} */
/* .fa, .fas {
    font-family: "Font Awesome 5 Free" !important;
} */
#nav-menu-item-6405 .wcml_currency_switcher {
	margin:0px !important;
	margin-top : 7px !important;
}
#wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow {
    font: normal 20px/1 dashicons !important;
}
.fab {
    font-family: "Font Awesome 5 Brands" !important;
}

ul.side_topbar_custom{
    list-style: none;
    display: flex;
    width: fit-content;
    flex-direction: row;
    margin-bottom: 0!important;
}
ul.side_topbar_custom li {
    flex-grow: 2;
    font-size: 12px;
    color: #fff;
    position: relative;
    cursor: auto;
    padding: 6px;
    border-right: 0;
    border-left: 1px solid #8f8c8c;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400!important;
}
#header.sticky-header .logo {
    min-width: 120px !important;
}
#header .logo a {
    display: block !important;
    max-width: 100%;
}

.inner.img-effect {
    height: 280px !important;
}
.owl-carousel .owl-stage .product-image .inner {
    height: 350px !important;
}
@media screen and (max-width: 991px){
    .header-col.visible-for-sm.header-left {
        display: contents !important;
    }
    .inner.img-effect {
        height: 280px !important;
    }
    .owl-carousel .owl-stage .product-image .inner {
        height: 215px !important;
    }
}


.showall i {
    font-size: 12px;
}
.showall h6 {
    font-size: 12px;
    padding-top: 12px;
}


.sidebar-box li .toggle, .wc-block-product-categories li .toggle, .widget_layered_nav li .toggle, .widget_layered_nav_filters li .toggle, .widget_price_filter li .toggle, .widget_product_categories li .toggle, .widget_rating_filter li .toggle {
    font-family: "Font Awesome 5 Free"  !important;
}
#header .main-menu > li.menu-item > a {
	padding :22px 10px 30px 10px !important;
    
}
#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: #ffffff;
    color: #4DAE65 !important;
}
#menu-secondary-menu li .popup {
/* 	margin-top:10px ; */
}

/* .elementor-3664 .elementor-element.elementor-element-096aec8 > .elementor-widget-container {
    padding: 28px 0px 18px 0px !important;
} */

}
	.elementor-element-ac723d6{
	color:black !important; }
@media screen and (min-width: 768px){
	.elementor-element-a8e7f76{
	display: none; 
		
}
	.elementor-element-ac723d6{
			display: none; 
		}
}
.elementor-element-4fc3b98{
	width : 20px ;
} 
#header .elementor-element-80f2b9e form.searchform {
  width: 380px !important;
}


.wpcf7-submit {
	background-color: #91E729 !important;
}
.wysija-input{
	border : solid 1px !important;
}

.elementor-widget-container img 
{
	padding-bottom : 0px !important;
}


@media (min-width: 768px) {
    .elementor-2154 .elementor-element.elementor-element-9892359 {
        width: 35.849%;
    }
}
@media (min-width: 768px) {
    .elementor-2154 .elementor-element.elementor-element-7013bfb {
        width: 25%;
    }
}
@media (min-width: 768px) {
    .elementor-column.elementor-col-25, .elementor-column[data-col="25"] {
        width: 15%;
    }
}

}

/* Overall form styling */
#mc-embedded-subscribe-form {
    font-family: Arial, sans-serif; /* Ensures consistent font across browsers */
    text-align: left; /* Aligns text to the left */
    background-color: #f9f9f9; /* Light grey background */
    padding: 20px;
    border-radius: 5px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow */
}

/* Label styling */
#mc-embedded-subscribe-form label {
    color: #333;
    font-size: 18px; /* Larger font size for visibility */
    margin-bottom: 10px;
    display: block; /* Ensures it takes its own line */
}

/* Input field styling */
#mc-embedded-subscribe-form input[type="email"] {
    width: calc(100% - 150px); /* Full width minus button width */
    height: 40px; /* Taller for better visibility and clickability */
    border: 1px solid #ccc;
    padding: 0 10px;
    font-size: 16px; /* Larger font size for readability */
    border-radius: 3px; /* Slightly rounded corners for the input field */
    box-sizing: border-box; /* Ensures padding doesn't affect width */
    display: inline-block; /* Aligns inline with the button */
}

/* Button styling */
#mc-embedded-subscribe-form input[type="submit"] {
    width: 140px; /* Fixed width for consistency */
    background-color: #4CAF50; /* Green background */
    color: white;
    border: none;
    border-radius: 3px; /* Rounded corners for the button */
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer; /* Indicates the button is clickable */
    display: inline-block; /* Aligns inline with the input field */
}

/* Hover effects */
#mc-embedded-subscribe-form input[type="submit"]:hover {
    background-color: #45a049; /* Slightly darker green on hover */
}

/* Focus effects for accessibility */
#mc-embedded-subscribe-form input[type="email"]:focus {
    border-color: #4CAF50; /* Highlights the border in green when focused */
    outline: none; /* Removes the default focus outline */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    #mc-embedded-subscribe-form input[type="email"],
    #mc-embedded-subscribe-form input[type="submit"] {
        width: 100%; /* Stacks input and button on smaller screens */
        display: block; /* Each takes the full width of the form */
        margin-bottom: 10px; /* Adds space between stacked elements */
    }
}
.onhot{
	display :none !important;
}

ul.brand-thumbnails li {
    border: 1px solid #777777 !important; /* Add frame with the color #777777 */
    padding: 10px !important; /* Optional: adjust padding around the thumbnail */
    border-radius: 7px !important; /* Adds rounded corners */
    transition: transform 0.3s ease, border-color 0.3s ease !important; /* Smooth transition for zoom and color */
	margin: 20px !important;
}

ul.brand-thumbnails li:hover {
    transform: scale(1.1) !important; /* Zoom in on hover */
    border-color: #14931d !important; /* Change border color on hover */
}
