/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- Mobile ----------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Text Serif ------------------------------- Responsive Helpers ----------------------- Custom Scrollbar ------------------------- Animations ------------------------------- No Scroll -------------------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Header Fixed ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 05. Header Mobile ---------------------------- Tablet Portrait -------------------------- 06. Main ------------------------------------- 07. Shell ------------------------------------ Tablet Portrait -------------------------- 08. Sidebar ---------------------------------- 09. Wrapper ---------------------------------- Tablet Portrait -------------------------- III. Modules -------------------------------------- 01. Article ---------------------------------- Mobile ----------------------------------- 02. Article Block ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Article Alt ------------------------------ Mobile ----------------------------------- 04. Bag -------------------------------------- Bag Empty -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Bio -------------------------------------- Mobile ----------------------------------- 06. Blog Block ------------------------------- Mobile ----------------------------------- 07. Blogs ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 08. Blog ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 09. Button ----------------------------------- Small Desktop ---------------------------- Button Block ----------------------------- Button Outline --------------------------- Button Dark ------------------------------ 10. Button Search ---------------------------- 11. Button Bag ------------------------------- 12. Button Bag Mobile ------------------------ 13. Button Nav ------------------------------- 14. Button Top ------------------------------- 15. Button Top Mobile ------------------------ 16. Callout ---------------------------------- Mobile ----------------------------------- 17. Callout Primary -------------------------- Mobile ----------------------------------- 18. Callout Secondary ------------------------ Mobile ----------------------------------- 19. Callout Tertiary ------------------------- Callout Tertiary Alt --------------------- Mobile ----------------------------------- 20. Callout Quaternary ----------------------- Mobile ----------------------------------- 21. Callout Quinary -------------------------- Mobile ----------------------------------- 22. Category --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 23. Chat ------------------------------------- 24. Comments --------------------------------- Mobile ----------------------------------- 25. Event ------------------------------------ Mobile ----------------------------------- 26. Form Elements ---------------------------- 27. Form ------------------------------------- Mobile ----------------------------------- 28. Form Add to Bag -------------------------- Gift ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 29. Form Sign In ----------------------------- 30. Form Product Details --------------------- Mobile ----------------------------------- 31. Form Gift Card --------------------------- Tablet Portrait -------------------------- 32. How To ----------------------------------- Tablet Portrait -------------------------- 33. Instagram -------------------------------- Mobile ----------------------------------- 34. List ------------------------------------- 35. List Radios ------------------------------ List-Radios-primary ---------------------- Mobile ----------------------------------- 36. List Filters ----------------------------- Mobile ----------------------------------- 37. list-style ------------------------------- Mobile ----------------------------------- 38. Logo ------------------------------------- 39. Masonry ---------------------------------- Mobile ----------------------------------- 40. Mini Bag --------------------------------- Mini Bag Static -------------------------- 41. My Order --------------------------------- Mobile ----------------------------------- 42. Nav -------------------------------------- 43. Nav Utilities ---------------------------- Tablet Portrait -------------------------- 44. Nav Mobile ------------------------------- 45. Nav Mobile Secondary --------------------- 46. Nav Products ----------------------------- 47. Nav Sections ----------------------------- 48. Popup ------------------------------------ Mobile ----------------------------------- 49. Product ---------------------------------- Product Large ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 50. Product Callout -------------------------- Mobile ----------------------------------- 51. Product Tips ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 52. Products --------------------------------- Mobile ----------------------------------- 53. Product Single --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 54. Product Details -------------------------- Product Details Primary ------------------ Product Details Secondary ---------------- Product Details Tertiary ----------------- Product Details Quaternary --------------- Mobile ----------------------------------- 55. Quote ------------------------------------ Mobile ----------------------------------- 56. Results ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 57. Review ----------------------------------- Mobile ----------------------------------- 58. Search ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 59. Search Alt ------------------------------- Mobile ----------------------------------- 60. Search Primary --------------------------- Tablet Portrait -------------------------- 61. Section ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 62. Section Alt ------------------------------ Mobile ----------------------------------- 63. Section Search --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 64. Section Callouts ------------------------- Mobile ----------------------------------- 65. Section Picks ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 66. Section Products ------------------------- Gift ------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Gift ------------------------------------- Mobile ----------------------------------- Gift ------------------------------------- 67. Section Top Rated ------------------------ Mobile ----------------------------------- 68. Section Checkout ------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 69. Section Product -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 70. Section Product Details ------------------ Mobile ----------------------------------- 71. Section How To --------------------------- Mobile ----------------------------------- 72. Section Reviews -------------------------- Mobile ----------------------------------- 73. Section Stain Guide ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 74. Section Article -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 75. Section Index ---------------------------- Mobile ----------------------------------- 76. Section Services ------------------------- Mobile ----------------------------------- 77. Section Videos --------------------------- Mobile ----------------------------------- 78. Section Categories ----------------------- Mobile ----------------------------------- 79. Section Coming Up ------------------------ Mobile ----------------------------------- 80. Section Search Results ------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 81. Section Blog ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 82. Section About ---------------------------- Section About Utility -------------------- Mobile ----------------------------------- 83. Section Comments ------------------------- 84. Section My Orders ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 85. Service ---------------------------------- Tablet Portrait -------------------------- 86. Slider ----------------------------------- Mobile ----------------------------------- 87. Slider Secondary ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 88. Slider Products -------------------------- Mobile ----------------------------------- 89. Slider Top Rated ------------------------- Mobile ----------------------------------- 90. Slider Videos ---------------------------- Tablet Portrait -------------------------- 91. Slider Stories --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 92. Slider QA -------------------------------- Mobile ----------------------------------- 93. Store ------------------------------------ Mobile ----------------------------------- 94. Subscribe -------------------------------- Subscribe Alt ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 95. Table Orders ----------------------------- Mobile ----------------------------------- 96. Tabs ------------------------------------- Mobile ----------------------------------- 97. Widget ----------------------------------- IV. Themes --------------------------------------- 01. Formstone Dropdown ----------------------- Mobile ----------------------------------- 02. Magnific --------------------------------- Mobile ----------------------------------- 03. jQuery UI -------------------------------- Tablet Portrait -------------------------- 04. DatePicker ------------------------------- */ .untitled-1 { background-image: url(../css/images/sprite.png); background-position: -222px -164px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-account { background-image: url(../css/images/UpdatedAccount-2-10.svg); background-position: center; background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-account-mobile { background-image: url(../css/images/UpdatedAccount-2-10.svg); background-position: center; background-size: contain; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-down { background-image: url(../css/images/sprite.png); background-position: -198px -164px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left { background-image: url(../css/images/sprite.png); background-position: -37px -194px; width: 4px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-next-white { background-image: url(../css/images/sprite.png); background-position: -173px -70px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-next { background-image: url(../css/images/sprite.png); background-position: -164px -106px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-prev-white { background-image: url(../css/images/sprite.png); background-position: -173px -87px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-prev { background-image: url(../css/images/sprite.png); background-position: -101px -106px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right { background-image: url(../css/images/sprite.png); background-position: -29px -194px; width: 4px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-top { background-image: url(../css/images/sprite.png); background-position: -237px -61px; width: 7px; height: 4px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-up { background-image: url(../css/images/sprite.png); background-position: -205px -123px; width: 16px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bag { background-image: url(../css/images/ico-bag-2-white.svg); width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bag-hover, a:hover .ico-bag, button:hover .ico-bag, a.hover .ico-bag, button.hover .ico-bag, .ico-bag.hover { background-image: url(../css/images/ico-bag-2-black.svg); width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bag-mobile { background: url(../css/images/ico-bag-2-white.svg) no-repeat 0 0; background-size: contain; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chat-white { background-image: url(../css/images/sprite.png); background-position: -97px -164px; width: 15px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-chat { background-image: url(../css/images/sprite.png); background-position: -186px -123px; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-alt { background-image: url(../css/images/sprite.png); background-position: 0 -164px; width: 26px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-white { background-image: url(../css/images/sprite.png); background-position: -30px -164px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-downvote { background-image: url(../css/images/sprite.png); background-position: -225px -123px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email-alt { background-image: url(../css/images/sprite.png); background-position: -101px -123px; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook-alt { background-image: url(../css/images/sprite.png); background-position: -17px -194px; width: 8px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(../css/images/sprite.png); background-position: -237px -44px; width: 6px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-instagram { background-image: url(../css/images/sprite.png); background-position: -152px -164px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-nav-bars { background-image: url(images/ico-nav-bars-2.svg); width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-nav-close { background-image: url(../css/images/sprite.png); background-position: -148px -123px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pinterest-alt { background-image: url(../css/images/sprite.png); background-position: 0 -194px; width: 13px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pinterest { background-image: url(../css/images/sprite.png); background-position: -169px -164px; width: 10px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play { background-image: url(../css/images/sprite.png); background-position: 0 -44px; width: 97px; height: 94px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-remove-promo { background-image: url(../css/images/sprite.png); background-position: -236px -87px; width: 7px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search-alt { background-image: url(../css/images/ico-search-large.png); background-position: center; background-size: contain; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search-mobile { background-image: url(../css/images/ico-search-2.svg); background-position: center; background-size: contain; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search-white { background-image: url(../css/images/sprite.png); background-position: -137px -70px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(../css/images/ico-search-2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-share-more { background-image: url(../css/images/sprite.png); background-position: -116px -164px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-large { background-image: url(../css/images/sprite.png); background-position: -183px -164px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(../css/images/sprite.png); background-position: -236px -70px; width: 8px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(../css/images/sprite.png); background-position: -166px -123px; width: 16px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-upvote { background-image: url(../css/images/sprite.png); background-position: -210px -164px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(../css/images/sprite.png); background-position: -126px -123px; width: 18px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-alt { width: 223px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-mobile { width: 195px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image { width: 250px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } /*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {*/ /*.ico-arrow-down { background-image: url(../css/images/sprite.@2x.png); background-position: -124px -158px; background-size: 244px 203px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-left { background-image: url(../css/images/sprite.@2x.png); background-position: -238px -100px; background-size: 244px 203px; width: 4px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-next-white { background-image: url(../css/images/sprite.@2x.png); background-position: -160px -100px; background-size: 244px 203px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-next { background-image: url(../css/images/sprite.@2x.png); background-position: -167px -81px; background-size: 244px 203px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-prev-white { background-image: url(../css/images/sprite.@2x.png); background-position: -99px -100px; background-size: 244px 203px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-prev { background-image: url(../css/images/sprite.@2x.png); background-position: -167px -66px; background-size: 244px 203px; width: 59px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-right { background-image: url(../css/images/sprite.@2x.png); background-position: -28px -176px; background-size: 244px 203px; width: 4px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-top { background-image: url(../css/images/sprite.@2x.png); background-position: -134px -158px; background-size: 244px 203px; width: 7px; height: 4px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-arrow-up { background-image: url(../css/images/sprite.@2x.png); background-position: -77px -158px; background-size: 244px 203px; width: 16px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-bag { background-image: url(../css/images/sprite.@2x.png); background-position: -121px -115px; background-size: 244px 203px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-bag-hover, a:hover .ico-bag, button:hover .ico-bag, a.hover .ico-bag, button.hover .ico-bag, .ico-bag.hover { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -115px; background-size: 244px 203px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-chat-white { background-image: url(../css/images/sprite.@2x.png); background-position: -28px -158px; background-size: 244px 203px; width: 15px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-chat { background-image: url(../css/images/sprite.@2x.png); background-position: -221px -100px; background-size: 244px 203px; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-close-alt { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -158px; background-size: 244px 203px; width: 26px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-close-white { background-image: url(../css/images/sprite.@2x.png); background-position: -99px -115px; background-size: 244px 203px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-downvote { background-image: url(../css/images/sprite.@2x.png); background-position: -104px -158px; background-size: 244px 203px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-email-alt { background-image: url(../css/images/sprite.@2x.png); background-position: -161px -115px; background-size: 244px 203px; width: 21px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-facebook-alt { background-image: url(../css/images/sprite.@2x.png); background-position: -15px -186px; background-size: 244px 203px; width: 8px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-facebook { background-image: url(../css/images/sprite.@2x.png); background-position: -235px -115px; background-size: 244px 203px; width: 6px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-instagram { background-image: url(../css/images/sprite.@2x.png); background-position: -220px -115px; background-size: 244px 203px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-nav-bars { background-image: url(../css/images/sprite.@2x.png); background-position: -228px -66px; background-size: 244px 203px; width: 15px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-nav-close { background-image: url(../css/images/sprite.@2x.png); background-position: -204px -115px; background-size: 244px 203px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-pinterest-alt { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -186px; background-size: 244px 203px; width: 13px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-pinterest { background-image: url(../css/images/sprite.@2x.png); background-position: -233px -42px; background-size: 244px 203px; width: 10px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-play { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -42px; background-size: 244px 203px; width: 97px; height: 94px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-remove-promo { background-image: url(../css/images/sprite.@2x.png); background-position: -95px -158px; background-size: 244px 203px; width: 7px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-search-alt { background-image: url(../css/images/sprite.@2x.png); background-position: -99px -66px; background-size: 244px 203px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-search-mobile { background-image: url(../css/images/sprite.@2x.png); background-position: -62px -158px; background-size: 244px 203px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-search-white { background-image: url(../css/images/sprite.@2x.png); background-position: -133px -66px; background-size: 244px 203px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-search { background-image: url(../css/images/sprite.@2x.png); background-position: -222px -138px; background-size: 244px 203px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-share-more { background-image: url(../css/images/sprite.@2x.png); background-position: -45px -158px; background-size: 244px 203px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-star-large { background-image: url(../css/images/sprite.@2x.png); background-position: -25px -186px; background-size: 244px 203px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-star { background-image: url(../css/images/sprite.@2x.png); background-position: -233px -57px; background-size: 244px 203px; width: 8px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-twitter { background-image: url(../css/images/sprite.@2x.png); background-position: -228px -81px; background-size: 244px 203px; width: 16px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-upvote { background-image: url(../css/images/sprite.@2x.png); background-position: -114px -158px; background-size: 244px 203px; width: 8px; height: 6px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.ico-youtube { background-image: url(../css/images/sprite.@2x.png); background-position: -184px -115px; background-size: 244px 203px; width: 18px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.logo-image-alt { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -138px; background-size: 244px 203px; width: 220px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.logo-image-mobile { background-image: url(../css/images/sprite.@2x.png); background-position: -99px -42px; background-size: 244px 203px; width: 132px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*.logo-image { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 244px 203px; width: 244px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; }*/ /*}*/ .cols:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Futura', sans-serif; font-size: 14px; line-height: 1.333; color: #000; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.6665em; line-height: 1.3; font-weight: normal; } h1 { font-size: 44px; } h2 { font-size: 38px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 17px; } h6 { font-size: 15px; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.333em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } .h1, .h2, .h3, .h4, .h5, .h6 { display: block; margin-bottom: 0.6665em; line-height: 1.3; font-weight: normal; } .h1 { font-size: 44px; } .h2 { font-size: 38px; } .h3 { font-size: 24px; } .h4 { font-size: 20px; } .h5 { font-size: 17px; } .h6 { font-size: 15px; } [class="h1"], [class="h2"], [class="h3"], [class="h4"], [class="h5"], [class="h6"] { margin-bottom: 0.6665em; } .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } /* Mobile */ @media (max-width: 767px) { body { font-size: 14px; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Goudy Old Style'; src: url('fonts/goudy-old-style-webfont.eot'); src: url('fonts/goudy-old-style-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/goudy-old-style-webfont.woff') format('woff'), url('fonts/goudy-old-style-webfont.ttf') format('truetype'), url('fonts/goudy-old-style-webfont.svg#goudy_old_styleregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Goudy Old Style'; src: url('fonts/goudy-old-style-italic-webfont.eot'); src: url('fonts/goudy-old-style-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/goudy-old-style-italic-webfont.woff') format('woff'), url('fonts/goudy-old-style-italic-webfont.ttf') format('truetype'), url('fonts/goudy-old-style-italic-webfont.svg#goudy_old_styleitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Futura'; src: url('fonts/futura-book-webfont.eot'); src: url('fonts/futura-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futura-book-webfont.woff') format('woff'), url('fonts/futura-book-webfont.ttf') format('truetype'), url('fonts/futura-book-webfont.svg#futura_bookregular') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -20px; } .cols.row { display: flex; flex-wrap: wrap; } .cols:after { } .col { float: left; width: 100%; padding: 0 20px; } .cols.row > .col { float: none; flex: 1 1 auto; max-width: 100%; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.333%; } .col-1 { width: 8.33333%; } .col-2 { width: 16.66667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333%; } .col-5 { width: 41.66667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333%; } .col-8 { width: 66.66667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.66667%; } .col-12 { width: 100%; } /* Text Serif */ .text-serif { font-size: 1.2em; font-family: 'Goudy Old Style', serif; font-style: italic; line-height: 1.1; } .text-serif-alt { font-style: normal; } .text-sans-serif { font-size: 0.83em; font-family: 'Futura', sans-serif; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (max-width: 1380px) { .nav-sections { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1239px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1240px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* Custom Scrollbar */ .custom-scrollbar::-webkit-scrollbar { width: 11px; } .custom-scrollbar::-webkit-scrollbar-track { background: #fff; } .custom-scrollbar::-webkit-scrollbar-thumb { width: 11px; border: 3px solid #fff; background: #000; } .custom-scrollbar.horizontal::-webkit-scrollbar { width: auto; height: 11px; } .custom-scrollbar.horizontal::-webkit-scrollbar-thumb { width: auto; height: 11px; } /* Animations */ @-webkit-keyframes fadeInBlock { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInBlock { from { opacity: 0; } to { opacity: 1; } } /* No Scroll */ .no-scroll { position: fixed; } .screenreader-text { position: absolute; top: auto; left: -100vw; width: 1px; height: 1px; overflow: hidden; } .screenreader-text:focus { color: black; display: inline-block; height: auto; width: auto; position: static; margin: auto; } .table-empty-head tbody > tr:first-of-type > td { border-top: none; } /* ------------------------------------------------------------ *\ Accordions \* ------------------------------------------------------------ */ .accordion { border: 0 solid #c7c7c7; border-width: 1px 0; } .accordion .accordion-button { display: block; cursor: pointer; font-family: 'Futura', sans-serif; font-size: 14px; padding: 15px 0; } .accordion .accordion-button::before { display: inline-block; content: '+'; min-width: 10px; } .accordion .accordion-content { display: none; padding: 0 0 15px; } .accordion + .accordion { margin-top: -1px; } .accordion.open .accordion-button::before { content: '\2013'; } .accordion.open .accordion-content { display: block; } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { position: relative; z-index: 20; background: #fff; } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { position: relative; padding-bottom: 250px; background: #fff url(../css/images/bg-stripe.png) repeat 0 0; background-position: center;} .footer:before { display: block; content: ''; background: white; height: 30px; position: relative; z-index: 10 !important;} .footer .footer-inner { position: relative; z-index: 10; padding-bottom: 40px; background: #fff; } .footer .footer-nav { padding: 10px 16px; } .footer .footer-nav .nav-inner { float: left; padding: 5px 0; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .footer .footer-nav .nav-inner ul { display: inline-block; vertical-align: top; list-style: none outside none; } .footer .footer-nav .nav-inner li { display: inline-block; vertical-align: top; } .footer .footer-nav .nav-inner li + li { margin-left: 40px; } .footer .footer-nav .nav-socials { float: right; } .footer .footer-nav .nav-socials ul { display: inline-block; vertical-align: top; list-style: none outside none; } .footer .footer-nav .nav-socials li { display: inline-block; vertical-align: top; } .footer .footer-nav .nav-socials li + li { margin-left: 25px; } .footer .footer-nav .nav-socials a { display: block; transition: all .2s ease-out; } .footer .footer-nav .nav-socials a:hover { opacity: .7; } .footer .footer-bottom { position: fixed; z-index: 1; left: 0; bottom: 0; width: 100%; height: 250px; padding: 94px 0; } .footer .footer-callout { display: block; max-width: 448px; margin: 0 auto; padding: 29px 15px 25px; background: #fff; border: 2px solid #000; text-align: center; } .footer .footer-callout:hover { text-decoration: none; } .footer .footer-callout .h6 { margin: 0; } .footer .footer-callout p { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .footer .footer-actions { position: fixed; z-index: 200; right: 0; bottom: 0; } .footer .footer-top { display: block; max-width: 50px; margin: 0 0 30px auto; text-align: center; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .footer .footer-top:hover { text-decoration: none; color: #888; } .footer .footer-top span { display: block; padding: 2px 0; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .footer .footer-chat { display: block; padding: 15px 13px 15px 18px; background: #000; color: #fff; text-decoration: none; transition: all .2s ease-out; } .footer .footer-chat:hover { background: rgb(104, 137, 69); } .footer .footer-chat span { display: inline-block; vertical-align: middle; width: 90px; padding: 0 0 3px 10px; font-size: 10px; text-transform: uppercase; color: #fff; letter-spacing: .2em; overflow: hidden; white-space: nowrap; transition: all .2s ease-out; } .footer .footer-actions.scrolled .footer-top { visibility: visible; opacity: 1; } .footer .footer-actions.scrolled .footer-chat span { width: 0; padding-left: 0; } .footer .footer-actions .footer-chat:hover span { width: 90px; padding-left: 10px; } /* Small Desktop */ @media (max-width: 1239px) { .footer .footer-nav .nav-inner, .footer .footer-nav .nav-socials { float: none; text-align: center; } } @media (min-width: 1201px) { .footer .footer-nav .nav-socials { float: none; display: flex;} .footer .footer-nav .nav-socials ul { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (max-width: 1200px) { .footer .footer-nav .nav-socials { float: none; } .footer .footer-nav .nav-socials ul { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1024px) { .footer .footer-nav { padding-left: 0; padding-right: 0; } .footer .footer-nav .nav-inner li + li { margin-left: 10px; } .footer .footer-bottom { position: absolute; } } /* Mobile */ @media (max-width: 767px) { .footer { background-size: 100px 1px; padding-bottom: 200px; } .footer .footer-nav { padding: 0; margin: 0 -20px; } .footer .footer-nav .nav-inner { padding: 0; margin: 0; } .footer .footer-nav .nav-inner ul { display: block; } .footer .footer-nav .nav-inner li { display: block; border-bottom: 1px solid #acacac; } .footer .footer-nav .nav-inner li:last-child { border: 0; } .footer .footer-nav .nav-inner li + li { margin: 0; } .footer .footer-nav .nav-inner a { display: block; padding: 23px 20px; font-size: 9px; letter-spacing: .2em; text-align: center; text-transform: uppercase; } .footer .footer-nav .nav-socials { padding: 20px 0; border-width: 1px 0; border-style: solid; border-color: #000; } .footer .footer-nav .nav-socials i { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .footer .footer-nav .nav-socials li + li { margin-left: 40px; } .footer .footer-bottom { padding: 71px 0; } .footer .footer-callout { max-width: 230px; padding: 16px 10px; font-size: 11px; } .footer .footer-callout .h6 { font-size: 13px; } .footer .footer-top { margin-bottom: 10px; } /* .footer .footer-chat { padding: 8px 8px 8px 12px; } */ } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header-wrapper { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; } .header { background: #fff; border-bottom: 2px solid #000; } .header .header-inner { position: relative; padding: 30px 0 17px; text-align: center; } .header .header-logo { display: inline-block; vertical-align: top; } .header .header-promo { width: 450px; text-transform: uppercase; text-align: left; font-size: 10px; letter-spacing: .2em; } .header .header-promo.promo-hide { visibility: hidden; } .header .header-bar { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 15px 0; height: 60px; } .header .header-logo-alt, .header .header-actions { flex: 1 0 0%; } .header .header-logo-alt { text-align: left; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .header .nav { flex: 0 0 auto; } .header .header-actions { display: flex; justify-content: flex-end; align-items: center; } .header .header-actions ul { list-style: none outside none; } .header .header-actions li { display: inline-block; vertical-align: top; } .header .header-actions li + li { margin-left: 10px; } /* Header Fixed */ .header-fixed { position: fixed; } .header-fixed .header-inner { display: none; } .header-fixed .header-logo-alt { display: inline-block; visibility: visible; opacity: 1; } /* Small Desktop */ @media (max-width: 1239px) { .header .nav li { padding-left: 10px; padding-right: 10px; } .header .nav a { font-size: 14px; } .header-fixed .header-logo-alt { display: inline-block; } } /* Tablet Portrait */ @media (max-width: 1024px) { .header { position: static; border-bottom: 1px solid #e5e5e5; } .header .header-logo, .header .header-bar { display: none; } .header .header-inner { display: block; padding: 0px; } .header .header-promo { width: auto; text-align: center; font-size: 9px; } } /* ------------------------------------------------------------ *\ Header Mobile \* ------------------------------------------------------------ */ .header-mobile { display: none; width: 100%; height: 50px; padding: 12px 20px; background: #fff; border-bottom: 2px solid #000; text-align: center; } .header-mobile .header-actions { position: absolute; left: 20px; top: 16px; } .header-mobile .header-actions ul { list-style: none outside none; } .header-mobile .header-actions li { float: left; } .header-mobile .header-actions li + li { margin-left: 18px; } .header-mobile .header-actions a { display: block; } .header-mobile .header-actions i { vertical-align: top; } @media (max-width: 1024px) { .wrapper.checkout-wrapper .header-mobile { display: block; } } /* Mobile Portrait */ @media (max-width: 767px) { .header-mobile { display: block; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main { position: inherit; z-index: 100;} /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1240px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-primary { max-width: 1028px; } .shell-large { max-width: 1600px; } .shell-fluid { max-width: none; } /* Tablet Portrait */ @media (max-width: 1024px) { .shell { padding: 0 20px; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { /*position: relative;*/ min-height: 100vh; overflow: hidden; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article {padding: 80px 0 10px 0px; text-align: center;} .article .article-image { position: relative; max-width: 590px; margin: 0 auto 75px; border: 5px solid #fff; } .article .article-title { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 40px; max-height: 5.2em; color: #fff; text-align: center; font-size: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: .02em; overflow: hidden; } .article .article-body { max-width: 800px; margin: 0 auto; text-align: left; } .article .article-entry { font-size: 24px; font-family: 'Goudy Old Style', serif; line-height: 1.15; } .article .article-small { margin-bottom: 2em; padding-left: 26%; padding-right: 14%; font-size: 20px; font-family: 'Futura', sans-serif; } .article .article-small:last-child { margin-bottom: 0; } .article .article-small li { padding: 4px 0; } .article .article-link { position: relative; display: inline-block; font-style: italic; text-decoration: none; } .article .article-link span { position: relative; margin-bottom: -2px; border-bottom: 2px solid transparent; } .article .article-link img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: hidden; opacity: 0; transition: all .2s ease-out; } .article .article-link:hover img { visibility: visible; opacity: 1; } .article .article-link:hover span { border-color: #000; transition: all .2s ease-out; } /* Mobile */ @media (max-width: 767px) { .article { padding: 40px 0; } .article .article-title { padding: 0 20px; font-size: 35px !important; } .article .article-image { margin-bottom: 20px; border-width: 10px; } .article .article-entry { font-size: 22px; } .article .article-small { padding-left: 20%; padding-right: 0; font-size: 15px; } } /* ------------------------------------------------------------ *\ Article Block \* ------------------------------------------------------------ */ .article-block { border: 5px solid #000; background: #f7ede8; } .article-block { position: relative; max-width: 320px; margin: 0 auto; height: 320px; text-align: center; } .article-block .article-inner { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article-block .article-title { margin-bottom: 1em; } .article-block .article-title span { font-size: 1.2em; font-family: 'Goudy Old Style', serif; font-style: italic; line-height: 1.15; } .article-block .article-entry { margin-bottom: 35px; font-family: 'Goudy Old Style', serif; font-size: 1.2em; } .article-block .article-actions .btn { min-width: 175px; } /* Tablet Portrait */ @media (max-width: 1024px) { .article-block { height: 260px; max-width: 260px; margin: 0 auto 40px; } .article-block .article-actions .btn { min-width: 160px; } } /* Mobile */ @media (max-width: 767px) { .article-block { height: 220px; max-width: 220px; } .article-block .article-title { margin-bottom: 1em; font-size: 19px !important; } .article-block .article-entry { margin-bottom: 27px; font-size: 15px; } .article-block .article-actions .btn { min-width: 0; } } /* ------------------------------------------------------------ *\ Article Alt \* ------------------------------------------------------------ */ .article-alt .article-title { position: relative; margin-bottom: -.6em; font-size: 70px; line-height: 1; text-align: center; letter-spacing: .02em; } .article-alt .article-title-alt { margin-bottom: .5em; } .article-alt .article-image { margin-bottom: 40px; } .article-alt .article-image img { width: 100%; height: auto; } .article-alt .article-quote { margin-bottom: 1em; font-size: 38px; text-align: center; line-height: 1.25; } .article-alt .article-quote p { margin: 0; } .article-alt .article-quote img { margin-top: 13px; } .article-alt .article-entry { max-width: 590px; margin: 0 auto; font-size: 24px; font-family: 'Goudy Old Style', serif; letter-spacing: .02em; line-height: 1.2; } .article-alt .article-entry p { margin-bottom: 1.2em; } .article-alt .article-entry p:last-child { margin-bottom: 0; } .article-alt .article-subtitle { font-family: 'Futura', sans-serif; text-align: center; } .article-alt .article-entry .article-subtitle:first-child { padding: 1em 0 .7em; } .article-alt .article-entry-alt { max-width: none; } .article-alt .article-entry-alt a { color: #739849; border-bottom: 1px solid #739849; text-decoration: none; line-height: 0.8; transition: all .2s ease-out; } .article-alt .article-entry-alt a:hover { border-color: transparent; } .article-alt .article-entry-alt .article-subtitle { text-align: left; } .article-alt .article-entry-alt .article-subtitle:first-child { padding-bottom: .4em; } .article-alt .article-actions { margin-top: 2em; text-align: center; } .article-alt .article-actions .btn { min-width: 215px; } .article-alt .article-list { padding-left: 105px; list-style: none outside none; font-size: 15px; font-family: 'Futura', sans-serif; line-height: 1.3; letter-spacing: .01e5m; } .article-alt .article-list li { position: relative; padding-left: 15px; margin-bottom: 2px; } .article-alt .article-list li:before { content: '•'; position: absolute; left: 0; top: 0; } .article-alt .article-list-alt li { padding-left: 0; margin-bottom: 0; } .article-alt .article-list-alt li:before { content: ''; } /* Mobile */ @media (max-width: 767px) { .article-alt .article-title { font-size: 35px !important; } .article-alt .article-quote { font-size: 19px; } .article-alt .article-quote img { max-width: 80px; } .article-alt .article-entry { font-size: 18px; } .article-alt .article-subtitle { font-size: 18px; } .article-alt .article-list { padding-left: 60px; font-size: 12px; } } /* ------------------------------------------------------------ *\ Bag \* ------------------------------------------------------------ */ .bag .bag-head { position: relative; padding: 70px 0 35px; border-bottom: 2px solid #000; text-align: center; } .bag .bag-head-actions { position: absolute; right: 0; bottom: 20px; width: 270px; } .bag .bag-title { font-size: 84px; font-family: 'Goudy Old Style', serif; line-height: .95; } .bag .bag-items { list-style: none outside none; } .bag .bag-item { display: table; width: 100%; border-bottom: 1px solid #e3e3e3; } .bag .bag-item:last-child { border-bottom: 0; } .bag .bag-item-image, .bag .bag-item-data { display: table-cell; vertical-align: top; } .bag .bag-item-image { width: 215px; padding: 30px 10px; } .bag .bag-item-image a { display: block; } .bag .bag-item-content { width: 34.5%; padding: 55px 10px 55px 0; } .bag .bag-item-price { font-family: "Goudy Old Style", serif; font-size: 1em; } .bag .bag-item-price-old { padding-right: 8px; text-decoration: line-through; } .bag .bag-item-price-new { color: #e15829; } .bag .bag-item-details { list-style: none outside none; font-family: 'Goudy Old Style', serif; font-style: italic; line-height: 1.5; max-width: 100%; width: 220px; margin: 1.333em 0; } .bag .bag-item-details a { text-decoration: underline; } .bag .bag-item-details a:hover { text-decoration: none; } .bag .bag-item-details-highlighted { color: #739849; } .bag .bag-item-bundle-edit { position: relative; font-size: 13px; text-decoration: none; } .bag .bag-item-bundle-edit::after { content: ''; background-color: #e1e1e1; display: block; position: absolute; width: 100%; height: 1px; } .bag .bag-item-bundle-edit:hover { text-decoration: none; } .bag .bag-item-bundle-edit:hover::after { background-color: #000; } .bag .bag-item-actions { padding: 55px 10px 55px 0; } .bag .bag-item-actions ul { list-style: none outside none; } .bag .bag-item-actions li { margin-bottom: 15px; } .bag .bag-item-actions a { text-decoration: underline; } .bag .bag-item-actions a:hover { text-decoration: none; } .bag .bag-item-total { width: 350px; padding: 55px 0; } .bag .bag-item-total-price { float: right; font-family: 'Goudy Old Style', serif; font-size: 1.2em; } .bag .bag-item-quantity { float: left; width: 105px; } .bag .bag-item-quantity label { display: block; margin-bottom: 8px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .bag .bag-total { padding: 30px 0; border-width: 2px 0; border-style: solid; border-color: #000; } .bag .bag-total-inner { float: right; width: 270px; padding: 3px 0; } .bag .bag-total-inner table { width: 100%; } .bag .bag-total-inner td { padding: 3px 0; } .bag .bag-total-inner td:last-child { text-align: right; } .bag .bag-total-inner .text-serif { font-style: normal; font-size: 1.15em; } .bag .bag-total-promo { font-size: 10px; text-transform: uppercase; letter-spacing: .2em; color: #739849; } .bag .bag-total-promo span { display: inline-block; vertical-align: middle; margin-right: 6px; } .bag .bag-total-promo a { display: inline-block; vertical-align: middle; } .bag .bag-total-promo i { display: block; } .bag .bag-total-left { float: left; clear: both; } .bag .bag-total-left .accordion { border: none; } .bag .bag-total-left .accordion-button { text-decoration: underline; } .bag .bag-promo-form .form-title { margin-bottom: 10px; font-family: 'Goudy Old Style', serif; } .bag .bag-promo-form .form-controls { float: left; width: 270px; margin-right: 20px; } .bag .bag-promo-form .form-actions { float: left; } .bag .bag-promo-form .form-label { display: block; margin-bottom: 7px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .bag .bag-promo-form .form-btn { height: 50px; padding: 0 20px; } .bag .bag-promo-form .form-error { margin-top: 8px; color: #e15829; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .bag .bag-giftcard { border-top: 1px solid #c7c7c7; padding-top: 15px; } .bag .bag-giftcard-form .form-title { margin-bottom: 10px; font-family: 'Goudy Old Style', serif; } .bag .bag-giftcard-form .form-controls { float: left; width: 270px; margin-right: 20px; } .bag .bag-giftcard-form .form-actions { float: left; } .bag .bag-giftcard-form .form-label { display: block; margin-bottom: 7px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .bag .bag-giftcard-form .form-btn { height: 50px; padding: 0 20px; } .bag .bag-giftcard-form .form-error { margin-top: 8px; color: #e15829; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .bag .bag-foot { padding: 30px 0; } .bag .bag-foot-inner { float: left; } .bag .bag-foot-inner ul { list-style: none outside none; } .bag .bag-foot-inner li { margin-bottom: 14px; } .bag .bag-foot-inner a { text-decoration: underline; } .bag .bag-foot-inner a:hover { text-decoration: none; } .bag .bag-actions { float: right; width: 270px; } .bag .bag-actions .btn { margin-bottom: 20px; } .bag .btn { width: 100%; } /* Bag Empty */ .bag-empty { padding-bottom: 45px; } .bag-empty .bag-head { border: 0; } .bag-empty .bag-head-items { margin-top: 20px; } .bag-empty .bag-head-actions { position: static; margin: 40px auto 0; } @media (max-width: 1199px) and (min-width: 1024px) { .bag-item .bag-item-content, .bag-item .bag-item-total { width: 300px; } } @media (max-width: 1023px) and (min-width: 768px) { .bag-item .bag-item-image { width: 190px; } .bag-item .bag-item-content { width: 210px; } .bag-item .bag-item-total { width: 250px; } } /* Tablet Portrait */ @media (max-width: 1024px) { .bag .bag-head-actions { position: static; margin: 10px auto 0; text-align: center; } } /* Mobile */ @media (max-width: 767px) { .bag .bag-head { padding: 26px 0 0; border: 0; } .bag .bag-head-items { margin: 5px 0 21px; font-size: 12px; } .bag .bag-head-actions { width: 100%; } .bag .bag-title { font-size: 42px; } .bag .bag-item { display: block; padding: 30px 0 98px; } .bag .bag-item-image { float: left; display: block; width: 130px; padding: 0; margin-right: 20px; } .bag .bag-item-data { display: block; width: auto; padding: 0; line-height: 1.2; } .bag .bag-item-data:not(.og-offer) { overflow: hidden; padding-bottom: 1px; } .bag .bag-item-title { font-size: 12px; line-height: 1.45; } .bag .bag-item-price { margin-bottom: 2px; font-size: 1em; } .bag .bag-item-details { font-size: 12px; } .bag .bag-item-bundle-edit { font-size: 12px; } .bag .bag-item-actions { margin-top: 17px; font-size: 12px; } .bag .bag-item-actions li { display: inline-block; vertical-align: top; } .bag .bag-item-actions li + li { margin-left: 29px; } .bag .bag-item-quantity { float: none; width: 130px; position: absolute} .bag .bag-item-quantity label { font-size: 9px; } .bag .bag-item-total-price { display: none; } .bag .bag-total { padding: 15px 0; border-bottom: 0; } .bag .bag-promo { float: none; } .bag .bag-promo-form .form-title { font-size: 19px; } .bag .bag-promo-form .form-label { font-size: 9px; } .bag .bag-promo-form .form-controls { width: 80%; margin-right: 0; padding-right: 20px; } .bag .bag-promo-form .form-actions { float: left; width: 20%; } .bag .bag-promo-form .form-btn { padding-left: 5px; padding-right: 5px; text-align: center; } .bag .bag-promo-form .form-error { font-size: 9px; margin-top: 6px; } .bag .bag-giftcard-form .form-title { font-size: 19px; } .bag .bag-giftcard-form .form-label { font-size: 9px; } .bag .bag-giftcard-form .form-controls { width: 80%; margin-right: 0; padding-right: 20px; } .bag .bag-giftcard-form .form-actions { float: left; width: 20%; } .bag .bag-giftcard-form .form-btn { padding-left: 5px; padding-right: 5px; text-align: center; } .bag .bag-giftcard-form .form-error { font-size: 9px; margin-top: 6px; } .bag .bag-total-inner { float: none; width: auto; margin: 17px 0 0; font-size: 12px; } .bag .bag-total-inner td { padding: 1px 0; } .bag .bag-foot { padding: 5px 0; } .bag .bag-foot-inner { float: none; padding: 30px 0 20px; border-top: 1px solid #e5e5e5; text-align: center; font-size: 11px; } .bag .bag-foot-inner li { display: inline-block; vertical-align: top; padding: 0 20px; } .bag .bag-actions { float: none; width: auto; margin-bottom: 10px; } .bag-empty { padding-bottom: 30px; } .bag-empty .bag-head-items { margin-top: 10px; font-size: 15px; } } /* ------------------------------------------------------------ *\ Bio \* ------------------------------------------------------------ */ .bio { max-width: 272px; margin: 0 auto; } .bio .bio-image { margin-bottom: 15px; border-radius: 50%; overflow: hidden; } .bio .bio-image img { display: block; vertical-align: top; max-width: 100%; height: auto; } .bio .bio-title { margin-bottom: .2em; text-align: center; letter-spacing: .02em; } .bio .bio-entry { line-height: 1.35; } /* Mobile */ @media (max-width: 767px) { .bio { margin-bottom: 35px; } .bio .bio-title { font-size: 19px; } } /* ------------------------------------------------------------ *\ Blog Block \* ------------------------------------------------------------ */ .blog-block { max-width: 310px; margin: 0 auto; text-align: center; } .blog-block .blog-image { display: block; position: relative; margin-bottom: 12px; } .blog-block .blog-image img { width: 100%; } .blog-block .blog-title { min-height: 3.6em; padding: 0 20px; font-family: 'Goudy Old Style', serif; line-height: 1.2; } .blog-block .blog-title a { text-decoration: none; transition: all .2s ease-out; } .blog-block .blog-title a:hover { color: #739849; } .blog-block .blog-meta { margin-bottom: 4px; text-transform: uppercase; font-size: 10px; letter-spacing: .15em; } .blog-block .blog-badge { position: absolute; right: 0; top: 0; width: 102px; height: 102px; padding: 28px 7px 0; background: #000; font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: .2em; } .blog-block .blog-badge span { display: block; margin-bottom: 8px; } .blog-block .blog-entry { display: table; width: 100%; padding: 0 15px 0 20px; line-height: 1.3; text-align: left; } .blog-block .blog-entry p { display: table-cell; vertical-align: bottom; height: 5.2em; } .blog-block .blog-entry a { color: #739849; } /* Mobile */ @media (max-width: 767px) { .blog-block .blog-title { min-height: 0; font-size: 18px; } .blog-block .blog-meta { font-size: 9px; } .blog-block .blog-entry p { height: auto; } } /* ------------------------------------------------------------ *\ Blogs \* ------------------------------------------------------------ */ .blogs .blogs-container { font-size: 0; } .blogs .blogs-item { display: inline-block; vertical-align: top; width: 50%; padding: 0 70px; margin-bottom: 80px; max-width: none; font-size: 15px; } .blogs .blogs-item-loaded { -webkit-animation: fadeInBlock .4s; animation: fadeInBlock .4s; } .blogs .blog-block { max-width: none; } .blogs .blog-block .blog-image { margin-bottom: 20px; } .blogs .blog-block .blog-title { min-height: 0; padding: 0; text-align: center; line-height: 1; } .blogs .blogs-loading { display: none; padding: 60px 0; font-size: 70px; text-align: center; } .blogs.is-loading .blogs-loading { display: block; -webkit-animation: fadeInBlock .4s both .2s; animation: fadeInBlock .4s both .2s; } /* Small Desktop */ @media (max-width: 1239px) { .blogs .blogs-item { padding: 0 25px; } } /* Tablet Portrait */ @media (max-width: 1024px) { .blogs .blogs-item { padding: 0 15px; margin-bottom: 60px; } .blogs .blog-block .blog-title { font-size: 22px; } .blogs .blog-block .blog-entry { display: block; font-size: 12px; } .blogs .blog-block .blog-entry p { display: block; } } /* Mobile */ @media (max-width: 767px) { .blogs .blogs-item { width: 100%; padding: 0; margin-bottom: 30px; text-align: center; } .blogs .blog-block .blog-title { margin-bottom: .4em; } .blogs .blog-block .blog-entry { padding: 0 10px; } .blogs .blogs-loading { padding: 30px 0; font-size: 35px; } } /* ------------------------------------------------------------ *\ Blog \* ------------------------------------------------------------ */ .blog:not(.new-blog) .blog-head-inner, .blog:not(.new-blog) .blog-head-image { float: left; width: 50%; height: 683px; } .blog:not(.new-blog) .blog-head-inner { position: relative; padding: 38px 0; background: #729944; color: #fff; text-align: center; } .blog:not(.new-blog) .blog-head-image {background-size: cover;background-repeat: no-repeat;background-position: 50% 0;} .blog:not(.new-blog) .blog-title { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 6%; font-size: 84px; font-family: 'Goudy Old Style', serif; line-height: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog:not(.new-blog) .blog-meta { font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .blog:not(.new-blog) .blog-date { position: absolute; left: 0; bottom: 37px; width: 100%; font-family: font-family-sans-serif; font-style: italic; font-size: 17px; } .blog.new-blog .blog-head {position: relative; display: flex; height: 550px; justify-content: center; align-items: center; text-align: center;} .blog.new-blog .blog-head-inner { z-index: 2; max-width: 680px; height: 320px; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255,255,255,0.9);} .blog.new-blog .blog-head-image {background-size: cover;background-repeat: no-repeat;background-position: center; width: 100%; position: absolute; z-index: 1; height: 550px;} .blog.new-blog .blog-title { font-size: 50px; font-family: 'Goudy Old Style', serif; line-height: 1;} .blog.new-blog .blog-meta { font-family: 'Futura'; font-size: 14px; text-transform: uppercase; letter-spacing: .2em; margin-bottom: 35px;} .blog.new-blog .blog-date { font-family: 'Goudy Old Style'; font-style: italic; font-size: 17px; margin-top: 35px;} .blog .blog-body { padding: 78px 0; } .blog .blog-entry { max-width: 590px; margin: 0 auto; font-size: 24px; font-family: 'Goudy Old Style', serif; line-height: 1.2; letter-spacing: .015em; } .blog .blog-entry p { margin-bottom: 1.2em; } .blog .blog-questions-symbol { display: block; padding: 27px 0; margin-bottom: .3em; text-align: center; font-size: 94px; font-family: 'Futura', sans-serif; } .blog .blog-questions { list-style: none outside none; counter-reset: questions; } .blog .blog-question { margin-bottom: 2.9em; counter-increment: questions; } .blog .blog-question-title { margin-bottom: 1.4em; font-family: 'Futura', sans-serif; letter-spacing: 0; } .blog .blog-question-title:before { content: counter(questions) '. '; } .blog .blog-slider { max-width: 800px; margin: 80px auto 0; padding: 0 105px; } .blog .blog-slider .slide-title { min-height: 3.9em; margin-bottom: .4em; text-align: center; } .blog .blog-slider .slide-entry { font-size: 20px; line-height: 1.4; } .blog .blog-slider .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; } .blog .blog-slider .owl-prev { position: absolute; left: -105px; top: 10px; } .blog .blog-slider .owl-next { position: absolute; right: -105px; top: 10px; } .blog .blog-slider .owl-dots { text-align: center; margin: 18px 0 0; } .blog .blog-slider .owl-dot { display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } .blog .blog-slider .owl-dot:hover, .blog .blog-slider .owl-dot.active { background: #73984d; } /* Tablet Portrait */ @media (max-width: 1024px) { .section-article-blog .blog-head { height: 320px; padding: 20px; height: auto; } .section-article-blog .blog-head-image { height: 100%; } .section-article-blog .blog-head-inner { min-height: 220px; height: auto;} .section-article-blog .blog-meta { font-size: 12px; margin-bottom: 15px;} .section-article-blog .blog-date { font-size: 14px; margin-top: 15px; } .section-article-blog .blog-title { font-size: 43px; } } /* Mobile */ @media (max-width: 767px) { .blog .blog-body { padding: 35px 0; } .blog .blog-entry { font-size: 18px; } .blog .blog-questions-symbol { padding: 10px 0; font-size: 46px; } .blog .blog-question { position: relative; padding-left: 24px; margin-bottom: 1.5em; } .blog .blog-question-title { margin-bottom: 1em; font-size: 15px; } .blog .blog-question-title:before { position: absolute; left: 0; top: 0; } .blog .blog-question-entry { font-size: 18px; } .blog .blog-slider { padding: 0; margin: 0; } .blog .blog-slider .slide-title { min-height: 0; margin-bottom: 1.2em; font-size: 19px; } .blog .blog-slider .slide-entry { font-size: 15px; } .blog .blog-slider .owl-nav { display: none; } .blog .blog-slider .owl-dots { bottom: 0; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; border: 2px solid transparent; border-radius: 0; background: #fff; color: #000; padding: 16px 25px; font-size: 15px; text-decoration: none; text-align: center; cursor: pointer; transition: all .2s ease-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn:hover { text-decoration: none; } @media (hover: none) { .btn.no-touch { background: #fff; color: #000; } } /* Small Desktop */ @media (max-width: 1239px) { .btn { font-size: 12px; } } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; width: 100%; } .btn-rounded { border-radius: 8px; } /* Button Outline */ .btn-outline { padding: 14px 25px; border-color: #000; background: none; } .btn-outline-gray { padding: 4px 12px; border-color: #d7d7d7; background: none; } .btn-outline-gray:hover { border-color: #000; } @media (hover: none) { .btn-outline-grey.no-touch { border-color: #d7d7d7; } } /* Button Dark */ .btn-dark { background: #000; color: #fff; border-color: #000; } .btn-dark:hover { background: #333; color: #fff; border-color: #333; } @media (hover: none) { .btn-dark.no-touch { background: #000; color: #fff; border-color: #000; } } /* Button Green */ .btn-green { background: #73984d; color: #fff; border-color: #73984d; text-transform: uppercase; font-weight: 500; font-size: 18px; height: 50px; line-height: 50px; padding: 0 25px;} .btn-green:hover { background: #49612d; color: #fff; border-color: #49612d; } @media (hover: none) { .btn-green.no-touch { background: #73984d; color: #fff; border-color: #73984d; } } .btn.btn[disabled]:not(.btn-dark), .btn.disabled, .btn.btn[disabled]:hover, .btn.disabled:hover { cursor: default; background-color: #e5e5e5; color: #9a9a9a; border-color: #9a9a9a; } @media (hover: none) { .btn[disabled].no-touch, .btn.disabled.no-touch { cursor: default; background-color: #e5e5e5; color: #9a9a9a; border-color: #9a9a9a; } } .pdp-add-to-bag-btn .product-submit-btn { transition: none; } @media (max-width: 767px) { .btn { font-size: 12px; } .pdp-add-to-bag-btn .product-submit-btn { font-size: 14px; height: 40px; line-height: 40px; } } @media (max-width: 1024px) { .pdp-add-to-bag-btn .product-out-of-stock-mobile { margin-top: 0px !important;} } /* ------------------------------------------------------------ *\ Button Search \* ------------------------------------------------------------ */ .btn-search { display: block; transition: all .2s ease-out; } .btn-search:hover { opacity: .7; } /* ------------------------------------------------------------ *\ Button Account \* ------------------------------------------------------------ */ .btn-account-wrapper { display: table; position: relative; height: 100%; } .btn-account { display: table-cell; vertical-align: middle;} .btn-account-submenu { display: none; background-color: #fff; position: absolute; top: 120%; left: 50%; font-weight: 500; text-align: center; border: 1px solid #000; width: 250px; height: 0px; z-index: 1; -ms-transform: translateX(-50%); transform: translateX(-50%); -ms-animation: height 1s; animation: height 1s; } .btn-account-submenu.active { display: block; height: auto; } .btn-account-submenu li > a { display: block; padding: 15px 20px; } .btn-account-submenu li:not(:last-child) { border-bottom: 1px solid #d7d7d7; } .plp-account-submenu { width: 200px !important; margin-top: 6px; } .plp-account-submenu li > a { padding: 14px 53px !important; text-transform: uppercase; font-family: 'Futura', sans-serif; font-size: 10px; letter-spacing: .2em; } /* ------------------------------------------------------------ *\ Button Account Mobile \* ------------------------------------------------------------ */ .btn-account-mobile { display: block; right: 55px; top: 14.5px; position: absolute; text-align: center; } .btn-account-mobile:hover { opacity: .7; } /* ------------------------------------------------------------ *\ Button Bag \* ------------------------------------------------------------ */ .btn-bag { display: block; text-decoration: none; } .btn-bag:hover { text-decoration: none; } .btn-bag span { display: inline-block; vertical-align: top; padding: 2px 0; } /* ------------------------------------------------------------ *\ Button Bag Mobile \* ------------------------------------------------------------ */ .btn-bag-mobile { display: block; right: 20px; top: 14px; position: absolute; line-height: 13px; text-align: center; } .btn-bag-mobile > span { position: absolute; left: 50%; bottom: 2px; font-size: 13px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .btn-bag-mobile:hover { text-decoration: none; } /* ------------------------------------------------------------ *\ Button Nav \* ------------------------------------------------------------ */ .btn-nav { display: block; position: relative; } .btn-nav .btn-nav-show { transition: all .2s ease-out; } .btn-nav .btn-nav-close { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .btn-nav.active .btn-nav-show { visibility: hidden; opacity: 0; } .btn-nav.active .btn-nav-close { visibility: visible; opacity: 1; } /* ------------------------------------------------------------ *\ Button Top \* ------------------------------------------------------------ */ .btn-top { position: fixed; right: 10px; bottom: 10px; padding: 3px; text-align: center; } .btn-top span { display: block; text-transform: uppercase; font-size: 10px; letter-spacing: .2em; } /* ------------------------------------------------------------ *\ Button Top Mobile \* ------------------------------------------------------------ */ .btn-top-mobile { font-size: 9px; text-transform: uppercase; letter-spacing: .2em; text-align: center; } .btn-top-mobile span { display: block; margin-top: 10px; } /* ------------------------------------------------------------ *\ Tooltip \* ------------------------------------------------------------ */ .tooltip-wrapper { display: inline-block; position: relative; } .tooltip { display: none; position: absolute; top: calc(100% - 10px); left: 50%; transform: translateX(-50%); z-index: 100; font-size: 0; text-align: center; } .tooltip::before { border: 10px solid #000; } .tooltip::after { border: 9px solid #fff; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); } .tooltip::before, .tooltip::after { content: ''; display: inline-block; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .tooltip .tooltip-body { background-color: #fff; color: #000; border: 1px solid #000; margin-top: -1px; padding: 10px; z-index: -1; } .tooltip-wrapper:hover .tooltip { display: inline-block; } .tooltip-dark::before { border-bottom-color: #fff; } .tooltip-dark::after { border-bottom-color: #000; } .tooltip-dark .tooltip-body { background-color: #000; color: #fff; border-color: #fff; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { position: relative; margin-bottom: 80px; background-size: cover; background-position: center center; text-align: center;cursor: pointer; } .callout .callout-video { position: relative; display: inline-block; vertical-align: top; cursor:pointer; } .callout .callout-video-link { text-decoration: none; cursor: pointer;} .callout .callout-video-iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: all .2s ease-out;cursor: pointer; } .callout .callout-video-iframe.active { visibility: visible; opacity: 1; cursor: pointer;} .callout .callout-video-overlay { position: absolute; left: 0; top: 50%; width: 100%; padding: 15px; margin-top: 22px; text-align: center; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none;} .callout .callout-video-overlay .h4 { margin-bottom: 18px;pointer-events: none; } .callout .callout-video-overlay i { transition: all .2s ease-out; pointer-events: none;} .callout .callout-slider .slide { position: relative; max-width: 380px; height: 270px; margin: 0 auto; } .callout .callout-slider .slide-content { position: absolute; left: 0; top: 50%; width: 100%; padding-bottom: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .callout .callout-slider .slide-title { margin-bottom: 28px; } .callout .callout-slider .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; } .callout .callout-slider .owl-prev { position: absolute; left: 0; top: -14px; } .callout .callout-slider .owl-next { position: absolute; right: 0; top: -14px; } .callout .callout-slider .owl-dots { display: none; text-align: center; margin: 20px 0; } .callout .callout-slider .owl-dot { display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } .callout .callout-slider .owl-dot:hover, .callout .callout-slider .owl-dot.active { background: #73984d; } /* Mobile */ @media (max-width: 767px) { .callout { margin-bottom: 40px; } .callout .callout-video { max-width: 170px; margin: 0 auto; } .callout .callout-video-overlay .h4 { margin-bottom: -15px; font-size: 15px; } .callout .callout-video-overlay i { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } .callout .callout-slider .owl-nav { display: none; } .callout .callout-slider .owl-dots { display: block; margin: 10px 0; } .callout .callout-slider .owl-dot { width: 12px; height: 12px; } .callout .callout-slider .slide { max-width: 280px; height: 200px; } .callout .callout-slider .slide-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none; } .callout .callout-slider .slide-title { position: absolute; left: 0; top: 50%; width: 100%; font-size: 18px; padding-bottom: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .callout .callout-slider .slide-actions { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; } } /* ------------------------------------------------------------ *\ Callout Primary \* ------------------------------------------------------------ */ .callout-primary { position: relative; height: 825px; padding: 48px 20px; } .callout-primary .callout-title { font-size: 70px; letter-spacing: .02em; } .callout-primary .callout-entry { padding: 30px 0 90px; font-size: 24px; font-family: 'Goudy Old Style', serif; line-height: 1.2; letter-spacing: .025em; } .callout-primary .callout-actions { position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px 0; text-align: center; } /* Mobile */ @media (max-width: 767px) { .callout-primary { height: 394px; padding: 14px 10px; } .callout-primary .callout-title { font-size: 35px; } .callout-primary .callout-entry { padding: 10px 0; font-size: 18px; line-height: 1.1; } .callout-primary .callout-actions { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Callout Secondary \* ------------------------------------------------------------ */ .callout-secondary { padding: 0 40px; } .callout-secondary .callout-image { margin-bottom: 14px; } .callout-secondary .callout-title { margin-bottom: .3em; letter-spacing: .025em; } .callout-secondary .callout-meta { margin-bottom: 40px; } .callout-secondary .callout-actions .btn { min-width: 250px; } /* Mobile */ @media (max-width: 767px) { .callout-secondary { padding: 0 20px; } .callout-secondary .callout-image { max-width: 170px; margin: 0 auto 8px; } .callout-secondary .callout-title { margin-bottom: 12px; font-size: 19px; } .callout-secondary .callout-meta { margin-bottom: 27px; font-size: 12px; } .callout-secondary .callout-actions .btn { min-width: 0; } } /* ------------------------------------------------------------ *\ Callout Tertiary \* ------------------------------------------------------------ */ .callout-tertiary { position: relative; max-width: 460px; height: 644px; margin-left: auto; margin-right: auto; padding: 35px 20px 0; color: #fff; } .callout-tertiary .callout-subtitle { position: relative; z-index: 10; margin-bottom: 80px; } .callout-tertiary .callout-nav { margin-bottom: 55px; line-height: 1.9; font-size: 38px; } .callout-tertiary .callout-nav ul { list-style: none outside none; } .callout-tertiary .callout-nav a { position: relative; z-index: 10; display: block; } .callout-tertiary .callout-nav .active a, .callout-tertiary .callout-nav a:hover { font-family: 'Goudy Old Style', serif; font-size: 1.2em; font-style: italic; line-height: 1.58; text-decoration: none; } .callout-tertiary .callout-nav-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .callout-tertiary .callout-nav .active .callout-nav-image, .callout-tertiary .callout-nav li:hover .callout-nav-image { visibility: visible; opacity: 1; } .callout-tertiary .callout-nav li:hover .callout-nav-image { z-index: 2; } .callout-tertiary .callout-actions { position: absolute; z-index: 10; left: 0; bottom: 40px; width: 100%; } /* Callout Tertiary Alt */ .callout-tertiary-alt { padding: 21px 20px 0; } .callout-tertiary-alt .callout-title { margin-bottom: 3px; } .callout-tertiary-alt .callout-subtitle { line-height: 1.4; letter-spacing: .01em; } /* Mobile */ @media (max-width: 767px) { .callout-tertiary { height: 394px; padding: 20px 20px; } .callout-tertiary .callout-subtitle { margin-bottom: 68px; font-size: 15px; } .callout-tertiary .callout-nav { font-size: 19px; } .callout-tertiary .callout-actions { bottom: 20px; } } /* ------------------------------------------------------------ *\ Callout Quaternary \* ------------------------------------------------------------ */ .callout-quaternary { padding: 60px 0; background: #f7ede8; } .callout-quaternary .callout-title { margin-bottom: 45px; } .callout-quaternary .callout-form p { margin-bottom: 35px; font-size: 20px; } .callout-quaternary .callout-form .form-body { padding-bottom: 29px; } .callout-quaternary .callout-form .form-btn { padding: 14px 35px; } .callout-quaternary .callout-form .form-field { display: inline-block; vertical-align: top; width: 180px; height: 30px; margin: -2px 10px 0; background: none; -webkit-appearance: none; border: 0; border-bottom: 1px solid #000; border-radius: 0; background: none; font-size: 15px; } .callout-quaternary .callout-form .form-field::-webkit-input-placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .callout-quaternary .callout-form .form-field::-moz-placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .callout-quaternary .callout-form .form-field:-ms-input-placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .callout-quaternary .callout-form .form-field::placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .callout-quaternary { padding: 28px 20px 33px; } .callout-quaternary .callout-title { margin-bottom: 22px; font-size: 19px; } .callout-quaternary .callout-form p { margin: 0; font-size: 15px; } .callout-quaternary .callout-form .form-body { padding-bottom: 6px; } .callout-quaternary .callout-form .form-field { width: 100%; height: 36px; margin: 0 0 26px; font-size: 13px; } .callout-quaternary .callout-form .form-field::-webkit-input-placeholder { font-size: 14px; } .callout-quaternary .callout-form .form-field::-moz-placeholder { font-size: 14px; } .callout-quaternary .callout-form .form-field:-ms-input-placeholder { font-size: 14px; } .callout-quaternary .callout-form .form-field::placeholder { font-size: 14px; } } /* ------------------------------------------------------------ *\ Callout Quinary \* ------------------------------------------------------------ */ .callout-quinary { max-width: 275px; height: 386px; margin-left: auto; margin-right: auto; padding: 30px 20px; } .callout-quinary .callout-actions { position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px 0; } /* Mobile */ @media (max-width: 767px) { .callout-quinary { max-width: 170px; height: 240px; padding: 20px 20px; } .callout-quinary .callout-title { font-size: 19px; } .callout-quinary .callout-actions { padding: 20px 0; } } /* ------------------------------------------------------------ *\ Category \* ------------------------------------------------------------ */ .category + .category { margin-top: 50px; } .category .category-title { font-size: 70px; letter-spacing: .02em; } .category .category-group { padding: 8px 0 0; } .category .category-group .h4 { display: table; width: 100%; height: 90px; padding: 15px 0; margin-bottom: 15px; border-bottom: 5px solid #000; } .category .category-group a { display: table-cell; vertical-align: bottom; } .category .category-group ul { list-style: none outside none; } .category .category-group li { margin-bottom: 1px; font-family: 'Goudy Old Style', serif; font-size: 1.2em; } /* Tablet Portrait */ @media (max-width: 1024px) { .category .category-title { font-size: 35px; } } /* Mobile */ @media (max-width: 767px) { .category { margin: 0 -20px; padding: 0 20px; border-top: 1px solid #ded5d0; } .category + .category { margin-top: 0; } .category .col { float: none; width: auto; } .category .category-title { position: relative; padding: 15px 0; } .category .category-title:after { content: ''; position: absolute; right: 0; top: 50%; width: 10px; height: 7px; margin-top: -3px; background: url(../css/images/ico-arrow-down@2x.png) no-repeat 0 0; background-size: 100% 100%; transition: all .2s ease-out; } .category .category-title a:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .category .category-group { max-height: 0; overflow: hidden; padding: 0; } .category .category-group .h4 { height: auto; font-size: 15px; } .category .category-group li { font-size: 12px; } .category.active { padding-bottom: 20px; } .category.active .category-group { max-height: none; padding-bottom: 10px; -webkit-animation: fadeInBlock .2s; animation: fadeInBlock .2s;} .category.active .category-title:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } /* ------------------------------------------------------------ *\ Chat \* ------------------------------------------------------------ */ .chat { position: fixed; z-index: 200; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .chat .chat-btn { display: block; padding: 12px 28px; -webkit-transform: rotate(90deg) translateX(50%); -ms-transform: rotate(90deg) translateX(50%); transform: rotate(90deg) translateX(50%); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; background: #fff; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; } .chat .chat-btn span { display: inline-block; vertical-align: middle; margin-right: 18px; } .chat .chat-btn i { vertical-align: middle; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* ------------------------------------------------------------ *\ Comments \* ------------------------------------------------------------ */ .comments { list-style: none outside none; margin-top: 40px; padding-top: 40px; border-top: 1px solid #dfdfdf; } .comment { overflow: hidden; margin-bottom: 70px; } .comment:last-child { margin-bottom: 0; } .comment ol { padding: 35px 0 0 170px; list-style: none outside none; } .comment .comment-avatar { float: left; width: 65px; height: 65px; margin-right: 40px; border-radius: 50%; overflow: hidden; } .comment .comment-avatar-letter { display: block; height: 100%; height: 100%; line-height: 61px; border: 2px solid #739849; border-radius: 50%; font-size: 20px; text-align: center; color: #739849; } .comment .comment-head { overflow: hidden; margin-bottom: 10px; } .comment .comment-date { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; line-height: 1.1; } .comment .comment-body { overflow: hidden; } .comment .comment-entry { font-size: 24px; font-family: 'Goudy Old Style', serif; line-height: 1.2; letter-spacing: .02em; } .comment .comment-actions { margin-top: 10px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .comment .comment-actions ul { list-style: none outside none; overflow: hidden; margin: 0 -20px; } .comment .comment-actions li { float: left; padding: 0 20px; } .comment .comment-actions a { display: block; padding: 4px 0; } .comment .comment-actions ul ul li + li { border-left: 1px solid #dfdfdf; } /* Mobile */ @media (max-width: 767px) { .comment { margin-bottom: 35px; } .comment ol { padding-left: 75px; } .comment .comment-avatar { margin-right: 18px; } .comment .comment-author { display: block; } .comment .comment-head { padding: 10px 0; margin-bottom: 20px; } .comment .comment-entry { font-size: 18px; } .comment .comment-actions { font-size: 9px; } .comment .comment-actions ul { margin: 0 -10px; } .comment .comment-actions li { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Event \* ------------------------------------------------------------ */ .event { max-width: 210px; margin-bottom: 55px; text-align: center; } .event .event-image { position: relative; margin-bottom: 20px; } .event .event-image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); } .event .event-date { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 38px; color: #fff; letter-spacing: .025em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .event .event-title { margin-bottom: 20px; } .event .event-actions a { text-decoration: underline; } .event .event-actions a:hover { text-decoration: none; } /* Mobile */ @media (max-width: 767px) { .event { max-width: 170px; margin-bottom: 40px; } .event .event-date { font-size: 19px; } .event .event-image { margin-bottom: 6px; } .event .event-title { font-size: 12px; } .event .event-actions { font-size: 12px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field { width: 100%; height: 53px; padding: 0 20px; border: 1px solid #e1e1e1; border-radius: 0; } .field-datepicker { background: url(../css/images/ico-calendar.png) center right 20px no-repeat; } .textarea { width: 100%; height: 100px; padding: 10px 20px; border: 1px solid #e1e1e1; border-radius: 0; } .textarea::-webkit-input-placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .textarea::-moz-placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .textarea:-ms-input-placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .textarea::placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .radio { position: relative; } .radio input { position: absolute; left: -4000px; } .radio label, .shipping-message { display: block; position: relative; padding-left: 28px; font-size: 14px; } .radio label:before { content: ''; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #c7c8ca; background: #fff; transition: all .2s ease-out; } .radio input:checked + label:before { background: #739849; border-color: #739849; } .radio .text-serif { font-size: 1.15em; } .checkbox { position: relative; } .checkbox input { position: absolute; left: -4000px; } .checkbox label { display: block; position: relative; padding-left: 28px; font-size: 14px; } .checkbox label:before { content: ''; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; border: 1px solid #c7c8ca; background: #fff; transition: all .2s ease-out; } .checkbox input:checked ~ label:before { background: #739849; } .checkbox .text-serif { font-size: 1.15em; } .checkbox-primary label { text-transform: none; } /*.checkbox-primary label:before { top: 0; }*/ /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form .form-section { border-bottom: 2px solid #000; } .form .form-section-disabled { opacity: .5; } .form .form-section-title { font-family: 'Goudy Old Style', serif; } .form .form-section-title span, .form .form-section-title a { display: block; position: relative; padding: 15px 30px 14px 0; text-decoration: none; } .form .form-section-title i { position: absolute; right: 25px; top: 50%; margin-top: -4px; } .form .form-section-body { padding-bottom: 40px; } .form .form-group + .form-group { margin-top: 10px; padding-top: 25px; border-top: 1px solid #e1e1e1; } .form .form-group-title { margin: 25px 0 15px; font-family: 'Goudy Old Style', serif; } .form .form-foot-actions { padding: 10px 0; margin-bottom: 45px; } .form .form-foot-actions ul { list-style: none outside none; } .form .form-foot-actions li { padding: 8px 0; } .form .form-foot-actions a { text-decoration: underline; } .form .form-foot-actions a:hover { text-decoration: none; } .form .form-row { padding: 4px 0; margin-bottom: 10px; margin-top: 10px;} .form .form-controls a { display: inline-block; vertical-align: top; margin-top: 10px; color: #739849; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .form .form-controls-currency { position: relative; } .form .form-controls-currency .field { padding-left: 34px; } .form .form-controls-currency label { position: absolute; left: 0px; text-align: right; width: 24px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: text; } .form .form-label { display: block; margin-bottom: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .form .form-entry { margin-bottom: 10px; font-family: 'Goudy Old Style', serif; font-size: 1.15em; line-height: 1.2; } .form .form-actions { margin-top: 20px; } .form .form-hint { margin-bottom: 30px; color: #739849; text-transform: uppercase; font-family: 'Futura', sans-serif; font-size: 10px; letter-spacing: .2em; } .form .form-payments { padding: 10px 0; margin-bottom: 15px; } .form .form-hidden { display: none; } .form .form-hidden.active { display: block; -webkit-animation: fadeInBlock .2s; animation: fadeInBlock .2s; } .form .form-hidden-alt { margin-top: 30px; } .form .form-hidden-alt .form-entry { margin-bottom: 25px; } .form .form-help { display: inline-block; vertical-align: top; margin-left: 15px; } .form .hazmat-error { display: inline-block; vertical-align: top; margin-left: 15px; color: red;} .form .hazmat-error-saved { display: inline-block; vertical-align: top; margin-left: 15px; color: red;} .form .form-promo-inner { position: relative; padding-right: 105px; } .form .form-promo .form-promo-btn { position: absolute; right: 0; top: 0; width: 85px; height: 50px; padding: 0 10px; text-align: center; } .form .form-address { position: relative; max-width: 240px; margin: 15px 0; } .form .form-address-title { margin-bottom: 10px; padding-right: 40px; font-family: 'Goudy Old Style', serif; } .form .form-address-edit { position: absolute; right: 0; top: 0; text-decoration: underline; } .form .form-address-edit:hover { text-decoration: none; } .form .form-address-content { line-height: 1.35; } .form .form-confirmation { padding: 30px 0; margin-bottom: 40px; } .form .form-confirmation-title { margin-bottom: 15px; } .form .form-confirmation-entry { margin-bottom: 25px; } .form .form-confirmation-entry a { text-decoration: underline; } .form .form-confirmation-entry a:hover { text-decoration: none; } .form .form-confirmation-entry span { color: #739849; } .form .form-confirmation-share { margin-bottom: 40px; } .form .form-confirmation-share a { color: #739849; text-decoration: underline; } .form .form-confirmation-share a:hover { text-decoration: none; } .form .field-small { width: 68px; padding-left: 15px; padding-right: 15px; text-align: center; } .form .btn { width: 100%; } .form .btn + .btn { margin-top: 20px; } /* Mobile */ @media (max-width: 767px) { .form .col { float: none; width: auto; } .form .form-section { margin: 0 -20px; padding: 0 20px; } .form .form-section-title { font-size: 19px; } .form .form-section-title span, .form .form-section-title a { padding: 16px 30px 16px 0; } .form .form-controls a { font-size: 9px; } .form .col .form-section-body { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .form .col:last-child .form-section-body { border-bottom: 0; } .form .form-foot-actions { margin-bottom: 15px; font-size: 12px; } .form .form-foot img { max-width: 40px; } .form .form-image { text-align: center; } .form .form-address { max-width: none; margin: 0; padding: 15px 0; font-size: 12px; } .form .form-address-title { font-size: 14px; } .form .form-address-edit { top: 15px; right: auto; left: 200px; } .form .col + .col .form-address { border-top: 1px solid #e1e1e1; } .form .form-confirmation { margin-bottom: 10px; } .form .form-confirmation-title { font-size: 19px; } .form .form-confirmation-entry { margin-bottom: 20px; font-size: 12px; line-height: 1.45; } .form .form-confirmation-share { margin-bottom: 30px; font-size: 12px; } } /* ------------------------------------------------------------ *\ Form Add to Bag \* ------------------------------------------------------------ */ .form-add-bag { max-width: 530px; } .form-add-bag .form-cols-primary { margin: 0 -20px; } .form-add-bag .form-col { padding: 0 30px; } .form-add-bag .form-col-primary { padding: 0 20px; } .form-add-bag .form-col-large { width: 100%; } .form-add-bag .form-col-small { width: 130px; } .form-add-bag .prefix { position: absolute; top: 50%; left: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-add-bag .form-controls { position: relative; } .form-add-bag .form-actions { max-width: 310px; margin-top: 0;} .form-add-bag .form-group {border-top: 1px solid #e1e1e1;padding: 30px 0 9px;max-width: 375px;} .form-add-bag .checkbox-primary label { text-transform: none; font-size: 15px; padding-left: 32px; letter-spacing: 0; } /* Gift */ /*.form-add-bag-gift .field { padding-left: 35px; }*/ .form-add-bag-gift .textarea { resize: none; } .form-add-bag-gift .form-label { letter-spacing: 0.17em; } .form-add-bag-gift .form-row { margin-bottom: 12px; } @media(max-width: 1250px){ .form-add-bag .form-col-primary { padding: 0 10px; } .form-add-bag .form-cols-primary { margin: 0 -10px; } .form-add-bag .form-col-primary:nth-of-type(odd) { clear: left; } .form-add-bag-gift .form-label { letter-spacing: 0.1em; } } /* Tablet Portrait */ @media (max-width: 1024px) { .form-add-bag .form-actions .form-btn { position: fixed; z-index: 100; left: 0; bottom: 0; } .form-add-bag-gift, .form-add-bag-gift .form-actions { margin: 0 auto; } } /* Mobile */ @media (max-width: 767px) { .form-add-bag { max-width: none; align-items: center; justify-content: center; display: flex; } .form-add-bag .form-label { font-size: 9px; } .form-add-bag .form-col { float: none; width: auto; } .form-add-bag .form-actions { max-width: none; position: relative; top: 4px;} } /* ------------------------------------------------------------ *\ Form Sign In \* ------------------------------------------------------------ */ .form-signin { max-width: 800px; margin: 0 auto; } /* ------------------------------------------------------------ *\ Form Product Details \* ------------------------------------------------------------ */ .form-product-details .product-title { margin-bottom: 3px; } .form-product-details .product-price { font-size: 17px; font-family: font-family-serif; margin-bottom: 22px; } .form-product-details .form-head { padding-bottom: 23px; } .form-product-details .form-head p { color: #739849; } .form-product-details .form-controls { margin-bottom: 20px; } .form-product-details .form-actions { padding-top: 10px; } .form-product-details label, .form-product-details .form-body p{ display: block; margin-bottom: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } /* Mobile */ @media (max-width: 767px) { .form-product-details .product-price { margin-bottom: 6px; } .form-product-details label { margin-bottom: 10px; } .form-product-details .form-controls { margin-bottom: 10px; } .form-product-details .form-actions { padding-top: 17px; } .form-product-details .form-head { padding-bottom: 6px; } } /* ------------------------------------------------------------ *\ Form Gift Card \* ------------------------------------------------------------ */ .form-gift-card { } .form-gift-card .h2 { letter-spacing: 0.0em; margin: 0 0 48px; } .form-gift-card .form-body { max-width: 278px; margin: 0 auto; text-align: left; } .form-gift-card .form-actions { padding-top: 8px; text-align: center; } .form-gift-card .form-actions a { font-size: 15px; color: #000; letter-spacing: 0.0em; text-decoration: underline; display: block; margin: 27px 0 0; } .form-gift-card .form-actions a:hover { text-decoration: none; } .form-gift-card .form-controls { margin-bottom: 5px; } .form-gift-card .form-hint, .form-gift-card .form-label { display: block; text-transform: uppercase; font-size: 10px; letter-spacing: 0.2em; } .form-gift-card .form-label { margin-bottom: 6px; } .form-gift-card .form-hint { color: #739849; margin-top: 10px; } /* Tablet Portrait */ @media (max-width: 1024px) { .form-gift-card { max-width: 540px; margin: 0 auto;} .form-gift-card br { display: none; } .form-gift-card .h2 { font-size: 22px; margin-bottom: 25px; } .form-gift-card .form-controls { margin-bottom: 16px; } .form-gift-card .form-actions a { margin-top: 22px; } .form-gift-card .form-body { max-width: 100%; } } /* ------------------------------------------------------------ *\ Form Checkout \* ------------------------------------------------------------ */ .form-checkout .form-section-new .form-section-title { display: table; width: 100%; } .form-checkout .form-section-new .form-section-title span, .form-checkout .form-section-new .form-section-title a, .form-checkout .form-section-new .form-section-title div { display: table-cell; vertical-align: middle; } .form-checkout .form-section-new .form-section-title .form-hint { text-align: right; } .form-checkout .form-section-new .cols { display: flex; } .form-checkout .form-section-new .col { display: flex; flex-direction: column; padding: 0 20px 20px 20px; } .form-checkout .form-section-new .form-actions .form-btn:not(.hidden) { display: inline-flex; justify-content: center; align-items: center; min-height: 70px; } .form-checkout .form-section-new .form-section-body:last-of-type { margin-top: auto; } .form-checkout .form-section-new .form-section-foot { padding-bottom: 40px; } @media (max-width: 767px) { .form-checkout .form-section-new .col { width: 100%; } } /* ------------------------------------------------------------ *\ How To \* ------------------------------------------------------------ */ .how-to { position: fixed; z-index: 900; bottom: 0; right: 0; width: 950px; max-width: 100%; background: #f7ede8; overflow: hidden; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .how-to.active { visibility: visible; opacity: 1; } .how-to .how-to-close { position: absolute; z-index: 100; right: 40px; top: 80px; } .how-to .section-article .section-nav.section-nav { position: fixed; left: auto; right: 0; width: 950px; max-width: 100%; transition: all .2s ease-out; } .how-to .section-article { height: 100%; } .how-to .section-article .section-body { height: calc(100% - 50px); margin-top: 50px; padding: 0 30px; overflow-y: auto; } /* Tablet Portrait */ @media (max-width: 1024px) { .how-to { top: 50px; } .how-to .how-to-close { top: 45px; right: 20px; } .how-to .section-article .section-nav.section-nav { top: 50px; } } /* ------------------------------------------------------------ *\ Instagram \* ------------------------------------------------------------ */ .instagram { position: relative; overflow: hidden; } .instagram .instagram-slider .owl-stage-outer { overflow: visible; } .instagram .instagram-tag { position: absolute; z-index: 20; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 38px; color: #fff; text-decoration: none; letter-spacing: .002em; pointer-events: none; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Radios \* ------------------------------------------------------------ */ .list-radios { margin: 0; padding: 15px 0; } .list-radios li { padding: 10px 0; } /* List-Radios-primary */ .list-radios-primary { padding-top: 0; } .list-radios-primary li { padding: 10px 0 8px; } /* Mobile */ @media (max-width: 767px) { .list-radios { padding: 10px 0; } .list-radios li { padding: 7px 0; } } /* ------------------------------------------------------------ *\ List Filters \* ------------------------------------------------------------ */ .list-filters { display: inline-table; vertical-align: top; list-style: none outside none; overflow: hidden; } .list-filters li { float: left; padding: 0 20px; line-height: 1.1; } .list-filters span { font-style: normal; } .list-filters a { display: block; border-bottom: 2px solid transparent; text-decoration: none; transition: all .2s ease-out; } .list-filters .active a, .list-filters a:hover { border-color: #000; } /* Mobile */ @media (max-width: 767px) { .list-filters { margin: 0 -20px; } .list-filters li { padding: 0 10px; font-size: 12px; } .list-filters li + li { border-left: 1px solid #ccc; } } /* ------------------------------------------------------------ *\ list-style \* ------------------------------------------------------------ */ .list-style { margin: 0 -5px 10px; } .list-style:after { content: ''; line-height: 0; display: table; clear: both; } .list-style a { display: block; width: 100%; height: 100%; } .list-style a:hover, .list-style li.active a { border: 2px solid #000; } .list-style li { margin: 0 5px 10px; float: left; width: 55px; } /* Mobile */ @media (max-width: 767px) { .list-style { margin-bottom: 3px; } .list-style li { width: 25%; padding: 0 5px; margin: 0 0 10px; } .list-style li img { width: 100%; height: auto; } } /* ------------------------------------------------------------ *\ List Numbers \* ------------------------------------------------------------ */ .list-numbers { list-style-type: none; margin: 0; } .list-numbers li { display: flex; margin-bottom: 1.5rem; } .list-numbers .list-item-symbol { flex: 0 0 auto; font-family: 'Goudy Old Style', serif; font-style: italic; font-weight: 500; font-size: 16px; text-align: center; line-height: 20px; vertical-align: middle; border: 1px solid; border-radius: 50%; width: 22px; height: 22px; margin-right: 10px; } .list-numbers .list-item-content { font-size: 16px; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo {} /* ------------------------------------------------------------ *\ Masonry \* ------------------------------------------------------------ */ .masonry { margin: 0 -20px; } .masonry .masonry-item { width: 50%; padding: 0 20px; } /* Mobile */ @media (max-width: 767px) { .masonry .masonry-item { width: 100%; } .masonry .masonry-item:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Mini Bag \* ------------------------------------------------------------ */ .mini-bag .mini-bag-popup { position: fixed; right: 0; top: 0; max-width: 100%; max-height: 100%; width: 500px; height: 100%; transform: translateX(100%); transition: all .5s ease; z-index: 9999; } .mini-bag.open .mini-bag-popup { transform: none; } .mini-bag .mini-bag-inner { background: #fff; border: solid #d7d7d7; border-width: 0 1px; } .mini-bag .mini-bag-inner { display: flex; flex-direction: column; height: 100%; } .mini-bag .mini-bag-inner > * { flex: 0 0 auto; width: auto; } .mini-bag .mini-bag-head { position: relative; padding: 25px 0 10px; border-bottom: 1px solid #000; font-family: 'Goudy Old Style', serif; text-align: center; } .mini-bag .mini-bag-title { font-size: 26px; line-height: 26px; } .mini-bag .mini-bag-close { background: url(../css/images/ico-close@2x.png) no-repeat center/contain; position: absolute; top: 15px; left: 20px; width: 18px; height: 18px; } .mini-bag .mini-bag-edit { position: absolute; top: 15px; right: 20px; font-style: italic; font-size: 18px; line-height: 18px; } .mini-bag .mini-bag-edit::after { content: ''; display: block; border-bottom: 1px solid; margin-top: -2px; } .mini-bag .mini-bag-body { overflow-x: hidden; overflow-y: auto; } .mini-bag .mini-bag-inner .mini-bag-body { flex: 0 1 auto; } .mini-bag .mini-bag-section { padding: 0 20px; } .mini-bag .mini-bag-section:not(:last-of-type) { border-bottom: 1px solid #c7c7c7; } .mini-bag .mini-bag-section-head { margin-top: 10px; } .mini-bag .mini-bag-top-section { padding: 15px 20px; } .mini-bag .mini-bag-items-wrapper { padding: 0 10px; } .mini-bag .mini-bag-items { display: flex; list-style: none outside none; overflow: auto hidden; padding: 15px 0; margin: 0 -10px; } .mini-bag .mini-bag-item { flex: 0 0 50%; width: 50%; padding: 0 10px; } .mini-bag .mini-bag-item-content { display: flex; flex-direction: column; border: 1px solid #d7d7d7; overflow: hidden; height: 100%; padding: 5px; } .mini-bag .mini-bag-item-image { position: relative; overflow: hidden; transition: all .2s ease-out; max-width: 100%; width: 90px; margin: auto auto 0; } .mini-bag .mini-bag-item-image-wrapper { display: block; width: 100%; height: 100%; padding-top: calc(436 / 310 * 100%); } .mini-bag .mini-bag-item-image img { display: inline-block; position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .mini-bag .mini-bag-item-meta { margin-bottom: 0; } .mini-bag .mini-bag-item-meta p { margin: 0; } .mini-bag .mini-bag-item-price { margin-bottom: 15px; font-family: 'Goudy Old Style', serif; font-size: 1em; line-height: 1.15; } .mini-bag .mini-bag-item-price-old { padding-right: 5px; text-decoration: line-through; } .mini-bag .mini-bag-item-price-new { color: #e15829; } .mini-bag .mini-bag-item-actions ul { display: flex; justify-content: space-between; align-items: center; list-style: none outside none; margin: 0 -10px; } .mini-bag .mini-bag-item-actions li { padding: 0 10px; } .mini-bag .mini-bag-item-actions a { text-decoration: underline; } .mini-bag .mini-bag-item-actions a:hover { text-decoration: none; } .mini-bag .mini-bag-samples-wrapper { margin: 0 -20px; padding: 20px; } .mini-bag .mini-bag-samples { display: flex; list-style: none outside none; overflow: auto hidden; margin: 0 -20px; padding-bottom: 20px; } .mini-bag .mini-bag-samples::-webkit-scrollbar-thumb { border-width: 3px 20px; } .mini-bag .mini-bag-sample { flex: 0 0 25%; width: 25%; padding: 0 10px; } .mini-bag .mini-bag-sample-content { display: flex; flex-direction: column; text-align: center; height: 100%; } .mini-bag .mini-bag-sample-content > *:not(:last-of-type) { margin-bottom: 15px; } .mini-bag .mini-bag-sample-meta { font-size: 12px; } .mini-bag .mini-bag-sample-image-wrapper { display: block; border: 1px solid #d7d7d7; border-radius: 50%; width: 100%; height: 100%; padding-top: 100%; } .mini-bag .mini-bag-sample-image { position: relative; overflow: hidden; transition: all .2s ease-out; max-width: 100%; width: 90px; margin: 0 auto; } .mini-bag .mini-bag-sample-image img { display: inline-block; position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .mini-bag .mini-bag-sample-actions { margin-top: auto; } .mini-bag .mini-bag-sample-atc-btn { font-size: 11px; border-width: 1px; width: 100px; padding: 6px 10px; } .mini-bag .mini-bag-sample-atc-btn .alignleft { float: left; } .mini-bag .mini-bag-sample-atc-btn .alignright { float: right; } .mini-bag .mini-bag-sample-atc-btn.btn-rounded { border-radius: 2px; } .mini-bag .accordion { border: none; } .mini-bag .accordion-button { text-decoration: underline; } .mini-bag .form-label { display: block; margin-bottom: 7px; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .mini-bag .form-body > .form-row:last-of-type { margin-bottom: -15px; } .mini-bag .form-controls { float: left; width: 270px; margin-right: 20px; margin-bottom: 15px; } .mini-bag .form-actions { float: left; margin-bottom: 15px; } .mini-bag .mini-bag-total { padding: 15px 0; } .mini-bag .mini-bag-total strong { float: left; font-weight: normal; } .mini-bag .mini-bag-total span { float: right; font-style: normal; font-size: 1.15em; } .mini-bag .mini-bag-total table { width: 100%; } .mini-bag .mini-bag-total td { padding: 1px 0 0; } .mini-bag .mini-bag-total td:last-child { text-align: right; } .mini-bag .mini-bag-total-promo { font-size: 10px; text-transform: uppercase; letter-spacing: .2em; color: #739849; } .mini-bag .mini-bag-total-promo span { display: inline-block; float: none; vertical-align: middle; margin-right: 6px; } .mini-bag .mini-bag-total-promo a { display: inline-block; vertical-align: middle; } .mini-bag .mini-bag-total-promo i { display: block; } .mini-bag .mini-bag-total-disclaimer { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 16px; text-align: center; padding: 5px 0 0; } .mini-bag .mini-bag-total .text-serif { font-style: normal; font-size: 1.15em; } .mini-bag .afterpay-integration-container { text-align: center; padding: 5px 0 0; } #mini-cart-afterpayintegration span { float: none; font-size: inherit; } .mini-bag .mini-bag-foot { border-top: 1px solid #c7c7c7; padding: 15px 20px; } .mini-bag .mini-bag-foot-actions { display: flex; flex-wrap: wrap; list-style: none outside none; margin-bottom: 1em; } .mini-bag .mini-bag-foot-actions li { padding: 0 5px; margin-bottom: 10px; } .mini-bag .mini-bag-foot-actions .btn { font-weight: 500; font-size: 18px; line-height: 28px; border-radius: 4px; min-height: 48px; width: 100%; height: 100%; margin: 0; padding: 8px 12px; } .mini-bag .mini-bag-foot-actions .apple-pay-button { height: 43px; } @supports (-webkit-appearance: -apple-pay-button) { .mini-bag .mini-bag-foot-actions .apple-pay-button:hover { -apple-pay-button-style: white-outline; } } .mini-bag .mini-bag-foot-actions .paypal-btn { background-color: #ffc439; } .mini-bag .mini-bag-foot-actions .paypal-btn img { height: 24px; } .mini-bag .mini-bag-foot-actions .paypal-btn:hover { box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05); } .mini-bag .mini-bag-foot-actions .amazon-pay-btn { position: relative; background: #f7d687 url(../css/images/amazonpay.png) center 75%/50% no-repeat; padding: 0; } .mini-bag .mini-bag-foot-actions .amazon-pay-btn img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .mini-bag .mini-bag-foot-actions .amazon-pay-btn:hover { background-color: #e6cb83; } .mini-bag .mini-bag-foot-actions .btn[disabled], .mini-bag .mini-bag-foot-actions .btn.disabled { background-color: #e5e5e5; border-color: transparent; box-shadow: none; filter: grayscale(1); } @supports (-webkit-appearance: -apple-pay-button) { .mini-bag .mini-bag-foot-actions .apple-pay-button[disabled], .mini-bag .mini-bag-foot-actions .apple-pay-button.disabled { -apple-pay-button-style: white-outline; } } .mini-bag .mini-bag-agreement { font-size: 12px; text-align: center; max-width: 100%; width: 420px; margin: auto; } .mini-bag .mini-bag-agreement a { text-decoration: underline; } @media (max-width: 767px) { .mini-bag .mini-bag-sample-atc-btn { width: 100%; } } @media (max-width: 569px) { .mini-bag .mini-bag-sample-atc-btn { width: auto; } .mini-bag .mini-bag-sample-atc-btn .alignleft, .mini-bag .mini-bag-sample-atc-btn .alignright { float: none; display: block; } } /* Mini Bag Static */ .mini-bag-static .mini-bag-inner { border: 0; } .mini-bag-static .mini-bag-head { border-bottom-width: 2px; text-align: left; } .mini-bag-static .mini-bag-section:not(:last-of-type) { border-bottom: 2px solid #000; } .mini-bag-static .mini-bag-foot { border-top: 2px solid #000; } .mini-bag-static .message-update { margin: 0; } .mini-bag-static .mini-bag-items-wrapper { padding: 0; } .mini-bag-static .mini-bag-item-image { width: 65px; } /* ------------------------------------------------------------ *\ My Order \* ------------------------------------------------------------ */ .my-order { display: none; } .my-order .my-order-items { padding: 20px 0; margin: 0; list-style: none outside none; } .my-order .my-order-item { display: table; width: 100%; } .my-order .my-order-item-image, .my-order .my-order-item-content, .my-order .my-order-item-details { display: table-cell; vertical-align: top; padding: 13px 0; } .my-order .my-order-item-image { width: 161px; text-align: left; } .my-order .my-order-item-image a { display: block; } .my-order .my-order-item-price { font-family: 'Goudy Old Style', serif; font-size: 1.2em; } .my-order .my-order-item-price-old { padding-right: 8px; text-decoration: line-through; } .my-order .my-order-item-price-new { color: #e15829; } .my-order .my-order-item-details { width: 34%; } .my-order .my-order-item-details a { color: #729944; text-decoration: underline; } .my-order .my-order-item-details a:hover { text-decoration: none; } .my-order .my-order-item-meta { max-width: 220px; list-style: none outside none; } .my-order .my-order-cols { padding: 18px 0 65px; margin: 0 -10px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #7f7f7f; overflow: hidden; } .my-order .my-order-col { float: left; width: 33.333%; padding: 0 10px; } .my-order .my-order-col .h6 span { font-style: normal; } .my-order .my-order-total { width: 100%; max-width: 270px; padding: 3px 0; } .my-order .my-order-total table { width: 100%; } .my-order .my-order-total td { padding: 3px 0; } .my-order .my-order-total td:last-child { text-align: right; } .my-order .my-order-total .text-serif { font-style: normal; font-size: 1.15em; } /* Mobile */ @media (max-width: 767px) { .my-order .my-order-cols { width: 100%; margin: 0; padding: 10px 18px; border-top: 0; } .my-order .my-order-col { float: none; width: auto; padding: 18px 0; border-top: 1px solid #e1e1e1; font-size: 12px; } .my-order .my-order-col:first-child { border: 0; } .my-order .my-order-col .h6 { font-size: 14px; } .my-order .my-order-items { padding: 0 20px; } .my-order .my-order-item { position: relative; display: block; padding-left: 150px; border-bottom: 1px solid #e1e1e1; } .my-order .my-order-item-image, .my-order .my-order-item-content, .my-order .my-order-item-details { display: block; font-size: 12px; } .my-order .my-order-item-image { position: absolute; left: 0; top: 0; height: 100%; text-align: center; width: 150px; } .my-order .my-order-item-image img { height: 150px; width: auto; } } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { text-align: center; transition: all .2s ease-out; } .nav ul { list-style: none outside none; } .nav li { display: inline-block; vertical-align: top; padding: 0 20px; } .nav span { display: inline-block; vertical-align: top; transition: all .2s ease-out; } .nav a { position: relative; display: block; padding: 5px 0; text-decoration: none; font-size: 15px; } .nav a:before { content: attr(data-label); position: absolute; left: 50%; top: 4px; white-space: nowrap; font-family: 'Goudy Old Style', serif; font-size: 1.15em; font-style: italic; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .2s ease-out; } .nav .current a span, .nav a:hover span { opacity: 0; } .nav .current a:before, .nav a:hover:before { opacity: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities { position: absolute; right: 0; top: 18px; text-transform: uppercase; font-size: 10px; letter-spacing: .2em; width: 300px; } .nav-utilities span { padding-right: 4px; } .nav-utilities > ul { display: inline-flex; list-style: none outside none; } .nav-utilities > ul > li { display: flex; align-items: center; } .nav-utilities > ul > li + li:before { content: ""; display: block; background-color: #000; float: left; width: 1px; height: 1em; margin: 0 1em; } .nav-utilities > ul > li > span { padding-right: 8px; } /* Tablet Portrait */ @media (max-width: 1024px) { .nav-utilities { display: none; position: static; width: 150px; font-size: 7px; top: 0; } .header-tablet .nav-utilities { display: block; } } /* ------------------------------------------------------------ *\ Nav Mobile \* ------------------------------------------------------------ */ .header-wrapper .nav-bg-overlay { position: fixed; width: 100%; height: 100%; z-index: 1001; background: #000; opacity: 0; visibility: hidden; transition: all .3s; } .header-wrapper .nav-bg-overlay.active { visibility: visible; opacity: 0.4; } .nav-mobile { position: fixed; left: 0; bottom: 0; width: 80%; background: #fff; text-align: left; overflow-x: hidden; overflow-y: auto; transform: translateX(-100%); transition: transform .3s; z-index: 1002; } .nav-mobile.active { transform: translateX(0); } .nav-mobile a { text-decoration: none; } .nav-mobile .nav-inner { display: none; position: relative; width: 100%; padding-bottom: 25px; transition: all .2s ease-out; } .nav-mobile .nav-top { padding: 10px 0; border-bottom: 4px solid #e1e1e1; } .nav-mobile .nav-logo .header-logo { position: relative; display: inline-block;width: 100%; text-align: center; } .nav-mobile .btn-nav { position: absolute; top: 10px; right: 10px; } .nav-mobile .ico-nav-close { } .nav-mobile .nav-search { padding: 10px 20px; } .nav-mobile .nav-search .search-controls { display: flex; justify-content: center; } .nav-mobile .nav-search .search-field { width: 100%; border: 2px solid #e1e1e1; padding: 2px 4px; } .nav-mobile .nav-search .search-btn { position: absolute; right: 24px; padding-top: 2px; border: 0; background: none; -webkit-appearance: none; } .nav-mobile .nav-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: transform .3s; } .nav-mobile .nav-content .image { display: inline-block; width: 100%; padding: 5px; } .nav-mobile .nav-content .link { display: inline-block; position: relative; float: right; text-align: right; right: 10px; border-bottom: 1px solid #000; } .nav-mobile .nav-inner.active { display: block; } .nav-mobile .nav-inner > ul { list-style: none outside none; } .nav-mobile .nav-inner > ul > li { border-bottom: 2px solid #e5e5e5; } .nav-mobile .nav-inner > ul > li > a { position: relative; display: block; padding: 8px 12px; font-size: 19px; } .nav-mobile .nav-inner > ul > li > a:hover { text-decoration: none; } .nav-mobile .nav-inner > ul > li > a:active { background: #eee; } .nav-mobile .nav-inner > ul > li > a:after { content: ''; position: absolute; right: 20px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background: url(../css/images/ico-arrow-right@2x.png) no-repeat 0 0; background-size: 100% 100%; } .nav-mobile .nav-inner .has-dropdown > a:after { content: '+'; width: auto; height: auto; background: none; line-height: 6px; font-size: 16px; } .nav-mobile .nav-dropdown { position: absolute; left: 100%; top: 0; width: 100%; max-height: 0; overflow: hidden; text-align: left; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .nav-mobile .active > .nav-dropdown { max-height: 2000px; visibility: visible; opacity: 1; } .nav-mobile .nav-dropdown > ul { display: block; list-style: none outside none; padding-bottom: 20px; } .nav-mobile .nav-dropdown > ul a { display: block; padding: 16px 20px; font-size: 15px; } .nav-mobile .nav-dropdown > ul a:active, .nav-mobile .nav-dropdown > ul .active a { color: #739849; } .nav-mobile .nav-back { display: block; padding: 23px 20px; border-bottom: 1px solid #e5e5e5; font-size: 9px; text-transform: uppercase; letter-spacing: .2em; } .nav-mobile .nav-back:hover { text-decoration: none; } .nav-mobile .nav-back i { margin: -2px 4px 0 0; } .nav-mobile .nav-title { margin: 0 20px; padding: 17px 0; font-size: 19px; line-height: 1.3; border-bottom: 2px solid #000; } .nav-mobile .nav-actions { position: fixed; left: 0; bottom: 0; width: 100%; border-top: 2px solid #000; background: #fff; transition: all .2s ease-out; } .nav-mobile .nav-actions ul { display: flex; list-style: none outside none; padding: 14px 0; overflow: hidden; } .nav-mobile .nav-actions li { flex: 1 1 auto; } .nav-mobile .nav-actions li + li { border-left: 1px solid #ccc; } .nav-mobile .nav-actions a { display: block; padding: 7px 10px; text-align: center; font-size: 9px; text-transform: uppercase; letter-spacing: .2em; } .nav-mobile.has-selected .nav-inner { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .nav-mobile.has-selected .nav-actions { visibility: hidden; opacity: 0; } .nav-mobile.has-selected .nav-content { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .nav-mobile .nav-account-inner.active ~ .nav-content { display: none; } /* ------------------------------------------------------------ *\ Nav Mobile Secondary \* ------------------------------------------------------------ */ .nav-mobile-secondary { border-top: 1px solid #acacac; } .nav-mobile-secondary li { border-bottom: 1px solid #acacac; } .nav-mobile-secondary a { display: block; padding: 23px 20px; font-size: 9px; letter-spacing: .2em; text-align: center; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Nav Products \* ------------------------------------------------------------ */ .nav-products { max-width: 210px; pointer-events: all; } .nav-products ul { list-style: none outside none; } .nav-products > ul > li { padding-bottom: 7px; } .nav-products > ul > li > a { display: block; margin-bottom: 3px; font-family: 'Goudy Old Style', serif; font-size: 1.15em; } .nav-products > ul > li > a:after { content: '+'; display: inline-block; vertical-align: top; padding-left: 8px; font-family: 'Futura', sans-serif; font-size: 15px; font-style: normal; } .nav-products > ul > li > a:hover, .nav-products > ul > .active > a { font-style: italic; text-decoration: none; } .nav-products > ul > .active > a:after { content: '\2013'; } .nav-products > ul > .active { padding-top: 18px; } .nav-products > ul > .active:first-child { padding-top: 0; } .nav-products ul ul { display: none; padding-bottom: 28px; } .nav-products ul ul li { padding: 6px 0; } .nav-products ul ul a { text-decoration: none; } .nav-products ul ul .active a, .nav-products ul ul a:hover { color: #739849; } .nav-products ul ul.current { display: block; } /* ------------------------------------------------------------ *\ Nav Sections \* ------------------------------------------------------------ */ .nav-sections { position: absolute; z-index: 50; left: 0; top: 180px; width: 140px; padding: 10px 30px; } .nav-sections ul { list-style: none outside none; } .nav-sections li { padding: 9px 0; } .nav-sections .active a, .nav-sections a:hover { text-decoration: none; color: #739849; } .nav-sections.sticky-inside { position: fixed; } /* .nav-sections.sticky-after { position: absolute; top: auto; bottom: 20px; } */ /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup .popup-title { margin-bottom: 40px; color: #739849; text-align: center; letter-spacing: .025em; } .popup .popup-title span { font-size: 0.6em; } .popup .popup-body { overflow: hidden; } .popup .popup-content { float: left; width: 47.4%; margin-right: 40px; } .popup .popup-aside { overflow: hidden; } .popup .popup-inner-success { margin: auto; padding: 80px 40px; text-align: center; color: #73984d; } .popup-inner-success .popup-sub-title { font-size: 24px; line-height: 1.2; font-family: 'Goudy Old Style', serif; } /* Mobile */ @media (max-width: 767px) { .popup .popup-title { margin-bottom: 15px; font-size: 22px; } .popup .popup-title br { display: none; } .popup .popup-content { float: none; width: auto; margin-right: 0; } .popup .popup-aside { display: none; } .popup-inner-success .popup-sub-title { font-size: 16px; line-height: 1.2; font-family: 'Goudy Old Style', serif; } .section-alt .subscribe{ height: 160px; } } /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ .product { max-width: 100%; width: 310px; margin: 0 auto; text-align: center; } .product .product-image { display: table; position: relative; width: 100%; margin-bottom: 10px; border: 2px solid transparent; overflow: hidden; transition: all .2s ease-out; padding-top: calc(436 / 310 * 100%); } .product .product-image-holder { display: table-cell; vertical-align: bottom; max-width: 100%; max-height: 100%; } .product .product-image a { display: block; } .product .product-image img { display: inline-block; position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .product .product-image .bottom-image { display: none; } .product .product-image .product-quickview-trigger { color: #fff; display: flex; align-items: center; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 12px; text-transform: uppercase; text-decoration: none; width: calc(100% - 40px); padding: 5px 15px; transition: opacity 0.3s ease; opacity: 0; z-index: 1; } .product .product-image .product-quickview-trigger::before { content: ''; background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: -1; } .product .product-image .product-quickview-trigger::after { content: '+'; color: #000; background-color: #fff; display: inline-block; text-align: center; line-height: 15px; border-radius: 50%; width: 15px; height: 15px; } .product .product-image .product-quickview-trigger span { margin: auto; } .product .product-image .product-quickview-trigger:hover::before { opacity: 0.75; } .product .product-image:hover { border: 0; } .product .product-image:hover .top-image { display: none; } .product .product-image:hover .bottom-image { display: inline-block; } .product .product-image:hover .product-quickview-trigger { opacity: 1; } .product .product-quickshop { position: absolute; right: 0; top: 0; width: 65px; background: #000; color: #fff; padding: 13px 5px; text-align: center; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .product .product-quickshop:hover { text-decoration: none; background: rgba(0,0,0,.8); } .product .product-image:hover .product-quickshop { visibility: visible; opacity: 1; } .product .product-body { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; background-color: #f7f9f8; padding: 5px; flex-direction: column; isolation: isolate; } .product .product-body-top { display: flex; flex-direction: column; justify-content: center; margin-bottom: 8px; } .product .product-title { margin-bottom: 0.5em; } .product .product-description { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.15em; line-height: 1.15; min-height: 20px; font-size: 1em; } .product .discounted { color: #e15829; } .product .cro-add-to-bag, .product .plp-oos-popup { background-color: #F7EDE8; display: inline-block; font-family: 'Futura', sans-serif; font-size: 14px; font-weight: 500; line-height: 1.2; border-width: 1px; width: 100%; padding: 10px 10px; margin: 0 auto; } .product .product-cta-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 -5px -5px; } .product .product-cta-col { padding: 0 5px 5px; } .product .product-cta-row:not(:first-of-type) { padding-top: 5px; } .product .product-cta-price { display: inline; font-family: 'Futura', serif; font-size: inherit; line-height: 1.15; margin: 0; font-style: normal; } .product .product-cta-price > * { display: inline; padding: 0; } .product .product-cta-msg { text-align: left; width: 100%; } .product .product-label { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; margin-top: 8px; } .product .power-review-container { min-height: 32px; } .product .p-w-r .pr-category-snippet { font-size: 0; padding-bottom: 15px; } .product .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4 { height: 17px; width: 17px; } .product .p-w-r .pr-category-snippet__rating .pr-snippet-rating-decimal { display: none; } .product .p-w-r .pr-category-snippet__total { display: none !important; } .product .pr-no-reviews { display: none; } /* Product Large */ .product-large { width: 484px; } @media (max-width: 1199px) { .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 12px; } } @media (max-width: 1099px) { .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 11px; } } @media (max-width: 1024px) { .product .p-w-r .pr-category-snippet__item:not(:last-of-type), .product .p-w-r .pr-category-snippet__item > *:not(:last-child), .product .p-w-r .pr-category-snippet__item .pr-snippet-stars > *:not(:last-child) { margin: 0; } .product .p-w-r .pr-category-snippet__total { display: none !important; } } @media (max-width: 991px) { .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 10px; } } @media (max-width: 767px) { .product .product-image { border: 0; } .product .product-quickshop { padding: 9px 5px; } .product .product-title { font-size: 10px; margin-bottom: 2px; } .product .product-description { font-size: 11px; } .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 12px; } .product .pr-category-snippet__total { display: none !important; } } @media (max-width: 479px) { .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 10px; padding: 8px 8px; } } @media (max-width: 379px) { .product .product-image .product-quickview-trigger { font-size: 10px; width: calc(100% - 20px); padding: 5px; } .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 9px; } } @media (max-width: 349px) { .product .cro-add-to-bag, .product .plp-oos-popup { font-size: 8px; padding: 7px 4px; } } /* ------------------------------------------------------------ *\ Product Callout \* ------------------------------------------------------------ */ .product-callout { position: relative; border-color: #739849; background-size: cover; padding-bottom: 100%; } .product-callout:before { content: ''; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; border-width: 5px; border-style: solid; border-color: #fff; } .product-callout .product-callout-content { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 60px 10px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-callout .product-callout-title { margin-bottom: 31px; font-size: 50px; color: #fff; padding: 0 20px;} .product-callout .product-callout-actions .btn { min-width: 210px; } /* Mobile */ @media (max-width: 767px) { .product-callout .product-callout-content { padding: 0 20px; } .product-callout .product-callout-title { font-size: 30px; } } /* ------------------------------------------------------------ *\ Product Tips \* ------------------------------------------------------------ */ .product-tips { position: relative; padding-bottom: 100%; color: #fff; background: #739849; text-align: center; } .product-tips .product-tips-inner { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-tips .product-tips-title { margin-bottom: 40px; font-size: 50px; padding: 0 20px;} .product-tips .product-tips-slide { padding: 0 40px 40px; font-size: 32px; font-family: 'Goudy Old Style', serif; line-height: 1.1; letter-spacing: .025em; } .product-tips .owl-dots { position: absolute; left: 0; bottom: -20px; width: 100%; } .product-tips .owl-dot { display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 10px; border: 1px solid #fff; border-radius: 50%; transition: all .2s ease-out; } .product-tips .owl-dot:hover, .product-tips .owl-dot.active { background: #fff; } /* Small Desktop */ @media (max-width: 1239px) { .product-tips .product-tips-title { margin-bottom: 20px; font-size: 54px; } .product-tips .product-tips-slide { font-size: 28px; } .product-tips .owl-dots { bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .product-tips .product-tips-title { font-size: 30px; } .product-tips .product-tips-slide { padding: 0 20px 30px; font-size: 18px; } } /* ------------------------------------------------------------ *\ Products \* ------------------------------------------------------------ */ .products { letter-spacing: 0; font-size: 0; margin: 0 -20px; min-height: 300px;}/*min-height added to prevent page jumping on loading */ .products .product-holder { display: inline-block; vertical-align: top; width: 25%; padding: 0 20px; margin-bottom: 80px; font-size: 15px; } .products .product-holder-large { width: 50%; } .products .product-holder-loaded { -webkit-animation: fadeInBlock .4s; animation: fadeInBlock .4s; } .products .product-callout-holder { position: relative; z-index: 10; display: inline-block; vertical-align: top; width: 50%; padding: 0 20px; margin: -30px 0 -30px 0; } .products .product-tips-holder { position: relative; z-index: 10; display: inline-block; vertical-align: top; width: 50%; padding: 0 20px; margin: -30px 0 -30px 0; } .products .products-loading { display: none; padding: 60px 0; font-size: 70px; text-align: center; } .products.is-loading .products-loading { display: block; -webkit-animation: fadeInBlock .4s both .2s; animation: fadeInBlock .4s both .2s; } /* Mobile */ @media (max-width: 767px) { .products .product-holder { position: relative; width: 50%; margin-bottom: 20px; } .products .product-callout-holder, .products .product-tips-holder { width: 100%; margin: 0 0 40px; } .products .products-loading { padding: 30px 0; font-size: 35px; } } /* ------------------------------------------------------------ *\ Product Single \* ------------------------------------------------------------ */ .product-single { padding: 70px 0; } .product-single .product-images-clip { max-width: 486px; margin-left: auto; text-align: center; } .product-single .product-images-nav { position: relative; display: inline-block; vertical-align: top; padding: 0 10px; margin-top: 20px; } .product-single .product-images-nav .owl-dot { display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 10px; border-radius: 50%; border: 1px solid #999; background: #fff; cursor: pointer; transition: all .2s ease-out; } .product-single .product-images-nav .owl-dot.active { background: #739849; border-color: #739849; } .product-single .product-images-nav .owl-dot-video { border-color: transparent; width: auto; height: auto; background: none; font-size: 10px; text-transform: uppercase; letter-spacing: .2em; line-height: 10px; margin-top:-15px !important; margin-left: 0px;} .product-single .product-images-nav .owl-dot-video:before { content:''; display: block; width:30px; margin: 10px auto 10px auto; height:20px; background: url(../css/images/ico-video.png) no-repeat 0 0; } .product-single .product-images-nav .owl-dot-video.active { background: none; border-color: transparent; color: #739849; } .product-single .product-images-nav .owl-prev, .product-single .product-images-nav .owl-next { position: absolute; left: 0; top: -6px; cursor: pointer; } .product-single .product-images-nav .owl-next { left: auto; right: 0; } .product-single .product-content { padding: 5px 0; display: flex; flex-direction: column;} .product-single .product-price { margin-bottom: 8px; font-family: 'Goudy Old Style', serif; font-size: 45px; } .product-single .product-rating { display: inline-block; vertical-align: top; margin-right: 2px; list-style: none outside none; letter-spacing: 0; } .product-single .product-rating li { display: inline-block; vertical-align: top; } .product-single .product-title-section { padding-bottom: 25px; } .product-single .product-title-section .product-title { font-size: 32px; } .product-single .product-title-section .product-weight-div { font-family: 'Goudy Old Style', serif; font-size: 24px; } .product-single .product-review { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; display: flex; justify-content: center; align-items: center;} .product-single .product-review .product-review-star-list {position: relative; bottom: 2px;} .product-single .form-actions.dreviews {position: relative; bottom: 4px;} .product-single .product-review > a:not(:last-child) {margin-right: 8px;} .product-single .product-review-write { text-decoration: underline; margin-right: 10px} .product-single .product-review-write:hover { text-decoration: none; } .product-single .product-review-link { text-decoration: underline; } .product-single .product-review-link:hover { text-decoration: none; } .product-single .product-description-list-wrapper { margin-bottom: 1.3333em; } .product-single .product-entry { max-width: 480px; font-family: 'Goudy Old Style', serif; font-size: 24px; line-height: 1.2; letter-spacing: .02em; } .product-single .product-how { font-size: 14px; font-family: 'Futura', sans-serif; text-decoration: underline; } .product-single .product-how:hover { text-decoration: none; } .product-single .product-socials { text-align: center; margin-top: 20px; } .product-single .product-socials ul { list-style: none outside none; } .product-single .product-socials li { display: inline-block; margin: 0 13px; } .product-single .product-socials a { display: block; transition: all .2s ease-out; } .product-single .product-socials a:hover { opacity: .7; } .product-single .product-socials-mobile { position: fixed; z-index: 900; left: 0; bottom: 0; width: 100%; padding-bottom: 80px; background: #fff; overflow-y: auto; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .product-single .product-socials-mobile .h4 { padding: 14px 0; border-bottom: 1px solid #999; text-align: center; font-size: 17px; } .product-single .product-socials-mobile ul { list-style: none outside none; text-align: center; } .product-single .product-socials-mobile li { padding: 8px 0; font-size: 35px; } .product-single .product-socials-mobile a { display: block; } .product-single .product-socials-mobile a:hover { text-decoration: none; } .product-single .product-socials-mobile .product-socials-close { position: absolute; right: 20px; top: 13px; } .product-single .product-socials-mobile .product-socials-actions { position: fixed; left: 0; bottom: 0; width: 100%; padding: 20px; background: #fff; } .product-single .product-socials-mobile.active { visibility: visible; opacity: 1; } /* Tablet Portrait */ @media (max-width: 1024px) { .product-single { padding: 25px 0 10px; } .product-single .product-title { padding-bottom: 5px; } .product-single .product-title-section { padding-bottom: 5px; } .product-single .product-images-clip { margin: 0 auto; } .product-single .product-entry { order: initial; font-size: 18px; max-width: none; margin-top: 20px; padding-top: 15px; border-top: 1px solid #d3d3d3; } .product-single .product-review { margin-bottom: 10px; } .product-single .product-review .product-review-star-list { bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .product-single .product-title, .product-single .product-title-section .product-title { font-size: 22px; font-weight: 500; } .product-single .product-title-section .product-weight-div { font-family: 'Goudy Old Style', serif; font-size: 22px; } .product-single .product-price { font-size: 36px; margin-right: 10px;} .product-single .product-review { margin-bottom: 0; font-size: 9px; overflow: hidden;} .product-single .product-review-write { float: right; } .product-single .product-images-nav .owl-nav { display: none; } .product-single .product-images-nav .owl-dots { margin-bottom: 5px; } .product-single .product-entry { order: initial; } .product-single .product-how { font-size: 12px; } .product-single .product-entry .description { font-size: 24px; } .product-single .product-rating { margin-right: 8px; margin-bottom: 2px; } } /* ------------------------------------------------------------ *\ Product Details \* ------------------------------------------------------------ */ .product-details { min-height: 500px; padding: 15px 0 40px; } .product-details .product-details-actions { text-align: center; } .product-details .product-details-actions .btn-outline { min-width: 215px; } /* Product Details Primary */ .product-details-primary { max-width: 800px; margin: 0 auto; } .product-details-primary .product-details-title { margin-bottom: 40px; text-align: center; } .product-details-primary .product-details-entry { max-width: 590px; margin: 0 auto; } /* Product Details Secondary */ .product-details-secondary .product-details-title { max-width: 800px; margin: 0 auto 30px; text-align: center; font-family: 'Goudy Old Style', serif; letter-spacing: .025em; } .product-details-secondary .product-details-content { max-width: 1054px; margin: 0 auto; } .product-details-secondary .product-details-content table { border: 4px solid #000; } .product-details-secondary .product-details-content td { height: 102px; padding: 10px 10px; vertical-align: middle; border: 2px solid #000; text-align: center; } /* Product Details Tertiary */ .product-details-tertiary { max-width: 1008px; margin: 0 auto; } .product-details-tertiary .product-details-tips { font-size: 20px; } .product-details-tertiary .product-details-tips img { display: inline-block; vertical-align: bottom; margin: 20px 0 -15px; } .product-details-tertiary .product-details-tips span { display: inline; vertical-align: bottom; margin: 0 15px -5px; font-size: 70px; line-height: 1; } /* Product Details Quaternary */ .product-details-quaternary { max-width: 800px; margin: 0 auto; } .product-details-quaternary .product-details-title { margin-bottom: 20px; line-height: 1.25; } .product-details-quaternary .product-details-title-alt { text-align: center; } /* Mobile */ @media (max-width: 767px) { .product-details { min-height: 0; padding: 10px 0 20px; font-size: 12px; } .product-details-primary .product-details-title { margin-bottom: 10px; font-size: 22px; } .product-details-secondary .product-details-title { margin-bottom: 10px; font-size: 14px; } .product-details-secondary .product-details-content td { height: 48px; padding: 10px; } .product-details-tertiary .product-details-tips { font-size: 15px; line-height: 60px; } .product-details-tertiary .product-details-tips img { vertical-align: middle; width: 55px; margin-top: 0; margin-bottom: 0; } .product-details-tertiary .product-details-tips span { font-size: 35px; line-height: 60px; } .product-details-quaternary .product-details-title { margin: 0 0 15px; font-size: 17px; } .product-details-quaternary .product-details-entry { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Quote \* ------------------------------------------------------------ */ .quote .quote-image { max-width: 270px; margin: 0 auto 29px; border-radius: 50%; overflow: hidden; } .quote .quote-title { margin-bottom: 20px; letter-spacing: .025em; line-height: 1.2; } .quote .quote-entry { margin-bottom: 29px; font-family: 'Goudy Old Style', serif; font-size: 1.2em; line-height: 1.15; } /* Mobile */ @media (max-width: 767px) { .quote .quote-title { margin-bottom: 8px; font-size: 19px; } .quote .quote-entry { font-size: 15px; } .quote .quote-signature { max-width: 70px; } } /* ------------------------------------------------------------ *\ Results \* ------------------------------------------------------------ */ .results { max-width: 1050px; margin: 0 auto; list-style: none outside none; } .result { width: 25%; padding: 0 20px; margin-bottom: 80px; } .result .article-block { margin-bottom: 0; } /* Tablet Portrait */ @media (max-width: 1024px) { .result { width: 50%; margin-bottom: 60px; } .result .article-block { height: 280px; max-width: 280px; } } /* Mobile */ @media (max-width: 767px) { .result { width: 100%; margin-bottom: 40px; } .result-product { width: 50%; } } @media (min-width: 768px) { .result.result-blog {height: 331px; } } /* ------------------------------------------------------------ *\ Review \* ------------------------------------------------------------ */ .reviews { list-style: none outside none; border-bottom: 1px solid #d7d7d7; } .review { padding: 40px 40px; border-top: 1px solid #d7d7d7; } .review .review-title { margin-bottom: 6px; } .review .review-rating { margin-bottom: 25px; list-style: none outside none; font-size: 1px; line-height: 1; } .review .review-rating li { display: inline-block; vertical-align: top; margin: 0 1px; } .review .review-entry { margin-bottom: 20px; font-family: 'Goudy Old Style', serif; font-size: 1.2em; line-height: 1.2; } /* Mobile */ @media (max-width: 767px) { .review { padding: 25px 20px; } .review .review-title { font-size: 16px; } .review .review-rating { margin-bottom: 10px; } .review .review-entry { font-size: 14px; } .review .review-meta { font-size: 12px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; max-width: 1050px; margin: 0 auto; padding-bottom: 2px; } .search .search-label { float: left; line-height: 76px; font-size: 70px; } .search .search-inner { position: relative; overflow: hidden; border-bottom: 2px solid #000; } .search .search-field { position: relative; width: 100%; height: 74px; padding-right: 50px; font-size: 70px; line-height: 1; background: none; border: 0; border-radius: 0; -webkit-appearance: none; text-transform: lowercase; } .search .search-field::-webkit-input-placeholder { color: #999; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .search .search-field::-moz-placeholder { color: #999; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .search .search-field:-ms-input-placeholder { color: #999; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .search .search-field::placeholder { color: #999; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; } .search .search-suggestion { position: absolute; left: 0; top: 0; width: 100%; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 84px; line-height: 74px; color: #999; } .search .search-suggestion span { visibility: hidden; opacity: 0; } .search .search-btn { position: absolute; right: 0; bottom: 13px; background: none; border: 0; border-radius: 0; -webkit-appearance: none; } /* Tablet Portrait */ @media (max-width: 1024px) { .search .search-label { display: block; float: none; text-align: center; } } /* Mobile */ @media (max-width: 767px) { .search .search-inner { border-bottom-width: 1px; } .search .search-label { font-size: 35px; line-height: 1.6; } .search .search-field { height: 37px; font-size: 35px; } .search .search-btn { bottom: 4px; } .search .search-suggestion { line-height: 37px; font-size: 41px; } } /* ------------------------------------------------------------ *\ Search Alt \* ------------------------------------------------------------ */ .search-alt { max-width: 1040px; margin: 0 auto; } .search-alt .search-inner { margin-bottom: 30px; font-size: 38px; line-height: 2; } .search-alt .search-field-holder { position: relative; display: inline-block; vertical-align: middle; width: 360px; margin: 10px 10px 0; } .search-alt .search-field { position: relative; vertical-align: top; width: 100%; height: 54px; padding: 0 12px; font-size: 38px; line-height: 1; background: none; border: 0; border-bottom: 1px solid #000; border-radius: 0; -webkit-appearance: none; text-transform: lowercase; } .search-alt .search-field::-webkit-input-placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; text-align: center; font-size: 24px; } .search-alt .search-field::-moz-placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; text-align: center; font-size: 24px; } .search-alt .search-field:-ms-input-placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; text-align: center; font-size: 24px; } .search-alt .search-field::placeholder { font-family: 'Goudy Old Style', serif; font-style: italic; text-align: center; font-size: 24px; } .search-alt .search-suggestion { position: absolute; left: 0; top: 0; width: 100%; padding: 0 12px; text-align: left; color: #999; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 1.2em; line-height: 54px; } .search-alt .search-suggestion span { color: transparent; } /* Mobile */ @media (max-width: 767px) { .search-alt .search-inner { font-size: 19px; } .search-alt .search-field-holder { width: 250px; margin: 0; } .search-alt .search-field { height: 30px; font-size: 19px; } .search-alt .search-field::-webkit-input-placeholder { font-size: 18px; } .search-alt .search-field::-moz-placeholder { font-size: 18px; } .search-alt .search-field:-ms-input-placeholder { font-size: 18px; } .search-alt .search-field::placeholder { font-size: 18px; } .search-alt .search-suggestion { line-height: 30px; } } /* ------------------------------------------------------------ *\ Search Primary \* ------------------------------------------------------------ */ .search-primary { position: absolute; left: 0; top: 100%; width: 100%; margin-top: 4px; height: calc(100vh - 60px); background: #000; color: #fff; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .search-primary.active { visibility: visible; opacity: 1; } .search-primary .shell { position: relative; } .search-primary .search-inner { position: relative; max-width: 800px; padding: 80px 0; margin: 0 auto; } .search-primary .search-controls { position: relative; } .search-primary .search-field { width: 100%; height: 80px; padding-right: 60px; background: none; border: 0; border-bottom: 2px solid #fff; font-size: 70px; -webkit-appearance: none; } .search-primary .search-field::-webkit-input-placeholder { font-size: 1.2em; font-family: 'Goudy Old Style', serif; font-style: italic; color: #999; } .search-primary .search-field::-moz-placeholder { font-size: 1.2em; font-family: 'Goudy Old Style', serif; font-style: italic; color: #999; } .search-primary .search-field:-ms-input-placeholder { font-size: 1.2em; font-family: 'Goudy Old Style', serif; font-style: italic; color: #999; } .search-primary .search-field::placeholder { font-size: 1.2em; font-family: 'Goudy Old Style', serif; font-style: italic; color: #999; } .search-primary .search-btn { position: absolute; right: 0; bottom: 0; height: 60px; border: 0; background: none; -webkit-appearance: none; } .search-primary .search-close { position: absolute; top: 28px; right: 10px; } /* Tablet Portrait */ @media (max-width: 1024px) { .search-primary { height: calc(100vh - 45px); } .search-primary .search-inner { padding: 40px 0; } .search-primary .search-close { top: 20px; right: 20px; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } .search-primary .search-field { height: 40px; font-size: 30px; } .search-primary .search-btn { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { padding: 66px 0; } .section .section-head { margin-bottom: 38px; text-align: center; } .section .section-head-entry { font-size: 15px; } .section .section-title { margin-bottom: .18em; font-size: 70px; } .section .section-actions { max-width: 270px; margin: 0 auto; } .section .section-actions a { display: block; width: 100%; } .section .section-actions a + a { margin-top: 10px; } /* Tablet Portrait */ @media (max-width: 1024px) { .section .section-title { font-size: 54px; } } /* Mobile */ @media (max-width: 767px) { .section { padding: 30px 0; } .section .section-head-entry { font-size: 12px; } .section .section-title { font-size: 35px; } } /* ------------------------------------------------------------ *\ Section Alt \* ------------------------------------------------------------ */ .section-alt { padding: 70px 0; overflow: hidden; } .section-alt .section-head { margin-bottom: 30px; text-align: center; } .section-alt .section-head p { margin-top: 7px; } .section-alt .section-title { font-family: 'Goudy Old Style', serif; } .section-alt .section-inner { max-width: 1020px; margin: 0 auto; } .section-alt .subscribe { max-width: 434px; margin: 0 auto; } /* Mobile */ @media (max-width: 767px) { .section-alt { padding: 35px 0; } .section-alt .section-head { margin-bottom: 25px; } .section-alt .section-title { font-size: 22px !important; } .section-alt .col { float: none; width: auto; margin-bottom: 35px; } .section-alt .col:last-child { margin-bottom: 0; } .section-alt .section-foot { text-align: center; } .section-alt .subscribe { display: inline-block; vertical-align: top; margin: 0 -20px; } } /* ------------------------------------------------------------ *\ Section Search \* ------------------------------------------------------------ */ .section-search { padding: 158px 0 80px; background: #f7ede8; } .section-search .section-head { margin-bottom: 163px; } /* Tablet Portrait */ @media (max-width: 1024px) { .section-search .section-body { margin: 0 -20px; padding: 0 20px; overflow: visible; overflow-x: auto; } } /* Mobile */ @media (max-width: 767px) { .section-search { padding: 68px 0 0; } .section-search .section-head { margin-bottom: 80px; } .section-search .section-body .cols { width: 100%; min-width: 690px; margin: 0 -10px; } .section-search .section-body .col { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Section Callouts \* ------------------------------------------------------------ */ .section-callouts { padding: 80px 0 0; } /* Mobile */ @media (max-width: 767px) { .section-callouts { padding: 40px 0 0; } } /* ------------------------------------------------------------ *\ Section Picks \* ------------------------------------------------------------ */ .section-picks { padding: 73px 0 10px; } .section-picks .section-head { margin-bottom: 28px; text-align: center; } .section-picks .section-title { letter-spacing: .025em; } .section-picks .section-title span { font-style: normal; } .section-picks .event { margin-left: auto; } /* Tablet Portrait */ @media (max-width: 1024px) { .section-picks .slider-products { max-width: 560px; margin: 0 auto 20px; } .section-picks .event { margin-right: auto; } .section-picks .section-body .col { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-picks { padding: 20px 0 0; } .section-picks .section-title { font-size: 19px; } } /* ------------------------------------------------------------ *\ Section Products \* ------------------------------------------------------------ */ .section-products .section-head { background: none!important; color: #000; height: auto; min-height: 50px; } .section-products .section-head:before { background: none!important; color: #000; height: auto; min-height: 50px; } .section-products .section-head p { font-size: 24px; font-family: 'Goudy Old Style', serif; letter-spacing: .02em; max-width: calc(100% - 200px); } /* ACADACA - Changed the width */ /*.section-products .section-head-inner { position: relative; max-width: 839px; margin: 0 auto; padding-top: 64px; }*/ .section-products .section-head-inner { max-width: 1240px; padding: 50px 0px 20px; } .section-products .section-title { font-size: 35px; text-align: left; } .section-products .section-body { position: relative; } .section-products .section-aside { position: absolute; left: 0; top: 0; width: 100%; padding-top: 35px; } .section-products .section-aside.sticky-inside { position: fixed; } .section-products .section-aside.sticky-after { position: absolute; top: auto; bottom: 12px; } .section-products .section-content { position: relative; margin-left: 210px; padding: 35px 0; } /* Gift */ .section-product-gift .product-title { margin-bottom: 30px; } .section-product-gift .product-image { padding-top: 128px; text-align: center; } .section-product-gift .product-single { padding: 70px 0 56px; } /* Small Desktop */ @media (max-width: 1239px) { .section-product-gift .product-image { padding-top: 66px; } } /* Tablet Portrait */ @media (max-width: 1024px) { .section-product-gift { max-width: 540px; margin: 0 auto; } .section-products .section-title { font-size: 24px; } .section-products .section-head p { font-size: 20px; } .section-products .section-head-inner { padding: 30px 0px 0; } .section-products .section-aside { display: none; } .section-products .section-content { margin-left: 0; } /* Gift */ .section-product-gift p { text-align: center; } .section-product-gift .product-image { padding: 0 0 20px; } .section-product-gift .product-title { text-align: center; } } /* Mobile */ @media (max-width: 767px) { .section-products .section-head { position: relative; min-height: 80px; } .section-products .section-head p { display: none; } .section-products .section-head-inner { padding: 30px 0px 0; } /* Gift */ .section-product-gift .product-single { padding: 30px 0 20px; } } /* ------------------------------------------------------------ *\ Section Top Rated \* ------------------------------------------------------------ */ .section-top-rated { padding: 70px 0; border-top: 1px solid #c7c7c7; overflow: hidden; } .section-top-rated .section-head { margin-bottom: 30px; text-align: center; } .section-top-rated .section-title { font-family: 'Goudy Old Style', serif; } .section-top-rated .section-inner { max-width: 1020px; margin: 0 auto; } .section-top-rated .subscribe { max-width: 434px; margin: 0 auto; } /* Mobile */ @media (max-width: 767px) { .section-top-rated { padding: 35px 0; } .section-top-rated .section-head { margin-bottom: 25px; } .section-top-rated .section-title { font-size: 22px; } } /* ------------------------------------------------------------ *\ Section Checkout \* ------------------------------------------------------------ */ .section-checkout { padding: 60px 0; } .section-checkout .section-head { text-align: center; margin-bottom: 30px; } .section-checkout .section-title { font-size: 84px; font-family: 'Goudy Old Style', serif; } .section-checkout .section-body { display: flex; justify-content: center; margin: 0 -30px; } .section-checkout .section-aside { order: 1; max-width: 100%; width: 480px; padding: 0 30px; } .section-checkout .section-content { overflow: hidden; max-width: 100%; width: 850px; padding: 0 30px; } /* Small Desktop */ @media (max-width: 1349px) { .section-checkout .section-body { margin-left: -15px; margin-right: -15px; } .section-checkout .section-aside, .section-checkout .section-content { padding-left: 15px; padding-right: 15px; } .section-checkout .section-aside { width: 400px; } } /* Mobile */ @media (max-width: 767px) { .section-checkout { padding: 20px 0; } .section-checkout .section-head { margin-bottom: 0; } .section-checkout .section-title { font-size: 42px; } .section-checkout .section-body { display: block; } .section-checkout .section-content { overflow: visible; } } /* ------------------------------------------------------------ *\ Section Product \* ------------------------------------------------------------ */ .section-product { position: relative; } /* Small Desktop */ @media (max-width: 1239px) { .section-product .section-body { padding-left: 140px; } } /* Tablet Portrait */ @media (max-width: 1024px) { .section-product .section-body { padding: 0; } .section-product .col { float: none; width: auto; } } @media (max-width: 767px) { .section-product .product-weight-div { display: none; } } /* ------------------------------------------------------------ *\ Section Product Details \* ------------------------------------------------------------ */ .section-product-details { background: #f9f2eb; } .section-product-details-primary { text-align: center; padding: 22px 0 27px; } .section-product-details-primary .h6 { font-size: 10px; text-transform: uppercase; margin-bottom: 34px; letter-spacing: 0.2em; } /* Mobile */ @media (max-width: 767px) { .section-product-details-primary .h6 { margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section How To \* ------------------------------------------------------------ */ /*ACADACA START*/ .section-how-to {position: relative;height: 300px;background-size: cover;background-position: center center;} .section-how-to .section-title {margin-bottom: 20px;font-size: 70px;color: #fff;} /*ACADACA END*/ .section-how-to:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); } .section-how-to .section-content { position: absolute; left: 0; top: 0; width: 100%; top: 50%; padding-top: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .section-how-to .section-actions .btn { width: 210px; } /* Mobile */ @media (max-width: 767px) { .section-how-to { height: 275px; } .section-how-to .section-title { font-size: 35px; } .section-how-to .section-actions .btn { width: auto; } } /* ------------------------------------------------------------ *\ Section Reviews \* ------------------------------------------------------------ */ .section-reviews { padding: 70px 0; border-top: 1px solid #d7d7d7; text-align: center; } .section-reviews .section-head { max-width: 940px; margin: 0 auto 40px; } .section-reviews .section-title { margin-bottom: 10px; font-family: 'Goudy Old Style', serif; } .section-reviews .section-quote { margin-bottom: 10px; font-size: 70px; letter-spacing: .02em; } .section-reviews .section-body { max-width: 670px; margin: 0 auto; } .section-reviews .section-foot { padding: 20px 0; margin-bottom: 20px; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; } .section-reviews .section-actions { font-size: 0; } .section-reviews .section-actions .btn { width: 170px; margin: 0 20px; } /* Mobile */ @media (max-width: 767px) { .section-reviews { padding: 35px 0; } .section-reviews .section-head { margin-bottom: 25px; } .section-reviews .section-title { font-size: 22px; } .section-reviews .section-quote { margin-bottom: 18px; font-size: 30px; line-height: 1.2; } .section-reviews .section-meta { font-size: 12px; } .section-reviews .section-foot { padding: 30px 0; margin: 0; } .section-reviews .section-actions .btn { width: 130px; margin: 0 5px; padding-left: 10px; padding-right: 10px; } } /* ------------------------------------------------------------ *\ Section Stain Guide \* ------------------------------------------------------------ */ .section-stain-guide { background: #f7ede8; } .section-stain-guide .section-head { padding: 80px 0; text-align: center; } .section-stain-guide .section-title { margin-bottom: 40px; font-size: 70px; } .section-stain-guide .section-foot { padding: 80px 0; border-top: 1px solid #000; } /* Tablet Portrait */ @media (max-width: 1024px) { .section-stain-guide .section-foot .col { float: none; width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-stain-guide .section-head { padding: 30px 0; } .section-stain-guide .section-title { font-size: 34px; } .section-stain-guide .section-foot { padding: 40px 0; } } /* ------------------------------------------------------------ *\ Section Article \* ------------------------------------------------------------ */ .section-article .section-head { position: relative; } .section-article .section-head-inner { max-width: 50%; line-height: 684px; height: 684px; padding: 0 6%; margin-left: auto; font-size: 44px; font-family: 'Goudy Old Style', serif; loverflow: hidden; } .section-article .section-head-inner p { display: inline-block; vertical-align: middle; line-height: 1.1; max-height: 9.9em; overflow: hidden; } .section-article .section-image { position: absolute; left: 0; top: 0; right: 50%; bottom: 0; background-size: cover; background-position: center center; } .section-article .section-image:before { content: ''; position: absolute; left: 50%; top: 34px; bottom: 34px; width: 616px; margin-left: -313px; border: 5px solid #fff; } .section-article .section-title { position: absolute; left: 50%; top: 50%; width: 616px; max-height: 5.2em; padding: 0 65px; font-size: 70px; color: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; } .section-article .section-body { position: relative; padding-top: 50px; background: #ffffff; } .section-article .section-nav { position: absolute; z-index: 100; left: 0; top: 0; width: 100%; background: #000000; white-space: nowrap; overflow: hidden; overflow-x: auto; text-align: center; transition: opacity .2s ease-out, visibility .2s ease-out; } .section-article .section-nav ul { list-style: none outside none; font-size: 0; margin: 0; padding: 19px 0 19px; } .section-article .section-nav li { display: inline-block; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; padding: 0 18px; vertical-align: top; } .section-article .section-nav li + li { border-left: 1px solid #fff; } .section-article .section-nav a { color: #fff; transition: all .2s ease-out; } .section-article .section-nav a:hover { color: rgba(255,255,255,.7); text-decoration: none; } .section-article .section-nav ul + ul { padding-top: 0; } .section-article .section-nav.sticky-inside { position: fixed; } .section-article .section-bottom { padding: 70px 0 0;} .section-article .section-bottom-title { margin-bottom: 40px; text-align: center; font-family: 'Goudy Old Style', serif; } .section-article .section-bottom-inner { max-width: 1040px; margin: 0 auto; } .section-article .section-foot { background: #f7ede8; padding: 80px 0;} .section-article .section-socials { position: fixed; z-index: 200; left: 0; top: 50%; padding: 020px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; transition: all .2s ease-out; } .section-article .section-socials ul { list-style: none outside none; } .section-article .section-socials li { padding: 5px 0; } .section-article .section-socials a { text-decoration: underline; } .section-article .section-socials a:hover { text-decoration: none; } .section-article.section-hide .section-socials { visibility: hidden; opacity: 0; } .section-article.section-hide-alt .section-nav { visibility: hidden; opacity: 0; } .section-article-alt { border-top: 1px solid #000; } .section-article-blog .section-socials { visibility: hidden; opacity: 0; transition: all .2s ease-out; } .section-article-blog .section-socials.sticky-inside { visibility: visible; opacity: 1; } .section-article-blog .section-socials.sticky-after { visibility: hidden; opacity: 0; } /* Small Desktop */ @media (max-width: 1239px) { .section-article .section-head-inner { height: 480px; line-height: 480px; font-size: 33px; } .section-article .section-image:before { width: 440px; top: 20px; bottom: 20px; margin-left: -220px; } .section-article .section-title { padding: 0 40px; width: 440px; font-size: 54px; } } /* Tablet Portrait */ @media (max-width: 1024px) { .section-article { padding-top: 40px; } .section-article .section-nav.sticky-inside { top: 50px; } .section-article .section-nav ul { padding: 12px 0; } .section-article .section-nav li { font-size: 9px; } .section-article .section-nav ul + ul { padding-top: 0; } .section-article .section-head-inner { height: auto; line-height: 1.1; max-width: none; padding: 35px 0; } .section-article .section-image { position: relative; left: auto; right: auto; top: auto; bottom: auto; height: 320px; margin: 0 -20px; } .section-article .section-image:before { width: 280px; margin-left: -140px; border-width: 10px; } .section-article .section-title { width: 280px; padding: 0 20px; font-size: 35px; } .section-article .section-body { padding-top: 0; } .section-article .section-foot .col { float: none; width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-article .section-head-inner { font-size: 22px; } .section-article .section-bottom { padding-top: 30px; } .section-article .section-bottom-title { margin-bottom: 20px; font-size: 22px; } .section-article .section-foot { padding: 40px 0 0; } } /* ------------------------------------------------------------ *\ Section Index \* ------------------------------------------------------------ */ .section-index { position: relative; height: 700px; background-size: cover; background-position: center center; text-align: center; } .section-index:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); } .section-index .section-content { position: relative; padding: 40px 0; color: #fff; } .section-index .section-subtitle { margin-bottom: 16px; } .section-index .section-title { margin-bottom: 50px; font-size: 92px; line-height: 1.15; word-spacing: .4em; } .section-index .section-bar { padding-bottom: 20px; margin-bottom: 60px; border-bottom: 1px solid #fff; } .section-index .section-bar ul { list-style: none outside none; } .section-index .section-bar li { display: inline-block; vertical-align: top; margin: 0 6px 0 5px; font-size: 20px; text-transform: uppercase; } .section-index .section-bar .active a { text-decoration: underline; } /* Mobile */ @media (max-width: 767px) { .section-index { height: 350px; } .section-index .section-content { padding: 35px 0; } .section-index .section-subtitle { margin-bottom: 10px; font-size: 19px; } .section-index .section-title { margin-bottom: 20px; font-size: 36px; } .section-index .section-bar { padding-bottom: 5px; white-space: nowrap; overflow: hidden; overflow-x: auto; } .section-index .section-bar li { font-size: 15px; } } /* ------------------------------------------------------------ *\ Section Services \* ------------------------------------------------------------ */ .section-services { padding: 75px 0; background: #f7ede8; } .section-services .section-title { margin-bottom: 20px; text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-services { padding: 40px 0 0; } .section-services .section-title { font-size: 19px; } .section-services .col { float: none; width: auto; } } /* ------------------------------------------------------------ *\ Section Videos \* ------------------------------------------------------------ */ .section-videos { padding: 30px 0; background: #f7ede8; border-top: 1px solid #d7d7d7; } .section-videos .section-title { margin-bottom: 10px; text-align: center; } #section-how-to-videos-id { background: none; } #section-how-to-videos-id .slides { max-width: 33%; } #section-how-to-videos-id .slide { padding: 0 50px; } #section-how-to-videos-id .owl-prev { transform: translateX(-50%); } #section-how-to-videos-id .owl-next { transform: translateX(50%); } @media (max-width: 1023px) { #section-how-to-videos-id .slides { max-width: none; } } /* Mobile */ @media (max-width: 767px) { .section-videos { padding: 40px 0 20px; } .section-videos .section-title { font-size: 19px; } #section-how-to-videos-id .slide { padding: 0; } } /* ------------------------------------------------------------ *\ Section Subscribe \* ------------------------------------------------------------ */ .section-subscribe { text-align: center; padding: 0 0 50px; } .section-subscribe .subscribe-description { font-family: 'Goudy Old Style', serif; font-size: 24px; line-height: 1.2; } .section-subscribe .subscribe-description:not(:last-child) { margin-bottom: 50px; } .section-subscribe form { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -5px; } .section-subscribe form > * { margin-bottom: 10px; padding: 0 5px; } .section-subscribe .field { font-weight: 500; border-color: #000; border-width: 2px; max-width: 100%; width: 250px; height: 40px; } .section-subscribe .btn { font-weight: 500; font-size: inherit; text-transform: uppercase; line-height: 36px; height: 40px; padding: 0 26px; } .section-subscribe .subscribe { font-weight: 500; font-size: 20px; padding: 10px; } /* ------------------------------------------------------------ *\ Section Categories \* ------------------------------------------------------------ */ .section-categories { padding: 50px 0; background: #f7ede8; border-top: 1px solid #d7d7d7; } .section-categories .section-head { margin-bottom: 60px; text-align: center; } .section-categories .section-title { margin-bottom: 20px; font-size: 92px; } /* Mobile */ @media (max-width: 767px) { .section-categories { padding: 25px 0 0; } .section-categories .section-head { margin-bottom: 18px; } .section-categories .section-head p { font-size: 12px; } .section-categories .section-title { margin-bottom: 0; font-size: 46px; } } /* ------------------------------------------------------------ *\ Section Coming Up \* ------------------------------------------------------------ */ .section-coming-up { padding: 80px 0; text-align: center; color: #739849; } .section-coming-up .section-title { margin-bottom: .25em; font-size: 70px; font-weight: normal; } .section-coming-up .section-title .text-serif { font-style: normal; } .section-coming-up .section-head { margin-bottom: 40px; } .section-coming-up .section-head p { font-size: 15px; } .section-coming-up .section-actions .btn { min-width: 140px; } /* Mobile */ @media (max-width: 767px) { .section-coming-up { padding: 40px 0; } .section-coming-up .section-title { font-size: 35px; } .section-coming-up .section-head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Search Results \* ------------------------------------------------------------ */ .section-search-results .section-body { position: relative; padding-top: 100px; } .section-search-results .section-bar { position: absolute; left: 0; top: 0; width: 100%; padding: 40px 0; border-bottom: 1px solid transparent; text-align: center; transition: opacity .2s ease-out, visibility .2s ease-out; } .section-search-results .section-bar.sticky-inside { position: fixed; z-index: 100; background: #fff; border-color: #ddd; } .section-search-results .section-bar.sticky-after { visibility: hidden; opacity: 0; } .section-search-results .search-primary { position: relative; top: auto; margin-top: 0; height: auto; visibility: visible; opacity: 1; } /* Mobile */ @media (max-width: 767px) { .section-search-results { padding-top: 40px; } .section-search-results .section-bar { padding: 10px 0; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section Blog \* ------------------------------------------------------------ */ .section-blog { padding: 80px 0; } .section-blog .section-inner { max-width: 1150px; margin: 0 auto; } /* Small Desktop */ @media (max-width: 1239px) { .section-blog .section-inner { max-width: 1000px; } } /* Tablet Portrait */ @media (max-width: 1024px) { .section-blog .section-inner { max-width: 720px; } } /* Mobile */ @media (max-width: 767px) { .section-blog { padding: 40px 0; } } /* ------------------------------------------------------------ *\ Section About \* ------------------------------------------------------------ */ .section-about { padding: 70px 0; } .section-about-alt { padding-bottom: 0; } .section-about .section-aside { position: absolute; z-index: 20; left: 0; top: 0; width: 100%; padding-top: 70px; pointer-events: none; } .section-about .section-aside.sticky-inside { position: fixed; } .section-about .section-aside.sticky-after { position: absolute; top: auto; bottom: 12px; } .section-about .section-inner { position: relative; } .section-about .section-inner + .section-inner { padding-top: 70px; border-top: 1px solid #d7d7d7; } .section-about .section-content { position: relative; z-index: 20; max-width: 800px; margin: 0 auto; padding-bottom: 80px; } .section-about .section-bar { padding: 80px 0; background: #f9f2eb; } .section-about .section-bar-alt { padding: 0; } .section-about .section-bar-inner { max-width: 800px; margin: 0 auto; } .section-about .section-bar-entry { margin-bottom: 50px; font-family: 'Goudy Old Style', serif; font-size: 1.15em; line-height: 1.2; letter-spacing: .02em; } .section-about .section-bar-title { text-align: center; } .section-about .section-bar .tabs { position: relative; z-index: 20; } .section-about .section-foot { padding-top: 80px; } .section-about .section-foot-inner { max-width: 1000px; margin: 0 auto; } /* Section About Utility */ .section-about-utility .section-aside { padding-top: 210px; transition: padding .2s ease-out; } .section-about-utility .section-aside.sticky-inside { padding-top: 70px; } /* Mobile */ @media (max-width: 767px) { .section-about { padding: 20px 0 40px; } .section-about .section-mobile-nav { margin-bottom: 30px; } .section-about .section-inner + .section-inner { padding-top: 35px; } .section-about .section-content { max-width: 800px; margin: 0 auto; padding-bottom: 35px; } .section-about .section-bar { padding: 35px 0; } .section-about .section-bar-alt { padding: 0; } .section-about .section-bar-entry { margin-bottom: 1em; font-size: 14px; } .section-about .section-bar-title { font-size: 19px; } .section-about .section-foot { padding: 35px 0; } .section-about .col { float: none; width: auto; } } /* ------------------------------------------------------------ *\ Section Comments \* ------------------------------------------------------------ */ .section-comments .section-inner { max-width: 800px; } /* ------------------------------------------------------------ *\ Section My Orders \* ------------------------------------------------------------ */ .section-my-orders .section-head { padding-bottom: 8px; } .section-my-orders .section-body { position: relative; } .section-my-orders .section-aside { position: absolute; left: 0; top: 0; width: 100%; margin-left: -10px; } .section-my-orders .section-aside.sticky-inside { position: fixed; margin-left: 0; } .section-my-orders .section-aside.sticky-after { position: absolute; top: auto; bottom: 12px; margin-left: -10px; } .section-my-orders .section-content { position: relative; min-height: 700px; max-width: 800px; margin-left: 210px; } .section-my-orders .section-foot { padding: 38px 0; } .section-my-orders .section-foot span { font-style: normal; } .section-my-orders .section-foot a { color: #729944; text-decoration: underline; } .section-my-orders .section-foot a:hover { text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1024px) { .section-my-orders .section-aside { display: none; } .section-my-orders .section-content { margin-left: auto; margin-right: auto; } .section-my-orders .section-mobile-nav { margin-bottom: 35px; } } /* Mobile */ @media (max-width: 767px) { .section-my-orders .section-mobile-nav { margin: -10px 0 35px; } .section-my-orders .section-head { margin-bottom: 0; padding-bottom: 11px; } .section-my-orders .section-foot { padding: 25px 0; font-size: 12px; } .section-my-orders .section-content { min-height: 0; } } /* ------------------------------------------------------------ *\ Section Shoppable Blocks \* ------------------------------------------------------------ */ .section-shoppable-blocks { padding-top: 50px; } .section-shoppable-blocks > .shell:not(.stay-connected__shell) { max-width: 1000px; } .section-shoppable-blocks .about-item .about-item-content .h2 { margin-bottom: 30px; } .section-shoppable-blocks .list-item-content { font-weight: 400; font-size: 15px; } .section-shoppable-blocks .about-item-description { font-size: 16px; margin-bottom: 1.3333em; } .section-shoppable-blocks .about-item-description p { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; margin: 0; } .section-shoppable-blocks .about-item-link { font-family: 'Goudy Old Style', serif; font-size: 16px; text-decoration: none; } .section-shoppable-blocks .about-item-link:hover { text-decoration: underline; } .section-shoppable-blocks .about-item-list-description { line-height: 1.5; } .section-shoppable-blocks .about-item-list-description p { font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; margin: 0; } .section-shoppable-blocks .about-item-atc { display: inline-block; position: relative; font-weight: 500; text-decoration: none; margin-top: 1rem;} .section-shoppable-blocks .about-item-atc::after { content: ''; display: block; background-color: #333; width: 100%; height: 2px; margin-top: -3px; z-index: -1; } .section-shoppable-blocks .about-item-atc:hover::after { display: none; } .section-shoppable-blocks .about-item-atc .product-price { display: inline; font-family: 'Goudy Old Style', serif; font-size: 1.15em; line-height: 1.15; margin: 0; } .section-shoppable-blocks .about-item-atc .product span.product-price-new.search-product-price-new { padding-left: 0.125em; } .section-shoppable-blocks .about-item-cta { margin-top: 2.5rem; } .section-shoppable-blocks .about-item-atc-all { font-weight: 400; } .section-shoppable-blocks .multithumbnail { position: relative; z-index: 0; margin-bottom: 65px; } .section-shoppable-blocks .multithumbnail::after { content: ''; display: table; clear: both; } .section-shoppable-blocks .multithumbnail-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .section-shoppable-blocks .multithumbnail-background-image { max-width: 95%; } .section-shoppable-blocks .multithumbnail-content { float: right; background: #fff; box-shadow: 3px 2px 12px rgba(0,0,0,.1); width: 58%; margin: 50px 0 100px; padding: 47px 42px 40px; } .section-shoppable-blocks .multithumbnail-description { line-height: 2.5; margin-bottom: 2em; } .section-shoppable-blocks .multithumbnail-image-list { list-style-type: none; display: flex; justify-content: center; } .section-shoppable-blocks .multithumbnail-image-item { flex: 0 1 auto; width: 33%; padding: 0 3px; } .section-shoppable-blocks .multithumbnail-image-link { background: center/cover no-repeat; display: flex; justify-content: center; align-items: flex-end; text-decoration: none; padding-top: 100%; } .section-shoppable-blocks .multithumbnail-image-text { font-size: 20px; max-width: calc(100% - 20px); margin: -100% 0 -10px; } .section-shoppable-blocks .multithumbnail:nth-of-type(even) .multithumbnail-content { float: left; box-shadow: -3px 2px 12px rgba(0,0,0,.1); } .section-shoppable-blocks .multithumbnail:nth-of-type(even) .multithumbnail-background { text-align: right; } .section-shoppable-blocks .small-feature { position: relative; z-index: 0; margin-bottom: 65px; } .section-shoppable-blocks .small-feature::after { content: ''; display: table; clear: both; } .section-shoppable-blocks .small-feature-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .section-shoppable-blocks .small-feature-background-image { max-width: 95%; } .section-shoppable-blocks .small-feature-content { float: right; background: #fff; box-shadow: 3px 2px 12px rgba(0,0,0,.1); width: 58%; margin: 50px 0 100px; padding: 47px 42px 40px; } .section-shoppable-blocks .small-feature-description { line-height: 2.5; } .section-shoppable-blocks .small-feature:nth-of-type(even) .small-feature-content { float: left; box-shadow: -3px 2px 12px rgba(0,0,0,.1); } .section-shoppable-blocks .small-feature:nth-of-type(even) .small-feature-background { text-align: right; } @media (hover: none) { .section-shoppable-blocks .about-item-atc.no-touch::after { display: block; } } @media (max-width: 991px) { .section-shoppable-blocks .multithumbnail .multithumbnail-background, .section-shoppable-blocks .multithumbnail .multithumbnail-content { max-width: 100%; width: 560px; margin: 0 auto; } .section-shoppable-blocks .multithumbnail .multithumbnail-background, .section-shoppable-blocks .multithumbnail:nth-of-type(even) .multithumbnail-background { position: static; top: initial; left: initial; text-align: center; } .section-shoppable-blocks .multithumbnail .multithumbnail-content, .section-shoppable-blocks .multithumbnail:nth-of-type(even) .multithumbnail-content { float: none; box-shadow: 0px 2px 12px rgba(0,0,0,.1); } .section-shoppable-blocks .multithumbnail .multithumbnail-background-image { max-width: 100%; } .section-shoppable-blocks .small-feature .small-feature-background, .section-shoppable-blocks .small-feature .small-feature-content { max-width: 100%; width: 560px; margin: 0 auto; } .section-shoppable-blocks .small-feature .small-feature-background, .section-shoppable-blocks .small-feature:nth-of-type(even) .small-feature-background { position: static; top: initial; left: initial; text-align: center; } .section-shoppable-blocks .small-feature .small-feature-content, .section-shoppable-blocks .small-feature:nth-of-type(even) .small-feature-content { float: none; box-shadow: 0px 2px 12px rgba(0,0,0,.1); } .section-shoppable-blocks .small-feature .small-feature-background-image { max-width: 100%; } } @media (max-width: 767px) { .section-shoppable-blocks { padding-top: 30px; } .section-shoppable-blocks .about-item .about-item-content .h2 { margin-bottom: 20px; } .section-shoppable-blocks .multithumbnail { margin-bottom: 30px; } .section-shoppable-blocks .multithumbnail-title { font-size: 20px; } .section-shoppable-blocks .multithumbnail .multithumbnail-background { margin-bottom: 25px; } .section-shoppable-blocks .multithumbnail .multithumbnail-content, .section-shoppable-blocks .multithumbnail:nth-of-type(even) .multithumbnail-content { box-shadow: none; padding: 0 0 20px; } .section-shoppable-blocks .small-feature { margin-bottom: 30px; } .section-shoppable-blocks .small-feature-title { font-size: 20px; } .section-shoppable-blocks .small-feature .small-feature-background { margin-bottom: 25px; } .section-shoppable-blocks .small-feature .small-feature-content, .section-shoppable-blocks .small-feature:nth-of-type(even) .small-feature-content { box-shadow: none; padding: 0 0 20px; } } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .service { position: relative; } .service .service-inner { position: relative; display: block; height: 380px; background-size: cover; background-position: center center; box-shadow: inset 0 0 0 5px #fff; } .service .service-inner:before { content: ''; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background: rgba(0,0,0,.25); } .service .service-title { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } /* Tablet Portrait */ @media (max-width: 1024px) { .service { margin-bottom: 40px; } .service .service-inner { height: 280px; } .service .service-title { font-size: 19px; } .service .service-title br { display: none; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider { padding: 0 0 30px; } .slider .slides { list-style: none outside none; } .slider .slide { display: flex; align-items: center; position: relative; padding: 0 0 48px;} .slider .slide.slide-align-left { flex-direction: row-reverse; } .slider .slide-image { position: relative; flex: 1 1 auto; width: auto; height: 100%; } .slider .slide-image a { background-size: cover; background-repeat: no-repeat; background-position: center center; display: block; width: 100%; height: 100%; } .slider .slide-entry { display: flex; flex-direction: column; position: relative; font-family: 'Futura', sans-serif; font-weight: 100; line-height: 1.2; text-align: center; border: 0; max-width: 40%; width: 700px; height: 100%; margin: auto; padding: 22px 30px 20px; } .slider .slide-entry::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .slider .slide-entry-content > * { margin-bottom: 35px; } .slider .slide-entry-content > *:last-child { margin-bottom: 0px; } .slider .slide-entry h1, .slider .slide-entry h2, .slider .slide-entry h3, .slider .slide-entry h4, .slider .slide-entry h5, .slider .slide-entry h6, .slider .slide-entry .h1, .slider .slide-entry .h2, .slider .slide-entry .h3, .slider .slide-entry .h4, .slider .slide-entry .h5, .slider .slide-entry .h6 { font-family: 'Goudy Old Style'; line-height: 1; } .slider .slide-entry .text-large { font-size: 30.5pt; } .slider .slide-entry .text-medium { font-weight: 200; font-size: 24.75pt; } .slider .slide-entry .text-small { font-weight: 200; font-size: 24.75pt; line-height: 1.333; } .slider .slide-entry-content { margin: auto 0; } .slider .slide-entry.slide-entry-left { margin-left: 0; } .slider .slide-entry.slide-entry-right { margin-right: 0; } .slider .slide-entry.slide-entry-bg-none { min-height: 75%; } .slider .slide-entry.slide-entry-bg-none .slide-entry-content { flex: 1 1 auto; } .slider .slide-entry.slide-entry-bg-white::before { background: #fff; } .slider .slide-entry.slide-entry-bg-peach::before { background: #f7ede8; } .slider .slide-actions { text-align: center; width: 100%; margin-top: 35px; margin-bottom: 20px; z-index: inherit; } .slider .slide-actions .btn { font-size: 14pt; min-width: 0; padding: 12px 25px 12px; } .slider .owl-nav { display: flex; justify-content: flex-end; position: absolute; left: 0; right: 0; top: auto; bottom: 0px; font-size: 0; width: 100%; padding: 0px 0px 0px; } .slider .owl-prev { position: absolute; left: 0; top: -34px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider .owl-next { position: absolute; right: 0; top: -34px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider .owl-prev, .slider .owl-next { position: static; background: rgba(255,255,255,.9); padding: 14px 35px; font-family: 'Futura',sans-serif; font-weight: 100; font-size: 20px; line-height: 1; } .slider .owl-prev i, .slider .owl-next i { display: none; } .slider .owl-prev:before { content: 'Back'; transition: color .2s; } .slider .owl-next:before { content: 'Next'; transition: color .2s; } .slider .owl-prev:hover:before, .slider .owl-next:hover:before { color: #748a53; } .slider .owl-dots { text-align: center; margin: 20px 0; } .slider .owl-dot { display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } .slider .owl-dot:hover, .slider .owl-dot.active { background: #73984d; } @media (max-width: 1439px) { .slider .slide-entry { padding: 22px 20px 20px; } .slider .slide-entry .text-large { font-size: 28pt; } .slider .slide-entry .text-medium { font-size: 22pt; } .slider .slide-entry .text-small { font-size: 18pt; } } @media (max-width: 1199px) { .slider .slide-entry { max-width: 45%; padding: 22px 25px 20px; } .slider .slide-entry .text-large { font-size: 26pt; } .slider .slide-entry .text-medium { font-size: 20pt; } .slider .slide-entry .text-small { font-size: 14pt; } } @media (max-width: 1024px) { .slider { padding: 0px; } .slider .shell { max-width: 100%; padding: 0; } .slider .slide { display: block; align-items: center; position: relative; padding: 0; } .slider .slide.slide-align-left { flex-direction: unset; } .slider .slide-image { position: relative; width: 100%; padding: 0; z-index: -1; } .slider .slide-image img { width: 100%; height: auto; } .slider .slide-entry, .slider .slide-entry.slide-entry-left, .slider .slide-entry.slide-entry-right { margin: auto; } .slider .slide-entry-content > *:not(:last-child) { margin-bottom: 30px; } .slider .slide-entry { max-width: 100%; width: 100%; padding: 35px 20px; opacity: 1; } .slider .slide-entry .text-medium { display: none; } .slider .slide-actions { margin-top: 30px; margin-bottom: 0; } .slider .slide-actions .btn { font-size: 12pt; padding: 4px 20px 5px; } .slider .owl-dots { display: none !important; margin: 10px 0; } .slider .owl-dot { width: 12px; height: 12px; margin: 0 6px; } .slider .owl-nav { display: none; bottom: -20px; justify-content: center; padding: 0px 0px 20px; } .slider .owl-prev, .slider .owl-next { background: transparent; font-size: 14px; font-weight: 500; } .slider .owl-prev { padding: 12px 15px 12px 27px; } .slider .owl-next { padding: 12px 31px 12px 12px; } } /* Mobile */ @media (max-width: 767px) { .slider .shell { padding: 0; } .slider .slide-entry { width: 486px; padding: 20px; } .slider .slide-entry-content > *:not(:last-child) { margin-bottom: 25px; } .slider .slide-actions { margin-top: 25px; } .slider .owl-prev { padding: 24px 13px; } .slider .owl-next { padding: 24px 22px; } } /* ------------------------------------------------------------ *\ Slider Secondary \* ------------------------------------------------------------ */ .slider-secondary { position: relative; overflow: hidden; } .slider-secondary .slider-title { position: absolute; z-index: 20; left: 0; top: 40px; width: 100%; color: #fff; text-align: center; } .slider-secondary .slides { list-style: none outside none; } .slider-secondary .slide { position: relative; height: 700px; padding: 35px 0; background-size: cover; color: #fff; text-align: center; } .slider-secondary .slide:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); } .slider-secondary .slide-content { position: absolute; left: 0; top: 50%; width: 100%; padding-top: 65px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; transition: all .4s ease-out; } .slider-secondary .slide-title { max-width: 800px; margin: 0 auto 40px; font-size: 84px; font-family: 'Goudy Old Style', serif; line-height: 1; } .slider-secondary .slide-actions .btn { padding: 14px 15px; } .slider-secondary .active .slide-subtitle, .slider-secondary .active .slide-content { visibility: visible; opacity: 1; transition-delay: .4s; } .slider-secondary .owl-stage-outer { overflow: visible; } .slider-secondary .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; } .slider-secondary .owl-prev { position: absolute; left: 40px; top: -14px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-secondary .owl-next { position: absolute; right: 40px; top: -14px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-secondary .owl-dots { position: absolute; left: 0; bottom: 31px; width: 100%; text-align: center; } .slider-secondary .owl-dot { display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } .slider-secondary .owl-dot:hover, .slider-secondary .owl-dot.active { background: #73984d; } /* Tablet Portrait */ @media (max-width: 1024px) { .slider-secondary .slide-title { padding: 0 100px; } } /* Mobile */ @media (max-width: 767px) { .slider-secondary .slider-title { top: 20px; font-size: 19px; } .slider-secondary .slide { height: 350px; padding: 18px 0; } .slider-secondary .slide-title { margin-bottom: 15px; font-size: 41px; padding: 0 20px; line-height: 1; } .slider-secondary .slide-actions { padding-bottom: 20px; } .slider-secondary .owl-nav { display: none; } .slider-secondary .owl-dots { position: static; margin: 10px 0; } .slider-secondary .owl-dot { width: 12px; height: 12px; } } /* ------------------------------------------------------------ *\ Slider Products \* ------------------------------------------------------------ */ .slider-products { padding-top: 40px; } .slider-products .slide { position: relative; padding: 60px 0 20px; } .slider-products .product { max-width: 380px; } .slider-products .product .product-image { padding-top: calc(534 / 380 * 100%); border-width: 0; } .slider-products .product .product-image:after { height: 534px; } .slider-products .slide-quote { width: 210px; height: 210px; position: absolute; top: 0; right: 0; padding: 15px 10px 10px; background: #fff; border: 4px solid #000; font-size: 20px; text-align: center; visibility: hidden; opacity: 0; transition: all .3s ease-out; } .slider-products .active .slide-quote { visibility: visible; opacity: 1; transition-delay: .4s; } .slider-products .product:hover + .slide-quote { opacity: 0; visibility: hidden; } .slider-products .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; } .slider-products .owl-prev { position: absolute; left: 0; top: -10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-products .owl-next { position: absolute; right: 0; top: -10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-products .slides { padding: 0 105px; } .slider-products .slides:before { content: ''; position: absolute; left: 105px; top: 56px; right: 105px; bottom: 0; border: 4px solid #000; pointer-events: none; } .slider-products .slides:after { content: ''; position: absolute; z-index: 20; left: 105px; top: 56px; right: 105px; bottom: 0; border-width: 0 4px; border-style: solid; border-color: #000; pointer-events: none; } /* Mobile */ @media (max-width: 767px) { .slider-products { padding: 30px 0 15px; } .slider-products .slides { max-width: 205px; padding: 0; } .slider-products .slides:before, .slider-products .slides:after { content: none; } .slider-products .slide { padding-top: 0; } .slider-products .slide-quote { display: none; } .slider-products .product .product-image { border-width: 4px; } .slider-products .product .product-image:after { height: 270px; } .slider-products .product .product-title { font-size: 13px; } .slider-products .product .product-price { font-size: 15px; } .slider-products .product .product-description { padding: 0 20px; font-size: 14px; } .slider-products .owl-stage-outer { overflow: visible; } .slider-products .owl-nav { display: none; } } /* ------------------------------------------------------------ *\ Slider Top Rated \* ------------------------------------------------------------ */ .slider-top-rated { max-width: 1060px; margin: 0 auto; } .slider-top-rated .owl-stage-outer { overflow: hidden; } /* Mobile */ @media (max-width: 767px) { .slider-top-rated .slides { max-width: 205px; } } /* ------------------------------------------------------------ *\ Slider Videos \* ------------------------------------------------------------ */ .slider-videos .promo-slide-title { font-size: 30px; } .slider-videos .slides { max-width: 800px; margin: 0 auto; } .slider-videos .slide { padding: 0 105px; } .slider-videos .slide-video { position: relative; display: block; max-width: 590px; margin: 0 auto; text-decoration: none; color: #fff; } .slider-videos .slide-video-link { text-decoration: none; } .slider-videos .slide-video-iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .slider-videos .slide-video-iframe.active { visibility: visible; opacity: 1; } .slider-videos .slide-image { position: relative; } .slider-videos .slide-image:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); } .slider-videos .slide-content { position: absolute; left: 0; top: 50%; width: 100%; padding-top: 40px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-videos .owl-stage-outer { overflow: visible; } .slider-videos .owl-dots { display: none; text-align: center; margin: 12px 0; } .slider-videos .owl-dot { display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } .slider-videos .owl-dot:hover, .slider-videos .owl-dot.active { background: #73984d; } .slider-videos .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; } .slider-videos .owl-prev { position: absolute; left: 0; top: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-videos .owl-next { position: absolute; right: 0; top: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Tablet Portrait */ @media (max-width: 1024px) { .slider-videos .slide { padding: 0; } .slider-videos .slide-video i { margin-top: -20px; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } .slider-videos .slide-title { margin-bottom: 0; font-size: 22px; } .slider-videos .slide-content { padding-top: 30px; } .slider-videos .owl-nav { display: none; } .slider-videos .owl-stage-outer { overflow: hidden; } .slider-videos .owl-dots { display: block; } } /* ------------------------------------------------------------ *\ Slider Stories \* ------------------------------------------------------------ */ .slider-stories .slider-clip { padding: 0 85px; } .slider-stories .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; } .slider-stories .owl-prev { position: absolute; left: -85px; top: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-stories .owl-next { position: absolute; right: -85px; top: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Tablet Portrait */ @media (max-width: 1024px) { .slider-stories { overflow: hidden; } .slider-stories .slider-clip { padding: 0; } .slider-stories .owl-stage-outer { overflow: visible; } .slider-stories .owl-nav { display: none; } } /* Mobile */ @media (max-width: 767px) { .slider-stories { margin: 0 -20px; padding: 0 20px; } .slider-stories .slider-clip { max-width: 230px; } } /* ------------------------------------------------------------ *\ Slider QA \* ------------------------------------------------------------ */ .slider-qa { max-width: 800px; margin: 80px auto 0; padding: 0 105px; } .slider-qa .slider-clip { border: 10px solid #000; } .slider-qa .slide { min-height: 570px; padding: 70px; } .slider-qa .slide-title { min-height: 3.9em; margin-bottom: .4em; text-align: center; } .slider-qa .slide-entry { font-size: 20px; line-height: 1.4; } .slider-qa .owl-nav { position: absolute; z-index: 10; left: 0; top: 50%; width: 100%; margin-top: -20px; } .slider-qa .owl-prev { position: absolute; left: -105px; top: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-qa .owl-next { position: absolute; right: -105px; top: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slider-qa .owl-dots { position: absolute; left: 0; bottom: 16px; width: 100%; text-align: center; margin: 12px 0; } .slider-qa .owl-dot { display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } .slider-qa .owl-dot:hover, .slider-qa .owl-dot.active { background: #73984d; } /* Mobile */ @media (max-width: 767px) { .slider-qa { padding: 0; margin: 0; } .slider-qa .slide { min-height: 0; padding: 30px 30px 50px; } .slider-qa .slide-title { min-height: 0; margin-bottom: 1.2em; font-size: 19px; } .slider-qa .slide-entry { font-size: 15px; } .slider-qa .owl-nav { display: none; } .slider-qa .owl-dots { bottom: 0; } } /* ------------------------------------------------------------ *\ Store \* ------------------------------------------------------------ */ .stores { padding: 15px 0 78px; list-style: none outside none; text-align: center; } .store { display: inline-block; vertical-align: top; } .store .store-image { margin-bottom: 19px; } .store .store-meta { margin-bottom: 25px; font-family: 'Goudy Old Style', serif; font-size: 1.15em; font-style: italic; line-height: 1.2; } .store .store-meta p { margin: 0; } .store .store-actions { font-size: 10px; text-transform: uppercase; letter-spacing: .2em; } .store .store-title { font-weight: 500; } /* Mobile */ @media (max-width: 767px) { .stores { padding: 15px 0 0; } .store .store-meta { margin-bottom: 0; padding: 4px 0; font-size: 18px; line-height: 1.4; } .store .store-actions { font-size: 9px; } } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe .subscribe-body { margin-bottom: 39px; } .subscribe .subscribe-title { margin-bottom: 30px; font-family: 'Goudy Old Style', serif; line-height: 1.2; } .subscribe .subscribe-label { display: block; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .2em; font-size: 11px; } .subscribe .subscribe-field { margin-bottom: 17px; } .subscribe .subscribe-actions .btn { width: 100%; } .subscribe .subscribe-actions .btn-outline { border-width: 1px; } .subscribe .subscribe-btn { padding: 15px 25px; margin-bottom: 20px; } /* Subscribe Alt */ .subscribe-alt { padding: 30px 55px 20px; border: 5px solid #739849; } .subscribe-alt .subscribe-body { margin-bottom: 18px; } .subscribe-alt .subscribe-title { margin-bottom: 10px; color: #739849; font-family: 'Futura', sans-serif; text-align: center; } .subscribe-alt .subscribe-subtitle { margin-bottom: 30px; color: #739849; font-family: 'Goudy Old Style', serif; font-style: italic; text-align: center; } .subscribe-alt .subscribe-field { margin-bottom: 20px; } /* Tablet Portrait */ @media (max-width: 1024px) { .subscribe-alt { padding: 20px 25px 20px; } .subscribe-alt .subscribe-title { font-size: 22px; } .subscribe-alt .subscribe-subtitle { font-size: 18px; } } /* Mobile */ @media (max-width: 767px) { .subscribe .subscribe-title { margin-bottom: 15px; font-size: 18px; text-align: center; } .subscribe .subscribe-actions .btn + .btn { margin-top: 10px; } .subscribe-alt { display: inline-block; vertical-align: top; height: 320px; width: 320px; margin: 0 -20px; padding: 35px 15px 25px; text-align: left; } .subscribe-alt .subscribe-label { font-size: 9px; } .subscribe-alt .subscribe-title { margin-bottom: 10px; } .subscribe-alt .subscribe-subtitle { margin-bottom: 25px; font-size: 14px; } .subscribe-alt .checkbox label { font-size: 12px; } } /* ------------------------------------------------------------ *\ Table Orders \* ------------------------------------------------------------ */ .table-orders table { width: 100%; } .table-orders th { height: 50px; padding: 0 20px; background: #000; color: #fff; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: .2em; text-align: left; } .table-orders .table-row > td { height: 60px; padding: 0 20px; cursor: pointer; font-size: 15px; border-bottom: 1px solid #7f7f7f; } .table-orders .table-row > td:last-child { text-align: right; } .table-orders .table-row > td i { transition: all .2s ease-out; } .table-orders .table-row.active > td i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .table-orders .table-row-dropdown > td { border-bottom: 1px solid #7f7f7f; } .table-orders .table-orders-number { font-family: 'Goudy Old Style', serif; font-size: 24px; } /* Mobile */ @media (max-width: 767px) { .table-orders { margin: 0 -20px; } .table-orders th { height: 25px; padding: 0 10px; font-size: 8px; } .table-orders .table-row > td { padding: 0 10px; height: 57px; font-size: 12px; } .table-orders .table-orders-number { font-size: 18px; } } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs-nav { padding: 18px 0; text-align: center; } .tabs .tabs-nav ul { list-style: none outside none; } .tabs .tabs-nav li { display: inline-block; vertical-align: top; margin: 0 9px; } .tabs .tabs-nav li > a { display: block; border-bottom: 2px solid transparent; text-decoration: none; text-align: center; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; transition: all .2s ease-out; } .tabs .tabs-nav .active > a, .tabs .tabs-nav li > a:hover { border-color: #000; } .tabs .tab { display: none; } .tabs .tab.active { display: block; -webkit-animation: fadeInBlock .2s; animation: fadeInBlock .2s; } /* Mobile */ @media (max-width: 767px) { .tabs .tabs-nav { padding: 0; margin: 0 -20px; text-align: left; } .tabs .tabs-nav ul { counter-reset: tabs; } .tabs .tabs-nav li { display: block; margin: 0; counter-increment: tabs; border-bottom: 1px solid #000; } .tabs .tabs-nav .list-icons li { display: inline-block; margin: 0; counter-increment: tabs; border-bottom: none; } .tabs .tabs-nav li > a { position: relative; padding: 24px 20px; border: 0; text-align: left; } .tabs .tabs-nav li > a:before { content: counter(tabs) '. '; } .tabs .tabs-nav li > a:after { content: ''; position: absolute; right: 20px; top: 50%; width: 8px; height: 6px; margin-top: -3px; background: url(../css/images/ico-arrow-down@2x.png) no-repeat 0 0; background-size: 100% 100%; transition: all .2s ease-out; } .tabs .tabs-nav .active > a:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .tabs .tabs-nav .tab { padding: 0 20px; } .tabs .tabs-nav .active .tab { display: block; -webkit-animation: fadeInBlock .2s; animation: fadeInBlock .2s; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Formstone Dropdown \* ------------------------------------------------------------ */ .fs-dropdown { margin: 0; } .fs-dropdown .fs-dropdown-selected { height: 53px; padding: 0 20px; line-height: 48px; border: 1px solid #e1e1e1; border-radius: 0; box-shadow: none; } .fs-dropdown .fs-dropdown-selected:after { content: ''; position: absolute; right: 20px; width: 8px; height: 6px; background: url(../css/images/ico-arrow-down@2x.png) no-repeat 0 0; background-size: 100% 100%; border: 0; transition: all .2s ease-out; } .fs-dropdown .fs-dropdown-options { padding: 10px 0; background: #fff; border-color: #e1e1e1; border-radius: 0; box-shadow: none; } .fs-dropdown .fs-dropdown-item { height: auto; padding: 7px 20px; line-height: 1.35; border: 0; } .fs-dropdown .fs-dropdown-item_selected { background: none; } .fs-dropdown-open .fs-dropdown-options { -webkit-animation: fadeInBlock .2s; animation: fadeInBlock .2s; } .fs-dropdown-open .fs-dropdown-selected:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .fs-dropdown .fs-dropdown-options .fs-dropdown-item { position: relative; } .fs-dropdown .fs-dropdown-selected .before, .fs-dropdown .fs-dropdown-options .fs-dropdown-item .before { width: 12px; height: 12px; display: inline-block; margin-right: 8px; } /* Mobile */ @media (max-width: 767px) { .fs-dropdown .fs-dropdown-selected:after { width: 12px; height: 8px; } } /* ------------------------------------------------------------ *\ Magnific \* ------------------------------------------------------------ */ html { margin-right: 0 !important; overflow: auto !important; } .mfp-container { padding: 10px; } .popup { max-width: 880px; padding: 47px 37px 57px; background: #fff; border: 5px solid #73984d; margin: 0 auto; position: relative; } .popup-primary { max-width: 464px; padding: 51px 37px 57px; background: #fff; border: 5px solid #000; } button.mfp-close { top: 15px; right: 15px; width: 26px; height: 26px; background: url(../css/images/ico-close@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; opacity: 1; } button.mfp-close:active { top: 15px; } .mfp-iframe-holder .mfp-close { width: 26px; z-index: 9; } .mfp-iframe-holder .mfp-close:active { top: -40px; } /* Mobile */ @media (max-width: 767px) { .mfp-container { padding: 0; } .mfp-content { padding: 0; } .mfp-zoom-in .mfp-content { vertical-align: bottom; height: 100%; } .mfp-content .popup { padding: 20px; } button.mfp-close { right: 12px; top: 12px; /*transform: scale(.5);*/ width: 13px; height: 13px; z-index: 99; } .mfp-iframe-holder .mfp-close:active { top: 12px; } } /* ------------------------------------------------------------ *\ jQuery UI \* ------------------------------------------------------------ */ .ui-front { z-index: 2000; } .ui-widget-content { background: none; border: 0; } .ui-menu { padding: 20px 0; } .ui-menu .ui-menu-item { padding: 20px 0; background: none; border: 0; list-style: none outside none; font-size: 24px; font-family: 'Goudy Old Style', serif; font-style: italic; line-height: 1.1; color: #999; transition: all .2s ease-out; } .ui-menu .ui-menu-item.ui-state-focus { border: 0; margin: 0; color: #fff; } .ui-menu .ui-menu-item .ui-highlight { color: #fff; font-family: 'Futura', sans-serif; font-style: normal; font-size: .83em; } /* Tablet Portrait */ @media (max-width: 1024px) { .ui-menu { padding: 10px 0; } .ui-menu .ui-menu-item { padding: 10px 0; font-size: 18px; } } /* ------------------------------------------------------------ *\ DatePicker \* ------------------------------------------------------------ */ .ui-datepicker { background: #fff; border: 1px solid #e1e1e1; border-radius: 0; padding: 5px; } .ui-datepicker-header { border-radius: 0; border: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 3px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 3px; border-radius: 0; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ui-datepicker .ui-state-highlight { background: #555; color: #fff; border-color: #000; } /* ------------------------------------------------------------ *\ Blog Shop Story Slider \* ------------------------------------------------------------ */ #blog-shop-the-story-slides .owl-nav { position: absolute; top: 50%; width: 100%; } #blog-shop-the-story-slides .owl-nav .owl-next { float: right; } #blog-shop-the-story-slides .owl-nav .owl-prev { float: left; } #blog-shop-the-story-slides .owl-nav .owl-next, #blog-shop-the-story-slides .owl-nav .owl-prev{ margin: 0 -40px; } #blog-shop-the-story-slides .owl-dots { display: none; margin: 10px 0; text-align: center; } #blog-shop-the-story-slides .owl-dot { display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 6px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } #blog-shop-the-story-slides .owl-dot:hover, #blog-shop-the-story-slides .owl-dot.active { background: #73984d; } @media (max-width: 1140px) { #blog-shop-the-story-slides .owl-nav .owl-next, #blog-shop-the-story-slides .owl-nav .owl-prev{ margin: 0 -40px; } } @media (max-width: 767px) { #blog-shop-the-story-slides .owl-nav { display: none; } #blog-shop-the-story-slides .owl-dots { display: block; } } /* ------------------------------------------------------------ *\ Product Collection Slider \* ------------------------------------------------------------ */ #product-collection-slide .slides { padding: 0px 59px; } #product-collection-slide .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; } #product-collection-slide .owl-nav .owl-next { float: right; } #product-collection-slide .owl-nav .owl-prev { float: left; } #product-collection-slide .owl-dots { display: none; margin: 10px 0; text-align: center; } #product-collection-slide .owl-dot { display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 6px; border-radius: 50%; background: #fff; border: 1px solid #d9d9d9; transition: all .2s ease-out; } #product-collection-slide .owl-dot:hover, #product-collection-slide .owl-dot.active { background: #73984d; } /* ------------------------------------------------------------ *\ Radios Alt \* ------------------------------------------------------------ */ .radios-alt .radio-alt { margin-bottom: 20px; } .radios-alt .radio-alt:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Checkbox Alt \* ------------------------------------------------------------ */ .radio-alt { font-family: 'Futura', sans-serif; font-size: 15px; color: #000; } .radio-alt .select-alt { display: inline-block; vertical-align: middle; } .radio-alt input { display: none; } .radio-alt label { position: relative; padding-left: 23px; } .radio-alt label:before { content: ''; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #c8c9cb; } .radio-alt input:checked + label:before { border-color: #73984d; background: #73984d; } @media(max-width: 767px) { .radio-alt { font-size: 13px; } .radio-alt label:before { top: 0; } } /* ------------------------------------------------------------ *\ Select Alt \* ------------------------------------------------------------ */ .select-alt.disabled { pointer-events: none; } .select-alt .fs-dropdown .fs-dropdown-selected { font-family: 'Goudy Old Style', serif; font-size: 17px; font-style: italic; height: auto; border: none; line-height: 1.2; padding: 0 30px 0 0; } .select-alt .fs-dropdown .fs-dropdown-selected:after { right: 10px; } .select-alt .fs-dropdown .fs-dropdown-options { top: calc(100% + 8px); border-width: 1px 1px 1px 1px; } .select-alt .fs-dropdown .fs-dropdown-item { padding: 7px 10px; } @media(max-width: 767px) { .select-alt .fs-dropdown .fs-dropdown-selected { font-size: 16px; } } /* ------------------------------------------------------------ *\ Form Add Bag \* ------------------------------------------------------------ */ .form-add-bag .radios-alt { padding: 35px 0 30px; } @media(max-width: 767px) { .form-add-bag .radios-alt { padding: 25px 0; } } /* ------------------------------------------------------------ *\ Message Update \* ------------------------------------------------------------ */ .message-update { margin: 0 10px; padding: 12px 0 12px; text-align: center; background-color: #f7ede8; font-size: 14px; font-family: 'Futura', sans-serif; line-height: 1.5; letter-spacing: -0.025em; } .message-update em { display: block; font-size: 16px; font-family: 'Goudy Old Style', serif; font-style: italic; } /* ------------------------------------------------------------ *\ Bag \* ------------------------------------------------------------ */ @media(min-width: 1024px) { .bag--update .bag-head-inner { position: relative; display: flex; justify-content: space-between; align-items: flex-start; } .bag--update .bag-head-actions { position: relative; top: 3px; bottom: auto; } .bag--update .bag-head { padding: 70px 0 20px; } } .bag--update .bag-message { display: block; width: 100%; margin-top: 22px; padding: 16px 0; background-color: #f7ede8; font-size: 15px; line-height: 18px; letter-spacing: -0.025em; } .bag--update .bag-message em { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 18px; } .bag--update .bag-message a { text-decoration: underline; } .bag--update .bag-message a:hover { text-decoration: none; } .bag--update .bag-message ul { display: flex; list-style-type: none; justify-content: center; } .bag--update .bag-message li + li { margin-left: 80px; } .bag--update .bag-message + .bag-message { margin-top: 18px; } .bag--update .bag-message--close li + li { margin-left: 30px; } @media(max-width: 1024px) { .bag--update .bag-message { padding: 14px 0; font-size: 12px; line-height: 20px; } .bag--update .bag-message em { font-size: 15px; } .bag--update .bag-message ul { display: block; } .bag--update .bag-message li + li { margin-left: 0; } .bag--update .bag-head-actions .btn { background-color: #73984d; border-color: #73984d; z-index: 5; position: fixed; left: 0; bottom: 0; font-size: 14px; font-weight: 500; text-transform: uppercase; } .cart-wrapper .footer .footer-chat { display: none; } .cart-wrapper .footer-top { display: none; } } @media (max-width: 480px) { .cart-wrapper .footer .footer-chat { display: none; } .cart-wrapper .footer-top { display: none; } } /* ------------------------------------------------------------ *\ Bar Update \* ------------------------------------------------------------ */ .bar-update { display: none; } @media(max-width: 1024px){ .bar-update { position: fixed; left: 0; right: 0; z-index: 15000; display: block; padding: 13px 0 15px; background-color: #fff; text-align: center; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .bar-update .bar__title { margin-bottom: 5px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; } .bar-update .bar__entry { font-size: 10px; } } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ @media(max-width: 1024px){ .wrapper--alt-mobile { padding-top: 110px; } } /* ------------------------------------------------------------ *\ Section Products \* ------------------------------------------------------------ */ .section-products-updated { position: relative; } .section-products-updated .shell { max-width: 1392px; } .section-products-updated .section-title { margin-bottom: 15px; letter-spacing: 0.02em; } .section-products-updated .section-head { padding-bottom: 51px; margin: 0; } .section-products-updated .section-subtitle { font-family: 'Goudy Old Style', serif; font-style: italic; letter-spacing: 0.02em; } .section-products-updated .section-body { padding-bottom: 91px; } .section-products-updated .section-foot { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #f7ede8; text-align: center; } .section-products-updated .section-foot .h5 { font-family: 'Goudy Old Style', serif; font-weight: normal; font-size: 20px; letter-spacing: 0.02em; margin-bottom: 10px; } .section-products-updated .section-inner { max-width: 100%; } .section-products-updated .section-actions { padding-bottom: 10px; } .section-products-updated .section-actions .btn { font-size: 14px; line-height: 40px; height: 40px; padding: 0 30px; } .section-products-updated .section-foot.fixed { position: fixed; top: auto; bottom: 0; } .section-products-updated .section-foot.bottom { top: auto; bottom: 0; } /* Desktop */ @media (min-width: 769px) { .section-products-updated .section-foot .product-price { line-height: inherit; } } /* Mobile */ @media (max-width: 768px){ .section-products-updated .section-title { margin-bottom: 7px; font-size: 18px !important; } .section-products-updated .section-subtitle { font-size: 12px; } .section-products-updated .section-head { padding-bottom: 18px; } .section-products-updated .section-foot { display: flex; align-items: center; bottom: auto; padding: 9px 11px 9px; } .section-products-updated .section-foot .h5 { margin: 6px 0 0; font-size: 13px; } .section-products-updated .section-inner { text-align: right; } .section-products-updated .product-counter { font-size: 12px; } .section-products-updated .section-actions .btn { height: 42px; line-height: 42px; padding: 0 20px; font-size: 10px; } .section-products-updated .section-actions { padding-bottom: 0; } .section-products-updated .product-counter { font-size: 11px; } /*.section-products-updated.fixed .section-foot { bottom: 0; }*/ .section-products-updated .section-body { padding-bottom: 36px; } .section-products-updated .section-foot .section-inner { padding-right: 10px; } } @media(max-width: 480px){ .section-products-updated .section-foot.fixed { bottom: 50px; } } /* ------------------------------------------------------------ *\ Products \* ------------------------------------------------------------ */ .product .product-image { display: block; } @media (max-width: 767px) { .products .product { padding-bottom: 43px; } .products .product-holder { width: 50%; margin-bottom: 18px; padding: 0 10px; } } /* ------------------------------------------------------------ *\ Products Small \* ------------------------------------------------------------ */ .product-small { display: flex; padding: 27px 0 31px; } .product-small .product__aside { display: flex; align-items: flex-start; flex: 0 1 25%; max-width: 25%; } .product-small .product__content { flex: 0 1 75%; max-width: 75%; padding-left: 20px; } .product-small .product__title { margin-bottom: 5px; font-size: 15px; letter-spacing: 0.025em; font-weight: normal; } .product-small .product__oos { font-weight: normal; font-size: 15px; letter-spacing: 0.025em; text-transform: uppercase; } .product-small .product__image a { display: inline-block; margin-top: -17px; width: 67px; } .product-small .product__description { padding-top: 20px; margin-bottom: 25px; font-size: 16px; font-style: italic; font-family: 'Goudy Old Style', serif; letter-spacing: 0.03em; font-weight: 600; } @media (max-width: 767px) { .product-small { padding: 19px 0 18px; } .product-small .product__aside { flex: 0 1 20%; max-width: 20%; } .product-small .product__content { flex: 0 1 80%; max-width: 80%; padding-left: 32px; } .product-small .product__title { font-size: 10px; } .product-small .product__oos { font-size: 10px; } .product-small .product__description, .product-small .product__price { font-size: 11px; } .product-small .product__image a { width: 46px; margin-top: -10px; } .product-small .product__description { padding-top: 13px; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup-products { width: 501px; margin: 0 auto; background-color: #fff; } .popup-products button.mfp-close { width: 31px; height: 31px; top: 20px; right: 20px; } @media (max-width: 767px){ .popup-products { width: 100vw; height: 100%; margin: 0 -15px; } .popup-products button.mfp-close { width: 18px; height: 18px; top: 15px; right: 9px; } } /* ------------------------------------------------------------ *\ Card Popup \* ------------------------------------------------------------ */ .cart-popup .cart__head { padding: 30px 0 25px; text-align: center; font-family: 'Goudy Old Style', serif; } .cart-popup .cart__head .h2 { font-size: 32px; font-weight: normal; } .cart-popup .cart__body { padding: 0 20px 0 37px; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 541px; overflow-y: scroll; } .cart-popup .cart__total { max-width: 282px; margin: 0 auto; padding-bottom: 17px; display: flex; justify-content: space-between; align-items: center; } .cart-popup .cart__total span { letter-spacing: 0.02em; } .cart-popup .cart__total .cart__price span { font-family: 'Goudy Old Style', serif; font-size: 17px; } .cart-popup .cart__actions .btn { font-weight: 400; text-transform: none; letter-spacing: 0.02em; border: 0; min-width: 275px; } .cart-popup .cart__foot { padding: 15px 0 18px; text-align: center; } .cart-item ~ .cart-item { border-top: 1px solid #d7d7d7; } @media(max-width: 768px){ .cart-popup { display: flex; flex-direction: column; height: 100%; } .cart-popup .cart__head { padding: 19px 0 18px; } .cart-popup .cart__total { max-width: 182px; padding-bottom: 10px; } .cart-popup .cart__total span { font-size: 10px; } .cart-popup .cart__body { flex: 1 1 0%; padding: 0 10px; } .cart-popup .cart__total span:nth-child(2) { font-size: 12px; } .cart-popup .cart__head .h2 { font-size: 22px; } .cart-popup .cart__actions .btn { font-size: 10px; line-height: 33px; height: 33px; min-width: 182px; } } /* ------------------------------------------------------------ *\ Popup Quickview \* ------------------------------------------------------------ */ .mfp-quickview.mfp-bg { background-color: #F7EDE8; opacity: 0.7; } .mfp-quickview .mfp-container { padding: 40px; } .mfp-quickview .mfp-close { background: none; top: 16px; right: 16px; line-height: 1; width: 14px; height: 14px; } .mfp-quickview .mfp-close svg { pointer-events: none; stroke: #000; stroke-width: 4px; } .mfp-quickview .mfp-inline-holder .mfp-content, .mfp-quickview .mfp-ajax-holder .mfp-content { width: calc(100% - 40px); } .popup-quickview { border: none; max-width: 900px; padding: 15px 18px; } .popup-quickview .popup-body { border: 3px solid #d7d7d7; padding: 0 40px; } .popup-quickview .product-single .product-title { text-align: left; } .popup-quickview .product-single .product-images-clip .pdp-thumbs.owl-thumbs { top: 0; left: 0; } .popup-quickview .product-single .product-images-clip .pdp-thumbs.owl-thumbs > * { width: 82px; height: 82px; } .popup-quickview .product-single .product-images-clip .owl-carousel { width: calc(100% - 85px); overflow: hidden; } .popup-quickview .product-single .product-images-clip .product-images .owl-stage .owl-item + .owl-item { display: none; } .popup-quickview .product-single .product-images-clip .product-images .owl-stage[style*="width"] .owl-item + .owl-item { display: block; } .popup-quickview .product-single .product-title-section .product-title { font-size: 22px; text-align: left; } .popup-quickview .form.form-add-bag .btn { padding: 10px 0px; font-size: 20px; height: 50px } .popup-quickview .form.form-add-bag .btn.bf { padding: 10px 0px; font-size: 18px; height: 50px } .popup-quickview .form.form-add-bag .btn.marked-down { font-size: 18px; } .popup-quickview .form.form-add-bag .btn.marked-down.bf { font-size: 14px; padding: 14px 0; } .popup-quickview .form.form-add-bag .btn.marked-down-small { font-size: 17px; padding: 11px 0px; } .popup-quickview .form.form-add-bag .btn.marked-down-small.bf { font-size: 12px; padding: 14px 0px; } .popup-quickview #product-qty input { font-size: 20px; } .popup-quickview .product-single { padding: 70px 0 40px 0; } .popup-quickview .product-single .list-icons { width: 100%; margin-top: 20px; justify-content: space-evenly; } .popup-quickview .product-single .product-entry div.description { font-size: 14px; line-height: 20px; } .popup-quickview .p-w-r .pr-review-snippet-container.pr-no-reviews .pr-snippet-stars-container, .popup-quickview .p-w-r .pr-review-snippet-container.pr-no-reviews .pr-snippet-review-count { display: inline-block; } .popup-quickview .p-w-r { margin: 0 0 10px 0; } .popup-quickview .p-w-r .pr-snippet { padding: 0; } .popup-quickview .p-w-r .pr-snippet-stars { display: flex !important; margin: 0 !important; align-items: flex-start; } .popup-quickview .p-w-r .pr-category-snippet__rating { margin: 0; } .popup-quickview .p-w-r .pr-rating-stars { margin: 0 !important; } .popup-quickview .p-w-r .pr-snippet-rating-decimal { display: inline-block; } .popup-quickview .pr-category-snippet__total { display: inline-block; margin-left: 10px; font-size: 13px; text-decoration: underline; } .popup-quickview .product-entry { margin: 0; padding: 0; order: 0; border: 0; } .popup-quickview .description.description-collapsed { margin-bottom: 8px; max-height: 42px; overflow: hidden; } .popup-quickview .description p { font-size: 15px; font-family: 'Futura', sans-serif; } .popup-quickview .description-read-more { color: #8CA467; font-family: "Goudy Old Style", serif; font-size: 15px; font-style: italic; } .popup-quickview .product-price { margin: 16px 0 0; line-height: 1; text-align: left !important; } .popup-quickview .form > form { width: 100%; } .popup-quickview .form-add-bag .form-col { padding: 0; width: 100%; } .popup-quickview .product-options { max-width: 350px; } .popup-quickview .form-add-bag .form-actions { max-width: 100%; width: 100%; } .popup-quickview .form-add-bag .form-actions .product-submit-btn { padding: 0 10px; } .popup-quickview .list-icons-wrapper.mobile { display: none; } .popup-quickview .list-icons { display: flex; justify-content: space-between; padding: 0 !important; } .popup-quickview .list-icons li { padding: 0 !important; } .popup-quickview .list-icons li img { width: 100%; height: auto; } .popup-quickview .product-details-cta a { text-decoration: underline; } .popup-quickview .mfp-close { top: 30px; right: 30px; } .popup-quickview .mfp-close:active { top: 30px; } .popup-quickview .product-single .product-images-clip .pdp-thumbs { max-height: 414px; overflow-y: scroll; min-width: 82px; } .popup-quickview .product-single .product-images-clip .pdp-thumbs::-webkit-scrollbar { display: none; } .popup-quickview .pdp-thumbs.owl-thumbs > * { margin-bottom: 3px; } .popup-quickview .og-offer .og-widget.og-type-RadioWidget .og-picker::after { right: 146px !important; bottom: 25px !important; } @media (min-width: 768px) { } @media (max-width: 1023px) { .popup-quickview .product-single .product-images-clip { flex-direction: row-reverse; } .popup-quickview .product-submit-btn.no-touch { display: none; } .popup-quickview .form.form-add-bag .btn.marked-down-small { font-size: 15px; padding: 13px 17px; } } /* Tablet Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mfp-quickview .mfp-container { padding: 40px 10px; } .mfp-quickview .mfp-inline-holder .mfp-content, .mfp-quickview .mfp-ajax-holder .mfp-content { width: 100%; } .popup-quickview .product-single { padding: 25px 0 25px 0; } .popup-quickview .product-single .product-images-clip .owl-carousel { width: calc(100% - 52px); } .popup-quickview .product-single .product-images-clip .pdp-thumbs { max-height: 370px; } .popup-quickview .product-single .product-images-clip .pdp-thumbs { min-width: 50px; } .popup-quickview .product-single .product-images-clip .pdp-thumbs.owl-thumbs > * { width: 50px; height: 50px; } .popup-quickview .product-single .list-icons { margin-top: 0; max-width: 100%; } .popup-quickview #product-qty input { width: 30px; } .popup-quickview .form.form-add-bag .btn.marked-down { font-size: 14px; padding: 13px 10px; } .popup-quickview .form.form-add-bag .btn.marked-down-small { font-size: 13px; padding: 13px 0px; } .popup-quickview .product-entry { padding-top: 10px; } .popup-quickview .og-offer .og-widget.og-type-RadioWidget .og-picker::after { right: 164px !important; } } @media (max-width: 767px) { .mfp-content .popup-quickview { padding: 5px; } .mfp-quickview.mfp-bg { background-color: #000; opacity: 0.5; } .mfp-quickview .mfp-container { padding: 20px 5px; } .mfp-quickview .mfp-inline-holder .mfp-content, .mfp-quickview .mfp-ajax-holder .mfp-content { width: calc(100% - 5px); } .popup-quickview .popup-body { padding: 0 20px; } .popup-quickview .product-single { flex-wrap: wrap; } .popup-quickview .product-single .col { width: 100%; } .popup-quickview .product-single .product-images-clip { margin: 0 0 12px 0; } .popup-quickview .product-single .product-images-clip .pdp-thumbs { max-height: 345px; } .popup-quickview .product-single .product-images-clip .owl-carousel { width: 100%; } .popup-quickview .product-single .product-title-section .product-title { text-align: center; } .popup-quickview .disp-flex.flex-center { justify-content: center; } .popup-quickview .p-w-r .pr-snippet { display: flex; flex-wrap: wrap; justify-content: center; } .popup-quickview .list-icons-wrapper.desktop { display: none; } .popup-quickview .list-icons-wrapper.mobile { display: block; } .popup-quickview .product-single .list-icons { width: 100%; max-width: 100%; margin: 20px 0 !important; } .mfp-quickview { overflow: hidden auto !important; } .popup-quickview .product-single { padding: 15px 0 0 0; } .popup-quickview #product-qty { height: 45px; } .popup-quickview .product-single .product-entry { padding: 10px 0; } .popup-quickview .product-single .product-entry div.description { font-size: 14px; width: 90%; margin: 0 auto; } .popup-quickview .description-read-more { display: inline-block; margin-top: 30px; } .popup-quickview .form.form-add-bag .btn { font-size: 16px; height: 45px; } .popup-quickview .form.form-add-bag .btn.marked-down { font-size: 15px; padding: 10px 0px; } .popup-quickview .form.form-add-bag .btn.marked-down-small { font-size: 13px; padding: 12px 0px; } .popup-quickview .og-offer .og-widget.og-type-RadioWidget .og-picker::after { right: 100px !important; bottom: 24px !important; } .popup-quickview .product-single .product-images-clip .pdp-thumbs.owl-thumbs { padding-left: 0; } .popup-quickview .list-icons li img { max-width: 50px; } .popup-quickview .product-single .product-title { padding-bottom: 5px; } .popup-quickview .product-single .product-title-section { padding-bottom: 0; } } @media (max-width: 359px) { .mfp-quickview .mfp-container { padding: 20px 0; } .mfp-quickview .mfp-inline-holder .mfp-content, .mfp-quickview .mfp-ajax-holder .mfp-content { width: 100%; } .popup-quickview .popup-body { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Btn \* ------------------------------------------------------------ */ .btn--dark { display: inline-block; height: 50px; padding: 0 44px; background-color: #000; color: #fff; font-size: 15px; border: 0; border-radius: 0; appearance: none; text-align: center; line-height: 50px; letter-spacing: 0.02em; transition: opacity .4s; text-decoration: none; } .btn--dark:hover { opacity: .5; text-decoration: none; } /* ------------------------------------------------------------ *\ List Count \* ------------------------------------------------------------ */ .list-count { list-style: none; display: flex; align-items: center; } .list-count .result { width: auto; padding: 0 15px; margin-bottom: 0; } .list-count input { max-width: 60px; height: 50px; padding: 0 10px; line-height: 48px; border: 1px solid #f7ede8; text-align: center; color: #000; border-radius: 0; text-align: center; appearance: none; } .list-count a { display: flex; text-decoration: none; padding: 10px 0; } .list-count .qty-less span, .list-count .qty-more span { position: relative; display: inline-block; width: 11px; height: 1px; background-color: #000; } .list-count .qty-more span:before { content: ''; position: absolute; left: 0; top: 0; width: 11px; height: 1px; background-color: #000; transform: rotate(90deg); } @media(max-width: 768px){ .list-count input { max-width: 41px; height: 34px; line-height: 34px; font-size: 10px; } .list-count .qty-less span { width: 7px; } .list-count .result { padding: 0 10px; } } /* ------------------------------------------------------------ *\ List Description \* ------------------------------------------------------------ */ .list-description { list-style: initial; } /* ------------------------------------------------------------ *\ Checkbox Product \* ------------------------------------------------------------ */ .checkbox-product { margin-top: 16px; } .checkbox-product input { display: none; } .checkbox-product label { position: relative; display: inline-block; padding-left: 28px; } .checkbox-product label:before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #f7ede8; } .checkbox-product.checked label:after, .checkbox-product.checked input:checked ~ label:after { content: ''; position: absolute; left: 3px; top: 5px; width: 18px; height: 14px; background-image: url(images/ico-check.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .checkbox-product.unchecked input:checked ~ label:after { content: none; visibility: hidden; opacity: 0; } @media(max-width: 768px){ .checkbox-product { margin-top: 7px; } .checkbox-product label:before { width: 20px; height: 20px; } .checkbox-product.checked label:after { left: 2px; top: 4px; background-size: 80%; } .checkbox-product.checked input:checked ~ label:after { width: 16px; height: 12px; left: 2px; top: 4px; background-size: 80%; } } /* ------------------------------------------------------------ *\ Helper \* ------------------------------------------------------------ */ .visible-extra-medium-block { display: none; } @media(max-width: 1024px){ .visible-extra-medium-block { display: block !important; } } /* ================================================================ *\ #Reset \* ================================================================ */ * { padding: 0; margin: 0; outline: 0; } /* ================================================================ *\ #Base \* ================================================================ */ /* ================================================================ *\ #Helpers \* ================================================================ */ .alignleft { float: left; } .alignright { float: right; } .hidden { display: none; visibility: hidden; } .clearfix:before, .clearfix:after { display: table; content: ' '; } .clearfix:after { clear: both; } /* ------------------------------------------------------------ *\ Box Cookies \* ------------------------------------------------------------ */ .box-cookies { display: none; background: #ebebeb; } .box-cookies--mobile { display: none; } .cookie-footer {position:fixed; top:auto; left:0; bottom:0; width:100%; z-index:9999;} .box-cookies .box__inner { display: flex; justify-content: space-between; padding: 10px 0px 5px 0px; max-width: 1010px; margin: auto; } .box-cookies .box__close svg { width: 24px; height: 24px; } .box-cookies .box__content { max-width: 78%; } .box-cookies .box__content p { font-family: 'Futura'; font-size: 14px; text-align: center; } .box-cookies .box__content p a { text-decoration: underline; } .box-cookies .box__aside { display: flex; justify-content: space-between; align-items: center; max-width: 22%; } .box-cookies .box__aside a + a { margin-left: 34px; } .box-cookies .box__btn { text-transform: uppercase; font-family: 'Futura'; font-size: 15px; font-weight: 500; letter-spacing: 0.2em; border: 2px solid #000; padding: 6px 16px; background: transparent; transition: backgroundd .3s, color .3s; } .box-cookies .box__btn:hover { background: #000; color: #fff; text-decoration: none; } @media (max-width: 1024px) { .box-cookies { position: fixed; top: 0; left: 0; width: 100%; height: 95px; z-index: 9999; } .box-cookies--desktop { display: none; } .box-cookies .box__content { max-width: 70%; } .box-cookies .box__inner { max-width: 100%; padding: 10px 10px 5px; justify-content: space-around; margin-top: -15px;} .box-cookies .box__aside { max-width: 30%; } .cookie-footer {position:fixed; top:auto; left:0; bottom: -25px; width:100%; z-index:9999;} .cookie-header {height: 105px !important;} } @media (max-width: 767px) { .box-cookies { height: 120px; } .box-cookies .box__inner { flex-direction: column; padding: 25px 5px 8px; } .box-cookies .box__aside { max-width: 100%; justify-content: center; margin-top: 10px; } .box-cookies .box__content { max-width: 100%; } .box-cookies .box__content p { font-size: 11px; } .box-cookies .box__close { position: absolute; left: 85%; } .box-cookies .box__close svg { width: 13px; height: 13px; } .box-cookies .box__btn { font-size: 10px; padding: 3px 8px; } } .product-single .product-images-nav { margin-top:50px !important; } .product-single .product-images-nav .owl-dot-video { margin-top:-15px !important; } .product-single .product-images-nav .owl-dot-video:before { content:''; display: block; width:30px; margin: 0 auto 10px auto; height:20px; background: url(images/ico-video.png) no-repeat 0 0; } .list-icons-wrapper { text-align: center; } .list-icons { text-align:center; padding-bottom:60px; } .list-icons li { display: inline-block; vertical-align: middle; padding: 0px; } /* @media (max-width: 767px) { */ /* .product-single .product-images-clip .owl-carousel.owl-drag .owl-item { width: auto !important; } */ /* } */ .section-banner p { font-weight:500; font-size:16px; } .products-navigation { text-transform: uppercase; font-size:10px; font-weight:500; margin-bottom:50px; text-align:center; } .products-navigation ul { background:#000; padding: 12px 0; margin: 0 auto; display: inline-block; } .products-navigation li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; } .products-navigation li a { color: #fff; text-decoration: none; display:block; text-align:center; border-left:1px solid; padding: 0 33px; } .products-navigation li:first-child a { border-left:0; } .products-navigation li a:hover { text-decoration: underline; } @media (max-width: 767px) { .list-icons { margin: 0; padding: 40px 0; } .products-navigation ul { padding: 0; } .products-navigation li { display:block; } .products-navigation li a { border-left:0; border-bottom:1px solid; padding: 5px 33px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header .shell { position: relative; } .header-wrapper:not(.header-fixed) .header-bar--update { position: absolute; right: 20px; top: 9px; padding: 0px; } .header-wrapper:not(.header-fixed) .header-bar--update .header-actions { position: relative; } /* ------------------------------------------------------------ *\ Checkout - CC updates \* ------------------------------------------------------------ */ .cc-list { display: flex; width: 320px; } .cc-list .cc-icon { width: 60px; height: 37px; margin-right: 10px; background-image: url(images/cc-icons.png); } .cc-list .cc-icon.visa { background-position: 0 -48px; } .cc-list .cc-icon.mastercard { background-position: -70px -48px; } .cc-list .cc-icon.amex { background-position: -140px -48px; } .cc-list .cc-icon.discover { background-position: -210px -48px; } .cc-list .cc-icon.active { background-position-y: 0; } /* ------------------------------------------------------------ *\ Product single \* ------------------------------------------------------------ */ .product-single .product-price { font-size: 31px; } span.product-price-new { padding-left: 16px; letter-spacing: -.03em; } .product-price { margin-right: 22px; } @media(max-width: 1024px) { .product-single .product-price { margin-bottom: 11px; font-size: 27px; text-align: center; line-height: 1; } #product-qty { height: 37px; margin-right: 7px; } } @media(max-width: 767px){ #product-qty input { font-size: 14px; } } /* ------------------------------------------------------------ *\ Form add bag \* ------------------------------------------------------------ */ .form.form-add-bag .btn { text-align: center; margin-top: 0px; } .form.form-add-bag .product-submit-btn { padding: 2px 10px; font-weight: 500; text-transform: uppercase; } .product-single .form-add-bag { margin: 20px 0 30px; } @media(max-width: 1024px) { .form.form-add-bag .product-submit-btn{ padding: 0; width: 100%; } .product-single .form-add-bag { margin: 0; } } /* ------------------------------------------------------------ *\ Product options \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .product-options .form-add-bag { max-width: 100%; } .product-options .form-cols { flex-wrap: wrap; justify-content: center; align-items: center; } .product-options .form-cols .form-row--fluid { max-width: 100%; flex: 0 0 100%; margin-bottom: 0; } .product-options .form-cols .form-row, .product-options .form-cols .form-actions { padding: 0; margin-bottom: 0; } .product-options .form-cols .form-actions { top: 0; } .product-single .form-add-bag .form-actions:not(.pdp-add-to-bag-btn) { margin: 0 auto; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'FuturaBT'; src: url('fonts/FuturaBT-Light.woff2') format('woff2'), url('fonts/FuturaBT-Light.woff') format('woff'), url('fonts/FuturaBT-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Futura'; src: url('fonts/FuturaPT-Light.ttf') format('ttf'), url('fonts/FuturaPT-Light.woff') format('woff'), url('fonts/futura-light.woff2') format('woff2'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Futura'; src: url('fonts/futura-book-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Futura'; src: url('fonts/Futura-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Goudy Old Style'; src: url('fonts/goudy-old-style-italic-webfont.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Goudy Old Style'; src: url('fonts/goudy-old-style-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } /* ------------------------------------------------------------ *\ Slider Top Seller \* ------------------------------------------------------------ */ .slider-top-seller .slider__slide { background-color: #fff; text-align: center; height: 100%; display: block; flex-direction: column; justify-content: flex-end; } .slider-top-seller .slider__slides { max-width: 100%; } .slider-top-seller .slider__slide-content { text-align: center; font-family: Futura,sans-serif; font-weight: 100; font-size: 13px; color: #000; padding: 10px 10px 10px 21px; } .slider-top-seller .slider__slide-content p { margin-bottom: 5px; } .slider-top-seller .slider__slide-content .btn { background: #f7ede8; padding: 10px; margin: 10px 0; border-width: 1px; } .slider-top-seller .slider__slide-content .btn.oos { text-transform: uppercase; } .slider-top-seller .slider__slide-content p:last-child { margin: 0; } .slider-top-seller .slider__slide-content em { font-family: 'Futura'; font-style: normal;} .slider-top-seller .slider__slide-content .product-title { height: 30px; } .slider-top-seller .slider__slide-content .product-teaser { height: 30px; font-family: 'Goudy Old Style', serif; font-style: italic; font-weight: 100; font-size: 14px; } .slider-top-seller .owl-item { border-right: 3px solid #f7ede8; height: 420px; } .slider-top-seller .owl-nav { position: absolute; top: 48%; left: 0; right: 0; display: flex; justify-content: space-between; pointer-events: none; padding: 0 5px; } .slider-top-seller .owl-nav * { pointer-events: auto; } .slider-top-seller .owl-nav .ico-arrow-prev, .slider-top-seller .owl-nav .ico-arrow-next { width: 43px; } .slider-top-seller .owl-nav .ico-arrow-next { display: inline-block; width: 43px; height: 13px; background-image: url(images/ico-arrow-right-slide.png); background-position: center center; background-repeat: no-repeat; vertical-align: middle; } .slider-top-seller .owl-dots { display: flex; justify-content: center; padding: 15px 10px 30px; } .slider-top-seller .owl-dot { width: 16px; height: 16px; background-color: #67904a; border-radius: 50%; opacity: .5; } .slider-top-seller .owl-dot.active { opacity: 1; } .slider-top-seller .owl-dot + .owl-dot { margin-left: 24px; } .slider-top-seller .product-footer .pr-category-snippet__total { display: none !important; } .slider-top-seller .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal { display: none !important; } .slider-top-seller .product-footer .product-price { line-height: 1.15; margin-right: 0; } @media (max-width: 1024px) { .slider-top-seller .owl-item { height: 375px; } .slider-top-seller .slider__slide-image img { transform: scale(.9); transform-origin: center; } .slider-top-seller .slider__slide-content { padding: 18px 10px 27px 10px; } .slider-top-seller .slider__slide-content p { margin-bottom: 4px; letter-spacing: .06em; } .slider-top-seller .slider__slide-content i { letter-spacing: -.02em; } } @media(max-width: 767px) { .slider-top-seller .owl-item { height: auto; border-right: none; } .slider-top-seller .slider__slide { display: block; } .slider-top-seller .slider__slide-image { } .slider-top-seller .slider__slide-image img { transform: scale(1); } .slider-top-seller .slider__slide-content { padding: 18px 0px 5px 0px; } .slider-top-seller .slider__slide-content p { font-size: 16px; font-weight: 500; letter-spacing: .08em; } .slider-top-seller .slider__slide-content .product-title { height: 40px; } .slider-top-seller .owl-nav { padding: 0 13px; } .slider-top-seller .product-footer { text-align: center; } .slider-top-seller .product-footer .btn { background-color: #f7ede8; padding: 8px 8px; border: 1px solid; font-size: 13px; } .slider-top-seller .product-footer .product-body-top { min-height: 70px; padding: 0 12px 10px 12px; } .slider-top-seller .product-footer .product-price-new { padding-left: 2px; } } /* ------------------------------------------------------------ *\ Slider products \* ------------------------------------------------------------ */ .slider-products .slide-quote { opacity: 1; visibility: visible; transition: unset; } .slider-products .active .slide-quote { transition-delay: unset; } /* ------------------------------------------------------------ *\ .section-ltk-recommended-products \* ------------------------------------------------------------ */ .section-ltk-recommended-page .shell { padding-left: 0px; padding-right: 0px; } .section-ltk-recommended-products { padding: 40px 0px; min-height: 605px; } .section-ltk-recommended-products .section-head { position: relative; text-align: center; padding-bottom: 15px; } .section-ltk-recommended-products .section-head::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 3px; background-color: #000; z-index: -1; } .section-ltk-recommended-products .section-title { background-color: #fff; color: inherit; display: inline-block; font-family: 'Goudy Old Style', serif; padding: 0 30px; } .section-ltk-recommended-products .section-body { background: white; position: static; width: 100%; } @media (max-width: 767px) { .section-ltk-recommended-products .section-head::before { display: none; } .section-ltk-recommended-products .section-title { font-size: 22px !important; } } /* ------------------------------------------------------------ *\ .slider-recommended-products \* ------------------------------------------------------------ */ .section-ltk-recommended-page .slides { padding: 0px 76px; max-width: 100%; } .slider-recommended-products .slides { padding: 0px 76px; max-width: 100%; } .slider-recommended-products .slide { height: 100%; } .slider-recommended-products .slide > *:not(:last-child) { margin-bottom: 10px; } .slider-recommended-products .product { display: flex; flex-direction: column; height: 100%; } .slider-recommended-products .product > * { margin-bottom: 1rem; } .slider-recommended-products .product > *:last-of-type { margin-bottom: 0; } .slider-recommended-products .product-image { position: relative; width: 100%; margin-bottom: 10px; border: 0px;} .slider-recommended-products .product-image a { width: 100%; height: 100%; } .slider-recommended-products .product-title { font-family: Futura, sans-serif; font-weight: 400; font-size: 16px; } .slider-recommended-products .pr-no-reviews { visibility: hidden; } .slider-recommended-products .product .pr-category-snippet__rating .pr-snippet-rating-decimal { display: none; } .slider-recommended-products .product .pr-category-snippet__total { display: none !important; } .slider-recommended-products .owl-item img { width: 219px; } .slider-recommended-products .owl-stage { display: flex; } .slider-recommended-products .owl-nav { position: absolute; top: 48%; left: 0; right: 0; display: flex !important; justify-content: space-between; pointer-events: none; padding: 0 5px; } .slider-recommended-products .owl-nav * { pointer-events: auto; } .slider-recommended-products .owl-nav .ico-arrow-prev, .slider-recommended-products .owl-nav .ico-arrow-next { width: 43px; } .slider-recommended-products .owl-nav .ico-arrow-next { display: inline-block; width: 43px; height: 13px; background-image: url(images/ico-arrow-right-slide.png); background-position: center center; background-repeat: no-repeat; vertical-align: middle; } .slider-recommended-products .owl-dots { display: flex; justify-content: center; padding: 15px 10px 30px; } .slider-recommended-products .owl-dot { width: 16px; height: 16px; background-color: #67904a; border-radius: 50%; opacity: .5; } .slider-recommended-products .owl-dot.active { opacity: 1; } .slider-recommended-products .owl-dot + .owl-dot { margin-left: 24px; } @media (max-width: 1066px) { .slider-recommended-products .product .cro-add-to-bag { font-size: 14px; } } @media (max-width: 1024px) { .slider-recommended-products .product-image { position: relative; width: 100%; margin-bottom: 10px; border: 0px;} .slider-recommended-products .product-image img { transform: translate(-50%, -50%) scale(.9); transform-origin: center; } .slider-recommended-products .slides { padding: 0px 10px; } .slider-recommended-products .p-w-r [id^="pr-category-snippets-"].pr-no-reviews { display: block; visibility: hidden; } } @media (max-width: 767px) { .slider-recommended-products .slide { padding-top: 29px; } .slider-recommended-products .product-image { margin-top: 15px; border: 0px;} .slider-recommended-products .product-image img { transform: translate(-50%, -50%); } .slider-recommended-products .product .product-price { font-size: inherit; } .slider-recommended-products .product .pr-category-snippet__total { display: none !important; } .slider-recommended-products .owl-nav { padding: 0 40px; } .slider-recommended-products .owl-item { border-right: 0px; } } @media (max-width: 379px) { .slider-recommended-products .product .cro-add-to-bag { font-size: 13px; } } @media (max-width: 339px) { .slider-recommended-products .product .cro-add-to-bag { font-size: 12px; } } /* ------------------------------------------------------------ *\ .slider-content-recommended-products \* ------------------------------------------------------------ */ .slider-content-recommended-products .slides { padding: 0px 76px; max-width: 100%; } .slider-content-recommended-products .slide { height: 100%; } .slider-content-recommended-products .slide > *:not(:last-child) { margin-bottom: 10px; } .slider-content-recommended-products .product { display: flex; flex-direction: column; height: 100%; } .slider-content-recommended-products .product > * { margin-bottom: 1rem; } .slider-content-recommended-products .product > *:last-of-type { margin-bottom: 0; } .slider-content-recommended-products .product-image { position: relative; width: 100%; margin-bottom: 10px; border: 0px;} .slider-content-recommended-products .product-image a { width: 100%; height: 100%; } .slider-content-recommended-products .product-title { font-family: Futura, sans-serif; font-weight: 400; font-size: 16px; } .slider-content-recommended-products .pr-no-reviews { visibility: hidden; } .slider-content-recommended-products .product .pr-category-snippet__rating .pr-snippet-rating-decimal { display: none; } .slider-content-recommended-products .product .pr-category-snippet__total { display: none !important; } .slider-content-recommended-products .owl-item img { width: 219px; } .slider-content-recommended-products .owl-stage { display: flex; } .slider-content-recommended-products .owl-nav { position: absolute; top: 48%; left: 0; right: 0; display: flex !important; justify-content: space-between; pointer-events: none; padding: 0 5px; } .slider-content-recommended-products .owl-nav * { pointer-events: auto; } .slider-content-recommended-products .owl-nav .ico-arrow-prev, .slider-content-recommended-products .owl-nav .ico-arrow-next { width: 43px; } .slider-content-recommended-products .owl-nav .ico-arrow-next { display: inline-block; width: 43px; height: 13px; background-image: url(images/ico-arrow-right-slide.png); background-position: center center; background-repeat: no-repeat; vertical-align: middle; } .slider-content-recommended-products .owl-dots { display: flex; justify-content: center; padding: 15px 10px 30px; } .slider-content-recommended-products .owl-dot { width: 16px; height: 16px; background-color: #67904a; border-radius: 50%; opacity: .5; } .slider-content-recommended-products .owl-dot.active { opacity: 1; } .slider-content-recommended-products .owl-dot + .owl-dot { margin-left: 24px; } @media (max-width: 1066px) { .slider-content-recommended-products .product .cro-add-to-bag { font-size: 14px; } } @media (max-width: 1024px) { .slider-content-recommended-products .product-image { position: relative; width: 100%; margin-bottom: 10px; border: 0px;} .slider-content-recommended-products .product-image img { transform: translate(-50%, -50%) scale(.9); transform-origin: center; } .slider-content-recommended-products .slides { padding: 0px 10px; } .slider-content-recommended-products .p-w-r [id^="pr-category-snippets-"].pr-no-reviews { display: block; visibility: hidden; } } @media (max-width: 767px) { .slider-content-recommended-products .slide { padding-top: 29px; } .slider-content-recommended-products .product-image { margin-top: 15px; border: 0px;} .slider-content-recommended-products .product-image img { transform: translate(-50%, -50%); } .slider-content-recommended-products .product .product-price { font-size: inherit; } .slider-content-recommended-products .product .pr-category-snippet__total { display: none !important; } .slider-content-recommended-products .owl-nav { padding: 0 40px; } .slider-content-recommended-products .owl-item { border-right: 0px; } } @media (max-width: 379px) { .slider-content-recommended-products .product .cro-add-to-bag { font-size: 13px; } } @media (max-width: 339px) { .slider-content-recommended-products .product .cro-add-to-bag { font-size: 12px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn--new { background-color: #000; font-size: 14px; font-family: 'Futura',sans-serif; font-weight: 300; text-transform: uppercase; color: #fff; padding: 10px 15px; line-height: 1; transition: background-color .2s; } .btn--new i { margin-top: -2px; margin-bottom: 2px; } .btn--new:hover { background-color: #777; } @media(max-width: 1024px) { .btn--new { font-size: 16px; } } @media(max-width: 767px) { .btn--new { padding: 12px 18px; letter-spacing: .07em; } } /* ------------------------------------------------------------ *\ Button search \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .btn-search { display: block; text-align: center; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico-arrow-right { display: inline-block; vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; background-image: url(images/ico-arrow-right.png); width: 14px; height: 10px; } .ico-arrow-right-alt { display: inline-block; vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; background-image: url(images/ico-arrow-right-alt.png); width: 56px; height: 18px; } .ico-play-new { display: inline-block; vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; background-image: url(images/ico-play-new.png); width: 37px; height: 37px; } @media (max-width: 767px) { .ico-arrow-right-alt { width: 40px; height: 12px; } .ico-nav-bars-mobile { display: inline-block; width: 26px; height: 21px; background: url(images/ico-nav-bars-mobile@2x.png) no-repeat 0 0; background-size: cover; vertical-align: middle; } } /* ------------------------------------------------------------ *\ Section Top Seller \* ------------------------------------------------------------ */ .section-top-seller { background-color: #f7ede8; padding: 40px 0 60px; } .section-top-seller .shell { overflow: hidden; } .section-top-seller .section__body { display: flex; align-items: flex-end;} .section-top-seller .section__aside { flex: 0 0 530px; min-height: 505px; display: flex; align-items: flex-end; background-size: cover; background-repeat: no-repeat; background-position: center center; } .section-top-seller .section__entry { padding: 30px 25px 25px; background: rgba(255,255,255,.66); width: 100%; } .section-top-seller .section__entry .h6 { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 16px; color: #669146; margin-bottom: 15px; } .section-top-seller .section__entry .h2 { font-family: 'Goudy Old Style', sans-serif; color: #000; font-weight: 400; font-style: normal; font-size: 48px; line-height: 1; } .section-top-seller .section__content { flex: 1 1 64%; max-width: 64%; margin-left: -92px; } .section-top-seller .section__actions { text-align: right; padding-top: 30px; } .section-top-seller .section__actions .btn { font-weight: 300; } .section-top-seller .section__actions .btn i { margin-top: -2px; margin-bottom: 2px; } .section-top-seller .product-price { font-style: normal; } .section-top-seller .cro-add-to-bag { font-size: 16px; font-weight: 400; } .section-top-seller .cro-add-to-bag .product-price-new { padding-left: 0; } .section-top-seller .cro-add-to-bag.oos .product-price-old { display: none; } .section-top-seller .cro-add-to-bag.oos .product-price-new { color: #000; } .section-top-seller .pr-no-reviews { visibility: hidden; } .section-top-seller .cro-add-to-bag.small-sale { font-size: 14px; } @media (max-width: 1200px) { .section-top-seller .section__body { display: block; padding: 0 10px; } .section-top-seller .section__aside { min-height: 352px; } .section-top-seller .section__entry { padding: 24px 38px 17px; } .section-top-seller .section__entry .h6 { margin-bottom: 6px; font-size: 21px; } .section-top-seller .section__entry .h2 { margin-bottom: 0; letter-spacing: -.025em; } .section-top-seller .section__content { max-width: 100%; margin-left: 0; padding-top: 30px; } .section-top-seller .section__actions { padding: 0; } } @media (max-width: 1024px) { .section-top-seller { padding: 30px 0; } .section-top-seller .cro-add-to-bag.small-sale { font-size: 13px; } } @media (max-width: 767px) { .section-top-seller { background: #fff; text-align: center; } .section-top-seller .shell { padding: 0; } .section-top-seller .section__body { padding: 0; } .section-top-seller .section__actions { padding: 0; } .section-top-seller .section__actions .mobile-cta { text-align: right; text-decoration: underline !important; padding-right: 15px; } .section-top-seller .section__content { padding: 0; } .section-top-seller .section__aside { min-height: 350px; text-align: center; } .section-top-seller .section__entry { text-align: center; padding: 15px 10px 10px; } .section-top-seller .section__entry .h6 { font-size: 17px; margin-bottom: 5px; } .section-top-seller .section__entry .h2 { font-size: 45px; margin-bottom: 8px; } .section-top-seller .product-title { font-family: Futura, sans-serif; font-weight: 400; font-size: 15px; min-height: 45px; } .section-top-seller .cro-add-to-bag.small-sale { font-size: 13px; } .section-top-seller .product-teaser { font-family: 'Goudy Old Style', serif; font-style: italic; font-weight: 100; font-size: 14px; } .section-top-seller .p-w-r .pr-category-snippet { padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Shop By Category \* ------------------------------------------------------------ */ .section-shop-by-category { padding: 30px 0; } .section-shop-by-category .section__head { position: relative; text-align: center; } .section-shop-by-category .section__head::before { content: ''; background-color: #000; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 2px; z-index: -1; } .section-shop-by-category .section__head-inner { background-color: #fff; display: inline-block; padding: 0 70px; margin-bottom: 20px; } .section-shop-by-category .section__title { font-family: 'Goudy Old Style', serif; font-size: 55px; margin-bottom: 10px; } .section-shop-by-category .section__subtitle { font-family: 'Futura', sans-serif; font-weight: 100; font-size: 35px; margin-bottom: 0; } .section-shop-by-category .shop-by-category__collage { position: relative; width: 100%; padding-top: 75%; } .section-shop-by-category .shop-by-category__collage-list { position: absolute; top: -10px; left: -10px; list-style: none outside none; width: calc(100% + 20px); height: calc(100% + 20px); } .section-shop-by-category .shop-by-category__collage-list::after { content: ''; display: table; clear: both; } .section-shop-by-category .shop-by-category__collage-list li { float: left; padding: 10px; } .section-shop-by-category .shop-by-category__slider { display: none; } .section-shop-by-category .shop-by-category__link { background: center/cover no-repeat; display: flex; overflow: hidden; width: 100%; height: 100%; } .section-shop-by-category .shop-by-category__overlay { position: relative; margin: auto auto 0 0; padding: 20px; z-index: 0; } .section-shop-by-category .shop-by-category__overlay::before { content: ''; background: #fff; position: absolute; top: 0; left: 0; opacity: 0.75; width: 100%; height: 100%; margin: auto auto 0 0; z-index: -1; } .section-shop-by-category .shop-by-category__copy { margin: auto; } .section-shop-by-category .shop-by-category__text { display: inline-block; font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 28px; margin-bottom: 0; } .section-shop-by-category .slides .owl-nav { display: flex; justify-content: space-around; margin-top: 10px; padding: 20px 0px; } @media (max-width: 1023px) { .section-shop-by-category .shop-by-category__collage-list { top: -5px; left: -5px; } .section-shop-by-category .shop-by-category__collage-list li { padding: 5px; } .section-shop-by-category .shop-by-category__text { font-size: 22px; } } @media (max-width: 767px) { .section-shop-by-category .section__head::before { visibility: hidden; } .section-shop-by-category .section__head-inner { padding: 0; } .section-shop-by-category .section__title { font-size: 45px; } .section-shop-by-category .section__subtitle { font-size: 30px; } .section-shop-by-category .shop-by-category__collage { display: none; } .section-shop-by-category .shop-by-category__slider { display: block; max-width: 100%; width: 350px; margin: 0 auto; } .section-shop-by-category .shop-by-category__slider .slide { position: relative; padding-top: calc(385/335 * 100%); overflow: hidden; } .section-shop-by-category .shop-by-category__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* ------------------------------------------------------------ *\ Section Blog \* ------------------------------------------------------------ */ .section-blog { padding: 60px 0 40px; } .section-blog .section__head { text-align: center; position: relative; } .section-blog .section__head:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: #000; z-index: -1; } .section-blog .section__head .h2 { background-color: #fff; position: relative; font-family: 'Goudy Old Style',serif; font-size: 55px; color: #000; display: inline-block; padding: 0 70px 10px; margin-bottom: 0; } .section-blog .section__head .h3 { font-size: 35px; font-family: 'Goudy Old Style',serif; font-style: italic; color: #000; margin-bottom: 20px; } .section-blog .section__body { display: flex; margin: 0 -10px; } .section-blog .section__foot { text-align: center; padding: 40px 0; border-bottom: 2px solid #000;} .section-blog .section__foot a { font-family: 'FuturaBT', sans-serif; font-size: 30px; color: #000; line-height: .75; letter-spacing: .04em; font-weight: 300; } .section-blog .section__foot a i { margin-left: 20px; margin-right: 7px; margin-top: -7px } .section-blog .owl-dots { display: flex; justify-content: center; padding: 30px 10px 40px; } .section-blog .owl-dot { width: 16px; height: 16px; background-color: #67904a; border-radius: 50%; opacity: .5; } .section-blog .owl-dot.active { opacity: 1; } .section-blog .owl-dot + .owl-dot { margin-left: 24px; } @media (max-width: 1024px) { .section-blog { padding: 27px 0 0; } .section-blog .section__body { display: block; margin: 0; } .section-blog .section__head:after { display: none; } .section-blog .section__head .h2 { font-size: 45px; padding: 0; margin-bottom: 4px; } .section-blog .section__head .h3 { font-size: 30px; line-height: 1; } .section-blog .section__foot { padding: 20px 0 30px; } .section-blog .section__foot a { font-size: 20px; letter-spacing: .03em; } .section-blog .section__foot a i { width: 40px; height: 14px; margin: -5px 7px 0 7px; } .section-blog .owl-dots { padding: 30px 10px 20px; } } @media (max-width: 767px){ .section-blog { padding: 35px 0 10px; } .section-blog .section__head { margin-bottom: 44px; } .section-blog .section__head .h2 { margin-bottom: 17px; } .section-blog .section__head .h3 { margin-bottom: 0; } .section-blog .section__body { padding: 0 16px; } .section-blog .section__foot a { font-size: 18px; letter-spacing: .08em; } .section-blog .section__foot { padding: 0 10px 20px; margin: 0 -20px; } .section-blog .section__foot a i { margin-left: 5px; } .section-blog .owl-dots { padding: 23px 10px 31px; } } /* ------------------------------------------------------------ *\ Blog Post \* ------------------------------------------------------------ */ .blog-post { padding: 0 10px; flex: 0 0 305px; } .blog-post--lg { flex: 1 1 auto; } .blog-post a:not(.btn) { display: block; height: 462px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px 20px 25px; } .blog-post .blog-post__entry { background-color: #f7ede8; padding: 30px 40px 0; text-align: center; } .blog-post .blog-post__entry .h5 { font-size: 22px; font-family: 'FuturaBT', sans-serif; font-weight: 300; color: #000; margin-bottom: 35px; } .blog-post .blog-post__entry p { margin-bottom: 20px; font-family: 'FuturaBT', sans-serif; font-size: 15px; font-weight: 300; } .blog-post--lg .blog-post__entry .h5 { font-size: 28px; margin-bottom: 20px; } .blog-post .blog-post__entry .btn { margin-bottom: -15px; } @media (max-width: 1200px) { .blog-post--lg .blog-post__entry { padding: 25px 15px 0; } } @media (max-width: 1024px) { .blog-post { padding: 0; } .blog-post a:not(.btn) { height: 363px; padding: 20px 10px 25px; margin-bottom: 184px; } .blog-post .blog-post__entry { padding: 30px 20px 25px; margin-bottom: -209px; } .blog-post .blog-post__entry .h5 { margin-bottom: 30px; font-size: 24px; letter-spacing: -.01em; text-transform: uppercase; } .blog-post .blog-post__entry p { margin-bottom: 25px; font-size: 17px; line-height: 1.2; letter-spacing: -.01em; } .blog-post .blog-post__entry .btn { margin-bottom: 0; } } @media (max-width: 767px) { .blog-post { padding: 0; } .blog-post a:not(.btn) { padding: 20px 12px; margin-bottom: 262px; } .blog-post .blog-post__entry .h5, .blog-post--lg .blog-post__entry .h5 { margin-bottom: 22px; font-family: 'Futura', sans-serif; font-size: 22px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; line-height: 1.3; } .blog-post .blog-post__entry p { font-size: 16px; font-weight: 300; line-height: 1.2; letter-spacing: .08em; } .blog-post .blog-post__entry { margin-bottom: -262px; padding: 25px 10px 25px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header .header-promo { width: 340px; } .header > .header-promo { position: static; right: 0; top: 0; padding: 12px 0; width: 100%; text-align: center; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; min-height: 65px; display: flex; align-items:center; justify-content: center; } .header-tablet { display: none; } @media (max-width: 1024px) { .header { border-bottom: 0; } .header .header-description {display: none !important;} .header .header-promo { display: block; position: relative; } .header-tablet { display: block; width: 100%; padding: 0; background: #fff; border-bottom: 4px solid #000; text-align: center; transition: top .3s; } .header-tablet .header-promo { position: relative; padding: 12px 0; background: #f7eee9; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; } .header-tablet .header__inner { position: relative; padding: 12px 20px; } .header-tablet .header-actions { top: 0; } .header-tablet .header-actions ul { position: absolute; top: 15px; } .header-tablet .header-actions li { display: inline-block; } .header-tablet .header-actions li + li { margin-left: 18px; } .header-tablet:not(.header-hide) .nav-mobile { top: 51px; } } @media(max-width: 767px) { .header-tablet { display: none; } .header > .header-promo { min-height: 54.5px;} } /* ------------------------------------------------------------ *\ Nav mobile \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .nav-mobile { top: 0px; } } /* ------------------------------------------------------------ *\ Header Search \* ------------------------------------------------------------ */ div.wrapper > header .search-primary { width: 0; top: 0; right: 100%; left: auto; height: auto; background-color: #fff; margin-top: 0; padding-left: 10px; transition: width .4s, opacity .4s; overflow: hidden; } div.wrapper > header .search-primary.active { width: 200px; } div.wrapper > header .search-primary .search-inner { padding: 0; } div.wrapper > header .search-primary .search-controls { display: flex; margin-right: 10px; } div.wrapper > header .search-primary .search-field { font-size: 15px; height: auto; color: #000; border-bottom: none; padding: 0 5px; } div.wrapper > header .search-primary .search-field::placeholder { color: #000; } div.wrapper > header .search-primary .search-btn { position: static; height: auto; padding: 0 5px 5px 0; } div.wrapper > header .search-primary .search-close { display: none; } div.wrapper > header .header .search-primary { position: relative; top: auto; right: auto; left: auto; width: auto; height: auto; } @media (min-width: 1025px) and (max-width: 1100px){ div.wrapper > header .search-primary .search-field { margin-right: -30px } } @media (max-width: 1024px) { div.wrapper > header .search-primary { width: 0; top: 49px; left: 0; right: auto; padding-left: 0; opacity: 1; visibility: visible; transition: width .6s;} div.wrapper > header .search-primary.active { width: 100vw; transform: translateX(0); z-index: 50;} div.wrapper > header .search-primary .search-btn { display: inline-block; position: absolute; transform: scale(1); height: 50px; padding: 0 20px 0 10px; } div.wrapper > header .search-primary .search-controls { border-bottom: none; margin-right: 0; } div.wrapper > header .search-primary .search-field { height: 50px; border-bottom: 2px solid #000; padding: 0 50px 0 20px; } div.wrapper > header .search-primary .search-inner { max-width: 100%; padding: 0; } } @media(max-width: 767px) { div.wrapper > header .search-primary { top: 34px; left: -20px; height: 50px; } div.wrapper > header .search-primary .search-close { position: static; } } /* ------------------------------------------------------------ *\ Section callout \* ------------------------------------------------------------ */ .section-callouts { padding: 35px 0 0; } @media(max-width: 767px) { .section-callouts { padding: 18px 0 45px; border-bottom: 2px solid #000; } } /* ------------------------------------------------------------ *\ Masonry items \* ------------------------------------------------------------ */ .masonry .masonry-item { padding: 0 26px 0 30px; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .callout { margin-bottom: 33px; } .callout .callout-slider .slide { height: auto; } .callout .callout-slider .slide-content { padding: 19px 0 0; } .callout .callout-video { padding: 20px 34px; margin: 81px 0 100px; } .callout .callout-video-overlay { margin-top: 17px; } .callout .callout-video-overlay .h4 { font-size: 17px; } .callout .callout-video-overlay i { width: 30px; height: 30px; } } @media(max-width: 767px) { .callout .callout-video { max-width: 100%; padding: 0; margin: 0; } .callout .callout-video-overlay { margin-top: -18px; padding: 15px 15px 5px; } .callout .callout-video-overlay .h4 { margin-bottom: 10px; font-size: 20px; font-weight: 300; } .callout .callout-video-overlay i { position: absolute; top: 100%; left: 50%; margin-left: -19px; width: 38px; height: 38px; transform: scale(1); } } /* ------------------------------------------------------------ *\ Callout primary \* ------------------------------------------------------------ */ .callout-primary { height: 600px; padding: 27px 17px; } .callout-primary .callout-title { font-size: 44px; letter-spacing: -.01em; line-height: 1; } .callout-primary .callout-actions { padding: 36px 0; } @media(max-width: 767px) { .callout-primary { height: 500px; } } /* ------------------------------------------------------------ *\ Callout secondary \* ------------------------------------------------------------ */ .callout-secondary .callout-meta { margin-bottom: 0; } .callout-secondary .callout-meta + .callout-actions { margin-top: 20px; } .callout-secondary .callout-actions { margin-top: 20px; } @media(max-width: 1024px) { .callout-secondary .callout-meta + .callout-actions { margin-top: 18px; } } /* ------------------------------------------------------------ *\ Callout quaternary \* ------------------------------------------------------------ */ .callout-quaternary { padding: 19px 0 22px; } .callout-quaternary .callout-title { margin-bottom: 20px; letter-spacing: .03em; } .callout-quaternary .callout-form { padding: 0 10px; } .callout-quaternary .callout-form p { margin-bottom: 0; font-size: 20px; line-height: 1.9; } .callout-quaternary .callout-form .form-field { max-width: 180px; margin: -1px 10px 0; font-size: 20px; text-align: center; } .callout-quaternary .callout-form .form-body { padding-bottom: 25px; } .callout-tertiary-alt { height: 730px; } /* ------------------------------------------------------------ *\ Callout tertiary \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .callout-tertiary { height: 680px; } .callout-tertiary-alt .callout-subtitle { letter-spacing: .035em; } } @media(max-width: 767px) { .callout-quaternary { padding: 36px 0 34px; } .callout-quaternary .callout-form { padding: 0 17px; } .callout-quaternary .callout-title { font-size: 22px; } .callout-quaternary .callout-form p { font-size: 13px; letter-spacing: -.01em; line-height: 2.8; } .callout-quaternary .callout-form .form-field { max-width: 110px; height: 25px; font-size: 13px; } .callout-tertiary { height: 410px; } .callout-tertiary .callout-subtitle { font-size: 13px; } .callout-tertiary .callout-nav a { font-size: 21px; } .callout-tertiary .callout-nav .active a, .callout-tertiary .callout-nav a:hover { font-size: 30px; } .callout-tertiary-alt { height: 443px; } .callout-tertiary-alt .callout-title { font-size: 28px; } .callout-secondary .callout-title { font-size: 32px; } } /* ------------------------------------------------------------ *\ Section Copy & Slider \* ------------------------------------------------------------ */ .section-copy-and-slider { padding-top: 20px; } .copy-and-slider-row { display: flex; flex-wrap: wrap; } .copy-and-slider-col { background-color: #f7ede8; flex: 0 0 50%; width: 50%; text-align: center; } .copy-and-slider-copy { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; } .copy-and-slider-copy .copy-and-slider-title { letter-spacing: .03em; margin-bottom: 30px; } .copy-and-slider-form .form-body { padding-bottom: 30px; } .copy-and-slider-form p { font-size: 20px; line-height: 2.5; margin-bottom: 0; } .copy-and-slider-form .predictive-input{ font-size: 15px; top: 4px; left: 10px; } .copy-and-slider-form .form-field { background: none; -webkit-appearance: none; display: inline-block; font-size: 20px; text-align: center; border-width: 0 0 1px; border-radius: 0; max-width: 100%; width: 180px; height: 30px; margin: -1px 10px 0; } .copy-and-slider-form .form-field::-webkit-input-placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .copy-and-slider-form .form-field::-moz-placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .copy-and-slider-form .form-field:-ms-input-placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .copy-and-slider-form .form-field::placeholder { font-family: 'Goudy Old Style', serif; font-size: 17px; text-align: center; } .copy-and-slider-slider .owl-dots { position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); } .copy-and-slider-slider .owl-dot { background: #000; display: inline-block; vertical-align: top; border-radius: 50%; opacity: 0.5; transition: all .2s ease-out; width: 10px; height: 10px; margin: 0 5px; } .copy-and-slider-slider .owl-dot.active { opacity: 1; } .copy-and-slider-image-wrapper::before { content: ''; display: block; width: 100%; padding-top: 75%; } .copy-and-slider-image-wrapper { background: transparent center/cover no-repeat; } .copy-and-slider-slider .owl-carousel, .copy-and-slider-slider .owl-stage-outer, .copy-and-slider-slider .owl-stage, .copy-and-slider-slider .owl-item, .copy-and-slider-slider .slide, .copy-and-slider-slider .copy-and-slider-image-wrapper, .copy-and-slider-slider .copy-and-slider-image-wrapper::before { height: 100%; } .copy-and-slider-slider .slide-video { position: relative; display: block; height: 100%; margin: 0 auto; text-decoration: none; color: #fff; } .copy-and-slider-slider .slide-video-link { text-decoration: none; height: 100%; display: block; } .copy-and-slider-slider .slide-video-iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .copy-and-slider-slider .slide-video-iframe.active { visibility: visible; opacity: 1; } .copy-and-slider-slider .slide-image { position: relative; } .copy-and-slider-slider .slide-image:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); } .copy-and-slider-slider .slide-content { position: absolute; left: 0; top: 50%; width: 100%; padding-top: 40px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1023px) { .copy-and-slider { padding-bottom: 20px; } .copy-and-slider-row { margin-bottom: -20px; } .copy-and-slider-col { flex-basis: 100%; width: 100%; margin-bottom: 20px; } .copy-and-slider-slider .owl-dots { position: static; left: initial; bottom: initial; transform: none; padding: 10px 0; } .copy-and-slider-slider .owl-dot { width: 15px; height: 15px; } .copy-and-slider-slider .slide-video i { margin-top: -20px; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } .copy-and-slider-slider .slide-title { margin-bottom: 0; font-size: 22px; } .copy-and-slider-slider .slide-content { padding-top: 30px; } } @media (max-width: 767px) { .copy-and-slider-copy .copy-and-slider-title { font-size: 22px; } .copy-and-slider-form p { font-size: 13px; letter-spacing: -.01em; line-height: 2.8; } .copy-and-slider-form .form-field { max-width: 110px; height: 25px; font-size: 13px; } .copy-and-slider-form .form-field::-webkit-input-placeholder { font-size: 14px; } .copy-and-slider-form .form-field::-moz-placeholder { font-size: 14px; } .copy-and-slider-form .form-field:-ms-input-placeholder { font-size: 14px; } .copy-and-slider-form .form-field::placeholder { font-size: 14px; } } /* ------------------------------------------------------------ *\ Section picks \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .section-picks { padding: 30px 0 0; } .section-picks .event { padding-top: 67px; } } @media(max-width: 767px) { .section-picks { padding: 46px 0 0; } .section-picks .section-title { font-size: 21px; } .section-picks .slider-products { max-width: 100%; } .section-picks .event { padding-top: 10px; } } /* ------------------------------------------------------------ *\ Quote \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .quote { text-align: center; } .quote .quote-title { margin-bottom: 1px; font-weight: 400; letter-spacing: .03em; } .quote .quote-entry { font-size: 23px; letter-spacing: -.01em; } .quote .quote-signature { width: 280px; height: 124px; margin: 0 auto; } } @media(max-width: 767px) { .quote .quote-title { margin-bottom: 8px; font-size: 21px; } .quote .quote-entry { font-size: 17px; } .quote .quote-signature { width: 123px; max-width: none; height: 55px; margin: 0 auto; } } /* ------------------------------------------------------------ *\ Slider products \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .slider-products { padding-top: 20px; } } @media(max-width: 767px) { .slider-products .slides { max-width: 100%; } .slider-products .slide { padding: 0; } .slider-products .owl-item { width: 400px; max-width: 500px; } .slider-products .product { width: 100%; padding: 30px 0 20px; } .slider-products .product .product-image img { max-width: 50%; } .slider-products .owl-nav { display: block; } } /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .product .product-title { letter-spacing: .02em; } } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .footer .footer-nav { padding: 18px 16px; } .footer .footer-nav .nav-inner { letter-spacing: unset; } .footer .footer-nav li a { letter-spacing: .25em; } .footer .footer-nav .nav-socials { margin-top: 0px; } } @media(max-width: 767px) { .footer .footer-nav { padding: 0; margin: 0 -20px; } .footer .footer-nav .nav-inner li + li { margin-left: 0!important; } /*.footer #bfx-cc-wrapper { padding: 16px 0; } .footer #bfx-cc-wrapper .bfx-cc-collapsed .bfx-cc-menu .bfx-cc-country-name a { padding: 0 10px; }*/ .footer .footer-nav .nav-socials { margin-top: 0; } .footer .footer-actions .footer-top.link-top { bottom: 0; } } /* ------------------------------------------------------------ *\ Store \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .stores { margin: 17px -20px 66px; } .store { width: 212px; margin: 0 0 45px 0; } .store .store-image { padding: 0 22px; margin: 0 0 13px 10px; } .store .store-title { margin-bottom: 8px; font-size: 15px; font-weight: 700; letter-spacing: .05em; } .store .store-actions { letter-spacing: .09em; font-size: 11px; } } @media(max-width: 767px) { .stores { padding: 0; margin: 43px 0px 77px; } .store { width: 100%; margin: 0 0 25px 0; } .store .store-image { margin: 0 0 17px 0; } .store .store-title { margin-bottom: 0; } .store .store-meta { font-size: 18px; } .store .store-actions { margin-top: 10px; } } /* ------------------------------------------------------------ *\ .ada-notification \* ------------------------------------------------------------ */ @media(max-width: 1024px) { .ada-notification { margin-bottom: 25px; letter-spacing: .23em; font-weight: 300; } } @media(max-width: 767px) { .ada-notification { font-weight: 300; } } /* ------------------------------------------------------------ *\ Top Seller Owl Caraosel \* ------------------------------------------------------------ */ .section__content .slider-top-seller--new .slider__slides .slider__slide-image img { max-width: 100%; max-height: 250px; width: auto; height: auto; padding: 20px 0; } @media(max-width: 1024px) { .section__content .slider-top-seller--new .slider__slides .slider__slide-image img { max-height: 190px; } } @media(max-width: 768px) { .section__content .slider-top-seller--new .slider__slides .slider__slide-image img { padding: 0; } } /* ------------------------------------------------------------ *\ PLP Product Grid Redesign \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ .section-custom-bundle \* ------------------------------------------------------------ */ .section-custom-bundle { padding: 2.5em 0; } .section-custom-bundle .custom-bundle-header > *:not(:last-of-type) { margin-bottom: 0.5em; } .section-custom-bundle .custom-bundle-socials li { display: inline-block; width: 50px; } .section-custom-bundle .custom-bundle-entry > *:not(:last-of-type) { margin-bottom: 20px; } .section-custom-bundle .custom-bundle-entry .custom-bundle-description { font-family: 'Goudy Old Style', serif; font-size: 24px; line-height: 1.2; letter-spacing: .02em; max-width: 100%; width: 480px; margin-top: 30px; margin-bottom: 30px; } .section-custom-bundle .custom-bundle-size { font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em; } .section-custom-bundle .custom-bundle-image { position: relative; text-align: center; max-width: 100%; width: 450px; margin: auto; overflow: hidden; } .section-custom-bundle .custom-bundle-image::before { content: ""; display: block; padding-top: 100%; } .section-custom-bundle .custom-bundle-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .section-custom-bundle .custom-bundle-price { font-family: 'Goudy Old Style', serif; font-style: italic; font-size: 31px; margin-bottom: 0.5rem; } .section-custom-bundle .custom-bundle-actions { text-align: center; max-width: 100%; width: 320px; } .section-custom-bundle .custom-bundle-actions > *:not(:last-of-type) { margin-bottom: 20px; } @media (max-width: 1024px) { .section-custom-bundle .col { float: none; width: 100%; } .section-custom-bundle .custom-bundle-entry .custom-bundle-description { font-size: 16px; width: auto; } .section-custom-bundle .custom-bundle-price { text-align: center; } .section-custom-bundle .custom-bundle-actions { margin: auto; } } /* ------------------------------------------------------------ *\ .custom-bundle-skus \* ------------------------------------------------------------ */ .custom-bundle-sku-slides { max-width: 100%; margin: auto; } .custom-bundle-sku-slides .custom-bundle-sku { display: block; font-size: 12px; text-align: center; max-width: calc(100% - 10px); width: 120px; margin: auto; } .custom-bundle-sku-slides .custom-bundle-sku > *:not(:last-of-type) { margin-bottom: 1em; } .custom-bundle-sku-slides .custom-bundle-sku-image { position: relative; border: 1px solid #cfcfcf; overflow: hidden; padding: 1px; } .custom-bundle-sku-slides .custom-bundle-sku-image::before { background-color: #fff; content: ""; display: block; padding-top: 133.3333%; } .custom-bundle-sku-slides .custom-bundle-sku-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: calc(100% - 2px); max-height: calc(100% - 2px); } .custom-bundle-sku-slides .slide:hover .custom-bundle-sku-image { background-color: #000; border-color: #000; } .custom-bundle-sku-slides .slide.current .custom-bundle-sku-image { background-color: #73984d; border-color: #73984d; } .custom-bundle-sku-slides .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -20px; } .custom-bundle-sku-slides .owl-prev { position: absolute; left: -60px; top: 10px; } .custom-bundle-sku-slides .owl-next { position: absolute; right: -60px; top: 10px; } .custom-bundle-sku-slides.owl-carousel-has-nav { max-width: calc(100% - 120px); } /* ------------------------------------------------------------ *\ .section-custom-bundle-how-it-works \* ------------------------------------------------------------ */ .section-custom-bundle-how-it-works { background-color: #fbf6f3; padding: 4.5em 0 5em; } .section-custom-bundle-how-it-works .shell { max-width: 595px; padding: 0px 30px; } .section-custom-bundle-how-it-works .section-title { font-size: 35px; text-align: center; margin-bottom: 1em; } @media (max-width: 1024px) { .section-custom-bundle-how-it-works { padding: 30px 0px 40px; } .section-custom-bundle-how-it-works .section-title { font-size: 24px; } .section-custom-bundle-how-it-works .section-body { font-size: 12px; text-align: center; line-height: 1.75em; } } /* ------------------------------------------------------------ *\ .section-custom-bundle-products \* ------------------------------------------------------------ */ .section-custom-bundle-products { padding: 3.125em 0; } .section-custom-bundle-products .section-head { font-family: 'Goudy Old Style', serif; text-align: center; margin-bottom: 3em; } .section-custom-bundle-products .section-body { padding-bottom: 6.25em; } .section-custom-bundle-products .section-title { font-size: 42px; margin-bottom: 0.25em; } .section-custom-bundle-products .section-subtitle { font-style: italic; font-size: 24px; } .section-custom-bundle-products .custom-bundle-products { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; margin-bottom: -3em; padding: 0 76px; } .section-custom-bundle-products .custom-bundle-product-holder { width: 25%; margin-bottom: 3em; padding-left: 5px; padding-right: 5px; } .section-custom-bundle-products .custom-bundle-product { display: flex; flex-direction: column; text-align: center; max-width: 100%; width: 310px; height: 100%; margin: auto; } .section-custom-bundle-products .custom-bundle-product > *:not(:last-of-type) { margin-bottom: 1em; } .section-custom-bundle-products .product-image { position: relative; overflow: hidden; width: 100%; padding-top: calc(436 / 310 * 100%); } .section-custom-bundle-products .product-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section-custom-bundle-products .product-body { display: flex; flex-direction: column; flex: 1 0 auto; } .section-custom-bundle-products .product-body > *:not(:last-of-type) { margin-bottom: 1em; } .section-custom-bundle-products .custom-bundle-product-actions { margin-top: auto; } .section-custom-bundle-products .custom-bundle-product-actions .btn { font-family: 'Futura'; font-size: 15px; border: 1px solid #000; padding: 8px 12px; font-style: normal;} @media (max-width: 1199px) { .section-custom-bundle-products .custom-bundle-product-holder { width: 33.3333%; } } @media (max-width: 1024px) { .section-custom-bundle-products { padding: 2em 0; } .section-custom-bundle-products .section-body { padding-bottom: 4em; } .section-custom-bundle-products .section-title { font-size: 24px; } .section-custom-bundle-products .section-subtitle { font-size: 18px; } .section-custom-bundle-products .custom-bundle-products { padding: 0 30px; } .section-custom-bundle-products .custom-bundle-product { font-size: 12px; } .section-custom-bundle-products .product-title { font-size: inherit; } .section-custom-bundle-products .custom-bundle-product-actions .btn { font-size: inherit; } } @media (max-width: 767px) { .section-custom-bundle-products .custom-bundle-products { padding: 0; } } @media (max-width: 575px) { .section-custom-bundle-products .custom-bundle-product-holder { width: 50%; } } /* ------------------------------------------------------------ *\ .custom-bundle-preview-container \* ------------------------------------------------------------ */ .custom-bundle-preview-container { background-color: #f7eee9; border-color: #000; border-style: solid; border-width: 1px 0px; width: 100%; } .custom-bundle-preview-container .acdc-collapsible-clone { margin: auto; } .custom-bundle-preview-container a:not(.btn) { text-decoration: underline; } .custom-bundle-preview-container .custom-bundle-preview-cols { display: flex; flex-wrap: wrap; } .custom-bundle-preview-container .custom-bundle-preview-cols > .col { flex: 0 0 350px; padding-top: 15px; padding-bottom: 15px; } .custom-bundle-preview-container .custom-bundle-preview-cols > .col:not(:first-of-type):not(:last-of-type) { flex: 1 1 0%; } .custom-bundle-preview-container .subsection-head, .custom-bundle-preview-container .subsection-foot { padding: 5px 0px; } .custom-bundle-preview-container .subsection-foot { text-align: center; margin-bottom: -1rem; } .custom-bundle-preview-container .subsection-foot > * { margin-bottom: 1rem; } .custom-bundle-preview-container .subsection-title { font-family: 'Goudy Old Style', serif; font-size: 24px; } .custom-bundle-preview-container .subsection-subtitle { margin-bottom: 1rem; } .custom-bundle-preview-container .custom-bundle-items { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: -15px; } .custom-bundle-preview-container .custom-bundle-items > .col { flex: 1 1 0%; margin-bottom: 15px; } .custom-bundle-preview-container .custom-bundle-item-wrapper { position: relative; max-width: 100%; width: 80px; margin: auto; } .custom-bundle-preview-container .custom-bundle-item-wrapper > *:not(.item-image), .custom-bundle-preview-container .item-image-text-wrapper { text-align: center; padding: 5px; } .custom-bundle-preview-container .item-image { position: relative; overflow: hidden; } .custom-bundle-preview-container .item-image::before { content: ""; display: block; position: relative; width: 100%; padding-top: calc(436 / 310 * 100%); } .custom-bundle-preview-container .item-image img, .custom-bundle-preview-container .item-image-text-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .custom-bundle-preview-container .item-image-text-wrapper { color: #ababab; font-family: 'Goudy Old Style', serif; font-style: italic; line-height: 1; width: 100%; } .custom-bundle-preview-container .item-display-index { font-size: 3.25rem; } .custom-bundle-preview-container .item-text { display: none; } .custom-bundle-preview-container .item-link-wrapper { display: none; position: absolute; top: 0; right: 0; } .custom-bundle-preview-container .item-remove { background-position: -5px -169px; width: 16px; height: 16px; } .custom-bundle-preview-container .custom-bundle-item.empty .item-image { background-color: #fff; } .custom-bundle-preview-container .custom-bundle-item.empty .item-title { color: #ababab; } .custom-bundle-preview-container .custom-bundle-item:hover .item-link-wrapper { display: block; } .custom-bundle-preview-container .custom-bundle-preview-counter-available-wrapper { font-family: 'Goudy Old Style', serif; font-size: 17px; } .custom-bundle-preview-container .custom-bundle-preview-btn-wrapper .btn { font-weight: inherit; text-transform: none; } .custom-bundle-preview-container .custom-bundle-preview-btn-wrapper .bundle-btn-mobile { display: none; } .custom-bundle-preview-container .subsection-head .custom-bundle-expand-wrapper { display: none; float: right; } @media (max-width: 1024px) { .custom-bundle-preview-container .custom-bundle-preview-cols > .col { flex: 0 0 100%; margin-bottom: -15px; } .custom-bundle-preview-container .custom-bundle-preview-cols > .col:not(:first-of-type):not(:last-of-type), .custom-bundle-preview-container:not(.expanded) .custom-bundle-preview-cols .custom-bundle-change-size { display: none; } .custom-bundle-preview-container .subsection-head, .custom-bundle-preview-container .subsection-body, .custom-bundle-preview-container .subsection-foot { max-width: 100%; width: 500px; margin: 0 auto; } .custom-bundle-preview-container .subsection-head { text-align: center; } .custom-bundle-preview-container .subsection-body { width: 470px; overflow-y: auto; } .custom-bundle-preview-container .subsection-subtitle { margin-bottom: 0rem; } .custom-bundle-preview-container .custom-bundle-items > .col { flex: 0 0 100%; } .custom-bundle-preview-container .custom-bundle-item-wrapper { display: flex; width: 100%; } .custom-bundle-preview-container .custom-bundle-item-wrapper > *:not(.item-image) { padding: 20px; } .custom-bundle-preview-container .item-image { flex: 0 0 20%; } .custom-bundle-preview-container .item-image-text { display: none; } .custom-bundle-preview-container .custom-bundle-item-wrapper .item-text { display: block; flex: 1 1 60%; text-align: left; } .custom-bundle-preview-container .item-link-wrapper { display: block; flex: 0 0 20%; position: relative; } .custom-bundle-preview-container .item-remove { background-position: 0 -164px; width: 26px; height: 26px; } .custom-bundle-preview-container .custom-bundle-preview-counter-wrapper { display: flex; justify-content: space-between; } .custom-bundle-preview-container .custom-bundle-preview-btn-wrapper .btn { width: 100%; } .custom-bundle-preview-container.expanded .custom-bundle-preview-cols > .col { margin-bottom: 0; } .custom-bundle-preview-container.expanded .custom-bundle-preview-cols > .col:nth-of-type(1), .custom-bundle-preview-container.expanded .custom-bundle-preview-cols > .col:nth-of-type(2) { display: block; } .custom-bundle-preview-container.expanded .custom-bundle-preview-cols > .col:first-of-type { border-bottom: 1px solid #000; } .custom-bundle-preview-container.expanded .custom-bundle-preview-cols > .col:last-of-type { border-top: 1px solid #000; } .custom-bundle-preview-container.expanded .subsection-head { text-align: left; } .custom-bundle-preview-container.expanded .custom-bundle-preview-btn-wrapper .bundle-btn-desktop { display: none; } .custom-bundle-preview-container.expanded .custom-bundle-preview-btn-wrapper .bundle-btn-mobile { display: inline-block; } .custom-bundle-preview-container.expanded .subsection-head .custom-bundle-expand-wrapper { display: block; } .custom-bundle-preview-container.expanded .subsection-foot .custom-bundle-expand-wrapper { display: none; } } @media (max-width: 480px) { .custom-bundle-preview-container.fixed .subsection-foot { padding-bottom: 0; } .custom-bundle-preview-container.fixed .custom-bundle-preview-btn-wrapper { margin: 0 -20px; } .custom-bundle-preview-container.expanded.fixed .custom-bundle-preview-cols > .col:last-of-type { padding-bottom: 0; } } /* ------------------------------------------------------------ *\ Custom Bundle Page Misc. \* ------------------------------------------------------------ */ .custom-bundle-counter-available-wrapper.is-full { display: none; } #custom-bundle-change-popup { text-align: center; letter-spacing: 0.05em; border: 1px solid #c8c8c8; max-width: 400px; padding: 60px 55px 45px; } #custom-bundle-change-popup .custom-bundle-change-popup-intro { font-size: 16px; line-height: 1.5; } #custom-bundle-change-popup button.mfp-close { top: 25px; right: 25px; width: 30px; height: 30px; } #custom-bundle-product-view-popup { border: 1px solid #c8c8c8; max-width: 960px; padding: 80px; } #custom-bundle-product-view-popup .custom-bundle-product-view-cols { display: flex; flex-wrap: wrap; } #custom-bundle-product-view-popup .custom-bundle-product-view-col { flex: 0 1 0%; } #custom-bundle-product-view-popup .custom-bundle-product-view-col > * { margin-bottom: 20px; } #custom-bundle-product-view-popup .custom-bundle-product-view-image-col { flex-basis: calc(5 / 12 * 100%); } #custom-bundle-product-view-popup .custom-bundle-product-view-image img { display: block; margin: auto; } #custom-bundle-product-view-popup .custom-bundle-product-view-info-col { flex-basis: calc(7 / 12 * 100%);} #custom-bundle-product-view-popup .custom-bundle-product-view-price { font-family: 'Goudy Old Style', serif; font-size: 17px; } #custom-bundle-product-view-popup .custom-bundle-product-view-description { font-family: 'Goudy Old Style', serif; font-size: 24px; } #custom-bundle-product-view-popup .custom-bundle-product-view-add-btn { width: 300px; } @media (max-width: 1024px) { #custom-bundle-product-view-popup { padding: 40px; } #custom-bundle-product-view-popup .custom-bundle-product-view-col { flex-basis: 100%; } #custom-bundle-product-view-popup .custom-bundle-product-view-add-btn { width: 100%; } } @media (max-width: 767px) { #custom-bundle-product-view-popup .custom-bundle-product-view-title { font-size: 16px; } #custom-bundle-product-view-popup .custom-bundle-product-view-price { font-size: 14px; } #custom-bundle-product-view-popup .custom-bundle-product-view-description { font-size: 16px; } #custom-bundle-product-view-popup button.mfp-close { top: 15px; right: 15px; width: 26px; height: 26px; } } /* Quickview / PDP ATC Button Updated */ /*styling for ADD TO CART*/ .productATB { font-size: 14px; padding : 0 20px !important; } /*styling for PRICES*/ .atcPrice { font-family: 'Goudy Old Style',serif; font-size: 16px;} @media (max-width: 380px) { /*styling for ADD TO CART*/ .mobileATB { font-size : 13px ; padding : 0 10px !important; } /*styling for PRICES*/ .atcPrice { font-size: 16px; } .atcQuickPrice { font-size: 14px; } } @media (max-width: 321px) { .mobileATB { padding : 0px 0px !important; } } .grecaptcha-badge { display: none !important; } /* ------------------------------------------------------------ *\ Power Review Overwrites \* ------------------------------------------------------------ */ @media (max-width: 768px) { .p-w-r .ryp-purchase { border: none !important; background-color: unset !important; } .p-w-r .ryp-purchase::after { content: ''; display: table; clear: both; } .p-w-r .ryp-purchase .ryp-product-title { text-align: left !important; max-width: 180px !important;} } @media (max-width: 768px) { .pr-fix { width: 30px !important; height: 30px !important; position: relative !important; left: 10px; !important} } .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue { background: #739849 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend-green { background-color: #739849 !important; } .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend-green circle { fill: #739849 !important; } .p-w-r .pr-accessible-btn, .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a { background-color: black !important; } /* ------------------------------------------------------------ *\ Search Flyout \* ------------------------------------------------------------ */ /* hiding native ui autocomplete result container since we're appending results manually */ .ui-autocomplete { display: none !important; } .search-flyout { position: fixed; width: 550px; height: 100%; top: 0; right: 0; background: #fff; transform: translateX(100%); transition: transform .3s; z-index: 1050; border-left: 1px solid #e1e1e1; overflow-y: scroll; } .search-flyout.active { transform: translateX(0); } .search-flyout .btn-toggle-search { position: absolute; top: 10px; left: 10px; } .search-flyout .search-flyout-products { display: none; } .search-flyout .search-flyout-products.active { display: block; } .search-flyout .search-flyout-products .search-results-header { display: flex; justify-content: space-evenly; } .search-flyout .search-flyout-products .search-results-header .label { margin: 0 20px; cursor: pointer; font-size: 18px; border-bottom: 2px solid #000; } .search-flyout .search-flyout-products .products-container { margin: 0 20px; } .search-flyout .search-flyout-products .listing { overflow-y: scroll; height: 650px; transition: height .3s; } .search-flyout .search-header { text-align: center; padding: 25px 40px; } .search-flyout .search-header .h2 { font-size: 32px; } .search-flyout .search-header .h5 { padding: 0 20px; font-size: 20px; } .search-flyout .search-header .search-input { display: flex; justify-content: center; } .search-flyout .search-header .search-input input { width: 100%; padding: 8px; border: 2px solid #e1e1e1; } .search-flyout .search-header .search-input button { background: #e1e1e1; border: none; width: 40px; } .search-flyout .search-header .term-copy, .search-flyout .search-header .no-results-copy, .search-flyout .search-header .top-product-copy { padding: 20px 0 0 0; font-size: 18px; display: none; font-family: 'Goudy Old Style', serif; font-style: italic; } .search-flyout .search-header .term-copy.active, .search-flyout .search-header .no-results-copy.active, .search-flyout .search-header .top-product-copy.active { display: block; } .search-flyout .search-results { display: none; } .search-flyout .search-results.active { display: block; } .search-flyout .search-results .search-results-header { display: flex; justify-content: space-evenly; } .search-flyout .search-results .search-results-header .label, .search-flyout .search-results .search-results-header .link { margin: 0 20px; cursor: pointer; font-size: 18px; } .search-flyout .search-results .search-results-header .label:not(.disabled):hover, .search-flyout .search-results .search-results-header .link:not(.disabled):hover { border-bottom: 2px solid #000; } .search-flyout .search-results .search-results-header .label.active, .search-flyout .search-results .search-results-header .link.active { border-bottom: 2px solid #000; } .search-flyout .search-results .search-results-header .link { text-decoration: none; } .search-flyout .search-results .results-container { padding: 10px 0 0 0; margin: 0 20px; } .search-flyout .search-results .listing { overflow-y: scroll; height: 0; transition: height .3s; } .search-flyout .product-container { display: flex; flex-wrap: wrap; padding: 20px 10px; } .search-flyout .product-container .image { flex-grow: 1; width: 20%; } .search-flyout .product-container .info { flex-grow: 1; width: 55%; padding: 0 10px; display: flex; align-items: center; } .search-flyout .product-container .info a, .search-flyout .product-container .info p { margin-bottom: 5px; } .search-flyout .product-container .info .teaser { font-family: 'Goudy Old Style', serif; font-style: italic; text-transform: capitalize; } .search-flyout .product-container .info .list-price { text-decoration: line-through; } .search-flyout .product-container .info .sale-price { color: #e15829; } .search-flyout .product-container .actions { flex-grow: 1; width: 25%; display: flex; align-items: center; } .search-flyout .product-container .actions a { width: 100%; color: #fff; background-color: #000; padding: 6px; text-transform: uppercase; font-size: 12px; } .search-flyout .cms-container { padding: 12px 0 0 0; } .search-flyout .cms-container .image { display: block; height: 200px; background-position: center; background-size: cover; } .search-flyout .cms-container .info { padding: 10px 0; font-size: 16px; } .search-flyout .cms-container .teaser { padding-top: 5px; font-family: 'Goudy Old Style', serif; font-style: italic; } @media (max-width: 768px) { .search-flyout { position: fixed; width: 100%; right: revert; left: 0; background: #fff; transform: translateX(-100%); border-right: 1px solid #e1e1e1; } .search-flyout.active { transform: translateX(0); } .search-flyout .btn-toggle-search { left: revert; right: 10px; } .search-flyout .search-flyout-products .search-results-header .label { padding: 1px; font-size: 16px; } .search-flyout .search-header .h2 { font-size: 25px; } .search-flyout .search-header .h5 { font-size: 15px; padding: 0 15px; } .search-flyout .search-results .search-results-header .label { padding: 1px; font-size: 14px; margin: 0 5px; } .search-flyout .search-results .search-results-header .link { margin: 0 5px; font-size: 14px; } .search-flyout .search-results .results-container { margin: 0 10px; } .search-flyout .search-flyout-products .results-container { margin: 0 10px; } .search-flyout .product-container .info { font-size: 12px; width: 50%; } .search-flyout .product-container .actions { width: 30%; } .search-flyout .product-container .actions a { padding: 8px 3px; font-size: 9px; } .search-flyout .search-header .search-input input { font-size: 16px; } } /* ------------------------------- *\ Adchoice \* ------------------------------- */ .adchoice { padding-top: 10px; position: relative; right: 5px; } .adchoice a { text-decoration: none !important; } .adchoice a img { width: 138px; height: auto; } /* ------------------------------------------------------------ *\ Stockist Search Page \* ------------------------------------------------------------ */ .ps-map-geolocation-button > svg { position: relative; top: 6px; width: 25px; height: 25px; } .ps-map-geolocation-button > svg > path { fill: #494a4d; } .ps-map-geolocation-button:hover > svg > path { fill: #1B8E25; } .stockistSearchArrow { height: 20px; position:relative; bottom: 10px; left: 5px; } span.stockistGeoText { left:10px; position:relative; } @media (max-width: 763px) { .stockistGeoText { font-size: 8px; } .stockistSearchArrow { height: 10px; } .stockist-mobile-padding { padding: 0 3px !important; width: 32.333% !important; } #withInMiles { font-size: 11px; } #storeSearch.searchAll { font-size: 11px; } } @media (min-width: 764px) and (max-width: 1024px){ .stockistSearchArrow { height: 10px; } .stockist-mobile-padding { padding: 0 3px !important; width: 33% !important; } #withInMiles { font-size: 11px; } #storeSearch.searchAll { font-size: 11px; } } .be-the-first-to-know-anchor { display: block; position: relative; top: -250px; visibility: hidden; } .form .form-section-title span .ico-arrow-down, .form .form-section-title a .ico-arrow-down { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } /* ------------------------------------------------------------ *\ PDP Sizes \* ------------------------------------------------------------ */ .lndr128-row a { display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 0.95rem; text-decoration: none !important; width: 70px; height: 50px; border: 1px solid black; /* Hackery to get correct spacing on mobile This splits the selections into two rows with three columns */ } @media only screen and (max-width: 1024px) { .lndr128-row a { flex-basis: 30%; flex-grow: 1; /* This applys margins to the middle element on both rows */ } .lndr128-row a:nth-child(2), .lndr128-row a:nth-child(5) { margin: 0 1% 1%; } .lndr128-row .list-size-5 a:nth-child(5) { margin: 0 0 1% 1%; } } @media only screen and (min-width: 1025px) { .lndr128-row a + a { margin-left: 5px; } } .lndr128-row a.active, .lndr128-row a:hover, .lndr128-row a:focus { background-color: #faf3ef; } .lndr128-row a.active { cursor: default; } .lndr128-title { margin-bottom: 5px; font-weight: 500; font-size: 1.25rem; } .lndr128-selections { display: flex; flex-wrap: wrap; }