/* Theme Name: Advance Ecommerce Store Theme URI: https://www.themeshopy.com/themes/free-wordpress-ecommerce-theme/ Author: Themeshopy Author URI: https://www.themeshopy.com/ Description: Advance Ecommerce Store is a stylish, intuitive, engaging and robust WordPress theme for all types of shops be it an offline store striving to establish itself in the online world or an eCommerce shop extending its scope of products day-by-day. This theme is for book store, mobile and gadgets store, fashion and apparel store, cosmetics shop, jewellery shop or any website dealing with the business of selling products over the internet. This multipurpose eCommerce theme can be used for sports, technology, fashion, furniture, pharmacy etc. It has various options which make designing website an easy breezy task with no coding knowledge required. Sliders can be used to showcase your best deals, offers and best-selling products. The Advance Ecommerce Store theme is readily responsive, cross-browser compatible and translation ready. For an ecommerce shop SEO is very important, which is well looked-after in this theme to rank high in search engine results. Through social media icons, you can allow sharing products on various networking site. Its smart placement of call to action button is important to lead your customers. The theme allows deep customization of wide range of elements. Showcase your best products in the ornate gallery to attract visitor’s attention. Demo: https://themeshopy.com/advance-ecommerce-store-pro/ Version: 0.4.9 license: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl.html Text Domain: advance-ecommerce-store Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, post-formats, theme-options, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio Advance Ecommerce Store WordPress Theme has been created by Themeshopy, 2018. Advance Ecommerce Store WordPress Theme is released under the terms of GNU GPL In this theme some code is taken from Twenty Sixteen. */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; font-size: 15px; color:#5b5b5b; font-family: 'Karla', sans-serif; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ font-family: 'Montserrat', sans-serif; margin:0; padding:10px 0; color: #000; font-weight: 600; } p{ margin:0 0 15px; padding:0; font-size:16px; letter-spacing: 0; line-height: 1.8; } a{ text-decoration:none; color:#000; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } a:focus, input:focus, textarea:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } ul{ margin:0 0 0 15px; padding:0; } :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } select{ width:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ clear:both; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } .center{ text-align:center; margin-bottom:40px; } .middle-align{ margin:0 auto; padding:20px 0 20px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: left; margin-right:20px; margin-top:4px; margin-bottom:10px; padding:0; border:1px solid #bbb; padding:5px; } .alignright, img.alignright { display: inline; float: right; border:1px solid #bbb; padding:5px; margin-bottom:10px; margin-left:25px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; } .comment-list .comment-content ul { list-style:none; margin-left:15px; } .comment-list .comment-content ul li{ margin:5px; } #respond{ clear:both; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } input[type="text"], input[type="email"], input[type="phno"], input[type="password"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } input[type="search"] { padding: 10px; border: 1px solid #bbb; color: #000; } input[type="submit"] { border: none; text-align:center; font-size:16px; padding:10px 30px; background: #cb4f00; font-weight:bold; color:#fff; } /* ---------Buttons--------- */ .read-moresec a.button{ background:#cb4f00; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 14px 30px; font-weight:bold; } .read-moresec{ padding: 20px 0; } /* ---------Top Menu--------- */ .top-menu, .main-menu { background: #cb4f00; } .social_widget i { color: #fff; margin-right: 5px; padding: 12px 6px; } .social_widget a{ border-right: solid 1px #fff; margin-right: 5px; } .social_widget a:last-child{ border: none; } /* ---------Middle Header--------- */ .logo{ margin:0; letter-spacing: 1px; } .logo h1, .logo p.site-title a{ font-size:20px; font-weight:bold; text-align:left; font-family: 'Montserrat', sans-serif; } .logo a, .logo p.site-title a{ color: #000; font-size: 30px; } .logo p{ font-size:13px; margin: 0; color: #000; } .middle-header input[type="search"] { font-size: 15px; width: 88%; background: transparent; border: none; } .middle-header input[type="search"]::placeholder{ color: #000; } .middle-header button[type="submit"]{ padding: 10px 29px; background: url(images/search.png) no-repeat scroll 20px; text-indent: -9999px; border: none; cursor: pointer; } .middle-header form { border: solid 1px #000; margin: 25px 0; } .account a i { color: #fff; background: #cb4f00; padding: 13px; } .account{ text-align: center; margin: 25px 0; } span.cart_no { border: solid 1px #000; padding: 12px 25px; } span.cart_no a { color: #000; font-weight: bold; font-size: 12px; } .cart_icon { margin: 13px 0px; } li.cart_box { text-align: right; list-style: none; } span.cart-value { background: #cb4f00; border-radius: 50%; padding: 4px 7px; font-size: 12px; font-weight: bold; position: relative; color: #fff; } /* --------- Main Menu--------- */ .woocommerce form .form-row .required{ color: #df0000; } .woocommerce-info a,.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{ color: #000 !important; } /* ---------HEADER--------- */ .main-navigation .sub-menu > li > a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } /* --------- MENUS CSS --------- */ #menu-sidebar .primary-navigation li { border-right: 1px solid #fff; } #menu-sidebar .primary-navigation li:last-child { border-right: none; } #responsive-navbar{ display: none; } #menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn{ display: none; } #menu-sidebar { text-align: center; display: inline; } ul.list_nav { margin: 0 auto; text-align: center; display: block; } .primary-navigation ul{ list-style: none; margin: 5px 0 0; padding-left: 0; text-align: left; border: 1px solid #cb4f00; } .primary-navigation li{ display: inline-block; position: relative; } .primary-navigation li a:hover, .primary-navigation li:hover a{ background-color: #fff; color: #cb4f00; } #woomenu-sidebar{ display: inline; } #woomenu-sidebar .primary-navigation a{ padding: 10px 25px 10px 10px; } #woomenu-sidebar .primary-navigation ul{ margin:0; text-align: right; top: 35px; } #woomenu-sidebar .primary-navigation ul ul ul{ top:10px; } #woomenu-sidebar .primary-navigation ul ul{ } .primary-navigation a{ display: block; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1px; padding: 16px 25px; text-transform: uppercase; } .primary-navigation ul ul{ display: none; position: absolute; min-width: 215px; z-index: 999; top:45px; border-top: 6px solid #cb4f00; } .primary-navigation ul ul ul{ left: 100%; top: 20px; } .primary-navigation ul ul a{ color: #cb4f00; background-color: #fff; border: none; padding: 13px; font-weight: 700; font-size: 12px; z-index: 999; } .primary-navigation ul ul li:hover > a { color: #cb4f00; } .primary-navigation ul ul li{ float: none; display: block; text-align: left; padding: 0; } .primary-navigation ul ul li:last-child{ border-bottom: 0; } .primary-navigation ul li:hover > ul{ display: block; } .primary-navigation a:focus{ background:#fff; color: #cb4f00; } .primary-navigation .menu > ul > li.highlight{ background-color: #006ccc; } .primary-navigation .menu > ul > li.highlight:hover{ background: transparent; } /*--------------- SUPERFISH MENU ---------------------------*/ .sf-arrows .sf-with-ul:after{ content: '\f067'; position: absolute; font-weight: 600; font-family: 'Font Awesome 5 Free'; font-size: 10px; padding: 0px 6px; } .sf-arrows ul .sf-with-ul:after{ right: 10px; color: #cb4f00; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows .sfHover > .sf-with-ul:after{ content: '\f068'; font-weight: 600; font-family: 'Font Awesome 5 Free'; color: #cb4f00; } .toggle-menu, a.closebtn{ display: none; } .sf-arrows .sf-with-ul{ padding-right: 30px; } /* --------- Category --------- */ .slider-category { padding: 3% 0; background: #efefef; } .categry-title { background: #cb4f00; padding: 15px; } .categry-title i { color: #fff; margin-right: 10px; } .categry-title span { color: #fff; font-size: 15px; font-weight: bold; } .product-category { border: solid 1px #e1e1e1; background: #fff; overflow-y: scroll; height: 500px; } /* width */ .product-category::-webkit-scrollbar { width: 8px; } /* Track */ .product-category::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .product-category::-webkit-scrollbar-thumb { background: #000; } /* Handle on hover */ .product-category::-webkit-scrollbar-thumb:hover { background: #cb4f00; } .product-category li { list-style: none; border-bottom: solid 1px #e1e1e1; padding: 15px; } .product-category img { width: 25%; margin-right: 10px; } .product-category a { font-weight: bold; font-size: 12px; } /* --------- Slider --------- */ #slider{ max-width:100%; margin:auto; padding:0; background: #000; } #slider img { width: 100%; opacity: 0.7; } #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active { display: block !important; } #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{ background-image: none; font-size: 15px; color: #fff; background: #cb4f00; padding: 10px 15px; } .carousel-control-prev, .carousel-control-next{ opacity: unset !important; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: auto; height: auto; } #slider .carousel-caption{ top: 50%; transform: translateY(-50%); text-align: left; } #slider .inner_carousel h1{ margin: 0; font-size: 25px; font-weight: 700; color: #fff; text-align: left; padding: 0 0 10px 0; text-transform: uppercase; } hr.slidehr { border-top: solid 3px #cb4f00; margin: 0; width: 10%; } #slider .inner_carousel p { margin-bottom: 0; font-size: 16px; margin-top: 10px; } #slider .inner_carousel { color: #fff; } .more-btn a:hover { background: #000; color: #fff; } .more-btn a { background: #cb4f00; color: #fff; padding: 12px; font-weight: bold; font-size: 12px; } .more-btn{ margin-top: 35px; } /*---------- Product Services -----------*/ .product-service { background: #cb4f00; text-align: center; } .product-service a strong { color: #fff; font-size: 16px; font-weight: 700; padding: 10px 0 0; } .product-service p { font-size: 14px; color: #fff; margin: 0; padding-bottom: 10px; } .service-border{ padding: 10px; border-left: solid 1px #e1e1e1; } /*---------- Product section -----------*/ .sidebar-products{ padding: 3% 0; } .product-page strong { font-weight: bold; margin-bottom: 3%; padding: 0; font-size: 35px; color: #000; } /*----------------- Homepage ----------------*/ .page-box { padding: 10px; border: solid 1px #000; margin-bottom: 20px; } .page-box h4 a{ color:#000; margin:0 0 29px 0; padding:0; } .page-box p{ font-size:15px; margin:10px 0; line-height: 1.8; color: #5b5b5b; } .box-image{ margin:0; } #banner img{ width:100%; opacity: 0.7; } .our-services .services-box{ margin:40px 0 20px 0; } .second-border a { border: solid 1px #000; padding: 12px 25px; font-size: 16px; color: #000; letter-spacing: 0; font-weight: 600; } .second-border a:hover { background: #cb4f00; color: #fff; border: solid 1px #fff; } .second-border{ text-align: right; margin: 25px 0; } /* --------- Blog Page ------- */ .metabox{ color:#000; padding: 5px 0 ; margin-bottom: 10px; clear:both; } .metabox span { margin-right: 24px; font-size: 17px; } .metabox a:hover{ color: #cb4f00; } .metabox i { margin-right: 5px; } .entry-content code{ color:#000; } .meta-nav { color: #000; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 10px; background: #fff; } .meta-nav:hover{ background: #cb4f00; color: #fff; } .page-box-single{ background: #f3f3f3; padding:10px 20px; } .page-box-single .entry-content ul{ font-size: 16px; } .page-box-single .entry-content p { margin: 10px 0; } .post-title{ margin:10px 0; color: #1a8129; display: block; } .meta-nav i { font-weight: 900; font-size: 15px; padding: 8px 0; } .tags{ margin:20px 0; } .tags i{ font-size: 20px; color:#cb4f00; margin-right: 10px; } .tags p a{ font-size: 15px; color:#000; border: 1px solid #000; padding: 5px 10px; display: inline-block; margin: 5px; } .tags p a:hover{ color: #fff; background: #cb4f00; border: 1px solid #fff; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; } section h3{ font-weight:bold; text-align:center; margin:30px 0 0 0; text-transform:uppercase; } section h4{ color:#000; font-weight:bold; font-size:20px; } section h5{ color:#3890cb; font-weight:bold; font-size:24px; margin:0 0 10px 0; padding:0; } a.r_button { background: #3790ca; padding: 0.5em 2em; color: #fff; } section .innerlightbox{ background-size:100% 100%; padding:4.5em 0; color:#000; } /*scroll to top*/ #scroll-top{ background:#252525; border:2px solid #252525; color:#fff; cursor:pointer; display:none; width:65px; height:65px; opacity:0.5; position:fixed; bottom:60px; right:20px; z-index:9999; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size:20px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .left-align{ left: 20px; } .center-align { left: 50%; right: 50%; } /* Footer Section */ #footer a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } #footer label{ width: 100%; } .tagcloud a { color: #fff; } #footer input[type="search"] { width: 95%; border: none; padding: 7px 6px; border: solid 1px #cb4f00; color: #000; } #footer a.rsswidget{ color: #cb4f00; } #footer .textwidget a{ color: #fff; text-decoration: underline; } #footer input[type="submit"] { font-size: 10px; padding: 12px 8px; font-weight: bold; color: #fff; margin: 3px 0 0 0; font-size: 15px; width: 100% } #footer td#prev a { color: #fff; } table#wp-calendar { width: 100%; } #footer table#wp-calendar td a { color: #fff; } #footer caption, #sideabr caption { font-weight: bold; color: #fff; font-size: 20px; } #footer table,#footer th,#footer td, #sidebar table,#sidebar th,#sidebar td { border: 1px solid #d1d1d1; text-align: center; } #sidebar td, #sidebar td#prev a, #sidebar th { color:#202020 !important; padding: 5px; } #footer td { padding: 7px; color: #fff; } #footer th, #sidebar th { text-align: center; padding: 10px; color: #fff; } #footer select, #sidebar select { padding: 8px 5px; color: #4d4d4d; } #footer li a { color: #fff; font-size: 15px; } #footer li a:hover{ color: #cb4f00; } #footer ul li { list-style: none; padding: 5px 0; } #footer ul li a{ color: #fff !important; } #footer ul { margin: 0; } #footer{ background:#000; color:#fff; clear:both; padding: 10px 0; } #footer h3{ text-align:left; text-transform:uppercase; font-size:24px; font-weight: bold; color: #cb4f00; } #footer p{ font-size:15px; } #footer .news-form{ margin-top:24px; } #footer input[type="text"]{width:60%; padding:8px 5%; float:left; margin-right:2%; border-radius:5px; } #footer input[type="submit"] { padding: 6px 0; float: right; background: #cb4f00; border-radius: 0px; color: #fff; margin-top: -38px; } .copyright p { font-size: 17px !important; color: #fff; margin-bottom: 0; font-weight: 600; } .copyright p a{ color: #fff; } .copyright { background: #cb4f00; padding: 15px 0px; text-align:center; } #footer .tagcloud a { border: solid 1px #999; color: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 2px 6px; display: inline-block; } #footer .tagcloud a:hover{ border: solid 1px #cb4f00; background: #cb4f00; } /* --------- POST --------- */ .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-right:5px; } .bradcrumbs a:hover{ background:#ffd34e; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /* Comments BOX */ #comments { display: block; } #comments h2.comments-title{ font-size:25px; font-weight:bold; border-top:2px dotted #7e7e7e; margin:10px 0; padding: 30px 0 10px; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ width:100%; padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#cb4f00 ; padding:10px 50px; font-weight:bold; color: #fff; margin-top:20px; margin-left:0; border: none; } #comments a.comment-reply-link{ color:#fff; background: #cb4f00; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:rgb(21, 28, 39); color: #fff; } #comments a time{ color:#1a8129; font-weight:bold; font-size:12px; } #comments ol li li{ margin-left: 25px; } .comment-body{ margin-bottom: 20px; } .content-ts #comments ul{ margin: 0 0 40px; } #comments .reply{ text-align: right; } #comments ol.comment-list { color: #5b5b5b; font-size: 18px; } .comment-meta.commentmetadata { margin: 8px 0; } li#comment{ margin-bottom: 20px; } .comment-author cite.fn{ padding-left: 10px; } .content-ts #comments h2.comments-title{ padding-top: 10px; font-size: 25px; } .content-ts #comments ol li li{ margin-left: 25px; } .content-ts #comments ol li{ width:100%; background:none; list-style:none; margin: 0; background:#fff; display: inline-block; } /*------------- Woocommerce --------------*/ .woocommerce-product-gallery__image { padding: 5px; } .woocommerce ul.products li.product a img{ margin-bottom: 0; } .woocommerce .products li { width: 30% !important; text-align: center; margin: 0px 22px 20px 0 !important; } .woocommerce #sidebar { margin-top: 2em; } a.showcoupon, .woocommerce-message::before{ color: #000; } .woocommerce-message { border-top-color: #cb4f00; } .woocommerce span.onsale { background: #cb4f00; color: #fff; padding: 0; border-radius: 0; margin: 0 !important; } h2.woocommerce-loop-product__title{ color: #000; font-weight: 600; font-size: 20px !important; text-transform: capitalize; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; font-size: 15px; letter-spacing: 0; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #cb4f00; color: #fff !important; border-radius: 0; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover{ background: #000 !important; color: #fff !important; } .woocommerce .quantity .qty { width: 5em; padding: 5px; border-radius: 0; border: solid 1px #000; color: #000; } .col-1,.col-2 { max-width: 100%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; } nav.woocommerce-MyAccount-navigation ul li { background: #cb4f00 !important; padding: 12px!important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: #fff; font-weight: bold; } .posted_in { display: block; } .woocommerce .woocommerce-ordering select{ padding: 10px; } span.woocommerce-input-wrapper, .woocommerce label { width: 100%; } .woocommerce a.remove{ color: #df0000; } .woocommerce-MyAccount-content a, nav.woocommerce-MyAccount-navigation ul li a, .woocommerce td.product-name a, form.woocommerce-shipping-calculator a, a.showcoupon, .woocommerce-privacy-policy-text a { text-decoration: none !important; } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th{ font-size: 16px; } .woocommerce .select2-container .select2-selection--single{ height: 40px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow b{ top:70%; } .innerlightbox { padding: 2% 0 0; } .woocommerce label { margin-bottom: 10px; } /*------------- Sidebar -------------*/ #sidebar caption{ color: #000; } #sidebar form{ display: table; width: 100%; } #sidebar .rssSummary, cite { font-size: 16px; } #sidebar h3 { margin: 0px 0 20px; font-weight: bold; font-size: 20px; text-transform: uppercase; color: #fff; background: #cb4f00; padding: 10px; } #sidebar input[type="search"] { border: solid 1px #bbb; padding: 9px 10px; font-size: 15px; color: #222; width: 100%; margin-bottom: 15px; } #sidebar label{ width:100%; } #sidebar input[type="submit"]{ background: #cb4f00; border: none; color: #fff; padding: 10px 0; width: 100%; font-size: 20px; margin: 0; } #sidebar aside { margin-bottom: 30px; background: #f3f3f3; padding: 10px; } #sidebar .textwidget a{ color: #000; text-decoration:underline; } #sidebar ul { list-style:none; margin:0; font-size: 12px; } #sidebar ul li{ margin:0 0 15px; } #sidebar ul li a{ color:#000; font-size: 16px; letter-spacing: 0; } #sidebar ul li a:hover{ color:#cb4f00; } label{ margin-bottom: 0px; } #sidebar .tagcloud a{ background: #cb4f00; color:#fff; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:#000 !important; } img.rss-widget-icon { width: auto !important; } a.rsswidget { color: #fff; } #sidebar .woocommerce ul.product_list_widget li img { width: 40%; } #sidebar li.recentcomments span, li.recentcomments { font-size: 17px; letter-spacing: 0; } .our-services #sidebar { margin-top: 20px; } /* Page */ h2.entry-title, h1.page-title { text-align: left; margin-bottom: 0px; color: #000; } .content-ts p{ text-align:justify; line-height: 25px; font-size: 16px; margin:0 0 10px; } .content-ts hr{ border:none; border-bottom:2px dotted #7e7e7e; margin:35px 0; clear:both; } .content-ts h2{ font-size:32px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } .content-ts h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } .content-ts h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; } .content-ts ul{list-style:none; margin:0 0 0 10px; padding:10px 0 0; font-size:16px; } .content-ts ul li{ padding:0; margin:0 0 20px 0; line-height:25px; } .content-ts ol{list-style: none; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } .content-ts ol li{ padding:0 0 0 0; margin:0 0 20px 0; } .entry-content a , .comment-body p a, .woocommerce-product-details__short-description p a{ color: #000; text-decoration: underline; } /* Pagination */ .nav-links { padding: 20px 0; } .nav-previous { float: left; width: 50%; font-size: 15px; margin: 15px 0; } .nav-next { float: right; font-size: 15px; width: 50%; margin: 15px 0; text-align: right; } .pagination { clear:both; position:relative; font-size:14px; line-height:13px; float:right; font-weight:bold; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#fff; background: #000 ; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover{ color:#fff; background: #cb4f00; } .pagination .current{ padding:10px 15px; background: #cb4f00; color:#fff; font-weight:bold; } iframe{ width: 100%; } .entry-audio audio { width: 100%; } /* Media */ @media screen and (max-width: 768px) and (min-width: 720px){ .box-content { display: none; } #sidebar th, #sidebar td{ padding: 4px; } .woocommerce .products li { width: 45% !important; } span.cart_no{ padding: 12px 6px; } .cart_icon{ padding: 0; margin: 13px 0px !important; } .middle-header input[type="search"]{ width: 80%; } #slider .inner_carousel p{ display: none; } .categry-title{ padding: 13px; } .center-align{ left: 45%; right: 50%; } } @media screen and (max-width:720px) { .contentbox{ width: auto; } #header, #header .logo h1{ text-align: center; } .contact span { display: inline-block; margin: 0; } #comments input[type="submit"].submit{ width: 100% !important; } section .innerlightbox { padding: 0; } .our-services{ margin-top: 0; } .box-content, #slider .inner_carousel h2, hr.slidehr, #slider .inner_carousel p { display: none; } .middle-header form{ text-align: left; margin: 0; } .middle-header input[type="search"]{ width: 82%; } .account{ margin:10px; } li.cart_box { padding: 0 30%; text-align: right; } .more-btn{ margin:0; text-align: center; } .middle-header button[type="submit"]{ padding: 10px 20px; } .center-align{ left: 45%; right: 50%; } } @media screen and (min-width:720px){ #footer input[type="submit"]{ width: 100%; float: none; margin: 5px 0; } #footer input[type="search"]{ width: 100%; } #footer th, #footer td{ padding: 0px; } } @media screen and (min-width: 1000px) and (max-width: 1024px) { #footer input[type="submit"]{ margin-top: 5px; } #footer th, #footer td { padding: 4px; } .middle-header input[type="search"]{ width: 85%; } span.cart_no { padding: 12px 10px; } } @media screen and (max-width: 425px){ #footer input[type="search"]{ width: 100%; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100% !important; float: none !important; } } /*------------------RESPONSIVE MEIDA-------------------*/ @media screen and (max-width: 1000px){ .menubar .nav ul li a:focus, a.closebtn.mobile-menu:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } #responsive-navbar{ display: block; background: #000; } .toggle-menu i { font-size: 22px; color: #fff; margin: 10px 0; } .toggle-menu button { background: transparent; border: none; } .sidebar { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: #252525; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidebar .closebtn { position: absolute; top: -9px; left: -6px; font-size: 40px !important; display: block; color: #ffffff; border:none; background: transparent; } .sidebar #primary-site-navigation { width: 100%; } .toggle-menu span{ font-size:30px; cursor:pointer; } .toggle-menu{ display: block; text-align: left; } .primary-navigation ul ul li{ display: block; } .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{ background-image: linear-gradient(-90deg, #000 0%, #cb4f00 120% ); } .primary-navigation li a:hover, .primary-navigation li:hover a{ background: none !important; } .primary-navigation ul li a{ padding: 15px; display:block; color:#ffffff; border:none; } .primary-navigation ul li ul li a:before{ content:"\00BB \00a0"; } .primary-navigation ul ul{ position: static; width: 100%; background: none; border: none; } .primary-navigation ul ul li{ text-align: center; } .primary-navigation li{ padding: 0; } .main-header-box{ padding-bottom: 15px; } #res-sidebar { display: inline; background-image: linear-gradient(-90deg, #000 0%, #cb4f00 120% ); opacity: 0.95; } #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a{ color: #fff !important; } .primary-navigation ul{ display: grid; text-align: center; border: none; } nav#primary-site-navigation a.closebtn.mobile-menu i { color: #fff; } #contact-info{ background-image: linear-gradient(-90deg, #000 0%, #cb4f00 120% ); z-index: 1; left: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; opacity: 1; padding: 10px 0; } #res-sidebar .primary-navigation a{ font-size: 15px; font-weight: 600; } .primary-navigation ul ul a,.primary-navigation ul ul li:hover > a, .primary-navigation li a:hover, .primary-navigation li:hover a, #res-sidebar .primary-navigation ul ul a:focus, #res-sidebar .primary-navigation a:focus{ color: #fff !important; } #res-sidebar .search-box i{ color: #fff; text-align: center; display: block; } #res-sidebar input[type="submit"]{ padding: 9px; background-color: #cb4f00; color: #fff; font-size: 16px; } #res-sidebar input.search-field{ background: #fff; padding: 10px; } .primary-navigation a{ display: unset; } #contact-info form.search-form { display: block; } .main-menu-navigation{ overflow-y: scroll; scroll-behavior: auto; } input.search-field{ width: 100%; } .sf-arrows .sf-with-ul:after{ position: absolute; left: 87%; right: 0; color: #fff !important; } .sf-arrows ul .sf-with-ul:after{ color: #fff !important; } .social-icons i{ font-size: 17px; } #res-sidebar form.search-form { text-align: center; margin-bottom: 10px; } .top-menu{ background: none !important; } #res-sidebar .social_widget a{ border-right:none; margin-right:none; padding: 5px; } #res-sidebar .custom-social-icons { text-align: center; } .cart_icon{ margin:0; } .top-menu .custom-social-icons { display: none; } }