-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.css
181 lines (181 loc) · 11.8 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
/* Begin Style Edits */
a, button, input, .form .w-container *, .action-button__input div {
border-radius: 3px !important;
}
.action-button__input div {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
a:hover, button:hover {
color: #fff !important;
}
a.logo__link {
border: none;
padding-right: 1rem;
margin-top: 1.5rem;
width: 150px;
}
a.logo__link::after, a.logo__link::before {
content: "";
pointer-events: none;
border-top: 2px solid #3f3448;
display: block;
margin-right: calc(-50vw + 50%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
}
a.logo__link::after {
margin-left: calc(-50vw + 50%);
}
a.logo__link h2 {
display: flex;
align-items: start;
justify-content: end;
flex-direction: column-reverse;
font-size: 1.1em;
line-height: 1.4rem;
text-align: left;
text-decoration: underline;
text-decoration-color: transparent;
}
a.logo__link h2::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1200 1200' style='enable-background:new 0 0 1200 1200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);stroke:%23FFBCAA;stroke-width:29.7173;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:url(%23SVGID_00000065047303228804685480000000271161568125428140_);%7D .st2%7Bfill:url(%23SVGID_00000027601378306685482480000011471312949157597584_);%7D%0A%3C/style%3E%3CradialGradient id='SVGID_1_' cx='600.1721' cy='600.8938' r='300.9891' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%23990066'/%3E%3Cstop offset='1' style='stop-color:%23990066;stop-opacity:0'/%3E%3C/radialGradient%3E%3Cpath class='st0' d='M900.92,600.89c0,166.36-134.65,301.23-300.74,301.23c-166.12,0-300.77-134.86-300.77-301.23 c0-166.36,134.65-301.23,300.77-301.23C766.28,299.67,900.92,434.53,900.92,600.89z'/%3E%3Cg%3E%3CradialGradient id='SVGID_00000052093907657347859910000014038462877022731427_' cx='600.0342' cy='573.8359' r='167.4864' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%23FFFFCC'/%3E%3Cstop offset='0.6' style='stop-color:%23FFC3AE'/%3E%3Cstop offset='0.85' style='stop-color:%23FF9999'/%3E%3Cstop offset='1' style='stop-color:%23ED8A8A'/%3E%3C/radialGradient%3E%3Cpath style='fill:url(%23SVGID_00000052093907657347859910000014038462877022731427_);' d='M788.08,491.53h-0.06l-0.35,0.03 c-0.95,0.03-1.84,0.22-2.67,0.52l-44.09,14.45c-4.35,1.43-6.97,5.89-6.1,10.4c2.22,11.67,0.38,21.18-5.49,28.31 c-6.91,8.38-19.69,13.37-34.2,13.37c-19.4,0-42.39-9.08-47.15-29.02c-3.62-15.29,5.3-23.58,5.38-23.66 c1.92-1.65,3.06-4.05,3.13-6.59c0.08-2.54-0.89-4.97-2.68-6.78l-47.71-47.47c-1.75-1.76-4.08-2.62-6.37-2.62 c-2.32,0-4.65,0.87-6.43,2.67l-47.11,47.47c-1.76,1.76-2.7,4.13-2.65,6.59c0.03,2.49,1.08,4.84,2.89,6.51 c0.3,0.32,9.16,9.13,6.4,22.96c-3.75,19.07-27.02,29.04-48.01,29.04c-15.32,0-28.5-5.11-35.28-13.64c-5.4-6.81-6.86-15.8-4.38-26.8 c1.05-4.59-1.57-9.24-6.02-10.7l-44.28-14.59c-0.95-0.3-1.89-0.46-2.84-0.46c-2.11,0-4.16,0.76-5.81,2.13 c-2.43,2.03-3.62,5.13-3.19,8.27l27.12,195.38c0.54,3.89,3.49,7.03,7.35,7.73c0.54,0.11,1.11,0.16,1.65,0.16 c3.27,0,6.35-1.81,7.97-4.75c0.16-0.27,26.21-41.55,152.91-41.55c126.68,0,152.77,41.3,152.99,41.71c1.67,2.81,4.73,4.51,7.89,4.51 c0.59,0,1.19-0.05,1.78-0.19c3.75-0.76,6.7-3.75,7.21-7.59l27.04-194.76c0.13-0.62,0.19-1.27,0.19-1.92 C797.13,495.64,793.08,491.53,788.08,491.53z M514.27,611.78l-16.18,16.89c-0.7,0.7-1.68,1.14-2.68,1.14c-1,0-1.94-0.43-2.65-1.14 l-16.21-16.89c-1.38-1.43-1.38-3.72,0-5.16l16.21-16.86c1.38-1.46,3.92-1.46,5.32,0l16.18,16.86 C515.65,608.05,515.65,610.35,514.27,611.78z M621.75,601.03l-19.05,19.83c-0.7,0.73-1.65,1.13-2.67,1.13c-1,0-1.95-0.41-2.65-1.13 l-19.05-19.83c-1.38-1.46-1.38-3.73,0-5.16l19.05-19.88c1.38-1.43,3.94-1.43,5.32,0l19.05,19.88 C623.12,597.3,623.12,599.57,621.75,601.03z M723.51,611.78l-16.18,16.89c-0.7,0.7-1.67,1.14-2.67,1.14c-1,0-1.97-0.43-2.68-1.14 l-16.18-16.89c-1.38-1.43-1.38-3.72,0-5.16l16.18-16.86c1.4-1.46,3.95-1.46,5.35,0l16.18,16.86 C724.89,608.05,724.89,610.35,723.51,611.78z'/%3E%3CradialGradient id='SVGID_00000067954696510397609440000013261332095209850547_' cx='600.051' cy='728.2461' r='100.6964' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%23FFFFCC'/%3E%3Cstop offset='0.6' style='stop-color:%23FFC3AE'/%3E%3Cstop offset='0.85' style='stop-color:%23FF9999'/%3E%3Cstop offset='1' style='stop-color:%23ED8A8A'/%3E%3C/radialGradient%3E%3Cpath style='fill:url(%23SVGID_00000067954696510397609440000013261332095209850547_);' d='M720.19,700.07 C695.55,710.79,651.03,718,600,718c-50.98,0-95.53-7.21-120.17-17.94c-12.89,5.62-19.37,12.16-19.37,19.21 c0,20.5,61.87,37.15,139.54,37.15c77.7,0,139.65-16.64,139.65-37.15C739.64,712.22,733.07,705.69,720.19,700.07z'/%3E%3C/g%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
background-size: 80px;
display: inline-block;
height: 60px;
width: 45px;
margin-right: 5px;
margin-bottom: 0;
margin-left: 0;
}
a.logo__link h2, a.logo__link h2::after {
transition: all .2s ease;
}
a.logo__link:hover h2 {
text-decoration-color: #ee8a8aba;
}
a.logo__link:hover h2::after {
transform: scale(1.1);
}
div.w-block div:has(.header__logo) a.logo__link {
border: none;
margin-top: initial !important;
width: initial !important;
}
div.w-block div:has(.header__logo) a.logo__link::after, div.w-block div:has(.header__logo) a.logo__link::before {
display: none;
}
div.w-block div:has(.header__logo) a.logo__link h2 {
align-items: center !important;
justify-content: start !important;
flex-direction: row-reverse !important;
}
div.w-block div:has(.header__logo) a.logo__link h2::after {
margin-bottom: initial !important;
}
.main-container {
overflow-x: hidden;
}
.banner .image img {
width: 90% !important;
}
.banner .image img, .product-image__link-wrapper a div, .featured-category__image img, .product-gallery img {
border-radius: 0.3rem;
}
.section-details.row {
margin-bottom: 2.5rem !important;
}
.featured-categories-content {
position: relative;
}
.featured-products-1 .text-component h3 {
padding-bottom: 1em;
}
.featured-categories-carousel > div {
padding-top: 2em !important;
}
.featured-category__link-button {
color: #fff;
}
.w-image-block.w-block-banner, .w-image-block.basic-text {
background-color: rgba(0,0,153,0.25);
background-blend-mode: color;
}
/*
.featured-categories-content::before {
content: "";
display: block;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Untitled-Page_x25_201' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 266 266' style='enable-background:new 0 0 266 266;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:url(%23SVGID_1_);%7D .st2%7Bfilter:url(%23filter1);%7D .st3%7Bfill:%23FFDFDF;%7D%0A%3C/style%3E%3Cfilter height='300%25' id='filter1' width='300%25' x='-100%25' y='-100%25'%3E%3C!-- Drop Shadow --%3E%3CfeOffset dx='0' dy='0' in='SourceGraphic' result='out'%3E%3C/feOffset%3E%3CfeColorMatrix in='out' result='out' type='matrix' values='0 0 0 1 0 0 0 0 0.2 0 0 0 0 0.6 0 0 0 0 1 0'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur in='out' result='out' stdDeviation='17'%3E%3C/feGaussianBlur%3E%3CfeBlend in='SourceGraphic' in2='out' mode='normal' result='Drop_Shadow1'%3E%3C/feBlend%3E%3C!-- Glow --%3E%3CfeColorMatrix in='Drop_Shadow1' result='out' type='matrix' values='0 0 0 0.6 0 0 0 0 0.2 0 0 0 0 0.6 0 0 0 0 0.149 0'%3E%3C/feColorMatrix%3E%3CfeMorphology in='out' operator='dilate' radius='9' result='out'%3E%3C/feMorphology%3E%3CfeGaussianBlur in='out' result='out' stdDeviation='15'%3E%3C/feGaussianBlur%3E%3CfeBlend in='Drop_Shadow1' in2='out' mode='normal' result='Glow1'%3E%3C/feBlend%3E%3C/filter%3E%3Cpath class='st0' d='z'/%3E%3Cg id='Layer_x25_201'%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-822.3947' y1='672.4737' x2='-822.3947' y2='671.4737' gradientTransform='matrix(266 0 0 -266 218890 178878)'%3E%3Cstop offset='0.1212' style='stop-color:%233D1B65'/%3E%3Cstop offset='0.4949' style='stop-color:%23672667'/%3E%3Cstop offset='0.5' style='stop-color:%231E0828'/%3E%3Cstop offset='0.6061' style='stop-color:%23600733'/%3E%3Cstop offset='0.6263' style='stop-color:%236C0735'/%3E%3Cstop offset='0.7626' style='stop-color:%236C0735'/%3E%3C/linearGradient%3E%3Cpath class='st1' d='M0,133L133,0l133,133L133,266L0,133z'/%3E%3Cg class='st2'%3E%3Cpath class='st3' d='M89.4,115.2l-0.8,1.6c-1.9,4.1-3.3,7.4-4.2,9.7l-3.9,10.1c-1.9,5-3.7,9.9-4.1,11.5c-0.3,1.1-0.4,2.1-0.4,2.9 c0,1.2,0.3,2.1,1.3,3.6c1.1,1.6,2.3,2.5,3.5,2.5c1.1,0,1.6-0.4,3.7-2.4c1.3-1.3,2.2-2.1,4.1-3.9c2.1-1.9,4.3-3.7,6.4-5.5l9.5-8.3 c1.3-1.1,1.9-1.6,4.3-3.7c2.2-1.8,4.3-3.5,6.4-5.3c2.8-2.2,5-4.1,6.6-5.3c2.7-2.2,4.3-3.3,6.8-5.2c-0.8,2.2-1.1,3.1-2.2,4.9 c5.3-4.1,8.8-8.8,8.8-11.8c0-1.9-1.6-3.5-3.5-3.5c-1.2,0-1.9,0.4-3.6,2.2l-10.3,10.4c-6.5,6.6-15.4,14.8-22.6,20.9 c-5.2,4.4-8.8,7.2-13.6,10.3c0.8-3.1,1.3-4.6,2-7c2-6.4,5-14.5,7.3-19.8l4.6-10.7c0.4-1,0.6-1.6,0.6-2.3c0-1.9-1.9-4-3.7-4 c-0.8,0-1.4,0.4-2.8,1.4c-3.3,2.5-5.8,4.1-8.3,5.6c-1.6,0.9-3.7,1.9-4.7,2.3c-1.1,0.4-1.3,0.6-1.3,1.1c0,0.4,0.4,0.7,1,0.7 c0.5,0,1.4-0.2,3.4-0.6C84.7,116.8,86.9,116.2,89.4,115.2L89.4,115.2z'/%3E%3Cpath class='st3' d='M166.8,116.1c3.9-0.2,8.2-1.1,11-2.3c2-0.8,2.8-2,2.8-3.9c0-2-1.1-2.9-3.5-2.9c-7,0-20.1,3-28.8,6.5 c-7.2,3-10.2,5.2-10.2,7.9c0,2,1.1,5.5,2.4,6.7c1,1.1,2.9,1.8,5.3,1.7l9.5-0.1c4.3,0,8.3,0.5,10.5,1.4c1.2,0.5,1.9,1.5,1.9,2.6 c0,0.3-0.1,0.5-0.2,1c-2.8-0.6-4.8-0.8-8.2-0.8c-12.2,0-28.7,2.8-38.8,7.2c-3.8,1.6-5.3,3.5-5.3,7.2c0,6.8,3.9,11.4,9.4,11.4 c6.3,0,14.1-1.4,22.7-4.2c10.1-3.3,17-7.4,21.3-12.6c1.1-1.5,2.2-3.5,2.7-5.3c1.7,0.4,3.2,1.2,5.2,3c-0.1-2.2-1.5-3.6-5-5 c-0.1-2.4-0.8-4-2.1-5.6c-1.7-1.9-4.3-2.8-13.6-4.3c-4.3-0.8-8.5-1.7-9.8-2.3c-0.6-0.3-1-0.8-1-1.3c0-1,1.4-2.1,5-3.7 c6.5-2.9,14.8-5.2,21.8-5.9C170.3,114,169.6,114.6,166.8,116.1L166.8,116.1z M166.6,136.5c-3.3,4.6-7.8,7.8-15.3,11.1 c-8.7,3.8-20.1,6.5-27.7,6.5c-3.7,0-5.7-0.9-5.7-2.5c0-1.9,2.2-4.1,6.5-6.5c8.2-4.7,25.9-9.2,35.8-9.2 C162.5,135.9,164,136.1,166.6,136.5L166.6,136.5z'/%3E%3Cpath class='st3' d='M182.8,144.9c-1.2,0-2.5,0.8-4,2.4c-1.4,1.4-2.2,2.9-2.2,3.9c0,1.4,1.3,2.6,2.7,2.6c1,0,2.2-0.7,3.6-2.3 c1.5-1.6,2.4-3.1,2.4-4.2C185.3,146.1,184.1,144.9,182.8,144.9L182.8,144.9z'/%3E%3C/g%3E%3C/g%3E%3Cpath class='st0' d='z'/%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
background-size: 80%;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
width: 20%;
height: 100%;
z-index: 2;
}
*/
.featured-products-carousel > div {
padding-top: 2.5rem !important;
}
.copyright p {
color: #918799;
}
.w-block-wrapper:has(.free-footer) div > div {
background-color: #3f3448 !important;
}
.free-footer a.link, .free-footer a.link svg {
color: #fff !important;
mix-blend-mode: luminosity;
}
.header .icon, .header .hamburger-icon {
margin-top: -0.2rem;
vertical-align: middle;
}
.header .icon svg {
width: 27px;
height: 27px;
}
.search-bar .icon {
width: 25px;
height: 25px;
}
.nav--mobile ul li {
color: #ffdfdf !important;
font-size: 1.1rem;
font-weight: 700;
text-align: left;
}
.categories__button {
font-size: 1rem !important;
font-weight: 700 !important;
}
.filter__button .icon {
width: 25px;
height: 25px;
}
/* Breakpoint and Down */
@media screen and (max-width: 600px) {
.banner .image img {
width: 100% !important;
}
.featured-categories-content::before {
display: none;
}
.nav--footer, .main-content-wrapper + div div.w-container:has(.nav--footer) div:last-child div.text-component {
text-align: left;
}
}
/* End Style Edits */