/*! Theme Name: Atomy Theme URI: https://www.denisfranchi.com/atomy/ Author: Franchi Design Author URI: https://www.denisfranchi.com/ Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: atomy Description: atomyy is an ecommerce theme ideal for selling food and catering. Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Typography # Elements # Forms # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Woocommerce # Nav Menu --------------------------------------------------------------*/ /* Layout ========================================================================== */ @media (min-width: 1200px){ .container{ max-width: 1200px!important; } } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } /* Typography ========================================================================== */ h1 { font-size: 2em; margin: 0.67em 0; } a { background-color: transparent; } /* Grouping content ========================================================================== */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Image ========================================================================== */ img { border-style: none; } /* Forms ========================================================================== */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /* Remove border input and button */ input:focus { outline: none!important; } button{ outline: none!important; } a{ outline: none!important; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 4px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: 3px 10px 3px 10px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], 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: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="search"]{ color: #666; border: 1px solid #ccc; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 8px; margin-top: 11px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: #f40101; } a:hover, a:focus, a:active { color: #f40101; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- # General Layout --------------------------------------------------------------*/ .site{ background-color: #fff; } body{ background-color: #fafafa!important; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* 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 !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Woocommerce --------------------------------------------------------------*/ /* Categories */ .at-content-woocommerce-page h1{ color: #000; font-size: 18px; font-weight: bold; } @media (max-width: 1199px){ .at-content-woocommerce-page h1{ font-size: 16px; } } .woocommerce ul.products{ text-align: center; } .woocommerce ul.products a{ color: #545454; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .woocommerce ul.products a:hover{ -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; color:#f40101; } /* Featured Product */ .col-md-12.at-carousel-oadding{ padding-right: 0; } @media (max-width: 991px){ .col-md-12.at-carousel-oadding{ padding-right: 15px!important; padding-left: 0!important; } } @media (max-width: 989px){ #featuredCarousel{ padding-top: 100px!important; } } @media (max-width: 767px){ .item-box-featured{ margin-bottom: 15px; } } .at-sidebar-featured-product h2{ font-size: 18px; padding-bottom: 20px; font-weight: bold; } @media (max-width: 1199px){ .at-sidebar-featured-product h2{ font-size: 16px; } } .at-section-featured-product{ border-top: 2px solid #eeeeee; } .widget-featured { padding: 1em; border: 1px solid #ccc; } /* Carousel Control */ .at-carousel-control{ text-align: right; margin-top: -3em; padding-bottom: 34px; } .at-carousel-control-next{ border: 1px solid #ccc; padding:3px 5px 3px 9px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-prev{ border: 1px solid #ccc; padding: 3px 4px 3px 6px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-next i{ color:#545454; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-prev i{ color:#545454; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-next:hover{ background-color: #000; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-next:hover.at-carousel-control-next i{ color: #fff; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-prev:hover{ background-color: #000; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-carousel-control-prev:hover.at-carousel-control-prev i{ color: #fff; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-sidebar-featured-product .woocommerce ul.product_list_widget li img{ margin-left: 0; width: 80px; height: auto; float: left; box-shadow: none; margin-right: 23px; } .at-sidebar-featured-product .woocommerce ul.product_list_widget a{ color:#545454; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .at-sidebar-featured-product .woocommerce ul.product_list_widget a:hover{ color:#f40101; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; text-decoration: none; } /* Carousel indicators */ .at-indicators.carousel-indicators{ position: relative; margin-top: -57px; padding-bottom: 25px; } .at-indicators.carousel-indicators li{ border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .featured .carousel-indicators li { background: #545454; } .featured .carousel-indicators .active { background: #f40101; } .white { color: #fff !important; } .mt{float: left;margin-top: -20px;padding-top: 20px;} .bg-blue-ui { background-color: #f40101 !important; } .item-box-featured-heading a{ color: #545454; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .item-box-featured:hover .item-box-featured-heading a{ text-decoration: none; color:#f40101; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } figure img{width:300px;} #featuredCarousel { padding-bottom: 100px; padding-top: 60px; } p.at-product-price{ padding-bottom: 2px; } .item-carousel-featured-block { outline: medium none; padding: 15px; } .item-box-featured { border: 1px solid #dadada; text-align: center; z-index: 4; padding: 10px; } .item-box-featured-image { position: relative; } .item-box-featured-image figure img { width: 100%; height: auto; } .item-box-featured-body { padding: 10px; } .item-heading-featured a h5 { margin: 0; line-height: 1; text-decoration:none; transition: color 0.3s; } .item-box-featured-heading a { text-decoration: none; } .item-box-featured-data p { font-size: 13px; } .item-box-featured-data p i { font-size: 12px; } .item-box-featured-text { max-height: 100px; overflow: hidden; } .mt-10 { float: left; margin-top: -10px; padding-top: 10px; } .btn.bg-blue-ui.white.read { cursor: pointer; padding: 4px 20px; float: left; margin-top: 10px; } .btn.bg-blue-ui.white.read:hover { box-shadow: 0px 5px 15px inset #4d5f77; } /* Slider Product */ /* Image*/ .atomy-slider-height img{ height: 500px; object-fit: cover; } /* Control */ .at-slider-header i{ color:#ccc; font-size: 25px; } /* Text */ .atomy-slider-height h2{ font-size:44px ; color:#f40101 ; } .atomy-slider-height p{ color:#000; font-weight: bold; font-size: 32px; } .atomy-slider-height a:hover{ text-decoration: none; color: #ff0000; } /* End Slider Product */ /* Block icons header */ .atomy-icon-header{ float: left; } .atomy-icon-header i{ font-size: 35px; color: #8c8c8c; } .atomy-text-header{ margin-left: 4em; } .atomy-col-1,.atomy-col-2{ border-right: 1px solid #d9d9d9; } @media (max-width: 767px){ .atomy-col-1,.atomy-col-2{ border-right: none; } } .atomy-text-header-s{ margin-left: 3em; } @media (max-width: 767px){ .atomy-text-header-s{ margin-left: 4em; } } .atomy-text-header h4{ color: #303030;; font-size: 16px; font-weight: 900; } .atomy-text-header p{ font-size: 14px; color: #545454; } .atomy-text-header-s h4{ color: #303030;; font-size: 16px; font-weight: 900; } .atomy-text-header-s p{ font-size: 14px; color: #545454; } .atomy-header-ecommerce{ border: 1px solid #d9d9d9; padding: 2em; } @keyframes wiggle { 0% { transform: translate(8px, 0); } 50% { transform: translate(-8px, 0); } 100% { transform: translate(8px, 0); } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .atomy-icon-header i { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .atomy-col-1:hover .atomy-icon-header i{ animation-name: wiggle; animation: wiggle 150ms; animation-timing-function: linear; -moz-animation-name: bounce; } .atomy-col-2:hover .atomy-icon-header i{ animation-name: wiggle; animation: wiggle 150ms; animation-timing-function: linear; -moz-animation-name: bounce; } .atomy-col-3:hover .atomy-icon-header i{ animation-name: wiggle; animation: wiggle 150ms; animation-timing-function: linear; -moz-animation-name: bounce; } .atomy-text-nav-header{ display: inline-flex; } /*-------------------------------------------------------------- # Header and Navigation --------------------------------------------------------------*/ /* Menu Language */ ul.at_language_menu li.menu-item.menu-item-has-children::after{ content: none!important; } ul.at_language_menu{ list-style: none; display: inline; position: absolute; margin: 0!important; padding: 0!important; } /* Icon dropdown menu*/ li.menu-item.menu-item-has-children::after{ vertical-align: middle; color: red; content: "\f107"; font-family: fontawesome; cursor: pointer; } /* Selector Language */ ul.at_language_menu img{ padding-left: 20px; } ul.at_language_menu a{ color: #000; font-size: 13px; letter-spacing: .325px; } ul.at_language_menu a:hover{ color: #f40101; text-decoration: none; } /*Menu Primary */ ul.navbar-nav{ margin-left: auto; padding-left: 3px; } .header_top_area { padding-bottom: 50px; } .top_header_left { padding-top: 13px; } .top_header_left .selector { padding-bottom: 27px; } .top_header_left .selector .ddcommon { max-width: 105px; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none; cursor: pointer; } .top_header_left .selector .ddcommon .ddTitle .ddTitleText img { padding-right: 10px; } .top_header_left .selector .ddcommon .ddTitle .ddTitleText span { font-size: 13px; color: #000; font-family: "Poppins", sans-serif; letter-spacing: .325px; } .top_header_left .selector .ddcommon .ddTitle .ddArrow:before { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #000; float: right; position: relative; right: 16px; line-height: 25px; } .top_header_left .selector .ddcommon .ddChild { background: #fff; max-width: 105px; width: 100%; } .top_header_left .selector .ddcommon .ddChild ul { width: 100%; } .top_header_left .selector .ddcommon .ddChild ul li { line-height: 30px; padding: 0px 10px; } .top_header_left .selector .ddcommon .ddChild ul li img { padding-right: 10px; } .top_header_left .selector .ddcommon .ddChild ul li span { font-size: 13px; color: #000; letter-spacing: .325px; } .top_header_left .input-group { display: block; position: relative; margin-top: 30px; } .top_header_left .input-group input { width: 100%; border-radius: 0px; border: 1px solid #e5e5e5; height: 50px; padding: 0px 20px; outline: none; -webkit-box-shadow: none; box-shadow: none; } .top_header_left .input-group input.placeholder { font-size: 14px; color: #666666; font-family: "Poppins", sans-serif; letter-spacing: .35px; } .top_header_left .input-group input:-moz-placeholder { font-size: 14px; color: #666666; font-family: "Poppins", sans-serif; letter-spacing: .35px; } .top_header_left .input-group input::-moz-placeholder { font-size: 14px; color: #666666; font-family: "Poppins", sans-serif; letter-spacing: .35px; } .top_header_left .input-group input::-webkit-input-placeholder { font-size: 14px; color: #666666; font-family: "Poppins", sans-serif; letter-spacing: .35px; } .top_header_left .input-group input:focus { border-color: #000; } .top_header_left .input-group .input-group-btn { position: absolute; right: 20px; top: 51%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .top_header_left .input-group .input-group-btn .btn-secondary { background: transparent; padding: 0px; border: none; color: #000; font-size: 15px; margin: 0px; } .usd_select.bootstrap-select { max-width: 64px; display: inline-block; width: 64px !important; } .usd_select.bootstrap-select .dropdown-toggle { padding: 0px 0px 0px 5px; border: none; margin: 0; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent; } .usd_select.bootstrap-select .dropdown-toggle span { font-family: "Poppins", sans-serif; color: #000; font-size: 13px; letter-spacing: .325px; } .usd_select.bootstrap-select .dropdown-toggle:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; color: #000; border: none; position: relative; right: 28px; } .usd_select.bootstrap-select .dropdown-menu { width: 100%; padding: 0px; border-radius: 0px; } .usd_select.bootstrap-select .dropdown-menu .dropdown-menu.inner { display: block; padding: 0px; } .usd_select.bootstrap-select .dropdown-menu .dropdown-menu.inner li a { font-family: "Poppins", sans-serif; color: #000; font-size: 13px; letter-spacing: .325px; padding-left: 5px; display: block; } .usd_select.bootstrap-select .dropdown-menu .dropdown-menu.inner li:hover a { background: #ebebeb; } .top_header_middle { text-align: center; } .top_header_middle a { font-size: 13px; font-family: "Poppins", sans-serif; color: #666666; font-weight: normal; margin-right: 20px; position: relative; display: inline-block; line-height: 54px; } .site-title a{ font-size: 25px; } .site-title a:hover{ text-decoration: none; } .site-title a:before{ content: none!important; } .top_header_middle a:before { content: "|"; position: absolute; right: -12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #333; } .top_header_middle a i { padding-right: 5px; } .top_header_middle a span { color: #333; font-weight: 600; } .top_header_middle a + a { margin-right: 0px; } .top_header_middle a + a:before { display: none; } .top_header_middle img { margin-top: 25px; max-width: 230px; } .navbar-brand img{ max-width: 150px; padding-top: 6px; } .top_right_header { text-align: right; } .header_social li { display: inline-block; margin-right: 14px; } .header_social li a { font-size: 14px; color: #000; line-height: 54px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .header_social li:last-child { margin-right: 0px; } .header_social li:hover a { color: #f40101; } .top_right { margin-top: 14px; } .top_right li { display: inline-block; } .top_right li a { font-size: 24px; border: 1px solid #cccccc; color: #333333; text-align: center; display: inline-block; line-height: 48px; padding: 0px 16px; } .top_right li.user { margin-right: 7px; } .top_right li.cart { margin-right: -3px; } .top_right li.cart a { position: relative; } .cart-contents-count { height: 20px; width: 20px; border-radius: 50%; text-align: center; color: #fff; font-family: "Poppins", sans-serif; font-size: 12px; position: absolute; right: 2px; bottom: 26px; background: #d91522; line-height: 20px; } .top_right li.h_price .bootstrap-select { width: 100px !important; border: 1px solid #cccccc; line-height: 48px; vertical-align: bottom; position: relative; top: 8px; border-left: 0px; } .top_right li.h_price .bootstrap-select .dropdown-toggle { padding: 0px 15px 0px 15px; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent; vertical-align: top; } .top_right li.h_price .bootstrap-select .dropdown-toggle span { font-size: 14px; color: #333333; font-family: "Poppins", sans-serif; font-weight: 600; line-height: 46px; } .top_right li.h_price .bootstrap-select .dropdown-toggle:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; border: none; color: #000; right: 20px; position: relative; top: 4px; } .top_right li.h_price .bootstrap-select .dropdown-menu { padding: 0px; border-radius: 0px; margin-top: 0px; } .top_right li.h_price .bootstrap-select .dropdown-menu .dropdown-menu.inner { display: block; } .top_right li.h_price .bootstrap-select .dropdown-menu .dropdown-menu.inner li { display: block; } .top_right li.h_price .bootstrap-select .dropdown-menu .dropdown-menu.inner li a { line-height: 35px; border: none; font-size: 14px; color: #333333; font-family: "Poppins", sans-serif; font-weight: 600; display: block; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .top_right li.h_price .bootstrap-select .dropdown-menu .dropdown-menu.inner li:hover a { background: #f8f9fa; } .shop_header_area .navbar { padding: 0px; background-color: transparent !important; border-top: 2px solid #eeeeee; border-bottom: 2px solid #d91522; } .shop_header_area .navbar .navbar-brand { display: none; } .shop_header_area .navbar .navbar-nav.categories { min-height: 70px; } .shop_header_area .navbar .navbar-nav.categories li { border-right: 2px solid #eee; text-align: center; margin-left: 0px !important; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select { width: 265px !important; text-align: center; line-height: 70px; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .btn-default { padding: 0px; margin: 0px; border: none; padding-left: 50px; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .btn-default span { font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .7px; line-height: 68px; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .btn-default:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; color: #000; border: none; position: relative; right: 106px; margin: 0px; font-weight: bold; top: 3px; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .dropdown-menu { padding: 0px; border-radius: 0px; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .dropdown-menu .dropdown-menu.inner { display: block; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .dropdown-menu .dropdown-menu.inner li { display: block; border-right: 0px; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .dropdown-menu .dropdown-menu.inner li a { text-align: left; display: block; padding: 0px 15px; line-height: 40px; font-size: 14px; font-family: "Poppins", sans-serif; color: #666666; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select .dropdown-menu .dropdown-menu.inner li:hover a { color: #000; } .shop_header_area .navbar .navbar-nav li { margin-right: 40px; } .shop_header_area .navbar .navbar-nav li a { padding: 0px; line-height: 70px; font-size: 14px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: bold; color: #000; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .shop_header_area .navbar .navbar-nav li a:after { display: none; } .shop_header_area .navbar .navbar-nav li a i { padding-left: 6px; } .shop_header_area .navbar .navbar-nav li:first-child { margin-left: 60px; } .shop_header_area .navbar .navbar-nav li:last-child { margin-right: 0px; } .shop_header_area .navbar .navbar-nav li:hover a, .shop_header_area .navbar .navbar-nav li.active a { color: #d91522; } @media (min-width: 992px) { .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; display: block; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; min-width: 250px; background: #171717; border-radius: 0px; border: none; padding: 30px 0px 30px 0px; -webkit-box-shadow: none; box-shadow: none; visibility: hidden; } } .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu li { margin-right: 0px; display: block; margin-left: 0px; } .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu li a { display: block; line-height: 38px; color: #fff; font-family: "Montserrat", sans-serif; letter-spacing: .48px; font-size: 14px; padding: 0px 30px; text-transform: inherit; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; font-weight: normal; text-shadow: none; } .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu li:hover a, .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu li.active a { color: #d91522; } /* Responsive */ @media (min-width: 992px) { .shop_header_area .navbar .navbar-nav li:hover.submenu .dropdown-menu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); visibility: visible; } } @media (max-width: 1300px){ .home_left_main_area .left_menu { display: none; } .home_left_main_area .right_body { max-width: 100%; flex: 0 0 100%; background: #f0f0f0; } .shop_header_area.fixed_tb_menu { display: block; } } @media (max-width: 1230px){ } @media (max-width: 1199px){ .top_right li.user { margin-right: 0px; } .top_right li a { padding: 0px 10px; } .p_list_img img{ max-width: 100%; } .p_list_text { padding-left: 10px; padding-top: 7px; } .f_product_left .owl-prev, .f_product_left .owl-next { display: none; } .p_list_text h3 { font-size: 18px; } .shop_header_area .navbar .navbar-nav li:first-child { margin-left: 18px; } .shop_header_area .navbar .navbar-nav li { margin-right: 15px; } .l_p_text .add_cart_btn{ padding: 0px 10px; font-size: 11px; } .carousel_menu_inner .navbar .navbar-nav.justify-content-end li a { line-height: 42px; padding: 0px 15px; } .fullwidth_menu { padding-left: 45px; padding-right: 45px; } .home_full_width { padding: 0px 0px 0px 0px; } .full_feature_item .left_full_feature { width: 100%; float: none; overflow: hidden; } .full_feature_item .right_full_feature { width: 100%; float: none; display: block; } .full_feature_item { display: block; } .left_full_feature .full_feature_img img{ width: 100%; } .full_feature_item .right_full_feature .full_feature_text { align-self: center; vertical-align: middle; max-width: 270px; margin: 30px auto 0px; } .dir_right .right_full_feature .full_feature_text .full_feature_text_inner { max-width: 270px; float: none; margin: 0px auto 0px; } .parallax_menu .carousel_menu_inner .navbar .navbar-nav.justify-content-end { margin-left: 20px; } .l_feature_widget .verticalCarousel .verticalCarouselGroup { padding: 0px 0px; } .l_feature_widget .verticalCarousel .verticalCarouselGroup li .media .d-flex { padding-right: 5px; } .l_feature_widget .verticalCarousel .verticalCarouselHeader .float-md-left h3 { font-size: 15px; } .l_categories_widget ul li a { font-size: 14px; padding: 20px 0px 20px 10px; } .f_w_title h3 { font-size: 14px; } .cart_totals .checkout_btn { margin-left: 0px; } .total_amount_area .update_btn{ margin-bottom: 20px; } } @media (max-width: 991px){ .shop_header_area .navbar .navbar-brand { display: inline-block; padding-top: 0px; } .top_header_middle img { display: none; } .top_right_header{ text-align: center; clear: both; } .top_right_header .header_social{ margin-top: 0px; } .top_right_header .top_right{ margin-top: 0px; } .header_social li a { line-height: 12px; } .header_top_area { padding-bottom: 25px; } .top_header_left .input-group { margin-top: 10px; } .navbar-light .navbar-toggler { margin-top: 15px; margin-bottom: 15px; border-radius: 0px; color: #000; cursor: pointer; outline: none !important; box-shadow: none !important; } .shop_header_area .navbar .navbar-nav.categories li .bootstrap-select { display: none; } .shop_header_area .navbar .navbar-nav li:first-child { margin-left: 0px; } .shop_header_area .navbar .navbar-nav li { margin-right: 0px; } .shop_header_area .navbar .navbar-nav.categories { display: none; } .shop_header_area .navbar .navbar-nav li a { line-height: 50px; } .navbar-collapse{ max-height: 300px; overflow-y: scroll; } .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu{ padding: 0px; border: none; margin-top: 0px; } .shop_header_area .navbar .navbar-nav li.submenu .dropdown-menu li a { color: #0b1033; padding: 0px 10px; } .shop_header_area .carousel_menu_inner .navbar .navbar-nav.justify-content-end{ display: none; } } @media (max-width: 575px){ .top_header_middle a { display: block; line-height: 26px; display: none; } .top_right_header { display: none; } .top_header_left .selector { display: none; } .usd_select.bootstrap-select { display: none !important; } } @media (max-width: 480px){ .shop_header_area .navbar .navbar-brand img{ max-width: 75%; } } /* Effect data-title hover */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; transform: scale3d(.2,.2,1); transition: all .2s ease-in-out; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; transform: translate3d(0,6px,0); transition: all .1s ease-in-out; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; transform: scale3d(1,1,1); } .data-tooltip:hover:after { transition: all .1s .1s ease-in-out; } /*ROUNDED CORNER*/ *{ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /*CATEGORIES BADGE*/ .badge { font-weight: 600; font-size: 13px; color: white; background-color: #289dcc; } /*FEATURED*/ .mg-2, .mg-4{ margin-left:-20px; } .linkfeat{ background: rgba(76,76,76,0); background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(49%, rgba(48,48,48,0)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); }