/* ---------------------------- --------------------------------- TABLE OF CONTENTS: ------Home-page1----- # home-menu # slider-middle-content # Menus # menu has children # services # about # features # white headphones # testimonials # hot-deals # th-product-price # progress-bar # countdown-timer # our-products # product-img-wrap # newsletter # footer # brid-cum # blog-grid # blog-list # Widgets # blog-masonry # contact us # allproducts # cart # four-product-slider acommerce_slider_section ------Home-page2----- # acommerce-header-three # slider_products_center-all # about us # features # shoes-features # single-product-full-slider # testimonial_style_2 # latest-blog-details # news-letter # footer-homepage2 ------Home-page3----- # home-page3-main-slider # services # about # features # white-headphone # single-product-full-slide-page3 # testimonial_style_3 # dark-bg-single-product # ---------- no-front-page-section ---------- -------- Responsive ------- ------------------------------------ ------------------------------------*/ body,ul{ margin: 0; padding: 0; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --gray-medium:#888888; --gray-light:#b1b1b1; --gray-dark: #00000061; --red-light:#e15c72; --black:#000; --green-light:#5acea1; --blue-dark: #1f54b1;; --blue-light: #276cc0; --purple-light:#8570d1; --dark-light:#303030; --orange-light:#dd7958; --bg-gradient: linear-gradient(to left, #a328ec, #6d79c6); --bg-green-gradient: linear-gradient(to left, #4ad0ac, #1d6ba7); --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; } html { scroll-behavior: smooth; } a, a:hover{ text-decoration: none; } a,p, span, strong,h1,h2,h3,h4{ font-family: 'Poppins', sans-serif; } h5,h6{ font-family: 'Oswald', sans-serif; } .form-control::placeholder { color: #a1a1a1; font-size: 14px; font-weight: 500; } .form-control:focus{ box-shadow: none; border-color:#d0d0d0; } button:focus{ outline:none; } /* ---------Home-page1-------- */ /* ----------home-menu-------------- */ .home-menu{ position: absolute; } .header{ position: relative; height: 768px; opacity: 0.9; background: var(--bg-gradient); } .header:after { position: absolute; content: ""; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.12; z-index: -1; } .homepage1 .flex-control-nav,.acommerce-main-slider .flex-control-nav,.slider_products_center-all .flex-control-nav{ display: none; } .flexslider .slides img{ position: relative; } .flexslider .slides > li:after{ content: ""; position: absolute; opacity: 0.89; background: var( --bg-gradient); z-index: 1; width: 100%; height: 100%; top: 0; left: 0; } .flex-direction-nav a{ top: 39%; background-color: rgba(255, 255, 255, 0.1); color:rgba(255, 255, 255, 0.1);; opacity: 1; border-radius: 100%; width: 60px; height: 60px; z-index:99; } .site-title a, .site-description { color: #fff; } .widget_acommerce_single_product_slider_widget .flex-control-paging li a{ background-color: #d8d8d8; } .flex-control-paging li a.flex-active { background: rgb(221, 121, 88); width:14px; height:14px; } .slider-our-products .flex-direction-nav a,.widget_acommerce_single_product_slider_widget .flex-direction-nav a{ background-color: rgba(0, 0, 0, 0.05); } .slider-our-products .flex-direction-nav .flex-prev{ left: -78px; } .slider-our-products .flex-direction-nav .flex-next { right: -78px; } .flexslider:hover .flex-direction-nav .flex-prev,.widget_acommerce_single_product_slider_widget .flex-direction-nav .flex-prev { left: 155px; } .flexslider:hover .flex-direction-nav .flex-next,.widget_acommerce_single_product_slider_widget .flex-direction-nav .flex-next { right: 155px; } .flex-direction-nav a:before,.slider-our-products .flex-direction-nav a:before, .widget_acommerce_single_product_slider_widget .flex-direction-nav a:before{ content: " "; display: block; background: url('../images/arrow-left-white.svg') no-repeat center center; width: 60px; height: 60px; } .slider-our-products .flex-direction-nav a:before,.widget_acommerce_single_product_slider_widget .flex-direction-nav a:before{ background: url('../images/arrow-left-black.svg') no-repeat center center; } .flex-direction-nav a.flex-next:before,.slider-our-products .flex-direction-nav a.flex-next:before,.widget_acommerce_single_product_slider_widget .flex-direction-nav a:before{ content: " "; display: block; background: url('../images/arrow-right-white.svg') no-repeat center center; width: 60px; height: 60px; } .slider-our-products .flex-direction-nav a.flex-next:before,.widget_acommerce_single_product_slider_widget .flex-direction-nav a:before{ background: url('../images/arrow-right-black.svg') no-repeat center center; } /* ----------slider-middle-content-------------- */ .slider-row { /* position: absolute; top: 20%; left: 0; right: 0; */ z-index: 2; } .flex-heading h1 a{ font-size: 67px; font-weight: 600; color: var(--white); line-height: 1.2; float: left; width: 400px; height: 250px; overflow: hidden; } .slider-btn { border: 1px solid var(--white); font-weight: bold; margin-top: 54px; } .slider-btn:hover { background: var(--dark-light); color: var(--white); border: 1px solid var(--dark-light); } .flexslider .slides > li{ position: relative; height: 768px; display: flex !important; align-items: center; } .flex-caption { padding: 2%; } .flex-caption.flex-img img { width: 100%; height: 480px; object-fit: contain; } .flexslider:hover .flex-direction-nav .flex-prev,.flexslider:hover .flex-direction-nav .flex-next{ transition: 0.5s; } .flex-heading span.price ,.slider_products_center-all .flex-heading span.price ins { color: var(--white); font-weight: 500; font-size: 14px; } .slider_products_center-all .product-details p{ text-align: center; padding: 0 20px; } .product-details p { color: #fff; font-size: 16px; font-weight: normal; } .acommerce-main-slider ul li .product-details p { text-align: left; margin-top: 20px; } /*-------------------------------------------------------------- # Menus --------------------------------------------------------------*/ .home-menu { position: absolute; width: 100%; z-index: 3; background-size: cover; } span.sub-toggle { display: none; position: absolute; top: 0; right: 2px; width: 42px; height: 42px; text-align: center; background: transparent; color: #212121; line-height: 42px; z-index: 99; cursor: pointer; } .main-menu-bg { background: #062D55; } .main-navigation { vertical-align: middle; width: 100%; } .site-title a { font-size: 32px; font-weight: 600; } span.relic { color: var(--blue-light); } p.site-description { font-size: 16px; } .main-navigation ul { margin: 0; padding: 0 1px; } .main-navigation ul li { display: inline-block; vertical-align: top; position: relative; margin: 0px 48px 0 0; text-align: left; border-bottom: 2px solid transparent; } .main-navigation ul ul li { margin: 0; } .main-navigation ul li a{ display: block; color: var(--white); opacity: .6; font-weight: 600; padding: 6px 16px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; font-size: 14px; text-transform: capitalize; } a.mail{ color: #6f6f6f; } .main-navigation ul.nav-menu > li > a , .right-side-wrapper { padding: 10px 0; } .main-navigation ul.nav-menu > li:hover{ border-bottom: 2px solid #fff; } .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.active > a{ color: var(--white); opacity: 1; } .acommerce-header-one ul.nav-menu > li > a svg path { stroke: #fff; } .acommerce-header-three ul.nav-menu > li > a svg path{ stroke:#00000061 } .main-navigation ul.nav-menu > li > a svg{ margin-left:4px; } .main-navigation ul li ul { left: 0; top: 83%; margin: 0; width: 210px; display: block; list-style: none; position: absolute; visibility: hidden; opacity: 0; background-color: var(--white); z-index: 999; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); padding: 0; } .main-navigation ul li ul li { position: relative; display: block; } .main-navigation ul li ul li a { font-size: 16px; color: var(--black); opacity: 1; } .main-navigation ul li ul li:hover a{ color: var(--balck); } .main-navigation ul li:hover > ul { opacity: 1; visibility: visible; } .main-navigation ul li ul li ul { left: 100%; top: 0%; margin: 0; width: 160px; padding: 0; display: block; list-style: none; position: absolute; visibility: hidden; opacity: 0; background-color: var(--white); z-index: 1; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) } .main-navigation ul li ul li { position: relative; } .main-navigation ul li ul li ul { left: 100%; top: 0%; margin: 0; width: 160px; display: block; list-style: none; position: absolute; visibility: hidden; opacity: 0; background-color: var(--white); z-index: 1; padding: 0; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); } .main-navigation ul li ul li:hover > ul { transform: translate(0, 0); opacity: 1; visibility: visible; } /*menu has children*/ .main-navigation ul > li.menu-item-has-children { position: relative; } /*.main-navigation div > ul > li.menu-item-has-children:before {*/ /* content: "";*/ /* display: block;*/ /* background: url(../images/down-arrow.svg) no-repeat center center;*/ /* background-size: contain;*/ /* width: 35px;*/ /* height: 6px;*/ /* position: absolute;*/ /* top: 50%;*/ /* transform: translateY(-50%);*/ /* right: -25px;*/ /*}*/ .main-navigation ul ul li.menu-item-has-children:before { content: '\f105'; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 700; color: #0e0e0e; right: 9px; } .main-navigation div > ul > li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children:hover:before { opacity: 1; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .main-menu-toggle { display: none; } .cart-icon { position: relative; } span.items { position: absolute; top: -14px; left: 7px; background: var(--black); height: 22px; line-height: 22px; width: 22px; border-radius: 100%; text-align: center; color: var(--white); font-size: 10px; font-weight: 500; } .right-side-wrapper i { color: var(--white); opacity: .6; font-size: 14px; } .form-group { position: relative; margin: 0; } .form-control.menu-search-box { display: inline; position: relative; outline: none; background: #8349c799; border: none; padding: 0px 23px 0 11px; border-radius: 5px; font-size: 12px; color: #ffffffa8; width:123px; height:30px; } a.search-icon { position: absolute; right: 7px; top: 3px; } a.search-icon svg{ width:12px; height:12px; } .right-side-wrapper input.form-control::placeholder{ color: #ffffffa8; } input[type="search" i]:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-search-cancel-button { opacity: 0; } /*------------- services--------------- */ .services.servie_style_1, .services.servie_style_2{ margin-top: -116px; } .service-single-item{ border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); background-color: var(--white); } .service-single-item h3{ font-size: 16px; font-weight: 600; } .service-single-item p{ font-size: 16px; color: var(--gray-medium); text-align: center; margin-bottom: 0px; } .services.servie_style_3 .service-single-item{ box-shadow: none; } /* ----------about-------------- */ .btn{ padding: 12px 30px; border-radius: 50px; color: var(--white); font-size: 14px; transition: 0.5s; } .btn:hover{ outline: none; transition: 0.5s; } .btn.about { background: var(--bg-gradient); } .btn.about:hover { background: var(--dark-light); color: var(--white); } .title-sm { color: var(--black); line-height: 1.33; letter-spacing: 3.2px; font-size: 14px; font-weight: bold; } .title-lg { font-size: 36px; font-weight: 600; color: var(--black); margin-top: 13px; } .about-details p,.about-details { font-size: 16px; color: var(--gray-medium); font-family: poppins, sans-serif; } .about_us_style_4 .about-details p { text-align: left; } .about_us_style_1 .about-details p { text-align: center; } /* ---------- features -------------- */ .features{ padding: 64px 0 90px 0; } .title-sm-fea{ color: var(--white); opacity: .4; } .title-lg-fea{ color: var(--white); } .features-single-item h4{ font-size: 16px; color: var(--white); font-weight: 600; } .features-single-item p{ color: var(--white); font-size: 14px; margin-top: 6px; } .features-single-item-bottom { margin-top: 73px; } .feature-single-item-wrap{ margin-top:75px; } .feature_products_style_1 .feature-left-section p { text-align: right; } .feature_products_style_1 .feature-right-section p { text-align:left; } .widget_acommerce_featured_products { position: relative; height: 768px; z-index: 1; } .feature_products_style_1{ position: relative; z-index: 0; } .feature_products_style_1:after { position: absolute; content: ''; background: var(--bg-gradient); top: 0; left: 0; opacity: 0.9; width: 100%; height: 100%; z-index: -1; } .feature_products_style_2 .feature-left-section .features-single-item,.feature_products_style_2 .feature-left-section .features-single-item p, .feature_products_style_2 .feature-right-section .features-single-item,.feature_products_style_2 .feature-right-section .features-single-item p{ text-align: left !important; color: var(--gray-medium); } .feature_products_style_2 .feature-left-section .features-single-item h4,.feature_products_style_2 .feature-right-section .features-single-item h4{ color: var(--black); } /* ----------white headphones-------------- */ section.white-headphone{ overflow: hidden; } .alternet-layout-section-rep:nth-child(odd) { background: #fbfbfb; } span.price-purple,.full-slider-single-product .flex-heading .headphone-details span { font-size: 22px; font-weight: bold; line-height: 0.91; color: var(--purple-light); font-family: 'Oswald', sans-serif; } .full-slider-single-product .flex-heading .headphone-details p{ text-align:left; } .headphone-heading h2 { font-size: 32px; font-weight: 600; line-height: 1.25; color: var(--dark-light); } span.color-purple { color: var(--purple-light); } .headphone-details p { font-size: 14px; color: var(--gray-medium); text-align: center; margin-top: 20px; } widget_acommerce_single_product_slider_widget .headphone-details p { text-align: left; } .btn.white-headphone{ background-color: var(--dark-light); } .btn.white-headphone:hover{ background: var(--bg-gradient); color: var(--white); } .headphone-image.left-image:before{ position: absolute; content: ""; width: 100%; height: 334px; background: #f4f4f4; z-index: -1; } .alternate_layout_style_1 a.add_to_cart_button{ background: #303030; margin-top: 18px; transition: 0.5s; } .alternate_layout_style_2 a.add_to_cart_button{ margin-top: 18px; } .alternate_layout_style_1 a.add_to_cart_button:hover{ background: var(--purple-light); transition: 0.5s; } .alternate_layout_style_2 a.add_to_cart_button:hover{ background: var(--black); transition: 0.5s; } .alternate_layout_style_1 .headphone-details{ text-align: center; } .alternate_layout_style_3 .headphone-details,.alternate_layout_style_3 .headphone-details p { text-align: left; } .alternate_layout_style_3 a.add_to_cart_button { margin-top: 30px; } .alternate_layout_style_2 .headphone-details p{ text-align: left; } .alternate_layout_style_2 ul{ margin-top:55px; } .alternate_layout_style_2 ul li{ position: relative; font-size: 14px; font-weight: 600; color: var(--black); margin-top: 10px; font-family: 'Poppins', sans-serif; margin-left: 50px; } .alternate_layout_style_2 ul li:before { position: absolute; content: " "; background: url(../images/tick.png) no-repeat 0px 0px; width: 40px; height: 15px; left: -50px; } /* ----------testimonials-------------- */ .testimonials { background: var(--bg-gradient); } .testimonials-single-item{ position: relative; border-radius: 10px; background-color: #0000001f; } .testimonials-single-item h4,.testimonials-single-item p{ color: var(--white); } .testimonials-single-item h4{ font-size: 18px; font-weight: 600; } .testimonials-single-item P{ line-height: 1.54; font-size: 14px; text-align: center; margin-top: 8px; } .circle-icon { position: absolute; left: 0; right: 0; bottom: 39px; margin: 0 auto; width: 70px; height: 70px; border-radius: 100%; } sup.comma { top: -12px; position: absolute; /* left: 0; right: 0; */ text-align: center; z-index: 2; } .circle-icon-name { font-size: 14px; color: var(--white); } .circle-icon-name:hover { color: #ffffffab; } .user img { width: 100px; height: 100px; object-fit: contain; } .testo-user-details img { width: 70px; height: 70px; } /* ----------hot-deals-------------- */ .hotoffer_products_style_3,.hotoffer_products_style_2 { position: relative; z-index: 0; } .hotoffer_products_style_3:after{ background: var(--bg-green-gradient); content: " "; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.89; } .hot-deal-single-item-wrapper{ margin-top: 165px; } .hot-deal-single-item{ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); padding: 95px 95px 37px; border-radius: 5px; } span.price-tag { background: var(--bg-gradient); position: absolute; right: 14px; top: 0px; font-size: 12px; font-weight: bold; border-radius: 40px; color: var(--white); padding: 9px 20px; } .hot-deal-single-item h2 { font-size: 28px; font-weight: 600; } .comma.headphone{ top: -105px; } /* ------th-product-price---- */ .th-product-price span { font-size: 22px; line-height: 0.91; font-weight: bold; font-family: 'Oswald', sans-serif; } .th-product-price del .woocommerce-Price-amount{ color: var(--purple-light); margin-right: 13px; text-decoration: line-through; } ins { text-decoration: none; } .th-product-price ins .woocommerce-Price-amount{ color: var(--gray-light); } /* ------progress-bar---- */ .progress { background-color: #d8d8d8; height: 8px; border-radius: 20px; } .progress-bar { background-color: var(--purple-light); } .sold-item ,.available-item{ color:var(--gray-light); font-size: 14px; } /* ------countdown-timer---- */ .countdown-timer li span.timer-text{ list-style: none; float: left; margin: 0 15px; font-size: 12px; color: #a9a9a9; text-transform: uppercase; } .hotoffer_products_style_1 .counter-timer-section li{ display: inline-block; } .countdown-timer li > span{ display: block; font-size: 24px; color:var(--black); font-weight: 600; } .hotoffer_products_style_3 .countdown-timer li, .hotoffer_products_style_2 .countdown-timer li{ border: 4px solid #ffffff85; border-radius: 100%; width: 80px; height: 80px; float: left; margin-right: 25px; padding: 10px 16px; } .hotoffer_products_style_3 .countdown-timer li span.timer-text, .hotoffer_products_style_2 .countdown-timer li span.timer-text{ font-weight: 600; color: var(--white); opacity: 0.4; margin: 0; float: none; } .hotoffer_products_style_3 .countdown-timer li span, .hotoffer_products_style_2 .countdown-timer li span{ color: var(--white); opacity: 1; display: flex; justify-content: center; } .hotoffer_products_style_3 h1.title-lg-white,.hotoffer_products_style_2 h1.title-lg-white{ margin-top: 32px; } .hotoffer_products_style_3 h1.title-lg-white a,.hotoffer_products_style_2 h1.title-lg-white a{ color: var(--white); } .hotoffer_products_style_3 .about-details p, .hotoffer_products_style_2 .about-details p{ color: var(--white); opacity: 0.52; text-align: left; } .hotoffer_products_style_3 a.add_to_cart_button,.hotoffer_products_style_2 a.add_to_cart_button{ background: transparent; border: 1px solid var(--white); font-weight: bold; padding: 15px 30px; margin-top: 27px; } .hotoffer_products_style_3 a.add_to_cart_button:hover,.hotoffer_products_style_2 a.add_to_cart_button:hover{ background: var(--bg-green-gradient); } .hotoffer_products_style_1 span.price-tag { right: 28px; top: 45px; } .sold-item span, .available-item span{ color: var(--black); font-weight: 600; } /* ------our-products---- */ .our-products { padding: 70px 0; } li.product{ position: relative; background: var(--white); border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.1); list-style: none; text-align: center; padding:20px 0; overflow:hidden; } span.onsale { border-radius: 30px; background: var(--bg-gradient); padding: 4px 15px; position: absolute; right: 10px; top: 10px; color: var(--white); z-index: 2; } h2.woocommerce-loop-product__title{ font-size: 18px; font-weight: 600; color: var(--dark-light); } li.product span.price{ font-size: 16px; font-weight: 500; display: block; } li.product del{ color: var(--purple-light); } li.product ins{ color: var(--gray-light); } .rating i { font-size: 14px; margin: 0 1px; font-weight: 700; } .slider_product_style_1 .rating i { color: #756dcc; } span.off { font-size: 16px; font-weight: 600; color: var(--dark-light); display: block; } a.add_to_cart_button,a.button.product_type_external,.product_type_variable ,li.product a.button.product_type_simple{ border-radius: 40px; background: var(--bg-gradient); padding: 12px 27px; color: var(--white); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; visibility: hidden; display:inline-block; width:140px; } a.add_to_cart_button:hover{ bottom: 10px; transition: .5s; } a.button.product_type_external{ width: 60%; } li.product:hover span.onsale { visibility: hidden; } li.product:hover a.add_to_cart_button,li.product:hover a.button.product_type_external,li.product:hover .product_type_variable{ visibility: visible; transition: 1s; } .remax-store-compare,.add-to-wishlist-custom ,a.yith-wcqv-button svg{ background: var(--dark-light); width: 35px; line-height: 35px; height: 35px; border-radius: 100%; margin-top: 7px; text-align: center; } .th-products-hover{ position: absolute; top: 8px; right: -30px; visibility: hidden; transition: 0.5s; } li.product:hover .th-products-hover { visibility: visible; transition: 0.5s; right: 10px; } li.product:hover span.off,li.product:hover span.price{ visibility: hidden; } .slider-our-products .flex-control-nav { visibility: hidden; } .our-products .row { margin-top: 28px; } /* ------product-img-wrap---- */ .product-second-image { display: none; } .product-img-wrap{ position: relative; background: var(--white); } .product-img-wrap img { width: 100%; height: 267px; object-fit: contain; } .product-img-wrap:hover .product-second-image{ display: block; -webkit-transition: opacity 4s ease-in-out; -moz-transition: opacity 4s ease-in-out; -o-transition: opacity 4s ease-in-out; transition: opacity 4s ease-in-out; } .product-img-wrap:hover .product-first-image { display: none; } /* ------newsletter---- */ .newsletter{ height: 400px; background-size: cover !important; } .form-group.mt-5 { width: 100%; } .newsletter input.form-control{ display: inline; padding: 26px 109px 26px 26px; border-radius: 40px; position: relative; outline: none; font-size: 14px; } input[type="submit"] { padding: 15px 25px; border-radius: 40px; border: none; background: #000; color: #fff; outline: none; z-index: 1; font-weight: bold; font-size: 14px; } .newsletter input[type="submit"] { position: absolute; right: 0; top: 0; bottom: 0; } /* ------footer---- */ .footer{ background-color: var(--black); } .footer li { list-style: none; margin-top: 8px; } .footer h4{ font-size: 18px; font-weight: 600; color: var(--white); } .footer a,.copyright, .footer p,.copyright .site-info a{ color: #9d9d9d; font-size: 14px; text-align: left; } /* ------brid-cum---- */ .brid-cum{ position: relative; background: var(--bg-gradient); align-items: center; display: flex; justify-content: center; z-index: 0; } .brid-cum:after{ position: absolute; background-size: cover; content: ""; opacity: 0.19; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; } h2.bridcum-heading { font-size: 42px; font-weight: 600; line-height: 1.9; color: var(--white); } /* ------blog-grid---- */ .blog-grid-image img{ width:100%; } .blog-date-wrapper,.blog-date-wrapper a { line-height: 2; font-size: 14px; color: #9e9e9e; } a.user-name{ text-decoration: underline; } .blog-date-wrapper{ color: #c8c8c8; } a.title{ font-size: 18px; font-weight: 600; line-height: 1.11; color: var(--black); } p.details { font-size: 14px; color: var(--gray-medium); } a.readmore{ font-size: 14px; font-weight: 600; color: var(--black); text-transform: capitalize; text-decoration: underline; } /* ------blog-list---- */ h4.blog-list{ font-size: 18px; font-weight: 600; } .blog-list-details a.title { font-size: 18px; line-height: 1.3; } a.page-numbers,span.current { font-size: 22px; font-weight: 600; color: var(--black); margin-right: 14px; } a.page-numbers{ opacity: 0.4; } span.current{ text-decoration: underline; } a.next.page-numbers { background: var(--black); opacity: 1; font-size: 14px; color: var(--white); padding: 14px 28px; border-radius: 35px; } nav.woocommerce-pagination { padding: 30px 0 80px 0; } nav.woocommerce-pagination li{ display: inline-block; } .blog-list-details p { color: var(--gray-medium); font-size: 14px; margin-top: 10px; } .nav-previous span, .nav-next span { display: block; text-decoration: underline; color: var(--black); } .nav-previous span:hover, .nav-next span:hover{ text-decoration: none; } .nav-previous a,.nav-next a { font-size: 14px; color: var(--gray-medium); } .desert-eating a { color: var(--gray-medium); font-size: 14px; font-weight: normal; } /* ------blog-single---- */ /* ------double-col---- */ .double-col img { width: 100%; } .social-icon li { list-style: none; display: inline; margin-right: 10px; } .form-wrapper .form-control{ border-radius: 5px; padding: 26px; } .form-wrapper label { margin-bottom: 0; font-size: 14px; font-weight: 500; color: #1e2e3d; } h4.form-comment { font-size: 22px; font-weight: 600; color: var(--black); } .comment-btn .btn { background: #000; } .widget-area ul { margin: 0; list-style: none;; } .widget-area ul li a ,p.date ,span.no-of-post { color: var(--gray-medium); font-size: 14px; } .widget-area .widget { margin: 0 0 1.5em; padding: 15px; float: left; width: 100%; } .widget-area .widget .widget-title { width: 100%; text-transform: capitalize; display: block; margin-bottom: 20px; font-size: 18px; color: var(--black); cursor: pointer; font-weight: 600; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: 'Poppins', sans-serif; } .widget-area .widget .widget-title:hover { color: #000000d6; } /* .widget-area .widget .widget-title:after { content: ''; display: block; width: 50px; height: 4px; background: #10b64e; margin-top: 12px; border-radius: 3px; } */ .widget_archive ul, .widget_categories ul, .widget_recent_entries ul, .widget_meta ul, .widget_recent_comments ul, .widget_rss ul, .widget_pages ul, .widget_nav_menu ul { list-style: outside none none; margin: 0; padding: 0; } .footer ul,.footer .textwidget { margin-top: 18px; } .widget_archive li, .widget_categories li, .widget_recent_entries li, .widget_meta li, .widget_recent_comments li, .widget_rss li, .widget_pages li, .widget_nav_menu li { margin-bottom: 5px; padding-bottom: 5px; } .widget_archive a, .widget_categories a, .widget_recent_entries a, .widget_meta a, .widget_recent_comments li, .widget_rss li, .widget_pages li, .widget_nav_menu li { color: #333333; font-size: 16px; line-height: 19px; position: relative; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .widget_recent_entries a{ padding-left: 0; } /* .widget_archive a::before, .widget_categories a::before, .widget_recent_entries a::before, .widget_meta a::before, .widget_recent_comments li::before, .widget_rss li:before, .widget_pages li:before, .widget_nav_menu li:before { color: #333333; content: "\f105"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 700; left: 0; position: absolute; top: -8px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } */ .widget_recent_entries .post-date { color: #8f8f8f; display: block; font-size: 11px; margin-top: -5px; padding-left: 24px; } .widget_nav_menu li:before { top: 0; } form.search-form { position: relative; } i.fas.fa-search.sidebar { position: absolute; right: 9px; top: 18px; color: #b4b4b4; } .widget-area .search-field { border-radius: 5px; font-size: 14px; color: var(--black); width: 100%; padding: 12px 14px; border: solid 1px #d0d0d0; position: relative; } .widget-area .search-field:focus{ box-shadow: none; border: 1px solid var(--black); } .widget-area input.form-control::placeholder{ font-size: 14px; color: #b4b4b4; } .widget-area label{ display: block; } span.post-title{ position: relative; } span.post-title:before { border-bottom: 2px solid #d8d8d8; content: ""; width: 60px; height: 2px; position: absolute; left: 0px; bottom: -7px; } .tagcloud a{ background: var(--black); font-size: 14px; color: var(--white); } .tagcloud a { background: var(--black); font-size: 14px; padding: 12px 20px; border-radius: 35px; color: #7f7f7f; margin: 15px 15px 0 0; display: inline-block; } /* ----blog-masonry----- */ .grid { width: 100%; } .grid-item { width: 30%; float: left; display: block; padding: 7px; } /* ----contact us----- */ .contact input.form-control::placeholder{ color: #bdbcbc; } .map iframe{ height: 280px; } /* ----allproducts----- */ .allproducts{ background: #f7f7f7; } h3.small-heading { font-size: 32px; font-weight: 600; } .list-view li.product a.add_to_cart_button,.list-view li.product span.price, .list-view li.product span.off, .list-view li.product span.onsale,.list-view li.product .th-product-rating{ display: inline-block; } .list-view li.product .th-products-hover{ display: flex; position: unset; } .list-view li.product .remax-store-compare, .list-view li.product .add-to-wishlist-custom, .list-view li.product a.yith-wcqv-button svg{ display: inline-block; margin-right: 10px; } h4.small-heading { font-size: 32px; font-weight: 600; color: var(--black); } ul.nav{ line-height: 45px; height: 45px; } ul.nav li { margin: 0 16px; } ul.nav a { font-size: 14px; font-weight: 600; color: #0000006b; } ul.nav a:hover, ul.nav li.active a{ color: var(--purple-light); border-bottom: 2px solid var(--purple-light); } .color-dots span{ width: 20px; height: 20px; border-radius: 100%; display: inline-block; cursor: pointer; margin: 0 2px; } span.red { background: var(--red); } span.blue{ background: var(--blue); } span.black{ background: var(--black); } span.gray{ background: var(--gray); } span.yellow{ background: var(--yellow); } .view-layouts li { list-style: none; display: inline-block; } .view-layouts li a{ background: var(--white); padding: 3px 5px; } .view-layouts span { font-size: 14px; font-weight: 500; color: #9d9d9d; } .sort-by select { border: none; font-size: 14px; font-weight: 600; } /* ----cart----- */ span.total-price { font-size: 18px; font-weight: 500; color: var(--white); } td.product-thumbnail img { width: 39px; height: 42px; } table.shop_table { margin: 0 auto; } thead th { text-align: center; } td.product-name a { color: #525252; font-size: 14px; font-weight: normal; } td.product-remove,td.product-thumbnail{ padding: 0px; } td.product-remove a{ color: #878787; font-size: 14px; } td.product-subtotal{ padding:20px 15px; } .quantity { position: relative; margin-left: 70px; margin-top: 0px; } .quantity-spinner.quantity-up, .quantity-spinner.quantity-down { position: absolute; height: 30px; width: 30px; cursor: pointer; top: 8px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 100%; -webkit-transition: background-color .2s; transition: background-color .2s; } .quantity-spinner.quantity-up { right: 112px; } .quantity-spinner.quantity-down:before, .quantity-spinner.quantity-up:before { width: 13px; height: 1px; } .quantity-spinner.quantity-up:after { height: 13px; width: 1px; } .quantity-spinner.quantity-down:before, .quantity-spinner.quantity-up:before, .quantity-spinner.quantity-up:after { content: ''; position: absolute; background-color: #000; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .quantity input{ text-align: center; border: none; font-size: 14px; color: #525252; } .quantity input:focus{ box-shadow: none; outline: none; } .coupon .form-control { width:auto; display: inline-block; padding: 20px 20px; border-radius: 5px; position: relative; outline: none; } td.actions { padding: 20px 0; } button.apply-code { float: right; } .btn:disabled { opacity:1; } /* --------- four-product-slider acommerce_slider_section -------- */ .acommerce_slider_section .slides li { display: inline-grid; } /* .acommerce_slider_section .product-img-wrap img { width: 210px; height: 210px; object-fit: contain; } */ /* -------------------- Home-page2 ----------------- */ /* ------acommerce-header-three------ */ .color-blue{ color: var(--blue-dark); } .acommerce-header-three .main-navigation ul li a, .acommerce-header-three .main-navigation div > ul > li.menu-item-has-children:before, .acommerce-header-three .right-side-wrapper i{ color: var(--gray-dark); opacity: 1; } .acommerce-header-three .main-navigation ul.nav-menu > li:hover { border-bottom: 2px solid var(--gray-dark); } .acommerce-header-three { position: relative; } .phone-call a { font-size: 14px; font-weight: 600; color: #616161; } .acommerce-header-three a.search-icon,.acommerce-header-four a.search-icon{ position: unset; padding: 11px; margin-right: 10px; } p.woocommerce-mini-cart__empty-message { font-size: 14px; } .acommerce-header-five .main-navigation ul li ul li a { color: var(--black); opacity: 1; } /*---------- slider_products_center-all ----------- */ .slider_products_center-all .flexslider .slides > li:after{ opacity: 1; } .slider_products_center-all ul { width: 80%; margin: 0 auto; } .slider_products_center-all .flex-caption.flex-img img { width: 100%; height: 360px; object-fit: contain; } .slider_products_center-all .flexslider .slides > li{ text-align: center; } .slider_products_center-all .content-wrapper { position: absolute; } .slider_products_center-all .flex-caption{ padding: 0; } .slider_products_center-all .flex-heading h1 a { text-align: center; font-size: 50px; } .slider_products_center-all .flex-heading p{ font-size: 14px; color: var(--white); } .slider_products_center-all .slider-btn{ border-radius: 0; margin-top: 28px !important; } /* ------about us------- */ .shoes img { width: 562px; height: 340px; object-fit: cover; } .btn-blue { background: var(--blue-dark); border-radius: 0; } .acommerce_about_bg .title-sm { color: #fff; opacity: 0.4; } .acommerce_about_bg .title-lg, .acommerce_about_bg .about-details p{ color: var(--white); } .acommerce_about_bg .about-details .btn{ background: transparent; border: 1px solid var(--white); } .btn-blue:hover { border: 1px solid var(--blue-dark); background: transparent; color: var(--blue-dark); transition: 0.5s; } .about_us_style_4 { background-color: #f6f6f6; } .about_us_style_4 .btn{ display:table; } .about_us_style_2 .about-details,.about_us_style_2 .about-details p,.about_us_style_5 .about-details p{ text-align: center; } .about_us_style_2 .about-details .title-lg,.about_us_style_5 .about-details .title-lg{ margin-bottom: 30px; } .about_us_style_3 .about-details .title-lg,.about_us_style_4 .about-details .title-lg{ margin-bottom: 20px; } .btn-orange:hover { background: transparent; border: 1px solid var(--orange-light); color: var(--orange-light); transition: 0.5s; } .about_us_style_4 .about-details{ text-align: left; } .margin-top-minus { margin-top: -20px; } /* ------features------- */ .feature_products_style_3 { background-color: #efefef; z-index: 1; } .title-sm-fea2 { opacity: 0.4; } h4.btm-details-head { font-size: 16px; font-weight: 600; color: var(--black); } p.btm-details-content { font-size: 14px; opacity: 0.5; color: var(--black); text-align: left; margin-top: 8px; } .single-shoe img { width: 620px; height: 317px; object-fit: contain; } .single-shoe{ position: relative; z-index: 0; margin: 35px 0; } .single-shoe:after { position: absolute; content: " "; background: #1f54b1; opacity: 0.11; width: 324px; height: 324px; top: 8%; left: 0; right: 0; margin: 0 auto; border-radius: 100%; z-index: -1; } .feature_products_style_3 .title-sm-fea,.feature_products_style_3 .title-lg-fea{ color: var(--black); } body.admin-bar .main-menu-toggle { top: -55px; } /* ------shoes-features------- */ .shoes-heading h2 { color: var(--black); } .widget_acommerce_featured_products .headphone-details ul li { position: relative; font-size: 14px; font-weight: 600; color: var(--black); margin-top: 10px; font-family: 'Poppins', sans-serif; margin-left: 50px; } .widget_acommerce_featured_products .headphone-details ul li:before { position: absolute; content: " "; background: url(../images/tick.png) no-repeat 0px 0px; width: 40px; height: 15px; left: -50px; } /* ------single-product-full-slider------- */ .single-product-full-slider { background: #fafafa; } span.color-blue { color: var(--blue-dark); } .single-product-details h3 { font-size: 24px; font-weight: 600; line-height: 1.25; } /* ------testimonial_style_2------- */ .testimonials2-single { background: #fafafa; } .home-page2-testimonials-single-item{ background: none; } .home-page2-testimonials-single-item h4, .circle-icon-name-home-page2{ color: var(--black) } .circle-icon-name-home-page2:hover{ color: var(--dark); } .home-page2-testimonials-single-item p{ color: #6a6a6a; } sup.comma2 { position: unset; } sup.comma2 svg text { fill: #c4c4c4; } /* -------hotoffer_products_style_2----- */ .hotoffer_products_style_2 { background-color: #f5f5f5; } .hotoffer_products_style_2 li.product{ background: none; box-shadow: none; padding: 0px 0 30px 0; } .hotoffer_products_style_2 ul.nav a:hover, .hotoffer_products_style_2 ul.nav li.current_page_item a{ color: var(--blue-dark); border-bottom:none; } li.tabs-title.is-active a{ color: var(--blue-dark); border-bottom: 2px solid; } .hotoffer_products_style_2 li.product del, .hotoffer_products_style_2 .th-product-rating i{ color: var(--blue-dark); } .hotoffer_products_style_2 li.product a.add_to_cart_button{ background: #003cbe; border-radius: 0; } .hotoffer_products_style_2 .remax-store-compare, .hotoffer_products_style_2 .add-to-wishlist-custom,.hotoffer_products_style_2 a.yith-wcqv-button svg{ background: #555; border-radius: 0; } .hotoffer_products_style_2 span.onsale,.hotoffer_products_style_2 .flex-control-nav { display: none; } .products_tabs_style_3 .th-products-hover ,.products_tabs_style_2 .th-products-hover { background: #999; top: 0; right: 0; padding: 0px 4px; } .products_tabs_style_3 .remax-store-compare, .products_tabs_style_3 .add-to-wishlist-custom, .products_tabs_style_3 a.yith-wcqv-button svg, .products_tabs_style_2 .remax-store-compare, .products_tabs_style_2 .add-to-wishlist-custom, .products_tabs_style_2 a.yith-wcqv-button svg{ background: transparent; } .products_tabs_style_3 li.is-active a { color: var(--blue-dark); } .homepage2-four-product-slider{ margin-top: 30px; } /* -------latest-blog-details----- */ .latest-blog-image img { width: 100%; height: 250px; object-fit: cover; transition: transform .25s; } .latest-blog-image{ overflow:hidden; } .latest-blog-image:hover img { transform: scale(1.1); transition: transform .25s, visibility .3s ease-in; } /* -------news-letter----- */ .newsletter-homepage2 input { border-radius: 0; } .newsletter-homepage2 input[type="submit"]{ position: unset; margin: 0 auto; } .newsletter-homepage2 input.form-control::placeholder { color: #adadad; } input.newslettr { border: 1px solid var(--white); background: transparent; } /* -------footer-homepage2----- */ .footer-homepage2 { background: #f7f7f75e; } .footer-homepage2 h4{ color: var(--black); } .footer-homepage2 a, .copyright-homepage2, .footer-homepage2 p{ color: #616161; font-size: 14px; } .footer-homepage2 svg g { stroke: #616161; } /* ---------------- Home-page3 -------------- */ .btn-orange{ background: var(--orange-light); } .orange-color{ color: var(--orange-light); } /* -------home-page3-main-slider ----- */ .flexslider.home-page3-main-slider .slides > li:after{ background: var(--orange-light); } .home-page3-main-slider .flex-heading h1{ font-size: 50px; } .home-page3-main-slider p{ font-size: 14px; color: var(--white); } /* -------services----- */ .homepage2_services { background: #f6f6f6; } .services-wrapper { background: var(--white); position: relative; border-radius: 5px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } .services-wrapper .service-single-item { border-radius: 0px; box-shadow:none; } .services.servie_style_2 { margin-top: -138px; } .services.servie_style_2 .services-wrapper{ padding: 0 65px; } .servie_style_2 .service-single-item { padding: 23px 16px 41px 16px !important; } /* -------about----- */ .about_us_style_2, .about_us_style_3 { background-color: #f6f6f6; } section.about.about_us_style_4, section.about.about_us_style_5 { text-align: center; } .welcome img { width: 100%; height: 533px; object-fit: contain; } /* -------features----- */ .white-bg{ background: var(--white); opacity: 1; } .white-bg .features-single-item h4 { color: var(--black); } .white-bg .features-single-item p { color: var(--gray-medium); font-size: 14px; } /* ------- white-headphone ----- */ span.color-orange { color: var(--orange-light); } /* ------- single-product-full-slide-page3 ----- */ .single-product-full-slide-page3{ background: #f6f6f6; } .flexslider.single-product-full-slide-page3 .slides > li:after{ position: unset; } .single-product-full-slide-page3 .flex-control-paging li a , .testimonial_style_3 .flex-control-paging li a { background: #d8d8d8; } .single-product-full-slide-page3 .flex-control-paging li a.flex-active,.testimonial_style_3 .flex-control-paging li a.flex-active{ background: var(--orange-light); } .flexslider{ margin-bottom: 0; border: none; } .single-product-full-slide-page3 .flex-control-nav { bottom: 25px; } .single-product-full-slide-page3 .flex-caption.flex-img img { width: 100%; height: 480px; } /* ------- testimonial_style_3 ----- */ .testimonials3-single{ position: relative; } .grey-comma { top: 47px; position: relative; left: 0; right: 0; text-align: center; z-index: 2; } .home-page2-testimonials-single-item { position: relative; background: #fafafa; padding: 70px 0px; } .testo-user-details { position: relative; bottom: 41px; } .testo-user-details .circle-icon-name { color:var(--black); } .testimonial_style_3 .home-page2-testimonials-single-item { padding: 60px 66px; } .testimonial_style_3 .title-sm,.testimonial_style_3 .title-lg{ color: var(--black); } /* ------- dark-bg-single-product ----- */ .dark-bg-single-product { background-color: #252525; } .title-lg-white { color: var(--white); font-size: 38px; line-height: 1.05; } .dark-bg-single-product p { color: var(--white); opacity: 0.52; line-height: 1.69; } /* ------- single-product ----- */ body.single-product .summary.entry-summary { float: right; width: 48%; } body.single-product .woocommerce-product-gallery { float: left; width: 48%; } .woocommerce-tabs.wc-tabs-wrapper { clear: both; } h1.product_title.entry-title { font-size: 32px; font-weight: 600; line-height: 1.19; color: var(--dark-light); } .entry-summary .yith-wcwl-add-button a.add_to_wishlist, .entry-summary a.compare.button, .entry-summary .single_add_to_cart_button{ background: var(--dark-light); padding: 12px 30px; color: var(--white); border-radius: 50px; display: inline-block; margin-top: 14px; font-size: 14px; } .entry-summary a.compare.button { margin-top: 15px; display: inline-block; } .product_meta { margin-top: 20px; } span.posted_in{ display: block; margin-top: 10px; } .woocommerce-product-details__short-description,.product_meta,span.posted_in a { color: var(--gray-medium); font-size: 14px; } body.single-product .entry-summary .woocommerce-product-details__short-description ul li { margin: 10px 0; } .quantity input { color: #525252; } .summary.entry-summary form ,.yith-wcwl-add-to-wishlist{ display: inline-block; margin-top: 3px !important; } .social-icon{ margin-top: 10px; } .social-icon li i { font-size: 14px; color: var(--gray-medium); } .entry-summary .price { color: var(--purple-light); font-size: 22px; font-weight: bold; line-height: 0.91; margin: 20px 0; } .price ins { color: var(--purple-light); background: none; } body.single-product .flex-control-nav li { background: var(--white); margin: 8px 0px; display: inherit; border: none; } body.single-product .flex-control-nav { position: absolute; } body.single-product .flex-control-nav { width: 58%; top: 25px; left: 15px; } body.single-product div.product span.onsale{ left: 15px; display: inherit; } .entry-content{ margin-top: 3em; } div#comments { padding: 0px; } .comment-respond .comment-reply-title, .comment-form-rating { font-size: 14px; margin-top: 1em; display: block; } .comment-form-rating,p.comment-form-comment{ font-size: 16px; color: var(--gray-medium); font-family: poppins,sans-serif; } p.form-submit { text-align: center; } p.form-submit input[type="submit"]{ padding: 15px 35px; } p.form-submit input[type="submit"]:hover{ background: var(--dark-light); transition: .5s; } .entry-summary .yith-wcwl-add-button a.add_to_wishlist:hover, .entry-summary a.compare.button:hover, .entry-summary .single_add_to_cart_button:hover{ background: var(--black); transition: .5s; } ul.trail-items li { display: inline-block; } ul.trail-items li span { color: var(--white); } .slider_product_ { padding-top: 30px; } .comment-respond p { color: var(--gray-medium); } p.comment-form-cookies-consent input{ margin-right: 7px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{ color: var(--gray-medium); font-size: 14px; font-family: poppins, sans-serif; } .summary.entry-summary .variations_form.cart tbody tr td { padding: 10px 20px; } .single_variation_wrap .woocommerce-variation-description p { font-size: 14px; color: var(--gray-medium); } /* ------- shop-page ----- */ h1.woocommerce-products-header__title.page-title { font-size: 28px; color: var(--black); font-weight: 600; } header.woocommerce-products-header { width: 100%; } form.woocommerce-ordering,p.woocommerce-result-count{ display: inline-block; margin: 25px 0; color: var(--gray-medium); } p.woocommerce-result-count{ margin-right: 25px; } form.woocommerce-ordering .orderby { color: var(--gray-medium); border: none; } ul.products li.product{ padding: 15px 10px; } table.shop_table{ background: transparent; } .cart-collaterals .table.shop_table { background: #f6f6f6; } table.shop_table thead th { text-align: left; font-size: 20px; color: #1e2e3d; font-weight: 600; } table.shop_table tfoot th ,table.shop_table tfoot td,table.shop_table .woocommerce-shipping-methods label{ font-size: 18px; font-weight: 600; color: #1e2e3d; font-family: poppins, sans-serif; } table.shop_table tbody tr td { padding: 10px 50px 10px 0; color: #525252; font-size: 14px; font-weight: normal; } .place-order button { background: var(--bg-gradient); padding: 12px 30px; border-radius: 50px; color: var(--white); font-size: 14px; transition: 1s; } .place-order button:hover { transition: 1s; background: var(--black); } .woocommerce-privacy-policy-text p { color: #9b9b9b; font-size: 14px; } .woocommerce-privacy-policy-text a{ text-decoration: underline; color: var(--purple-light); } .mini-cart{ position: relative; } .mini-cart a span { background: var(--black); border-radius: 100%; font-size: 10px; color: var(--white);; padding: 13px; position: absolute; top: -15px; right: -13px; width: 20px; height: 20px; text-align: center; display: flex; justify-content: center; align-items: center; } .cart-collaterals table.shop_table.shop_table_responsive { background: #f6f6f6; } table.shop_table td.product-subtotal span { font-size: 16px; font-weight: 500; } .cart .actions .coupon{ float: left; } .woocommerce-cart-form__contents .coupon label { display: none; } table.woocommerce-cart-form__contents tbody tr td.actions{ margin-top:20px; } .cart .actions .coupon input{ width:90%; color: #a8a8a8; font-size: 14px; border-radius: 5px; border: solid 1px #dddddd; } .cart .actions .coupon input::placeholder{ color: #a8a8a8; } .cart .actions button,.wc-proceed-to-checkout a { border-radius: 50px; padding: 12px 20px; } .cart .actions button:hover,.wc-proceed-to-checkout a:hover,.wc-proceed-to-checkout a:hover{ background: var(--black); transition: .5s; } .wc-proceed-to-checkout a{ background: var(--bg-gradient); } .cart .actions .coupon button { float: left; margin-top: 20px; } .cart .actions button { float: right; } .cart-collaterals th,.cart-collaterals td { font-size: 14px; color: #525252; font-weight: normal; } .cart-collaterals td{ font-weight: 500px; } .cart-collaterals table.shop_table .woocommerce-shipping-methods label ,p.woocommerce-shipping-destination strong{ font-size: 16px; font-weight: 500px; } .cart_totals h2 { font-size: 20px; font-weight: 600; color: #1e2e3d; padding: 20px; } body.woocommerce-cart .woocommerce { padding: 40px 0 90px 0; } .wc-proceed-to-checkout { text-align: center; margin: 20px 0; } body.woocommerce-checkout .woocommerce{ padding: 60px 0; } .desert-eating{ margin-top: 10px; } p.comment-notes,.acommerce-article-content .image span { font-size: 14px; font-weight: normal; color: #9b9b9b; } .comment-form label,h3.comment-reply-title { font-size: 14px; color: #1e2e3d; font-weight: 500; } .comment-respond .comment-form p input,.comment-respond .comment-form textarea{ color: #b4b4b4; border-radius: 5px; border: solid 1px #d0d0d0; padding: 13px; font-size: 14px; } .comment-respond .comment-form p.comment-form-cookies-consent label { color: #5c5c5c; font-size: 14px; } .acommerce-header-title h4 { color: #000; font-size: 18px; font-weight: 500; margin: 10px 0 6px 0; } .comment-respond p.form-submit input[type="submit"] { padding: 15px 24px; border-radius: 50px; color: var(--white); } .widget-area .widget_search { margin: 30px 0 1.5em; } .widget.widget_search input[type="submit"]{ background: transparent; position: absolute; right: 0; top: 0; color: transparent; } form.search-form:after{ background: url(../images/search-icon.svg) center center no-repeat; position: absolute; content: " "; width: 16px; top: 0; right: 17px; bottom: 0; } .widget-area .search-form .search-field::placeholder{ color: #b4b4b4; } nav.navigation.post-navigation ,.acommerce-newsfeed.acommerce-related-post,div#comments{ padding: 0 15px; } .woocommerce-Tabs-panel--reviews div#comments { padding: 0; } .top-cart-content li.woocommerce-mini-cart-item img { width: 60px; height: 60px; /* margin: 45px 14px 0 10px; */ object-fit: contain; } .woocommerce-mini-cart-item.mini_cart_item span.quantity { color: #222; display: block; } ul.product_list_widget li a:not(.remove) { margin-bottom: 5px; line-height: 1.3; } .woocommerce-mini-cart-item.mini_cart_item span.quantity { color: #222; margin: 0; /* margin-top: -45px; */ } a.remove { width: 24px; height: 24px; } body.single-product .summary.entry-summary .quantity input[type="number"] { width: 110px; } body.single-product .summary.entry-summary .quantity-spinner.quantity-up { left: 67px; } body.single-product .summary.entry-summary .quantity{ margin-left: 0; } body.single-product .woocommerce-Tabs-panel--reviews .comment-text .woocommerce-review__published-date{ color: #c8c8c8; font-size: 14px; } body.single-product .woocommerce-Tabs-panel--reviews .comment-text .woocommerce-review__author{ font-size: 14px; } body.single-product .woocommerce-Tabs-panel--reviews .comment-text .description{ font-size: 14px; color: var(--gray-dark); } /* ---------- comments-area ---------- */ body.single .comments-area{ margin-top: 20px; } h2.comments-title { font-size: 18px; color: var(--black); font-weight: 500; } .comment-metadata a time { font-size: 14px; color: #c8c8c8; } span.edit-link { font-size: 14px; } .comment-content p { margin-bottom: 0.5rem; color: var(--gray-medium); font-size: 14px; } .reply { text-align: right; } div.comment div.comment { margin: 20px 0 0 50px; } body.single .comments-area .comment-reply-title { font-size: 22px; font-weight: 600; color: var(--black); margin-top: 0; } body.single .comments-area .comment-reply-title small a{ color: var(--black); font-weight: 600; font-size: 14px; margin-left: 12px; } body.single .comments-area .comment-author.vcard span.says{ font-size: 14px; color: #c8c8c8; } body.single .comments-area span.acommerce-comment-title { font-size: 22px; font-weight: 500; } section.single-product-full-slider a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { visibility: visible; margin-top: 25px; } body.single .comments-area p.logged-in-as{ font-size: 14px; margin-top: 10px; color: var(--black); font-weight: 500; } body.single .comments-area p.logged-in-as a:last-child{ color: var(--purple-light); } body.single .comments-area .comment-form-comment label{ color: #1e2e3d; font-size: 14px; font-weight: 500 } .comment-respond { background: #88888838; margin: 20px 0 50px 0; padding: 20px; } /* ---------- woocommerce-account ---------- */ nav.woocommerce-MyAccount-navigation { float: left; width: 15%; padding: 30px 0; } .woocommerce-MyAccount-content { float: right; width: 84%; padding: 30px 0; } nav.woocommerce-MyAccount-navigation li { margin-top: 10px; } nav.woocommerce-MyAccount-navigation li a { font-size: 16px; color: var(--black); font-weight: 500; } nav.woocommerce-MyAccount-navigation li.is-active a{ text-decoration: underline; } .woocommerce-MyAccount-content p,.woocommerce-MyAccount-content p strong { font-size: 14px; color: #9b9b9b; font-weight: 500; } .woocommerce-MyAccount-content p strong{ color: var(--black); } .woocommerce-MyAccount-content p a{ color: var(--purple-light); text-decoration: underline; } .woocommerce-Addresses .col-1,.woocommerce-Addresses .col-2{ max-width: 100% !important; } header.woocommerce-Address-title.title h3 { font-size: 14px; } .woocommerce-Addresses .col-1 address,.woocommerce-Addresses .col-2 address{ font-size: 14px; color: #9b9b9b; } .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account label{ color: #1e2e3d; font-size: 14px; font-weight: 500; } body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input{ color: #bdbcbc; padding: 20px 15px; font-size: 14px; border-radius: 5px; border: solid 1px #d0d0d0; } body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account fieldset{ padding: 0; } form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button { padding: 12px 20px; border-radius: 50px; background-color: var(--dark-light); margin: 20px auto; display: block; } form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hover{ background-color: var(--black); transition: 0.5s; } section.acommerce-main-slider a.add_to_cart_button, section.acommerce-main-slider a.button.product_type_external { visibility: visible; } section.acommerce-main-slider a.add_to_cart_button{ display:inline-block; margin-top:23px; } .slider_products_center-all .ajax_add_to_cart { border: 1px solid #fff; border-radius: 0; background: transparent; } .slider_products_center-all .product-details p { text-align: center !important; } /* ---------- search-no-results---------- */ body.search-no-results .acommerce-archive-description { margin-top: 45px; } body.search-no-results .acommerce-archive-description h1{ font-size: 24px; color: var(--black); } body.search-no-results .page-header h1{ font-size: 18px; color: var(--black); margin-top: 10px; } .no-results.not-found .page-content p { font-size: 14px; color: var(--gray-medium); } .search-form input[type="search"]::placeholder{ color: #999 !important; } .no-results.not-found label { display: block; } .no-results.not-found input.search-submit { position: absolute; right: 0; top: 0; bottom: 0; border-radius: 0; padding: 12px 25px; } .entry-content ol li { margin-left: 20px; } p.meta em,p.meta { font-size: 14px; font-style: normal; color: var(--gray-medium); font-weight: 500; margin-bottom:7px; } .comment_container { display: flex; } .comment-text { margin: 10px 0 0 10px; } .acommerce-main-slider.flexslider { background-repeat: no-repeat; background-size: cover !important; } .single_category_style_3 .flex-control-nav,.single_category_style_2 .flex-control-nav, .products_tabs_style_3 .flex-control-nav,.products_tabs_style_2 .flex-control-nav{ display: none; } .products_tabs_style_2 li.product a.add_to_cart_button{ background: var(--orange-light); border: none; } .products_tabs_style_2 li.tabs-title a{ color: var(--black); } .products_tabs_style_2 li.tabs-title.is-active a{ color: var(--orange-light); border-bottom: 3px solid var(--orange-light); } .products_tabs_style_2 li.product del, .products_tabs_style_2 .th-product-rating i,.products_tabs_style_2 li.tabs-title a:hover{ color: var(--orange-light); } .blog-list-details p{ text-align: left; } .products_tabs_style_3 .acommerce-product-tab-large .product-img-wrap img { width: 100%; height: auto; object-fit: contain; } .products_tabs_style_3 { background: var(--white); } .products_tabs_style_3 #acommerce-products-tab-block { margin-top: 60px; } .acommerce-header-two { position: relative; } .acommerce-header-user svg,.acommerce-search svg { cursor: pointer; } .latest-blog-details a.btn.btn-blue { display: table; } p.stock.in-stock { display: inherit !important; font-size: 14px; font-weight: 600; } /* ---------- no-front-page-section ---------- */ body.no-front-page-section .home-menu { position: relative; background: var(--bg-gradient); } /* ---------- Responsive ---------- */ @media only screen and (max-width: 1200px){ .flex-direction-nav .flex-prev { left: 70px !important; } .flex-direction-nav .flex-next { right: 70px !important; } .flexslider:hover .flex-direction-nav .flex-next { right: 70px; } .flexslider:hover .flex-direction-nav .flex-prev { left: 70px; } } @media only screen and (max-width: 1024px){ /* ---------- slider-middle-content------ */ .flex-heading h1 a{ font-size: 40px; } .flex-caption.flex-img img { width: 100%; height: 350px; } /* -----services--- */ .services { margin-top: -134px; } } @media only screen and (max-width: 992px){ .slider_products_center-all .flex-heading h1 a { font-size: 30px; } .slider_products_center-all .flex-caption.flex-img img { height: 270px; } /* -----features--- */ .feature_products_style_1 .feature-left-section p,.feature_products_style_1 .feature-right-section p{ text-align: center; } .title-sm-fea ,.title-sm{ font-size: 12px; } .title-lg-fea,.title-lg,.headphone-heading h2 { font-size: 25px; } /* -----hot-deals--- */ .hot-deal-single-item { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); padding: 95px 16px 25px; border-radius: 5px; } .th-product-price span { font-size: 16px; } .th-product-price del .woocommerce-Price-amount{ margin-right: 3px; } .hot-deal-single-item h2 { font-size: 22px; } .counter-timer-section li span { font-size: 18px; } /* -----white-headphone--- */ span.price-purple{ font-size: 18px; } /* -----latest-blog-details---- */ .blog-list-details a.title { font-size: 14px; line-height: 1.3; } .acommerce-header-two .site-branding, .acommerce-header-two .site-branding p.site-description { text-align: center; } .acommerce-header-two .acommerce-header-search.search-form, .acommerce-header-two .right-side-wrapper { margin: 20px 0; } .acommerce-header-five .logo { display: block !important; text-align: center; } .acommerce-header-five .header-cart{ padding:10px; } } /*Small devices (landscape phones, less than 767px)*/ @media only screen and (max-width: 767px) { .acommerce-header-two .mini-cart a span{ padding:4px; } .acommerce-header-two .acommerce-header-search.search-form{ display:none; } .classic .main-navigation ul li a { color: #333; } .title-lg { font-size: 25px; } .title-sm { font-size: 12px; } /*-------------------------------------------------------------- ## home-menu --------------------------------------------------------------*/ .main-menu-toggle { display: block; cursor: pointer; position: absolute; top: 31px; left: 15px; font-size: 17px; padding: 10px 14px; z-index: 999; } .main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.active > a{ color: #333; } .acommerce-header-four .main-menu-toggle{ top: 15px; } .acommerce-header-five .main-menu-toggle{ top: 14px; left: 15px; } .acommerce-header-two .right-side-wrapper { position: fixed; right: 15px; top: 31px; margin: 0; } .search_main_menu { display: block; cursor: pointer; position: absolute; top: -56px; right: 53px; font-size: 17px; padding: 10px 14px; z-index: 9999; } span.sub-toggle { display: block; } .main-menu-container-collapse { display: none; position: absolute; width: 100%; padding: 0 15px; /* top:76px; */ left: -29px; z-index: 999; } .main-navigation ul { border: 1px solid #d6d3d3; width: 100%; background: #fff; padding: 0 20px; } .main-navigation ul li { display: block; } .main-navigation ul.nav-menu > li > a { padding: 8px 16px; } .main-navigation ul li a { border-bottom: 1px solid #d6d3d3; color: var(--black); opacity: 1; } .main-navigation ul li ul { display: none; box-shadow: none; width: 100%; position: relative; left: auto; visibility: visible; opacity: 1; transition: none; transform: none; border: none; background: transparent; } .main-navigation ul li ul li { position: relative; display: block; } .main-navigation ul li ul li a { padding: 11px 20px; font-size: 14px; } .main-navigation ul li:hover > ul { transform: none; } .main-navigation ul li ul li ul { top: 0%; margin: 0; list-style: none; z-index: 1; transform: none; display: block; box-shadow: none; width: 100%; position: relative; left: auto; visibility: visible; opacity: 1; transition: none; border: none; background: transparent; } .main-navigation ul li ul li:hover > ul { transform: translate(0, 0); opacity: 1; visibility: visible; } .main-navigation ul li ul li { position: relative; } .main-navigation ul li ul li ul { display: none; box-shadow: none; width: 100%; position: relative; left: auto; visibility: visible; opacity: 1; border: none; transform: none; background: transparent; } .main-navigation div > ul > li.menu-item-has-children:before, .main-navigation ul ul li.menu-item-has-children:before { display: none; } /* ----------home-menu------ */ .home-menu { position: fixed; width: 100%; top: 0; z-index: 3; background: var(--white); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } .home-menu.acommerce-header-six{ width:95%; } .home-menu.acommerce-header-six { background: #000; } a.search-icon { right: 95px; top: 2px; } .main-menu-toggle i { color: var(--white); } /* ---------- slider-middle-content------ */ .flex-heading h1 a { font-size: 25px; } .flexslider.homepage1 { margin: 60px 0 60px; } .acommerce-main-slider.flexslider .flex-caption.flex-img { display: none; } .flexslider .slides > li{ height:500px; } /* ---------- white headphones------ */ .headphone-heading h2 { font-size: 25px; } /* ---------- hot deals------ */ /* ---------- price-section------ */ .hot-deal-single-item h2 { font-size: 22px; } .th-product-price span { font-size: 16px; } .item-count span { font-size: 14px; } /* ---------- countdown-timer ------ */ ul.counter-timer-section li span { font-size: 21px; } ul.counter-timer-section li { font-size: 12px; } /* ---------- services------ */ .services.servie_style_2 { margin-top: -100px; } .services.servie_style_2 .services-wrapper { padding: 0 10px; } /* ----------acommerce-header-three------ */ .acommerce-header-three .right-side-wrapper { position: fixed; right: 15px; top: 31px; } .acommerce-header-one .right-side-wrapper{ position: fixed; top: 15px; right: 15px; } .acommerce-header-four .right-side-wrapper,.acommerce-header-six .right-side-wrapper{ position: fixed; right: 15px; top:15px; } .acommerce-header-five .right-side-wrapper { position: fixed; right: 15px; top: 0; } .acommerce-header-three .phone-call { display: none !important; } .acommerce-header-three .homepod-header .row { padding: 0 !important; } .acommerce-header-three .logo{ border:none; } .acommerce-header-three .form-control.menu-search-box { display: inline-block; } .acommerce-main-slider ul li .product-details p { text-align: center; } .slider_products_thumb-details .acommerce-header-three .product-price { text-align:center; } .flex-caption.flex-heading { text-align: center; } .home-menu.acommerce-header-six #acommerce-header-toggle { position: fixed; left: 31px; top: 22px; } .acommerce-top-header-wrapper{ display:none; } .acommerce-header-one .form-group{ display:none; } .acommerce-header-one .site-branding { text-align: center; } .acommerce-header-one .right-side-wrapper svg g circle,.acommerce-header-one .right-side-wrapper svg g path { stroke: #000; fill: #000; } .acommerce-header-one .main-menu-toggle { top: -50px; } .flex-direction-nav a:before, .slider-our-products .flex-direction-nav a:before,.flex-direction-nav a, .flex-direction-nav a.flex-next:before, .slider-our-products .flex-direction-nav a.flex-next:before{ width: 40px; height: 40px; } .flex-direction-nav .flex-prev { left: 10px !important; } .flex-direction-nav .flex-next { right: 10px !important; } } @media only screen and (max-width: 576px){ /* ---------- slider-middle-content------ */ .flex-caption.flex-img,.flex-caption.flex-heading { text-align: center; } .flex-caption.flex-heading { margin-top: -90px !important; } .slider_products_center-all .flex-heading h1 a { font-size: 22px; } .slider-row { margin-top:60px; } .form-control { padding: 20px 95px 20px 19px; } input[type="submit"] { padding: 0px 15px; } /* ---------- services------- */ .services { margin-top: -58px; } /* -----flexslider homepage1---- */ .flexslider.homepage1 { margin: 85px 0 60px; } /* -----hot-deals---- */ .hot-deal-single-item { padding: 82px 20px 30px; } .hot-deal-single-item-wrapper { margin-top: 170px; } .newsletter{ height: auto; } /* -----brid-cum---- */ .brid-cum { height: auto; /* margin-top: 89px; */ } h2.bridcum-heading{ font-size: 30px; } h4.small-heading { font-size: 25px; } .acommerce-header-user,.acommerce-header-wishlist{ display:none !important; } .site-title a { font-size: 22px; } p.site-description { text-align: center; font-size: 11px; } .main-menu-container-collapse { left: 0px; padding:0; } .main-navigation ul{ padding:0; } .acommerce-header-two .right-side-wrapper { right: 26px; } .acommerce-header-one .mini-cart span.acommerce-header-cart-count,.acommerce-header-two .mini-cart span.acommerce-header-cart-count, .acommerce-header-five .mini-cart span.acommerce-header-cart-count { display: none ; } .acommerce-header-one .mini-cart span.acommerce-header-cart-count-small ,.acommerce-header-two .mini-cart span.acommerce-header-cart-count-small, .acommerce-header-five .mini-cart span.acommerce-header-cart-count-small{ position: absolute; top: -12px; left: 6px; display: block !important; background: #000; padding: 0px; color: #fff; width: 20px; height: 20px; line-height: 20px; } .acommerce-header-five .header-cart { background: none; } .slider_products_center-all .flexslider .slides > li,.slider_products_thumb-details .flexslider .slides > li { height: 400px; } .acommerce-header-four .acommerce-wishlist { display: none; } .slider-our-products { margin: 37px 0 0px 0 !important; } } @media only screen and (max-width: 425px){ } @media only screen and (max-width: 320px){ /* ---------- slider-middle-content------ */ .flex-heading h1 { font-size: 20px; } } section.hot-deals.hotoffer_products_style_2 { background: #242424; } /* -------single_category_style_2----- */ .single_category_style_2 { background-color: #f5f5f5; } .single_category_style_2 .product-img-wrap { background: var(--white); } .single_category_style_2 li.product{ background: none; box-shadow: none; } .single_category_style_2 ul.nav a:hover,.single_category_style_2 ul.nav li.current_page_item a{ color: var(--blue-dark); border-bottom:none; } .single_category_style_2 li.product del, .single_category_style_2 .th-product-rating i{ color: #1f70a7; } .single_category_style_2 li.product a.add_to_cart_button{ background: var(--bg-green-gradient); border-radius: 40px; } .single_category_style_2 .remax-store-compare, .single_category_style_2 .add-to-wishlist-custom,.single_category_style_2 a.yith-wcqv-button svg{ background: var(--bg-green-gradient); border-radius: 100%; opacity: 0.8; width: 40px; height: 40px; text-align: center; align-items: center; display: flex; justify-content: center; } .single_category_style_2 span.onsale{ display: none; } /* acommerce repsonsive issues */ @media only screen and (max-width: 425px){ body.acommerce-right-sidebar .sb-main-container-wrapper div#primary, body.acommerce-right-sidebar aside#secondary { width: 100%; } }