diff --git a/FruitBank.sln b/FruitBank.sln index 1d82b420..cde289a5 100644 --- a/FruitBank.sln +++ b/FruitBank.sln @@ -83,6 +83,8 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Nop.Plugin.Misc.SignalRApi" EndProject Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Nop.Plugin.Misc.FruitBankPlugin", "..\Nopcommerce.Common\4.70\Plugins\Nop.Plugin.Misc.AIPlugin\Nop.Plugin.Misc.FruitBankPlugin.csproj", "{3E893AC2-29F1-48FC-B33F-F73C6EE2BE90}" EndProject +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Nop.Plugin.Misc.MangoCore", "..\Nopcommerce.Common\4.70\Plugins\Nop.Plugin.Misc.MangoCore\Nop.Plugin.Misc.MangoCore.csproj", "{3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}" +EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution Debug|Any CPU = Debug|Any CPU @@ -479,6 +481,18 @@ Global {3E893AC2-29F1-48FC-B33F-F73C6EE2BE90}.Release|Mixed Platforms.Build.0 = Release|Any CPU {3E893AC2-29F1-48FC-B33F-F73C6EE2BE90}.Release|x86.ActiveCfg = Release|Any CPU {3E893AC2-29F1-48FC-B33F-F73C6EE2BE90}.Release|x86.Build.0 = Release|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Debug|Any CPU.Build.0 = Debug|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Debug|Mixed Platforms.ActiveCfg = Debug|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Debug|Mixed Platforms.Build.0 = Debug|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Debug|x86.ActiveCfg = Debug|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Debug|x86.Build.0 = Debug|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Release|Any CPU.ActiveCfg = Release|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Release|Any CPU.Build.0 = Release|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Release|Mixed Platforms.ActiveCfg = Release|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Release|Mixed Platforms.Build.0 = Release|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Release|x86.ActiveCfg = Release|Any CPU + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3}.Release|x86.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(SolutionProperties) = preSolution HideSolutionNode = FALSE @@ -520,6 +534,7 @@ Global {300D2B68-B626-E8D1-4BBE-BBBE6EF0314C} = {02EA681E-C7D8-13C7-8484-4AC65E1B71E8} {6F3A2969-6F87-CC4B-1197-B035C9DF40E6} = {0742FDF3-0F2E-4C64-9521-E58A7FF2ED26} {3E893AC2-29F1-48FC-B33F-F73C6EE2BE90} = {0742FDF3-0F2E-4C64-9521-E58A7FF2ED26} + {3976CB1D-8080-4B84-8C01-1F98BFCAF2B3} = {0742FDF3-0F2E-4C64-9521-E58A7FF2ED26} EndGlobalSection GlobalSection(ExtensibilityGlobals) = postSolution SolutionGuid = {EE72A8B2-332A-4175-9319-6726D36E9D25} diff --git a/Presentation/Nop.Web/App_Data/plugins.json b/Presentation/Nop.Web/App_Data/plugins.json index 4e6e4f18..0bff23a0 100644 --- a/Presentation/Nop.Web/App_Data/plugins.json +++ b/Presentation/Nop.Web/App_Data/plugins.json @@ -106,6 +106,22 @@ { "SystemName": "Misc.FruitBankPlugin", "Version": "1.00" + }, + { + "SystemName": "Misc.MangoCorePlugin", + "Version": "1.00" + }, + { + "SystemName": "NopStation.Core", + "Version": "4.80.1.0" + }, + { + "SystemName": "NopStation.Plugin.Theme.CarHaven", + "Version": "4.80.1.0" + }, + { + "SystemName": "NopStation.Plugin.Widgets.CategoryBanners", + "Version": "4.80.1.0" } ], "PluginNamesToUninstall": [], diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/font-awesome.min.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/font-awesome.min.css new file mode 100644 index 00000000..540440ce --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/print.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/print.css new file mode 100644 index 00000000..8f0d9972 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/print.css @@ -0,0 +1,120 @@ + +body { + font: normal 9pt Arial, Helvetica, sans-serif; + color: #000; +} +table { + width: 100%; + border: 0; + border-collapse: collapse; + border-spacing: 0; +} +li { + list-style: none; +} +a { + color: inherit; +} + +.order-details-page .order-overview { + margin: 0 0 25px; +} + +.order-details-page .order-overview .order-number { + font-size: 11pt; + text-transform: uppercase; + padding-block: 10px; +} +.order-details-page .order-overview-content li { + margin: 5px 0; +} +.order-details-page .order-overview .order-total strong { + font-size: 10pt; +} + +.order-details-page .order-details-area { + margin: 0 0 25px; + overflow: hidden; + display: flex; +} +.order-details-page ul { + padding-inline-start: 0px; +} +.order-details-page .order-details-area > div { + flex: 1 0 auto; + margin-bottom: 40px; + margin-block-end: 1%; +} +.order-details-page .order-details-area li.title { + margin: 10px 0 5px; + font-weight: bold; +} +.order-details-page .order-details-area li:first-child { + margin-top: 0; +} + +.order-details-page .data-table { + border: 1px solid; +} +.order-details-page .data-table th { + border: 1px solid; + padding: 5px 10px; + font-weight: bold; + white-space: nowrap; +} +.order-details-page .data-table td { + border: 1px solid; + padding: 5px 10px; +} +.order-details-page .data-table .sku, +.order-details-page .data-table .picture, +.order-details-page .data-table .unit-price, +.order-details-page .data-table .quantity, +.order-details-page .data-table .total { + white-space: nowrap; + text-align: center; +} +.order-details-page .data-table .unit-price, +.order-details-page .data-table .quantity, +.order-details-page .data-table .total { + width: 15%; +} +.order-details-page .data-table label { + display: none; +} + +.order-details-page .section { + margin: 30px 0; +} +.order-details-page .section .title { + margin: 0 0 10px; +} + +.order-details-page .section.totals { + display: flex; + justify-content: flex-end; +} + +.order-details-page .tax-shipping-info, +.order-details-page .selected-checkout-attributes { + margin: 20px 0; + text-align:end; +} + +.order-details-page .cart-total-right { + white-space: nowrap; +} +.order-details-page .cart-total td { + padding-inline-start: 10px; + padding-block: 5px; + text-align: end; +} +.order-details-page td.cart-total-left { + font-weight: bold; + text-align: start; +} + +.order-details-page .total-info +{ + min-width: 200px; +} \ No newline at end of file diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-1000.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-1000.css new file mode 100644 index 00000000..f228fee6 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-1000.css @@ -0,0 +1,469 @@ + +@media all and (max-width: 1000px) { + .inputs .gender, + .inputs label { + text-align: left; + display: block; + max-width: 400px; + margin-inline: auto; + } + .inputs .gender span > * { + margin: 0 6px 0 0; + } + .login-page .customer-blocks > div { + max-width: 100%; + } + .header .header-upper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + width: 100%; + background: var(--dark-bg); + padding: 10px; + } + .header .header-upper .header-logo { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + } + .header .header-upper .header-logo .header-menu-toggle { + display: block; + font-size: 26px; + color: var(--dark); + cursor: pointer; + background: none; + border: none; + } + .header .header-upper .header-logo > a { + max-width: 110px; + } + .header .header-upper > div { + order: 1; + } + .header .header-upper > .search-box { + order: 2; + width: 100%; + padding-top: 10px; + } + .header .header-upper .search-box input.search-box-text { + width: calc(100% - 46px); + } + .header .header-selectors-wrapper { + display: none; + } + #topcartlink { + margin: 0; + } + #topcartlink .cart-label { + display: none; + } + .header-links-wrapper { + padding: 0; + } + .header-links > ul { + display: flex; + justify-content: flex-end; + align-items: center; + gap: 10px; + } + .user-dropdown ul { + transform: translateX(-50%); + } + .user-dropdown .fa { + line-height: 16px; + } + /*** GLOBAL TABLES ***/ + .cart { + display: block; + } + + .cart colgroup, + .cart thead { + display: none; + } + + .cart tbody { + display: block; + overflow: hidden; + } + + .cart tr { + display: block; + float: left; + width: 100%; + margin: 40px 0 0; + border: 1px solid #ddd; + } + + .cart td { + display: block; + border: none; + padding: 10px; + } + + .cart td.remove-from-cart { + margin: 0 0 15px; + border-bottom: 1px solid #ddd; + background-color: #eee; + padding: 10px; + } + + .cart td.product-picture { + border-top: 1px solid #ddd; + padding: 15px 10px 5px; + } + + .cart td.product { + min-width: 0; + border-bottom: 1px solid #ddd; + padding: 5px 10px 15px; + text-align: center; + } + + .cart td.quantity { + display: block; + padding: 0 10px; + vertical-align: middle; + } + .cart td.quantity label { + display: block; + margin-bottom: 10px; + } + .cart td.unit-price, + .cart td.subtotal { + display: inline-block; + padding: 20px 10px; + vertical-align: middle; + } + + .order-details-page .data-table { + display: block; + } + + .order-details-page .data-table colgroup, + .order-details-page .data-table thead { + display: none; + } + + .order-details-page .data-table tbody { + display: block; + overflow: hidden; + } + + .order-details-page .data-table tr { + display: block; + float: left; + width: 100%; + margin: 40px 0 0; + border: 1px solid #ddd; + } + + .order-details-page .data-table td { + display: block; + border: none; + padding: 10px; + } + + .order-details-page .data-table td.product, + .order-details-page .data-table td.tracking-number { + min-width: 0; + border-bottom: 1px solid #ddd; + padding: 5px 10px 15px; + text-align: center; + } + + + /*** MOBILE NAVIGATION ***/ + + .menu-toggle { + background: var(--theme-color) url('../images/menu-icon.png') right center no-repeat; + padding: 15px; + font-size: 15px; + font-weight: bold; + color: #fff; + text-transform: uppercase; + cursor: pointer; + } + + .top-menu.notmobile { + display: none; + } + .header-menu { + position: fixed; + top: 0; + left: -110vw; /* Initially hidden */ + width: 100%; + max-width: 350px; + height: 100%; + background-color: #fff; + box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); + overflow-y: auto; + transition: left 0.3s ease-in-out; + z-index: 1000; + padding: 40px 10px; + border-radius: var(--itembox-picture-radius); + border-top-left-radius: 0; + } + .close-header-menu { + position: absolute; + top: 4px; + right: 4px; + width: 36px; + height: 36px; + padding: 2px; + font-size: 18px; + color: var(--theme-color); + background: var(--dark-bg); + border: none; + text-transform: uppercase; + cursor: pointer; + } + .header-menu.show { + left: 0; /* Slide in when class "show" is added */ + } + .top-menu > li { + position: relative; + margin: 1px 0; + background-color: #f6f6f6; + } + + .top-menu > li > a { + display: block; + min-height: 55px; + padding: 18px; + font-size: 15px; + color: #555; + } + + .top-menu > li > a:focus { + position: relative; + z-index: 1; + } + + .top-menu .sublist { + background-color: #fff; + padding: 0; + position: fixed; + top: 0; + left: -110vw; + width: 100%; + max-width: 350px; + transition: all 0.3s ease-in-out; + height: 100%; + overflow-y: auto; + z-index: 1001; + } + .top-menu .sublist.active { + left: 0; + } + + + .top-menu .sublist li:not(:last-child) { + border-bottom: 1px solid #ddd; + position: relative; + } + .top-menu .sublist li a { + display: block; + padding: 15px 18px; + font-size: 15px; + } + + .sublist-toggle { + position: absolute; + top: 0; + right: 0; + width: 55px; + height: 55px; + border-left: 1px solid #fff; + padding: 15px; + font-size: 15px; + font-weight: bold; + color: var(--dark); + text-transform: uppercase; + cursor: pointer; + font-family: FontAwesome; + display: flex; + justify-content: center; + align-items: center; + } + .sublist-toggle::after { + content: "\f061"; + font-weight: lighter; + } + .sublist .sublist-toggle { + height: 49px; + } + + .sublist .sublist li { + background-color: #f6f6f6; + } + + .sublist .sublist .sublist li { + background-color: #fff; + } + + .block-category-navigation { + display: none; + } + + .block-account-navigation { + float: none; + margin: auto !important; + } + + .write-review .review-rating { + text-align: center; + } + + .write-review .review-rating div.name-description { + width: 100%; + margin: 0 5px 0 0; + text-align: center; + } + + .product-review-box { + width: fit-content; + } + + .page-title { + display: flex; + justify-content: space-between; + } + .user-dropdown .user-dropdown-toggle { + font-size: 0; + line-height: 1; + min-width: 70px; + } + .user-dropdown .fa { + margin: 0; + } + .header-links li { + margin: 0; + } + .top-menu .sublist .parent-links { + display: flex; + justify-content: flex-start; + align-items: stretch; + background: var(--dark); + color: var(--white); + margin: 0; + position: relative; + } + .top-menu .sublist .parent-links a { + width: calc(100% - 30px); + padding-block: 10px; + } + .top-menu .sublist .parent-links .close-sublist { + position: absolute; + top: 0; + right: 0; + width: 40px; + height: 40px; + padding: 5px; + font-size: 18px; + color: var(--white); + background: var(--dark-bg); + border: none; + text-transform: uppercase; + cursor: pointer; + line-height: 1; + border-left: 1px solid #888; + } + /*side bar for filter on catalog page*/ + .sidebar-toggle-btn { + background: none; + border: none; + font-size: 30px; + color: #333; + cursor: pointer; + transition: color 0.3s ease; + margin-left: auto; + } + +.sidebar-toggle-btn:hover { + color: #007bff; /* Change to your preferred color on hover */ +} +.side-2 { + position: fixed; + top: 0; + left: -102vw; + width: 320px; + max-width: 100%; + height: 100%; + background: #fff; + transition: left 0.3s ease-in-out; + z-index: 1001; + padding: 50px 20px 20px; + overflow: auto; + } + + .side-2.sidebar-open { + left: 0; + } + + /* Sidebar close button styles */ + .side-2 .sidebar-close-btn { + position: absolute; + top: 4px; + right: 4px; + width: 36px; + height: 36px; + padding: 2px; + font-size: 18px; + color: var(--theme-color); + background: var(--dark-bg); + border: 0; + text-transform: uppercase; + cursor: pointer; + } + + .side-2 .sidebar-close-btn:hover { + color: #f44336; /* Red color when hovered */ + } + + /* Overlay styles */ + .sidebar-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + opacity: 0; + visibility: hidden; + transition: opacity 0.3s ease-in-out; + z-index: 1000; + } + + .sidebar-overlay.overlay-active { + opacity: 1; + visibility: visible; + } + /*welcome topics*/ + .welcome-container { + grid-template-columns: 1fr; + text-align: center; + gap: 10px; + } + + .welcome-text { + text-align: center; + background: rgba(255,255,255,0.75); + padding: 20px; + } + /*********** Homepage Features ***********/ + .feature-item { + flex-direction: column !important; + text-align: center; + gap: 20px; + } + + .feature-item img, .feature-content { + width: 100%; + } + .home-page-category-grid .title, .sub-category-grid .title { + font-size: 18px; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-1000.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-1000.rtl.css new file mode 100644 index 00000000..32344e5e --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-1000.rtl.css @@ -0,0 +1,503 @@ + +@media all and (max-width: 1000px) { + .inputs .gender, + .inputs label { + text-align: right; + display: block; + max-width: 400px; + margin-inline: auto; + } + + .inputs .gender span > * { + margin: 0 0 0 6px; + } + + .login-page .customer-blocks > div { + max-width: 100%; + } + + .header .header-upper { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + width: 100%; + background: var(--dark-bg); + padding: 10px; + } + + .header .header-upper .header-logo { + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + } + + .header .header-upper .header-logo .header-menu-toggle { + display: block; + font-size: 26px; + color: var(--dark); + cursor: pointer; + background: none; + border: none; + } + + .header .header-upper .header-logo > a { + max-width: 110px; + } + + .header .header-upper > div { + order: 1; + } + + .header .header-upper > .search-box { + order: 2; + width: 100%; + padding-top: 10px; + } + + .header .header-upper .search-box input.search-box-text { + width: calc(100% - 46px); + } + + .header .header-selectors-wrapper { + display: none; + } + + #topcartlink { + margin: 0; + } + + #topcartlink .cart-label { + display: none; + } + + .header-links-wrapper { + padding: 0; + } + + .header-links > ul { + display: flex; + justify-content: flex-end; + align-items: center; + gap: 10px; + } + + .user-dropdown ul { + transform: translateX(50%); + } + + .user-dropdown .fa { + line-height: 16px; + } + /*** GLOBAL TABLES ***/ + .cart { + display: block; + } + + .cart colgroup, + .cart thead { + display: none; + } + + .cart tbody { + display: block; + overflow: hidden; + } + + .cart tr { + display: block; + float: right; + width: 100%; + margin: 40px 0 0; + border: 1px solid #ddd; + } + + .cart td { + display: block; + border: none; + padding: 10px; + } + + .cart td.remove-from-cart { + margin: 0 0 15px; + border-bottom: 1px solid #ddd; + background-color: #eee; + padding: 10px; + } + + .cart td.product-picture { + border-top: 1px solid #ddd; + padding: 15px 10px 5px; + } + + .cart td.product { + min-width: 0; + border-bottom: 1px solid #ddd; + padding: 5px 10px 15px; + text-align: center; + } + + .cart td.quantity { + display: block; + padding: 0 10px; + vertical-align: middle; + } + + .cart td.quantity label { + display: block; + margin-bottom: 10px; + } + + .cart td.unit-price, + .cart td.subtotal { + display: inline-block; + padding: 20px 10px; + vertical-align: middle; + } + + .order-details-page .data-table { + display: block; + } + + .order-details-page .data-table colgroup, + .order-details-page .data-table thead { + display: none; + } + + .order-details-page .data-table tbody { + display: block; + overflow: hidden; + } + + .order-details-page .data-table tr { + display: block; + float: right; + width: 100%; + margin: 40px 0 0; + border: 1px solid #ddd; + } + + .order-details-page .data-table td { + display: block; + border: none; + padding: 10px; + } + + .order-details-page .data-table td.product, + .order-details-page .data-table td.tracking-number { + min-width: 0; + border-bottom: 1px solid #ddd; + padding: 5px 10px 15px; + text-align: center; + } + + + /*** MOBILE NAVIGATION ***/ + + .menu-toggle { + background: var(--theme-color) url('../images/menu-icon.png') left center no-repeat; + padding: 15px; + font-size: 15px; + font-weight: bold; + color: #fff; + text-transform: uppercase; + cursor: pointer; + } + + .top-menu.notmobile { + display: none; + } + + .header-menu { + position: fixed; + top: 0; + right: -110vw; /* Initially hidden */ + width: 100%; + max-width: 350px; + height: 100%; + background-color: #fff; + box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); + overflow-y: auto; + transition: right 0.3s ease-in-out; + z-index: 1000; + padding: 40px 10px; + border-radius: var(--itembox-picture-radius); + border-top-right-radius: 0; + } + + .close-header-menu { + position: absolute; + top: 4px; + left: 4px; + width: 36px; + height: 36px; + padding: 2px; + font-size: 18px; + color: var(--theme-color); + background: var(--dark-bg); + border: none; + text-transform: uppercase; + cursor: pointer; + } + + .header-menu.show { + right: 0; /* Slide in when class "show" is added */ + } + + .top-menu > li { + position: relative; + margin: 1px 0; + background-color: #f6f6f6; + } + + .top-menu > li > a { + display: block; + min-height: 55px; + padding: 18px; + font-size: 15px; + color: #555; + } + + .top-menu > li > a:focus { + position: relative; + z-index: 1; + } + + .top-menu .sublist { + background-color: #fff; + padding: 0; + position: fixed; + top: 0; + right: -110vw; + width: 100%; + max-width: 350px; + transition: all 0.3s ease-in-out; + height: 100%; + overflow-y: auto; + z-index: 1001; + } + + .top-menu .sublist.active { + right: 0; + } + + + .top-menu .sublist li:not(:last-child) { + border-bottom: 1px solid #ddd; + position: relative; + } + + .top-menu .sublist li a { + display: block; + padding: 15px 18px; + font-size: 15px; + } + + .sublist-toggle { + position: absolute; + top: 0; + left: 0; + width: 55px; + height: 55px; + border-right: 1px solid #fff; + padding: 15px; + font-size: 15px; + font-weight: bold; + color: var(--dark); + text-transform: uppercase; + cursor: pointer; + font-family: FontAwesome; + display: flex; + justify-content: center; + align-items: center; + } + + .sublist-toggle::after { + content: "\f061"; + font-weight: lighter; + } + + .sublist .sublist-toggle { + height: 49px; + } + + .sublist .sublist li { + background-color: #f6f6f6; + } + + .sublist .sublist .sublist li { + background-color: #fff; + } + + .block-category-navigation { + display: none; + } + + .block-account-navigation { + float: none; + margin: auto !important; + } + + .write-review .review-rating { + text-align: center; + } + + .write-review .review-rating div.name-description { + width: 100%; + margin: 0 0 0 5px; + text-align: center; + } + + .product-review-box { + width: fit-content; + } + + .page-title { + display: flex; + justify-content: space-between; + } + + .user-dropdown .user-dropdown-toggle { + font-size: 0; + line-height: 1; + min-width: 70px; + } + + .user-dropdown .fa { + margin: 0; + } + + .header-links li { + margin: 0; + } + + .top-menu .sublist .parent-links { + display: flex; + justify-content: flex-start; + align-items: stretch; + background: var(--dark); + color: var(--white); + margin: 0; + position: relative; + } + + .top-menu .sublist .parent-links a { + width: calc(100% - 30px); + padding-block: 10px; + } + + .top-menu .sublist .parent-links .close-sublist { + position: absolute; + top: 0; + left: 0; + width: 40px; + height: 40px; + padding: 5px; + font-size: 18px; + color: var(--white); + background: var(--dark-bg); + border: none; + text-transform: uppercase; + cursor: pointer; + line-height: 1; + border-right: 1px solid #888; + } + /*side bar for filter on catalog page*/ + .sidebar-toggle-btn { + background: none; + border: none; + font-size: 30px; + color: #333; + cursor: pointer; + transition: color 0.3s ease; + margin-right: auto; + } + + .sidebar-toggle-btn:hover { + color: #007bff; /* Change to your preferred color on hover */ + } + + .side-2 { + position: fixed; + top: 0; + right: -102vw; + width: 320px; + max-width: 100%; + height: 100%; + background: #fff; + transition: right 0.3s ease-in-out; + z-index: 1001; + padding: 50px 20px 20px; + overflow: auto; + } + + .side-2.sidebar-open { + right: 0; + } + + /* Sidebar close button styles */ + .side-2 .sidebar-close-btn { + position: absolute; + top: 4px; + left: 4px; + width: 36px; + height: 36px; + padding: 2px; + font-size: 18px; + color: var(--theme-color); + background: var(--dark-bg); + border: 0; + text-transform: uppercase; + cursor: pointer; + } + + .side-2 .sidebar-close-btn:hover { + color: #f44336; /* Red color when hovered */ + } + + /* Overlay styles */ + .sidebar-overlay { + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + opacity: 0; + visibility: hidden; + transition: opacity 0.3s ease-in-out; + z-index: 1000; + } + + .sidebar-overlay.overlay-active { + opacity: 1; + visibility: visible; + } + /*welcome topics*/ + .welcome-container { + grid-template-columns: 1fr; + text-align: center; + gap: 10px; + } + + .welcome-text { + text-align: center; + background: rgba(255,255,255,0.75); + padding: 20px; + } + /*********** Homepage Features ***********/ + .feature-item { + flex-direction: column !important; + text-align: center; + gap: 20px; + } + + .feature-item img, .feature-content { + width: 100%; + } + + .home-page-category-grid .title, .sub-category-grid .title { + font-size: 18px; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-768.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-768.css new file mode 100644 index 00000000..a43a533b --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-768.css @@ -0,0 +1,134 @@ + +@media all and (max-width: 768px) { + + + .header-selectors-wrapper { + border-bottom: 1px solid #ddd; + padding: 10px 0; + display: flex; + gap: 10px; + } + .header-selectors-wrapper > div { + flex-grow: 1; + } + .spice-categories .intro-text { + font-size: 1rem; + padding: 0 10px; + } + + .spice-categories .spice-item { + flex-direction: column; + text-align: center; + } + + .spice-categories .spice-item img, + .spice-categories .spice-text { + width: 100%; + } + + .spice-categories .spice-text { + padding: 10px; + } + + .spice-categories .spice-text h3 { + font-size: 1.5rem; + } + + .spice-categories .btn { + padding: 10px 18px; + } + + .review-rating .name-description { + text-align: center; + width: 100%; + display: block; + } + + .write-review .review-rating div { + text-align: center; + padding-bottom: 10px; + display: inline-block; + } + + + /*** ESTIMATE SHIPPING POPUP ***/ + + + .shipping-address { + flex-flow: column; + } + + .address-item { + width: 100%; + } + + .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { + padding-left: 0px; + padding-top: 8px; + } + .home-page-category-grid .title, .sub-category-grid .title { + font-size: 16px; + width: 100%; + background: rgba(0, 0, 0, 0.4); + } + /*********** Category Box ***********/ + .home-page-category-grid .item-grid .item-box:first-child { + width: 100%; + } + .home-page-category-grid .item-grid .item-box:nth-child(2n+1) { + clear: none; + } + .home-page-category-grid .item-grid .item-box:nth-child(2n+2) { + clear: both; + } + .category-grid .item-grid .item-box { + margin-bottom: 10px; + } + /*********** product-box ***********/ + .item-box .details { + padding: 0 5px; + } + .item-box .product-item .product-title { + font-size: 16px; + display: -webkit-box; + -webkit-line-clamp: 2; /* Limits to 2 lines */ + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + max-width: 100%; /* Adjust as needed */ + height: 50px; + } + .item-box .buttons { + gap: 0; + } + .item-box .product-box-add-to-cart-button, + .item-box .add-to-compare-list-button { + font-size: 12px; + } + .item-box .product-box-add-to-cart-button::before, + .item-box .add-to-compare-list-button::before { + font-size: 12px; + } + .container { + padding-inline: 30px; + } + + + /*********** footer ***********/ + .follow-us { + text-align: left; + } + .follow-us .newsletter-email { + padding-bottom: 0; + border: none; + margin-bottom: 0; + } + .follow-us > div { + + margin-bottom: 15px; + } + .follow-us .social li:first-child { + margin-left: 0; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-768.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-768.rtl.css new file mode 100644 index 00000000..15a81375 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-max-768.rtl.css @@ -0,0 +1,147 @@ + +@media all and (max-width: 768px) { + + + .header-selectors-wrapper { + border-bottom: 1px solid #ddd; + padding: 10px 0; + display: flex; + gap: 10px; + } + + .header-selectors-wrapper > div { + flex-grow: 1; + } + + .spice-categories .intro-text { + font-size: 1rem; + padding: 0 10px; + } + + .spice-categories .spice-item { + flex-direction: column; + text-align: center; + } + + .spice-categories .spice-item img, + .spice-categories .spice-text { + width: 100%; + } + + .spice-categories .spice-text { + padding: 10px; + } + + .spice-categories .spice-text h3 { + font-size: 1.5rem; + } + + .spice-categories .btn { + padding: 10px 18px; + } + + .review-rating .name-description { + text-align: center; + width: 100%; + display: block; + } + + .write-review .review-rating div { + text-align: center; + padding-bottom: 10px; + display: inline-block; + } + + + /*** ESTIMATE SHIPPING POPUP ***/ + + + .shipping-address { + flex-flow: column; + } + + .address-item { + width: 100%; + } + + .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { + padding-right: 0px; + padding-top: 8px; + } + + .home-page-category-grid .title, .sub-category-grid .title { + font-size: 16px; + width: 100%; + background: rgba(0, 0, 0, 0.4); + } + /*********** Category Box ***********/ + .home-page-category-grid .item-grid .item-box:first-child { + width: 100%; + } + + .home-page-category-grid .item-grid .item-box:nth-child(2n+1) { + clear: none; + } + + .home-page-category-grid .item-grid .item-box:nth-child(2n+2) { + clear: both; + } + + .category-grid .item-grid .item-box { + margin-bottom: 10px; + } + /*********** product-box ***********/ + .item-box .details { + padding: 0 5px; + } + + .item-box .product-item .product-title { + font-size: 16px; + display: -webkit-box; + -webkit-line-clamp: 2; /* Limits to 2 lines */ + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + max-width: 100%; /* Adjust as needed */ + height: 50px; + } + + .item-box .buttons { + gap: 0; + } + + .item-box .product-box-add-to-cart-button, + .item-box .add-to-compare-list-button { + font-size: 12px; + } + + .item-box .product-box-add-to-cart-button::before, + .item-box .add-to-compare-list-button::before { + font-size: 12px; + } + + .container { + padding-inline: 30px; + } + + + /*********** footer ***********/ + .follow-us { + text-align: right; + } + + .follow-us .newsletter-email { + padding-bottom: 0; + border: none; + margin-bottom: 0; + } + + .follow-us > div { + margin-bottom: 15px; + } + + .follow-us .social li:first-child { + margin-right: 0; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1001.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1001.css new file mode 100644 index 00000000..41f9e218 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1001.css @@ -0,0 +1,1005 @@ + +@media all and (min-width: 1001px) { + :root { + --layout-outer-width: 984px; + } + + /*** GLOBAL STYLES ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + margin-inline: auto; + } + + .center-2 { + float: right; + width: 73%; + } + + .side-2 { + float: left; + width: 25%; + } + + .page { + text-align: left; + } + + .inputs { + text-align: left; + } + + .inputs label { + display: inline-block; + width: 265px; + margin: 0 10px 0 0; + text-align: right; + } + + .inputs input[type="text"], + .inputs input[type="email"], + .inputs input[type="tel"], + .inputs input[type="password"], + .inputs select { + min-height: 40px; + } + + .inputs .option-list li { + margin: 0 10px 0 0; + } + + .center-1 .buttons { + border-radius: var(--theme-border-radius); + } + + .center-2 .inputs label { + width: 136px; + } + + .inputs.accept-consent label { + width: auto; + } + + .page-title a + h1 { + float: left; + } + + .link-rss { + display: block; + float: right; + margin: 6px 0 0; + } + + + /*** Homepage Categories TABLES ***/ + /* Target only the home page category grid */ + .home-page-category-grid .category-item { + overflow: hidden; + } + .home-page-category-grid .item-box .picture, + .home-page-category-grid .item-box .picture a { + position: static; + margin: 0; + } + .home-page-category-grid .item-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 16px; + } + + /* Style for each item */ + .home-page-category-grid .item-grid .item-box { + width: 100%; + margin: 0; + grid-column: span 1; + grid-row: span 1; + } + .home-page-category-grid .item-box:nth-child(5n + 4), + .home-page-category-grid .item-box:nth-child(5n + 5) { + grid-column: span 1; + grid-row: span 1; + } + /* Every first item in a set of 5 spans 2 columns and 2 rows */ + .home-page-category-grid .item-box:nth-child(5n + 1) { + grid-column: span 2; + grid-row: span 2; + } + /*** GLOBAL TABLES ***/ + + + .cart tr { + width: auto; + margin: 0; + } + + .cart label { + display: none; + } + + .order-details-page .data-table tr { + width: auto; + margin: 0; + } + + .order-details-page .data-table label { + display: none; + } + + + /*** HEADER ***/ + .header-menu-toggle, + .close-header-menu { + display: none; + } + + .header { + background: var(--white); + color: var(--dark); + } + .header .header-upper { + width: var(--layout-outer-width); + margin: auto; + padding: 10px 0; + } + .header-upper { + display: flex; + justify-content: space-between; + align-items: center; + } + + .header-selectors-wrapper { + float: left; + border: none; + padding: 0; + } + + .header-selectors-wrapper > div { + width: auto; + min-width: 100px; + margin: 0 12px 0 0; + line-height: 43px; + } + + .header-selectors-wrapper select { + height: 25px; + padding: 4px; + font-size: 12px; + } + + .language-list { + text-align: left; + } + + .header-links-wrapper { + float: right; + padding: 0; + } + + .header-links li { + margin: 0 16px; + } + + .header-links a, + .header-links span { + line-height: 1; + text-transform: none; + } + + #topcartlink { + display: inline-block; + width: auto; + margin: 0; + padding: 0 18px; + } + #topcartlink > a { + line-height: 45px; + } + .flyout-cart { + position: absolute; + top: 100%; + right: 0; + z-index: 100; + width: 300px; + box-shadow: 0 0 2px rgba(0,0,0,0.25); + background-color: #fff; + } + + .flyout-cart.active { + display: block; + } + + .mini-shopping-cart { + padding: 12px; + text-align: left; + font-size: 14px; + } + + .mini-shopping-cart .count { + padding: 5px 0 15px; + color: #444; + } + + .mini-shopping-cart .count a { + margin: 0 2px; + font-weight: bold; + color: #444; + } + + .mini-shopping-cart .items { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 0 0 20px; + } + + .mini-shopping-cart .item { + overflow: hidden; + padding: 10px 0; + } + + .mini-shopping-cart .picture { + float: left; + width: 70px; + text-align: center; + } + + .mini-shopping-cart .picture a { + display: block; + position: relative; + overflow: hidden; + } + + .mini-shopping-cart .picture a:before { + content: ""; + display: block; + padding-top: 100%; + } + + .mini-shopping-cart .picture img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + max-width: 100%; + } + + .mini-shopping-cart .picture + .product { + margin: 0 0 0 80px; + } + + .mini-shopping-cart .name { + margin: 0 0 10px; + font-size: 14px; + } + + .mini-shopping-cart .name a { + color: var(--theme-color); + } + + .mini-shopping-cart .name a:hover, + .mini-shopping-cart .name a:focus { + color: var(--active-color); + } + + .mini-shopping-cart .attributes { + margin: 5px 0; + color: #444; + } + + .mini-shopping-cart .totals { + margin: 0 0 12px; + font-size: 14px; + color: #444; + } + + .mini-shopping-cart .totals strong { + font-size: 16px; + color: #444; + } + + .mini-shopping-cart .buttons { + margin: 0 0 5px; + } + + .mini-shopping-cart button[type="button"] { + display: inline-block; + border: none; + background-color: var(--theme-color); + padding: 10px 20px; + font-size: 12px; + color: #fff; + text-transform: uppercase; + } + + .mini-shopping-cart button[type="button"]:hover, + .mini-shopping-cart button[type="button"]:focus { + background-color: var(--active-color); + } + + .header-lower { + display: table; + width: 100%; + } + + .header-logo { + display: table-cell; + text-align: left; + vertical-align: middle; + font-size: 0; + } + + .search-box form { + justify-content: flex-end; + } + + .search-box input.search-box-text, + .search-box .search-box-button, + .search-box .search-box-category { + height: 40px; + } + .search-box input.search-box-text { + width: 440px; + } + + /*** NAVIGATION ***/ + .header-menu { + background: var(--dark); + } + + .header-menu .top-menu { + position: relative; + z-index: 5; + width: var(--layout-outer-width); + margin: 0 auto; + padding: 15px 0; + text-align: center; + } + .top-menu .sublist .parent-links { + display: none; + } + .menu-toggle, + .sublist-toggle { + display: none; + } + + .header-menu > ul { + display: block !important; /* prevents toggle display:none on resize */ + font-size: 0; + } + + .header-menu > ul.mobile { + display: none !important; + } + + .header-menu > ul > li { + display: inline-block; + padding: 0 15px; + vertical-align: middle; + position: relative; + } + .header-menu > ul > li:not(:last-child)::after { + content: "-"; + display: block; + position: absolute; + right: 0; + top: 50%; + translate: 50% -50%; + font-size: 22px; + color: white; + } + .header-menu > ul > li:first-child { + border-left: none; + } + + .header-menu > ul > li > a { + display: block; + padding: 5px 10px; + line-height: 20px; + font-size: 18px; /*reset zeroing*/ + color: var(--white); + cursor: pointer; + } + + .header-menu > ul > li > a:hover, + .header-menu > ul > li > a:focus { + color: var(--active-color); + } + + .header-menu .sublist { + display: none; + position: absolute; + width: 200px; + box-shadow: 0 0 2px rgba(0,0,0,0.2); + background-color: #fff; + padding: 10px 0; + text-align: left; + } + + .header-menu .sublist li { + position: relative; + } + + .header-menu .sublist li a { + display: block; + position: relative; + padding: 10px 20px 10px 30px; + font-size: 16px; + color: var(--dark); + } + + + .header-menu .sublist li:hover > a, + .header-menu .sublist li:focus > a { + background-color: #f6f6f6; + color: var(--theme-color); + + } + + .header-menu ul li:hover > .sublist, + .header-menu ul li:focus > .sublist, + .header-menu ul li:focus-within > .sublist { + display: block; + } + + .header-menu .sublist .sublist { + top: -10px; + left: 100% !important; + } + + + /*** FOOTER ***/ + .footer { + background: #888 url(../images/footer-bg-tyre.jpg) center center no-repeat; + background-size: cover; + background-blend-mode: multiply; + } + + .footer-upper { + width: var(--layout-outer-width); + padding: 55px 10px; + } + + .footer-upper:after { + content: ""; + display: block; + clear: both; + } + .footer-links { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + padding-block: 40px; + } + .footer-block { + width: calc(33% - 20px); + margin: 0; + text-align: center; + } + + + .footer-block .list { + margin: 0; + } + + + + .newsletter-email input[type="text"] { + width: 200px; + } + + .newsletter-email .newsletter-subscribe-button { + min-width: 100px; + padding: 0 5px; + } + + .newsletter-validation .field-validation-valid { + text-align: left; + } + + .footer-lower { + position: relative; + width: var(--layout-outer-width); + padding: 25px 5px; + display: flex; + justify-content: space-between; + gap: 30px; + flex-wrap: wrap; + } + + .footer-lower > div { + width: 30%; + margin: 0; + } + .footer-lower > div:first-child { + text-align: left; + } + .footer-lower > div:last-child { + text-align: right; + } + .footer-block .title strong { + font-size: 22px; + } + .newsletter-email input[type="email"] { + width: 220px; + } + .theme-selector { + float: left; + margin: 0 0 0 15px; + } + + + /*** COLUMN ***/ + .sidebar-toggle-btn, + .sidebar-close-btn { + display: none !important; + } + + .product-filter .filter-title { + background-image: none; + font-size: 20px; + } + + .product-filter .filter-title strong { + font-weight: bold; + } + + .block { + float: none; + width: auto; + margin: 0 0 20px; + } + + .block .title { + margin: 0; + background-image: none; + cursor: auto; + } + + .block .title strong { + font-weight: bold; + } + + .block .listbox { + display: block; + border-bottom: none; + } + + .block a.product-picture { + display: inline-block; + position: relative; + width: 30%; + margin: 0 0 0 -15px; + vertical-align: middle; + text-align: center; + } + + .block a.product-name { + vertical-align: middle; + } + + .block a.product-picture + a.product-name { + width: 70%; + } + + .block a.product-picture + a.product-name:before { + display: none; + } + + + /*** CATEGORY ***/ + .sub-category-grid .item-box { + width: 30%; + } + .sub-category-grid .item-box:nth-child(2n+1) { + clear: none; + } + .sub-category-grid .item-box:nth-child(3n+1) { + clear: both; + } + + .breadcrumb { + margin: 10px 0 10px; + } + .item-box .actual-price { + font-size: 18px; + } + .item-box .buttons { + text-align: left; + } + + .center-1 .item-box { + width: calc(33.33% - 3%); + margin: 0 1.5% 50px; + } + + .center-1 .product-grid .item-box:nth-child(2n+1) { + clear: none; + } + + .center-1 .product-grid .item-box:nth-child(3n+1) { + clear: both; + } + + /*** PRODUCT PAGE ***/ + .gallery { + float: left; + width: 52%; + } + + .picture-gallery .picture { + width: auto; + } + + .video-gallery { + float: left; + width: auto; + } + + .overview { + float: right; + width: 46%; + } + + .rental-attributes { + overflow: hidden; + } + + .rental-attributes .attribute-item { + float: left; + margin: 0 20px 0 0; + } + + .rental-attributes .datepicker { + width: 160px; + text-align: left; + } + + .attribute-squares li { + margin: 0 10px 10px 0; + } + + .product-details-page .title { + text-align: left; + } + + + /*** PRODUCT REVIEWS ***/ + + + .product-review-item .review-title { + max-width: 850px; + } + + .write-review .review-rating div.name-description { + width: 265px; + margin: 0 5px 0 0; + text-align: right + } + + .product-review-item .review-text { + display: table; + width: 100%; + table-layout: fixed; + } + + .product-review-item .avatar { + display: table-cell; + vertical-align: top; + width: 120px; + } + + .product-review-item .avatar img { + max-width: 100%; + } + + .product-review-item .text-body { + display: table-cell; + vertical-align: top; + } + + .product-review-item .avatar + .text-body { + padding: 0 0 0 20px; + } + + + /*** WISHLIST & COMPARE LIST ***/ + + .compare-products-page .page-title { + margin: 0 0 -1px; + } + + .compare-products-page .clear-list { + position: absolute; + top: 7px; + right: 0; + } + + .compare-products-table .full-description td { + display: table-cell; + } + + .compare-products-table .full-description td p { + margin-top: 0; + } + + + /*** TOPICS ***/ + + + .center-1 .topic-block-title { + text-align: center; + } + + .topic-page p { + text-align: justify; + } + + + /*** REGISTRATION, LOGIN, ACCOUNT ***/ + + + .gender span { + margin: 0 10px 0 0; + } + + .gender span > * { + margin: 0 5px 0 0; + } + + .date-of-birth select + select { + margin: 0 0 0 11px; + } + + #check-availability-button { + display: block; + margin: 10px auto; + } + + .login-page .customer-blocks { + overflow: hidden; + } + + .login-page .new-wrapper { + float: left; + width: 49%; + margin: 0; + } + + + .login-page .returning-wrapper { + float: right; + width: 49%; + } + + .login-page .returning-wrapper .form-fields { + min-height: 200px; + padding: 30px 0 0; + } + + .login-page .returning-wrapper .inputs label { + width: 23%; + } + + .login-page .returning-wrapper input[type="text"], + .login-page .returning-wrapper input[type="email"], + .login-page .returning-wrapper input[type="password"] { + width: 300px; + } + .login-page .buttons { + text-align: center; + } + .address-list-page .section, + .order-list-page .section, + .return-request-list-page .section { + display: block; + width: auto; + margin: 0 0 40px; + } + + .address-list-page .buttons, + .order-list-page .buttons { + position: absolute; + top: 5px; + right: 10px; + } + + .avatar-page .message-error, + .avatar-page .buttons { + text-align: left; + } + + .registration-page .vat-note { + margin-left: 275px; + } + .registration-page .buttons { + text-align: center; + } + .customer-info-page .vat-note, + .customer-info-page .vat-status, + .customer-info-page .email-to-revalidate-note { + margin-left: 150px; + } + + .customer-info-page .vat-status { + display: inline-block; + } + + /*** SHOPPING CART ***/ + + + .shopping-cart-page .cart-options { + overflow: hidden; + } + + .shopping-cart-page .checkout-attributes { + float: left; + width: 565px; + margin: -30px 0 15px; + } + + .shopping-cart-page .checkout-attributes .option-list > li { + margin: 5px 10px 5px 0; + } + + .shopping-cart-page .selected-checkout-attributes { + float: right; + max-width: 395px; + margin: 15px 0; + } + + + /*** CHECKOUT ***/ + + + .order-progress { + margin: -30px 0 50px; + } + + .checkout-page .address-item { + width: 31%; + } + + .checkout-page .terms-of-service { + text-align: center; + } + + .payment-info .info { + padding: 30px 15px; + } + + .payment-info .info td:first-child { + width: 265px !important; + margin: 0 10px 0 0; + text-align: right; + } + + .payment-info .info td:only-child { + width: 100% !important; + } + + .order-review-data .title, + .order-details-area .title, + .shipment-details-area .title { + text-align: left; + } + + .opc .order-review-data ul { + text-align: left; + } + + + /*** SEARCH & SITEMAP ***/ + + + .advanced-search .price-range { + margin-left: 114px; + } + + + /*** BLOG & NEWS ***/ + + + .comment-list { + margin: 0 0 50px; + } + + .news-list-homepage .news-items { + overflow: hidden; + text-align: left; + } + + .news-list-homepage .news-item { + float: left; + width: 31.33333%; + margin: 0 1% 30px; + } + + .news-list-homepage .news-item:nth-child(3n+1) { + clear: both; + } + + .news-list-homepage .news-item:only-child { + float: none; + width: auto; + margin: 0 0 30px; + } + + .news-list-homepage .news-head { + text-align: left; + } + + .news-list-homepage .news-body { + text-align: justify; + } + + + /*** FORUM & PROFILE ***/ + + + .forum-breadcrumb { + margin: -30px 0 30px; + } + + .current-time { + float: right; + } + + .forum-search-box { + float: left; + } + + .forum-search-box .advanced { + text-align: left; + } + + .forum-search-box .advanced a { + line-height: normal; + } + + .forums-table-section td { + min-width: 150px; + } + + .forums-table-section td:first-child { + min-width: 90px; + } + + .forums-table-section .view-all { + text-align: right; + } + + .topic-actions .pager.upper { + display: block; + max-width: 400px; + } + + .forum-table .forum-details, + .forum-table .topic-details { + min-width: 225px; + } + + .forum-table td { + padding: 20px; + } + + .forum-edit-page textarea, + .private-message-send-page textarea { + width: 600px; + height: 250px; + } + + .private-message-send-page .bb-code-editor-wrapper { + display: inline-block; + width: 400px; + margin: 10px 0; + vertical-align: middle; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1001.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1001.rtl.css new file mode 100644 index 00000000..f12ce433 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1001.rtl.css @@ -0,0 +1,1031 @@ + +@media all and (min-width: 1001px) { + :root { + --layout-outer-width: 984px; + } + + /*** GLOBAL STYLES ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + margin-inline: auto; + } + + .center-2 { + float: left; + width: 73%; + } + + .side-2 { + float: right; + width: 25%; + } + + .page { + text-align: right; + } + + .inputs { + text-align: right; + } + + .inputs label { + display: inline-block; + width: 265px; + margin: 0 0 0 10px; + text-align: left; + } + + .inputs input[type="text"], + .inputs input[type="email"], + .inputs input[type="tel"], + .inputs input[type="password"], + .inputs select { + min-height: 40px; + } + + .inputs .option-list li { + margin: 0 0 0 10px; + } + + .center-1 .buttons { + border-radius: var(--theme-border-radius); + } + + .center-2 .inputs label { + width: 136px; + } + + .inputs.accept-consent label { + width: auto; + } + + .page-title a + h1 { + float: right; + } + + .link-rss { + display: block; + float: left; + margin: 6px 0 0; + } + + + /*** Homepage Categories TABLES ***/ + /* Target only the home page category grid */ + .home-page-category-grid .category-item { + overflow: hidden; + } + + .home-page-category-grid .item-box .picture, + .home-page-category-grid .item-box .picture a { + position: static; + margin: 0; + } + + .home-page-category-grid .item-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 16px; + } + + /* Style for each item */ + .home-page-category-grid .item-grid .item-box { + width: 100%; + margin: 0; + grid-column: span 1; + grid-row: span 1; + } + + .home-page-category-grid .item-box:nth-child(5n + 4), + .home-page-category-grid .item-box:nth-child(5n + 5) { + grid-column: span 1; + grid-row: span 1; + } + /* Every first item in a set of 5 spans 2 columns and 2 rows */ + .home-page-category-grid .item-box:nth-child(5n + 1) { + grid-column: span 2; + grid-row: span 2; + } + /*** GLOBAL TABLES ***/ + + + .cart tr { + width: auto; + margin: 0; + } + + .cart label { + display: none; + } + + .order-details-page .data-table tr { + width: auto; + margin: 0; + } + + .order-details-page .data-table label { + display: none; + } + + + /*** HEADER ***/ + .header-menu-toggle, + .close-header-menu { + display: none; + } + + .header { + background: var(--white); + color: var(--dark); + } + + .header .header-upper { + width: var(--layout-outer-width); + margin: auto; + padding: 10px 0; + } + + .header-upper { + display: flex; + justify-content: space-between; + align-items: center; + } + + .header-selectors-wrapper { + float: right; + border: none; + padding: 0; + } + + .header-selectors-wrapper > div { + width: auto; + min-width: 100px; + margin: 0 0 0 12px; + line-height: 43px; + } + + .header-selectors-wrapper select { + height: 25px; + padding: 4px; + font-size: 12px; + } + + .language-list { + text-align: right; + } + + .header-links-wrapper { + float: left; + padding: 0; + } + + .header-links li { + margin: 0 16px; + } + + .header-links a, + .header-links span { + line-height: 1; + text-transform: none; + } + + #topcartlink { + display: inline-block; + width: auto; + margin: 0; + padding: 0 18px; + } + + #topcartlink > a { + line-height: 45px; + } + + .flyout-cart { + position: absolute; + top: 100%; + left: 0; + z-index: 100; + width: 300px; + box-shadow: 0 0 2px rgba(0,0,0,0.25); + background-color: #fff; + } + + .flyout-cart.active { + display: block; + } + + .mini-shopping-cart { + padding: 12px; + text-align: right; + font-size: 14px; + } + + .mini-shopping-cart .count { + padding: 5px 0 15px; + color: #444; + } + + .mini-shopping-cart .count a { + margin: 0 2px; + font-weight: bold; + color: #444; + } + + .mini-shopping-cart .items { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + margin: 0 0 20px; + } + + .mini-shopping-cart .item { + overflow: hidden; + padding: 10px 0; + } + + .mini-shopping-cart .picture { + float: right; + width: 70px; + text-align: center; + } + + .mini-shopping-cart .picture a { + display: block; + position: relative; + overflow: hidden; + } + + .mini-shopping-cart .picture a:before { + content: ""; + display: block; + padding-top: 100%; + } + + .mini-shopping-cart .picture img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + max-width: 100%; + } + + .mini-shopping-cart .picture + .product { + margin: 0 80px 0 0; + } + + .mini-shopping-cart .name { + margin: 0 0 10px; + font-size: 14px; + } + + .mini-shopping-cart .name a { + color: var(--theme-color); + } + + .mini-shopping-cart .name a:hover, + .mini-shopping-cart .name a:focus { + color: var(--active-color); + } + + .mini-shopping-cart .attributes { + margin: 5px 0; + color: #444; + } + + .mini-shopping-cart .totals { + margin: 0 0 12px; + font-size: 14px; + color: #444; + } + + .mini-shopping-cart .totals strong { + font-size: 16px; + color: #444; + } + + .mini-shopping-cart .buttons { + margin: 0 0 5px; + } + + .mini-shopping-cart button[type="button"] { + display: inline-block; + border: none; + background-color: var(--theme-color); + padding: 10px 20px; + font-size: 12px; + color: #fff; + text-transform: uppercase; + } + + .mini-shopping-cart button[type="button"]:hover, + .mini-shopping-cart button[type="button"]:focus { + background-color: var(--active-color); + } + + .header-lower { + display: table; + width: 100%; + } + + .header-logo { + display: table-cell; + text-align: right; + vertical-align: middle; + font-size: 0; + } + + .search-box form { + justify-content: flex-end; + } + + .search-box input.search-box-text, + .search-box .search-box-button, + .search-box .search-box-category { + height: 40px; + } + + .search-box input.search-box-text { + width: 440px; + } + + /*** NAVIGATION ***/ + .header-menu { + background: var(--dark); + } + + .header-menu .top-menu { + position: relative; + z-index: 5; + width: var(--layout-outer-width); + margin: 0 auto; + padding: 15px 0; + text-align: center; + } + + .top-menu .sublist .parent-links { + display: none; + } + + .menu-toggle, + .sublist-toggle { + display: none; + } + + .header-menu > ul { + display: block !important; /* prevents toggle display:none on resize */ + font-size: 0; + } + + .header-menu > ul.mobile { + display: none !important; + } + + .header-menu > ul > li { + display: inline-block; + padding: 0 15px; + vertical-align: middle; + position: relative; + } + + .header-menu > ul > li:not(:last-child)::after { + content: "-"; + display: block; + position: absolute; + left: 0; + top: 50%; + translate: 50% -50%; + font-size: 22px; + color: white; + } + + .header-menu > ul > li:first-child { + border-right: none; + } + + .header-menu > ul > li > a { + display: block; + padding: 5px 10px; + line-height: 20px; + font-size: 18px; /*reset zeroing*/ + color: var(--white); + cursor: pointer; + } + + .header-menu > ul > li > a:hover, + .header-menu > ul > li > a:focus { + color: var(--active-color); + } + + .header-menu .sublist { + display: none; + position: absolute; + width: 200px; + box-shadow: 0 0 2px rgba(0,0,0,0.2); + background-color: #fff; + padding: 10px 0; + text-align: right; + } + + .header-menu .sublist li { + position: relative; + } + + .header-menu .sublist li a { + display: block; + position: relative; + padding: 10px 30px 10px 20px; + font-size: 16px; + color: var(--dark); + } + + + .header-menu .sublist li:hover > a, + .header-menu .sublist li:focus > a { + background-color: #f6f6f6; + color: var(--theme-color); + } + + .header-menu ul li:hover > .sublist, + .header-menu ul li:focus > .sublist, + .header-menu ul li:focus-within > .sublist { + display: block; + } + + .header-menu .sublist .sublist { + top: -10px; + right: 100% !important; + } + + + /*** FOOTER ***/ + .footer { + background: #888 url(../images/footer-bg-tyre.jpg) center center no-repeat; + background-size: cover; + background-blend-mode: multiply; + } + + .footer-upper { + width: var(--layout-outer-width); + padding: 55px 10px; + } + + .footer-upper:after { + content: ""; + display: block; + clear: both; + } + + .footer-links { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + padding-block: 40px; + } + + .footer-block { + width: calc(33% - 20px); + margin: 0; + text-align: center; + } + + + .footer-block .list { + margin: 0; + } + + + + .newsletter-email input[type="text"] { + width: 200px; + } + + .newsletter-email .newsletter-subscribe-button { + min-width: 100px; + padding: 0 5px; + } + + .newsletter-validation .field-validation-valid { + text-align: right; + } + + .footer-lower { + position: relative; + width: var(--layout-outer-width); + padding: 25px 5px; + display: flex; + justify-content: space-between; + gap: 30px; + flex-wrap: wrap; + } + + .footer-lower > div { + width: 30%; + margin: 0; + } + + .footer-lower > div:first-child { + text-align: right; + } + + .footer-lower > div:last-child { + text-align: left; + } + + .footer-block .title strong { + font-size: 22px; + } + + .newsletter-email input[type="email"] { + width: 220px; + } + + .theme-selector { + float: right; + margin: 0 15px 0 0; + } + + + /*** COLUMN ***/ + .sidebar-toggle-btn, + .sidebar-close-btn { + display: none !important; + } + + .product-filter .filter-title { + background-image: none; + font-size: 20px; + } + + .product-filter .filter-title strong { + font-weight: bold; + } + + .block { + float: none; + width: auto; + margin: 0 0 20px; + } + + .block .title { + margin: 0; + background-image: none; + cursor: auto; + } + + .block .title strong { + font-weight: bold; + } + + .block .listbox { + display: block; + border-bottom: none; + } + + .block a.product-picture { + display: inline-block; + position: relative; + width: 30%; + margin: 0 -15px 0 0; + vertical-align: middle; + text-align: center; + } + + .block a.product-name { + vertical-align: middle; + } + + .block a.product-picture + a.product-name { + width: 70%; + } + + .block a.product-picture + a.product-name:before { + display: none; + } + + + /*** CATEGORY ***/ + .sub-category-grid .item-box { + width: 30%; + } + + .sub-category-grid .item-box:nth-child(2n+1) { + clear: none; + } + + .sub-category-grid .item-box:nth-child(3n+1) { + clear: both; + } + + .breadcrumb { + margin: 10px 0 10px; + } + + .item-box .actual-price { + font-size: 18px; + } + + .item-box .buttons { + text-align: right; + } + + .center-1 .item-box { + width: calc(33.33% - 3%); + margin: 0 1.5% 50px; + } + + .center-1 .product-grid .item-box:nth-child(2n+1) { + clear: none; + } + + .center-1 .product-grid .item-box:nth-child(3n+1) { + clear: both; + } + + /*** PRODUCT PAGE ***/ + .gallery { + float: right; + width: 52%; + } + + .picture-gallery .picture { + width: auto; + } + + .video-gallery { + float: right; + width: auto; + } + + .overview { + float: left; + width: 46%; + } + + .rental-attributes { + overflow: hidden; + } + + .rental-attributes .attribute-item { + float: right; + margin: 0 0 0 20px; + } + + .rental-attributes .datepicker { + width: 160px; + text-align: right; + } + + .attribute-squares li { + margin: 0 0 10px 10px; + } + + .product-details-page .title { + text-align: right; + } + + + /*** PRODUCT REVIEWS ***/ + + + .product-review-item .review-title { + max-width: 850px; + } + + .write-review .review-rating div.name-description { + width: 265px; + margin: 0 0 0 5px; + text-align: left + } + + .product-review-item .review-text { + display: table; + width: 100%; + table-layout: fixed; + } + + .product-review-item .avatar { + display: table-cell; + vertical-align: top; + width: 120px; + } + + .product-review-item .avatar img { + max-width: 100%; + } + + .product-review-item .text-body { + display: table-cell; + vertical-align: top; + } + + .product-review-item .avatar + .text-body { + padding: 0 20px 0 0; + } + + + /*** WISHLIST & COMPARE LIST ***/ + + .compare-products-page .page-title { + margin: 0 0 -1px; + } + + .compare-products-page .clear-list { + position: absolute; + top: 7px; + left: 0; + } + + .compare-products-table .full-description td { + display: table-cell; + } + + .compare-products-table .full-description td p { + margin-top: 0; + } + + + /*** TOPICS ***/ + + + .center-1 .topic-block-title { + text-align: center; + } + + .topic-page p { + text-align: justify; + } + + + /*** REGISTRATION, LOGIN, ACCOUNT ***/ + + + .gender span { + margin: 0 0 0 10px; + } + + .gender span > * { + margin: 0 0 0 5px; + } + + .date-of-birth select + select { + margin: 0 11px 0 0; + } + + #check-availability-button { + display: block; + margin: 10px auto; + } + + .login-page .customer-blocks { + overflow: hidden; + } + + .login-page .new-wrapper { + float: right; + width: 49%; + margin: 0; + } + + + .login-page .returning-wrapper { + float: left; + width: 49%; + } + + .login-page .returning-wrapper .form-fields { + min-height: 200px; + padding: 30px 0 0; + } + + .login-page .returning-wrapper .inputs label { + width: 23%; + } + + .login-page .returning-wrapper input[type="text"], + .login-page .returning-wrapper input[type="email"], + .login-page .returning-wrapper input[type="password"] { + width: 300px; + } + + .login-page .buttons { + text-align: center; + } + + .address-list-page .section, + .order-list-page .section, + .return-request-list-page .section { + display: block; + width: auto; + margin: 0 0 40px; + } + + .address-list-page .buttons, + .order-list-page .buttons { + position: absolute; + top: 5px; + left: 10px; + } + + .avatar-page .message-error, + .avatar-page .buttons { + text-align: right; + } + + .registration-page .vat-note { + margin-right: 275px; + } + + .registration-page .buttons { + text-align: center; + } + + .customer-info-page .vat-note, + .customer-info-page .vat-status, + .customer-info-page .email-to-revalidate-note { + margin-right: 150px; + } + + .customer-info-page .vat-status { + display: inline-block; + } + + /*** SHOPPING CART ***/ + + + .shopping-cart-page .cart-options { + overflow: hidden; + } + + .shopping-cart-page .checkout-attributes { + float: right; + width: 565px; + margin: -30px 0 15px; + } + + .shopping-cart-page .checkout-attributes .option-list > li { + margin: 5px 0 5px 10px; + } + + .shopping-cart-page .selected-checkout-attributes { + float: left; + max-width: 395px; + margin: 15px 0; + } + + + /*** CHECKOUT ***/ + + + .order-progress { + margin: -30px 0 50px; + } + + .checkout-page .address-item { + width: 31%; + } + + .checkout-page .terms-of-service { + text-align: center; + } + + .payment-info .info { + padding: 30px 15px; + } + + .payment-info .info td:first-child { + width: 265px !important; + margin: 0 0 0 10px; + text-align: left; + } + + .payment-info .info td:only-child { + width: 100% !important; + } + + .order-review-data .title, + .order-details-area .title, + .shipment-details-area .title { + text-align: right; + } + + .opc .order-review-data ul { + text-align: right; + } + + + /*** SEARCH & SITEMAP ***/ + + + .advanced-search .price-range { + margin-right: 114px; + } + + + /*** BLOG & NEWS ***/ + + + .comment-list { + margin: 0 0 50px; + } + + .news-list-homepage .news-items { + overflow: hidden; + text-align: right; + } + + .news-list-homepage .news-item { + float: right; + width: 31.33333%; + margin: 0 1% 30px; + } + + .news-list-homepage .news-item:nth-child(3n+1) { + clear: both; + } + + .news-list-homepage .news-item:only-child { + float: none; + width: auto; + margin: 0 0 30px; + } + + .news-list-homepage .news-head { + text-align: right; + } + + .news-list-homepage .news-body { + text-align: justify; + } + + + /*** FORUM & PROFILE ***/ + + + .forum-breadcrumb { + margin: -30px 0 30px; + } + + .current-time { + float: left; + } + + .forum-search-box { + float: right; + } + + .forum-search-box .advanced { + text-align: right; + } + + .forum-search-box .advanced a { + line-height: normal; + } + + .forums-table-section td { + min-width: 150px; + } + + .forums-table-section td:first-child { + min-width: 90px; + } + + .forums-table-section .view-all { + text-align: left; + } + + .topic-actions .pager.upper { + display: block; + max-width: 400px; + } + + .forum-table .forum-details, + .forum-table .topic-details { + min-width: 225px; + } + + .forum-table td { + padding: 20px; + } + + .forum-edit-page textarea, + .private-message-send-page textarea { + width: 600px; + height: 250px; + } + + .private-message-send-page .bb-code-editor-wrapper { + display: inline-block; + width: 400px; + margin: 10px 0; + vertical-align: middle; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1240.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1240.css new file mode 100644 index 00000000..a4ce3e6d --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1240.css @@ -0,0 +1,5 @@ +@media all and (min-width: 1240px) { + :root { + --layout-outer-width: 1180px; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1240.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1240.rtl.css new file mode 100644 index 00000000..a4ce3e6d --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1240.rtl.css @@ -0,0 +1,5 @@ +@media all and (min-width: 1240px) { + :root { + --layout-outer-width: 1180px; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1367.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1367.css new file mode 100644 index 00000000..be122712 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1367.css @@ -0,0 +1,167 @@ + +@media all and (min-width: 1367px) { +:root { + --layout-outer-width : 1300px; +} + + /*** GLOBAL STYLES ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + } + + .inputs label { + width: 430px; + } + + .center-2 .inputs label { + width: 213px; + } + + .inputs.accept-consent label { + width: auto; + } + + + /*** HEADER ***/ + + + .header .header-upper { + width: var(--layout-outer-width); + } + + + /*** NAVIGATION ***/ + + + .header-menu .top-menu { + width: var(--layout-outer-width); + } + + .header-menu > ul > li { + padding: 0 20px; + } + + .header-menu > ul > li > a, + .header-menu > ul > li > span { + font-size: 18px; + } + + + /*** FOOTER ***/ + + + .footer-upper { + width: var(--layout-outer-width); + padding: 35px 30px; + } + + + .footer-lower { + width: var(--layout-outer-width); + padding: 25px 20px; + } + + + /*** PRODUCT REVIEWS ***/ + + + .product-review-item .review-title { + max-width: 1050px; + } + + .write-review .review-rating div.name-description { + margin: 0 5px 0 0; + min-width: 430px; + } + + + /*** REGISTRATION, LOGIN, ACCOUNT ***/ + + + .login-page .returning-wrapper input[type="text"], + .login-page .returning-wrapper input[type="email"], + .login-page .returning-wrapper input[type="password"] { + width: 360px; + } + + .registration-page .vat-note { + margin-left: 385px; + } + + .customer-info-page .vat-note, + .customer-info-page .vat-status, + .customer-info-page .email-to-revalidate-note { + margin-left: 225px; + } + + /*** SHOPPING CART ***/ + + + .cart-footer .totals { + width: 395px; + margin: 0; + } + + .cart-footer .cart-collaterals { + width: 760px; + margin: 0; + } + + .cart-footer .cart-collaterals .deals { + float: left; + width: 360px; + } + + .cart-footer .cart-collaterals .shipping { + float: right; + width: 360px; + } + + .cart-footer .estimate-shipping .inputs label { + display: inline-block; + width: 35%; + } + + .cart-footer .estimate-shipping .inputs input, + .cart-footer .estimate-shipping .inputs select { + width: 65%; + } + + + /*** CHECKOUT ***/ + + + .shipping-method .method-list li, + .payment-method .method-list li { + margin: 20px 1%; + } + + .payment-info .info td:first-child { + width: 375px !important; + } + + .payment-info .info td:only-child { + width: 100% !important; + } + + + /*** FORUM & PROFILE ***/ + + + .forum-actions .pager, + .topic-actions .pager { + max-width: 600px !important; + } + + .topic-post .post-text { + width: 930px; + max-width: 100%; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1367.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1367.rtl.css new file mode 100644 index 00000000..b6749156 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-1367.rtl.css @@ -0,0 +1,167 @@ + +@media all and (min-width: 1367px) { + :root { + --layout-outer-width: 1300px; + } + + /*** GLOBAL STYLES ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + } + + .inputs label { + width: 430px; + } + + .center-2 .inputs label { + width: 213px; + } + + .inputs.accept-consent label { + width: auto; + } + + + /*** HEADER ***/ + + + .header .header-upper { + width: var(--layout-outer-width); + } + + + /*** NAVIGATION ***/ + + + .header-menu .top-menu { + width: var(--layout-outer-width); + } + + .header-menu > ul > li { + padding: 0 20px; + } + + .header-menu > ul > li > a, + .header-menu > ul > li > span { + font-size: 18px; + } + + + /*** FOOTER ***/ + + + .footer-upper { + width: var(--layout-outer-width); + padding: 35px 30px; + } + + + .footer-lower { + width: var(--layout-outer-width); + padding: 25px 20px; + } + + + /*** PRODUCT REVIEWS ***/ + + + .product-review-item .review-title { + max-width: 1050px; + } + + .write-review .review-rating div.name-description { + margin: 0 0 0 5px; + min-width: 430px; + } + + + /*** REGISTRATION, LOGIN, ACCOUNT ***/ + + + .login-page .returning-wrapper input[type="text"], + .login-page .returning-wrapper input[type="email"], + .login-page .returning-wrapper input[type="password"] { + width: 360px; + } + + .registration-page .vat-note { + margin-right: 385px; + } + + .customer-info-page .vat-note, + .customer-info-page .vat-status, + .customer-info-page .email-to-revalidate-note { + margin-right: 225px; + } + + /*** SHOPPING CART ***/ + + + .cart-footer .totals { + width: 395px; + margin: 0; + } + + .cart-footer .cart-collaterals { + width: 760px; + margin: 0; + } + + .cart-footer .cart-collaterals .deals { + float: right; + width: 360px; + } + + .cart-footer .cart-collaterals .shipping { + float: left; + width: 360px; + } + + .cart-footer .estimate-shipping .inputs label { + display: inline-block; + width: 35%; + } + + .cart-footer .estimate-shipping .inputs input, + .cart-footer .estimate-shipping .inputs select { + width: 65%; + } + + + /*** CHECKOUT ***/ + + + .shipping-method .method-list li, + .payment-method .method-list li { + margin: 20px 1%; + } + + .payment-info .info td:first-child { + width: 375px !important; + } + + .payment-info .info td:only-child { + width: 100% !important; + } + + + /*** FORUM & PROFILE ***/ + + + .forum-actions .pager, + .topic-actions .pager { + max-width: 600px !important; + } + + .topic-post .post-text { + width: 930px; + max-width: 100%; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-481.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-481.css new file mode 100644 index 00000000..8dd940c1 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-481.css @@ -0,0 +1,191 @@ + +@media all and (min-width: 481px) { + :root { + --layout-outer-width: 92%; + } + + /*** GLOBAL ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + } + + + /*** GLOBAL TABLES ***/ + + + .cart tr { + width: 46%; + margin: 40px 2% 0; + } + + .cart tr:nth-child(2n+1) { + clear: both; + } + + .order-details-page .data-table tr { + width: 46%; + margin: 40px 2% 0; + } + + .order-details-page .data-table tr:nth-child(2n+1) { + clear: both; + } + + + /*** HEADER ***/ + + + .header-selectors-wrapper > div { + display: inline-block; + width: 30%; + margin: 10px auto; + } + + .search-box input.search-box-text { + width: 280px; + } + + .ui-autocomplete { + width: 280px !important; + } + + .ui-autocomplete img { + display: inline; + } + + + /*** FOOTER ***/ + + .follow-us, + .footer-block { + width: 85%; + } + + .newsletter-email input[type="text"] { + width: 240px; + } + + + /*** CATEGORY ***/ + + + .item-box { + width: 48%; + margin: 0 1% 50px; + } + + .item-box:nth-child(2n+1) { + clear: both; + } + + .item-box .product-rating-box { + margin: 0 0 15px; + } + + .item-box .prices { + min-height: 40px; + } + + .item-box .product-title { + min-height: 52px; + font-size: 22px; + line-height: 1.2; + } + + + /*** PRODUCT PAGE ***/ + + + .overview-buttons div { + display: inline-block; + width: auto; + margin: 0 1px 2px; + } + + + /*** WISHLIST ***/ + + + .wishlist-content .button-2 { + display: inline-block; + width: auto; + min-width: 140px; + margin: 0 1px 5px; + } + + + /*** TOPICS ***/ + + + .enter-password-form input[type="password"] { + width: 260px; + } + + + /*** FORUM & PROFILE ***/ + + .forums-header { + background-color: #f9f9f9; + padding: 30px 20px 20px; + } + + .ui-tabs-nav li { + display: inline-block; + min-width: 150px; + margin: 0 5px -1px; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 5px -1px !important; + } + + .private-messages-page .buttons .button-1, + .private-messages-page .buttons .button-2, + .private-message-view-page .buttons .button-1, + .private-message-view-page .buttons .button-2 { + display: inline-block; + width: auto; + margin: 1px; + } + + .topic-post .post-text { + float: left; + width: 90.5%; + text-align: left; + } + + .forum-group .forum-table th.latest-post, + .forum-group .forum-table th.topics, + .forum-group .forum-table th.posts, + .forum-group .forum-table td.latest-post, + .forum-group .forum-table td.topics, + .forum-group .forum-table td.posts { + display: table-cell; + } + + .topic-group .forum-table th.latest-post, + .topic-group .forum-table td.latest-post { + display: table-cell; + } + + .forum-table td.image { + max-width: 40px; + } + + .forum-table td.image div { + max-width: 100%; + background-size: contain; + } + + + /*** ESTIMATE SHIPPING POPUP ***/ + + .estimate-shipping-popup { + padding: 25px; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-481.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-481.rtl.css new file mode 100644 index 00000000..0bad49f6 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-481.rtl.css @@ -0,0 +1,191 @@ + +@media all and (min-width: 481px) { + :root { + --layout-outer-width: 92%; + } + + /*** GLOBAL ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + } + + + /*** GLOBAL TABLES ***/ + + + .cart tr { + width: 46%; + margin: 40px 2% 0; + } + + .cart tr:nth-child(2n+1) { + clear: both; + } + + .order-details-page .data-table tr { + width: 46%; + margin: 40px 2% 0; + } + + .order-details-page .data-table tr:nth-child(2n+1) { + clear: both; + } + + + /*** HEADER ***/ + + + .header-selectors-wrapper > div { + display: inline-block; + width: 30%; + margin: 10px auto; + } + + .search-box input.search-box-text { + width: 280px; + } + + .ui-autocomplete { + width: 280px !important; + } + + .ui-autocomplete img { + display: inline; + } + + + /*** FOOTER ***/ + + .follow-us, + .footer-block { + width: 85%; + } + + .newsletter-email input[type="text"] { + width: 240px; + } + + + /*** CATEGORY ***/ + + + .item-box { + width: 48%; + margin: 0 1% 50px; + } + + .item-box:nth-child(2n+1) { + clear: both; + } + + .item-box .product-rating-box { + margin: 0 0 15px; + } + + .item-box .prices { + min-height: 40px; + } + + .item-box .product-title { + min-height: 52px; + font-size: 22px; + line-height: 1.2; + } + + + /*** PRODUCT PAGE ***/ + + + .overview-buttons div { + display: inline-block; + width: auto; + margin: 0 1px 2px; + } + + + /*** WISHLIST ***/ + + + .wishlist-content .button-2 { + display: inline-block; + width: auto; + min-width: 140px; + margin: 0 1px 5px; + } + + + /*** TOPICS ***/ + + + .enter-password-form input[type="password"] { + width: 260px; + } + + + /*** FORUM & PROFILE ***/ + + .forums-header { + background-color: #f9f9f9; + padding: 30px 20px 20px; + } + + .ui-tabs-nav li { + display: inline-block; + min-width: 150px; + margin: 0 5px -1px; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 5px -1px !important; + } + + .private-messages-page .buttons .button-1, + .private-messages-page .buttons .button-2, + .private-message-view-page .buttons .button-1, + .private-message-view-page .buttons .button-2 { + display: inline-block; + width: auto; + margin: 1px; + } + + .topic-post .post-text { + float: right; + width: 90.5%; + text-align: right; + } + + .forum-group .forum-table th.latest-post, + .forum-group .forum-table th.topics, + .forum-group .forum-table th.posts, + .forum-group .forum-table td.latest-post, + .forum-group .forum-table td.topics, + .forum-group .forum-table td.posts { + display: table-cell; + } + + .topic-group .forum-table th.latest-post, + .topic-group .forum-table td.latest-post { + display: table-cell; + } + + .forum-table td.image { + max-width: 40px; + } + + .forum-table td.image div { + max-width: 100%; + background-size: contain; + } + + + /*** ESTIMATE SHIPPING POPUP ***/ + + .estimate-shipping-popup { + padding: 25px; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-769.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-769.css new file mode 100644 index 00000000..b7a07cd1 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-769.css @@ -0,0 +1,780 @@ + +@media all and (min-width: 769px) { + :root { + --layout-outer-width: 94%; + } + /* Reverse Layout for Even Items */ + .spice-categories .spice-item:nth-child(even) { + flex-direction: row-reverse; + } + + /**** GLOBAL ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + } + + .home-page-polls li { + min-width: 100px; + } + + + /**** GLOBAL TABLES ***/ + + + .cart tr { + width: 31.33333%; + margin: 40px 1% 0; + } + + .cart tr:nth-child(2n+1) { + clear: none; + } + + .cart tr:nth-child(3n+1) { + clear: both; + } + + .order-details-page .data-table tr { + width: 31.33333%; + margin: 40px 1% 0; + } + + .order-details-page .data-table tr:nth-child(2n+1) { + clear: none; + } + + .order-details-page .data-table tr:nth-child(3n+1) { + clear: both; + } + + + /*** HEADER ***/ + + + .header-selectors-wrapper > div { + width: 20%; + } + + + /*** FOOTER ***/ + + + .footer-block { + display: inline-block; + width: 25.33333%; + margin: 0 4%; + vertical-align: top; + } + + .footer-block .title { + margin: 0 0 15px; + background: none; + padding: 0; + cursor: auto; + } + + .footer-block .list { + display: block !important; /* prevents toggle display:none on resize */ + background: none; + padding: 0; + } + .footer-block .title strong { + font-weight: 700; + } + .footer-block .list li { + padding: 5px 0; + font-size: 18px; + } + + .footer-block .list a { + display: inline; + padding: 0; + } + + +/*footer ui*/ + .follow-us { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + padding-block: 40px; + width: 100%; + } + + .follow-us > div { + width: calc(33% - 20px); + margin: 0; + text-align: center; + } + + .follow-us .title { + text-align: center; + } + + .newsletter-email { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 0; + padding-bottom: 0; + border: 0; + } + /*** Homepage Categories TABLES ***/ + /* Target only the home page category grid */ + .home-page-category-grid .category-item { + overflow: hidden; + } + + .home-page-category-grid .item-box .picture, + .home-page-category-grid .item-box .picture a { + position: static; + margin: 0; + } + + .home-page-category-grid .item-grid { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 16px; + } + + /* Style for each item */ + .home-page-category-grid .item-grid .item-box { + width: 100%; + margin: 0; + grid-column: span 2; + grid-row: span 1; + } + + .home-page-category-grid .item-box:nth-child(5n + 4), + .home-page-category-grid .item-box:nth-child(5n + 5) { + grid-column: span 3; + grid-row: span 1; + } + /* Every first item in a set of 5 spans 2 columns and 2 rows */ + .home-page-category-grid .item-box:nth-child(5n + 1) { + grid-column: span 4; + grid-row: span 2; + } + + /*** CATEGORY ***/ + + + .product-selectors { + text-align: left; + } + + .product-selectors .product-viewmode { + display: inline-block; + float: right; + } + + .product-selectors .product-viewmode span { + display: none; + } + + .product-selectors .product-viewmode a { + display: inline-block; + width: 24px; + height: 32px; + margin: 0 0 0 12px; + background-position: center; + background-repeat: no-repeat; + opacity: 0.5; + } + + .product-selectors .product-viewmode a.grid { + background-image: url('../images/view-grid.png'); + } + + .product-selectors .product-viewmode a.list { + background-image: url('../images/view-list.png'); + } + + .product-selectors .product-viewmode a.selected { + opacity: 1; + } + + .item-box { + width: 47%; + margin: 0 1.5% 50px; + } + + .category-grid .item-box:nth-child(2n+1) { + clear: none; + } + + .category-grid .item-box:nth-child(3n+1) { + clear: both; + } + .item-box:nth-child(n+1) { + clear: none; + } + + .item-box:nth-child(2n+1) { + clear: both; + } + + .product-list .item-box { + float: none; + width: auto; + margin: 0 5px 30px; + padding-bottom: 30px; + } + + .product-list .item-box:not(:last-child) { + border-bottom: 1px solid #ddd; + } + + .product-list .item-box .product-item:after { + content: ""; + display: block; + clear: both; + } + + .product-list .item-box .picture { + float: left; + width: 220px; + } + + .product-list .item-box:hover .picture a img, + .product-list .item-box:focus .picture a img { + opacity: 1; + } + + .product-list .item-box .picture:hover a img, + .product-list .item-box .picture:focus a img { + opacity: 0.85; + } + + .product-list .item-box .picture ~ .buttons, + .product-list .item-box .picture + .details { + margin: 0 0 0 240px; + } + + .product-list .item-box .product-title { + height: auto; + padding: 10px 0; + font-size: 18px; + } + + .product-list .item-box .description { + display: block; + margin: 0 0 10px; + line-height: 22px; + } + + .product-list .item-box .prices { + min-height: initial; + margin: 0 0 15px; + } + + .product-list .item-box .buttons { + } + + .product-list .item-box .product-box-add-to-cart-button { + width: auto; + min-width: 150px; + padding: 0 20px; + } + + .product-list .item-box .add-to-compare-list-button, + .product-list .item-box .add-to-wishlist-button { + width: auto; + padding-inline: 30px; + } + + + /*** PRODUCT PAGE ***/ + + + .gallery { + width: 550px; + } + + .variant-picture { + float: left; + } + + .variant-picture + .variant-overview { + width: auto; + margin: 0 0 0 240px; + } + + .variant-overview { + text-align: left; + } + + + /*** PRODUCT REVIEWS ***/ + + + .product-review-item .review-title { + float: left; + max-width: 600px; + } + + .product-review-item .product-review-box { + float: right; + } + + .write-review .review-rating div { + display: inline-block; + margin: 0 0 0 5px; + cursor: default; + vertical-align: middle; + font-size: 14px; + height: 17px; + } + + + + + /*** REGISTRATION, LOGIN, ACCOUNT ***/ + + + .address-list-page .section, + .order-list-page .section, + .return-request-list-page .section { + display: inline-block; + width: 45%; + margin: 20px 1%; + vertical-align: top; + } + + .recurring-payments { + width: 100% !important; + margin: 20px 0 !important; + } + + + /*** SHOPPING CART ***/ + + + .order-progress { + padding: 20px; + } + + .order-progress li { + margin: 0 10px; + } + + .order-progress a { + min-width: 80px; + } + + .cart-options .common-buttons { + text-align: right; + } + + .cart-options .checkout-attributes, + .cart-options .selected-checkout-attributes { + padding: 0 10px; + } + + .cart-footer .totals { + float: right; + width: 45%; + margin: 0 2.5%; + } + + .cart-footer .terms-of-service { + text-align: left; + } + + .cart-footer .checkout-buttons, + .cart-footer .addon-buttons { + text-align: right; + } + + .cart-footer .cart-collaterals { + float: left; + width: 45%; + margin: 0 2.5%; + } + + .cart-footer .cart-collaterals div, + .cart-footer .cart-collaterals label { + text-align: left; + } + + .cart-footer .estimate-shipping label { + display: block; + margin: 0 0 10px; + } + + .cart-footer .estimate-shipping .buttons { + text-align: right; + } + + + /*** CHECKOUT ***/ + + + .checkout-page .selected-checkout-attributes { + float: right; + text-align: right; + } + + .checkout-page .cart-footer .totals { + max-width: 350px; + margin: 0; + } + + .checkout-page .address-grid { + overflow: hidden; + } + + .checkout-page .address-item { + display: inline-block; + vertical-align: top; + zoom: 1; + width: 48%; + margin: 0 1% 40px; + } + + .shipping-method .method-list li, + .payment-method .method-list li { + display: inline-block; + width: 25%; + margin: 20px 2%; + vertical-align: top; + } + + .shipping-method .method-name { + background-color: #f6f6f6; + padding: 10px; + } + + .payment-method .payment-logo { + display: block; + background-color: #f6f6f6; + padding: 10px; + } + + .payment-method .payment-details { + display: block; + width: auto; + min-width: 0; + margin: 10px 0 0; + text-align: center; + } + + .payment-info .info { + padding: 30px 75px; + } + + .order-review-data, + .order-details-area, + .shipment-details-area { + overflow: hidden; + } + + .order-review-data > div, + .order-details-area > div, + .shipment-details-area > div { + float: left; + width: 48%; + margin: 0 1% 40px; + } + + + /*** ORDER DETAILS & SHIPPING DETAILS ***/ + + + .order-details-page .section.options { + text-align: right; + } + + .order-details-page .selected-checkout-attributes { + padding: 0 10px; + } + + .order-details-page .tax-shipping-info { + text-align: right; + } + + .order-details-page .totals { + float: right; + clear: both; + } + + .shipment-details-page .tracking-number .tracking-url { + color: var(--theme-color); + } + + + /*** BLOG & NEWS ***/ + + + .blog-posts .tags { + float: right; + width: 80%; + text-align: right; + } + + .blog-posts .buttons { + float: left; + width: 20%; + text-align: left; + } + + .new-comment { + text-align: center; + } + + .new-comment .buttons { + text-align: center; + } + + .comment-list .comment { + display: table; + width: 100%; + margin: 0; + } + + .comment-list .comment:last-child { + border-bottom: 1px solid #ddd; + } + + .comment-info { + display: table-cell; + width: 15%; + margin: 0; + vertical-align: top; + } + + .comment-info .username { + min-height: 40px; + margin: 0; + border: none; + text-align: center; + } + + .comment-info .avatar { + border: none; + } + + .comment-info .avatar img { + max-width: 80%; + max-height: 80%; + } + + .comment-content { + display: table-cell; + width: 85%; + border-left: 1px solid #ddd; + vertical-align: top; + text-align: left; + } + + .comment-time { + min-height: 40px; + margin: 0; + background-color: #f6f6f6; + padding: 10px 15px; + font-size: 14px; + font-weight: normal; + } + + .comment-title { + margin: 0 0 -20px; + padding: 20px; + } + + .comment-body { + padding: 20px; + } + + + /*** FORUM & PROFILE ***/ + + + .forum-actions, + .topic-actions { + overflow: hidden; + } + + .forum-actions .actions, + .topic-actions .actions { + float: left; + } + + .forum-actions .pager, + .topic-actions .pager { + float: right; + max-width: 450px; + } + + .forum-actions .pager li, + .topic-actions .pager li { + margin: 2px 4px; + } + + .forum-actions .pager.upper { + display: block; + } + + .topic-actions.lower .actions { + display: block; + } + + .topic-posts { + margin: 0 0 30px; + } + + .topic-post { + display: table; + width: 100%; + margin: 0; + } + + .topic-post .post-info { + display: table-cell; + width: 15%; + margin: 0; + vertical-align: top; + text-align: left; + } + + .topic-post .user-info { + width: auto; + } + + .topic-post .username { + min-height: 40px; + margin: 0; + border: none; + text-align: center; + } + + .topic-post .avatar { + margin: auto; + border: none; + } + + .topic-post .avatar img { + max-width: 80%; + max-height: 80%; + } + + .topic-post .user-stats li { + margin: 0; + } + + .topic-post .send-pm { + margin: 0 0 20px; + } + + .topic-post .pm-button, + .profile-info-box .pm-button { + padding: 8px 16px; + font-size: 13px; + } + + .topic-post .post-content { + display: table-cell; + width: 85%; + border-left: 1px solid #ddd; + vertical-align: top; + text-align: left; + } + + .topic-post .post-head { + min-height: 40px; + overflow: hidden; + background-color: #f6f6f6; + } + + .topic-post .post-time { + float: left; + margin: 0; + font-size: 14px; + font-weight: normal; + } + + .topic-post .post-actions { + float: right; + margin: 0; + } + + .topic-post .post-actions a { + margin: 0; + line-height: 20px; + } + + .topic-post .post-actions .manage-post a { + } + + .topic-post .post-actions .quote-post a { + min-width: 70px; + } + + .topic-post .post-actions a.post-link-button { + margin: 0 0 0 10px; + border-left: 1px solid #ddd; + text-align: center; + } + + .topic-post .post-text { + padding: 20px 5px; + } + + .topic-post .post-vote { + padding: 20px 0 20px 15px; + } + + .forum-table th.replies, + .forum-table th.views, + .forum-table th.votes, + .forum-table td.replies, + .forum-table td.views, + .forum-table td.votes { + display: table-cell; + } + + .forum-table td.image { + max-width: none; + } + + .forum-table td.image div { + max-width: none; + background-size: initial; + } + + .ui-tabs-nav { + text-align: left; + } + + .ui-tabs-nav li { + margin: 0 10px -1px 0; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 10px -1px 0 !important; + } + + .profile-info-box .avatar { + float: left; + margin: 0 15px 15px 0; + } + + .profile-info-box .profile-stats { + float: left; + text-align: left; + } + + .profile-info-box .title { + text-align: left; + } + + .profile-info-box .send-pm { + clear: both; + text-align: left; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-769.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-769.rtl.css new file mode 100644 index 00000000..ea68d20f --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/responsive-min-769.rtl.css @@ -0,0 +1,783 @@ + +@media all and (min-width: 769px) { + :root { + --layout-outer-width: 94%; + } + /* Reverse Layout for Even Items */ + .spice-categories .spice-item:nth-child(even) { + flex-direction: row-reverse; + } + + /**** GLOBAL ***/ + + + html:not(.html-home-page) .master-wrapper-content, + .html-home-page .topic-block, + .html-home-page .home-page-category-grid, + .html-home-page .news-list-homepage, + .html-home-page .home-page-polls, + .html-home-page .home-page-product-grid { + width: var(--layout-outer-width); + } + + .home-page-polls li { + min-width: 100px; + } + + + /**** GLOBAL TABLES ***/ + + + .cart tr { + width: 31.33333%; + margin: 40px 1% 0; + } + + .cart tr:nth-child(2n+1) { + clear: none; + } + + .cart tr:nth-child(3n+1) { + clear: both; + } + + .order-details-page .data-table tr { + width: 31.33333%; + margin: 40px 1% 0; + } + + .order-details-page .data-table tr:nth-child(2n+1) { + clear: none; + } + + .order-details-page .data-table tr:nth-child(3n+1) { + clear: both; + } + + + /*** HEADER ***/ + + + .header-selectors-wrapper > div { + width: 20%; + } + + + /*** FOOTER ***/ + + + .footer-block { + display: inline-block; + width: 25.33333%; + margin: 0 4%; + vertical-align: top; + } + + .footer-block .title { + margin: 0 0 15px; + background: none; + padding: 0; + cursor: auto; + } + + .footer-block .list { + display: block !important; /* prevents toggle display:none on resize */ + background: none; + padding: 0; + } + + .footer-block .title strong { + font-weight: 700; + } + + .footer-block .list li { + padding: 5px 0; + font-size: 18px; + } + + .footer-block .list a { + display: inline; + padding: 0; + } + + + /*footer ui*/ + .follow-us { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + padding-block: 40px; + width: 100%; + } + + .follow-us > div { + width: calc(33% - 20px); + margin: 0; + text-align: center; + } + + .follow-us .title { + text-align: center; + } + + .newsletter-email { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 0; + padding-bottom: 0; + border: 0; + } + /*** Homepage Categories TABLES ***/ + /* Target only the home page category grid */ + .home-page-category-grid .category-item { + overflow: hidden; + } + + .home-page-category-grid .item-box .picture, + .home-page-category-grid .item-box .picture a { + position: static; + margin: 0; + } + + .home-page-category-grid .item-grid { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 16px; + } + + /* Style for each item */ + .home-page-category-grid .item-grid .item-box { + width: 100%; + margin: 0; + grid-column: span 2; + grid-row: span 1; + } + + .home-page-category-grid .item-box:nth-child(5n + 4), + .home-page-category-grid .item-box:nth-child(5n + 5) { + grid-column: span 3; + grid-row: span 1; + } + /* Every first item in a set of 5 spans 2 columns and 2 rows */ + .home-page-category-grid .item-box:nth-child(5n + 1) { + grid-column: span 4; + grid-row: span 2; + } + + /*** CATEGORY ***/ + + + .product-selectors { + text-align: right; + } + + .product-selectors .product-viewmode { + display: inline-block; + float: left; + } + + .product-selectors .product-viewmode span { + display: none; + } + + .product-selectors .product-viewmode a { + display: inline-block; + width: 24px; + height: 32px; + margin: 0 12px 0 0; + background-position: center; + background-repeat: no-repeat; + opacity: 0.5; + } + + .product-selectors .product-viewmode a.grid { + background-image: url('../images/view-grid.png'); + } + + .product-selectors .product-viewmode a.list { + background-image: url('../images/view-list.png'); + } + + .product-selectors .product-viewmode a.selected { + opacity: 1; + } + + .item-box { + width: 47%; + margin: 0 1.5% 50px; + } + + .category-grid .item-box:nth-child(2n+1) { + clear: none; + } + + .category-grid .item-box:nth-child(3n+1) { + clear: both; + } + + .item-box:nth-child(n+1) { + clear: none; + } + + .item-box:nth-child(2n+1) { + clear: both; + } + + .product-list .item-box { + float: none; + width: auto; + margin: 0 5px 30px; + padding-bottom: 30px; + } + + .product-list .item-box:not(:last-child) { + border-bottom: 1px solid #ddd; + } + + .product-list .item-box .product-item:after { + content: ""; + display: block; + clear: both; + } + + .product-list .item-box .picture { + float: right; + width: 220px; + } + + .product-list .item-box:hover .picture a img, + .product-list .item-box:focus .picture a img { + opacity: 1; + } + + .product-list .item-box .picture:hover a img, + .product-list .item-box .picture:focus a img { + opacity: 0.85; + } + + .product-list .item-box .picture ~ .buttons, + .product-list .item-box .picture + .details { + margin: 0 240px 0 0; + } + + .product-list .item-box .product-title { + height: auto; + padding: 10px 0; + font-size: 18px; + } + + .product-list .item-box .description { + display: block; + margin: 0 0 10px; + line-height: 22px; + } + + .product-list .item-box .prices { + min-height: initial; + margin: 0 0 15px; + } + + .product-list .item-box .buttons { + } + + .product-list .item-box .product-box-add-to-cart-button { + width: auto; + min-width: 150px; + padding: 0 20px; + } + + .product-list .item-box .add-to-compare-list-button, + .product-list .item-box .add-to-wishlist-button { + width: auto; + padding-inline: 30px; + } + + + /*** PRODUCT PAGE ***/ + + + .gallery { + width: 550px; + } + + .variant-picture { + float: right; + } + + .variant-picture + .variant-overview { + width: auto; + margin: 0 240px 0 0; + } + + .variant-overview { + text-align: right; + } + + + /*** PRODUCT REVIEWS ***/ + + + .product-review-item .review-title { + float: right; + max-width: 600px; + } + + .product-review-item .product-review-box { + float: left; + } + + .write-review .review-rating div { + display: inline-block; + margin: 0 5px 0 0; + cursor: default; + vertical-align: middle; + font-size: 14px; + height: 17px; + } + + + + + /*** REGISTRATION, LOGIN, ACCOUNT ***/ + + + .address-list-page .section, + .order-list-page .section, + .return-request-list-page .section { + display: inline-block; + width: 45%; + margin: 20px 1%; + vertical-align: top; + } + + .recurring-payments { + width: 100% !important; + margin: 20px 0 !important; + } + + + /*** SHOPPING CART ***/ + + + .order-progress { + padding: 20px; + } + + .order-progress li { + margin: 0 10px; + } + + .order-progress a { + min-width: 80px; + } + + .cart-options .common-buttons { + text-align: left; + } + + .cart-options .checkout-attributes, + .cart-options .selected-checkout-attributes { + padding: 0 10px; + } + + .cart-footer .totals { + float: left; + width: 45%; + margin: 0 2.5%; + } + + .cart-footer .terms-of-service { + text-align: right; + } + + .cart-footer .checkout-buttons, + .cart-footer .addon-buttons { + text-align: left; + } + + .cart-footer .cart-collaterals { + float: right; + width: 45%; + margin: 0 2.5%; + } + + .cart-footer .cart-collaterals div, + .cart-footer .cart-collaterals label { + text-align: right; + } + + .cart-footer .estimate-shipping label { + display: block; + margin: 0 0 10px; + } + + .cart-footer .estimate-shipping .buttons { + text-align: left; + } + + + /*** CHECKOUT ***/ + + + .checkout-page .selected-checkout-attributes { + float: left; + text-align: left; + } + + .checkout-page .cart-footer .totals { + max-width: 350px; + margin: 0; + } + + .checkout-page .address-grid { + overflow: hidden; + } + + .checkout-page .address-item { + display: inline-block; + vertical-align: top; + zoom: 1; + width: 48%; + margin: 0 1% 40px; + } + + .shipping-method .method-list li, + .payment-method .method-list li { + display: inline-block; + width: 25%; + margin: 20px 2%; + vertical-align: top; + } + + .shipping-method .method-name { + background-color: #f6f6f6; + padding: 10px; + } + + .payment-method .payment-logo { + display: block; + background-color: #f6f6f6; + padding: 10px; + } + + .payment-method .payment-details { + display: block; + width: auto; + min-width: 0; + margin: 10px 0 0; + text-align: center; + } + + .payment-info .info { + padding: 30px 75px; + } + + .order-review-data, + .order-details-area, + .shipment-details-area { + overflow: hidden; + } + + .order-review-data > div, + .order-details-area > div, + .shipment-details-area > div { + float: right; + width: 48%; + margin: 0 1% 40px; + } + + + /*** ORDER DETAILS & SHIPPING DETAILS ***/ + + + .order-details-page .section.options { + text-align: left; + } + + .order-details-page .selected-checkout-attributes { + padding: 0 10px; + } + + .order-details-page .tax-shipping-info { + text-align: left; + } + + .order-details-page .totals { + float: left; + clear: both; + } + + .shipment-details-page .tracking-number .tracking-url { + color: var(--theme-color); + } + + + /*** BLOG & NEWS ***/ + + + .blog-posts .tags { + float: left; + width: 80%; + text-align: left; + } + + .blog-posts .buttons { + float: right; + width: 20%; + text-align: right; + } + + .new-comment { + text-align: center; + } + + .new-comment .buttons { + text-align: center; + } + + .comment-list .comment { + display: table; + width: 100%; + margin: 0; + } + + .comment-list .comment:last-child { + border-bottom: 1px solid #ddd; + } + + .comment-info { + display: table-cell; + width: 15%; + margin: 0; + vertical-align: top; + } + + .comment-info .username { + min-height: 40px; + margin: 0; + border: none; + text-align: center; + } + + .comment-info .avatar { + border: none; + } + + .comment-info .avatar img { + max-width: 80%; + max-height: 80%; + } + + .comment-content { + display: table-cell; + width: 85%; + border-right: 1px solid #ddd; + vertical-align: top; + text-align: right; + } + + .comment-time { + min-height: 40px; + margin: 0; + background-color: #f6f6f6; + padding: 10px 15px; + font-size: 14px; + font-weight: normal; + } + + .comment-title { + margin: 0 0 -20px; + padding: 20px; + } + + .comment-body { + padding: 20px; + } + + + /*** FORUM & PROFILE ***/ + + + .forum-actions, + .topic-actions { + overflow: hidden; + } + + .forum-actions .actions, + .topic-actions .actions { + float: right; + } + + .forum-actions .pager, + .topic-actions .pager { + float: left; + max-width: 450px; + } + + .forum-actions .pager li, + .topic-actions .pager li { + margin: 2px 4px; + } + + .forum-actions .pager.upper { + display: block; + } + + .topic-actions.lower .actions { + display: block; + } + + .topic-posts { + margin: 0 0 30px; + } + + .topic-post { + display: table; + width: 100%; + margin: 0; + } + + .topic-post .post-info { + display: table-cell; + width: 15%; + margin: 0; + vertical-align: top; + text-align: right; + } + + .topic-post .user-info { + width: auto; + } + + .topic-post .username { + min-height: 40px; + margin: 0; + border: none; + text-align: center; + } + + .topic-post .avatar { + margin: auto; + border: none; + } + + .topic-post .avatar img { + max-width: 80%; + max-height: 80%; + } + + .topic-post .user-stats li { + margin: 0; + } + + .topic-post .send-pm { + margin: 0 0 20px; + } + + .topic-post .pm-button, + .profile-info-box .pm-button { + padding: 8px 16px; + font-size: 13px; + } + + .topic-post .post-content { + display: table-cell; + width: 85%; + border-right: 1px solid #ddd; + vertical-align: top; + text-align: right; + } + + .topic-post .post-head { + min-height: 40px; + overflow: hidden; + background-color: #f6f6f6; + } + + .topic-post .post-time { + float: right; + margin: 0; + font-size: 14px; + font-weight: normal; + } + + .topic-post .post-actions { + float: left; + margin: 0; + } + + .topic-post .post-actions a { + margin: 0; + line-height: 20px; + } + + .topic-post .post-actions .manage-post a { + } + + .topic-post .post-actions .quote-post a { + min-width: 70px; + } + + .topic-post .post-actions a.post-link-button { + margin: 0 10px 0 0; + border-right: 1px solid #ddd; + text-align: center; + } + + .topic-post .post-text { + padding: 20px 5px; + } + + .topic-post .post-vote { + padding: 20px 15px 20px 0; + } + + .forum-table th.replies, + .forum-table th.views, + .forum-table th.votes, + .forum-table td.replies, + .forum-table td.views, + .forum-table td.votes { + display: table-cell; + } + + .forum-table td.image { + max-width: none; + } + + .forum-table td.image div { + max-width: none; + background-size: initial; + } + + .ui-tabs-nav { + text-align: right; + } + + .ui-tabs-nav li { + margin: 0 0 -1px 10px; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 0 -1px 10px !important; + } + + .profile-info-box .avatar { + float: right; + margin: 0 0 15px 15px; + } + + .profile-info-box .profile-stats { + float: right; + text-align: right; + } + + .profile-info-box .title { + text-align: right; + } + + .profile-info-box .send-pm { + clear: both; + text-align: right; + } +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.css new file mode 100644 index 00000000..39920fb5 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.css @@ -0,0 +1,7287 @@ +/* + Theme developed by nopStation + UI Development by Md Latifur Rahman + For any customization or support, contact: sales@nop-station.com + if you like the theme , please rate it on the marketplace +*/ + + +/*********** CSS RESET **********/ + + +:root { + --theme-color: #E60000; + --active-color: #fb9b06; + --dark: #353535; + --white: #fff; + --light-bg: #f9f9f9; + --theme-border-radius: 0; + --itembox-picture-radius: 0; + --show-product-box-buttons: block; /* block or none */ + --layout-outer-width: 94%; +} + +@font-face { + font-family: 'Antonio'; + src: url('../fonts/Antonio-VariableFont_wght.ttf') format('truetype'); + font-weight: 100 700; /* Adjust the range as needed */ + font-style: normal; +} +* { + margin: 0; + padding: 0; + text-decoration: none; +} + +*, *:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + margin: 0; + -webkit-text-size-adjust: none; +} +ol, ul { + list-style: none; +} + +a img { + border: none; +} + +button::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="submit"]::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner, +input[type="file"] > button::-moz-focus-inner, +input[type="file"] > input[type="button"]::-moz-focus-inner { + margin: 0; + border: 0; + padding: 0; +} + +button, +input[type="button"], +input[type="submit"], +input[type="reset"], +input[type="text"], +input[type="email"], +input[type="tel"], +input[type="password"], +textarea { + border-radius: var(--theme-border-radius); +} + input[type="submit"] ~ :is(button, input[type="button"]), + input[type="reset"] ~ :is(button, input[type="button"]), + input[type="text"] ~ :is(button, input[type="button"]), + input[type="email"] ~ :is(button, input[type="button"]), + input[type="tel"] ~ :is(button, input[type="button"]), + input[type="password"] ~ :is(button, input[type="button"]) { + margin-left: -3px; + border-top-left-radius: 0; + } + button, + input[type="button"], + input[type="submit"], + input[type="reset"] { + -webkit-appearance: none; + } + +input:-webkit-autofill { + -webkit-box-shadow: inset 0 0 0 1000px #fff; +} + +script { + display: none !important; +} + + +/*********** GLOBAL STYLES **********/ + + + +body { + max-width: 100%; + overflow-x: hidden; + background-color: #fff; + font: normal 16px 'Antonio', sans-serif; + color: #353535; +} + +h1, h2, h3, h4, h5, h6 { + color: #444; +} + +a { + color: inherit; + cursor: pointer; +} + +a img { + opacity: 0.99; /*firefox scale bug fix*/ +} + +table { + width: 100%; + border-collapse: collapse; +} +/* Custom Checkbox */ +input[type="checkbox"] { + appearance: none; + width: 18px !important; + height: 18px !important; + border: 1px solid #888 !important; + border-radius: var(--theme-border-radius); /* Rounded corners */ + background-color: white; + cursor: pointer; +} + + input[type="checkbox"]:checked { + border-color: var(--theme-color) !important; + background-color: var(--theme-color) !important; + } + + input[type="checkbox"]:checked::before { + content: "\f00c"; + font-size: 14px; + font-family: 'FontAwesome'; + color: white; + display: block; + text-align: center; + line-height: 18px; + } + +/* Custom Radio */ +input[type="radio"] { + appearance: none; + width: 18px !important; + height: 18px !important; + display: inline-block !important; + border: 2px solid var(--dark) !important; + border-radius: 50%; /* Always round */ + background-color: var(--white); + cursor: pointer; + position: relative; +} + +input[type="radio"]:checked { + border-color: var(--theme-color) !important; + background-color: var(--theme-color) !important; +} + + input[type="radio"]:checked::before { + content: "\f00c"; + font-size: 12px; + line-height: 1; + margin-left: -1px; + font-family: 'FontAwesome'; + color: white; + width: 10px; + height: 10px; + border-radius: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + +input[type="text"], +input[type="email"], +input[type="tel"], +input[type="password"], +textarea, select { + height: 36px; /*safari padding fix*/ + border: 1px solid #ddd; + padding: 8px; + vertical-align: middle; + border-radius: var(--theme-border-radius); +} + +input, textarea, select, button { + font-size: 14px; + font-family: 'Antonio', sans-serif; + color: #777; + border-radius: var(--theme-border-radius); +} + +textarea { + min-height: 150px; +} + +select { + min-width: 50px; + height: 32px; /*safari padding fix*/ + padding: 6px; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="tel"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border-color: #ccc; + color: #444; + position: relative; + z-index: 1; +} + +input[type="checkbox"], +input[type="radio"], +input[type="checkbox"] + *, +input[type="radio"] + * { + vertical-align: middle; +} + +input[type="button"], input[type="submit"], +button, .button-1, .button-2 { + cursor: pointer; +} + +label, label + * { + vertical-align: middle; +} + +.html:not(.html-home-page) .master-wrapper-content { + position: relative; + z-index: 0; + width: 90%; + margin: 0 auto; +} + +.master-column-wrapper { + position: relative; + z-index: 0; +} + +.master-column-wrapper:after { + content: ""; + display: block; + clear: both; +} + +.center-1 { + margin: 0 0 100px; +} + +.center-2, .side-2 { + margin: 0 0 50px; +} + +.side-2:after { + content: ""; + display: block; + clear: both; +} + +.page { + min-height: 200px; + text-align: center; +} + +.page-title { + min-height: 50px; + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 6px 10px; +} + +.page-title h1 { + font-size: 30px; + font-weight: normal; +} + +.page:after, +.page-title:after, +.page-body:after { + content: ""; + display: block; + clear: both; +} + +.center-1 .page-title, +.center-1 .title { + text-align: center; +} + +.buttons { + margin: 0 0 30px; +} + +.link-rss { + display: none; + width: 24px; + height: 24px; + background: url('../images/rss.png') center no-repeat; + font-size: 0 !important; +} + +.category-description ul, +.manufacturer-description ul, +.full-description ul, +.topic-block ul, +.topic-page ul, +.post-body ul { + margin: 12px 0; + padding: 0 0 0 36px; + list-style: disc; +} + +.category-description ol, +.manufacturer-description ol, +.full-description ol, +.topic-block ol, +.topic-page ol, +.post-body ol { + margin: 12px 0; + padding: 0 0 0 36px; + list-style: decimal; +} + +.category-description p, +.manufacturer-description p, +.full-description p, +.topic-block p, +.topic-page p, +.post-body p, +.news-body p { + margin: 10px 0; + text-align: justify; +} + +.flyout-cart { + display: none; +} + +/*********** GLOBAL FORMS ***********/ + +.fieldset, .section { + position: relative; + margin: 0 0 40px; +} + +.fieldset .title, +.section .title { + margin: 0 0 15px; + padding: 0 10px; + font-size: 20px; + color: #444; +} + +.fieldset .title strong, +.section .title strong { + font-weight: normal; +} + +.fieldset .warnings { + text-align: center; + margin-block-end: 30px; + color: #e4444c; +} + +.form-fields { + position: relative; + background-color: #f9f9f9; + padding: 30px 15px; +} + +.inputs { + position: relative; + margin: 0 0 15px; + text-align: center; + white-space: nowrap; /*fix for 'required' elements*/ + font-size: 0; +} + +.inputs:after { + content: ""; + display: block; + clear: both; +} + +.inputs label { + display: block; + width: 100%; + margin: 0 0 10px; + text-align: center; + font-size: 14px; /*reset zeroing*/ + color: #444; +} + +.inputs input[type="text"], +.inputs input[type="email"], +.inputs input[type="tel"], +.inputs input[type="password"], +.inputs select, .inputs textarea { + width: 400px; + max-width: 100%; + background-color: #fff; +} + +.inputs.custom-attributes { + white-space: normal; +} + +.inputs .option-list { + display: inline-block; + max-width: 95%; + vertical-align: middle; +} + +.inputs .option-list li { + display: inline-block; + margin: 5px; + border: 1px solid #ddd; + background-color: #fff; + padding: 8px 10px; +} + +.inputs .option-list label { + display: inline-block; + width: auto !important; + margin: 0 0 0 5px; +} + +.inputs .form-input-wrapper { + display: inline-block; + max-width: 100%; +} + +.inputs.reversed { + margin: 0 0 20px; + text-align: center; +} + +.required { + margin: 0 -8px 0 3px; /*siblings offset*/ + vertical-align: top; + font-size: 20px; + font-weight: normal; + color: #e4434b; +} + +.message-error, +.field-validation-error, +.username-not-available-status, +.poll-vote-error, .password-error { + display: block; + text-align: center; + font-size: 13px; + color: #e4434b; + margin-top: 5px; + white-space: normal; +} + +.field-validation-valid, +.username-available-status { + display: block; + text-align: center; + font-size: 13px; + color: #4cb17c; +} + +.captcha-box { + text-align: center; + line-height: 0; /*firefox line-height bug fix*/ +} + +.captcha-box > div { + display: inline-block; + max-width: 100%; +} + +.captcha-box input { + height: auto; +} + +/*********** GLOBAL TABLES ***********/ + +.table-wrapper { + overflow-x: auto; +} + +.data-table .hidden-row { + height: 1px; + border: none; +} + +.data-table tr.hidden-row th { + padding: 0; + border-top: none; +} + +.data-table tr.hidden-row th > span { + height: 1px; + width: 1px; + position: absolute; + overflow: hidden; + top: -10px; +} + +.cart th, +.data-table th, +.forum-table th { + border-width: 1px 1px 0; + border-style: solid; + border-color: #ddd; + background-color: var(--dark); + color: #fff; + padding: 10px; + white-space: nowrap; + font-weight: normal; +} + +.forum-table th.replies, +.forum-table th.views, +.forum-table th.votes, +.forum-table th.latest-post, +.forum-table th.topics, +.forum-table th.posts, +.forum-table td.replies, +.forum-table td.views, +.forum-table td.votes, +.forum-table td.latest-post, +.forum-table td.topics, +.forum-table td.posts { + display: none; +} + +.forum-table td.image { + min-width: 0; +} + +.cart td, +.data-table td, +.forum-table td { + min-width: 50px; + border-width: 1px; + border-style: solid; + border-color: transparent #ddd #ddd; + background-color: #fff; + padding: 20px; + color: #444; +} + +.forum-table td { + min-width: 90px; + padding: 10px; +} + +.cart a, +.data-table a, +.forum-table a { + font-weight: normal; + color: var(--theme-color); +} + +.cart a:hover, +.cart a:focus, +.data-table a:hover, +.data-table a:focus, +.forum-table a:hover, +.forum-table a:focus { + text-decoration: underline; +} + +.cart .product, +.data-table .product, +.data-table .message, +.data-table .info, +.data-table .name { + min-width: 225px; + text-align: left; +} + +.forum-table .forum-details, +.forum-table .topic-details { + text-align: left; +} + +.cart .product a, +.data-table .product a, +.data-table .info a { + font-weight: bold; + color: #444; +} + +.cart .product a:hover, +.cart .product a:focus, +.data-table .product a:hover, +.data-table .product a:focus, +.data-table .info a:hover, +.data-table .info a:focus { + color: var(--theme-color); + text-decoration: none; +} + +.cart .product .edit-item { + margin: 10px 0 0; +} + +.cart .product .edit-item a { + font-weight: normal; + color: var(--theme-color); +} + +.cart .product .edit-item a:hover, +.cart .product .edit-item a:focus { + text-decoration: underline; +} + +.cart .remove-from-cart, +.cart .add-to-cart, +.data-table .select-boxes, +.data-table .order { + text-align: center; +} + +.cart .remove-from-cart input[type="checkbox"] { + display: none; +} + +.cart .remove-from-cart .remove-btn { + width: 11px; + height: 11px; + border: 0; + background: #ffffffab url(../images/remove.png) center no-repeat; +} + +.cart td.unit-price, +.data-table td.unit-price { + white-space: nowrap; +} + +.cart td.quantity input { + width: 50px; + text-align: center; +} + +.product-quantity { + display: flex; + justify-content: center; + align-items: stretch; + flex-direction: row-reverse; +} +.product-quantity .quantity { + display: flex; + justify-content: center; + align-items: center; + width: 30px; + border: 1px solid #ddd; + cursor: pointer; +} +.quantity.up::before { + content: "\f067"; /* FontAwesome 4 plus icon */ + font-family: FontAwesome; + +} + +.quantity.down::before { + content: "\f068"; /* FontAwesome 4 minus icon */ + font-family: FontAwesome; +} +.cart td.subtotal, +.data-table td.total { + white-space: nowrap; + color: #444; +} + +.cart td.subtotal .discount, .cart td.subtotal .discount-additional-info { + font-style: italic; + color: var(--theme-color); +} + +.data-table em a { + font-weight: bold; + color: #444; +} + +.data-table div.download { + margin: 10px 0 0; +} + + +/*********** NOTIFICATIONS & POPUPS ***********/ + + + +.bar-notification-container { + position: fixed; + top: 0; + left: 0; + z-index: 1000; + width: 100%; + line-height: 16px; + color: #fff; + opacity: 0.95; +} + +.bar-notification.success { + background-color: #4bb07a; +} + +.bar-notification.error { + background-color: #e4444c; +} + +.bar-notification.warning { + background-color: #f39c12; +} + +.bar-notification { + position: relative; + display: none; + padding: 15px 25px 15px 10px; +} + +.bar-notification .content { + margin: 0 10px 0 0; +} + +.bar-notification .content a { + color: #fff; + text-decoration: underline; +} + +.bar-notification .close { + position: absolute; + top: 0; + right: 0; + width: 32px; + height: 32px; + margin: 7px; + background: #fff url('../images/close.png') center no-repeat; + cursor: pointer; +} + +.popup-notification { + border-radius: 5px; + padding: 3px; + margin: 5px 0; +} + +.popup-notification.success { + border: 2px rgba( 75,176,122,.5) solid; +} + +.popup-notification.error { + border: 2px rgba( 228,68,76,.5) solid; +} + +.popup-notification.warning { + border: 2px rgba( 243,156,18,.5) solid; +} + +.noscript { + border-bottom: 1px solid #333; + background-color: #ff9; + padding: 30px 15px; + text-align: center; + line-height: 22px; + color: #444; +} + +.ajax-loading-block-window { + position: fixed; + top: 50%; + left: 50%; + z-index: 999; + width: 32px; + height: 32px; + margin: -16px 0 0 -16px; + background: url('../images/loading.gif') center no-repeat; +} + +.please-wait { + background: url('../images/ajax-loader-small.gif') no-repeat; + padding-left: 20px; + font-size: 14px; +} + +.ui-dialog { + max-width: 90%; + border: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0,0,0,0.15); + overflow: hidden; + background-color: #fff; + /*override jQuery UI styles, do not delete doubled properties*/ + border-radius: 0; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; +} + +.ui-dialog:before { + content: ""; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.5); +} + +.ui-dialog-titlebar { + border-bottom: 1px solid #ddd; + overflow: hidden; + background-color: #eee; + padding: 10px 15px; + /*override jQuery UI styles, do not delete doubled properties*/ + border-width: 0 0 1px; + border-radius: 0; + background-image: none; + padding: 10px 15px !important; + font-weight: normal; + cursor: auto !important; +} + +.ui-dialog-titlebar > span { + float: left; + font-size: 18px; + color: #444; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 !important; +} + +.ui-dialog-titlebar button { + position: absolute; + top: 0; + right: 0; + width: 42px; + height: 42px; + border: none; + overflow: hidden; + background: url('../images/close.png') center no-repeat; + font-size: 0; + /*override jQuery UI styles, do not delete doubled properties*/ + top: 0 !important; + right: 0 !important; + width: 42px !important; + height: 42px !important; + margin: 0 !important; + border: none !important; + border-radius: 0; + background: url('../images/close.png') center no-repeat !important; + padding: 0 !important; +} + +.ui-dialog-titlebar button span { + display: none !important; +} + +.ui-dialog-content { + padding: 15px; + line-height: 20px; + /*override jQuery UI styles, do not delete doubled properties*/ + background-color: #fff !important; + padding: 15px 15px 20px 15px !important; + color: #777; +} + +.ui-dialog-content .page { + min-height: 0; +} + +.ui-dialog-content .page-title { + min-height: 0; + margin: 0 0 15px; + padding: 0px 10px 10px 10px; + text-align: center; +} + +.ui-dialog-content .page-title h1 { + font-size: 24px; + line-height: 30px; +} + +.ui-dialog-content .back-in-stock-subscription-page { + text-align: center; +} + +.ui-dialog-content .back-in-stock-subscription-page .tooltip { + margin-bottom: 10px; +} + +.ui-dialog-content .back-in-stock-subscription-page .button-1 { + border: none; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.ui-dialog-content .back-in-stock-subscription-page .button-1:hover, +.ui-dialog-content .back-in-stock-subscription-page .button-1:focus { + background-color: var(--active-color); +} + +.eu-cookie-bar-notification { + position: fixed; + top: 50%; + left: 50%; + z-index: 1050; + width: 320px; + height: auto; + margin: -90px 0 0 -160px; + border: 1px solid #ccc; + box-shadow: 0 0 2px rgba(0,0,0,0.15); + background-color: #fff; + padding: 20px; + text-align: center; +} + +.eu-cookie-bar-notification .text { + margin-bottom: 20px; + line-height: 20px; +} + +.eu-cookie-bar-notification button { + min-width: 60px; + margin: 5px 0 10px; + border: none; + background-color: var(--theme-color); + padding: 8px 12px; + font-size: 14px; + color: #fff; +} + +.eu-cookie-bar-notification button:hover, +.eu-cookie-bar-notification button:focus { + background-color: var(--active-color); +} + +.eu-cookie-bar-notification a { + display: block; + color: var(--theme-color); +} + +.eu-cookie-bar-notification a:hover, +.eu-cookie-bar-notification a:focus { + text-decoration: underline; +} + + +/*********** HEADER ***********/ + + + +.admin-header-links { + background-color: #333; + text-align: center; + color: #eee; +} + +.admin-header-links * { + display: inline-block; + margin: 0 10px; + line-height: 35px; + font-size: 12px; + font-weight: bold; +} + +.admin-header-links .impersonate { + display: inline-block; +} + +.admin-header-links .impersonate a { + background-color: #555; + padding: 0 15px; +} + +.admin-header-links .impersonate a:hover, +.admin-header-links .impersonate a:focus { + background-color: #666; +} + +.header .header-upper { + position: relative; + z-index: 10; + width: 95%; + margin: auto; + text-align: center; +} + + +.header-selectors-wrapper { + border-bottom: 1px solid #ddd; + padding: 10px 0; +} + +.header-selectors-wrapper > div { + display: block; + width: 50%; + margin: 10px auto; + vertical-align: middle; +} + +.header-selectors-wrapper select { + width: 100%; + border-radius: var(--theme-border-radius); +} + +.language-list { + max-width: 100%; + font-size: 0; +} + +.language-list li { + display: inline-block; + margin: 0 1px; + vertical-align: middle; +} + +.language-list a { + display: block; + position: relative; + width: 24px; + height: 32px; + line-height: 0; +} + +.language-list img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} + +.header-links-wrapper { + position: relative; + padding: 20px 0; +} + +.header-links { +} +.user-dropdown { + position: relative; + display: inline-block; + cursor: pointer; +} + + .user-dropdown .user-dropdown-toggle { + display: inline-block; + padding: 10px; + background: #f6f6f6; + min-width: 120px; + line-height: 25px; + } + .user-dropdown .fa { + font-size: 20px; + color: #888; + margin-right: 10px; + } + +.user-dropdown ul { + position: absolute; + top: 100%; + left: 0; + background: #fff; + list-style: none; + padding: 0; + margin: 0; + width: 150px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + display: none; + z-index: 1000; +} + +.user-dropdown ul li { + display: block; + border-bottom: 1px solid #ddd; +} + +.user-dropdown ul li:last-child { + border-bottom: none; +} + +.user-dropdown ul li a { + display: block; + padding: 10px; + color: #333; + text-decoration: none; + transition: background 0.3s ease; +} + +.user-dropdown ul li a:hover { + background: #f5f5f5; +} + +.user-dropdown:hover ul { + display: block; +} + +.header-links ul { + font-size: 0; +} + +.header-links li { + display: inline-block; + margin: 0 10px; +} + +.header-links span, +.header-links a { + display: inline-block; + font-size: 16px; /*reset zeroing*/ + line-height: 36px; + text-transform: uppercase; +} + +.header-links a:hover, +.header-links a:focus { + color: var(--theme-color); +} + +#topcartlink { + display: block; + width: 70%; + max-width: 400px; + margin: 10px auto 0; + background-color: #f6f6f6; + padding: 0 20px; + border-radius: var(--theme-border-radius); + color: var(--dark); +} + +#topcartlink a { + background: url('../images/shopping-bag.png') left center no-repeat; + padding: 0 0 0 20px; +} + +.header-lower { + position: relative; + z-index: 0; + padding: 35px 0; +} + +.header-logo { + margin: 0 0 0; + text-align: center; +} + +.header-logo a { + display: inline-block; + max-width: 180px; + line-height: 0; /*firefox line-height bug fix*/ +} + +.header-logo a img { + max-width: 100%; + opacity: 1; +} + +/* Search box */ + +.search-box form { + display: flex; + flex-flow: row wrap; + justify-content: center; + gap: 10px 0; +} + +.search-box input.search-box-text { + width: 200px; + height: 36px; + margin: 0 -1px 0 0; + border-radius: var(--theme-border-radius); +} + +.search-box .search-box-category { + height: 36px; +} + +.search-box .search-box-button { + min-width: 46px; + height: 36px; + border: none; + background-color: var(--theme-color); + padding: 0 15px; + text-align: center; + color: #fff; + text-transform: uppercase; + margin-left: -2px; + border-radius: var(--theme-border-radius); + font-size: 0; +} + .search-box .search-box-button::before { + content: "\f002"; + display: inline-block; + font: normal normal normal 18px / 1 FontAwesome; + } +.search-box .search-box-button:hover, +.search-box .search-box-button:focus { + background-color: var(--active-color); +} + +.search-box .ui-autocomplete-loading { + background: #fff url('../images/ajax-loader-small.gif') right center no-repeat; +} + +.ui-helper-hidden-accessible { + display: none !important; +} + +.ui-autocomplete { + width: 285px !important; + border: 1px solid #ddd; + border-top: none; + overflow: hidden; + background-color: #fff; + text-align: left; + /*override jQuery UI styles, do not delete doubled properties*/ + border-radius: 0; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; +} + +.ui-autocomplete li { + border-top: 1px solid #ddd; +} + +.ui-autocomplete li:first-child { + border-top: none; +} + +.ui-autocomplete a { + display: block; + padding: 15px; + font-size: 14px; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 !important; + border: none !important; + border-radius: 0 !important; + background: none !important; + padding: 15px !important; + line-height: normal !important; + color: #777 !important; +} + +.ui-autocomplete a:hover, +.ui-autocomplete a:focus, +.ui-autocomplete a.ui-state-focus { + background-color: #f6f6f6 !important; +} + +.ui-autocomplete img { + display: none; + min-width: 20px; + margin: 0 10px 0 0; + vertical-align: middle; +} + + +/*********** FOOTER ***********/ + + + +.footer { + background-color: var(--dark); + text-align: center; + color: #fff; +} +.footer a { + color: #fff; +} +.footer-upper { + width: 95%; + margin: auto; + border-bottom: 1px solid #888; + overflow: hidden; + padding: 40px 0; + font-size: 0; +} + +.footer-block { + width: 95%; + margin: 1px auto; + text-align: left; + font-size: 14px; /*reset zeroing*/ +} + +.footer-block .title { + margin: 0 0 1px; + background: var(--theme-color) url('../images/toggle-white.png') right center no-repeat; + padding: 10px 15px; + font-size: 20px; + color: #fff; + cursor: pointer; +} + +.footer-block .title strong { + font-weight: normal; +} + +.footer-block .list { + display: none; + margin: 0 0 20px; + background-color: var(--dark); + padding: 10px 15px; +} + +.footer-block .list a { + display: block; + padding: 10px 15px; + line-height: 20px; +} + +.footer-block .list a:hover, +.footer-block .list a:focus { + color: var(--theme-color); +} + +.follow-us { + width: 95%; + margin: 30px auto 0; + text-align: center; +} + +.follow-us .title { + margin: 0 0 10px; + background: none; + color: #fff; + cursor: auto; + font-size: 18px; + text-align: left; +} + +.follow-us .social ul { + font-size: 0; +} + +.follow-us .social li { + display: inline-block; + margin: 0 5px; +} + +.follow-us .social a { + display: block; + width: 38px; + height: 38px; + background: url('../images/social-sprite.png') no-repeat; + font-size: 0; +} + +.follow-us .social .facebook a { + background-position: 0 0; +} + +.follow-us .social .twitter a { + background-position: -38px 0; +} + +.follow-us .social .rss a { + background-position: -76px 0; +} + +.follow-us .social .youtube a { + background-position: -114px 0; +} + +.follow-us .social .instagram a { + background-position: -152px 0; +} +.newsletter-email { + display: inline-block; + overflow: hidden; + padding: 0 0 30px; + margin: 0 0 30px; + border-bottom: 1px solid #888; +} + +.newsletter-email:focus-within { + overflow: visible; +} + +.newsletter-email input[type="email"] { + float: left; + width: 180px; + height: 36px; + margin: 0 -1px 0 0; +} + +.newsletter-subscribe-button { + float: left; + height: 36px; + border: none; + background-color: var(--theme-color); + padding: 0 15px; + text-align: center; + color: #fff; + text-transform: uppercase; +} + +.newsletter-subscribe-button:hover, +.newsletter-subscribe-button:focus { + background-color: var(--active-color); +} + +.newsletter-email .options { + clear: both; + padding: 10px 0 0; +} + +.newsletter-validation, +.newsletter-result { + width: 100%; + overflow: hidden; + line-height: 28px; +} +/*.newsletter-validation .please-wait { + display: none !important; +}*/ + +.footer-lower { + width: 95%; + margin: auto; + overflow: hidden; + padding: 25px 0; + font-size: 12px; +} + +.footer-tax-shipping a { + font-weight: bold; + color: var(--theme-color); +} + +.footer-tax-shipping a:hover, +.footer-tax-shipping a:focus { + text-decoration: underline; +} + +.footer-powered-by { + margin: 0 0 10px; + font-size: 16px; +} + +.footer-powered-by a { + font-weight: bold; + color: var(--theme-color); +} + +.footer-powered-by a:hover, +.footer-powered-by a:focus { + text-decoration: underline; +} + +.theme-selector { + margin: 10px 0 0; +} + +.theme-selector select { + width: 170px; +} + + +/*********** SIDE COLUMN ***********/ + + + +.block { + max-width: 600px; /*width limit in mobile*/ + min-height: 50px; + margin: auto; + text-align: left; +} + +.block .title { + position: relative; + margin: 0 0 10px; + border-bottom: 1px solid #ddd; + background: #fff url(../images/toggle-dark.png) right 10px center no-repeat; + padding: 12px 30px 12px 10px; + font-size: 20px; + color: var(--dark); + cursor: pointer; +} + +.block .title strong { + font-weight: normal; +} + +.block .listbox { + display: none; + border-bottom: 1px solid #ddd; + padding: 10px 5px; +} + +.block .list li { + padding: 5px 0 5px 15px; +} + +.block .list a { + display: inline-block; + position: relative; + padding: 5px 0; + font-size: 16px; + color: #444; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; +} + +.block .list a:before { + content: ""; + position: absolute; + top: 12px; + left: -15px; + width: 5px; + height: 5px; + background-color: #ddd; +} + +.block .list .active > a { + color: var(--theme-color); +} + +.block .list a:hover, +.block .list a:focus { + color: var(--theme-color); +} + +.block a.product-picture { + display: none; +} + +.block a.product-picture img { + max-width: 100%; +} + +.block a.product-picture:before { + display: none; +} + +.block .sublist { + margin: 15px 0 5px; +} + +.block .sublist a { + font-size: 14px; +} + +.block .view-all { + margin: 10px 0 0; +} + +.block .view-all a { + display: inline-block; + padding: 10px 15px; + font-size: 16px; + color: var(--theme-color); +} + +.block .view-all a:hover, +.block .view-all a:focus { + text-decoration: underline; +} + +.block .tags { + margin: 5px 0 10px; +} + +.block .tags ul { + font-size: 0; +} + +.block .tags li, +.product-tags-all-page li { + display: inline-block; + position: relative; + margin: 0 10px; + overflow: hidden; + font-size: 17px !important; /*setting base size*/ +} + +.block .tags li a, +.product-tags-all-page li a { + float: left; + line-height: 30px; + color: #444; +} + +.block .tags li a:hover, +.block .tags li a:focus, +.product-tags-all-page li a:hover, +.product-tags-all-page li a:focus { + color: var(--theme-color); +} + +.poll strong { + display: block; + margin: 10px 0; + background-color: #f6f6f6; + padding: 10px 15px; + font-size: 15px; + font-weight: normal; + color: #444; + text-transform: uppercase; +} + +.poll-options, +.poll-results { + margin: 10px 0 15px; + overflow: hidden; + font-size: 15px; + color: #444; +} + +.poll-options li, +.poll-results li { + margin: 10px 0; +} + +.poll-options li > input { + margin: 0 5px 0 0; + cursor: pointer; +} + +.poll-options li > label { + display: inline-block; + font-size: 16px; + cursor: pointer; +} + +.poll .buttons, +.poll-total-votes { +} + +.poll .buttons button { + border: none; + background-color: #aaa; + padding: 10px 20px; + font-size: 13px; + color: #fff; + text-transform: uppercase; +} + +.poll .buttons button:hover, +.poll .buttons button:focus { + background-color: #bbb; +} + +.poll-total-votes { + display: block; + margin: 10px 0 0; + font-weight: bold; + font-style: italic; + color: #444; +} + +.home-page-polls { + text-align: center; +} + +.home-page-polls .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.home-page-polls .title strong { + font-weight: 700; + color: var(--dark); +} + +.home-page-polls li { + display: inline-block; + margin: 10px; +} + +/********** spice category widget push **********/ +.spice-categories { + padding: 60px 20px; + margin-bottom: 75px; + background: #f8f8f8; + text-align: center; +} + +.spice-categories h2 { + font-size: 2.2rem; + font-weight: bold; + color: #333; + margin-bottom: 10px; +} + +.spice-categories .intro-text { + max-width: 600px; + margin: 0 auto 30px; + font-size: 1.1rem; + color: #555; + line-height: 1.6; +} + +/* Spice Item Styling */ +.spice-categories .spice-item { + display: flex; + align-items: center; + gap: 20px; + max-width: 1100px; + margin: 30px auto; + background: #fff; + padding: 20px; + border-radius: var(--itembox-picture-radius); + box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.spice-categories .spice-item:hover { + transform: translateY(-5px); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); +} + +/* Spice Item Image */ +.spice-categories .spice-item img { + width: 50%; + height: 250px; + object-fit: cover; + border-radius: var(--itembox-picture-radius); +} + +/* Spice Text Container */ +.spice-categories .spice-text { + width: 50%; + text-align: left; + padding: 10px 20px; +} + +.spice-categories .spice-text h3 { + font-size: 1.8rem; + color: var(--theme-color); + margin-bottom: 10px; +} + +.spice-categories .spice-text p { + color: #666; + font-size: 1rem; + line-height: 1.5; + margin-bottom: 15px; +} + +/* Button Styling */ +.spice-categories .btn { + display: inline-block; + padding: 12px 20px; + background: var(--theme-color); + color: #fff; + text-decoration: none; + border-radius: var(--theme-border-radius); + font-weight: bold; + transition: background 0.3s ease; +} + +.spice-categories .btn:hover { + background: #a83226; +} + + +/********** HOME PAGE Welcome Topics **********/ +.welcome-section { + background-color: #fbfbfb; + margin-bottom: 60px; + padding-block: 60px; +} +.welcome-image { + position: relative; +} +.welcome-image::before { + padding-top: 67%; + display: block; + content: ""; +} +.welcome-image img { + position: absolute; + top: 50%; + left: 50%; + translate: -50% -50%; + height: 100%; + width: 100%; + object-fit: cover; +} +.welcome-container { + max-width: var(--layout-outer-width); + margin-inline: auto; + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + gap: 40px; +} + +.welcome-image img { + width: 100%; + border-radius: 0; +} + +.welcome-text { + text-align: left; +} + +.welcome-text h1 { + font-size: 20px; + color: var(--theme-color); + margin-bottom: 10px; +} + +.welcome-text h2 { + font-size: 48px; + color: var(--dark); + font-weight: 700; + margin-bottom: 30px; +} + +.welcome-text p { + font-size: 16px; + color: var(--dark); + line-height: 1.6; + text-align: left; +} +/********** HOME PAGE SLIDER PAGE **********/ +.nop-slider { + margin: 0; +} +.nop-slider .slider-img { + width: 100%; +} +.nop-slider .swiper-slide { + display: block; + position: relative; +} +.swiper-autoheight .swiper-wrapper { + height: auto !important; +} +.nop-slider .swiper-slide::before { + content: ""; + display: block; + padding-top: 32%; +} +.nop-slider .swiper-slide img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + margin: auto; + object-fit: cover; +} +/********** category item **********/ +.sub-category-item, +.category-item { + display: flex; + flex-direction: column-reverse; + justify-content: left; + align-items: center; +} +.sub-category-item .picture, +.category-item .picture { + width: 100%; + height: auto; +} + +/********** CATEGORY PAGE **********/ +.breadcrumb { + margin: 10px 0 10px; + background-color: var(--white); + padding: 5px 10px; +} + +.breadcrumb ul { + font-size: 0; +} + +.breadcrumb li { + display: inline-block; +} + +.breadcrumb li * { + display: inline-block; + margin: 0 5px; + font-size: 14px; /*reset zeroing*/ + line-height: 32px; + color: var(--dark); +} + +.breadcrumb strong { + font-weight: normal; +} + +.breadcrumb a { + color: var(--dark); +} +.breadcrumb li a:hover span, +.breadcrumb li a:hover, +.breadcrumb li a:focus { + color: var(--theme-color); +} + +.category-description, +.manufacturer-description, +.vendor-description { + margin: 0 0 25px; + line-height: 22px; +} + +.contact-vendor { + margin: 0 0 30px; +} + +.contact-vendor .button-2 { + border: none; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 14px; + color: #fff; + text-transform: uppercase; +} + +.contact-vendor .button-2:hover, +.contact-vendor .button-2:focus { + background-color: var(--active-color); +} + +.product-selectors { + margin: 0 0 20px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + padding: 20px 0; +} + +.product-selectors:first-child { + border-top: none; +} + +.product-selectors:after { + content: ""; + display: block; + clear: both; +} + +.product-selectors > div { + display: inline-block; + margin: 5px; +} + +.product-selectors span { + vertical-align: middle; + font-size: 16px; +} + +.product-selectors select { + margin: 0 8px; +} + +.product-selectors .product-viewmode { + display: none; + font-size: 0; +} + +.product-filter .filter-title { + margin: 0 0 10px; + background: #fff url('../images/toggle-dark.png') right 10px no-repeat; + padding: 10px; + font-size: 17px; + color: var(--dark); + border-bottom: 1px solid #ddd; +} + +.product-filter .filter-title strong { + font-weight: normal; +} + +.product-filter .filter-content { + padding: 10px; + color: #444; + margin-bottom: 20px; +} + +.product-filter .group { + font-size: 15px; +} + +.product-filter .group + .group { + margin-top: 16px; +} + +.product-filter .group .name { + padding-bottom: 10px; +} + +.product-filter .group .item { + display: flex; + padding-left: 15px; + align-items: center; +} + +.product-filter .group .item + .item { + padding-top: 8px; +} + +.product-filter .group .item label { + cursor: pointer; + display: flex; + align-items: center; + padding-left: 8px; + flex-grow: 1; +} +.ui-slider-horizontal .ui-slider-range { + background: var(--dark); +} +.ui-slider-horizontal .ui-slider-handle { + background: var(--theme-color); + border: 1px solid var(--theme-color); + border-radius: 50%; +} +.price-range-filter .selected-price-range { + padding: 5px 0; +} + +.price-range-filter .selected-price-range .to { + float: right; +} + +.price-range-filter .selected-price-range.manually { + display: flex; +} + +.price-range-filter .selected-price-range.manually .from { + margin-right: 8px; +} + +.price-range-filter .selected-price-range.manually .from, +.price-range-filter .selected-price-range.manually .to { + width: 50%; +} + +.product-filter .attribute-squares { + font-size: inherit; +} + +.product-filter .attribute-squares .attribute-square { + width: 20px !important; + height: 20px !important; + margin-right: 8px; +} + +.item-grid:after { + content: ""; + display: block; + clear: both; +} + +.item-box { + position: relative; + float: left; + width: 48%; + margin: 0 1% 50px; + text-align: left; +} +.item-box:nth-child(2n+1) { + clear: both; + } +.item-box .picture { + z-index: 1; + background-color: #fff; + margin: 0 0 20px; + position: relative; + overflow: hidden; +} + +.item-box .picture a { + display: block; + position: relative; +} + +.item-box .picture a:focus { + opacity: 0.85; +} + +.item-box .picture a:before { + content: ""; + display: block; + padding-top: 66%; +} + +.item-box .picture a img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + margin: auto; + transition: all 0.3s linear; + object-fit: cover; + border-radius: var(--itembox-picture-radius); +} + +.item-box:hover .picture a img { + scale: 1.03; +} + +.item-box .details { + padding: 0 10px; +} + +.item-box .product-title { + margin: 0 0 15px; + font-size: 16px; + line-height: 1.6; + font-weight: bold; + color: var(--dark); + min-height: 44px; +} + +.item-box .product-title a { + display: block; +} + +.item-box .product-title a:hover, +.item-box .product-title a:focus { + color: var(--active-color); +} + +.item-box .sku { + margin: 0 0 15px; +} + +.item-box .product-rating-box { + display: inline-block; + margin: 0 0 15px; +} + +.item-box .rating { + background: url('../images/rating1.png') repeat-x; + width: 95px; + height: 14px; +} + +.item-box .rating div { + background: url('../images/rating2.png') repeat-x; + height: 14px; +} + +.product-grid .item-box .description:not([data-short-description]) { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + margin: 0 0 15px; + height: 66px; + line-height: 22px; +} + +.item-box .description[data-short-description] { + display: none; +} + +.item-box .description a { + display: block; + overflow: hidden; +} + +.item-box .prices { + margin: 0 0 10px; + min-height: 40px; + overflow: hidden; +} + +.item-box .old-price { + margin: 0 5px 0 0; + font-size: 16px; + color: #aaa; + text-decoration: line-through; +} + +.item-box .actual-price { + margin: 0 5px 0 0; + font-size: 16px; + color: var(--dark); +} + +.item-box .tax-shipping-info a { + color: var(--theme-color); +} + +.item-box .tax-shipping-info a:hover, +.item-box .tax-shipping-info a:focus { + text-decoration: underline; +} + +.item-box .buttons { + display: var(--show-product-box-buttons); + margin: 0; + font-size: 0; + display: flex; + justify-content: flex-start; + gap: 10px; +} + +.item-box button { + display: inline-block; + height: 40px; + border: none; + vertical-align: middle; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); +} + +.item-box .product-box-add-to-cart-button { + width: 50%; + background-color: var(--theme-color); + text-align: center; + font-size: 16px; + color: #fff; + text-transform: uppercase; +} +.item-box .product-box-add-to-cart-button::before { + content: "\f1b9"; + font-family: FontAwesome; + font-size: 16px; + line-height: 21px; + margin-right: 5px; + vertical-align: middle; +} +.item-box .product-box-add-to-cart-button:hover, +.item-box .product-box-add-to-cart-button:focus { + background-color: var(--active-color); +} + +.item-box .add-to-compare-list-button { + width: 50%; + background-color: var(--dark); + text-align: center; + font-size: 16px; + color: #fff; + text-transform: uppercase; +} +.item-box .add-to-compare-list-button::before { + content: "\f0ec"; + font-family: FontAwesome; + font-size: 16px; + line-height: 21px; + margin-right: 5px; + vertical-align: middle; +} +.item-box .add-to-compare-list-button:hover { + color: var(--dark); +} +.item-box .add-to-wishlist-button { + position: absolute; + top: 10px; + right: 10px; + background-color: transparent; + border: none; + font-size: 0; + color: var(--theme-color); + box-shadow: none; +} + +.item-box .add-to-wishlist-button:hover, +.item-box .add-to-wishlist-button:focus { + background-color: transparent; + color: var(--theme-color); + box-shadow: none; +} +.item-box .add-to-wishlist-button::before { + content: "\f08a"; + font-family: FontAwesome; + font-size: 20px; + vertical-align: middle; +} + +.item-box .add-to-compare-list-button:hover, +.item-box .add-to-compare-list-button:focus { + background-color: #ddd; +} + +.home-page-category-grid { + margin: 60px 0 60px; +} +.manufacturer-grid, +.vendor-grid { + margin: 0 0 60px; +} +.sub-category-item,.category-item { + position: relative; +} +.home-page-category-grid .title, +.sub-category-grid .title { + text-align: center; + font-size: 22px; + font-weight: normal; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + width: calc(100% - 60px); + overflow: hidden; + position: absolute; + bottom: 0; + left: 0; + z-index: 10; + background: rgba(0,0,0, 0.5); + color: var(--white); +} + .home-page-category-grid .title::before , + .sub-category-grid .title::before { + + } + .home-page-category-grid .title a, + .sub-category-grid .title a { + display: block; + line-height: 2; + text-align: left; + padding-inline: 10px; + } + +.home-page-category-grid .picture, +.sub-category-grid .picture { + margin: 0; +} + +.home-page-category-grid .picture a:before, +.sub-category-grid .picture a:before { + padding-top: 70%; +} + +.products-container { + position: relative; +} + +.products-container .ajax-products-busy { + display: none; + position: absolute; + z-index: 2; + width: 100%; + height: 100%; + background: #ffffffab url(../images/loading.gif) center no-repeat; +} + +.product-grid, +.product-list { + margin: 0 0 50px; +} + +.product-grid .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.product-grid .title strong { + font-weight: 700; + color: var(--dark); +} + +.manufacturer-grid .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.manufacturer-grid .title a:hover, +.manufacturer-grid .title a:focus { + color: var(--theme-color); +} + +.manufacturer-grid .picture { + border: 1px solid #ddd; +} + +.vendor-grid .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.vendor-grid .title a:hover, +.vendor-grid .title a:focus { + color: var(--theme-color); +} + +.vendor-grid .picture { + border: 1px solid #ddd; +} + +.pager { + margin: 0 0 20px; +} + +.pager ul { + text-align: right; + font-size: 0; +} + +.pager li { + display: inline-block; + margin: 0 5px; + vertical-align: top; +} + +.pager li a, +.pager li span { + display: block; + min-width: 35px; + height: 35px; + border: 1px solid #ddd; + background-color: #eee; + padding: 8px; + text-align: center; + font-size: 14px; /*reset zeroing*/ + cursor: pointer; + border-radius: var(--theme-border-radius); +} + +.pager li span { + border-color: transparent; + background-color: var(--theme-color); + color: #fff; +} + +.pager li.previous-page *, +.pager li.next-page *, +.pager li.first-page *, +.pager li.last-page * { + background-position: center; + background-repeat: no-repeat; + font-size: 0; + color: #fff; +} + +.pager li.previous-page * { + background-image: url('../images/prev.png'); +} + +.pager li.next-page * { + background-image: url('../images/next.png'); +} + +.pager li.first-page * { + background-image: url('../images/first.png'); +} + +.pager li.last-page * { + background-image: url('../images/last.png'); +} + +.pager li a:hover, +.pager li a:focus { + border-color: transparent; + background-color: #ddd; +} + + +/********** PRODUCT PAGE **********/ + + +.product-essential { + margin: 0 0 40px; + border-bottom: 1px solid #ddd; + padding: 0 0 10px; +} + +.product-essential:after { + content: ""; + display: block; + clear: both; +} + +.gallery { + margin: 0 auto 50px; +} + +.gallery .picture-wrapper { + margin: 0 0 10px; +} + +.gallery .picture { + position: relative; + max-width: 100%; + margin: 0 auto 10px; + overflow: hidden; +} + +.gallery .picture:before { + content: ""; + display: block; + padding-top: 70%; +} + +.gallery .picture img, +.picture-gallery .picture-thumbs img, +.video-gallery .video-thumbs iframe, +.variant-picture img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + margin: auto; + object-fit: cover; + border-radius: var(--itembox-picture-radius); +} + +.picture-gallery .picture-thumbs { + overflow: hidden; + font-size: 0; +} + +.picture-gallery .picture-thumbs .thumb-item { + display: inline-block; + position: relative; + width: 100px; + height: 100px; + margin: 0 5px 10px; + overflow: hidden; + cursor: pointer; +} + +.video-gallery .video-thumbs .thumb-item { + display: inline-block; + position: relative; + margin: 0 5px 10px; + overflow: hidden; +} + +.overview { + position: relative; + margin: 0 0 50px; +} + +.overview .discontinued-product { + background: #f3f3f3; + margin: 0 0 20px; +} + +.overview .discontinued-product h4 { + display: inline-block; + font-size: 14px; + padding: 17px 17px 17px 40px; + background: url('../images/discontinued-product-icon.png') no-repeat 13px center; + color: #de444c; +} + +.overview .product-name { + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 0 0 10px; +} + +.overview .product-name h1 { + font-size: 30px; + font-weight: normal; +} + +.overview .short-description { + margin: 0 0 25px; + line-height: 22px; + color: #666; +} + +.product-no-reviews, +.product-reviews-overview { + margin: 0 0 25px; + color: #444; +} + +.product-no-reviews a { + text-decoration: underline; +} + +.product-review-box { + margin: 0 auto 8px; + width: 100%; +} + +.product-review-box .rating { + width: 95px; + height: 14px; + background: url('../images/rating1.png') repeat-x; +} + +.review-item-info { + width: 100%; + display: flex; + justify-content: space-between; + margin-bottom: 10px !important; +} + +.vendor-product-reviews .product-review-box { + width: auto; +} + +.vendor-product-reviews-title { + margin-bottom: 20px; + font-size: 16px; +} + +.vendor-page .block { + max-width: 100%; + text-align: right; +} + +.review-item-info .review-product-name a, +.vendor-page .block a { + display: inline-block; + color: var(--theme-color); + cursor: pointer; +} + +.product-review-box .rating div { + height: 14px; + background: url('../images/rating2.png') repeat-x; + font-size: 0px; + line-height: 0px; +} + +.product-review-links { + display: inline-block; +} + + .product-review-links.add-review::before { + content: "|"; + padding: 0 5px; + } + + .add-review.product-no-reviews::before { + display: none; + } + +.product-review-links a { + text-decoration: underline; +} + +.product-review-links a:hover, +.product-review-links a:focus { + color: var(--theme-color); +} + +.overview .value, +.variant-overview .value { + color: #444; +} + +.overview .value a, +.variant-overview .value a { + color: var(--theme-color); +} + +.overview .value a:hover, +.overview .value a:focus, +.variant-overview .value a:hover, +.variant-overview .value a:focus { + text-decoration: underline; +} + +.overview-buttons { + margin: 0 0 25px; + font-size: 0; +} + +.overview-buttons div { + width: 80%; + margin: 0 auto 3px; +} + +.overview .button-2, +.variant-overview .button-2 { + display: block; + width: 100%; + border: none; + background-color: #eaeaea; + background-position: left center; + background-repeat: no-repeat; + padding: 12px 15px 12px 40px; + text-align: left; + font-size: 14px; /*reset zeroing*/ + color: #666; +} + +.overview .button-2:hover, +.overview .button-2:focus, +.variant-overview .button-2:hover, +.variant-overview .button-2:focus { + background-color: #ddd; +} + +.overview .add-to-compare-list-button { + background: var(--dark); + color: var(--white); + padding: 11px; +} + +.overview .add-to-compare-list-button::before { + content: "\f0ec"; + font-family: FontAwesome; + font-size: 16px; + line-height: 21px; + margin-right: 5px; + vertical-align: middle; +} +.overview .add-to-compare-list-button:hover { + color: var(--dark); +} +.overview .email-a-friend-button { + background-image: url('../images/email-button.png'); +} + +.overview .subscribe-button, +.variant-overview .subscribe-button { + background-image: url('../images/email-button.png'); +} + +.overview .download-sample-button, +.variant-overview .download-sample-button { + background-image: url('../images/download-button.png'); +} + +.overview .add-to-wishlist-button, +.variant-overview .add-to-wishlist-button { + background-image: url('../images/wishlist-button.png'); +} + +.overview .manufacturers { + margin: 0 0 20px; +} + +.overview .availability, +.variant-overview .availability { + margin: 0 0 20px; + overflow: hidden; +} + +.overview .availability .stock, +.variant-overview .availability .stock { + margin: 0 0 10px; +} + +.overview .availability .back-in-stock-subscription, +.variant-overview .availability .back-in-stock-subscription { + display: inline-block; +} + +.overview .additional-details, +.variant-overview .additional-details { + margin: 0 0 20px; +} + +.overview .additional-details div, +.variant-overview .additional-details div { + margin: 0 0 8px; +} + +.overview .delivery, +.variant-overview .delivery { + overflow: hidden; +} + +.overview .free-shipping, +.variant-overview .free-shipping { + display: inline-block; + margin: 10px 0; + background: url('../images/shipping.png') left center no-repeat; + padding: 2px 0 2px 28px; + font-weight: bold; + color: #444; +} + +.overview .free-shipping.invisible, +.variant-overview .free-shipping.invisible { + display: none; +} + +.overview .delivery-date, +.variant-overview .delivery-date { + margin: 10px 0; +} + +.overview .min-qty-notification, +.variant-overview .min-qty-notification { + margin: 10px 0; + font-style: italic; + color: #444; +} + +.overview .download-sample, +.variant-overview .download-sample { + display: inline-block; + margin: 0 0 25px; +} + +.overview .prices, +.variant-overview .prices { + margin: 0 0 10px; + overflow: hidden; +} + +.overview .prices > div, +.variant-overview .prices > div { + margin: 0 0 5px; +} + +.overview .prices > div > span, +.variant-overview .prices > div > span { + vertical-align: middle; +} + +.overview .old-product-price, +.variant-overview .old-product-price, +.overview .non-discounted-price, +.variant-overview .non-discounted-price { + font-size: 14px; + color: #999; + text-decoration: line-through; +} + +.overview .product-price, +.variant-overview .product-price { + font-size: 20px; + font-weight: bold; + color: #444; +} + +.overview .tax-shipping-info a, +.variant-overview .tax-shipping-info a { + color: var(--theme-color); +} + +.overview .tax-shipping-info a:hover, +.overview .tax-shipping-info a:focus, +.variant-overview .tax-shipping-info a:hover, +.variant-overview .tax-shipping-info a:focus { + text-decoration: underline; +} + +.customer-entered-price { + margin: 0 0 20px; + overflow: hidden; +} + +.customer-entered-price .price-input label { + display: block; + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.customer-entered-price .price-input input { + width: 170px; + text-align: center; +} + +.customer-entered-price .price-range { + margin: 5px 0 0; + color: #777; +} + +.tier-prices { + margin: 0 0 20px; +} + +.tier-prices .title { + display: none; +} + +.tier-prices table td { + border: 1px solid #ddd; + padding: 10px; + color: #444; +} + +.tier-prices .field-header { + min-width: 80px; +} + +.tier-prices .item-price { + background-color: #f9f9f9; + font-size: 16px; + color: #e4434b; +} +.overview .overview-buttons, +.cart-compare-wrap { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin: 0 0 20px; +} +.overview .add-to-cart { + margin: 0; +} + +.overview .add-to-cart-panel, +.variant-overview .add-to-cart-panel { + display: inline-block; + position: relative; +} + +.overview .add-to-cart-panel > *, +.variant-overview .add-to-cart-panel > * { + float: left; +} + +.overview .qty-label, +.variant-overview .qty-label { + display: none !important; +} + +.overview .qty-input, +.variant-overview .qty-input { + width: 45px; + height: 43px; + padding: 0 12px; + text-align: center; + font-size: 15px; + color: #444; +} + +.overview .qty-dropdown, +.variant-overview .qty-dropdown { + height: 43px; + padding: 0 12px; + font-size: 15px; + color: #444; +} + +.overview .add-to-cart-button, +.variant-overview .add-to-cart-button { + height: 43px; + border: none; + background-color: var(--theme-color); + padding: 0 24px; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} +.overview .add-to-cart-button::before, +.variant-overview .add-to-cart-button::before { + content: "\f1b9"; + font-family: FontAwesome; + font-size: 15px; + line-height: 21px; + margin-right: 5px; + vertical-align: middle; +} +.overview .add-to-cart-button:hover, +.overview .add-to-cart-button:focus, +.variant-overview .add-to-cart-button:hover, +.variant-overview .add-to-cart-button:focus { + background-color: var(--active-color); +} + +.product-share-button { + display: inline-block; + overflow: hidden; +} + +.full-description { + clear: both; + line-height: 24px; +} + +.product-collateral { + margin: 0 0 75px; +} + +.product-collateral .title { + margin: 0 0 10px; + font-size: 18px; + color: #444; +} + +.product-collateral .title strong { + font-weight: normal; +} + +.product-variant-line { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 20px; +} + +.product-variant-line:after { + content: ""; + display: block; + clear: both; +} + +.variant-picture { + position: relative; + width: 220px; + height: 220px; + margin: 0 auto 15px; + overflow: hidden; +} + +.variant-overview { + width: 100%; +} + +.variant-overview .variant-name { + margin: 0 0 10px; + padding: 10px 0; + font-size: 16px; + font-weight: bold; + color: var(--theme-color); +} + +.variant-overview .variant-description { + margin: 0 0 15px; + line-height: 22px; +} + +.variant-overview .add-to-wishlist { + margin: 0 0 25px; +} + +.variant-overview .add-to-wishlist-button { + display: inline-block; + width: auto; +} + +.variant-overview .add-to-cart { + margin: 0 0 10px; +} + +.product-specs-box { + margin: 0 0 40px; +} + +.product-specs-box td { + border: 1px solid #ddd; + padding: 10px; +} + +.product-specs-box td.spec-group-name { + border: 0; + padding-top: 20px; + font-size: 16px; + color: #444; +} + +.product-tags-list { + font-size: 0; +} + +.product-tags-list li { + display: inline-block; + font-size: 14px; /*reset zeroing*/ +} + +.product-tags-list li.separator { + margin: 0 5px 0 3px; +} + +.product-tags-list a { + display: inline-block; + line-height: 24px; +} + +.product-tags-list a:hover, +.product-tags-list a:focus { + color: #444; +} + +.attributes { + margin: 20px 0; +} + +.attributes dl { + overflow: hidden; + padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */ +} + +.attributes dt, +.attribute-label { + display: block; + margin: 0 0 5px; + white-space: nowrap; + font-weight: bold; + color: #444; +} + +.attributes dd, +.attribute-data { + margin: 0 0 10px; +} + +.attributes li { + margin: 8px 0 12px; +} + +.attributes select { + width: auto; + min-width: 100px; + max-width: 100%; +} + +.attributes .option-list label { + margin: 0 5px; +} + +.attributes .datepicker { + width: 280px; + text-align: center; + color: #444; +} + +.attributes .qty-box input { + width: 48px; + height: 32px; + text-align: center; +} + +.attributes .option-list:not(.attribute-squares) .disabled { + opacity: .5; +} + +.attributes .attribute-squares .disabled .attribute-square { + cursor: default; + opacity: .25; +} + +.attributes .attribute-squares .disabled .attribute-square-container { + background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1.5px), #e91e63 50%, rgba(0,0,0,0) calc(50% + 1.5px), rgba(0,0,0,0) 100%), linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1.5px), #e91e63 50%, rgba(0,0,0,0) calc(50% + 1.5px), rgba(0,0,0,0) 100%); +} + +.attributes .attribute-squares .tooltip-container .not-available-text { + font-size: 12px; +} + +.attributes .attribute-squares.color-squares .tooltip-container .not-available-text { + margin: 5px; +} + +.attributes .attribute-squares.color-squares .tooltip-container { + width: 120px; + display: none; +} + +.attributes .attribute-squares.color-squares li:hover .tooltip-container { + margin-left: -42px; +} + +.attributes .attribute-squares.color-squares .disabled .tooltip-container { + display: block; +} + +.attributes .attribute-squares.image-squares .tooltip-container .not-available-text { + margin-bottom: 5px; + display: none; +} + +.attributes .attribute-squares.image-squares .disabled .tooltip-container .not-available-text { + display: block; +} + +.attributes select option.disabled, +.attributes select option:disabled { + color: #cecece; +} + +.ui-datepicker { + width: 280px; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + background-color: #fff; + text-align: center; + /*override jQuery UI styles, do not delete doubled properties*/ + border: none; + border-radius: 0; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; + color: #777; +} + +.ui-datepicker-header { + position: relative; + height: 32px; + background-color: var(--theme-color); + color: #fff; + /*override jQuery UI styles, do not delete doubled properties*/ + border: none; + border-radius: 0; + background-image: none; + padding: 0 !important; + font-weight: normal; +} + +.ui-datepicker-header a { + position: absolute; + top: 0; + z-index: 1; + width: 32px; + height: 32px; + line-height: 32px; + font-size: 0; + /*override jQuery UI styles, do not delete doubled properties*/ + top: 0 !important; + width: 32px !important; + height: 32px !important; + border: none !important; +} + +.ui-datepicker-header a.ui-datepicker-prev { + left: 0; + background: url('../images/calendar-prev.png') center no-repeat; +} + +.ui-datepicker-header a.ui-datepicker-next { + right: 0; + background: url('../images/calendar-next.png') center no-repeat; +} + +.ui-datepicker-header a span { + /*override jQuery UI styles, do not delete doubled properties*/ + display: none !important; +} + +.ui-datepicker-title { + position: relative; + z-index: 0; + line-height: 32px; + font-weight: bold; + text-transform: uppercase; + /*override jQuery UI styles, do not delete doubled properties*/ + line-height: 32px !important; +} + +.ui-datepicker-calendar { + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 !important; + font-size: 14px !important; +} + +.ui-datepicker-calendar th { + background-color: #eee; +} + +.ui-datepicker-calendar th, +.ui-datepicker-calendar td { + width: 14.285%; + border: 1px solid #ddd; + /*override jQuery UI styles, do not delete doubled properties*/ + padding: 0; +} + +.ui-datepicker-calendar th span, +.ui-datepicker-calendar td a { + display: block; + min-height: 32px; + line-height: 32px; + color: #444; +} + +.ui-datepicker-calendar td a { + /*override jQuery UI styles, do not delete doubled properties*/ + border: none !important; + background: none !important; + padding: 0; + text-align: center; + color: #444 !important; +} + +.ui-datepicker-calendar .ui-state-active { + outline: 2px solid var(--theme-color); + font-weight: bold; + color: var(--theme-color); + /*override jQuery UI styles, do not delete doubled properties*/ + color: var(--theme-color) !important; +} + +.attribute-squares { + font-size: 0; + display: inline-block; +} + +.attribute-squares li { + display: inline-block; + margin: 0 5px 5px; + text-align: center; +} + +.attribute-squares .attribute-square-container { + display: block; + position: relative; + z-index: 0; + padding: 1px; +} + +.attribute-squares label { + display: block; + margin: 0 !important; + overflow: hidden; +} + +.attribute-squares .attribute-square { + display: inline-block !important; + width: 32px !important; + height: 32px !important; + border: 1px solid #444 !important; + cursor: pointer; +} + +.attribute-squares .selected-value .attribute-square-container { + background-color: var(--theme-color); +} + +.attribute-squares li input { + display: none; +} + +.attribute-squares-padding { + padding: 0 5px 0 0; +} + +.tooltip-container { + position: absolute; + width: 200px; + color: #000000; + background: #FFFFFF; + border: 1px solid #eeeeee; + text-align: center; + visibility: hidden; + border-radius: 5px; +} + +.tooltip-container:before { + content: ''; + position: absolute; + bottom: 100%; + left: 50%; + margin-left: -7px; + width: 0; + height: 0; + border-bottom: 7px solid #eeeeee; + border-right: 7px solid transparent; + border-left: 7px solid transparent; +} + +.tooltip-container:after { + content: ''; + position: absolute; + bottom: 100%; + left: 50%; + margin-left: -6px; + width: 0; + height: 0; + border-bottom: 6px solid #FFFFFF; + border-right: 6px solid transparent; + border-left: 6px solid transparent; +} + +.attribute-squares li:hover .tooltip-container, +.attribute-squares li:focus .tooltip-container { + visibility: visible; + margin-left: -83px; + margin-top: 5px; + z-index: 999; +} + +.tooltip-container .tooltip-header { + background-color: #F6F6F6; + height: 25px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + padding-left: 10px; + padding-top: 5px; + text-align: left; + width: 198px; + font-size: 15px; + border-bottom: 1px #EEEEEE solid; +} + +.tooltip-container .tooltip-body { + margin: 5px; +} + +.tooltip-container .tooltip-body img { + border: 0px #FFF; + width: 190px; +} + +.giftcard { + margin: 0 0 20px; + overflow: hidden; +} + +.giftcard div { + margin: 0 0 10px; +} + +.giftcard label { + display: block; + margin: 0 auto 5px; + font-weight: bold; + color: #444; +} + +.giftcard input, +.giftcard textarea { + width: 350px; + max-width: 100%; +} + +.giftcard textarea { + height: 150px; +} + + +/********** PRODUCT REVIEWS **********/ + + + +.product-reviews h1 a { + color: var(--theme-color); +} + +.product-reviews h1 a:before, +.product-reviews h1 a:after { + content: "''"; +} + +.product-reviews .title { + margin: 0 0 20px; + font-size: 20px; + color: #444; +} + +.product-reviews .title strong { + font-weight: normal; +} + +.write-review { + margin: 0 0 60px; +} + +.write-review .fieldset { + margin: 0 0 30px; +} +.write-review .buttons { + text-align: center; +} +.tooltip { + position: initial; + display: inline-block; + border-bottom: 1px dotted black; + color: #444; +} + +.tooltip .tooltiptext { + visibility: hidden; + width: auto; + background: #f0f0f0 no-repeat 100% 5%; + border: #c0c0c0 1px dotted; + text-align: Left; + padding: 10px 10px 5px 5px; + position: absolute; + z-index: 1; + left: 10%; + opacity: 0; + transition: opacity 0.3s; +} + +.tooltip .tooltiptext::after { + content: ""; + position: absolute; +} + +.tooltip:hover .tooltiptext, +.tooltip:focus .tooltiptext { + visibility: visible; + opacity: 1; + cursor: help; +} + +.write-review .review-rating { + text-align: left; + padding-top: 10px; + padding-bottom: 10px; +} + +.write-review .review-rating label { + display: block; + margin: 0 0 5px; + font-size: 14px; + color: #444; +} + +.write-review .review-rating div.first { + color: #e4444c; +} + +.write-review .review-rating div.rating-options { + padding-top: 2px; +} + +.write-review .review-rating div.rating-options input { + vertical-align: baseline; +} + +.write-review .review-rating div.last { + color: #4cb17c; +} + +.write-review .captcha-box { + margin: 15px 0 0; +} + +.write-review .button-1 { + border: none; + background-color: var(--theme-color); + padding: 10px 25px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.write-review .button-1:hover, +.write-review .button-1:focus { + background-color: var(--active-color); +} + +.product-reviews .result, +.product-reviews .message-error { + margin: 0 0 20px; +} + +.product-review-list { + overflow: hidden; +} + +.product-review-item { + margin: 0 0 20px; +} + +.product-review-item .review-item-head { + border-top: 1px solid #ddd; + overflow: hidden; + background-color: #f6f6f6; + padding: 10px; +} + +.product-review-item .review-title { + line-height: 20px; + font-size: 15px; + color: #444; +} + +.product-review-item .product-review-box { + margin: 3px 0 0; +} + +.product-review-item .review-content { + padding: 20px 10px; +} + +.product-review-item .review-text { + margin: 0 0 15px; + line-height: 22px; + color: #444; +} + +.product-review-item .avatar { + margin: 0 0 10px; +} + +.product-review-item .reply { + margin: 15px 0; + border-top: 1px solid #ddd; +} + +.product-review-item .reply-header { + margin: 15px 0; + font-weight: bold; +} + +.product-review-item .reply-text { + line-height: 22px; +} + +.product-review-item .review-info { + margin: 0 0 5px; +} + +.product-review-item .review-info label { + font-weight: normal; +} + +.product-review-item .review-info a, +.product-review-helpfulness .vote { + display: inline-block; + padding: 0 5px; + color: var(--theme-color); + cursor: pointer; +} + +.product-review-helpfulness .question { + margin: 0 5px 0 0; + font-style: italic; +} + +.product-review-helpfulness .result { + margin: 0 0 0 10px; +} + +.product-review-item .review-type-rating-ext { + overflow: hidden; + margin: 0 0 20px; +} + + +/********** WISHLIST & COMPARE LIST **********/ + + + +.wishlist-page .page-title { + margin: 0 0 -1px; +} + +.wishlist-content { + margin: 0 0 20px; +} + +.wishlist-content .message-error { + margin: 20px 0; +} + +.wishlist-content .table-wrapper { + margin: 0 0 30px; +} + +.wishlist-content .product-content { + min-width: 300px; + text-align: left; +} + +.wishlist-content .tax-shipping-info { + margin: 0 0 20px; + text-align: center; +} + +.wishlist-content .tax-shipping-info a { + color: #4ab3f1; +} + +.wishlist-content .tax-shipping-info a:hover, +.wishlist-content .tax-shipping-info a:focus { + text-decoration: underline; +} + +.wishlist-content .buttons { + font-size: 0; +} + +.wishlist-content .button-2 { + display: block; + width: 250px; + margin: 0 auto 3px; + border: none; + padding: 10px 25px; + text-align: center; + line-height: 20px; + font-size: 15px; + color: #fff; +} + +.wishlist-content .update-wishlist-button, +.wishlist-content .wishlist-add-to-cart-button { + background-color: var(--theme-color); + text-transform: uppercase; +} + +.wishlist-content .update-wishlist-button:hover, +.wishlist-content .update-wishlist-button:focus, +.wishlist-content .wishlist-add-to-cart-button:hover, +.wishlist-content .wishlist-add-to-cart-button:focus { + background-color: var(--active-color); +} + +.wishlist-content .email-a-friend-wishlist-button { + background-color: #aaa; +} + +.wishlist-content .email-a-friend-wishlist-button:hover, +.wishlist-content .email-a-friend-wishlist-button:focus { + background-color: #999; +} + +.wishlist-page .share-info { + text-align: center; +} + +.wishlist-page .share-info span { + display: block; + margin: 0 0 5px; +} + +.wishlist-page .share-info a { + font-weight: bold; + color: #444; +} + +.wishlist-page .share-info a:hover, +.wishlist-page .share-info a:focus { + color: var(--theme-color); +} + +.wishlist-page .no-data { + margin: 25px 0 0; +} + +.compare-products-page { + position: relative; + overflow: hidden; +} + +.compare-products-page .clear-list { + display: inline-block; + margin: 0 0 20px; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.compare-products-page .clear-list:hover, +.compare-products-page .clear-list:focus { + background-color: var(--active-color); +} + +.compare-products-page .table-wrapper { + margin: 0 0 30px; + padding: 0 0 1px; /*IE mobile table border fix*/ +} + +.compare-products-table td { + min-width: 150px; + border: 1px solid #ddd; + background-color: #fff; + padding: 20px; + text-align: left; + vertical-align: top; + color: #444; +} + +.compare-products-table td:first-child { + min-width: 0; +} + +.compare-products-table td label { + font-weight: normal; + color: #777; +} + +.compare-products-table .specification-group td { + border: 0; + padding: 20px 10px 10px 10px; +} + +.compare-products-table .specification-group td label { + font-size: 16px; + color: #444; +} + +.compare-products-table .remove-button { + display: inline-block; + border: none; + background: url('../images/remove.png') left center no-repeat; + padding: 0 0 0 18px; + font-size: 12px; + color: #666; +} + +.compare-products-table .remove-button:hover, +.compare-products-table .remove-button:focus { + color: var(--theme-color); +} + +.compare-products-table .picture { + display: block; + position: relative; + max-width: 200px; + height: 200px; + overflow: hidden; +} + +.compare-products-table .picture img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + max-width: 100%; + max-height: 100%; + margin: auto; +} + +.compare-products-table .product-name td { + font-weight: bold; +} + +.compare-products-table .product-name td a:hover, +.compare-products-table .product-name td a:focus { + color: var(--theme-color); +} + +.compare-products-table .short-description td { + line-height: 22px; +} + +.compare-products-table .full-description td { + display: none; +} + +.compare-products-page .no-data { + margin: 25px 0 0; +} + + +/*********** TOPICS ***********/ + + + +.topic-block { + margin: 0 0 25px; +} + +.topic-block-title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.topic-block-title h2 { + font-size: 30px; + font-weight: 700; + color: var(--dark); +} + +.topic-block-body { + text-align: justify; + line-height: 24px; + font-size: 16px; +} + +.topic-page .page-body { + text-align: justify; + line-height: 22px; +} + +.topic-block a, +.topic-page a { + text-decoration: underline; +} + +.topic-block strong, +.topic-page strong { + color: #444; +} + +.home-page .topic-block { + margin: 0 0 50px; +} + +.popup-window .topic-page { + padding: 15px; +} + +.not-found-page p { + margin: 30px 15px; +} + +.topic-password { + text-align: center; +} + +.enter-password-title { + margin: 0 0 20px; + color: #444; +} + +.enter-password-form { + display: inline-block; + overflow: hidden; +} + +.enter-password-form input[type="password"] { + float: left; + width: 200px; + height: 40px; + margin: 0 -1px 0 0; +} + +.enter-password-form button[type="submit"] { + float: left; + width: auto; + min-width: 86px; + height: 40px; + border: none; + background-color: var(--theme-color); + padding: 0 15px; + color: #fff; + text-transform: uppercase; +} + +.enter-password-form button[type="submit"]:hover, +.enter-password-form button[type="submit"]:focus { + background-color: var(--active-color); +} + + +/********** Homepage block width **********/ +html:not(.html-home-page) .master-wrapper-content, +.html-home-page .topic-block, +.html-home-page .home-page-category-grid, +.html-home-page .news-list-homepage, +.html-home-page .home-page-polls, +.html-home-page .home-page-product-grid { + margin-inline: auto; + width: var(--layout-outer-width); +} + +/*********** Homepage Features ***********/ + + +.feature-highlights { + width: 100%; + padding: 80px 0; + background: var(--light-bg); + margin-bottom: 60px; +} + +.container { + max-width: 1200px; + margin: 0 auto; + text-align: center; +} + +.section-title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; + margin-bottom: 80px; +} + +.feature-item { + display: flex; + align-items: center; + justify-content: space-between; + gap: 40px; + margin-bottom: 80px; +} + +.feature-item:nth-child(odd) { + flex-direction: row; +} + +.feature-item:nth-child(even) { + flex-direction: row-reverse; +} + +.feature-item img { + width: 50%; + max-height: 400px; + object-fit: cover; +} + +.feature-content { + width: 50%; + text-align: left; +} + +.feature-content h3 { + font-size: 28px; + color: var(--dark); + margin-bottom: 15px; +} + +.feature-content p { + font-size: 18px; + line-height: 1.6; + color: var(--dark); +} + + +/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/ + + + +.contact-page .page-title, +.email-a-friend-page .page-title, +.apply-vendor-page .page-title { + margin: 0 0 -1px; +} + +.contact-page .result, +.contact-page .message-error, +.email-a-friend-page .result, +.email-a-friend-page .message-error, +.apply-vendor-page .result, +.apply-vendor-page .message-error { + margin: 20px 0; +} + +.contact-page .button-1, +.email-a-friend-page .button-1, +.apply-vendor-page .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.contact-page .button-1:hover, +.contact-page .button-1:focus, +.email-a-friend-page .button-1:hover, +.email-a-friend-page .button-1:focus, +.apply-vendor-page .button-1:hover, +.apply-vendor-page .button-1:focus { + background-color: var(--active-color); +} + +.contact-page .topic-block, +.email-a-friend-page .title, +.apply-vendor-page .title { + margin: 25px 0; +} + +.email-a-friend-page .title h2 { + font-weight: normal; + color: var(--theme-color); +} + +.apply-vendor-page .terms-of-service { + text-align: center; +} + +.apply-vendor-page .terms-of-service > * { + display: inline-block; + line-height: 32px; +} + +.apply-vendor-page .terms-of-service span, +.apply-vendor-page .terms-of-service a { + color: var(--theme-color); + cursor: pointer; +} + +/********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ + + + +.gender { + display: inline-block; +} + +.gender span { + display: inline-block; + margin: 0 5px; +} + +.gender span > label { + display: inline !important; +} +.gender span > * { + margin: 0 5px; + line-height: 32px; +} + +.date-of-birth .date-picker-wrapper { + display: inline; +} + +.date-of-birth select { + width: 31%; /*always single line*/ + max-width: 126px; +} + +.date-of-birth select + select { + margin: 0 0 0 10px; +} + +.date-of-birth .select-wrapper + .select-wrapper { + margin: 0 0 0 10px; +} + +#check-availability-button { + margin: 10px 0 0; + border: none; + background-color: #888; + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +#check-availability-button:hover, +#check-availability-button:focus { + background-color: #999; +} + +.inputs.accept-consent { + text-align: center; +} + +.inputs.accept-consent > * { + display: inline-block; + line-height: 32px; +} + +.inputs.accept-consent span, +.inputs.accept-consent a { + color: var(--theme-color); + cursor: pointer; + font-size: 14px; +} + +.inputs.accept-consent label { + width: auto; + margin-left: 10px; + margin-bottom: 0; +} + +.registration-page .button-1, +.registration-result-page .button-1, +.login-page .button-1, +.password-recovery-page .button-1, +.email-revalidation-page .button-1, +.account-activation-page .button-1, +.account-page .button-1, +.return-request-page .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.registration-page .button-1:hover, +.registration-page .button-1:focus, +.registration-result-page .button-1:hover, +.registration-result-page .button-1:focus, +.login-page .button-1:hover, +.login-page .button-1:focus, +.password-recovery-page .button-1:hover, +.password-recovery-page .button-1:focus, +.email-revalidation-page .button-1:hover, +.email-revalidation-page .button-1:focus, +.account-activation-page .button-1:hover, +.account-activation-page .button-1:focus, +.account-page .button-1:hover, +.account-page .button-1:focus, +.return-request-page .button-1:hover, +.return-request-page .button-1:focus { + background-color: var(--active-color); +} + +.return-request-page h1 a { + color: var(--theme-color); +} + +.return-request-page .return-request-file { + font-size: 14px; + width: 400px; + margin: 0 auto; +} + +.registration-page .message-error, +.login-page .message-error, +.account-page .message-error { + margin: 0 0 10px; +} + +.registration-result-page .result { + margin: 0 0 30px; + padding: 30px 0; + text-align: center; + font-size: 16px; + color: #4cb17c; +} + +.customer-info-page .email-to-revalidate, +.customer-info-page .readonly-username, +.customer-info-page .vat-status { + margin: 0 5px; + font-size: 14px; +} + +.customer-info-page .vat-status { + display: block; +} + +.registration-page .vat-note, +.customer-info-page .vat-note, +.customer-info-page .email-to-revalidate-note { + display: block; + font-size: 14px; + margin-top: 7px; + white-space: normal; +} +.login-page .customer-blocks { + margin: 0 0 30px; + display: flex; + flex-direction: column-reverse; + justify-content: center; + align-items: center; +} + +.login-page .title { + margin: 0 0 15px; + font-size: 20px; + color: #444; +} + +.login-page .title strong { + font-weight: normal; +} + +.login-page .new-wrapper { + margin: 0 0 50px; +} + +.login-page .new-wrapper .text { + margin: 0 0 30px; + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 30px; + line-height: 22px; +} + +.login-page .new-wrapper .topic-block { + margin: 0; +} + +.login-page .new-wrapper .topic-block-body strong { + color: #444; +} + +.login-page .new-wrapper .button-1 { + margin: 0 0 5px; +} + +.login-page .returning-wrapper { + margin: 0; +} + +.login-page .returning-wrapper .form-fields { + overflow: hidden; + padding: 30px 15px 0; +} + +.login-page .returning-wrapper .inputs.reversed { + white-space: normal; +} + +.login-page .returning-wrapper .inputs.reversed * { + display: inline-block; + width: auto; + margin: 5px; + font-size: 14px; /*reset zeroing*/ + color: #444; +} + +.login-page .returning-wrapper .inputs.reversed a:hover, +.login-page .returning-wrapper .inputs.reversed a:focus { + color: var(--theme-color); +} + +.login-page .captcha-box { + margin: -15px 0 20px; +} + +.login-page .customer-blocks > div { + margin-bottom: 30px; + padding-top: 30px; +} +.login-page .returning-wrapper .buttons { + padding: 15px 0; +} +.login-page .register-block { + background-color: #f9f9f9; +} +.login-page .login-password { + position: relative; + width: max-content; + max-width: 100%; + display: inline-block; +} + +.login-page .password-eye { + content: ""; + display: block; + height: 24px; + width: 24px; + background-image: url('../images/eye-closed.png'); + position: absolute; + top: calc(50% - 12px); + right: 10px; + background-repeat: no-repeat; + background-position: center; + z-index: 2; + cursor: pointer; + opacity: .75 +} + +.login-page .password-eye-open { + background-image: url('../images/eye.png'); +} + +.external-authentication { + margin: 0 0 50px; + overflow: hidden; + text-align: center; +} + +.external-authentication .title { + margin: 0 0 15px; + font-size: 20px; + color: #444; +} + +.external-authentication .buttons { + margin: 0 0 30px; + border-top: 1px solid #e6e6e6; + padding: 30px; +} + +.external-auth-errors { + color: #e4444c; +} + +.external-auth-association { + color: #444; +} + +.external-auth-association a { + color: var(--theme-color); +} + +.external-auth-association a:hover, +.external-auth-association a:focus { + text-decoration: underline; +} + +.password-recovery-page .result { + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.password-recovery-page .tooltip { + margin: 0 0 25px; +} + +.add-more-external-records { + text-align: center; +} + +.add-more-external-records a { + color: var(--theme-color); +} + +.add-more-external-records a:hover, +.add-more-external-records a:focus { + text-decoration: underline; +} + +.account-page .buttons { + text-align: center; +} + +.account-page .description { + margin: 0 0 25px; + padding: 0 10px; +} + +.account-page .table-wrapper { + margin: 0 0 30px +} + +.gdpr-tools-page .result { + margin: 20px 0; + font-size: 13px; + color: #e4434b; +} + +.gdpr-tools-page .buttons { + margin-top: 20px; +} + +.address-list-page .info, +.order-list-page .info { + margin: 0 0 10px; + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 20px; + line-height: 26px; + color: #444; +} + +.address-list-page .info .name, +.order-list-page .info .name { + font-size: 16px; + font-weight: bold; +} + +.address-list-page .button-2, +.order-list-page .button-2 { + display: inline-block; + margin: 0 0 0 10px; + border: none; + padding: 0 0 0 18px; + font-size: 12px; + color: #444; +} + +.edit-address-button { + background: url('../images/edit.png') left center no-repeat; +} + +.delete-address-button, +.cancel-recurring-order-button { + background: url('../images/remove.png') left center no-repeat; +} + +.retry-recurring-order-button { + background: url('../images/retry.png') left center no-repeat; +} + +.return-items-button { + background: url('../images/return.png') left center no-repeat; +} + +.order-details-button { + background: url('../images/details.png') left center no-repeat; +} + +.address-list-page .button-2:hover, +.address-list-page .button-2:focus, +.order-list-page .button-2:hover, +.order-list-page .button-2:focus { + color: var(--theme-color); +} + +.address-list-page .add-button { + margin: 0 0 20px; + text-align: center; +} + +.address-edit-page .page-title { + margin: 0 0 -1px; +} + +.address-edit-page .message-error { + margin: 20px 0; +} + +.address-edit-page .edit-address { + margin: 0 0 30px; + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 30px 15px; +} + +.recurring-payments table td { + white-space: nowrap; +} + +.recurring-payments table td:first-child { + min-width: 120px; + white-space: normal; +} + +.recurring-payments .button-2 { + font-size: 14px; +} + +.return-request-list-page .details { + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 20px; + line-height: 22px; + color: #444; +} + +.return-request-list-page label { + margin: 0 5px 0 0; +} + +.return-request-list-page a { + color: var(--theme-color); +} + +.return-request-list-page a:hover, +.return-request-list-page a:focus { + text-decoration: underline; +} + +.return-request-list-page .comments div { + margin: 10px 0 0; + font-size: 15px; + font-style: italic; + color: #444; +} + +.downloadable-products-page table td { + color: #444; +} + +.reward-points-overview { + margin: 0 0 25px; +} + +.reward-points-history table td { + color: #444; +} + +.reward-points-history table td:first-child { + min-width: 120px; +} + +.change-password-page .page-title { + margin: 0 0 -1px; +} + +.change-password-page .result, +.change-password-page .message-error { + margin: 20px 0; +} + +.change-password-page .fieldset { + margin: 0 0 30px; +} + +.change-password-recovery-link { + text-align: right; + font-size: 13px; + margin-top: 5px; +} + +.avatar-page .page-title { + margin: 0; +} + +.avatar-page .page-body { + margin: 0 0 30px; + overflow: hidden; + background-color: #f9f9f9; + padding: 30px 25px; +} + +.avatar-page .message-error { + margin: 0 0 10px; +} + +.avatar-page .image { + margin: 0 0 10px; +} + +.avatar-page .image img { + border: 1px solid #ccc; +} + +.avatar-page .button-1 { + font-size: 14px; +} + +.avatar-page .button-2 { + border: none; + background-color: #888; + padding: 10px 15px; + font-size: 14px; + color: #fff; + text-transform: uppercase; +} + +.avatar-page .button-2:hover, +.avatar-page .button-2:focus { + background-color: #999; +} + +.avatar-page .info { + color: #444; +} + +.vendorinfo-page .button-2 { + border: medium none; + background-color: #888; + padding: 10px 15px; + font-size: 14px; + color: #fff; + text-transform: uppercase; +} + +.vendorinfo-page .button-2:hover, +.vendorinfo-page .button-2:focus { + background-color: #999; +} + +.vendorinfo-page .vendor-picture { + width: 400px; + margin: 0 auto; +} + +.vendorinfo-page .vendor-picture * { + display: block; + margin-top: 15px; +} + +.check-gift-card-balance-page .page-title { + margin: 0 0 -1px; +} + +.check-gift-card-balance-page .result, +.check-gift-card-balance-page .message-error { + margin: 20px 0; +} + +.check-gift-card-balance-page .fieldset { + margin: 0 0 30px; +} + + +/********** SHOPPING CART **********/ + + + +.order-progress { + margin: 0 0 50px; + background-color: #f6f6f6; + padding: 15px 0; + text-align: center; +} + +.order-progress ul { + font-size: 0; +} + +.order-progress li { + display: inline-block; + margin: 10px; +} + +.order-progress a { + display: block; + min-width: 70px; + font-size: 14px; /*reset zeroing*/ + color: #444; +} + +.order-progress a:before { + content: ""; + display: block; + width: 40px; + height: 40px; + margin: 0 auto 15px; + border: 1px solid #bbb; + background: #fff url('../images/pointer.png') center no-repeat; +} + +.order-progress li.active-step a { + cursor: pointer; +} + +.order-progress li.inactive-step a { + opacity: 0.3; + cursor: default; +} + +.shopping-cart-page .page-title { + margin: 0 0 -1px; + padding: 10px; +} + +.shopping-cart-page .message-error { + margin: 20px 0; +} + +.shopping-cart-page td .message-error { + margin: 10px 0 0; + text-align: left; +} + +.shopping-cart-page .checkout-attributes a { + color: #4ab3f1; +} + +.shopping-cart-page .checkout-attributes a:hover, +.shopping-cart-page .checkout-attributes a:focus { + text-decoration: underline; +} + +.shopping-cart-page .tax-shipping-info { + margin: 20px 0; + text-align: center; +} + +.shopping-cart-page .tax-shipping-info a { + color: #4ab3f1; +} + +.shopping-cart-page .tax-shipping-info a:hover, +.shopping-cart-page .tax-shipping-info a:focus { + text-decoration: underline; +} + +.shopping-cart-page .common-buttons { + margin: 0 0 60px; + background-color: #f6f6f6; + padding: 20px; + font-size: 0; +} + +.shopping-cart-page .common-buttons button { + display: inline-block; + min-width: 180px; + margin: 5px; + border: none; + background-color: #aaa; + padding: 10px 20px; + font-size: 15px; + color: #fff; + background-color: var(--dark); +} + +.shopping-cart-page .common-buttons button:hover, +.shopping-cart-page .common-buttons button:focus { + background-color: #999; +} + +.shopping-cart-page .common-buttons button:first-child { + background-color: var(--theme-color); +} + +.shopping-cart-page .common-buttons button:first-child:hover, +.shopping-cart-page .common-buttons button:first-child:focus { + background-color: var(--active-color); +} + +.checkout-attributes { + margin: -30px 0 30px; + color: #444; +} + +.checkout-attributes dt { + margin: 0 0 5px; + font-weight: bold; +} + +.checkout-attributes dd { + margin: 0 0 20px; +} + +.checkout-attributes input[type="text"], +.checkout-attributes select { + min-width: 170px; +} + +.checkout-attributes ul { + font-size: 0; +} + +.checkout-attributes .option-list>li { + display: inline-block; + margin: 5px; + border: 1px solid #ddd; + background-color: #fff; + padding: 8px 10px; + font-size: 14px; /*reset zeroing*/ +} + +.checkout-attributes .attribute-squares li { + border: none; + padding: 0; + line-height: 0; +} + +.checkout-attributes .option-list>li label { + display: inline-block; + margin: 0 0 0 5px; +} + +.selected-checkout-attributes { + margin: 30px 0; + color: #444; +} + +.selected-checkout-attributes br { + content: ""; + display: block; + margin: 3px; +} + +.cart-footer { + margin: 0 0 50px; + border-top: 1px solid #ddd; +} + +.cart-footer:after { + content: ""; + display: block; + clear: both; +} + +.cart-footer .totals { + width: 350px; + max-width: 100%; + margin: 0 auto 50px; + background-color: #f9f9f9; + padding: 10px; + color: #444; +} + +.cart-footer .total-info { + margin: 0 0 20px; + border-bottom: 1px solid #ddd; + padding: 5px 30px 15px; +} + +.cart-total td { + width: 50%; + padding: 5px 0; + text-align: right; +} + +.cart-total td:first-child { + text-align: left; +} + +.cart-total .giftcard-remaining { + display: block; + font-style: italic; +} + +.cart-total .order-total { + font-size: 20px; + color: var(--theme-color); +} + +.cart-total .order-total strong { + font-weight: normal; +} + +.cart-total .earn-reward-points { + font-style: italic; +} + +.min-amount-warning { + margin: 0 0 20px; + padding: 0 30px; + color: #e4434b; +} + +.terms-of-service { + margin: 0 0 20px; + padding: 0 30px; +} + +.terms-of-service label { + cursor: pointer; +} + +.terms-of-service a { + margin: 0 0 0 3px; + color: var(--theme-color); +} + +.cart-footer .checkout-buttons { + padding: 0 10px; +} + +.cart-footer .checkout-disabled { + font-size: 20px; + text-align: center; + background: #ffa500; + border: 1px solid #c3891e; + color: #fff; + padding: 15px 50px; +} + +.cart-footer .checkout-button { + display: inline-block; + min-width: 160px; + border: none; + background-color: var(--theme-color); + padding: 10px 20px; + font-size: 16px; + color: #fff; + text-transform: uppercase; +} + +.cart-footer .checkout-button:hover, +.cart-footer .checkout-button:focus { + background-color: var(--active-color); +} + +.cart-footer .addon-buttons { + margin: 20px 0 0; + padding: 0 10px; +} + +.cart-collaterals { + width: 350px; + max-width: 100%; + margin: 0 auto 50px; + padding: 25px 0 0; +} + +.cart-collaterals > div { + max-width: 400px; + margin: 0 0 50px; +} + +.cart-collaterals .button-2 { + display: inline-block; + border: none; + background-color: #aaa; + padding: 10px 15px; + color: #fff; + text-transform: uppercase; +} + +.cart-collaterals .button-2:hover, +.cart-collaterals .button-2:focus { + background-color: #999; +} + +.cart-collaterals .title { + margin: 0 0 5px; + font-size: 18px; + color: #444; +} + +.cart-collaterals .title strong { + font-weight: normal; +} + +.cart-collaterals .hint { + margin: 0 0 10px; +} + +.cart-collaterals .deals > div { + margin: 0 0 20px; +} + +.cart-collaterals .coupon-code { + overflow: hidden; +} + +.cart-collaterals .coupon-code input[type="text"] { + float: left; + width: 60%; + height: 36px; /*safari padding fix*/ + margin: 0 -1px 0 0; +} + +.cart-collaterals .coupon-code button[type="submit"] { + float: left; + width: 40%; + height: 36px; /*safari padding fix*/ + padding: 0; + background: var(--dark); +} + +.cart-collaterals .message-failure { + margin: 5px 0 0; + font-size: 12px; + color: #e4434b; +} + +.cart-collaterals .message-success { + margin: 5px 0 0; + font-size: 12px; + color: #4cb17c; +} + +.cart-collaterals .current-code { + margin: 5px 0 0; + color: #4cb17c; +} + +.remove-discount-button, +.remove-gift-card-button { + width: 15px; + height: 15px; + border: 1px solid #999; + background: #fff url('../images/close.png') center no-repeat; + cursor: pointer; +} + +.cart-collaterals .shipping select { + height: 36px; +} + +.cart-collaterals .shipping-results { + margin: 30px 0 0; +} + +.cart-collaterals .shipping-results li { + margin: 20px 0; +} + +.cart-collaterals .shipping-results li strong { + display: block; + margin: 0 0 5px; + color: #444; +} + +.shopping-cart-page .no-data { + margin: 25px 0 0; +} + + +/*** ESTIMATE SHIPPING POPUP COMMON ***/ + + +.estimate-shipping-popup { + position: relative; + background: #FFF; + padding: 25px 10px; + width: auto; + max-width: 800px; + margin: 0 auto; +} + +.estimate-shipping-popup-zoom-in .mfp-with-anim { + opacity: 0; + transition: all 0.2s ease-in-out; + transform: scale(0.8); +} + +.estimate-shipping-popup-zoom-in.mfp-bg { + opacity: 0; + transition: all 0.3s ease-out; +} + +.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim { + opacity: 1; + transform: scale(1); +} + +.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg { + opacity: 0.8; +} + +.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim { + transform: scale(0.8); + opacity: 0; +} + +.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg { + opacity: 0; +} + +.shipping-options-loading { + background: url(../images/ajax-loader-small.gif) no-repeat; + width: 16px; + height: 16px; + position: relative; + right: 8px; + margin: 4% 50%; +} + +.shipping-address .required { + margin-left: 0px; +} + +.estimate-shipping-row { + display: flex; + display: -webkit-flex; + align-items: center; +} + +.estimate-shipping-row.shipping-option { + cursor: pointer; +} + +.estimate-shipping-row.shipping-option.active { + font-weight: 700; +} + +.estimate-shipping-row-item { + flex: 0 1 100%; +} + +.estimate-shipping-row-item.shipping-item { + padding: 8px 0; + overflow: hidden; + overflow-wrap: break-word; +} + +.estimate-shipping-row-item.shipping-header-item { + padding: 12px 0; + border-bottom: 1px solid #f2f2f2; + align-self: flex-end; +} + +.estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { + padding-left: 15px; +} + +.estimate-shipping-row-item + .estimate-shipping-row-item { + padding-left: 10px; +} + +.estimate-shipping-row-item-radio { + flex: 0 0 35px; +} + +.ship-to-title { + margin-bottom: 10px; +} + +.choose-shipping-title { + margin-top: 20px; +} + +.estimate-shipping-address-control { + width: 100%; + height: 36px; +} + +.estimate-shipping-radio { + display: none; +} + +.estimate-shipping-radio + label { + -webkit-appearance: none; + background-color: #fafafa; + border: 1px solid #cacece; + padding: 9px; + border-radius: 50px; + display: inline-block; + position: relative; +} + +.estimate-shipping-radio:checked + label:after { + content: ' '; + width: 6px; + height: 6px; + border-radius: 50px; + position: absolute; + top: 6px; + left: 6px; + background: #ffffff; +} + +.estimate-shipping-radio:checked + label { + background-color: var(--theme-color); + color: #99a1a7; + border: 1px solid #adb8c0; + border-color: var(--theme-color); +} + +.apply-shipping-button { + border: none; + padding: 8px 25px; + background-color: var(--theme-color); + color: #fff; +} + +.apply-shipping-button-container { + margin-top: 15px; + text-align: center; +} + +.shipping-options-header { + top: 0; + z-index: 1; + position: sticky; + background-color: #fff; +} + +.shipping-options { + position: relative; + z-index: 1; + overflow: hidden; + overflow-y: auto; + max-height: 200px; + background: #FFF no-repeat; + background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); + background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); + background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); + background-position: 0 0, 0 100%; + background-size: 100% 7px; +} + +.shipping-options:before, +.shipping-options:after { + content: ""; + position: relative; + z-index: -1; + display: block; + height: 30px; + margin: 0 0 -30px; + background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); + background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); + background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); +} + +.shipping-options:after { + margin: -30px 0 0; + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF); + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF); +} + +.no-shipping-options { + text-align: center; + margin: 4% 0; +} + +.estimate-shipping-popup .message-failure { + margin: 5px 0 -5px; + font-size: 12px; + color: #e4434b; +} + + +/*** SHOPPING CART ESTIMATE SHIPPING ***/ + + +.shopping-cart-page .common-buttons .estimate-shipping-button { + display: inline-block; + min-width: 180px; + margin: 5px; + border: none; + background-color: var(--dark); + padding: 10px 20px; + font-size: 15px; + text-align: center; + color: #fff; + border-radius: var(--theme-border-radius); +} + +.shopping-cart-page .common-buttons .estimate-shipping-button:hover, +.shopping-cart-page .common-buttons .estimate-shipping-button:focus { + background-color: #999; +} + + +/*** PRODUCT ESTIMATE SHIPPING ***/ + + +.product-estimate-shipping { + margin-bottom: 20px; +} + +.product-estimate-shipping .shipping-date { + margin-top: 3px; +} + +.product-estimate-shipping .shipping-title { + font-size: 16px; + font-weight: bold; + color: #444; + margin-bottom: 5px; + justify-content: center; +} + +.product-estimate-shipping .shipping-title .shipping-price { + margin-left: 5px; + vertical-align: middle; +} + +.product-estimate-shipping .shipping-title .shipping-loading { + margin-left: 5px; + vertical-align: middle; + background: url(../images/ajax-loader-small.gif) no-repeat; + width: 16px; + height: 16px; + display: inline-block; +} + +.product-estimate-shipping .open-estimate-shipping-popup .arrow-down { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + margin: 0 0 3px 6px; + border: solid black; + border-width: 0 1px 1px 0; + display: inline-block; + padding: 3px; +} + + +/********** CHECKOUT **********/ + + + +.checkout-page .section { + margin: 0 0 30px; +} + +.checkout-page .section.order-summary { + margin: 100px 0 30px; +} + +.checkout-page .cart-options { + min-height: 60px; + overflow: hidden; +} + +.checkout-page .cart-footer { + border-top: none; +} + +.checkout-page .total-info { + margin: 0; + border-bottom: none; + padding: 5px 20px 10px; +} + +.checkout-page .button-1 { + display: inline-block; + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.checkout-page .button-1:hover, +.checkout-page .button-1:focus { + background-color: var(--active-color); +} + +.checkout-page .address-item { + width: 350px; + max-width: 100%; + margin: 0 auto 40px; +} + +.checkout-page .address-item ul { + margin: 0 0 15px; + background-color: #f9f9f9; + padding: 20px; + color: #444; +} + +.checkout-page .address-item li { + padding: 5px 0; +} + +.checkout-page .address-item li.name { + font-size: 16px; + font-weight: bold; +} + +.enter-address .message-error { + margin: 20px 0; +} + +.enter-address .edit-address { + background-color: #f9f9f9; + border-top: 1px solid #e6e6e6; + margin: 0 0 30px; + padding: 30px 15px; +} + +.checkout-page .ship-to-same-address { + padding: 30px 0; + text-align: center; +} + +.checkout-page .ship-to-same-address .selector { + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.vat-number-warning { + text-align: center; + font-size: 13px; + color: #e4434b; + margin-top: 5px; +} + + .vat-number-warning a { + text-decoration: underline; + } + +.checkout-page .pickup-in-store { + text-align: center; +} + +.checkout-page .pickup-in-store .selector { + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.select-pickup-point { + text-align: center; +} + +.checkout-page .pickup-points-map { + min-width: 400px; + min-height: 350px; + vertical-align: middle; + margin-top: 5px; + margin-bottom: 5px; +} + +.checkout-page .edit-address-button { + float: right; + margin: 20px 10px 10px 12px; +} + +.checkout-page .delete-address-button { + float: right; + margin: 20px 0 10px 0; +} + +.shipping-method .method-list, +.payment-method .method-list { + margin: 0 auto 30px; + overflow: hidden; + text-align: center; + font-size: 0; +} + +.shipping-method .method-list li, +.payment-method .method-list li { + margin: 20px 0; + font-size: 14px; /*reset zeroing*/ +} + +.shipping-method .method-list li label, +.payment-method .method-list li label { + font-size: 13px; + font-weight: bold; + color: #444; +} + +.shipping-method .method-description { + margin: 5px 0 0; +} + +.payment-method .use-reward-points { + margin: 0 0 30px; + text-align: center; + color: #444; +} + +.payment-method .payment-logo { + display: inline-block; + vertical-align: middle; +} + +.payment-method .payment-logo label { + display: block; + font-size: 0 !important; +} + +.payment-method .payment-details { + width: 200px; + display: inline-block; + margin: 0 0 0 10px; + text-align: left; + vertical-align: middle; +} + +.payment-info .info { + padding: 30px 15px; + color: #444; +} + +.payment-info .info tr { + display: block; + margin: 0 0 15px; + font-size: 0; +} + +.payment-info .info td { + display: inline-block; + width: 100% !important; + max-width: 400px !important; + font-size: 14px; /*reset zeroing*/ +} + +.payment-info .info td:only-child { + width: 100% !important; + max-width: 100% !important; +} + +.payment-info .info td input[type="text"] { + width: 100% !important; +} + +.payment-info .info td input[name="CardCode"] { + width: 65px !important; +} + +.payment-info .info td select { + min-width: 70px; +} + +.payment-info .info td:first-child { + margin: 0 0 10px; +} + +.payment-info .info p { + text-align: center; +} + +.confirm-order .buttons { + padding: 10px 0; +} + +.confirm-order .button-1 { + font-size: 16px; +} + +.order-review-data > div, +.order-details-area > div, +.shipment-details-area > div { + width: 350px; + max-width: 100%; + margin: 0 auto 40px; + background-color: #f9f9f9; + padding: 20px; + color: #444; +} + +.order-review-data li, +.order-details-area li, +.shipment-details-area li { + padding: 3px 0; +} + +.order-review-data .title, +.order-details-area .title, +.shipment-details-area .title { + margin: 0 0 5px; + padding: 0; + font-size: 16px; + font-weight: bold; +} + +.order-review-data .title strong, +.order-details-area .title strong, +.shipment-details-area .title strong { + font-weight: 700; +} + +.order-review-data .payment-method-info, +.order-review-data .shipping-method-info, +.order-details-area .payment-method-info, +.order-details-area .shipping-method-info { + margin-top: 20px; +} + +.order-completed .details { + margin: 0 0 30px; + padding: 30px 15px; + text-align: center; + color: #444; +} + +.order-completed .details div { + margin: 5px 0; +} + +.order-completed .details strong { + font-weight: normal; + text-transform: uppercase; +} + +.order-completed .details a { + color: var(--theme-color); +} + +.order-completed .details a:hover, +.order-completed .details a:focus { + text-decoration: underline; +} + +.opc .step-title { + margin: 0 0 1px; + overflow: hidden; + background-color: #f6f6f6; +} + +.opc .allow .step-title { + background-color: var(--dark); + cursor: pointer; +} +.opc .active .step-title { + box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); +} + +.opc .step-title .number, +.opc .step-title .title { + float: left; + min-height: 40px; + padding: 10px 15px; + line-height: 20px; + font-size: 16px; + font-weight: normal; +} + +.opc .allow .step-title .number, +.opc .allow .step-title .title { + color: #fff; + cursor: pointer; +} + +.opc .step-title .number { + width: 42px; + border-right: 1px solid #fff; + text-align: center; +} + +.opc .allow .step-title .number { + background-color: var(--active-color); +} + +.opc .step { + margin: 10px 0; + padding: 30px 15px; + text-align: center; +} + +.opc .section { + margin: 0 0 30px; +} + +.opc .section > label { + display: block; + margin: 0 0 10px; +} + +.opc input[type="text"], +.opc select { + max-width: 100%; +} + +.opc .buttons { + margin-bottom: 0; +} + +.opc .back-link { + margin: 0 0 10px; +} + +.opc .back-link small { + display: none; +} + +.opc .back-link a { + display: inline-block; + margin: 0 0 0 -15px; + background: url('../images/back-button.png') left center no-repeat; + padding: 0 0 0 18px; + color: #444; +} + +.opc .back-link a:hover, +.opc .back-link a:focus { + color: var(--theme-color); +} + +.opc .buttons .please-wait { + display: block; + margin: 10px 0 0; + background: none; +} + +.opc .section.ship-to-same-address { + margin: 0 0 30px; + padding: 0; +} + +.opc .section.pickup-in-store { + margin: 0 0 30px; + padding: 0; +} + +.opc .payment-info .info tr { + text-align: left; +} + +.opc .section.order-summary { + margin: 0; +} + +.opc-select-address-container { + display: flex; + flex-flow: row wrap; + justify-content: center; + gap: 10px 5px; +} + +.checkout-page .opc-select-address-container .button-1 { + min-width: 100px; + padding: 5px 20px +} + +/****** ORDER DETAILS & SHIPPING DETAILS ******/ +.order-details-page .page-title { + border-bottom: none; + display: block; +} + +.order-details-page .page-title h1 { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 10px; +} + +.order-details-page .page-title a { + display: inline-block; + min-width: 180px; + margin: 5px 0; + border: none; + background-color: #aaa; + background-image: none; + padding: 10px 20px; + font-size: 15px; + color: #fff; +} + +.order-details-page .page-title a:hover, +.order-details-page .page-title a:focus { + background-color: #999; +} + +.order-details-page .page-title a.print-order-button { + background-color: var(--theme-color); +} + +.order-details-page .page-title a.print-order-button:hover, +.order-details-page .page-title a.print-order-button:focus { + background-color: var(--active-color); +} + +.order-details-page .order-overview { + margin: 0 0 50px; + line-height: 26px; + text-align: center; + font-size: 16px; + color: #444; +} + +.order-details-page .order-overview .order-number { + margin: 0 0 10px; + text-transform: uppercase; +} + +.order-details-page .order-overview .order-total strong { + font-weight: normal; + color: var(--theme-color); +} + +.order-details-page .repost .button-2 { + display: inline-block; + margin: 10px 0; + border: none; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.order-details-page .repost .button-2:hover, +.order-details-page .repost .button-2:focus { + background-color: var(--active-color); +} + +.order-details-page .download a { + font-weight: normal; + color: var(--theme-color); +} + +.order-details-page .download a:hover, +.order-details-page .download a:focus { + text-decoration: underline; +} + +.user-agreement-page .terms-of-agreement { + margin: 0 0 20px; + padding: 20px; + text-align: center; +} + +.user-agreement-page .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.user-agreement-page .button-1:hover, +.user-agreement-page .button-1:focus { + background-color: var(--active-color); +} + +.order-details-page .tax-shipping-info { + margin: 30px 0; +} + +.order-details-page .tax-shipping-info a { + color: var(--theme-color); +} + +.order-details-page .tax-shipping-info a:hover, +.order-details-page .tax-shipping-info a:focus { + text-decoration: underline; +} + +.order-details-page .actions { + margin: 30px 0 0; + font-size: 0; +} + +.order-details-page .actions button { + display: inline-block; + min-width: 165px; + margin: 5px; + border: none; + background-color: #aaa; + background-image: none; + padding: 10px 20px; + font-size: 15px; + color: #fff; +} + +.order-details-page .actions button:hover, +.order-details-page .actions button:focus { + background-color: #999; +} + +.order-details-page .actions button:first-child { + background-color: var(--theme-color); +} + +.order-details-page .actions button:first-child:hover, +.order-details-page .actions button:first-child:focus { + background-color: var(--active-color); +} + +.order-details-page .totals.section { + width: 370px; + padding: 0 10px; + max-width: 100%; + margin: 0 auto 50px; +} + +.order-details-page .total-info { + background-color: #f9f9f9; + padding: 15px 20px; + color: #444; +} + + +/****** SEARCH & SITEMAP ******/ + + + +.search-page .page-title { + margin: 0 0 -1px; +} + +.search-input .fieldset { + margin: 0 0 30px; +} + +.search-input .form-fields { + padding: 30px 15px 10px; +} + +.search-input input + label { + display: inline; + margin: 0 0 0 5px; +} + +.advanced-search { + margin: 30px 0 0; +} + +.advanced-search .price-range { + display: inline-block; +} + +.advanced-search .price-range input { + width: 80px; + margin: 3px; +} + +.search-input .buttons { + text-align: center; +} + +.search-input .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.search-input .button-1:hover, +.search-input .button-1:focus { + background-color: var(--active-color); +} + +.search-results { + margin: 30px 0 0; +} + +.search-results .warning { + margin: 10px 0; + color: #e4434b; +} + +.sitemap-page .description { + margin: 0 0 30px; + text-align: center; +} + +.sitemap-page .entity { + margin: 0 0 30px; +} + +.sitemap-page .entity-title { + margin: 0 0 15px; + padding: 0 10px; + text-align: center; +} + +.sitemap-page .entity-title h2 { + font-size: 20px; + font-weight: normal; + color: #444; +} + +.sitemap-page .entity-body { + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 30px 15px; + text-align: center; +} + +.sitemap-page .entity ul { + font-size: 0; +} + +.sitemap-page .entity li { + display: inline-block; + position: relative; + margin: 0 8px; + padding: 0 12px; + line-height: 50px; + font-size: 14px; /*reset zeroing*/ +} + +.sitemap-page .entity li:before { + content: ""; + position: absolute; + top: 23px; + left: 0; + width: 5px; + height: 5px; + background-color: #ddd; +} + +.sitemap-page .entity a { + color: #444; +} + +.sitemap-page .entity a:hover, +.sitemap-page .entity a:focus { + color: var(--theme-color); +} + +.sitemap-page .entity a:empty { + display: none; +} + + +/****** BLOG & NEWS ******/ + + + +.block-blog-archive .number { + display: block; + color: #444; + cursor: auto; +} + +.block-blog-archive .sublist { + margin: 5px 0 5px 15px; +} + +.block-blog-archive li.month { + padding: 3px 0 3px 15px; +} + +.blog-page .page-title, +.news-list-page .page-title { + margin: 0; +} + +.blog-page .post, +.news-items .news-item { + margin: 0 0 30px; +} + +.blog-page .post:after { + content: ""; + display: block; + clear: both; +} + +.post-title, +.news-title { + display: inline-block; + padding: 20px 10px; + line-height: 20px; + font-size: 16px; + font-weight: bold; + color: var(--theme-color); +} + +.post-title:hover, +.post-title:focus, +.news-title:hover, +.news-title:focus { + color: var(--theme-color); +} + +.post-date, +.news-date { + display: block; + margin: 0 0 15px; + background-color: #f6f6f6; + padding: 10px; + font-style: italic; + color: #444; +} + +.post-body, +.news-body { + margin: 0 0 20px; + padding: 0 10px; + line-height: 22px; +} + +.blog-page .tags, +.blogpost-page .tags { + margin: 0 0 15px; + overflow: hidden; + padding: 0 10px; +} + +.blog-page .tags label, +.blogpost-page .tags label { + display: inline-block; + margin: 0 3px 3px 0; + font-weight: bold; + color: #444; +} + +.blog-page .tags ul, +.blogpost-page .tags ul { + display: inline-block; + margin: 0 0 3px 3px; + font-size: 0; +} + +.blog-page .tags li, +.blogpost-page .tags li { + display: inline-block; + font-size: 14px; /*reset zeroing*/ +} + +.blog-page .tags li.separator, +.blogpost-page .tags li.separator { + margin: 0 8px 0 0; +} + +.blog-page .tags a, +.blogpost-page .tags a { + display: block; + color: var(--theme-color); +} + +.blog-page .tags a:hover, +.blog-page .tags a:focus, +.blogpost-page .tags a:hover, +.blogpost-page .tags a:focus { + text-decoration: underline; +} + +.blog-posts .buttons, +.news-items .buttons { + margin: 0; + padding: 0 10px; +} + +.blog-posts .buttons .read-comments { + display: block; + margin: 0 0 15px; + font-weight: bold; + color: #444; +} + +.blog-posts .buttons .read-comments:hover, +.blog-posts .buttons .read-comments:focus { + color: var(--theme-color); +} + +.blog-posts .buttons .read-more, +.news-items .buttons .read-more { + display: inline-block; + border: none; + background-color: var(--theme-color); + padding: 10px 20px; + font-size: 12px; + color: #fff; + text-transform: uppercase; + border-radius: var(--theme-border-radius); +} + +.blog-posts .buttons .read-more:hover, +.blog-posts .buttons .read-more:focus, +.news-items .buttons .read-more:hover, +.news-items .buttons .read-more:focus { + background-color: var(--active-color); +} + +.new-comment { + margin: 50px 0 60px; +} + +.new-comment .notifications { + margin: 0 0 10px; +} + +.new-comment .result { + color: #690; +} + +.new-comment .form-fields { + margin: 0 0 20px; +} + +.new-comment .button-1 { + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.new-comment .button-1:hover, +.new-comment .button-1:focus { + background-color: var(--active-color); +} + +.comment-list { + margin: 0 0 100px; +} + +.comment-list .title { + margin: 0 0 15px; + padding: 0 10px; + font-size: 20px; + color: #444; +} + +.comment-list .title strong { + font-weight: normal; +} + +.comment-list .comment { + margin: 0 0 40px; + border-top: 1px solid #ddd; +} + +.comment-list .comment:after { + content: ""; + display: block; + clear: both; +} + +.comment-info { + width: 150px; + margin: 20px auto; +} + +.comment-info .username { + display: block; + margin: 0 0 -1px; + border: 1px solid #ddd; + background-color: #f6f6f6; + padding: 11px 0; + font-weight: bold; + color: #444; +} + +.comment-info a.username:hover, +.comment-info a.username:focus { + color: var(--theme-color); +} + +.comment-info .avatar { + position: relative; + width: 150px; + height: 150px; + border: 1px solid #ddd; + overflow: hidden; +} + +.comment-info .avatar img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + max-width: 100%; + max-height: 100%; + margin: auto; + border: solid 2px #CEDBE1 !important; +} + +.comment-time { + margin: 0 0 15px; + font-size: 13px; + font-weight: bold; +} + +.comment-time span { + color: #444; +} + +.comment-title { + margin: 0 0 15px; + font-size: 16px; + color: #444; +} + +.comment-body { + line-height: 22px; +} + +.news-list-homepage { + margin: 0 0 75px; +} + +.news-list-homepage .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.news-list-homepage .title strong { + color: var(--dark); + text-transform: uppercase; +} + +.news-list-homepage .view-all { + text-align: center; +} + +.news-list-homepage .view-all a { + color: #444; + text-decoration: underline; +} + +.news-list-homepage .view-all a:hover, +.news-list-homepage .view-all a:focus { + color: var(--theme-color); +} + + +/*** FORUM & PROFILE ***/ + + + +.forums-main-page .topic-block { + margin: 0 0 35px; + text-align: center; +} + +.forums-main-page .topic-block p { + text-align: center; +} + +.forums-main-page .pager { + display: none; +} + +.forum-breadcrumb { + margin: 0 0 40px; +} + +.forums-header { + margin: 0 0 50px; + overflow: hidden; +} + +.forums-header:after { + content: ""; + display: block; + clear: both; +} + +.forums-header .current-time { + margin: 0 0 15px; + color: #444; +} + +.forum-search-box .basic { + overflow: hidden; + margin: 0 0 10px; +} + +.forum-search-box .advanced a { + line-height: 22px; + color: #444; + text-decoration: underline; +} + +.forum-search-box .advanced a:hover, +.forum-search-box .advanced a:focus { + color: var(--theme-color); +} + +.forum-search-page .page-title { + margin: 0 0 -1px; +} + +.forum-search-page .search-error, +.forum-search-page .no-result { + margin: 0 0 15px; + text-align: center; + color: #e4434b; +} + +/* forum group */ + +.forums-table-section { + margin: 0 0 60px; +} + +.forums-table-section + .pager { + margin: -30px 0 30px; +} + +.forums-table-section-title { + margin: 0 0 15px; + padding: 0 10px; +} + +.forums-table-section-title a, +.forums-table-section-title strong { + font-size: 22px; + font-weight: normal; + color: #444; +} + +.forums-table-section-title a:hover, +.forums-table-section-title a:focus { + color: var(--theme-color); +} + +.forums-table-section .image div { + width: 38px; + height: 32px; + margin: auto; + background: url('../images/topic-type1.png') center no-repeat; +} + +.forums-table-section .image div.sticky { + background: url('../images/topic-type2.png') center no-repeat; +} + +.forums-table-section .image div.announcement { + background: url('../images/topic-type3.png') center no-repeat; +} + +.forums-table-section .forum-title, +.forums-table-section .topic-title { + margin: 5px 0; +} + +.forums-table-section .forum-title a, +.forums-table-section .topic-title a { + font-size: 16px; + font-weight: bold; + color: #444; +} + +.forums-table-section .forum-title a:hover, +.forums-table-section .forum-title a:focus, +.forums-table-section .topic-title a:hover, +.forums-table-section .topic-title a:focus { + color: var(--theme-color); + text-decoration: none; +} + +.forums-table-section .topic-title span { + display: block; + color: #777; +} + +.forums-table-section .forum-description, +.forums-table-section .topic-starter { + margin: 5px 0; +} + +.forums-table-section .latest-post { + white-space: nowrap; +} + +.forums-table-section .latest-post div { + margin: 5px 0; +} + +.forums-table-section .latest-post label { + color: #777; +} + +.forums-table-section .view-all { + margin: 30px 0 0; + padding: 0 10px; +} + +.forums-table-section .view-all a { + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.forums-table-section .view-all a:hover, +.forums-table-section .view-all a:focus { + background-color: var(--active-color); +} + +/* forum-page, topic page */ + +.forum-page .forum-info { + margin: 0 0 30px; +} + +.forum-page .forum-name, +.forum-topic-page .topic-name { + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 0 10px 10px; +} + +.forum-page .forum-name h1, +.forum-topic-page .topic-name h1 { + font-size: 30px; + font-weight: normal; +} + +.forum-actions, +.topic-actions { + margin: 0 0 30px; + font-size: 0; +} + +.forum-actions .actions a, +.topic-actions .actions a { + display: inline-block; + margin: 1px; + padding: 10px 10px 10px 33px; + font-size: 14px; +} + +.forum-actions .actions .new-topic { + background: #eee url('../images/new.png') left center no-repeat; +} + +.forum-actions .actions .watch-forum, +.topic-actions .actions .watch-forum { + background: #eee url('../images/watch.png') left center no-repeat; +} + +.forum-actions .actions a:hover, +.forum-actions .actions a:focus, +.topic-actions .actions a:hover, +.topic-actions .actions a:focus { + background-color: #e6e6e6; +} + +.forum-actions .pager.upper, +.topic-actions .pager.upper { + display: none; + margin: 0; +} + +.topic-actions .reply-topic-button { + background: #eee url('../images/reply.png') left center no-repeat; +} + +.topic-actions .watch-topic-button { + background: #eee url('../images/watch.png') left center no-repeat; +} + +.topic-actions .move-topic-button { + background: #eee url('../images/move.png') left center no-repeat; +} + +.topic-actions .edit-topic-button { + background: #eee url('../images/edit_.png') left center no-repeat; +} + +.topic-actions .delete-topic-button { + background: #eee url('../images/remove_.png') left center no-repeat; +} + +.topic-actions.lower .actions { + display: none; +} + +.active-discussions-page .forums-table-section-title { + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 0 10px 10px; +} + +.active-discussions-page .forums-table-section-title strong { + font-size: 30px; + font-weight: normal; +} + +.active-discussions-page .forums-table-section-body { + margin: 0 0 20px; +} + +/* topic post */ + +.topic-post { + margin: 0 0 30px; + border-top: 1px solid #ddd; +} + +.topic-post:last-child { + border-bottom: 1px solid #ddd; +} + +.topic-post:after { + content: ""; + display: block; + clear: both; +} + +.topic-post .post-info { + margin: 30px 0; +} + +.topic-post .user-info { + width: 150px; + margin: 0 auto 15px +} + +.topic-post .username { + display: block; + margin: 0 0 -1px; + border: 1px solid #ddd; + background-color: #f6f6f6; + padding: 11px 0; + font-weight: bold; + color: #444; +} + +.topic-post a.username:hover, +.topic-post a.username:focus { + color: var(--theme-color); +} + +.topic-post .avatar, +.profile-info-box .avatar { + position: relative; + width: 150px; + height: 150px; + border: 1px solid #ddd; + overflow: hidden; +} + +.topic-post .avatar img, +.profile-info-box .avatar img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + max-width: 100%; + max-height: 100%; + margin: auto; +} + +.topic-post .avatar img { + border: solid 2px #CEDBE1 !important; +} + +.topic-post .user-stats { + margin: 0 0 15px; +} + +.topic-post .user-stats li { + display: inline-block; + margin: 0 10px; +} + +.topic-post .user-stats span, +.profile-info-box .profile-stats span { + margin: 0 0 0 3px; + font-weight: bold; + color: #444; +} + +.topic-post .pm-button, +.profile-info-box .pm-button { + display: inline-block; + border: none; + background-color: #888; + padding: 10px 20px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.topic-post .pm-button:hover, +.topic-post .pm-button:focus, +.profile-info-box .pm-button:hover, +.profile-info-box .pm-button:focus { + background-color: #999; +} + +.topic-post .post-time { + margin: 0 0 15px; + background-color: #f6f6f6; + padding: 10px 15px; + font-size: 13px; + font-weight: bold; +} + +.topic-post .post-time span { + color: #444; +} + +.topic-post .post-actions { + margin: 0 0 15px; + font-size: 0; +} + +.topic-post .post-actions > div { + display: inline-block; +} + +.topic-post .post-actions a { + display: inline-block; + margin: 1px 5px; + font-size: 14px; +} + +.topic-post .post-actions .edit-post-button, +.topic-post .post-actions .delete-post-button { + padding: 10px 10px 10px 33px; +} + +.topic-post .post-actions .edit-post-button { + background: url('../images/edit_.png') left center no-repeat; +} + +.topic-post .post-actions .delete-post-button { + background: url('../images/remove_.png') left center no-repeat; +} + +.topic-post .post-actions .edit-post-button:hover, +.topic-post .post-actions .edit-post-button:focus, +.topic-post .post-actions .delete-post-button:hover, +.topic-post .post-actions .delete-post-button:focus { + color: var(--theme-color); +} + +.topic-post .post-actions .post-link-button { + padding: 10px; + font-weight: bold; + color: var(--theme-color); +} + +.topic-post .post-actions .post-link-button:hover, +.topic-post .post-actions .post-link-button:focus { + text-decoration: underline; +} + +.topic-post .post-actions .quote-post-button { + background-color: #888; + padding: 10px 20px; + color: #fff; +} + +.topic-post .post-actions .quote-post-button:hover, +.topic-post .post-actions .quote-post-button:focus { + background-color: #999; + color: #fff; +} + +.topic-post .post-text { + /*topic post-text also gets style from blog post-body*/ + padding: 0 10px 20px; + line-height: 22px; + color: #444; + margin-bottom: 0; +} + +.topic-post .post-vote { + text-align: center; + display: table; + margin: 0 auto 20px; +} + +.topic-post .user-posted-image, +.latest-posts .user-posted-image { + max-width: 100%; + height: auto; +} + +.topic-post .quote, +.latest-posts .quote { + margin: 10px 0; + border: 1px dashed #ccc; + background-color: #f9f9f9; + padding: 10px; + color: #777; +} + +.topic-post .signature { + border-top: 1px solid #ddd; + padding: 20px; + font-size: 13px; + font-style: italic; + clear: both; +} + +.topic-post .post-vote span.vote { + cursor: pointer; + display: block; + width: 40px; + height: 24px; +} + +.topic-post .post-vote span.up { + background: url('../images/vote-up.png') no-repeat 50% 50%; +} + +.topic-post .post-vote span.vote.up.selected { + background: url('../images/vote-up-selected.png') no-repeat 50% 50%; +} + +.topic-post .post-vote span.down { + background: url('../images/vote-down.png') no-repeat 50% 50%; +} + +.topic-post .post-vote span.vote.down.selected { + background: url('../images/vote-down-selected.png') no-repeat 50% 50%; +} + +.topic-post .vote-count-post { + display: block; + font-size: 160%; +} +/* forum edit & send message */ + +.forum-edit-page .page-title, +.move-topic-page .page-title, +.private-message-send-page .page-title { + margin: 0 0 -1px; +} + +.move-topic-page label { + white-space: normal; +} + +.forum-edit-page .message-error, +.private-message-send-page .message-error { + margin: 20px 0; +} + +.forum-edit-page .inputs strong { + display: inline-block; + max-width: 400px; + font-size: 22px; /*reset zeroing*/ + font-weight: normal; + color: #444; + white-space: normal; +} + +.forum-edit-page .inputs .topic-subject { + font-size: 17px; +} + +.forum-edit-page .inputs.reversed { + margin: 0; +} + +.forum-edit-page .inputs.reversed label { + width: auto; + margin: 5px; + font-size: 14px; /*reset zeroing*/ + white-space: normal; +} + +.forum-edit-page .bb-code-editor-wrapper, +.private-message-send-page .bb-code-editor-wrapper { + max-width: 400px; + margin: 20px auto; + background-color: #ddd; + padding: 10px; +} + +.forum-edit-page .toolbar .button, +.private-message-send-page .toolbar .button { + margin: 0 2px 0 0; + border: #cec6b5 1px solid; + padding: 2px; +} + +.forum-edit-page .toolbar .button:hover, +.forum-edit-page .toolbar .button:focus, +.private-message-send-page .toolbar .button:hover, +.private-message-send-page .toolbar .button:focus { + border: #333 1px solid; +} + +.forum-edit-page textarea, +.private-message-send-page textarea { + display: block; + margin: auto; +} + +.forum-edit-page .buttons button, +.move-topic-page .buttons button, +.private-messages .buttons button { + min-width: 140px; + border: none; + background-color: #999; + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.forum-edit-page .buttons button:hover, +.forum-edit-page .buttons button:focus, +.move-topic-page .buttons button:hover, +.move-topic-page .buttons button:focus, +.private-messages .buttons button:hover, +.private-messages .buttons button:focus { + background-color: #888; +} + +.forum-edit-page .buttons .button-1, +.move-topic-page .buttons .button-1, +.private-messages .buttons .button-1 { + background-color: var(--theme-color); +} + +.forum-edit-page .buttons .button-1:hover, +.forum-edit-page .buttons .button-1:focus, +.move-topic-page .buttons .button-1:hover, +.move-topic-page .buttons .button-1:focus, +.private-messages .buttons .button-1:hover, +.private-messages .buttons .button-1:focus { + background-color: var(--active-color); +} + +.private-message-send-page a { + font-size: 14px; + color: var(--theme-color); +} + +.private-message-send-page span { + font-size: 14px; +} + +/* jQuery tabs */ + +.ui-tabs { + /*override jQuery UI styles, do not delete doubled properties*/ + border: none; + border-radius: 0; + background: none; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; + color: #777; +} + +.ui-widget.ui-widget-content.ui-tabs { + border: none; +} + +.ui-tabs-nav { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + overflow: hidden; + font-size: 0; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 0 30px !important; + border-width: 0 0 1px; + border-radius: 0; + background: none; + padding: 0 !important; + line-height: normal; + font-weight: normal; + color: #444; +} + +.ui-tabs-nav li { + margin: 0 0 -1px; + /*override jQuery UI styles, do not delete doubled properties*/ + float: none !important; + margin: 0 0 -1px !important; + border: none !important; + border-radius: 0; + background: none !important; + padding: 0 !important; +} + +.ui-tabs-nav li a { + display: block; + border: 1px solid #ddd; + padding: 12px 24px; + text-align: center; + font-size: 18px; + color: #444; + /*override jQuery UI styles, do not delete doubled properties*/ + float: none !important; + padding: 12px 24px !important; +} + +.ui-tabs-nav li.ui-state-active a { + background-color: #eee; + color: var(--theme-color); +} + +.ui-tabs-panel { + /*override jQuery UI styles, do not delete doubled properties*/ + padding: 0 !important; +} + +/* inbox & view message */ + +.private-messages-page .table-wrapper, +.private-message-view-page .view-message { + margin: 0 0 30px; +} + +.private-messages-page th.select { + text-align: center; +} + +.private-messages-page td.from, +.private-messages-page td.to, +.private-messages-page td.subject { + min-width: 150px; +} + +.private-messages-page td.date { + white-space: nowrap; +} + +.private-messages-page td.subject a { + color: #444; +} + +.private-messages-page td.subject a.pm-unread { + color: var(--theme-color); +} + +.private-messages-page .pager { + margin: 0 0 30px; +} + +.private-messages-page .buttons, +.private-message-view-page .buttons { + font-size: 0; +} + +.private-messages-page .buttons .button-1, +.private-messages-page .buttons .button-2, +.private-message-view-page .buttons .button-1, +.private-message-view-page .buttons .button-2 { + display: block; + width: 250px; + margin: 0 auto 3px; + font-size: 15px; /*reset zeroing*/ +} + +.private-messages-page .no-items { + padding: 20px; + text-align: center; +} + +.private-message-view-page .view-message { + margin: 0 0 30px; +} + +.private-message-view-page .message-head { + margin: 0 0 20px; + line-height: 22px; +} + +.private-message-view-page .message-head span { + font-weight: bold; + color: #444; +} + +.private-message-view-page .message-body { + border-top: 1px solid #ddd; + background-color: #f9f9f9; + padding: 30px 20px; + line-height: 22px; + text-align: justify; +} + +.private-message-view-page .back-pm-button { + text-transform: capitalize !important; +} + +/* profile page */ + +.profile-info-box { + overflow: hidden; + /*override jQuery UI styles, do not delete doubled properties*/ + line-height: normal; + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; + color: #777; +} + +.profile-info-box .user-details { + margin: 0 0 30px; +} + +.profile-info-box .avatar { + margin: 0 auto 15px; +} + +.profile-info-box .title { + margin: 0 0 10px; + font-size: 18px; + color: #444; +} + +.profile-info-box .stats { + margin: 0 0 15px; +} + +.latest-posts { + /*override jQuery UI styles, do not delete doubled properties*/ + line-height: normal; + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; + color: #777; +} + +.latest-posts .topic { + margin: 0 0 35px; +} + +.latest-posts .topic-title { + margin: 0 0 20px; + border-top: 1px solid #ddd; + background: #f6f6f6; + padding: 10px; + font-size: 16px; +} + +.latest-posts .topic-title a { + font-weight: bold; + color: #444; +} + +.latest-posts .topic-title a:hover, +.latest-posts .topic-title a:focus { + color: var(--theme-color); +} + +.latest-posts .topic-body { + margin: 0 0 15px; + line-height: 22px; +} + +.latest-posts .topic-data { + color: #444; +} + +/* BB codes */ + +.csharpcode { + margin: 10px 0; + border: 1px dashed #ccc; + background-color: #fff; + padding: 10px; + font-family: "Courier New", Courier, monospace; + color: #000; + + white-space: pre-wrap; + word-wrap: break-word; +} + +.csharpcode .rem { + color: green; +} + +.csharpcode .kwrd { + color: #00f; +} + +.csharpcode .str { + color: #006080; +} + +.csharpcode .op { + color: #00c; +} + +.csharpcode .preproc { + color: #c63; +} + +.csharpcode .asp { + background-color: #ff0; +} + +.csharpcode .html { + color: maroon; +} + +.csharpcode .attr { + color: red; +} + +.csharpcode .alt { + width: 100%; + margin: 0; + background-color: #f6f6f6; +} + +.csharpcode .lnum { + color: #666; +} + +.swiper { + width: 100%; + height: 100%; +} + +.swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + /* Center slide text vertically */ + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} + +.swiper-pagination-bullet-active { + padding: 5px; + background-color: var(--theme-color); +} + +a.skip { + position: absolute; + top: -1000px; + left: -1000px; + height: 1px; + width: 1px; + text-align: left; + overflow: hidden; +} + +a.skip:active, +a.skip:focus, +a.skip:hover { + position: initial; + top: 0; + left: 0; + display: block; + height: auto; + margin: 3px 0; + overflow: visible; + padding: 2px; + color: #444444; + background: #ffffff; + text-decoration: underline; + text-align: center; + width: 100%; + font-size: 16px; +} +.nopstation-logo { + object-fit: scale-down; + vertical-align: middle; +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.default-1.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.default-1.css new file mode 100644 index 00000000..3c07b11a --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.default-1.css @@ -0,0 +1,6 @@ +body { +} +:root { + --theme-color: #E60000; + --active-color: #fb9b06; +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.rtl.css b/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.rtl.css new file mode 100644 index 00000000..4eef68ed --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/css/styles.rtl.css @@ -0,0 +1,7287 @@ +/* + Theme developed by nopStation + UI Development by Md Latifur Rahman + For any customization or support, contact: sales@nop-station.com + if you like the theme , please rate it on the marketplace +*/ + + +/*********** CSS RESET **********/ + + +:root { + --theme-color: #E60000; + --active-color: #fb9b06; + --dark: #353535; + --white: #fff; + --light-bg: #f9f9f9; + --theme-border-radius: 0; + --itembox-picture-radius: 0; + --show-product-box-buttons: block; /* block or none */ + --layout-outer-width: 94%; +} + +@font-face { + font-family: 'Antonio'; + src: url('../fonts/Antonio-VariableFont_wght.ttf') format('truetype'); + font-weight: 100 700; /* Adjust the range as needed */ + font-style: normal; +} +* { + margin: 0; + padding: 0; + text-decoration: none; +} + +*, *:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + margin: 0; + -webkit-text-size-adjust: none; +} +ol, ul { + list-style: none; +} + +a img { + border: none; +} + +button::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="submit"]::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner, +input[type="file"] > button::-moz-focus-inner, +input[type="file"] > input[type="button"]::-moz-focus-inner { + margin: 0; + border: 0; + padding: 0; +} + +button, +input[type="button"], +input[type="submit"], +input[type="reset"], +input[type="text"], +input[type="email"], +input[type="tel"], +input[type="password"], +textarea { + border-radius: var(--theme-border-radius); +} + input[type="submit"] ~ :is(button, input[type="button"]), + input[type="reset"] ~ :is(button, input[type="button"]), + input[type="text"] ~ :is(button, input[type="button"]), + input[type="email"] ~ :is(button, input[type="button"]), + input[type="tel"] ~ :is(button, input[type="button"]), + input[type="password"] ~ :is(button, input[type="button"]) { + margin-right: -3px; + border-top-right-radius: 0; + } + button, + input[type="button"], + input[type="submit"], + input[type="reset"] { + -webkit-appearance: none; + } + +input:-webkit-autofill { + -webkit-box-shadow: inset 0 0 0 1000px #fff; +} + +script { + display: none !important; +} + + +/*********** GLOBAL STYLES **********/ + + + +body { + max-width: 100%; + overflow-x: hidden; + background-color: #fff; + font: normal 16px 'Antonio', sans-serif; + color: #353535; +} + +h1, h2, h3, h4, h5, h6 { + color: #444; +} + +a { + color: inherit; + cursor: pointer; +} + +a img { + opacity: 0.99; /*firefox scale bug fix*/ +} + +table { + width: 100%; + border-collapse: collapse; +} +/* Custom Checkbox */ +input[type="checkbox"] { + appearance: none; + width: 18px !important; + height: 18px !important; + border: 1px solid #888 !important; + border-radius: var(--theme-border-radius); /* Rounded corners */ + background-color: white; + cursor: pointer; +} + + input[type="checkbox"]:checked { + border-color: var(--theme-color) !important; + background-color: var(--theme-color) !important; + } + + input[type="checkbox"]:checked::before { + content: "\f00c"; + font-size: 14px; + font-family: 'FontAwesome'; + color: white; + display: block; + text-align: center; + line-height: 18px; + } + +/* Custom Radio */ +input[type="radio"] { + appearance: none; + width: 18px !important; + height: 18px !important; + display: inline-block !important; + border: 2px solid var(--dark) !important; + border-radius: 50%; /* Always round */ + background-color: var(--white); + cursor: pointer; + position: relative; +} + +input[type="radio"]:checked { + border-color: var(--theme-color) !important; + background-color: var(--theme-color) !important; +} + + input[type="radio"]:checked::before { + content: "\f00c"; + font-size: 12px; + line-height: 1; + margin-right: -1px; + font-family: 'FontAwesome'; + color: white; + width: 10px; + height: 10px; + border-radius: 50%; + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + } + + +input[type="text"], +input[type="email"], +input[type="tel"], +input[type="password"], +textarea, select { + height: 36px; /*safari padding fix*/ + border: 1px solid #ddd; + padding: 8px; + vertical-align: middle; + border-radius: var(--theme-border-radius); +} + +input, textarea, select, button { + font-size: 14px; + font-family: 'Antonio', sans-serif; + color: #777; + border-radius: var(--theme-border-radius); +} + +textarea { + min-height: 150px; +} + +select { + min-width: 50px; + height: 32px; /*safari padding fix*/ + padding: 6px; +} + +input[type="text"]:focus, +input[type="email"]:focus, +input[type="tel"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border-color: #ccc; + color: #444; + position: relative; + z-index: 1; +} + +input[type="checkbox"], +input[type="radio"], +input[type="checkbox"] + *, +input[type="radio"] + * { + vertical-align: middle; +} + +input[type="button"], input[type="submit"], +button, .button-1, .button-2 { + cursor: pointer; +} + +label, label + * { + vertical-align: middle; +} + +.html:not(.html-home-page) .master-wrapper-content { + position: relative; + z-index: 0; + width: 90%; + margin: 0 auto; +} + +.master-column-wrapper { + position: relative; + z-index: 0; +} + +.master-column-wrapper:after { + content: ""; + display: block; + clear: both; +} + +.center-1 { + margin: 0 0 100px; +} + +.center-2, .side-2 { + margin: 0 0 50px; +} + +.side-2:after { + content: ""; + display: block; + clear: both; +} + +.page { + min-height: 200px; + text-align: center; +} + +.page-title { + min-height: 50px; + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 6px 10px; +} + +.page-title h1 { + font-size: 30px; + font-weight: normal; +} + +.page:after, +.page-title:after, +.page-body:after { + content: ""; + display: block; + clear: both; +} + +.center-1 .page-title, +.center-1 .title { + text-align: center; +} + +.buttons { + margin: 0 0 30px; +} + +.link-rss { + display: none; + width: 24px; + height: 24px; + background: url('../images/rss.png') center no-repeat; + font-size: 0 !important; +} + +.category-description ul, +.manufacturer-description ul, +.full-description ul, +.topic-block ul, +.topic-page ul, +.post-body ul { + margin: 12px 0; + padding: 0 36px 0 0; + list-style: disc; +} + +.category-description ol, +.manufacturer-description ol, +.full-description ol, +.topic-block ol, +.topic-page ol, +.post-body ol { + margin: 12px 0; + padding: 0 36px 0 0; + list-style: decimal; +} + +.category-description p, +.manufacturer-description p, +.full-description p, +.topic-block p, +.topic-page p, +.post-body p, +.news-body p { + margin: 10px 0; + text-align: justify; +} + +.flyout-cart { + display: none; +} + +/*********** GLOBAL FORMS ***********/ + +.fieldset, .section { + position: relative; + margin: 0 0 40px; +} + +.fieldset .title, +.section .title { + margin: 0 0 15px; + padding: 0 10px; + font-size: 20px; + color: #444; +} + +.fieldset .title strong, +.section .title strong { + font-weight: normal; +} + +.fieldset .warnings { + text-align: center; + margin-block-end: 30px; + color: #e4444c; +} + +.form-fields { + position: relative; + background-color: #f9f9f9; + padding: 30px 15px; +} + +.inputs { + position: relative; + margin: 0 0 15px; + text-align: center; + white-space: nowrap; /*fix for 'required' elements*/ + font-size: 0; +} + +.inputs:after { + content: ""; + display: block; + clear: both; +} + +.inputs label { + display: block; + width: 100%; + margin: 0 0 10px; + text-align: center; + font-size: 14px; /*reset zeroing*/ + color: #444; +} + +.inputs input[type="text"], +.inputs input[type="email"], +.inputs input[type="tel"], +.inputs input[type="password"], +.inputs select, .inputs textarea { + width: 400px; + max-width: 100%; + background-color: #fff; +} + +.inputs.custom-attributes { + white-space: normal; +} + +.inputs .option-list { + display: inline-block; + max-width: 95%; + vertical-align: middle; +} + +.inputs .option-list li { + display: inline-block; + margin: 5px; + border: 1px solid #ddd; + background-color: #fff; + padding: 8px 10px; +} + +.inputs .option-list label { + display: inline-block; + width: auto !important; + margin: 0 5px 0 0; +} + +.inputs .form-input-wrapper { + display: inline-block; + max-width: 100%; +} + +.inputs.reversed { + margin: 0 0 20px; + text-align: center; +} + +.required { + margin: 0 3px 0 -8px; /*siblings offset*/ + vertical-align: top; + font-size: 20px; + font-weight: normal; + color: #e4434b; +} + +.message-error, +.field-validation-error, +.username-not-available-status, +.poll-vote-error, .password-error { + display: block; + text-align: center; + font-size: 13px; + color: #e4434b; + margin-top: 5px; + white-space: normal; +} + +.field-validation-valid, +.username-available-status { + display: block; + text-align: center; + font-size: 13px; + color: #4cb17c; +} + +.captcha-box { + text-align: center; + line-height: 0; /*firefox line-height bug fix*/ +} + +.captcha-box > div { + display: inline-block; + max-width: 100%; +} + +.captcha-box input { + height: auto; +} + +/*********** GLOBAL TABLES ***********/ + +.table-wrapper { + overflow-x: auto; +} + +.data-table .hidden-row { + height: 1px; + border: none; +} + +.data-table tr.hidden-row th { + padding: 0; + border-top: none; +} + +.data-table tr.hidden-row th > span { + height: 1px; + width: 1px; + position: absolute; + overflow: hidden; + top: -10px; +} + +.cart th, +.data-table th, +.forum-table th { + border-width: 1px 1px 0; + border-style: solid; + border-color: #ddd; + background-color: var(--dark); + color: #fff; + padding: 10px; + white-space: nowrap; + font-weight: normal; +} + +.forum-table th.replies, +.forum-table th.views, +.forum-table th.votes, +.forum-table th.latest-post, +.forum-table th.topics, +.forum-table th.posts, +.forum-table td.replies, +.forum-table td.views, +.forum-table td.votes, +.forum-table td.latest-post, +.forum-table td.topics, +.forum-table td.posts { + display: none; +} + +.forum-table td.image { + min-width: 0; +} + +.cart td, +.data-table td, +.forum-table td { + min-width: 50px; + border-width: 1px; + border-style: solid; + border-color: transparent #ddd #ddd; + background-color: #fff; + padding: 20px; + color: #444; +} + +.forum-table td { + min-width: 90px; + padding: 10px; +} + +.cart a, +.data-table a, +.forum-table a { + font-weight: normal; + color: var(--theme-color); +} + +.cart a:hover, +.cart a:focus, +.data-table a:hover, +.data-table a:focus, +.forum-table a:hover, +.forum-table a:focus { + text-decoration: underline; +} + +.cart .product, +.data-table .product, +.data-table .message, +.data-table .info, +.data-table .name { + min-width: 225px; + text-align: right; +} + +.forum-table .forum-details, +.forum-table .topic-details { + text-align: right; +} + +.cart .product a, +.data-table .product a, +.data-table .info a { + font-weight: bold; + color: #444; +} + +.cart .product a:hover, +.cart .product a:focus, +.data-table .product a:hover, +.data-table .product a:focus, +.data-table .info a:hover, +.data-table .info a:focus { + color: var(--theme-color); + text-decoration: none; +} + +.cart .product .edit-item { + margin: 10px 0 0; +} + +.cart .product .edit-item a { + font-weight: normal; + color: var(--theme-color); +} + +.cart .product .edit-item a:hover, +.cart .product .edit-item a:focus { + text-decoration: underline; +} + +.cart .remove-from-cart, +.cart .add-to-cart, +.data-table .select-boxes, +.data-table .order { + text-align: center; +} + +.cart .remove-from-cart input[type="checkbox"] { + display: none; +} + +.cart .remove-from-cart .remove-btn { + width: 11px; + height: 11px; + border: 0; + background: #ffffffab url(../images/remove.png) center no-repeat; +} + +.cart td.unit-price, +.data-table td.unit-price { + white-space: nowrap; +} + +.cart td.quantity input { + width: 50px; + text-align: center; +} + +.product-quantity { + display: flex; + justify-content: center; + align-items: stretch; + flex-direction: row-reverse; +} +.product-quantity .quantity { + display: flex; + justify-content: center; + align-items: center; + width: 30px; + border: 1px solid #ddd; + cursor: pointer; +} +.quantity.up::before { + content: "\f067"; /* FontAwesome 4 plus icon */ + font-family: FontAwesome; + +} + +.quantity.down::before { + content: "\f068"; /* FontAwesome 4 minus icon */ + font-family: FontAwesome; +} +.cart td.subtotal, +.data-table td.total { + white-space: nowrap; + color: #444; +} + +.cart td.subtotal .discount, .cart td.subtotal .discount-additional-info { + font-style: italic; + color: var(--theme-color); +} + +.data-table em a { + font-weight: bold; + color: #444; +} + +.data-table div.download { + margin: 10px 0 0; +} + + +/*********** NOTIFICATIONS & POPUPS ***********/ + + + +.bar-notification-container { + position: fixed; + top: 0; + right: 0; + z-index: 1000; + width: 100%; + line-height: 16px; + color: #fff; + opacity: 0.95; +} + +.bar-notification.success { + background-color: #4bb07a; +} + +.bar-notification.error { + background-color: #e4444c; +} + +.bar-notification.warning { + background-color: #f39c12; +} + +.bar-notification { + position: relative; + display: none; + padding: 15px 10px 15px 25px; +} + +.bar-notification .content { + margin: 0 0 0 10px; +} + +.bar-notification .content a { + color: #fff; + text-decoration: underline; +} + +.bar-notification .close { + position: absolute; + top: 0; + left: 0; + width: 32px; + height: 32px; + margin: 7px; + background: #fff url('../images/close.png') center no-repeat; + cursor: pointer; +} + +.popup-notification { + border-radius: 5px; + padding: 3px; + margin: 5px 0; +} + +.popup-notification.success { + border: 2px rgba( 75,176,122,.5) solid; +} + +.popup-notification.error { + border: 2px rgba( 228,68,76,.5) solid; +} + +.popup-notification.warning { + border: 2px rgba( 243,156,18,.5) solid; +} + +.noscript { + border-bottom: 1px solid #333; + background-color: #ff9; + padding: 30px 15px; + text-align: center; + line-height: 22px; + color: #444; +} + +.ajax-loading-block-window { + position: fixed; + top: 50%; + right: 50%; + z-index: 999; + width: 32px; + height: 32px; + margin: -16px -16px 0 0; + background: url('../images/loading.gif') center no-repeat; +} + +.please-wait { + background: url('../images/ajax-loader-small.gif') no-repeat; + padding-right: 20px; + font-size: 14px; +} + +.ui-dialog { + max-width: 90%; + border: 1px solid #ddd; + box-shadow: 0 0 2px rgba(0,0,0,0.15); + overflow: hidden; + background-color: #fff; + /*override jQuery UI styles, do not delete doubled properties*/ + border-radius: 0; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; +} + +.ui-dialog:before { + content: ""; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background-color: rgba(0,0,0,0.5); +} + +.ui-dialog-titlebar { + border-bottom: 1px solid #ddd; + overflow: hidden; + background-color: #eee; + padding: 10px 15px; + /*override jQuery UI styles, do not delete doubled properties*/ + border-width: 0 0 1px; + border-radius: 0; + background-image: none; + padding: 10px 15px !important; + font-weight: normal; + cursor: auto !important; +} + +.ui-dialog-titlebar > span { + float: right; + font-size: 18px; + color: #444; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 !important; +} + +.ui-dialog-titlebar button { + position: absolute; + top: 0; + left: 0; + width: 42px; + height: 42px; + border: none; + overflow: hidden; + background: url('../images/close.png') center no-repeat; + font-size: 0; + /*override jQuery UI styles, do not delete doubled properties*/ + top: 0 !important; + left: 0 !important; + width: 42px !important; + height: 42px !important; + margin: 0 !important; + border: none !important; + border-radius: 0; + background: url('../images/close.png') center no-repeat !important; + padding: 0 !important; +} + +.ui-dialog-titlebar button span { + display: none !important; +} + +.ui-dialog-content { + padding: 15px; + line-height: 20px; + /*override jQuery UI styles, do not delete doubled properties*/ + background-color: #fff !important; + padding: 15px 15px 20px 15px !important; + color: #777; +} + +.ui-dialog-content .page { + min-height: 0; +} + +.ui-dialog-content .page-title { + min-height: 0; + margin: 0 0 15px; + padding: 0px 10px 10px 10px; + text-align: center; +} + +.ui-dialog-content .page-title h1 { + font-size: 24px; + line-height: 30px; +} + +.ui-dialog-content .back-in-stock-subscription-page { + text-align: center; +} + +.ui-dialog-content .back-in-stock-subscription-page .tooltip { + margin-bottom: 10px; +} + +.ui-dialog-content .back-in-stock-subscription-page .button-1 { + border: none; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.ui-dialog-content .back-in-stock-subscription-page .button-1:hover, +.ui-dialog-content .back-in-stock-subscription-page .button-1:focus { + background-color: var(--active-color); +} + +.eu-cookie-bar-notification { + position: fixed; + top: 50%; + right: 50%; + z-index: 1050; + width: 320px; + height: auto; + margin: -90px -160px 0 0; + border: 1px solid #ccc; + box-shadow: 0 0 2px rgba(0,0,0,0.15); + background-color: #fff; + padding: 20px; + text-align: center; +} + +.eu-cookie-bar-notification .text { + margin-bottom: 20px; + line-height: 20px; +} + +.eu-cookie-bar-notification button { + min-width: 60px; + margin: 5px 0 10px; + border: none; + background-color: var(--theme-color); + padding: 8px 12px; + font-size: 14px; + color: #fff; +} + +.eu-cookie-bar-notification button:hover, +.eu-cookie-bar-notification button:focus { + background-color: var(--active-color); +} + +.eu-cookie-bar-notification a { + display: block; + color: var(--theme-color); +} + +.eu-cookie-bar-notification a:hover, +.eu-cookie-bar-notification a:focus { + text-decoration: underline; +} + + +/*********** HEADER ***********/ + + + +.admin-header-links { + background-color: #333; + text-align: center; + color: #eee; +} + +.admin-header-links * { + display: inline-block; + margin: 0 10px; + line-height: 35px; + font-size: 12px; + font-weight: bold; +} + +.admin-header-links .impersonate { + display: inline-block; +} + +.admin-header-links .impersonate a { + background-color: #555; + padding: 0 15px; +} + +.admin-header-links .impersonate a:hover, +.admin-header-links .impersonate a:focus { + background-color: #666; +} + +.header .header-upper { + position: relative; + z-index: 10; + width: 95%; + margin: auto; + text-align: center; +} + + +.header-selectors-wrapper { + border-bottom: 1px solid #ddd; + padding: 10px 0; +} + +.header-selectors-wrapper > div { + display: block; + width: 50%; + margin: 10px auto; + vertical-align: middle; +} + +.header-selectors-wrapper select { + width: 100%; + border-radius: var(--theme-border-radius); +} + +.language-list { + max-width: 100%; + font-size: 0; +} + +.language-list li { + display: inline-block; + margin: 0 1px; + vertical-align: middle; +} + +.language-list a { + display: block; + position: relative; + width: 24px; + height: 32px; + line-height: 0; +} + +.language-list img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; +} + +.header-links-wrapper { + position: relative; + padding: 20px 0; +} + +.header-links { +} +.user-dropdown { + position: relative; + display: inline-block; + cursor: pointer; +} + + .user-dropdown .user-dropdown-toggle { + display: inline-block; + padding: 10px; + background: #f6f6f6; + min-width: 120px; + line-height: 25px; + } + .user-dropdown .fa { + font-size: 20px; + color: #888; + margin-left: 10px; + } + +.user-dropdown ul { + position: absolute; + top: 100%; + right: 0; + background: #fff; + list-style: none; + padding: 0; + margin: 0; + width: 150px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + display: none; + z-index: 1000; +} + +.user-dropdown ul li { + display: block; + border-bottom: 1px solid #ddd; +} + +.user-dropdown ul li:last-child { + border-bottom: none; +} + +.user-dropdown ul li a { + display: block; + padding: 10px; + color: #333; + text-decoration: none; + transition: background 0.3s ease; +} + +.user-dropdown ul li a:hover { + background: #f5f5f5; +} + +.user-dropdown:hover ul { + display: block; +} + +.header-links ul { + font-size: 0; +} + +.header-links li { + display: inline-block; + margin: 0 10px; +} + +.header-links span, +.header-links a { + display: inline-block; + font-size: 16px; /*reset zeroing*/ + line-height: 36px; + text-transform: uppercase; +} + +.header-links a:hover, +.header-links a:focus { + color: var(--theme-color); +} + +#topcartlink { + display: block; + width: 70%; + max-width: 400px; + margin: 10px auto 0; + background-color: #f6f6f6; + padding: 0 20px; + border-radius: var(--theme-border-radius); + color: var(--dark); +} + +#topcartlink a { + background: url('../images/shopping-bag.png') right center no-repeat; + padding: 0 20px 0 0; +} + +.header-lower { + position: relative; + z-index: 0; + padding: 35px 0; +} + +.header-logo { + margin: 0 0 0; + text-align: center; +} + +.header-logo a { + display: inline-block; + max-width: 180px; + line-height: 0; /*firefox line-height bug fix*/ +} + +.header-logo a img { + max-width: 100%; + opacity: 1; +} + +/* Search box */ + +.search-box form { + display: flex; + flex-flow: row wrap; + justify-content: center; + gap: 10px 0; +} + +.search-box input.search-box-text { + width: 200px; + height: 36px; + margin: 0 0 0 -1px; + border-radius: var(--theme-border-radius); +} + +.search-box .search-box-category { + height: 36px; +} + +.search-box .search-box-button { + min-width: 46px; + height: 36px; + border: none; + background-color: var(--theme-color); + padding: 0 15px; + text-align: center; + color: #fff; + text-transform: uppercase; + margin-right: -2px; + border-radius: var(--theme-border-radius); + font-size: 0; +} + .search-box .search-box-button::before { + content: "\f002"; + display: inline-block; + font: normal normal normal 18px / 1 FontAwesome; + } +.search-box .search-box-button:hover, +.search-box .search-box-button:focus { + background-color: var(--active-color); +} + +.search-box .ui-autocomplete-loading { + background: #fff url('../images/ajax-loader-small.gif') left center no-repeat; +} + +.ui-helper-hidden-accessible { + display: none !important; +} + +.ui-autocomplete { + width: 285px !important; + border: 1px solid #ddd; + border-top: none; + overflow: hidden; + background-color: #fff; + text-align: right; + /*override jQuery UI styles, do not delete doubled properties*/ + border-radius: 0; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; +} + +.ui-autocomplete li { + border-top: 1px solid #ddd; +} + +.ui-autocomplete li:first-child { + border-top: none; +} + +.ui-autocomplete a { + display: block; + padding: 15px; + font-size: 14px; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 !important; + border: none !important; + border-radius: 0 !important; + background: none !important; + padding: 15px !important; + line-height: normal !important; + color: #777 !important; +} + +.ui-autocomplete a:hover, +.ui-autocomplete a:focus, +.ui-autocomplete a.ui-state-focus { + background-color: #f6f6f6 !important; +} + +.ui-autocomplete img { + display: none; + min-width: 20px; + margin: 0 0 0 10px; + vertical-align: middle; +} + + +/*********** FOOTER ***********/ + + + +.footer { + background-color: var(--dark); + text-align: center; + color: #fff; +} +.footer a { + color: #fff; +} +.footer-upper { + width: 95%; + margin: auto; + border-bottom: 1px solid #888; + overflow: hidden; + padding: 40px 0; + font-size: 0; +} + +.footer-block { + width: 95%; + margin: 1px auto; + text-align: right; + font-size: 14px; /*reset zeroing*/ +} + +.footer-block .title { + margin: 0 0 1px; + background: var(--theme-color) url('../images/toggle-white.png') left center no-repeat; + padding: 10px 15px; + font-size: 20px; + color: #fff; + cursor: pointer; +} + +.footer-block .title strong { + font-weight: normal; +} + +.footer-block .list { + display: none; + margin: 0 0 20px; + background-color: var(--dark); + padding: 10px 15px; +} + +.footer-block .list a { + display: block; + padding: 10px 15px; + line-height: 20px; +} + +.footer-block .list a:hover, +.footer-block .list a:focus { + color: var(--theme-color); +} + +.follow-us { + width: 95%; + margin: 30px auto 0; + text-align: center; +} + +.follow-us .title { + margin: 0 0 10px; + background: none; + color: #fff; + cursor: auto; + font-size: 18px; + text-align: right; +} + +.follow-us .social ul { + font-size: 0; +} + +.follow-us .social li { + display: inline-block; + margin: 0 5px; +} + +.follow-us .social a { + display: block; + width: 38px; + height: 38px; + background: url('../images/social-sprite.png') no-repeat; + font-size: 0; +} + +.follow-us .social .facebook a { + background-position: 100% 0; +} + +.follow-us .social .twitter a { + background-position: right -38px top 0; +} + +.follow-us .social .rss a { + background-position: right -76px top 0; +} + +.follow-us .social .youtube a { + background-position: right -114px top 0; +} + +.follow-us .social .instagram a { + background-position: right -152px top 0; +} +.newsletter-email { + display: inline-block; + overflow: hidden; + padding: 0 0 30px; + margin: 0 0 30px; + border-bottom: 1px solid #888; +} + +.newsletter-email:focus-within { + overflow: visible; +} + +.newsletter-email input[type="email"] { + float: right; + width: 180px; + height: 36px; + margin: 0 0 0 -1px; +} + +.newsletter-subscribe-button { + float: right; + height: 36px; + border: none; + background-color: var(--theme-color); + padding: 0 15px; + text-align: center; + color: #fff; + text-transform: uppercase; +} + +.newsletter-subscribe-button:hover, +.newsletter-subscribe-button:focus { + background-color: var(--active-color); +} + +.newsletter-email .options { + clear: both; + padding: 10px 0 0; +} + +.newsletter-validation, +.newsletter-result { + width: 100%; + overflow: hidden; + line-height: 28px; +} +/*.newsletter-validation .please-wait { + display: none !important; +}*/ + +.footer-lower { + width: 95%; + margin: auto; + overflow: hidden; + padding: 25px 0; + font-size: 12px; +} + +.footer-tax-shipping a { + font-weight: bold; + color: var(--theme-color); +} + +.footer-tax-shipping a:hover, +.footer-tax-shipping a:focus { + text-decoration: underline; +} + +.footer-powered-by { + margin: 0 0 10px; + font-size: 16px; +} + +.footer-powered-by a { + font-weight: bold; + color: var(--theme-color); +} + +.footer-powered-by a:hover, +.footer-powered-by a:focus { + text-decoration: underline; +} + +.theme-selector { + margin: 10px 0 0; +} + +.theme-selector select { + width: 170px; +} + + +/*********** SIDE COLUMN ***********/ + + + +.block { + max-width: 600px; /*width limit in mobile*/ + min-height: 50px; + margin: auto; + text-align: right; +} + +.block .title { + position: relative; + margin: 0 0 10px; + border-bottom: 1px solid #ddd; + background: #fff url(../images/toggle-dark.png) left 10px center no-repeat; + padding: 12px 10px 12px 30px; + font-size: 20px; + color: var(--dark); + cursor: pointer; +} + +.block .title strong { + font-weight: normal; +} + +.block .listbox { + display: none; + border-bottom: 1px solid #ddd; + padding: 10px 5px; +} + +.block .list li { + padding: 5px 15px 5px 0; +} + +.block .list a { + display: inline-block; + position: relative; + padding: 5px 0; + font-size: 16px; + color: #444; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; +} + +.block .list a:before { + content: ""; + position: absolute; + top: 12px; + right: -15px; + width: 5px; + height: 5px; + background-color: #ddd; +} + +.block .list .active > a { + color: var(--theme-color); +} + +.block .list a:hover, +.block .list a:focus { + color: var(--theme-color); +} + +.block a.product-picture { + display: none; +} + +.block a.product-picture img { + max-width: 100%; +} + +.block a.product-picture:before { + display: none; +} + +.block .sublist { + margin: 15px 0 5px; +} + +.block .sublist a { + font-size: 14px; +} + +.block .view-all { + margin: 10px 0 0; +} + +.block .view-all a { + display: inline-block; + padding: 10px 15px; + font-size: 16px; + color: var(--theme-color); +} + +.block .view-all a:hover, +.block .view-all a:focus { + text-decoration: underline; +} + +.block .tags { + margin: 5px 0 10px; +} + +.block .tags ul { + font-size: 0; +} + +.block .tags li, +.product-tags-all-page li { + display: inline-block; + position: relative; + margin: 0 10px; + overflow: hidden; + font-size: 17px !important; /*setting base size*/ +} + +.block .tags li a, +.product-tags-all-page li a { + float: right; + line-height: 30px; + color: #444; +} + +.block .tags li a:hover, +.block .tags li a:focus, +.product-tags-all-page li a:hover, +.product-tags-all-page li a:focus { + color: var(--theme-color); +} + +.poll strong { + display: block; + margin: 10px 0; + background-color: #f6f6f6; + padding: 10px 15px; + font-size: 15px; + font-weight: normal; + color: #444; + text-transform: uppercase; +} + +.poll-options, +.poll-results { + margin: 10px 0 15px; + overflow: hidden; + font-size: 15px; + color: #444; +} + +.poll-options li, +.poll-results li { + margin: 10px 0; +} + +.poll-options li > input { + margin: 0 0 0 5px; + cursor: pointer; +} + +.poll-options li > label { + display: inline-block; + font-size: 16px; + cursor: pointer; +} + +.poll .buttons, +.poll-total-votes { +} + +.poll .buttons button { + border: none; + background-color: #aaa; + padding: 10px 20px; + font-size: 13px; + color: #fff; + text-transform: uppercase; +} + +.poll .buttons button:hover, +.poll .buttons button:focus { + background-color: #bbb; +} + +.poll-total-votes { + display: block; + margin: 10px 0 0; + font-weight: bold; + font-style: italic; + color: #444; +} + +.home-page-polls { + text-align: center; +} + +.home-page-polls .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.home-page-polls .title strong { + font-weight: 700; + color: var(--dark); +} + +.home-page-polls li { + display: inline-block; + margin: 10px; +} + +/********** spice category widget push **********/ +.spice-categories { + padding: 60px 20px; + margin-bottom: 75px; + background: #f8f8f8; + text-align: center; +} + +.spice-categories h2 { + font-size: 2.2rem; + font-weight: bold; + color: #333; + margin-bottom: 10px; +} + +.spice-categories .intro-text { + max-width: 600px; + margin: 0 auto 30px; + font-size: 1.1rem; + color: #555; + line-height: 1.6; +} + +/* Spice Item Styling */ +.spice-categories .spice-item { + display: flex; + align-items: center; + gap: 20px; + max-width: 1100px; + margin: 30px auto; + background: #fff; + padding: 20px; + border-radius: var(--itembox-picture-radius); + box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.spice-categories .spice-item:hover { + transform: translateY(-5px); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); +} + +/* Spice Item Image */ +.spice-categories .spice-item img { + width: 50%; + height: 250px; + object-fit: cover; + border-radius: var(--itembox-picture-radius); +} + +/* Spice Text Container */ +.spice-categories .spice-text { + width: 50%; + text-align: right; + padding: 10px 20px; +} + +.spice-categories .spice-text h3 { + font-size: 1.8rem; + color: var(--theme-color); + margin-bottom: 10px; +} + +.spice-categories .spice-text p { + color: #666; + font-size: 1rem; + line-height: 1.5; + margin-bottom: 15px; +} + +/* Button Styling */ +.spice-categories .btn { + display: inline-block; + padding: 12px 20px; + background: var(--theme-color); + color: #fff; + text-decoration: none; + border-radius: var(--theme-border-radius); + font-weight: bold; + transition: background 0.3s ease; +} + +.spice-categories .btn:hover { + background: #a83226; +} + + +/********** HOME PAGE Welcome Topics **********/ +.welcome-section { + background-color: #fbfbfb; + margin-bottom: 60px; + padding-block: 60px; +} +.welcome-image { + position: relative; +} +.welcome-image::before { + padding-top: 67%; + display: block; + content: ""; +} +.welcome-image img { + position: absolute; + top: 50%; + left: 50%; + translate: -50% -50%; + height: 100%; + width: 100%; + object-fit: cover; +} +.welcome-container { + max-width: var(--layout-outer-width); + margin-inline: auto; + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + gap: 40px; +} + +.welcome-image img { + width: 100%; + border-radius: 0; +} + +.welcome-text { + text-align: right; +} + +.welcome-text h1 { + font-size: 20px; + color: var(--theme-color); + margin-bottom: 10px; +} + +.welcome-text h2 { + font-size: 48px; + color: var(--dark); + font-weight: 700; + margin-bottom: 30px; +} + +.welcome-text p { + font-size: 16px; + color: var(--dark); + line-height: 1.6; + text-align: right; +} +/********** HOME PAGE SLIDER PAGE **********/ +.nop-slider { + margin: 0; +} +.nop-slider .slider-img { + width: 100%; +} +.nop-slider .swiper-slide { + display: block; + position: relative; +} +.swiper-autoheight .swiper-wrapper { + height: auto !important; +} +.nop-slider .swiper-slide::before { + content: ""; + display: block; + padding-top: 32%; +} +.nop-slider .swiper-slide img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + margin: auto; + object-fit: cover; +} +/********** category item **********/ +.sub-category-item, +.category-item { + display: flex; + flex-direction: column-reverse; + justify-content: right; + align-items: center; +} +.sub-category-item .picture, +.category-item .picture { + width: 100%; + height: auto; +} + +/********** CATEGORY PAGE **********/ +.breadcrumb { + margin: 10px 0 10px; + background-color: var(--white); + padding: 5px 10px; +} + +.breadcrumb ul { + font-size: 0; +} + +.breadcrumb li { + display: inline-block; +} + +.breadcrumb li * { + display: inline-block; + margin: 0 5px; + font-size: 14px; /*reset zeroing*/ + line-height: 32px; + color: var(--dark); +} + +.breadcrumb strong { + font-weight: normal; +} + +.breadcrumb a { + color: var(--dark); +} +.breadcrumb li a:hover span, +.breadcrumb li a:hover, +.breadcrumb li a:focus { + color: var(--theme-color); +} + +.category-description, +.manufacturer-description, +.vendor-description { + margin: 0 0 25px; + line-height: 22px; +} + +.contact-vendor { + margin: 0 0 30px; +} + +.contact-vendor .button-2 { + border: none; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 14px; + color: #fff; + text-transform: uppercase; +} + +.contact-vendor .button-2:hover, +.contact-vendor .button-2:focus { + background-color: var(--active-color); +} + +.product-selectors { + margin: 0 0 20px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + padding: 20px 0; +} + +.product-selectors:first-child { + border-top: none; +} + +.product-selectors:after { + content: ""; + display: block; + clear: both; +} + +.product-selectors > div { + display: inline-block; + margin: 5px; +} + +.product-selectors span { + vertical-align: middle; + font-size: 16px; +} + +.product-selectors select { + margin: 0 8px; +} + +.product-selectors .product-viewmode { + display: none; + font-size: 0; +} + +.product-filter .filter-title { + margin: 0 0 10px; + background: #fff url('../images/toggle-dark.png') left 10px no-repeat; + padding: 10px; + font-size: 17px; + color: var(--dark); + border-bottom: 1px solid #ddd; +} + +.product-filter .filter-title strong { + font-weight: normal; +} + +.product-filter .filter-content { + padding: 10px; + color: #444; + margin-bottom: 20px; +} + +.product-filter .group { + font-size: 15px; +} + +.product-filter .group + .group { + margin-top: 16px; +} + +.product-filter .group .name { + padding-bottom: 10px; +} + +.product-filter .group .item { + display: flex; + padding-right: 15px; + align-items: center; +} + +.product-filter .group .item + .item { + padding-top: 8px; +} + +.product-filter .group .item label { + cursor: pointer; + display: flex; + align-items: center; + padding-right: 8px; + flex-grow: 1; +} +.ui-slider-horizontal .ui-slider-range { + background: var(--dark); +} +.ui-slider-horizontal .ui-slider-handle { + background: var(--theme-color); + border: 1px solid var(--theme-color); + border-radius: 50%; +} +.price-range-filter .selected-price-range { + padding: 5px 0; +} + +.price-range-filter .selected-price-range .to { + float: left; +} + +.price-range-filter .selected-price-range.manually { + display: flex; +} + +.price-range-filter .selected-price-range.manually .from { + margin-left: 8px; +} + +.price-range-filter .selected-price-range.manually .from, +.price-range-filter .selected-price-range.manually .to { + width: 50%; +} + +.product-filter .attribute-squares { + font-size: inherit; +} + +.product-filter .attribute-squares .attribute-square { + width: 20px !important; + height: 20px !important; + margin-left: 8px; +} + +.item-grid:after { + content: ""; + display: block; + clear: both; +} + +.item-box { + position: relative; + float: right; + width: 48%; + margin: 0 1% 50px; + text-align: right; +} +.item-box:nth-child(2n+1) { + clear: both; + } +.item-box .picture { + z-index: 1; + background-color: #fff; + margin: 0 0 20px; + position: relative; + overflow: hidden; +} + +.item-box .picture a { + display: block; + position: relative; +} + +.item-box .picture a:focus { + opacity: 0.85; +} + +.item-box .picture a:before { + content: ""; + display: block; + padding-top: 66%; +} + +.item-box .picture a img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + margin: auto; + transition: all 0.3s linear; + object-fit: cover; + border-radius: var(--itembox-picture-radius); +} + +.item-box:hover .picture a img { + scale: 1.03; +} + +.item-box .details { + padding: 0 10px; +} + +.item-box .product-title { + margin: 0 0 15px; + font-size: 16px; + line-height: 1.6; + font-weight: bold; + color: var(--dark); + min-height: 44px; +} + +.item-box .product-title a { + display: block; +} + +.item-box .product-title a:hover, +.item-box .product-title a:focus { + color: var(--active-color); +} + +.item-box .sku { + margin: 0 0 15px; +} + +.item-box .product-rating-box { + display: inline-block; + margin: 0 0 15px; +} + +.item-box .rating { + background: url('../images/rating1.png') repeat-x; + width: 95px; + height: 14px; +} + +.item-box .rating div { + background: url('../images/rating2.png') repeat-x; + height: 14px; +} + +.product-grid .item-box .description:not([data-short-description]) { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + margin: 0 0 15px; + height: 66px; + line-height: 22px; +} + +.item-box .description[data-short-description] { + display: none; +} + +.item-box .description a { + display: block; + overflow: hidden; +} + +.item-box .prices { + margin: 0 0 10px; + min-height: 40px; + overflow: hidden; +} + +.item-box .old-price { + margin: 0 0 0 5px; + font-size: 16px; + color: #aaa; + text-decoration: line-through; +} + +.item-box .actual-price { + margin: 0 0 0 5px; + font-size: 16px; + color: var(--dark); +} + +.item-box .tax-shipping-info a { + color: var(--theme-color); +} + +.item-box .tax-shipping-info a:hover, +.item-box .tax-shipping-info a:focus { + text-decoration: underline; +} + +.item-box .buttons { + display: var(--show-product-box-buttons); + margin: 0; + font-size: 0; + display: flex; + justify-content: flex-start; + gap: 10px; +} + +.item-box button { + display: inline-block; + height: 40px; + border: none; + vertical-align: middle; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); +} + +.item-box .product-box-add-to-cart-button { + width: 50%; + background-color: var(--theme-color); + text-align: center; + font-size: 16px; + color: #fff; + text-transform: uppercase; +} +.item-box .product-box-add-to-cart-button::before { + content: "\f1b9"; + font-family: FontAwesome; + font-size: 16px; + line-height: 21px; + margin-left: 5px; + vertical-align: middle; +} +.item-box .product-box-add-to-cart-button:hover, +.item-box .product-box-add-to-cart-button:focus { + background-color: var(--active-color); +} + +.item-box .add-to-compare-list-button { + width: 50%; + background-color: var(--dark); + text-align: center; + font-size: 16px; + color: #fff; + text-transform: uppercase; +} +.item-box .add-to-compare-list-button::before { + content: "\f0ec"; + font-family: FontAwesome; + font-size: 16px; + line-height: 21px; + margin-left: 5px; + vertical-align: middle; +} +.item-box .add-to-compare-list-button:hover { + color: var(--dark); +} +.item-box .add-to-wishlist-button { + position: absolute; + top: 10px; + left: 10px; + background-color: transparent; + border: none; + font-size: 0; + color: var(--theme-color); + box-shadow: none; +} + +.item-box .add-to-wishlist-button:hover, +.item-box .add-to-wishlist-button:focus { + background-color: transparent; + color: var(--theme-color); + box-shadow: none; +} +.item-box .add-to-wishlist-button::before { + content: "\f08a"; + font-family: FontAwesome; + font-size: 20px; + vertical-align: middle; +} + +.item-box .add-to-compare-list-button:hover, +.item-box .add-to-compare-list-button:focus { + background-color: #ddd; +} + +.home-page-category-grid { + margin: 60px 0 60px; +} +.manufacturer-grid, +.vendor-grid { + margin: 0 0 60px; +} +.sub-category-item,.category-item { + position: relative; +} +.home-page-category-grid .title, +.sub-category-grid .title { + text-align: center; + font-size: 22px; + font-weight: normal; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + width: calc(100% - 60px); + overflow: hidden; + position: absolute; + bottom: 0; + right: 0; + z-index: 10; + background: rgba(0,0,0, 0.5); + color: var(--white); +} + .home-page-category-grid .title::before , + .sub-category-grid .title::before { + + } + .home-page-category-grid .title a, + .sub-category-grid .title a { + display: block; + line-height: 2; + text-align: right; + padding-inline: 10px; + } + +.home-page-category-grid .picture, +.sub-category-grid .picture { + margin: 0; +} + +.home-page-category-grid .picture a:before, +.sub-category-grid .picture a:before { + padding-top: 70%; +} + +.products-container { + position: relative; +} + +.products-container .ajax-products-busy { + display: none; + position: absolute; + z-index: 2; + width: 100%; + height: 100%; + background: #ffffffab url(../images/loading.gif) center no-repeat; +} + +.product-grid, +.product-list { + margin: 0 0 50px; +} + +.product-grid .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.product-grid .title strong { + font-weight: 700; + color: var(--dark); +} + +.manufacturer-grid .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.manufacturer-grid .title a:hover, +.manufacturer-grid .title a:focus { + color: var(--theme-color); +} + +.manufacturer-grid .picture { + border: 1px solid #ddd; +} + +.vendor-grid .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.vendor-grid .title a:hover, +.vendor-grid .title a:focus { + color: var(--theme-color); +} + +.vendor-grid .picture { + border: 1px solid #ddd; +} + +.pager { + margin: 0 0 20px; +} + +.pager ul { + text-align: left; + font-size: 0; +} + +.pager li { + display: inline-block; + margin: 0 5px; + vertical-align: top; +} + +.pager li a, +.pager li span { + display: block; + min-width: 35px; + height: 35px; + border: 1px solid #ddd; + background-color: #eee; + padding: 8px; + text-align: center; + font-size: 14px; /*reset zeroing*/ + cursor: pointer; + border-radius: var(--theme-border-radius); +} + +.pager li span { + border-color: transparent; + background-color: var(--theme-color); + color: #fff; +} + +.pager li.previous-page *, +.pager li.next-page *, +.pager li.first-page *, +.pager li.last-page * { + background-position: center; + background-repeat: no-repeat; + font-size: 0; + color: #fff; +} + +.pager li.previous-page * { + background-image: url('../images/prev.png'); +} + +.pager li.next-page * { + background-image: url('../images/next.png'); +} + +.pager li.first-page * { + background-image: url('../images/first.png'); +} + +.pager li.last-page * { + background-image: url('../images/last.png'); +} + +.pager li a:hover, +.pager li a:focus { + border-color: transparent; + background-color: #ddd; +} + + +/********** PRODUCT PAGE **********/ + + +.product-essential { + margin: 0 0 40px; + border-bottom: 1px solid #ddd; + padding: 0 0 10px; +} + +.product-essential:after { + content: ""; + display: block; + clear: both; +} + +.gallery { + margin: 0 auto 50px; +} + +.gallery .picture-wrapper { + margin: 0 0 10px; +} + +.gallery .picture { + position: relative; + max-width: 100%; + margin: 0 auto 10px; + overflow: hidden; +} + +.gallery .picture:before { + content: ""; + display: block; + padding-top: 70%; +} + +.gallery .picture img, +.picture-gallery .picture-thumbs img, +.video-gallery .video-thumbs iframe, +.variant-picture img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + margin: auto; + object-fit: cover; + border-radius: var(--itembox-picture-radius); +} + +.picture-gallery .picture-thumbs { + overflow: hidden; + font-size: 0; +} + +.picture-gallery .picture-thumbs .thumb-item { + display: inline-block; + position: relative; + width: 100px; + height: 100px; + margin: 0 5px 10px; + overflow: hidden; + cursor: pointer; +} + +.video-gallery .video-thumbs .thumb-item { + display: inline-block; + position: relative; + margin: 0 5px 10px; + overflow: hidden; +} + +.overview { + position: relative; + margin: 0 0 50px; +} + +.overview .discontinued-product { + background: #f3f3f3; + margin: 0 0 20px; +} + +.overview .discontinued-product h4 { + display: inline-block; + font-size: 14px; + padding: 17px 40px 17px 17px; + background: url('../images/discontinued-product-icon.png') no-repeat 13px center; + color: #de444c; +} + +.overview .product-name { + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 0 0 10px; +} + +.overview .product-name h1 { + font-size: 30px; + font-weight: normal; +} + +.overview .short-description { + margin: 0 0 25px; + line-height: 22px; + color: #666; +} + +.product-no-reviews, +.product-reviews-overview { + margin: 0 0 25px; + color: #444; +} + +.product-no-reviews a { + text-decoration: underline; +} + +.product-review-box { + margin: 0 auto 8px; + width: 100%; +} + +.product-review-box .rating { + width: 95px; + height: 14px; + background: url('../images/rating1.png') repeat-x; +} + +.review-item-info { + width: 100%; + display: flex; + justify-content: space-between; + margin-bottom: 10px !important; +} + +.vendor-product-reviews .product-review-box { + width: auto; +} + +.vendor-product-reviews-title { + margin-bottom: 20px; + font-size: 16px; +} + +.vendor-page .block { + max-width: 100%; + text-align: left; +} + +.review-item-info .review-product-name a, +.vendor-page .block a { + display: inline-block; + color: var(--theme-color); + cursor: pointer; +} + +.product-review-box .rating div { + height: 14px; + background: url('../images/rating2.png') repeat-x; + font-size: 0px; + line-height: 0px; +} + +.product-review-links { + display: inline-block; +} + + .product-review-links.add-review::before { + content: "|"; + padding: 0 5px; + } + + .add-review.product-no-reviews::before { + display: none; + } + +.product-review-links a { + text-decoration: underline; +} + +.product-review-links a:hover, +.product-review-links a:focus { + color: var(--theme-color); +} + +.overview .value, +.variant-overview .value { + color: #444; +} + +.overview .value a, +.variant-overview .value a { + color: var(--theme-color); +} + +.overview .value a:hover, +.overview .value a:focus, +.variant-overview .value a:hover, +.variant-overview .value a:focus { + text-decoration: underline; +} + +.overview-buttons { + margin: 0 0 25px; + font-size: 0; +} + +.overview-buttons div { + width: 80%; + margin: 0 auto 3px; +} + +.overview .button-2, +.variant-overview .button-2 { + display: block; + width: 100%; + border: none; + background-color: #eaeaea; + background-position: right center; + background-repeat: no-repeat; + padding: 12px 40px 12px 15px; + text-align: right; + font-size: 14px; /*reset zeroing*/ + color: #666; +} + +.overview .button-2:hover, +.overview .button-2:focus, +.variant-overview .button-2:hover, +.variant-overview .button-2:focus { + background-color: #ddd; +} + +.overview .add-to-compare-list-button { + background: var(--dark); + color: var(--white); + padding: 11px; +} + +.overview .add-to-compare-list-button::before { + content: "\f0ec"; + font-family: FontAwesome; + font-size: 16px; + line-height: 21px; + margin-left: 5px; + vertical-align: middle; +} +.overview .add-to-compare-list-button:hover { + color: var(--dark); +} +.overview .email-a-friend-button { + background-image: url('../images/email-button.png'); +} + +.overview .subscribe-button, +.variant-overview .subscribe-button { + background-image: url('../images/email-button.png'); +} + +.overview .download-sample-button, +.variant-overview .download-sample-button { + background-image: url('../images/download-button.png'); +} + +.overview .add-to-wishlist-button, +.variant-overview .add-to-wishlist-button { + background-image: url('../images/wishlist-button.png'); +} + +.overview .manufacturers { + margin: 0 0 20px; +} + +.overview .availability, +.variant-overview .availability { + margin: 0 0 20px; + overflow: hidden; +} + +.overview .availability .stock, +.variant-overview .availability .stock { + margin: 0 0 10px; +} + +.overview .availability .back-in-stock-subscription, +.variant-overview .availability .back-in-stock-subscription { + display: inline-block; +} + +.overview .additional-details, +.variant-overview .additional-details { + margin: 0 0 20px; +} + +.overview .additional-details div, +.variant-overview .additional-details div { + margin: 0 0 8px; +} + +.overview .delivery, +.variant-overview .delivery { + overflow: hidden; +} + +.overview .free-shipping, +.variant-overview .free-shipping { + display: inline-block; + margin: 10px 0; + background: url('../images/shipping.png') right center no-repeat; + padding: 2px 28px 2px 0; + font-weight: bold; + color: #444; +} + +.overview .free-shipping.invisible, +.variant-overview .free-shipping.invisible { + display: none; +} + +.overview .delivery-date, +.variant-overview .delivery-date { + margin: 10px 0; +} + +.overview .min-qty-notification, +.variant-overview .min-qty-notification { + margin: 10px 0; + font-style: italic; + color: #444; +} + +.overview .download-sample, +.variant-overview .download-sample { + display: inline-block; + margin: 0 0 25px; +} + +.overview .prices, +.variant-overview .prices { + margin: 0 0 10px; + overflow: hidden; +} + +.overview .prices > div, +.variant-overview .prices > div { + margin: 0 0 5px; +} + +.overview .prices > div > span, +.variant-overview .prices > div > span { + vertical-align: middle; +} + +.overview .old-product-price, +.variant-overview .old-product-price, +.overview .non-discounted-price, +.variant-overview .non-discounted-price { + font-size: 14px; + color: #999; + text-decoration: line-through; +} + +.overview .product-price, +.variant-overview .product-price { + font-size: 20px; + font-weight: bold; + color: #444; +} + +.overview .tax-shipping-info a, +.variant-overview .tax-shipping-info a { + color: var(--theme-color); +} + +.overview .tax-shipping-info a:hover, +.overview .tax-shipping-info a:focus, +.variant-overview .tax-shipping-info a:hover, +.variant-overview .tax-shipping-info a:focus { + text-decoration: underline; +} + +.customer-entered-price { + margin: 0 0 20px; + overflow: hidden; +} + +.customer-entered-price .price-input label { + display: block; + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.customer-entered-price .price-input input { + width: 170px; + text-align: center; +} + +.customer-entered-price .price-range { + margin: 5px 0 0; + color: #777; +} + +.tier-prices { + margin: 0 0 20px; +} + +.tier-prices .title { + display: none; +} + +.tier-prices table td { + border: 1px solid #ddd; + padding: 10px; + color: #444; +} + +.tier-prices .field-header { + min-width: 80px; +} + +.tier-prices .item-price { + background-color: #f9f9f9; + font-size: 16px; + color: #e4434b; +} +.overview .overview-buttons, +.cart-compare-wrap { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin: 0 0 20px; +} +.overview .add-to-cart { + margin: 0; +} + +.overview .add-to-cart-panel, +.variant-overview .add-to-cart-panel { + display: inline-block; + position: relative; +} + +.overview .add-to-cart-panel > *, +.variant-overview .add-to-cart-panel > * { + float: right; +} + +.overview .qty-label, +.variant-overview .qty-label { + display: none !important; +} + +.overview .qty-input, +.variant-overview .qty-input { + width: 45px; + height: 43px; + padding: 0 12px; + text-align: center; + font-size: 15px; + color: #444; +} + +.overview .qty-dropdown, +.variant-overview .qty-dropdown { + height: 43px; + padding: 0 12px; + font-size: 15px; + color: #444; +} + +.overview .add-to-cart-button, +.variant-overview .add-to-cart-button { + height: 43px; + border: none; + background-color: var(--theme-color); + padding: 0 24px; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} +.overview .add-to-cart-button::before, +.variant-overview .add-to-cart-button::before { + content: "\f1b9"; + font-family: FontAwesome; + font-size: 15px; + line-height: 21px; + margin-left: 5px; + vertical-align: middle; +} +.overview .add-to-cart-button:hover, +.overview .add-to-cart-button:focus, +.variant-overview .add-to-cart-button:hover, +.variant-overview .add-to-cart-button:focus { + background-color: var(--active-color); +} + +.product-share-button { + display: inline-block; + overflow: hidden; +} + +.full-description { + clear: both; + line-height: 24px; +} + +.product-collateral { + margin: 0 0 75px; +} + +.product-collateral .title { + margin: 0 0 10px; + font-size: 18px; + color: #444; +} + +.product-collateral .title strong { + font-weight: normal; +} + +.product-variant-line { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 20px; +} + +.product-variant-line:after { + content: ""; + display: block; + clear: both; +} + +.variant-picture { + position: relative; + width: 220px; + height: 220px; + margin: 0 auto 15px; + overflow: hidden; +} + +.variant-overview { + width: 100%; +} + +.variant-overview .variant-name { + margin: 0 0 10px; + padding: 10px 0; + font-size: 16px; + font-weight: bold; + color: var(--theme-color); +} + +.variant-overview .variant-description { + margin: 0 0 15px; + line-height: 22px; +} + +.variant-overview .add-to-wishlist { + margin: 0 0 25px; +} + +.variant-overview .add-to-wishlist-button { + display: inline-block; + width: auto; +} + +.variant-overview .add-to-cart { + margin: 0 0 10px; +} + +.product-specs-box { + margin: 0 0 40px; +} + +.product-specs-box td { + border: 1px solid #ddd; + padding: 10px; +} + +.product-specs-box td.spec-group-name { + border: 0; + padding-top: 20px; + font-size: 16px; + color: #444; +} + +.product-tags-list { + font-size: 0; +} + +.product-tags-list li { + display: inline-block; + font-size: 14px; /*reset zeroing*/ +} + +.product-tags-list li.separator { + margin: 0 3px 0 5px; +} + +.product-tags-list a { + display: inline-block; + line-height: 24px; +} + +.product-tags-list a:hover, +.product-tags-list a:focus { + color: #444; +} + +.attributes { + margin: 20px 0; +} + +.attributes dl { + overflow: hidden; + padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */ +} + +.attributes dt, +.attribute-label { + display: block; + margin: 0 0 5px; + white-space: nowrap; + font-weight: bold; + color: #444; +} + +.attributes dd, +.attribute-data { + margin: 0 0 10px; +} + +.attributes li { + margin: 8px 0 12px; +} + +.attributes select { + width: auto; + min-width: 100px; + max-width: 100%; +} + +.attributes .option-list label { + margin: 0 5px; +} + +.attributes .datepicker { + width: 280px; + text-align: center; + color: #444; +} + +.attributes .qty-box input { + width: 48px; + height: 32px; + text-align: center; +} + +.attributes .option-list:not(.attribute-squares) .disabled { + opacity: .5; +} + +.attributes .attribute-squares .disabled .attribute-square { + cursor: default; + opacity: .25; +} + +.attributes .attribute-squares .disabled .attribute-square-container { + background: linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1.5px), #e91e63 50%, rgba(0,0,0,0) calc(50% + 1.5px), rgba(0,0,0,0) 100%), linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1.5px), #e91e63 50%, rgba(0,0,0,0) calc(50% + 1.5px), rgba(0,0,0,0) 100%); +} + +.attributes .attribute-squares .tooltip-container .not-available-text { + font-size: 12px; +} + +.attributes .attribute-squares.color-squares .tooltip-container .not-available-text { + margin: 5px; +} + +.attributes .attribute-squares.color-squares .tooltip-container { + width: 120px; + display: none; +} + +.attributes .attribute-squares.color-squares li:hover .tooltip-container { + margin-right: -42px; +} + +.attributes .attribute-squares.color-squares .disabled .tooltip-container { + display: block; +} + +.attributes .attribute-squares.image-squares .tooltip-container .not-available-text { + margin-bottom: 5px; + display: none; +} + +.attributes .attribute-squares.image-squares .disabled .tooltip-container .not-available-text { + display: block; +} + +.attributes select option.disabled, +.attributes select option:disabled { + color: #cecece; +} + +.ui-datepicker { + width: 280px; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + background-color: #fff; + text-align: center; + /*override jQuery UI styles, do not delete doubled properties*/ + border: none; + border-radius: 0; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; + color: #777; +} + +.ui-datepicker-header { + position: relative; + height: 32px; + background-color: var(--theme-color); + color: #fff; + /*override jQuery UI styles, do not delete doubled properties*/ + border: none; + border-radius: 0; + background-image: none; + padding: 0 !important; + font-weight: normal; +} + +.ui-datepicker-header a { + position: absolute; + top: 0; + z-index: 1; + width: 32px; + height: 32px; + line-height: 32px; + font-size: 0; + /*override jQuery UI styles, do not delete doubled properties*/ + top: 0 !important; + width: 32px !important; + height: 32px !important; + border: none !important; +} + +.ui-datepicker-header a.ui-datepicker-prev { + right: 0; + background: url('../images/calendar-prev.png') center no-repeat; +} + +.ui-datepicker-header a.ui-datepicker-next { + left: 0; + background: url('../images/calendar-next.png') center no-repeat; +} + +.ui-datepicker-header a span { + /*override jQuery UI styles, do not delete doubled properties*/ + display: none !important; +} + +.ui-datepicker-title { + position: relative; + z-index: 0; + line-height: 32px; + font-weight: bold; + text-transform: uppercase; + /*override jQuery UI styles, do not delete doubled properties*/ + line-height: 32px !important; +} + +.ui-datepicker-calendar { + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 !important; + font-size: 14px !important; +} + +.ui-datepicker-calendar th { + background-color: #eee; +} + +.ui-datepicker-calendar th, +.ui-datepicker-calendar td { + width: 14.285%; + border: 1px solid #ddd; + /*override jQuery UI styles, do not delete doubled properties*/ + padding: 0; +} + +.ui-datepicker-calendar th span, +.ui-datepicker-calendar td a { + display: block; + min-height: 32px; + line-height: 32px; + color: #444; +} + +.ui-datepicker-calendar td a { + /*override jQuery UI styles, do not delete doubled properties*/ + border: none !important; + background: none !important; + padding: 0; + text-align: center; + color: #444 !important; +} + +.ui-datepicker-calendar .ui-state-active { + outline: 2px solid var(--theme-color); + font-weight: bold; + color: var(--theme-color); + /*override jQuery UI styles, do not delete doubled properties*/ + color: var(--theme-color) !important; +} + +.attribute-squares { + font-size: 0; + display: inline-block; +} + +.attribute-squares li { + display: inline-block; + margin: 0 5px 5px; + text-align: center; +} + +.attribute-squares .attribute-square-container { + display: block; + position: relative; + z-index: 0; + padding: 1px; +} + +.attribute-squares label { + display: block; + margin: 0 !important; + overflow: hidden; +} + +.attribute-squares .attribute-square { + display: inline-block !important; + width: 32px !important; + height: 32px !important; + border: 1px solid #444 !important; + cursor: pointer; +} + +.attribute-squares .selected-value .attribute-square-container { + background-color: var(--theme-color); +} + +.attribute-squares li input { + display: none; +} + +.attribute-squares-padding { + padding: 0 0 0 5px; +} + +.tooltip-container { + position: absolute; + width: 200px; + color: #000000; + background: #FFFFFF; + border: 1px solid #eeeeee; + text-align: center; + visibility: hidden; + border-radius: 5px; +} + +.tooltip-container:before { + content: ''; + position: absolute; + bottom: 100%; + right: 50%; + margin-right: -7px; + width: 0; + height: 0; + border-bottom: 7px solid #eeeeee; + border-left: 7px solid transparent; + border-right: 7px solid transparent; +} + +.tooltip-container:after { + content: ''; + position: absolute; + bottom: 100%; + right: 50%; + margin-right: -6px; + width: 0; + height: 0; + border-bottom: 6px solid #FFFFFF; + border-left: 6px solid transparent; + border-right: 6px solid transparent; +} + +.attribute-squares li:hover .tooltip-container, +.attribute-squares li:focus .tooltip-container { + visibility: visible; + margin-right: -83px; + margin-top: 5px; + z-index: 999; +} + +.tooltip-container .tooltip-header { + background-color: #F6F6F6; + height: 25px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + padding-right: 10px; + padding-top: 5px; + text-align: right; + width: 198px; + font-size: 15px; + border-bottom: 1px #EEEEEE solid; +} + +.tooltip-container .tooltip-body { + margin: 5px; +} + +.tooltip-container .tooltip-body img { + border: 0px #FFF; + width: 190px; +} + +.giftcard { + margin: 0 0 20px; + overflow: hidden; +} + +.giftcard div { + margin: 0 0 10px; +} + +.giftcard label { + display: block; + margin: 0 auto 5px; + font-weight: bold; + color: #444; +} + +.giftcard input, +.giftcard textarea { + width: 350px; + max-width: 100%; +} + +.giftcard textarea { + height: 150px; +} + + +/********** PRODUCT REVIEWS **********/ + + + +.product-reviews h1 a { + color: var(--theme-color); +} + +.product-reviews h1 a:before, +.product-reviews h1 a:after { + content: "''"; +} + +.product-reviews .title { + margin: 0 0 20px; + font-size: 20px; + color: #444; +} + +.product-reviews .title strong { + font-weight: normal; +} + +.write-review { + margin: 0 0 60px; +} + +.write-review .fieldset { + margin: 0 0 30px; +} +.write-review .buttons { + text-align: center; +} +.tooltip { + position: initial; + display: inline-block; + border-bottom: 1px dotted black; + color: #444; +} + +.tooltip .tooltiptext { + visibility: hidden; + width: auto; + background: #f0f0f0 no-repeat 0% 5%; + border: #c0c0c0 1px dotted; + text-align: right; + padding: 10px 5px 5px 10px; + position: absolute; + z-index: 1; + right: 10%; + opacity: 0; + transition: opacity 0.3s; +} + +.tooltip .tooltiptext::after { + content: ""; + position: absolute; +} + +.tooltip:hover .tooltiptext, +.tooltip:focus .tooltiptext { + visibility: visible; + opacity: 1; + cursor: help; +} + +.write-review .review-rating { + text-align: right; + padding-top: 10px; + padding-bottom: 10px; +} + +.write-review .review-rating label { + display: block; + margin: 0 0 5px; + font-size: 14px; + color: #444; +} + +.write-review .review-rating div.first { + color: #e4444c; +} + +.write-review .review-rating div.rating-options { + padding-top: 2px; +} + +.write-review .review-rating div.rating-options input { + vertical-align: baseline; +} + +.write-review .review-rating div.last { + color: #4cb17c; +} + +.write-review .captcha-box { + margin: 15px 0 0; +} + +.write-review .button-1 { + border: none; + background-color: var(--theme-color); + padding: 10px 25px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.write-review .button-1:hover, +.write-review .button-1:focus { + background-color: var(--active-color); +} + +.product-reviews .result, +.product-reviews .message-error { + margin: 0 0 20px; +} + +.product-review-list { + overflow: hidden; +} + +.product-review-item { + margin: 0 0 20px; +} + +.product-review-item .review-item-head { + border-top: 1px solid #ddd; + overflow: hidden; + background-color: #f6f6f6; + padding: 10px; +} + +.product-review-item .review-title { + line-height: 20px; + font-size: 15px; + color: #444; +} + +.product-review-item .product-review-box { + margin: 3px 0 0; +} + +.product-review-item .review-content { + padding: 20px 10px; +} + +.product-review-item .review-text { + margin: 0 0 15px; + line-height: 22px; + color: #444; +} + +.product-review-item .avatar { + margin: 0 0 10px; +} + +.product-review-item .reply { + margin: 15px 0; + border-top: 1px solid #ddd; +} + +.product-review-item .reply-header { + margin: 15px 0; + font-weight: bold; +} + +.product-review-item .reply-text { + line-height: 22px; +} + +.product-review-item .review-info { + margin: 0 0 5px; +} + +.product-review-item .review-info label { + font-weight: normal; +} + +.product-review-item .review-info a, +.product-review-helpfulness .vote { + display: inline-block; + padding: 0 5px; + color: var(--theme-color); + cursor: pointer; +} + +.product-review-helpfulness .question { + margin: 0 0 0 5px; + font-style: italic; +} + +.product-review-helpfulness .result { + margin: 0 10px 0 0; +} + +.product-review-item .review-type-rating-ext { + overflow: hidden; + margin: 0 0 20px; +} + + +/********** WISHLIST & COMPARE LIST **********/ + + + +.wishlist-page .page-title { + margin: 0 0 -1px; +} + +.wishlist-content { + margin: 0 0 20px; +} + +.wishlist-content .message-error { + margin: 20px 0; +} + +.wishlist-content .table-wrapper { + margin: 0 0 30px; +} + +.wishlist-content .product-content { + min-width: 300px; + text-align: right; +} + +.wishlist-content .tax-shipping-info { + margin: 0 0 20px; + text-align: center; +} + +.wishlist-content .tax-shipping-info a { + color: #4ab3f1; +} + +.wishlist-content .tax-shipping-info a:hover, +.wishlist-content .tax-shipping-info a:focus { + text-decoration: underline; +} + +.wishlist-content .buttons { + font-size: 0; +} + +.wishlist-content .button-2 { + display: block; + width: 250px; + margin: 0 auto 3px; + border: none; + padding: 10px 25px; + text-align: center; + line-height: 20px; + font-size: 15px; + color: #fff; +} + +.wishlist-content .update-wishlist-button, +.wishlist-content .wishlist-add-to-cart-button { + background-color: var(--theme-color); + text-transform: uppercase; +} + +.wishlist-content .update-wishlist-button:hover, +.wishlist-content .update-wishlist-button:focus, +.wishlist-content .wishlist-add-to-cart-button:hover, +.wishlist-content .wishlist-add-to-cart-button:focus { + background-color: var(--active-color); +} + +.wishlist-content .email-a-friend-wishlist-button { + background-color: #aaa; +} + +.wishlist-content .email-a-friend-wishlist-button:hover, +.wishlist-content .email-a-friend-wishlist-button:focus { + background-color: #999; +} + +.wishlist-page .share-info { + text-align: center; +} + +.wishlist-page .share-info span { + display: block; + margin: 0 0 5px; +} + +.wishlist-page .share-info a { + font-weight: bold; + color: #444; +} + +.wishlist-page .share-info a:hover, +.wishlist-page .share-info a:focus { + color: var(--theme-color); +} + +.wishlist-page .no-data { + margin: 25px 0 0; +} + +.compare-products-page { + position: relative; + overflow: hidden; +} + +.compare-products-page .clear-list { + display: inline-block; + margin: 0 0 20px; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.compare-products-page .clear-list:hover, +.compare-products-page .clear-list:focus { + background-color: var(--active-color); +} + +.compare-products-page .table-wrapper { + margin: 0 0 30px; + padding: 0 0 1px; /*IE mobile table border fix*/ +} + +.compare-products-table td { + min-width: 150px; + border: 1px solid #ddd; + background-color: #fff; + padding: 20px; + text-align: right; + vertical-align: top; + color: #444; +} + +.compare-products-table td:first-child { + min-width: 0; +} + +.compare-products-table td label { + font-weight: normal; + color: #777; +} + +.compare-products-table .specification-group td { + border: 0; + padding: 20px 10px 10px 10px; +} + +.compare-products-table .specification-group td label { + font-size: 16px; + color: #444; +} + +.compare-products-table .remove-button { + display: inline-block; + border: none; + background: url('../images/remove.png') right center no-repeat; + padding: 0 18px 0 0; + font-size: 12px; + color: #666; +} + +.compare-products-table .remove-button:hover, +.compare-products-table .remove-button:focus { + color: var(--theme-color); +} + +.compare-products-table .picture { + display: block; + position: relative; + max-width: 200px; + height: 200px; + overflow: hidden; +} + +.compare-products-table .picture img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + max-width: 100%; + max-height: 100%; + margin: auto; +} + +.compare-products-table .product-name td { + font-weight: bold; +} + +.compare-products-table .product-name td a:hover, +.compare-products-table .product-name td a:focus { + color: var(--theme-color); +} + +.compare-products-table .short-description td { + line-height: 22px; +} + +.compare-products-table .full-description td { + display: none; +} + +.compare-products-page .no-data { + margin: 25px 0 0; +} + + +/*********** TOPICS ***********/ + + + +.topic-block { + margin: 0 0 25px; +} + +.topic-block-title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.topic-block-title h2 { + font-size: 30px; + font-weight: 700; + color: var(--dark); +} + +.topic-block-body { + text-align: justify; + line-height: 24px; + font-size: 16px; +} + +.topic-page .page-body { + text-align: justify; + line-height: 22px; +} + +.topic-block a, +.topic-page a { + text-decoration: underline; +} + +.topic-block strong, +.topic-page strong { + color: #444; +} + +.home-page .topic-block { + margin: 0 0 50px; +} + +.popup-window .topic-page { + padding: 15px; +} + +.not-found-page p { + margin: 30px 15px; +} + +.topic-password { + text-align: center; +} + +.enter-password-title { + margin: 0 0 20px; + color: #444; +} + +.enter-password-form { + display: inline-block; + overflow: hidden; +} + +.enter-password-form input[type="password"] { + float: right; + width: 200px; + height: 40px; + margin: 0 0 0 -1px; +} + +.enter-password-form button[type="submit"] { + float: right; + width: auto; + min-width: 86px; + height: 40px; + border: none; + background-color: var(--theme-color); + padding: 0 15px; + color: #fff; + text-transform: uppercase; +} + +.enter-password-form button[type="submit"]:hover, +.enter-password-form button[type="submit"]:focus { + background-color: var(--active-color); +} + + +/********** Homepage block width **********/ +html:not(.html-home-page) .master-wrapper-content, +.html-home-page .topic-block, +.html-home-page .home-page-category-grid, +.html-home-page .news-list-homepage, +.html-home-page .home-page-polls, +.html-home-page .home-page-product-grid { + margin-inline: auto; + width: var(--layout-outer-width); +} + +/*********** Homepage Features ***********/ + + +.feature-highlights { + width: 100%; + padding: 80px 0; + background: var(--light-bg); + margin-bottom: 60px; +} + +.container { + max-width: 1200px; + margin: 0 auto; + text-align: center; +} + +.section-title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; + margin-bottom: 80px; +} + +.feature-item { + display: flex; + align-items: center; + justify-content: space-between; + gap: 40px; + margin-bottom: 80px; +} + +.feature-item:nth-child(odd) { + flex-direction: row; +} + +.feature-item:nth-child(even) { + flex-direction: row-reverse; +} + +.feature-item img { + width: 50%; + max-height: 400px; + object-fit: cover; +} + +.feature-content { + width: 50%; + text-align: right; +} + +.feature-content h3 { + font-size: 28px; + color: var(--dark); + margin-bottom: 15px; +} + +.feature-content p { + font-size: 18px; + line-height: 1.6; + color: var(--dark); +} + + +/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/ + + + +.contact-page .page-title, +.email-a-friend-page .page-title, +.apply-vendor-page .page-title { + margin: 0 0 -1px; +} + +.contact-page .result, +.contact-page .message-error, +.email-a-friend-page .result, +.email-a-friend-page .message-error, +.apply-vendor-page .result, +.apply-vendor-page .message-error { + margin: 20px 0; +} + +.contact-page .button-1, +.email-a-friend-page .button-1, +.apply-vendor-page .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.contact-page .button-1:hover, +.contact-page .button-1:focus, +.email-a-friend-page .button-1:hover, +.email-a-friend-page .button-1:focus, +.apply-vendor-page .button-1:hover, +.apply-vendor-page .button-1:focus { + background-color: var(--active-color); +} + +.contact-page .topic-block, +.email-a-friend-page .title, +.apply-vendor-page .title { + margin: 25px 0; +} + +.email-a-friend-page .title h2 { + font-weight: normal; + color: var(--theme-color); +} + +.apply-vendor-page .terms-of-service { + text-align: center; +} + +.apply-vendor-page .terms-of-service > * { + display: inline-block; + line-height: 32px; +} + +.apply-vendor-page .terms-of-service span, +.apply-vendor-page .terms-of-service a { + color: var(--theme-color); + cursor: pointer; +} + +/********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ + + + +.gender { + display: inline-block; +} + +.gender span { + display: inline-block; + margin: 0 5px; +} + +.gender span > label { + display: inline !important; +} +.gender span > * { + margin: 0 5px; + line-height: 32px; +} + +.date-of-birth .date-picker-wrapper { + display: inline; +} + +.date-of-birth select { + width: 31%; /*always single line*/ + max-width: 126px; +} + +.date-of-birth select + select { + margin: 0 10px 0 0; +} + +.date-of-birth .select-wrapper + .select-wrapper { + margin: 0 10px 0 0; +} + +#check-availability-button { + margin: 10px 0 0; + border: none; + background-color: #888; + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +#check-availability-button:hover, +#check-availability-button:focus { + background-color: #999; +} + +.inputs.accept-consent { + text-align: center; +} + +.inputs.accept-consent > * { + display: inline-block; + line-height: 32px; +} + +.inputs.accept-consent span, +.inputs.accept-consent a { + color: var(--theme-color); + cursor: pointer; + font-size: 14px; +} + +.inputs.accept-consent label { + width: auto; + margin-right: 10px; + margin-bottom: 0; +} + +.registration-page .button-1, +.registration-result-page .button-1, +.login-page .button-1, +.password-recovery-page .button-1, +.email-revalidation-page .button-1, +.account-activation-page .button-1, +.account-page .button-1, +.return-request-page .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.registration-page .button-1:hover, +.registration-page .button-1:focus, +.registration-result-page .button-1:hover, +.registration-result-page .button-1:focus, +.login-page .button-1:hover, +.login-page .button-1:focus, +.password-recovery-page .button-1:hover, +.password-recovery-page .button-1:focus, +.email-revalidation-page .button-1:hover, +.email-revalidation-page .button-1:focus, +.account-activation-page .button-1:hover, +.account-activation-page .button-1:focus, +.account-page .button-1:hover, +.account-page .button-1:focus, +.return-request-page .button-1:hover, +.return-request-page .button-1:focus { + background-color: var(--active-color); +} + +.return-request-page h1 a { + color: var(--theme-color); +} + +.return-request-page .return-request-file { + font-size: 14px; + width: 400px; + margin: 0 auto; +} + +.registration-page .message-error, +.login-page .message-error, +.account-page .message-error { + margin: 0 0 10px; +} + +.registration-result-page .result { + margin: 0 0 30px; + padding: 30px 0; + text-align: center; + font-size: 16px; + color: #4cb17c; +} + +.customer-info-page .email-to-revalidate, +.customer-info-page .readonly-username, +.customer-info-page .vat-status { + margin: 0 5px; + font-size: 14px; +} + +.customer-info-page .vat-status { + display: block; +} + +.registration-page .vat-note, +.customer-info-page .vat-note, +.customer-info-page .email-to-revalidate-note { + display: block; + font-size: 14px; + margin-top: 7px; + white-space: normal; +} +.login-page .customer-blocks { + margin: 0 0 30px; + display: flex; + flex-direction: column-reverse; + justify-content: center; + align-items: center; +} + +.login-page .title { + margin: 0 0 15px; + font-size: 20px; + color: #444; +} + +.login-page .title strong { + font-weight: normal; +} + +.login-page .new-wrapper { + margin: 0 0 50px; +} + +.login-page .new-wrapper .text { + margin: 0 0 30px; + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 30px; + line-height: 22px; +} + +.login-page .new-wrapper .topic-block { + margin: 0; +} + +.login-page .new-wrapper .topic-block-body strong { + color: #444; +} + +.login-page .new-wrapper .button-1 { + margin: 0 0 5px; +} + +.login-page .returning-wrapper { + margin: 0; +} + +.login-page .returning-wrapper .form-fields { + overflow: hidden; + padding: 30px 15px 0; +} + +.login-page .returning-wrapper .inputs.reversed { + white-space: normal; +} + +.login-page .returning-wrapper .inputs.reversed * { + display: inline-block; + width: auto; + margin: 5px; + font-size: 14px; /*reset zeroing*/ + color: #444; +} + +.login-page .returning-wrapper .inputs.reversed a:hover, +.login-page .returning-wrapper .inputs.reversed a:focus { + color: var(--theme-color); +} + +.login-page .captcha-box { + margin: -15px 0 20px; +} + +.login-page .customer-blocks > div { + margin-bottom: 30px; + padding-top: 30px; +} +.login-page .returning-wrapper .buttons { + padding: 15px 0; +} +.login-page .register-block { + background-color: #f9f9f9; +} +.login-page .login-password { + position: relative; + width: max-content; + max-width: 100%; + display: inline-block; +} + +.login-page .password-eye { + content: ""; + display: block; + height: 24px; + width: 24px; + background-image: url('../images/eye-closed.png'); + position: absolute; + top: calc(50% - 12px); + left: 10px; + background-repeat: no-repeat; + background-position: center; + z-index: 2; + cursor: pointer; + opacity: .75 +} + +.login-page .password-eye-open { + background-image: url('../images/eye.png'); +} + +.external-authentication { + margin: 0 0 50px; + overflow: hidden; + text-align: center; +} + +.external-authentication .title { + margin: 0 0 15px; + font-size: 20px; + color: #444; +} + +.external-authentication .buttons { + margin: 0 0 30px; + border-top: 1px solid #e6e6e6; + padding: 30px; +} + +.external-auth-errors { + color: #e4444c; +} + +.external-auth-association { + color: #444; +} + +.external-auth-association a { + color: var(--theme-color); +} + +.external-auth-association a:hover, +.external-auth-association a:focus { + text-decoration: underline; +} + +.password-recovery-page .result { + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.password-recovery-page .tooltip { + margin: 0 0 25px; +} + +.add-more-external-records { + text-align: center; +} + +.add-more-external-records a { + color: var(--theme-color); +} + +.add-more-external-records a:hover, +.add-more-external-records a:focus { + text-decoration: underline; +} + +.account-page .buttons { + text-align: center; +} + +.account-page .description { + margin: 0 0 25px; + padding: 0 10px; +} + +.account-page .table-wrapper { + margin: 0 0 30px +} + +.gdpr-tools-page .result { + margin: 20px 0; + font-size: 13px; + color: #e4434b; +} + +.gdpr-tools-page .buttons { + margin-top: 20px; +} + +.address-list-page .info, +.order-list-page .info { + margin: 0 0 10px; + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 20px; + line-height: 26px; + color: #444; +} + +.address-list-page .info .name, +.order-list-page .info .name { + font-size: 16px; + font-weight: bold; +} + +.address-list-page .button-2, +.order-list-page .button-2 { + display: inline-block; + margin: 0 10px 0 0; + border: none; + padding: 0 18px 0 0; + font-size: 12px; + color: #444; +} + +.edit-address-button { + background: url('../images/edit.png') right center no-repeat; +} + +.delete-address-button, +.cancel-recurring-order-button { + background: url('../images/remove.png') right center no-repeat; +} + +.retry-recurring-order-button { + background: url('../images/retry.png') right center no-repeat; +} + +.return-items-button { + background: url('../images/return.png') right center no-repeat; +} + +.order-details-button { + background: url('../images/details.png') right center no-repeat; +} + +.address-list-page .button-2:hover, +.address-list-page .button-2:focus, +.order-list-page .button-2:hover, +.order-list-page .button-2:focus { + color: var(--theme-color); +} + +.address-list-page .add-button { + margin: 0 0 20px; + text-align: center; +} + +.address-edit-page .page-title { + margin: 0 0 -1px; +} + +.address-edit-page .message-error { + margin: 20px 0; +} + +.address-edit-page .edit-address { + margin: 0 0 30px; + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 30px 15px; +} + +.recurring-payments table td { + white-space: nowrap; +} + +.recurring-payments table td:first-child { + min-width: 120px; + white-space: normal; +} + +.recurring-payments .button-2 { + font-size: 14px; +} + +.return-request-list-page .details { + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 20px; + line-height: 22px; + color: #444; +} + +.return-request-list-page label { + margin: 0 0 0 5px; +} + +.return-request-list-page a { + color: var(--theme-color); +} + +.return-request-list-page a:hover, +.return-request-list-page a:focus { + text-decoration: underline; +} + +.return-request-list-page .comments div { + margin: 10px 0 0; + font-size: 15px; + font-style: italic; + color: #444; +} + +.downloadable-products-page table td { + color: #444; +} + +.reward-points-overview { + margin: 0 0 25px; +} + +.reward-points-history table td { + color: #444; +} + +.reward-points-history table td:first-child { + min-width: 120px; +} + +.change-password-page .page-title { + margin: 0 0 -1px; +} + +.change-password-page .result, +.change-password-page .message-error { + margin: 20px 0; +} + +.change-password-page .fieldset { + margin: 0 0 30px; +} + +.change-password-recovery-link { + text-align: left; + font-size: 13px; + margin-top: 5px; +} + +.avatar-page .page-title { + margin: 0; +} + +.avatar-page .page-body { + margin: 0 0 30px; + overflow: hidden; + background-color: #f9f9f9; + padding: 30px 25px; +} + +.avatar-page .message-error { + margin: 0 0 10px; +} + +.avatar-page .image { + margin: 0 0 10px; +} + +.avatar-page .image img { + border: 1px solid #ccc; +} + +.avatar-page .button-1 { + font-size: 14px; +} + +.avatar-page .button-2 { + border: none; + background-color: #888; + padding: 10px 15px; + font-size: 14px; + color: #fff; + text-transform: uppercase; +} + +.avatar-page .button-2:hover, +.avatar-page .button-2:focus { + background-color: #999; +} + +.avatar-page .info { + color: #444; +} + +.vendorinfo-page .button-2 { + border: medium none; + background-color: #888; + padding: 10px 15px; + font-size: 14px; + color: #fff; + text-transform: uppercase; +} + +.vendorinfo-page .button-2:hover, +.vendorinfo-page .button-2:focus { + background-color: #999; +} + +.vendorinfo-page .vendor-picture { + width: 400px; + margin: 0 auto; +} + +.vendorinfo-page .vendor-picture * { + display: block; + margin-top: 15px; +} + +.check-gift-card-balance-page .page-title { + margin: 0 0 -1px; +} + +.check-gift-card-balance-page .result, +.check-gift-card-balance-page .message-error { + margin: 20px 0; +} + +.check-gift-card-balance-page .fieldset { + margin: 0 0 30px; +} + + +/********** SHOPPING CART **********/ + + + +.order-progress { + margin: 0 0 50px; + background-color: #f6f6f6; + padding: 15px 0; + text-align: center; +} + +.order-progress ul { + font-size: 0; +} + +.order-progress li { + display: inline-block; + margin: 10px; +} + +.order-progress a { + display: block; + min-width: 70px; + font-size: 14px; /*reset zeroing*/ + color: #444; +} + +.order-progress a:before { + content: ""; + display: block; + width: 40px; + height: 40px; + margin: 0 auto 15px; + border: 1px solid #bbb; + background: #fff url('../images/pointer.png') center no-repeat; +} + +.order-progress li.active-step a { + cursor: pointer; +} + +.order-progress li.inactive-step a { + opacity: 0.3; + cursor: default; +} + +.shopping-cart-page .page-title { + margin: 0 0 -1px; + padding: 10px; +} + +.shopping-cart-page .message-error { + margin: 20px 0; +} + +.shopping-cart-page td .message-error { + margin: 10px 0 0; + text-align: right; +} + +.shopping-cart-page .checkout-attributes a { + color: #4ab3f1; +} + +.shopping-cart-page .checkout-attributes a:hover, +.shopping-cart-page .checkout-attributes a:focus { + text-decoration: underline; +} + +.shopping-cart-page .tax-shipping-info { + margin: 20px 0; + text-align: center; +} + +.shopping-cart-page .tax-shipping-info a { + color: #4ab3f1; +} + +.shopping-cart-page .tax-shipping-info a:hover, +.shopping-cart-page .tax-shipping-info a:focus { + text-decoration: underline; +} + +.shopping-cart-page .common-buttons { + margin: 0 0 60px; + background-color: #f6f6f6; + padding: 20px; + font-size: 0; +} + +.shopping-cart-page .common-buttons button { + display: inline-block; + min-width: 180px; + margin: 5px; + border: none; + background-color: #aaa; + padding: 10px 20px; + font-size: 15px; + color: #fff; + background-color: var(--dark); +} + +.shopping-cart-page .common-buttons button:hover, +.shopping-cart-page .common-buttons button:focus { + background-color: #999; +} + +.shopping-cart-page .common-buttons button:first-child { + background-color: var(--theme-color); +} + +.shopping-cart-page .common-buttons button:first-child:hover, +.shopping-cart-page .common-buttons button:first-child:focus { + background-color: var(--active-color); +} + +.checkout-attributes { + margin: -30px 0 30px; + color: #444; +} + +.checkout-attributes dt { + margin: 0 0 5px; + font-weight: bold; +} + +.checkout-attributes dd { + margin: 0 0 20px; +} + +.checkout-attributes input[type="text"], +.checkout-attributes select { + min-width: 170px; +} + +.checkout-attributes ul { + font-size: 0; +} + +.checkout-attributes .option-list>li { + display: inline-block; + margin: 5px; + border: 1px solid #ddd; + background-color: #fff; + padding: 8px 10px; + font-size: 14px; /*reset zeroing*/ +} + +.checkout-attributes .attribute-squares li { + border: none; + padding: 0; + line-height: 0; +} + +.checkout-attributes .option-list>li label { + display: inline-block; + margin: 0 5px 0 0; +} + +.selected-checkout-attributes { + margin: 30px 0; + color: #444; +} + +.selected-checkout-attributes br { + content: ""; + display: block; + margin: 3px; +} + +.cart-footer { + margin: 0 0 50px; + border-top: 1px solid #ddd; +} + +.cart-footer:after { + content: ""; + display: block; + clear: both; +} + +.cart-footer .totals { + width: 350px; + max-width: 100%; + margin: 0 auto 50px; + background-color: #f9f9f9; + padding: 10px; + color: #444; +} + +.cart-footer .total-info { + margin: 0 0 20px; + border-bottom: 1px solid #ddd; + padding: 5px 30px 15px; +} + +.cart-total td { + width: 50%; + padding: 5px 0; + text-align: left; +} + +.cart-total td:first-child { + text-align: right; +} + +.cart-total .giftcard-remaining { + display: block; + font-style: italic; +} + +.cart-total .order-total { + font-size: 20px; + color: var(--theme-color); +} + +.cart-total .order-total strong { + font-weight: normal; +} + +.cart-total .earn-reward-points { + font-style: italic; +} + +.min-amount-warning { + margin: 0 0 20px; + padding: 0 30px; + color: #e4434b; +} + +.terms-of-service { + margin: 0 0 20px; + padding: 0 30px; +} + +.terms-of-service label { + cursor: pointer; +} + +.terms-of-service a { + margin: 0 3px 0 0; + color: var(--theme-color); +} + +.cart-footer .checkout-buttons { + padding: 0 10px; +} + +.cart-footer .checkout-disabled { + font-size: 20px; + text-align: center; + background: #ffa500; + border: 1px solid #c3891e; + color: #fff; + padding: 15px 50px; +} + +.cart-footer .checkout-button { + display: inline-block; + min-width: 160px; + border: none; + background-color: var(--theme-color); + padding: 10px 20px; + font-size: 16px; + color: #fff; + text-transform: uppercase; +} + +.cart-footer .checkout-button:hover, +.cart-footer .checkout-button:focus { + background-color: var(--active-color); +} + +.cart-footer .addon-buttons { + margin: 20px 0 0; + padding: 0 10px; +} + +.cart-collaterals { + width: 350px; + max-width: 100%; + margin: 0 auto 50px; + padding: 25px 0 0; +} + +.cart-collaterals > div { + max-width: 400px; + margin: 0 0 50px; +} + +.cart-collaterals .button-2 { + display: inline-block; + border: none; + background-color: #aaa; + padding: 10px 15px; + color: #fff; + text-transform: uppercase; +} + +.cart-collaterals .button-2:hover, +.cart-collaterals .button-2:focus { + background-color: #999; +} + +.cart-collaterals .title { + margin: 0 0 5px; + font-size: 18px; + color: #444; +} + +.cart-collaterals .title strong { + font-weight: normal; +} + +.cart-collaterals .hint { + margin: 0 0 10px; +} + +.cart-collaterals .deals > div { + margin: 0 0 20px; +} + +.cart-collaterals .coupon-code { + overflow: hidden; +} + +.cart-collaterals .coupon-code input[type="text"] { + float: right; + width: 60%; + height: 36px; /*safari padding fix*/ + margin: 0 0 0 -1px; +} + +.cart-collaterals .coupon-code button[type="submit"] { + float: right; + width: 40%; + height: 36px; /*safari padding fix*/ + padding: 0; + background: var(--dark); +} + +.cart-collaterals .message-failure { + margin: 5px 0 0; + font-size: 12px; + color: #e4434b; +} + +.cart-collaterals .message-success { + margin: 5px 0 0; + font-size: 12px; + color: #4cb17c; +} + +.cart-collaterals .current-code { + margin: 5px 0 0; + color: #4cb17c; +} + +.remove-discount-button, +.remove-gift-card-button { + width: 15px; + height: 15px; + border: 1px solid #999; + background: #fff url('../images/close.png') center no-repeat; + cursor: pointer; +} + +.cart-collaterals .shipping select { + height: 36px; +} + +.cart-collaterals .shipping-results { + margin: 30px 0 0; +} + +.cart-collaterals .shipping-results li { + margin: 20px 0; +} + +.cart-collaterals .shipping-results li strong { + display: block; + margin: 0 0 5px; + color: #444; +} + +.shopping-cart-page .no-data { + margin: 25px 0 0; +} + + +/*** ESTIMATE SHIPPING POPUP COMMON ***/ + + +.estimate-shipping-popup { + position: relative; + background: #FFF; + padding: 25px 10px; + width: auto; + max-width: 800px; + margin: 0 auto; +} + +.estimate-shipping-popup-zoom-in .mfp-with-anim { + opacity: 0; + transition: all 0.2s ease-in-out; + transform: scale(0.8); +} + +.estimate-shipping-popup-zoom-in.mfp-bg { + opacity: 0; + transition: all 0.3s ease-out; +} + +.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim { + opacity: 1; + transform: scale(1); +} + +.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg { + opacity: 0.8; +} + +.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim { + transform: scale(0.8); + opacity: 0; +} + +.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg { + opacity: 0; +} + +.shipping-options-loading { + background: url(../images/ajax-loader-small.gif) no-repeat; + width: 16px; + height: 16px; + position: relative; + left: 8px; + margin: 4% 50%; +} + +.shipping-address .required { + margin-right: 0px; +} + +.estimate-shipping-row { + display: flex; + display: -webkit-flex; + align-items: center; +} + +.estimate-shipping-row.shipping-option { + cursor: pointer; +} + +.estimate-shipping-row.shipping-option.active { + font-weight: 700; +} + +.estimate-shipping-row-item { + flex: 0 1 100%; +} + +.estimate-shipping-row-item.shipping-item { + padding: 8px 0; + overflow: hidden; + overflow-wrap: break-word; +} + +.estimate-shipping-row-item.shipping-header-item { + padding: 12px 0; + border-bottom: 1px solid #f2f2f2; + align-self: flex-end; +} + +.estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { + padding-right: 15px; +} + +.estimate-shipping-row-item + .estimate-shipping-row-item { + padding-right: 10px; +} + +.estimate-shipping-row-item-radio { + flex: 0 0 35px; +} + +.ship-to-title { + margin-bottom: 10px; +} + +.choose-shipping-title { + margin-top: 20px; +} + +.estimate-shipping-address-control { + width: 100%; + height: 36px; +} + +.estimate-shipping-radio { + display: none; +} + +.estimate-shipping-radio + label { + -webkit-appearance: none; + background-color: #fafafa; + border: 1px solid #cacece; + padding: 9px; + border-radius: 50px; + display: inline-block; + position: relative; +} + +.estimate-shipping-radio:checked + label:after { + content: ' '; + width: 6px; + height: 6px; + border-radius: 50px; + position: absolute; + top: 6px; + right: 6px; + background: #ffffff; +} + +.estimate-shipping-radio:checked + label { + background-color: var(--theme-color); + color: #99a1a7; + border: 1px solid #adb8c0; + border-color: var(--theme-color); +} + +.apply-shipping-button { + border: none; + padding: 8px 25px; + background-color: var(--theme-color); + color: #fff; +} + +.apply-shipping-button-container { + margin-top: 15px; + text-align: center; +} + +.shipping-options-header { + top: 0; + z-index: 1; + position: sticky; + background-color: #fff; +} + +.shipping-options { + position: relative; + z-index: 1; + overflow: hidden; + overflow-y: auto; + max-height: 200px; + background: #FFF no-repeat; + background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); + background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); + background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); + background-position: 100% 0, 100% 100%; + background-size: 100% 7px; +} + +.shipping-options:before, +.shipping-options:after { + content: ""; + position: relative; + z-index: -1; + display: block; + height: 30px; + margin: 0 0 -30px; + background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); + background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); + background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); +} + +.shipping-options:after { + margin: -30px 0 0; + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF); + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF); +} + +.no-shipping-options { + text-align: center; + margin: 4% 0; +} + +.estimate-shipping-popup .message-failure { + margin: 5px 0 -5px; + font-size: 12px; + color: #e4434b; +} + + +/*** SHOPPING CART ESTIMATE SHIPPING ***/ + + +.shopping-cart-page .common-buttons .estimate-shipping-button { + display: inline-block; + min-width: 180px; + margin: 5px; + border: none; + background-color: var(--dark); + padding: 10px 20px; + font-size: 15px; + text-align: center; + color: #fff; + border-radius: var(--theme-border-radius); +} + +.shopping-cart-page .common-buttons .estimate-shipping-button:hover, +.shopping-cart-page .common-buttons .estimate-shipping-button:focus { + background-color: #999; +} + + +/*** PRODUCT ESTIMATE SHIPPING ***/ + + +.product-estimate-shipping { + margin-bottom: 20px; +} + +.product-estimate-shipping .shipping-date { + margin-top: 3px; +} + +.product-estimate-shipping .shipping-title { + font-size: 16px; + font-weight: bold; + color: #444; + margin-bottom: 5px; + justify-content: center; +} + +.product-estimate-shipping .shipping-title .shipping-price { + margin-right: 5px; + vertical-align: middle; +} + +.product-estimate-shipping .shipping-title .shipping-loading { + margin-right: 5px; + vertical-align: middle; + background: url(../images/ajax-loader-small.gif) no-repeat; + width: 16px; + height: 16px; + display: inline-block; +} + +.product-estimate-shipping .open-estimate-shipping-popup .arrow-down { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + margin: 0 6px 3px 0; + border: solid black; + border-width: 0 0 1px 1px; + display: inline-block; + padding: 3px; +} + + +/********** CHECKOUT **********/ + + + +.checkout-page .section { + margin: 0 0 30px; +} + +.checkout-page .section.order-summary { + margin: 100px 0 30px; +} + +.checkout-page .cart-options { + min-height: 60px; + overflow: hidden; +} + +.checkout-page .cart-footer { + border-top: none; +} + +.checkout-page .total-info { + margin: 0; + border-bottom: none; + padding: 5px 20px 10px; +} + +.checkout-page .button-1 { + display: inline-block; + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.checkout-page .button-1:hover, +.checkout-page .button-1:focus { + background-color: var(--active-color); +} + +.checkout-page .address-item { + width: 350px; + max-width: 100%; + margin: 0 auto 40px; +} + +.checkout-page .address-item ul { + margin: 0 0 15px; + background-color: #f9f9f9; + padding: 20px; + color: #444; +} + +.checkout-page .address-item li { + padding: 5px 0; +} + +.checkout-page .address-item li.name { + font-size: 16px; + font-weight: bold; +} + +.enter-address .message-error { + margin: 20px 0; +} + +.enter-address .edit-address { + background-color: #f9f9f9; + border-top: 1px solid #e6e6e6; + margin: 0 0 30px; + padding: 30px 15px; +} + +.checkout-page .ship-to-same-address { + padding: 30px 0; + text-align: center; +} + +.checkout-page .ship-to-same-address .selector { + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.vat-number-warning { + text-align: center; + font-size: 13px; + color: #e4434b; + margin-top: 5px; +} + + .vat-number-warning a { + text-decoration: underline; + } + +.checkout-page .pickup-in-store { + text-align: center; +} + +.checkout-page .pickup-in-store .selector { + margin: 0 0 5px; + font-weight: bold; + color: #444; +} + +.select-pickup-point { + text-align: center; +} + +.checkout-page .pickup-points-map { + min-width: 400px; + min-height: 350px; + vertical-align: middle; + margin-top: 5px; + margin-bottom: 5px; +} + +.checkout-page .edit-address-button { + float: left; + margin: 20px 12px 10px 10px; +} + +.checkout-page .delete-address-button { + float: left; + margin: 20px 0 10px 0; +} + +.shipping-method .method-list, +.payment-method .method-list { + margin: 0 auto 30px; + overflow: hidden; + text-align: center; + font-size: 0; +} + +.shipping-method .method-list li, +.payment-method .method-list li { + margin: 20px 0; + font-size: 14px; /*reset zeroing*/ +} + +.shipping-method .method-list li label, +.payment-method .method-list li label { + font-size: 13px; + font-weight: bold; + color: #444; +} + +.shipping-method .method-description { + margin: 5px 0 0; +} + +.payment-method .use-reward-points { + margin: 0 0 30px; + text-align: center; + color: #444; +} + +.payment-method .payment-logo { + display: inline-block; + vertical-align: middle; +} + +.payment-method .payment-logo label { + display: block; + font-size: 0 !important; +} + +.payment-method .payment-details { + width: 200px; + display: inline-block; + margin: 0 10px 0 0; + text-align: right; + vertical-align: middle; +} + +.payment-info .info { + padding: 30px 15px; + color: #444; +} + +.payment-info .info tr { + display: block; + margin: 0 0 15px; + font-size: 0; +} + +.payment-info .info td { + display: inline-block; + width: 100% !important; + max-width: 400px !important; + font-size: 14px; /*reset zeroing*/ +} + +.payment-info .info td:only-child { + width: 100% !important; + max-width: 100% !important; +} + +.payment-info .info td input[type="text"] { + width: 100% !important; +} + +.payment-info .info td input[name="CardCode"] { + width: 65px !important; +} + +.payment-info .info td select { + min-width: 70px; +} + +.payment-info .info td:first-child { + margin: 0 0 10px; +} + +.payment-info .info p { + text-align: center; +} + +.confirm-order .buttons { + padding: 10px 0; +} + +.confirm-order .button-1 { + font-size: 16px; +} + +.order-review-data > div, +.order-details-area > div, +.shipment-details-area > div { + width: 350px; + max-width: 100%; + margin: 0 auto 40px; + background-color: #f9f9f9; + padding: 20px; + color: #444; +} + +.order-review-data li, +.order-details-area li, +.shipment-details-area li { + padding: 3px 0; +} + +.order-review-data .title, +.order-details-area .title, +.shipment-details-area .title { + margin: 0 0 5px; + padding: 0; + font-size: 16px; + font-weight: bold; +} + +.order-review-data .title strong, +.order-details-area .title strong, +.shipment-details-area .title strong { + font-weight: 700; +} + +.order-review-data .payment-method-info, +.order-review-data .shipping-method-info, +.order-details-area .payment-method-info, +.order-details-area .shipping-method-info { + margin-top: 20px; +} + +.order-completed .details { + margin: 0 0 30px; + padding: 30px 15px; + text-align: center; + color: #444; +} + +.order-completed .details div { + margin: 5px 0; +} + +.order-completed .details strong { + font-weight: normal; + text-transform: uppercase; +} + +.order-completed .details a { + color: var(--theme-color); +} + +.order-completed .details a:hover, +.order-completed .details a:focus { + text-decoration: underline; +} + +.opc .step-title { + margin: 0 0 1px; + overflow: hidden; + background-color: #f6f6f6; +} + +.opc .allow .step-title { + background-color: var(--dark); + cursor: pointer; +} +.opc .active .step-title { + box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); +} + +.opc .step-title .number, +.opc .step-title .title { + float: right; + min-height: 40px; + padding: 10px 15px; + line-height: 20px; + font-size: 16px; + font-weight: normal; +} + +.opc .allow .step-title .number, +.opc .allow .step-title .title { + color: #fff; + cursor: pointer; +} + +.opc .step-title .number { + width: 42px; + border-left: 1px solid #fff; + text-align: center; +} + +.opc .allow .step-title .number { + background-color: var(--active-color); +} + +.opc .step { + margin: 10px 0; + padding: 30px 15px; + text-align: center; +} + +.opc .section { + margin: 0 0 30px; +} + +.opc .section > label { + display: block; + margin: 0 0 10px; +} + +.opc input[type="text"], +.opc select { + max-width: 100%; +} + +.opc .buttons { + margin-bottom: 0; +} + +.opc .back-link { + margin: 0 0 10px; +} + +.opc .back-link small { + display: none; +} + +.opc .back-link a { + display: inline-block; + margin: 0 -15px 0 0; + background: url('../images/back-button.png') right center no-repeat; + padding: 0 18px 0 0; + color: #444; +} + +.opc .back-link a:hover, +.opc .back-link a:focus { + color: var(--theme-color); +} + +.opc .buttons .please-wait { + display: block; + margin: 10px 0 0; + background: none; +} + +.opc .section.ship-to-same-address { + margin: 0 0 30px; + padding: 0; +} + +.opc .section.pickup-in-store { + margin: 0 0 30px; + padding: 0; +} + +.opc .payment-info .info tr { + text-align: right; +} + +.opc .section.order-summary { + margin: 0; +} + +.opc-select-address-container { + display: flex; + flex-flow: row wrap; + justify-content: center; + gap: 10px 5px; +} + +.checkout-page .opc-select-address-container .button-1 { + min-width: 100px; + padding: 5px 20px +} + +/****** ORDER DETAILS & SHIPPING DETAILS ******/ +.order-details-page .page-title { + border-bottom: none; + display: block; +} + +.order-details-page .page-title h1 { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 10px; +} + +.order-details-page .page-title a { + display: inline-block; + min-width: 180px; + margin: 5px 0; + border: none; + background-color: #aaa; + background-image: none; + padding: 10px 20px; + font-size: 15px; + color: #fff; +} + +.order-details-page .page-title a:hover, +.order-details-page .page-title a:focus { + background-color: #999; +} + +.order-details-page .page-title a.print-order-button { + background-color: var(--theme-color); +} + +.order-details-page .page-title a.print-order-button:hover, +.order-details-page .page-title a.print-order-button:focus { + background-color: var(--active-color); +} + +.order-details-page .order-overview { + margin: 0 0 50px; + line-height: 26px; + text-align: center; + font-size: 16px; + color: #444; +} + +.order-details-page .order-overview .order-number { + margin: 0 0 10px; + text-transform: uppercase; +} + +.order-details-page .order-overview .order-total strong { + font-weight: normal; + color: var(--theme-color); +} + +.order-details-page .repost .button-2 { + display: inline-block; + margin: 10px 0; + border: none; + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.order-details-page .repost .button-2:hover, +.order-details-page .repost .button-2:focus { + background-color: var(--active-color); +} + +.order-details-page .download a { + font-weight: normal; + color: var(--theme-color); +} + +.order-details-page .download a:hover, +.order-details-page .download a:focus { + text-decoration: underline; +} + +.user-agreement-page .terms-of-agreement { + margin: 0 0 20px; + padding: 20px; + text-align: center; +} + +.user-agreement-page .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.user-agreement-page .button-1:hover, +.user-agreement-page .button-1:focus { + background-color: var(--active-color); +} + +.order-details-page .tax-shipping-info { + margin: 30px 0; +} + +.order-details-page .tax-shipping-info a { + color: var(--theme-color); +} + +.order-details-page .tax-shipping-info a:hover, +.order-details-page .tax-shipping-info a:focus { + text-decoration: underline; +} + +.order-details-page .actions { + margin: 30px 0 0; + font-size: 0; +} + +.order-details-page .actions button { + display: inline-block; + min-width: 165px; + margin: 5px; + border: none; + background-color: #aaa; + background-image: none; + padding: 10px 20px; + font-size: 15px; + color: #fff; +} + +.order-details-page .actions button:hover, +.order-details-page .actions button:focus { + background-color: #999; +} + +.order-details-page .actions button:first-child { + background-color: var(--theme-color); +} + +.order-details-page .actions button:first-child:hover, +.order-details-page .actions button:first-child:focus { + background-color: var(--active-color); +} + +.order-details-page .totals.section { + width: 370px; + padding: 0 10px; + max-width: 100%; + margin: 0 auto 50px; +} + +.order-details-page .total-info { + background-color: #f9f9f9; + padding: 15px 20px; + color: #444; +} + + +/****** SEARCH & SITEMAP ******/ + + + +.search-page .page-title { + margin: 0 0 -1px; +} + +.search-input .fieldset { + margin: 0 0 30px; +} + +.search-input .form-fields { + padding: 30px 15px 10px; +} + +.search-input input + label { + display: inline; + margin: 0 5px 0 0; +} + +.advanced-search { + margin: 30px 0 0; +} + +.advanced-search .price-range { + display: inline-block; +} + +.advanced-search .price-range input { + width: 80px; + margin: 3px; +} + +.search-input .buttons { + text-align: center; +} + +.search-input .button-1 { + min-width: 140px; + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.search-input .button-1:hover, +.search-input .button-1:focus { + background-color: var(--active-color); +} + +.search-results { + margin: 30px 0 0; +} + +.search-results .warning { + margin: 10px 0; + color: #e4434b; +} + +.sitemap-page .description { + margin: 0 0 30px; + text-align: center; +} + +.sitemap-page .entity { + margin: 0 0 30px; +} + +.sitemap-page .entity-title { + margin: 0 0 15px; + padding: 0 10px; + text-align: center; +} + +.sitemap-page .entity-title h2 { + font-size: 20px; + font-weight: normal; + color: #444; +} + +.sitemap-page .entity-body { + border-top: 1px solid #e6e6e6; + background-color: #f9f9f9; + padding: 30px 15px; + text-align: center; +} + +.sitemap-page .entity ul { + font-size: 0; +} + +.sitemap-page .entity li { + display: inline-block; + position: relative; + margin: 0 8px; + padding: 0 12px; + line-height: 50px; + font-size: 14px; /*reset zeroing*/ +} + +.sitemap-page .entity li:before { + content: ""; + position: absolute; + top: 23px; + right: 0; + width: 5px; + height: 5px; + background-color: #ddd; +} + +.sitemap-page .entity a { + color: #444; +} + +.sitemap-page .entity a:hover, +.sitemap-page .entity a:focus { + color: var(--theme-color); +} + +.sitemap-page .entity a:empty { + display: none; +} + + +/****** BLOG & NEWS ******/ + + + +.block-blog-archive .number { + display: block; + color: #444; + cursor: auto; +} + +.block-blog-archive .sublist { + margin: 5px 15px 5px 0; +} + +.block-blog-archive li.month { + padding: 3px 15px 3px 0; +} + +.blog-page .page-title, +.news-list-page .page-title { + margin: 0; +} + +.blog-page .post, +.news-items .news-item { + margin: 0 0 30px; +} + +.blog-page .post:after { + content: ""; + display: block; + clear: both; +} + +.post-title, +.news-title { + display: inline-block; + padding: 20px 10px; + line-height: 20px; + font-size: 16px; + font-weight: bold; + color: var(--theme-color); +} + +.post-title:hover, +.post-title:focus, +.news-title:hover, +.news-title:focus { + color: var(--theme-color); +} + +.post-date, +.news-date { + display: block; + margin: 0 0 15px; + background-color: #f6f6f6; + padding: 10px; + font-style: italic; + color: #444; +} + +.post-body, +.news-body { + margin: 0 0 20px; + padding: 0 10px; + line-height: 22px; +} + +.blog-page .tags, +.blogpost-page .tags { + margin: 0 0 15px; + overflow: hidden; + padding: 0 10px; +} + +.blog-page .tags label, +.blogpost-page .tags label { + display: inline-block; + margin: 0 0 3px 3px; + font-weight: bold; + color: #444; +} + +.blog-page .tags ul, +.blogpost-page .tags ul { + display: inline-block; + margin: 0 3px 3px 0; + font-size: 0; +} + +.blog-page .tags li, +.blogpost-page .tags li { + display: inline-block; + font-size: 14px; /*reset zeroing*/ +} + +.blog-page .tags li.separator, +.blogpost-page .tags li.separator { + margin: 0 0 0 8px; +} + +.blog-page .tags a, +.blogpost-page .tags a { + display: block; + color: var(--theme-color); +} + +.blog-page .tags a:hover, +.blog-page .tags a:focus, +.blogpost-page .tags a:hover, +.blogpost-page .tags a:focus { + text-decoration: underline; +} + +.blog-posts .buttons, +.news-items .buttons { + margin: 0; + padding: 0 10px; +} + +.blog-posts .buttons .read-comments { + display: block; + margin: 0 0 15px; + font-weight: bold; + color: #444; +} + +.blog-posts .buttons .read-comments:hover, +.blog-posts .buttons .read-comments:focus { + color: var(--theme-color); +} + +.blog-posts .buttons .read-more, +.news-items .buttons .read-more { + display: inline-block; + border: none; + background-color: var(--theme-color); + padding: 10px 20px; + font-size: 12px; + color: #fff; + text-transform: uppercase; + border-radius: var(--theme-border-radius); +} + +.blog-posts .buttons .read-more:hover, +.blog-posts .buttons .read-more:focus, +.news-items .buttons .read-more:hover, +.news-items .buttons .read-more:focus { + background-color: var(--active-color); +} + +.new-comment { + margin: 50px 0 60px; +} + +.new-comment .notifications { + margin: 0 0 10px; +} + +.new-comment .result { + color: #690; +} + +.new-comment .form-fields { + margin: 0 0 20px; +} + +.new-comment .button-1 { + border: none; + background-color: var(--theme-color); + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.new-comment .button-1:hover, +.new-comment .button-1:focus { + background-color: var(--active-color); +} + +.comment-list { + margin: 0 0 100px; +} + +.comment-list .title { + margin: 0 0 15px; + padding: 0 10px; + font-size: 20px; + color: #444; +} + +.comment-list .title strong { + font-weight: normal; +} + +.comment-list .comment { + margin: 0 0 40px; + border-top: 1px solid #ddd; +} + +.comment-list .comment:after { + content: ""; + display: block; + clear: both; +} + +.comment-info { + width: 150px; + margin: 20px auto; +} + +.comment-info .username { + display: block; + margin: 0 0 -1px; + border: 1px solid #ddd; + background-color: #f6f6f6; + padding: 11px 0; + font-weight: bold; + color: #444; +} + +.comment-info a.username:hover, +.comment-info a.username:focus { + color: var(--theme-color); +} + +.comment-info .avatar { + position: relative; + width: 150px; + height: 150px; + border: 1px solid #ddd; + overflow: hidden; +} + +.comment-info .avatar img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + max-width: 100%; + max-height: 100%; + margin: auto; + border: solid 2px #CEDBE1 !important; +} + +.comment-time { + margin: 0 0 15px; + font-size: 13px; + font-weight: bold; +} + +.comment-time span { + color: #444; +} + +.comment-title { + margin: 0 0 15px; + font-size: 16px; + color: #444; +} + +.comment-body { + line-height: 22px; +} + +.news-list-homepage { + margin: 0 0 75px; +} + +.news-list-homepage .title { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + padding: 0 0 15px; + font-size: 30px; + font-weight: 700; + color: var(--dark); + text-transform: uppercase; +} + +.news-list-homepage .title strong { + color: var(--dark); + text-transform: uppercase; +} + +.news-list-homepage .view-all { + text-align: center; +} + +.news-list-homepage .view-all a { + color: #444; + text-decoration: underline; +} + +.news-list-homepage .view-all a:hover, +.news-list-homepage .view-all a:focus { + color: var(--theme-color); +} + + +/*** FORUM & PROFILE ***/ + + + +.forums-main-page .topic-block { + margin: 0 0 35px; + text-align: center; +} + +.forums-main-page .topic-block p { + text-align: center; +} + +.forums-main-page .pager { + display: none; +} + +.forum-breadcrumb { + margin: 0 0 40px; +} + +.forums-header { + margin: 0 0 50px; + overflow: hidden; +} + +.forums-header:after { + content: ""; + display: block; + clear: both; +} + +.forums-header .current-time { + margin: 0 0 15px; + color: #444; +} + +.forum-search-box .basic { + overflow: hidden; + margin: 0 0 10px; +} + +.forum-search-box .advanced a { + line-height: 22px; + color: #444; + text-decoration: underline; +} + +.forum-search-box .advanced a:hover, +.forum-search-box .advanced a:focus { + color: var(--theme-color); +} + +.forum-search-page .page-title { + margin: 0 0 -1px; +} + +.forum-search-page .search-error, +.forum-search-page .no-result { + margin: 0 0 15px; + text-align: center; + color: #e4434b; +} + +/* forum group */ + +.forums-table-section { + margin: 0 0 60px; +} + +.forums-table-section + .pager { + margin: -30px 0 30px; +} + +.forums-table-section-title { + margin: 0 0 15px; + padding: 0 10px; +} + +.forums-table-section-title a, +.forums-table-section-title strong { + font-size: 22px; + font-weight: normal; + color: #444; +} + +.forums-table-section-title a:hover, +.forums-table-section-title a:focus { + color: var(--theme-color); +} + +.forums-table-section .image div { + width: 38px; + height: 32px; + margin: auto; + background: url('../images/topic-type1.png') center no-repeat; +} + +.forums-table-section .image div.sticky { + background: url('../images/topic-type2.png') center no-repeat; +} + +.forums-table-section .image div.announcement { + background: url('../images/topic-type3.png') center no-repeat; +} + +.forums-table-section .forum-title, +.forums-table-section .topic-title { + margin: 5px 0; +} + +.forums-table-section .forum-title a, +.forums-table-section .topic-title a { + font-size: 16px; + font-weight: bold; + color: #444; +} + +.forums-table-section .forum-title a:hover, +.forums-table-section .forum-title a:focus, +.forums-table-section .topic-title a:hover, +.forums-table-section .topic-title a:focus { + color: var(--theme-color); + text-decoration: none; +} + +.forums-table-section .topic-title span { + display: block; + color: #777; +} + +.forums-table-section .forum-description, +.forums-table-section .topic-starter { + margin: 5px 0; +} + +.forums-table-section .latest-post { + white-space: nowrap; +} + +.forums-table-section .latest-post div { + margin: 5px 0; +} + +.forums-table-section .latest-post label { + color: #777; +} + +.forums-table-section .view-all { + margin: 30px 0 0; + padding: 0 10px; +} + +.forums-table-section .view-all a { + background-color: var(--theme-color); + padding: 10px 15px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.forums-table-section .view-all a:hover, +.forums-table-section .view-all a:focus { + background-color: var(--active-color); +} + +/* forum-page, topic page */ + +.forum-page .forum-info { + margin: 0 0 30px; +} + +.forum-page .forum-name, +.forum-topic-page .topic-name { + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 0 10px 10px; +} + +.forum-page .forum-name h1, +.forum-topic-page .topic-name h1 { + font-size: 30px; + font-weight: normal; +} + +.forum-actions, +.topic-actions { + margin: 0 0 30px; + font-size: 0; +} + +.forum-actions .actions a, +.topic-actions .actions a { + display: inline-block; + margin: 1px; + padding: 10px 33px 10px 10px; + font-size: 14px; +} + +.forum-actions .actions .new-topic { + background: #eee url('../images/new.png') right center no-repeat; +} + +.forum-actions .actions .watch-forum, +.topic-actions .actions .watch-forum { + background: #eee url('../images/watch.png') right center no-repeat; +} + +.forum-actions .actions a:hover, +.forum-actions .actions a:focus, +.topic-actions .actions a:hover, +.topic-actions .actions a:focus { + background-color: #e6e6e6; +} + +.forum-actions .pager.upper, +.topic-actions .pager.upper { + display: none; + margin: 0; +} + +.topic-actions .reply-topic-button { + background: #eee url('../images/reply.png') right center no-repeat; +} + +.topic-actions .watch-topic-button { + background: #eee url('../images/watch.png') right center no-repeat; +} + +.topic-actions .move-topic-button { + background: #eee url('../images/move.png') right center no-repeat; +} + +.topic-actions .edit-topic-button { + background: #eee url('../images/edit_.png') right center no-repeat; +} + +.topic-actions .delete-topic-button { + background: #eee url('../images/remove_.png') right center no-repeat; +} + +.topic-actions.lower .actions { + display: none; +} + +.active-discussions-page .forums-table-section-title { + margin: 0 0 25px; + border-bottom: 1px solid #ddd; + padding: 0 10px 10px; +} + +.active-discussions-page .forums-table-section-title strong { + font-size: 30px; + font-weight: normal; +} + +.active-discussions-page .forums-table-section-body { + margin: 0 0 20px; +} + +/* topic post */ + +.topic-post { + margin: 0 0 30px; + border-top: 1px solid #ddd; +} + +.topic-post:last-child { + border-bottom: 1px solid #ddd; +} + +.topic-post:after { + content: ""; + display: block; + clear: both; +} + +.topic-post .post-info { + margin: 30px 0; +} + +.topic-post .user-info { + width: 150px; + margin: 0 auto 15px +} + +.topic-post .username { + display: block; + margin: 0 0 -1px; + border: 1px solid #ddd; + background-color: #f6f6f6; + padding: 11px 0; + font-weight: bold; + color: #444; +} + +.topic-post a.username:hover, +.topic-post a.username:focus { + color: var(--theme-color); +} + +.topic-post .avatar, +.profile-info-box .avatar { + position: relative; + width: 150px; + height: 150px; + border: 1px solid #ddd; + overflow: hidden; +} + +.topic-post .avatar img, +.profile-info-box .avatar img { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + max-width: 100%; + max-height: 100%; + margin: auto; +} + +.topic-post .avatar img { + border: solid 2px #CEDBE1 !important; +} + +.topic-post .user-stats { + margin: 0 0 15px; +} + +.topic-post .user-stats li { + display: inline-block; + margin: 0 10px; +} + +.topic-post .user-stats span, +.profile-info-box .profile-stats span { + margin: 0 3px 0 0; + font-weight: bold; + color: #444; +} + +.topic-post .pm-button, +.profile-info-box .pm-button { + display: inline-block; + border: none; + background-color: #888; + padding: 10px 20px; + font-size: 12px; + color: #fff; + text-transform: uppercase; +} + +.topic-post .pm-button:hover, +.topic-post .pm-button:focus, +.profile-info-box .pm-button:hover, +.profile-info-box .pm-button:focus { + background-color: #999; +} + +.topic-post .post-time { + margin: 0 0 15px; + background-color: #f6f6f6; + padding: 10px 15px; + font-size: 13px; + font-weight: bold; +} + +.topic-post .post-time span { + color: #444; +} + +.topic-post .post-actions { + margin: 0 0 15px; + font-size: 0; +} + +.topic-post .post-actions > div { + display: inline-block; +} + +.topic-post .post-actions a { + display: inline-block; + margin: 1px 5px; + font-size: 14px; +} + +.topic-post .post-actions .edit-post-button, +.topic-post .post-actions .delete-post-button { + padding: 10px 33px 10px 10px; +} + +.topic-post .post-actions .edit-post-button { + background: url('../images/edit_.png') right center no-repeat; +} + +.topic-post .post-actions .delete-post-button { + background: url('../images/remove_.png') right center no-repeat; +} + +.topic-post .post-actions .edit-post-button:hover, +.topic-post .post-actions .edit-post-button:focus, +.topic-post .post-actions .delete-post-button:hover, +.topic-post .post-actions .delete-post-button:focus { + color: var(--theme-color); +} + +.topic-post .post-actions .post-link-button { + padding: 10px; + font-weight: bold; + color: var(--theme-color); +} + +.topic-post .post-actions .post-link-button:hover, +.topic-post .post-actions .post-link-button:focus { + text-decoration: underline; +} + +.topic-post .post-actions .quote-post-button { + background-color: #888; + padding: 10px 20px; + color: #fff; +} + +.topic-post .post-actions .quote-post-button:hover, +.topic-post .post-actions .quote-post-button:focus { + background-color: #999; + color: #fff; +} + +.topic-post .post-text { + /*topic post-text also gets style from blog post-body*/ + padding: 0 10px 20px; + line-height: 22px; + color: #444; + margin-bottom: 0; +} + +.topic-post .post-vote { + text-align: center; + display: table; + margin: 0 auto 20px; +} + +.topic-post .user-posted-image, +.latest-posts .user-posted-image { + max-width: 100%; + height: auto; +} + +.topic-post .quote, +.latest-posts .quote { + margin: 10px 0; + border: 1px dashed #ccc; + background-color: #f9f9f9; + padding: 10px; + color: #777; +} + +.topic-post .signature { + border-top: 1px solid #ddd; + padding: 20px; + font-size: 13px; + font-style: italic; + clear: both; +} + +.topic-post .post-vote span.vote { + cursor: pointer; + display: block; + width: 40px; + height: 24px; +} + +.topic-post .post-vote span.up { + background: url('../images/vote-up.png') no-repeat 50% 50%; +} + +.topic-post .post-vote span.vote.up.selected { + background: url('../images/vote-up-selected.png') no-repeat 50% 50%; +} + +.topic-post .post-vote span.down { + background: url('../images/vote-down.png') no-repeat 50% 50%; +} + +.topic-post .post-vote span.vote.down.selected { + background: url('../images/vote-down-selected.png') no-repeat 50% 50%; +} + +.topic-post .vote-count-post { + display: block; + font-size: 160%; +} +/* forum edit & send message */ + +.forum-edit-page .page-title, +.move-topic-page .page-title, +.private-message-send-page .page-title { + margin: 0 0 -1px; +} + +.move-topic-page label { + white-space: normal; +} + +.forum-edit-page .message-error, +.private-message-send-page .message-error { + margin: 20px 0; +} + +.forum-edit-page .inputs strong { + display: inline-block; + max-width: 400px; + font-size: 22px; /*reset zeroing*/ + font-weight: normal; + color: #444; + white-space: normal; +} + +.forum-edit-page .inputs .topic-subject { + font-size: 17px; +} + +.forum-edit-page .inputs.reversed { + margin: 0; +} + +.forum-edit-page .inputs.reversed label { + width: auto; + margin: 5px; + font-size: 14px; /*reset zeroing*/ + white-space: normal; +} + +.forum-edit-page .bb-code-editor-wrapper, +.private-message-send-page .bb-code-editor-wrapper { + max-width: 400px; + margin: 20px auto; + background-color: #ddd; + padding: 10px; +} + +.forum-edit-page .toolbar .button, +.private-message-send-page .toolbar .button { + margin: 0 0 0 2px; + border: #cec6b5 1px solid; + padding: 2px; +} + +.forum-edit-page .toolbar .button:hover, +.forum-edit-page .toolbar .button:focus, +.private-message-send-page .toolbar .button:hover, +.private-message-send-page .toolbar .button:focus { + border: #333 1px solid; +} + +.forum-edit-page textarea, +.private-message-send-page textarea { + display: block; + margin: auto; +} + +.forum-edit-page .buttons button, +.move-topic-page .buttons button, +.private-messages .buttons button { + min-width: 140px; + border: none; + background-color: #999; + padding: 10px 30px; + text-align: center; + font-size: 15px; + color: #fff; + text-transform: uppercase; +} + +.forum-edit-page .buttons button:hover, +.forum-edit-page .buttons button:focus, +.move-topic-page .buttons button:hover, +.move-topic-page .buttons button:focus, +.private-messages .buttons button:hover, +.private-messages .buttons button:focus { + background-color: #888; +} + +.forum-edit-page .buttons .button-1, +.move-topic-page .buttons .button-1, +.private-messages .buttons .button-1 { + background-color: var(--theme-color); +} + +.forum-edit-page .buttons .button-1:hover, +.forum-edit-page .buttons .button-1:focus, +.move-topic-page .buttons .button-1:hover, +.move-topic-page .buttons .button-1:focus, +.private-messages .buttons .button-1:hover, +.private-messages .buttons .button-1:focus { + background-color: var(--active-color); +} + +.private-message-send-page a { + font-size: 14px; + color: var(--theme-color); +} + +.private-message-send-page span { + font-size: 14px; +} + +/* jQuery tabs */ + +.ui-tabs { + /*override jQuery UI styles, do not delete doubled properties*/ + border: none; + border-radius: 0; + background: none; + padding: 0; + font: normal 14px Arial, Helvetica, sans-serif; + color: #777; +} + +.ui-widget.ui-widget-content.ui-tabs { + border: none; +} + +.ui-tabs-nav { + margin: 0 0 30px; + border-bottom: 1px solid #ddd; + overflow: hidden; + font-size: 0; + /*override jQuery UI styles, do not delete doubled properties*/ + margin: 0 0 30px !important; + border-width: 0 0 1px; + border-radius: 0; + background: none; + padding: 0 !important; + line-height: normal; + font-weight: normal; + color: #444; +} + +.ui-tabs-nav li { + margin: 0 0 -1px; + /*override jQuery UI styles, do not delete doubled properties*/ + float: none !important; + margin: 0 0 -1px !important; + border: none !important; + border-radius: 0; + background: none !important; + padding: 0 !important; +} + +.ui-tabs-nav li a { + display: block; + border: 1px solid #ddd; + padding: 12px 24px; + text-align: center; + font-size: 18px; + color: #444; + /*override jQuery UI styles, do not delete doubled properties*/ + float: none !important; + padding: 12px 24px !important; +} + +.ui-tabs-nav li.ui-state-active a { + background-color: #eee; + color: var(--theme-color); +} + +.ui-tabs-panel { + /*override jQuery UI styles, do not delete doubled properties*/ + padding: 0 !important; +} + +/* inbox & view message */ + +.private-messages-page .table-wrapper, +.private-message-view-page .view-message { + margin: 0 0 30px; +} + +.private-messages-page th.select { + text-align: center; +} + +.private-messages-page td.from, +.private-messages-page td.to, +.private-messages-page td.subject { + min-width: 150px; +} + +.private-messages-page td.date { + white-space: nowrap; +} + +.private-messages-page td.subject a { + color: #444; +} + +.private-messages-page td.subject a.pm-unread { + color: var(--theme-color); +} + +.private-messages-page .pager { + margin: 0 0 30px; +} + +.private-messages-page .buttons, +.private-message-view-page .buttons { + font-size: 0; +} + +.private-messages-page .buttons .button-1, +.private-messages-page .buttons .button-2, +.private-message-view-page .buttons .button-1, +.private-message-view-page .buttons .button-2 { + display: block; + width: 250px; + margin: 0 auto 3px; + font-size: 15px; /*reset zeroing*/ +} + +.private-messages-page .no-items { + padding: 20px; + text-align: center; +} + +.private-message-view-page .view-message { + margin: 0 0 30px; +} + +.private-message-view-page .message-head { + margin: 0 0 20px; + line-height: 22px; +} + +.private-message-view-page .message-head span { + font-weight: bold; + color: #444; +} + +.private-message-view-page .message-body { + border-top: 1px solid #ddd; + background-color: #f9f9f9; + padding: 30px 20px; + line-height: 22px; + text-align: justify; +} + +.private-message-view-page .back-pm-button { + text-transform: capitalize !important; +} + +/* profile page */ + +.profile-info-box { + overflow: hidden; + /*override jQuery UI styles, do not delete doubled properties*/ + line-height: normal; + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; + color: #777; +} + +.profile-info-box .user-details { + margin: 0 0 30px; +} + +.profile-info-box .avatar { + margin: 0 auto 15px; +} + +.profile-info-box .title { + margin: 0 0 10px; + font-size: 18px; + color: #444; +} + +.profile-info-box .stats { + margin: 0 0 15px; +} + +.latest-posts { + /*override jQuery UI styles, do not delete doubled properties*/ + line-height: normal; + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; + color: #777; +} + +.latest-posts .topic { + margin: 0 0 35px; +} + +.latest-posts .topic-title { + margin: 0 0 20px; + border-top: 1px solid #ddd; + background: #f6f6f6; + padding: 10px; + font-size: 16px; +} + +.latest-posts .topic-title a { + font-weight: bold; + color: #444; +} + +.latest-posts .topic-title a:hover, +.latest-posts .topic-title a:focus { + color: var(--theme-color); +} + +.latest-posts .topic-body { + margin: 0 0 15px; + line-height: 22px; +} + +.latest-posts .topic-data { + color: #444; +} + +/* BB codes */ + +.csharpcode { + margin: 10px 0; + border: 1px dashed #ccc; + background-color: #fff; + padding: 10px; + font-family: "Courier New", Courier, monospace; + color: #000; + + white-space: pre-wrap; + word-wrap: break-word; +} + +.csharpcode .rem { + color: green; +} + +.csharpcode .kwrd { + color: #00f; +} + +.csharpcode .str { + color: #006080; +} + +.csharpcode .op { + color: #00c; +} + +.csharpcode .preproc { + color: #c63; +} + +.csharpcode .asp { + background-color: #ff0; +} + +.csharpcode .html { + color: maroon; +} + +.csharpcode .attr { + color: red; +} + +.csharpcode .alt { + width: 100%; + margin: 0; + background-color: #f6f6f6; +} + +.csharpcode .lnum { + color: #666; +} + +.swiper { + width: 100%; + height: 100%; +} + +.swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + /* Center slide text vertically */ + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} + +.swiper-pagination-bullet-active { + padding: 5px; + background-color: var(--theme-color); +} + +a.skip { + position: absolute; + top: -1000px; + right: -1000px; + height: 1px; + width: 1px; + text-align: right; + overflow: hidden; +} + +a.skip:active, +a.skip:focus, +a.skip:hover { + position: initial; + top: 0; + right: 0; + display: block; + height: auto; + margin: 3px 0; + overflow: visible; + padding: 2px; + color: #444444; + background: #ffffff; + text-decoration: underline; + text-align: center; + width: 100%; + font-size: 16px; +} +.nopstation-logo { + object-fit: scale-down; + vertical-align: middle; +} diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/Antonio-VariableFont_wght.ttf b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/Antonio-VariableFont_wght.ttf new file mode 100644 index 00000000..27615c33 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/Antonio-VariableFont_wght.ttf differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/FontAwesome.otf b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/FontAwesome.otf new file mode 100644 index 00000000..401ec0f3 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/FontAwesome.otf differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.eot b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.eot new file mode 100644 index 00000000..e9f60ca9 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.eot differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.svg b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.svg new file mode 100644 index 00000000..855c845e --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.ttf b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.ttf new file mode 100644 index 00000000..35acda2f Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.ttf differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.woff b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.woff new file mode 100644 index 00000000..400014a4 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.woff differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.woff2 b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.woff2 new file mode 100644 index 00000000..4d13fc60 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/fonts/fontawesome-webfont.woff2 differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/ajax-loader-small.gif b/Presentation/Nop.Web/Themes/CarHaven/Content/images/ajax-loader-small.gif new file mode 100644 index 00000000..d0bce154 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/ajax-loader-small.gif differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/back-button.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/back-button.png new file mode 100644 index 00000000..ce81fba9 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/back-button.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/calendar-next.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/calendar-next.png new file mode 100644 index 00000000..a121a2ae Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/calendar-next.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/calendar-prev.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/calendar-prev.png new file mode 100644 index 00000000..6f743b9a Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/calendar-prev.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/close.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/close.png new file mode 100644 index 00000000..ead9405d Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/close.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/compare-button.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/compare-button.png new file mode 100644 index 00000000..b7e769eb Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/compare-button.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/designed-by-nopstation.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/designed-by-nopstation.png new file mode 100644 index 00000000..92acc74c Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/designed-by-nopstation.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/designed_by_nopStation.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/designed_by_nopStation.png new file mode 100644 index 00000000..38e9938d Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/designed_by_nopStation.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/details.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/details.png new file mode 100644 index 00000000..4322f381 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/details.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/discontinued-product-icon.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/discontinued-product-icon.png new file mode 100644 index 00000000..66314b8e Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/discontinued-product-icon.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/download-button.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/download-button.png new file mode 100644 index 00000000..9653a71b Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/download-button.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/edit.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/edit.png new file mode 100644 index 00000000..70b8017f Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/edit.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/edit_.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/edit_.png new file mode 100644 index 00000000..05231f20 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/edit_.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/email-button.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/email-button.png new file mode 100644 index 00000000..544baf05 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/email-button.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/eye-closed.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/eye-closed.png new file mode 100644 index 00000000..e9d3d06e Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/eye-closed.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/eye.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/eye.png new file mode 100644 index 00000000..0d58a651 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/eye.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/faded-nopStation-logo.webp b/Presentation/Nop.Web/Themes/CarHaven/Content/images/faded-nopStation-logo.webp new file mode 100644 index 00000000..38e5331c Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/faded-nopStation-logo.webp differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/first.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/first.png new file mode 100644 index 00000000..e153c815 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/first.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/footer-bg-tyre.jpg b/Presentation/Nop.Web/Themes/CarHaven/Content/images/footer-bg-tyre.jpg new file mode 100644 index 00000000..39677425 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/footer-bg-tyre.jpg differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/footer_bg.jpg b/Presentation/Nop.Web/Themes/CarHaven/Content/images/footer_bg.jpg new file mode 100644 index 00000000..faf08fe6 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/footer_bg.jpg differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/last.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/last.png new file mode 100644 index 00000000..fe4685b1 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/last.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/loading.gif b/Presentation/Nop.Web/Themes/CarHaven/Content/images/loading.gif new file mode 100644 index 00000000..e552f291 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/loading.gif differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/logo.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/logo.png new file mode 100644 index 00000000..118d841b Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/logo.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/menu-icon.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/menu-icon.png new file mode 100644 index 00000000..c19e6288 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/menu-icon.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/move.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/move.png new file mode 100644 index 00000000..6c44acb5 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/move.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/new.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/new.png new file mode 100644 index 00000000..a78097af Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/new.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/next.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/next.png new file mode 100644 index 00000000..59424d63 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/next.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/pointer.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/pointer.png new file mode 100644 index 00000000..0c07ac97 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/pointer.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/prev.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/prev.png new file mode 100644 index 00000000..ecb79df2 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/prev.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/rating1.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/rating1.png new file mode 100644 index 00000000..402c1fc2 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/rating1.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/rating2.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/rating2.png new file mode 100644 index 00000000..8f546df3 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/rating2.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/remove.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/remove.png new file mode 100644 index 00000000..146f02bb Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/remove.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/remove_.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/remove_.png new file mode 100644 index 00000000..bc362d76 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/remove_.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/reply.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/reply.png new file mode 100644 index 00000000..ae9b97dc Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/reply.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/retry.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/retry.png new file mode 100644 index 00000000..99521aef Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/retry.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/return.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/return.png new file mode 100644 index 00000000..029e5a15 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/return.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/rss.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/rss.png new file mode 100644 index 00000000..787a5296 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/rss.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/shipping.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/shipping.png new file mode 100644 index 00000000..f9c286f5 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/shipping.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/shopping-bag.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/shopping-bag.png new file mode 100644 index 00000000..c78420b4 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/shopping-bag.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/social-sprite.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/social-sprite.png new file mode 100644 index 00000000..6c54f84d Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/social-sprite.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/subscribe-button.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/subscribe-button.png new file mode 100644 index 00000000..4ca91d55 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/subscribe-button.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/supported-cards.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/supported-cards.png new file mode 100644 index 00000000..2b395a50 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/supported-cards.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-black.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-black.png new file mode 100644 index 00000000..5a82fbce Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-black.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-dark.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-dark.png new file mode 100644 index 00000000..0d2491db Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-dark.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-gray.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-gray.png new file mode 100644 index 00000000..7c44e6b5 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-gray.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-white.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-white.png new file mode 100644 index 00000000..a4d727fb Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/toggle-white.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type1.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type1.png new file mode 100644 index 00000000..c595a40f Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type1.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type2.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type2.png new file mode 100644 index 00000000..cc1ac75c Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type2.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type3.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type3.png new file mode 100644 index 00000000..85b52bef Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/topic-type3.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/view-grid.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/view-grid.png new file mode 100644 index 00000000..19de8e20 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/view-grid.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/view-list.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/view-list.png new file mode 100644 index 00000000..53d2c0ea Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/view-list.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-down-selected.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-down-selected.png new file mode 100644 index 00000000..dafc7768 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-down-selected.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-down.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-down.png new file mode 100644 index 00000000..3861e7a8 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-down.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-up-selected.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-up-selected.png new file mode 100644 index 00000000..387c62d9 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-up-selected.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-up.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-up.png new file mode 100644 index 00000000..3e00c778 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/vote-up.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/watch.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/watch.png new file mode 100644 index 00000000..39f64c61 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/watch.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Cinnamon.jpg b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Cinnamon.jpg new file mode 100644 index 00000000..09f17b96 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Cinnamon.jpg differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Cumin.jpg b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Cumin.jpg new file mode 100644 index 00000000..5afa0c48 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Cumin.jpg differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Paprika.jpg b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Paprika.jpg new file mode 100644 index 00000000..36b6c720 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Paprika.jpg differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Turmeric.jpg b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Turmeric.jpg new file mode 100644 index 00000000..5ef222e7 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/widget-push/Turmeric.jpg differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/images/wishlist-button.png b/Presentation/Nop.Web/Themes/CarHaven/Content/images/wishlist-button.png new file mode 100644 index 00000000..e41d9576 Binary files /dev/null and b/Presentation/Nop.Web/Themes/CarHaven/Content/images/wishlist-button.png differ diff --git a/Presentation/Nop.Web/Themes/CarHaven/Content/widgetPushHtml/Features.html b/Presentation/Nop.Web/Themes/CarHaven/Content/widgetPushHtml/Features.html new file mode 100644 index 00000000..c8c4e045 --- /dev/null +++ b/Presentation/Nop.Web/Themes/CarHaven/Content/widgetPushHtml/Features.html @@ -0,0 +1,49 @@ + + +
+ + +
+ Experience top-tier acceleration and control with our advanced automobile technology.
+
+ Equipped with AI-powered braking, lane assistance, and 360-degree cameras.
+
+ Premium leather seats, ambient lighting, and state-of-the-art infotainment system.
+
+ Our hybrid & electric models reduce emissions while maximizing efficiency.
+
+ For 25 years, we’ve set the standard in used car retailing with one of the most trusted vehicle programs. Our commitment to quality means every car undergoes a rigorous inspection, ensuring reliability and peace of mind. +
++ From family cars to luxury rides, we have options for every budget. Visit us today and let us help you find the perfect car! +
+ +