| @@ -1,1057 +1,778 @@ | ||
| 1 | -/** | |
| 2 | - * 1. Correct the line height in all browsers. | |
| 3 | - * 2. Prevent adjustments of font size after orientation changes in iOS. | |
| 4 | - */ | |
| 5 | - | |
| 6 | -html { | |
| 7 | - line-height: 1.15; /* 1 */ | |
| 8 | - -webkit-text-size-adjust: 100%; /* 2 */ | |
| 9 | -} | |
| 10 | - | |
| 11 | -/* Addition | |
| 12 | - ========================================================================== */ | |
| 13 | - | |
| 14 | -@font-face { | |
| 15 | - font-family: 'cartflows-icon'; | |
| 16 | - src: url('../fonts/cartflows-icon.eot?81m15v'); | |
| 17 | - src: url('../fonts/cartflows-icon.eot?81m15v#iefix') format('embedded-opentype'), | |
| 18 | - url('../fonts/cartflows-icon.ttf?81m15v') format('truetype'), | |
| 19 | - url('../fonts/cartflows-icon.woff?81m15v') format('woff'), | |
| 20 | - url('../fonts/cartflows-icon.svg?81m15v#cartflows-icon') format('svg'); | |
| 21 | - font-weight: normal; | |
| 22 | - font-style: normal; | |
| 23 | -} | |
| 24 | - | |
| 25 | -.cartflows-icon { | |
| 26 | - /* use !important to prevent issues with browser extensions that change fonts */ | |
| 27 | - font-family: 'cartflows-icon' !important; | |
| 28 | - speak: none; | |
| 29 | - font-style: normal; | |
| 30 | - font-weight: normal; | |
| 31 | - font-variant: normal; | |
| 32 | - text-transform: none; | |
| 33 | - line-height: 1; | |
| 34 | - | |
| 35 | - /* Better Font Rendering =========== */ | |
| 36 | - -webkit-font-smoothing: antialiased; | |
| 37 | - -moz-osx-font-smoothing: grayscale; | |
| 38 | -} | |
| 39 | - | |
| 40 | -.cartflows-icon-close:before { | |
| 41 | - content: "\e602"; | |
| 42 | - font-family: 'cartflows-icon'; | |
| 43 | -} | |
| 44 | -.cartflows-icon-cross:before { | |
| 45 | - content: "\e601"; | |
| 46 | -} | |
| 47 | -.cartflows-icon-check:before { | |
| 48 | - content: "\e600"; | |
| 49 | -} | |
| 50 | - | |
| 51 | -/* Sections | |
| 52 | - ========================================================================== */ | |
| 53 | - | |
| 54 | -/** | |
| 55 | - * Remove the margin in all browsers. | |
| 56 | - */ | |
| 57 | - | |
| 58 | -body { | |
| 59 | - margin: 0; | |
| 60 | -} | |
| 61 | - | |
| 62 | -/** | |
| 63 | - * Correct the font size and margin on `h1` elements within `section` and | |
| 64 | - * `article` contexts in Chrome, Firefox, and Safari. | |
| 65 | - */ | |
| 66 | - | |
| 67 | -h1 { | |
| 68 | - font-size: 2em; | |
| 69 | - margin: 0.67em 0; | |
| 70 | -} | |
| 71 | - | |
| 72 | -/* Grouping content | |
| 73 | - ========================================================================== */ | |
| 74 | - | |
| 75 | -/** | |
| 76 | - * 1. Add the correct box sizing in Firefox. | |
| 77 | - * 2. Show the overflow in Edge and IE. | |
| 78 | - */ | |
| 79 | - | |
| 80 | -hr { | |
| 81 | - -webkit-box-sizing: content-box; | |
| 82 | - -moz-box-sizing: content-box; | |
| 83 | - box-sizing: content-box; /* 1 */ | |
| 84 | - height: 0; /* 1 */ | |
| 85 | - overflow: visible; /* 2 */ | |
| 86 | -} | |
| 87 | - | |
| 88 | -/** | |
| 89 | - * 1. Correct the inheritance and scaling of font size in all browsers. | |
| 90 | - * 2. Correct the odd `em` font sizing in all browsers. | |
| 91 | - */ | |
| 92 | - | |
| 93 | -pre { | |
| 94 | - font-family: monospace, monospace; /* 1 */ | |
| 95 | - font-size: 1em; /* 2 */ | |
| 96 | -} | |
| 97 | - | |
| 98 | -/* Text-level semantics | |
| 99 | - ========================================================================== */ | |
| 100 | - | |
| 101 | -/** | |
| 102 | - * Remove the gray background on active links in IE 10. | |
| 103 | - */ | |
| 104 | - | |
| 105 | -a { | |
| 106 | - background-color: transparent; | |
| 107 | -} | |
| 108 | - | |
| 109 | -/** | |
| 110 | - * 1. Remove the bottom border in Chrome 57- | |
| 111 | - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |
| 112 | - */ | |
| 113 | - | |
| 114 | -abbr[title] { | |
| 115 | - border-bottom: none; /* 1 */ | |
| 116 | - text-decoration: underline; /* 2 */ | |
| 117 | - -webkit-text-decoration: underline dotted; | |
| 118 | - -moz-text-decoration: underline dotted; | |
| 119 | - text-decoration: underline dotted; /* 2 */ | |
| 120 | -} | |
| 121 | - | |
| 122 | -/** | |
| 123 | - * Add the correct font weight in Chrome, Edge, and Safari. | |
| 124 | - */ | |
| 125 | - | |
| 126 | -b, | |
| 127 | -strong { | |
| 128 | - font-weight: bold; | |
| 129 | -} | |
| 130 | - | |
| 131 | -/** | |
| 132 | - * 1. Correct the inheritance and scaling of font size in all browsers. | |
| 133 | - * 2. Correct the odd `em` font sizing in all browsers. | |
| 134 | - */ | |
| 135 | - | |
| 136 | -code, | |
| 137 | -kbd, | |
| 138 | -samp { | |
| 139 | - font-family: monospace, monospace; /* 1 */ | |
| 140 | - font-size: 1em; /* 2 */ | |
| 141 | -} | |
| 142 | - | |
| 143 | -/** | |
| 144 | - * Add the correct font size in all browsers. | |
| 145 | - */ | |
| 146 | - | |
| 147 | -small { | |
| 148 | - font-size: 80%; | |
| 149 | -} | |
| 150 | - | |
| 151 | -/** | |
| 152 | - * Prevent `sub` and `sup` elements from affecting the line height in | |
| 153 | - * all browsers. | |
| 154 | - */ | |
| 155 | - | |
| 156 | -sub, | |
| 157 | -sup { | |
| 158 | - font-size: 75%; | |
| 159 | - line-height: 0; | |
| 160 | - position: relative; | |
| 161 | - vertical-align: baseline; | |
| 162 | -} | |
| 163 | - | |
| 164 | -sub { | |
| 165 | - bottom: -0.25em; | |
| 166 | -} | |
| 167 | - | |
| 168 | -sup { | |
| 169 | - top: -0.5em; | |
| 170 | -} | |
| 171 | - | |
| 172 | -/* Embedded content | |
| 173 | - ========================================================================== */ | |
| 174 | - | |
| 175 | -/** | |
| 176 | - * Remove the border on images inside links in IE 10. | |
| 177 | - */ | |
| 178 | - | |
| 179 | -img { | |
| 180 | - border-style: none; | |
| 181 | -} | |
| 182 | - | |
| 183 | -/* Forms | |
| 184 | - ========================================================================== */ | |
| 185 | - | |
| 186 | -/** | |
| 187 | - * 1. Change the font styles in all browsers. | |
| 188 | - * 2. Remove the margin in Firefox and Safari. | |
| 189 | - */ | |
| 190 | - | |
| 191 | -button, | |
| 192 | -input, | |
| 193 | -optgroup, | |
| 194 | -select, | |
| 195 | -textarea { | |
| 196 | - font-family: inherit; /* 1 */ | |
| 197 | - font-size: 100%; /* 1 */ | |
| 198 | - line-height: 1.15; /* 1 */ | |
| 199 | - margin: 0; /* 2 */ | |
| 200 | -} | |
| 201 | - | |
| 202 | -/** | |
| 203 | - * Show the overflow in IE. | |
| 204 | - * 1. Show the overflow in Edge. | |
| 205 | - */ | |
| 206 | - | |
| 207 | -button, | |
| 208 | -input { /* 1 */ | |
| 209 | - overflow: visible; | |
| 210 | -} | |
| 211 | - | |
| 212 | -/** | |
| 213 | - * Remove the inheritance of text transform in Edge, Firefox, and IE. | |
| 214 | - * 1. Remove the inheritance of text transform in Firefox. | |
| 215 | - */ | |
| 216 | - | |
| 217 | -button, | |
| 218 | -select { /* 1 */ | |
| 219 | - text-transform: none; | |
| 220 | -} | |
| 221 | - | |
| 222 | -/** | |
| 223 | - * Correct the inability to style clickable types in iOS and Safari. | |
| 224 | - */ | |
| 225 | - | |
| 226 | -button, | |
| 227 | -[type="button"], | |
| 228 | -[type="reset"], | |
| 229 | -[type="submit"] { | |
| 230 | - -webkit-appearance: button; | |
| 231 | -} | |
| 232 | - | |
| 233 | -/** | |
| 234 | - * Remove the inner border and padding in Firefox. | |
| 235 | - */ | |
| 236 | - | |
| 237 | -button::-moz-focus-inner, | |
| 238 | -[type="button"]::-moz-focus-inner, | |
| 239 | -[type="reset"]::-moz-focus-inner, | |
| 240 | -[type="submit"]::-moz-focus-inner { | |
| 241 | - border-style: none; | |
| 242 | - padding: 0; | |
| 243 | -} | |
| 244 | - | |
| 245 | -/** | |
| 246 | - * Restore the focus styles unset by the previous rule. | |
| 247 | - */ | |
| 248 | - | |
| 249 | -button:-moz-focusring, | |
| 250 | -[type="button"]:-moz-focusring, | |
| 251 | -[type="reset"]:-moz-focusring, | |
| 252 | -[type="submit"]:-moz-focusring { | |
| 253 | - outline: 1px dotted ButtonText; | |
| 254 | -} | |
| 255 | - | |
| 256 | -/** | |
| 257 | - * Correct the padding in Firefox. | |
| 258 | - */ | |
| 259 | - | |
| 260 | -fieldset { | |
| 261 | - padding: 0.35em 0.75em 0.625em; | |
| 262 | -} | |
| 263 | - | |
| 264 | -/** | |
| 265 | - * 1. Correct the text wrapping in Edge and IE. | |
| 266 | - * 2. Correct the color inheritance from `fieldset` elements in IE. | |
| 267 | - * 3. Remove the padding so developers are not caught out when they zero out | |
| 268 | - * `fieldset` elements in all browsers. | |
| 269 | - */ | |
| 270 | - | |
| 271 | -legend { | |
| 272 | - -webkit-box-sizing: border-box; | |
| 273 | - -moz-box-sizing: border-box; | |
| 274 | - box-sizing: border-box; /* 1 */ | |
| 275 | - color: inherit; /* 2 */ | |
| 276 | - display: table; /* 1 */ | |
| 277 | - max-width: 100%; /* 1 */ | |
| 278 | - padding: 0; /* 3 */ | |
| 279 | - white-space: normal; /* 1 */ | |
| 280 | -} | |
| 281 | - | |
| 282 | -/** | |
| 283 | - * Add the correct vertical alignment in Chrome, Firefox, and Opera. | |
| 284 | - */ | |
| 285 | - | |
| 286 | -progress { | |
| 287 | - vertical-align: baseline; | |
| 288 | -} | |
| 289 | - | |
| 290 | -/** | |
| 291 | - * Remove the default vertical scrollbar in IE 10+. | |
| 292 | - */ | |
| 293 | - | |
| 294 | -textarea { | |
| 295 | - overflow: auto; | |
| 296 | -} | |
| 297 | - | |
| 298 | -/** | |
| 299 | - * 1. Add the correct box sizing in IE 10. | |
| 300 | - * 2. Remove the padding in IE 10. | |
| 301 | - */ | |
| 302 | - | |
| 303 | -[type="checkbox"], | |
| 304 | -[type="radio"] { | |
| 305 | - -webkit-box-sizing: border-box; | |
| 306 | - -moz-box-sizing: border-box; | |
| 307 | - box-sizing: border-box; /* 1 */ | |
| 308 | - padding: 0; /* 2 */ | |
| 309 | -} | |
| 310 | - | |
| 311 | -/** | |
| 312 | - * Correct the cursor style of increment and decrement buttons in Chrome. | |
| 313 | - */ | |
| 314 | - | |
| 315 | -[type="number"]::-webkit-inner-spin-button, | |
| 316 | -[type="number"]::-webkit-outer-spin-button { | |
| 317 | - height: auto; | |
| 318 | -} | |
| 319 | - | |
| 320 | -/** | |
| 321 | - * 1. Correct the odd appearance in Chrome and Safari. | |
| 322 | - * 2. Correct the outline style in Safari. | |
| 323 | - */ | |
| 324 | - | |
| 325 | -[type="search"] { | |
| 326 | - -webkit-appearance: textfield; /* 1 */ | |
| 327 | - outline-offset: -2px; /* 2 */ | |
| 328 | -} | |
| 329 | - | |
| 330 | -/** | |
| 331 | - * Remove the inner padding in Chrome and Safari on macOS. | |
| 332 | - */ | |
| 333 | - | |
| 334 | -[type="search"]::-webkit-search-decoration { | |
| 335 | - -webkit-appearance: none; | |
| 336 | -} | |
| 337 | - | |
| 338 | -/** | |
| 339 | - * 1. Correct the inability to style clickable types in iOS and Safari. | |
| 340 | - * 2. Change font properties to `inherit` in Safari. | |
| 341 | - */ | |
| 342 | - | |
| 343 | -::-webkit-file-upload-button { | |
| 344 | - -webkit-appearance: button; /* 1 */ | |
| 345 | - font: inherit; /* 2 */ | |
| 346 | -} | |
| 347 | - | |
| 348 | -/* Interactive | |
| 349 | - ========================================================================== */ | |
| 350 | - | |
| 351 | -/* | |
| 352 | - * Add the correct display in Edge, IE 10+, and Firefox. | |
| 353 | - */ | |
| 354 | - | |
| 355 | -details { | |
| 356 | - display: block; | |
| 357 | -} | |
| 358 | - | |
| 359 | -/* | |
| 360 | - * Add the correct display in all browsers. | |
| 361 | - */ | |
| 362 | - | |
| 363 | -summary { | |
| 364 | - display: list-item; | |
| 365 | -} | |
| 366 | - | |
| 367 | -/* Misc | |
| 368 | - ========================================================================== */ | |
| 369 | - | |
| 370 | -/** | |
| 371 | - * Add the correct display in IE 10+. | |
| 372 | - */ | |
| 373 | - | |
| 374 | -template { | |
| 375 | - display: none; | |
| 376 | -} | |
| 377 | - | |
| 378 | -/** | |
| 379 | - * Add the correct display in IE 10. | |
| 380 | - */ | |
| 381 | - | |
| 382 | -[hidden] { | |
| 383 | - display: none; | |
| 384 | -} | |
| 385 | - | |
| 386 | -/*-------------------------------------------------------------- | |
| 387 | -# Typography | |
| 388 | -body, | |
| 389 | -button, | |
| 390 | -input, | |
| 391 | -select, | |
| 392 | -optgroup, | |
| 393 | -textarea { | |
| 394 | - color: #404040; | |
| 395 | - font-family: sans-serif; | |
| 396 | - font-size: 16px; | |
| 397 | - font-size: 1rem; | |
| 398 | - line-height: 1.5; | |
| 399 | -} | |
| 400 | - | |
| 401 | -h1, h2, h3, h4, h5, h6 { | |
| 402 | - clear: both; | |
| 403 | -} | |
| 404 | - | |
| 405 | -p { | |
| 406 | - margin-bottom: 1.5em; | |
| 407 | -} | |
| 408 | - | |
| 409 | -dfn, cite, em, i { | |
| 410 | - font-style: italic; | |
| 411 | -} | |
| 412 | - | |
| 413 | -blockquote { | |
| 414 | - margin: 0 1.5em; | |
| 415 | -} | |
| 416 | - | |
| 417 | -address { | |
| 418 | - margin: 0 0 1.5em; | |
| 419 | -} | |
| 420 | - | |
| 421 | -pre { | |
| 422 | - background: #eee; | |
| 423 | - font-family: "Courier 10 Pitch", Courier, monospace; | |
| 424 | - font-size: 15px; | |
| 425 | - font-size: 0.9375rem; | |
| 426 | - line-height: 1.6; | |
| 427 | - margin-bottom: 1.6em; | |
| 428 | - max-width: 100%; | |
| 429 | - overflow: auto; | |
| 430 | - padding: 1.6em; | |
| 431 | -} | |
| 432 | - | |
| 433 | -code, kbd, tt, var { | |
| 434 | - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; | |
| 435 | - font-size: 15px; | |
| 436 | - font-size: 0.9375rem; | |
| 437 | -} | |
| 438 | - | |
| 439 | -abbr, acronym { | |
| 440 | - border-bottom: 1px dotted #666; | |
| 441 | - cursor: help; | |
| 442 | -} | |
| 443 | - | |
| 444 | -mark, ins { | |
| 445 | - background: #fff9c0; | |
| 446 | - text-decoration: none; | |
| 447 | -} | |
| 448 | - | |
| 449 | -big { | |
| 450 | - font-size: 125%; | |
| 451 | -} | |
| 452 | - | |
| 453 | -/*-------------------------------------------------------------- | |
| 454 | -# Elements | |
| 455 | -html { | |
| 456 | - -webkit-box-sizing: border-box; | |
| 457 | - -moz-box-sizing: border-box; | |
| 458 | - box-sizing: border-box; | |
| 459 | -} | |
| 460 | - | |
| 461 | -*, | |
| 462 | -*:before, | |
| 463 | -*:after { | |
| 464 | - /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ | |
| 465 | - -webkit-box-sizing: inherit; | |
| 466 | - -moz-box-sizing: inherit; | |
| 467 | - box-sizing: inherit; | |
| 468 | -} | |
| 469 | - | |
| 470 | -body { | |
| 471 | - background: #fff; | |
| 472 | - /* Fallback for when there is no custom background color defined. */ | |
| 473 | -} | |
| 474 | - | |
| 475 | -hr { | |
| 476 | - background-color: #ccc; | |
| 477 | - border: 0; | |
| 478 | - height: 1px; | |
| 479 | - margin-bottom: 1.5em; | |
| 480 | -} | |
| 481 | - | |
| 482 | -ul, ol { | |
| 483 | - margin: 0 0 1.5em 3em; | |
| 484 | -} | |
| 485 | - | |
| 486 | -ul { | |
| 487 | - list-style: disc; | |
| 488 | -} | |
| 489 | - | |
| 490 | -ol { | |
| 491 | - list-style: decimal; | |
| 492 | -} | |
| 493 | - | |
| 494 | -li > ul, | |
| 495 | -li > ol { | |
| 496 | - margin-bottom: 0; | |
| 497 | - margin-left: 1.5em; | |
| 498 | -} | |
| 499 | - | |
| 500 | -dt { | |
| 501 | - font-weight: bold; | |
| 502 | -} | |
| 503 | - | |
| 504 | -dd { | |
| 505 | - margin: 0 1.5em 1.5em; | |
| 506 | -} | |
| 507 | - | |
| 508 | -img { | |
| 509 | - height: auto; | |
| 510 | - /* Make sure images are scaled correctly. */ | |
| 511 | - max-width: 100%; | |
| 512 | - /* Adhere to container width. */ | |
| 513 | -} | |
| 514 | - | |
| 515 | -figure { | |
| 516 | - margin: 1em 0; | |
| 517 | - /* Extra wide images within figure tags don't overflow the content area. */ | |
| 518 | -} | |
| 519 | - | |
| 520 | -table { | |
| 521 | - margin: 0 0 1.5em; | |
| 522 | - width: 100%; | |
| 523 | -} | |
| 524 | - | |
| 525 | -/*-------------------------------------------------------------- | |
| 526 | -# Forms | |
| 527 | -button, | |
| 528 | -input[type="button"], | |
| 529 | -input[type="reset"], | |
| 530 | -input[type="submit"] { | |
| 531 | - border: 1px solid; | |
| 532 | - border-color: #ccc #ccc #bbb; | |
| 533 | - -webkit-border-radius: 3px; | |
| 534 | - border-radius: 3px; | |
| 535 | - background: #e6e6e6; | |
| 536 | - color: rgba(0, 0, 0, 0.8); | |
| 537 | - font-size: 12px; | |
| 538 | - font-size: 0.75rem; | |
| 539 | - line-height: 1; | |
| 540 | - padding: .6em 1em .4em; | |
| 541 | -} | |
| 542 | - | |
| 543 | -button:hover, | |
| 544 | -input[type="button"]:hover, | |
| 545 | -input[type="reset"]:hover, | |
| 546 | -input[type="submit"]:hover { | |
| 547 | - border-color: #ccc #bbb #aaa; | |
| 548 | -} | |
| 549 | - | |
| 550 | -button:active, button:focus, | |
| 551 | -input[type="button"]:active, | |
| 552 | -input[type="button"]:focus, | |
| 553 | -input[type="reset"]:active, | |
| 554 | -input[type="reset"]:focus, | |
| 555 | -input[type="submit"]:active, | |
| 556 | -input[type="submit"]:focus { | |
| 557 | - border-color: #aaa #bbb #bbb; | |
| 558 | -} | |
| 559 | - | |
| 560 | -input[type="text"], | |
| 561 | -input[type="email"], | |
| 562 | -input[type="url"], | |
| 563 | -input[type="password"], | |
| 564 | -input[type="search"], | |
| 565 | -input[type="number"], | |
| 566 | -input[type="tel"], | |
| 567 | -input[type="range"], | |
| 568 | -input[type="date"], | |
| 569 | -input[type="month"], | |
| 570 | -input[type="week"], | |
| 571 | -input[type="time"], | |
| 572 | -input[type="datetime"], | |
| 573 | -input[type="datetime-local"], | |
| 574 | -input[type="color"], | |
| 575 | -textarea { | |
| 576 | - color: #666; | |
| 577 | - border: 1px solid #ccc; | |
| 578 | - -webkit-border-radius: 3px; | |
| 579 | - border-radius: 3px; | |
| 580 | - padding: 3px; | |
| 581 | -} | |
| 582 | - | |
| 583 | -input[type="text"]:focus, | |
| 584 | -input[type="email"]:focus, | |
| 585 | -input[type="url"]:focus, | |
| 586 | -input[type="password"]:focus, | |
| 587 | -input[type="search"]:focus, | |
| 588 | -input[type="number"]:focus, | |
| 589 | -input[type="tel"]:focus, | |
| 590 | -input[type="range"]:focus, | |
| 591 | -input[type="date"]:focus, | |
| 592 | -input[type="month"]:focus, | |
| 593 | -input[type="week"]:focus, | |
| 594 | -input[type="time"]:focus, | |
| 595 | -input[type="datetime"]:focus, | |
| 596 | -input[type="datetime-local"]:focus, | |
| 597 | -input[type="color"]:focus, | |
| 598 | -textarea:focus { | |
| 599 | - color: #111; | |
| 600 | -} | |
| 601 | - | |
| 602 | -select { | |
| 603 | - border: 1px solid #ccc; | |
| 604 | -} | |
| 605 | - | |
| 606 | -textarea { | |
| 607 | - width: 100%; | |
| 608 | -} | |
| 609 | - | |
| 610 | -/*-------------------------------------------------------------- | |
| 611 | -# Navigation | |
| 612 | -/*-------------------------------------------------------------- | |
| 613 | -## Links | |
| 614 | -a { | |
| 615 | - color: royalblue; | |
| 616 | -} | |
| 617 | - | |
| 618 | -/*a:visited { | |
| 619 | - color: purple; | |
| 620 | -}*/ | |
| 621 | - | |
| 622 | -/*a:hover, a:focus, a:active { | |
| 623 | - color: midnightblue; | |
| 624 | -} | |
| 625 | - | |
| 626 | -a:focus { | |
| 627 | - outline: thin dotted; | |
| 628 | -}*/ | |
| 629 | - | |
| 630 | -a:hover, a:active { | |
| 631 | - outline: 0; | |
| 632 | -} | |
| 633 | - | |
| 634 | -/*-------------------------------------------------------------- | |
| 635 | -# Accessibility | |
| 636 | -/* Text meant only for screen readers. */ | |
| 637 | -.screen-reader-text { | |
| 638 | - border: 0; | |
| 639 | - clip: rect(1px, 1px, 1px, 1px); | |
| 640 | - -webkit-clip-path: inset(50%); | |
| 641 | - clip-path: inset(50%); | |
| 642 | - height: 1px; | |
| 643 | - margin: -1px; | |
| 644 | - overflow: hidden; | |
| 645 | - padding: 0; | |
| 646 | - position: absolute !important; | |
| 647 | - width: 1px; | |
| 648 | - word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ | |
| 649 | -} | |
| 650 | - | |
| 651 | -.screen-reader-text:focus { | |
| 652 | - background-color: #f1f1f1; | |
| 653 | - -webkit-border-radius: 3px; | |
| 654 | - border-radius: 3px; | |
| 655 | - -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); | |
| 656 | - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); | |
| 657 | - clip: auto !important; | |
| 658 | - -webkit-clip-path: none; | |
| 659 | - clip-path: none; | |
| 660 | - color: #21759b; | |
| 661 | - display: block; | |
| 662 | - font-size: 14px; | |
| 663 | - font-size: 0.875rem; | |
| 664 | - font-weight: bold; | |
| 665 | - height: auto; | |
| 666 | - left: 5px; | |
| 667 | - line-height: normal; | |
| 668 | - padding: 15px 23px 14px; | |
| 669 | - text-decoration: none; | |
| 670 | - top: 5px; | |
| 671 | - width: auto; | |
| 672 | - z-index: 100000; | |
| 673 | - /* Above WP toolbar. */ | |
| 674 | -} | |
| 675 | - | |
| 676 | -/* Do not show the outline on the skip link target. */ | |
| 677 | -#content[tabindex="-1"]:focus { | |
| 678 | - outline: 0; | |
| 679 | -} | |
| 680 | - | |
| 681 | -/*-------------------------------------------------------------- | |
| 682 | -# Alignments | |
| 683 | -.alignleft { | |
| 684 | - display: inline; | |
| 685 | - float: left; | |
| 686 | - margin-right: 1.5em; | |
| 687 | -} | |
| 688 | - | |
| 689 | -.alignright { | |
| 690 | - display: inline; | |
| 691 | - float: right; | |
| 692 | - margin-left: 1.5em; | |
| 693 | -} | |
| 694 | - | |
| 695 | -.aligncenter { | |
| 696 | - clear: both; | |
| 697 | - display: block; | |
| 698 | - margin-left: auto; | |
| 699 | - margin-right: auto; | |
| 700 | -} | |
| 701 | - | |
| 702 | -/*-------------------------------------------------------------- | |
| 703 | -# Clearings | |
| 704 | -.clear:before, | |
| 705 | -.clear:after { | |
| 706 | - content: ""; | |
| 707 | - display: table; | |
| 708 | - table-layout: fixed; | |
| 709 | -} | |
| 710 | - | |
| 711 | -.clear:after { | |
| 712 | - clear: both; | |
| 713 | -} | |
| 714 | - | |
| 715 | -/*-------------------------------------------------------------- | |
| 716 | -# Widgets | |
| 717 | -.widget { | |
| 718 | - margin: 0 0 1.5em; | |
| 719 | - /* Make sure select elements fit in widgets. */ | |
| 720 | -} | |
| 721 | - | |
| 722 | -.widget select { | |
| 723 | - max-width: 100%; | |
| 724 | -} | |
| 725 | - | |
| 726 | -/*-------------------------------------------------------------- | |
| 727 | -# Content | |
| 728 | -/*-------------------------------------------------------------- | |
| 729 | -# Media | |
| 730 | -/* Make sure embeds and iframes fit their containers. */ | |
| 731 | -embed, | |
| 732 | -iframe, | |
| 733 | -object { | |
| 734 | - max-width: 100%; | |
| 735 | -} | |
| 736 | - | |
| 737 | -/* Common Button */ | |
| 738 | -.wcf-button { | |
| 739 | - display: inline-block; | |
| 740 | - padding: 12px 24px; | |
| 741 | - background: #ccc; | |
| 742 | - text-decoration: none; | |
| 743 | - margin: 5px; | |
| 744 | -} | |
| 745 | - | |
| 746 | -/*-------------------------------------------------------------- | |
| 747 | -# Template CSS | |
| 748 | -body.cartflows-default { | |
| 749 | - background-color: #f5f5f5; | |
| 750 | -} | |
| 751 | - | |
| 752 | -.cartflows-default .cartflows-container { | |
| 753 | - max-width: 1200px; | |
| 754 | - width: 100%; | |
| 755 | - padding: 0 20px; | |
| 756 | - margin: 60px auto; | |
| 757 | -} | |
| 758 | -.cartflows-default .cartflows-primary { | |
| 759 | - background-color: #fff; | |
| 760 | - padding: 70px; | |
| 761 | - overflow: hidden; | |
| 762 | - max-width: 100%; | |
| 763 | -} | |
| 764 | - | |
| 765 | -@media (max-width: 768px) { | |
| 766 | - .cartflows-default .cartflows-container { | |
| 767 | - padding: 0; | |
| 768 | - margin: 0; | |
| 769 | - } | |
| 770 | - .cartflows-default .cartflows-primary { | |
| 771 | - padding: 20px 30px; | |
| 772 | - } | |
| 773 | -} | |
| 774 | - | |
| 775 | -@media (max-width: 544px) { | |
| 776 | - .cartflows-default .cartflows-primary { | |
| 777 | - padding: 20px 15px; | |
| 778 | - } | |
| 779 | -} | |
| 780 | - | |
| 781 | -/*-------------------------------------------------------------- | |
| 782 | -# Preview Mode | |
| 783 | -.wcf-preview-mode { | |
| 784 | - background: #f16334; | |
| 785 | - position: fixed; | |
| 786 | - bottom: 0; | |
| 787 | - left: 0; | |
| 788 | - width: 100%; | |
| 789 | - height: 2.6em; | |
| 790 | - color: #fff; | |
| 791 | - text-align: center; | |
| 792 | - font-size: 14px; | |
| 793 | - line-height: 2.6em; | |
| 794 | - pointer-events: none; | |
| 795 | - z-index: 9999999; | |
| 796 | -} | |
| 797 | -@media only screen and (max-width: 768px) { | |
| 798 | - .wcf-preview-mode { | |
| 799 | - font-size: 13px; | |
| 800 | - line-height: 18px; | |
| 801 | - padding: 4px 10px; | |
| 802 | - height: auto; | |
| 803 | - } | |
| 804 | -} | |
| 805 | - | |
| 806 | -/** | |
| 807 | -* ***************** | |
| 808 | -* Cartflows Footer | |
| 809 | -* ***************** | |
| 810 | -*/ | |
| 811 | - | |
| 812 | -.wcf-footer-primary .wcf-footer-content p{ | |
| 813 | - margin: 1.5em 0; | |
| 814 | - text-align: center; | |
| 815 | -} | |
| 816 | - | |
| 817 | -/** | |
| 818 | -* **************** | |
| 819 | -* Thank You page | |
| 820 | -* **************** | |
| 821 | -*/ | |
| 822 | - | |
| 823 | -.wcf-thankyou-wrap | |
| 824 | -{ | |
| 825 | - padding: 0; | |
| 826 | - margin: 0 auto; | |
| 827 | - width: 100%; | |
| 828 | - max-width: 55em; | |
| 829 | - font-size: 13px; | |
| 830 | -} | |
| 831 | - | |
| 832 | -.wcf-thankyou-wrap a{ | |
| 833 | - color: #404040; | |
| 834 | -} | |
| 835 | -/* Order Details - ThankYou page */ | |
| 836 | -.woocommerce-order ul.order_details::before, | |
| 837 | -.woocommerce-order ul.order_details::after { | |
| 838 | - content: ' '; | |
| 839 | - display: table; | |
| 840 | -} | |
| 841 | -.woocommerce-order ul.order_details::after { | |
| 842 | - clear: both; | |
| 843 | -} | |
| 844 | - | |
| 845 | -.woocommerce-order ul.order_details, | |
| 846 | -.woocommerce-order ul.order_details li { | |
| 847 | - list-style: none; | |
| 848 | - line-height: 1; | |
| 849 | -} | |
| 850 | - | |
| 851 | -.woocommerce-order ul.order_details li { | |
| 852 | - display: inline-block; | |
| 853 | - border-right: 1px dashed #cccccc; | |
| 854 | - padding: 0.5em 1em 0.5em 0; | |
| 855 | - margin: 0.5em 0.5em 0.5em 0; | |
| 856 | - list-style-type: none; | |
| 857 | -} | |
| 858 | - | |
| 859 | -.woocommerce-order ul.order_details li:first-child { | |
| 860 | - padding-left: 0; | |
| 861 | -} | |
| 862 | - | |
| 863 | -.woocommerce-order ul.order_details li:last-child { | |
| 864 | - border-right:0px; | |
| 865 | - padding-right: 0; | |
| 866 | -} | |
| 867 | - | |
| 868 | -.woocommerce-order ul.order_details li strong { | |
| 869 | - display: block; | |
| 870 | - margin-top: 0.7em; | |
| 871 | -} | |
| 872 | - | |
| 873 | -.woocommerce-order ul.order_details, | |
| 874 | -.woocommerce-order .woocommerce-customer-details, | |
| 875 | -.woocommerce-order .woocommerce-order-details { | |
| 876 | - margin: 0 0 2em; | |
| 877 | - -webkit-border-radius: 3px; | |
| 878 | - border-radius: 3px; | |
| 879 | - width: 100%; | |
| 880 | - display: block; | |
| 881 | -} | |
| 882 | - | |
| 883 | -/* Section Background & Padding */ | |
| 884 | -.woocommerce-order ul.order_details, | |
| 885 | -.woocommerce-order .woocommerce-customer-details, | |
| 886 | -.woocommerce-order .woocommerce-order-details { | |
| 887 | - background: #f1f1f1; | |
| 888 | - padding: 1.5em 2.5em; | |
| 889 | -} | |
| 890 | - | |
| 891 | -.woocommerce-order h2.woocommerce-column__title, | |
| 892 | -.woocommerce-order h2.woocommerce-order-details__title, | |
| 893 | -.woocommerce-order .woocommerce-thankyou-order-received { | |
| 894 | - padding: 0.8em 0; | |
| 895 | - margin: 0 0 0.5em; | |
| 896 | - font-size: 1.5em; | |
| 897 | - font-weight: 600; | |
| 898 | - color: #404040; | |
| 899 | -} | |
| 900 | - | |
| 901 | -.woocommerce-order .woocommerce-thankyou-order-received { | |
| 902 | - margin: 0 0 1.5em; | |
| 903 | - padding: 0 0.5em; | |
| 904 | - text-align: center; | |
| 905 | -} | |
| 906 | - | |
| 907 | -/* Order Details Form */ | |
| 908 | -.woocommerce-order-details table.shop_table { | |
| 909 | - border:none; | |
| 910 | - border-bottom: 0; | |
| 911 | - background-color: inherit; | |
| 912 | - -webkit-border-radius: 0; | |
| 913 | - border-radius: 0; | |
| 914 | - font-family: inherit; | |
| 915 | - font-weight:inherit; | |
| 916 | - font-size: 0.95em; | |
| 917 | - margin: 0 0 0px 0 !important; | |
| 918 | - border-collapse: collapse; | |
| 919 | - text-align: left; | |
| 920 | -} | |
| 921 | -.woocommerce-order-details table.shop_table #shipping_method{ | |
| 922 | - margin: 0; | |
| 923 | - padding: 0; | |
| 924 | - list-style: none; | |
| 925 | -} | |
| 926 | -.woocommerce-order-details table.shop_table th{ | |
| 927 | - border: none; | |
| 928 | - font-weight: 400; | |
| 929 | - padding: 9px 0px; | |
| 930 | - line-height: 1.2em; | |
| 931 | -} | |
| 932 | -.woocommerce-order-details table.shop_table tfoot tr:last-child .woocommerce-Price-amount { | |
| 933 | - font-size: 1em; | |
| 934 | -} | |
| 935 | -.woocommerce-order-details table.shop_table td, | |
| 936 | -.woocommerce-order-details table.shop_table th { | |
| 937 | - padding: 0.6em 0; | |
| 938 | - line-height: 1.4em; | |
| 939 | - border: none; | |
| 940 | -} | |
| 941 | -.woocommerce-order-details table.shop_table tbody th, | |
| 942 | -.woocommerce-order-details table.shop_table tfoot td, | |
| 943 | -.woocommerce-order-details table.shop_table tfoot th { | |
| 944 | - font-weight: normal; | |
| 945 | - border: none; | |
| 946 | -} | |
| 947 | -.woocommerce-order-details table.shop_table tbody { | |
| 948 | - border-top: 1px dashed #cccccc; | |
| 949 | - border-bottom: 1px dashed #cccccc; | |
| 950 | -} | |
| 951 | -.woocommerce-order-details table.shop_table th.product-name, | |
| 952 | -.woocommerce-order-details table.shop_table th.product-total{ | |
| 953 | - font-weight: 600; | |
| 954 | -} | |
| 955 | -.woocommerce-order-details table.shop_table tfoot tr.order-total:not(.recurring-total) th, | |
| 956 | -.woocommerce-order-details table.shop_table tfoot tr.order-total:not(.recurring-total) td { | |
| 957 | - font-weight: 600; | |
| 958 | - border-top: 1px dashed #cccccc; | |
| 959 | -} | |
| 960 | -.woocommerce-order-details table.shop_table tfoot tr.recurring-totals th { | |
| 961 | - padding-top: 1.8em; | |
| 962 | - font-weight: 600; | |
| 963 | -} | |
| 964 | -.woocommerce-order-details table.shop_table tfoot tr.recurring-totals th, | |
| 965 | -.woocommerce-order-details table.shop_table tfoot tr.recurring-total th, | |
| 966 | -.woocommerce-order-details table.shop_table tfoot tr.recurring-total td { | |
| 967 | - vertical-align: top; | |
| 968 | -} | |
| 969 | - | |
| 970 | -/**/ | |
| 971 | - | |
| 972 | -.woocommerce-order .col2-set{ | |
| 973 | - -js-display: flex; | |
| 974 | - display: -webkit-box; | |
| 975 | - display: -webkit-flex; | |
| 976 | - display: -moz-box; | |
| 977 | - display: -ms-flexbox; | |
| 978 | - display: flex; | |
| 979 | -} | |
| 980 | - | |
| 981 | -.woocommerce-order .col2-set .col-1{ | |
| 982 | - margin-right: 2%; | |
| 983 | -} | |
| 984 | - | |
| 985 | -.woocommerce-order .col2-set .col-1, | |
| 986 | -.woocommerce-order .col2-set .col-2 { | |
| 987 | - width: 49%; | |
| 988 | - display: inline-block; | |
| 989 | -} | |
| 990 | - | |
| 991 | - | |
| 992 | -.woocommerce-order .woocommerce-customer-details address { | |
| 993 | - border-right-width: 1px; | |
| 994 | - border-bottom-width: 1px; | |
| 995 | - -webkit-border-radius: 0; | |
| 996 | - border-radius: 0; | |
| 997 | - font-style: normal; | |
| 998 | -} | |
| 999 | - | |
| 1000 | -.woocommerce-order .woocommerce-customer-details address p{ | |
| 1001 | - margin: 0; | |
| 1002 | -} | |
| 1003 | - | |
| 1004 | -@media only screen and (max-width: 768px){ | |
| 1005 | - | |
| 1006 | - .woocommerce-order .woocommerce-thankyou-order-received { | |
| 1007 | - margin: 0 0 1em; | |
| 1008 | - } | |
| 1009 | - | |
| 1010 | - .woocommerce-order h2.woocommerce-column__title, | |
| 1011 | - .woocommerce-order h2.woocommerce-order-details__title, | |
| 1012 | - .woocommerce-order .woocommerce-thankyou-order-received { | |
| 1013 | - padding: 0.5em 0; | |
| 1014 | - font-size: 1.5em; | |
| 1015 | - } | |
| 1016 | - | |
| 1017 | - .woocommerce-order ul.order_details, | |
| 1018 | - .woocommerce-order .woocommerce-customer-details, | |
| 1019 | - .woocommerce-order .woocommerce-order-details { | |
| 1020 | - padding: 1.5em 2em; | |
| 1021 | - } | |
| 1022 | - | |
| 1023 | - .woocommerce-order ul.order_details li{ | |
| 1024 | - display: block; | |
| 1025 | - width: 100%; | |
| 1026 | - border-right: none; | |
| 1027 | - padding: 0.5em 1em 1em 0; | |
| 1028 | - border-bottom: 1px dashed #cccccc; | |
| 1029 | - } | |
| 1030 | - | |
| 1031 | - .woocommerce-order ul.order_details li:last-child { | |
| 1032 | - border: none; | |
| 1033 | - } | |
| 1034 | - | |
| 1035 | - .woocommerce-order .col2-set{ | |
| 1036 | - display: block; | |
| 1037 | - } | |
| 1038 | - | |
| 1039 | - .woocommerce-order .col2-set .col-1, | |
| 1040 | - .woocommerce-order .col2-set .col-2{ | |
| 1041 | - width: 100%; | |
| 1042 | - display: block; | |
| 1043 | - } | |
| 1044 | -} | |
| 1 | +/* Admin Bar */ | |
| 2 | +#wpadminbar .wcf-admin_bar-edit_flow--menu .ab-item { | |
| 3 | + -js-display: flex; | |
| 4 | + display: flex; | |
| 5 | + align-items: center; | |
| 6 | +} | |
| 7 | + | |
| 8 | +/* Addition | |
| 9 | + ========================================================================== */ | |
| 10 | + | |
| 11 | +@font-face { | |
| 12 | + font-family: cartflows-icon; | |
| 13 | + src: url( "../fonts/cartflows-icon.eot?rwcwgb" ); | |
| 14 | + src: url( "../fonts/cartflows-icon.eot?rwcwgb#iefix" ) format( "embedded-opentype" ), url( "../fonts/cartflows-icon.ttf?rwcwgb" ) format( "truetype" ), url( "../fonts/cartflows-icon.woff?rwcwgb" ) format( "woff" ), url( "../fonts/cartflows-icon.svg?rwcwgb#cartflows-icon" ) format( "svg" ); | |
| 15 | + font-weight: 400; | |
| 16 | + font-style: normal; | |
| 17 | +} | |
| 18 | + | |
| 19 | +.cartflows-icon { | |
| 20 | + /* use !important to prevent issues with browser extensions that change fonts */ | |
| 21 | + font-family: cartflows-icon !important; | |
| 22 | + speak: none; | |
| 23 | + font-style: normal; | |
| 24 | + font-weight: 400; | |
| 25 | + font-variant: normal; | |
| 26 | + text-transform: none; | |
| 27 | + line-height: 1; | |
| 28 | + | |
| 29 | + /* Better Font Rendering =========== */ | |
| 30 | + -webkit-font-smoothing: antialiased; | |
| 31 | + -moz-osx-font-smoothing: grayscale; | |
| 32 | +} | |
| 33 | + | |
| 34 | +.cartflows-circle-cross::before { | |
| 35 | + content: "\e903"; | |
| 36 | +} | |
| 37 | +.cartflows-cheveron-up::before { | |
| 38 | + content: "\e905"; | |
| 39 | +} | |
| 40 | +.cartflows-cheveron-down::before { | |
| 41 | + content: "\e904"; | |
| 42 | +} | |
| 43 | + | |
| 44 | +/*-------------------------------------------------------------- | |
| 45 | +# Alignments | |
| 46 | +--------------------------------------------------------------*/ | |
| 47 | +.alignleft { | |
| 48 | + display: inline; | |
| 49 | + float: left; | |
| 50 | + margin-right: 1.5em; | |
| 51 | +} | |
| 52 | + | |
| 53 | +.alignright { | |
| 54 | + display: inline; | |
| 55 | + float: right; | |
| 56 | + margin-left: 1.5em; | |
| 57 | +} | |
| 58 | + | |
| 59 | +.aligncenter { | |
| 60 | + clear: both; | |
| 61 | + display: block; | |
| 62 | + margin-left: auto; | |
| 63 | + margin-right: auto; | |
| 64 | +} | |
| 65 | + | |
| 66 | +/*-------------------------------------------------------------- | |
| 67 | +# Clearings | |
| 68 | +--------------------------------------------------------------*/ | |
| 69 | +.clear::before, | |
| 70 | +.clear::after { | |
| 71 | + content: ""; | |
| 72 | + display: table; | |
| 73 | + table-layout: fixed; | |
| 74 | +} | |
| 75 | + | |
| 76 | +.clear::after { | |
| 77 | + clear: both; | |
| 78 | +} | |
| 79 | + | |
| 80 | +/*-------------------------------------------------------------- | |
| 81 | +# Content | |
| 82 | +--------------------------------------------------------------*/ | |
| 83 | + | |
| 84 | +/* Common Button */ | |
| 85 | +.wcf-button { | |
| 86 | + display: inline-block; | |
| 87 | + padding: 12px 24px; | |
| 88 | + background: #ccc; | |
| 89 | + text-decoration: none; | |
| 90 | + margin: 5px; | |
| 91 | +} | |
| 92 | + | |
| 93 | +/*-------------------------------------------------------------- | |
| 94 | +# Template CSS | |
| 95 | +---------------------------------------------------------------*/ | |
| 96 | +body.cartflows-default { | |
| 97 | + background-color: #f5f5f5; | |
| 98 | +} | |
| 99 | + | |
| 100 | +.cartflows-default .cartflows-container { | |
| 101 | + max-width: 1200px; | |
| 102 | + width: 100%; | |
| 103 | + padding: 0 20px; | |
| 104 | + margin: 60px auto; | |
| 105 | +} | |
| 106 | +.cartflows-default .cartflows-primary { | |
| 107 | + background-color: #fff; | |
| 108 | + padding: 70px; | |
| 109 | + /* overflow: hidden; */ | |
| 110 | + max-width: 100%; | |
| 111 | +} | |
| 112 | + | |
| 113 | +@media ( max-width: 768px ) { | |
| 114 | + .cartflows-default .cartflows-container { | |
| 115 | + padding: 0; | |
| 116 | + margin: 0; | |
| 117 | + } | |
| 118 | + .cartflows-default .cartflows-primary { | |
| 119 | + padding: 20px 30px; | |
| 120 | + } | |
| 121 | +} | |
| 122 | + | |
| 123 | +@media ( max-width: 544px ) { | |
| 124 | + .cartflows-default .cartflows-primary { | |
| 125 | + padding: 20px 15px; | |
| 126 | + } | |
| 127 | +} | |
| 128 | + | |
| 129 | +/*-------------------------------------------------------------- | |
| 130 | +# Preview Mode | |
| 131 | +---------------------------------------------------------------*/ | |
| 132 | +.wcf-preview-mode { | |
| 133 | + background: #f16334; | |
| 134 | + position: fixed; | |
| 135 | + bottom: 0; | |
| 136 | + left: 0; | |
| 137 | + width: 100%; | |
| 138 | + height: 2.6em; | |
| 139 | + color: #fff; | |
| 140 | + text-align: center; | |
| 141 | + font-size: 14px; | |
| 142 | + line-height: 2.6em; | |
| 143 | + pointer-events: all; | |
| 144 | + z-index: 9999999; | |
| 145 | +} | |
| 146 | +.wcf-preview-mode a { | |
| 147 | + color: #fff; | |
| 148 | + font-weight: 700; | |
| 149 | +} | |
| 150 | + | |
| 151 | +@media only screen and ( max-width: 768px ) { | |
| 152 | + .wcf-preview-mode { | |
| 153 | + font-size: 13px; | |
| 154 | + line-height: 18px; | |
| 155 | + padding: 4px 10px; | |
| 156 | + height: auto; | |
| 157 | + } | |
| 158 | +} | |
| 159 | + | |
| 160 | +/** | |
| 161 | +* ***************** | |
| 162 | +* Cartflows Footer | |
| 163 | +* ***************** | |
| 164 | +*/ | |
| 165 | + | |
| 166 | +.wcf-footer-primary .wcf-footer-content p { | |
| 167 | + margin: 1.5em 0; | |
| 168 | + text-align: center; | |
| 169 | +} | |
| 170 | + | |
| 171 | +/** | |
| 172 | +* **************** | |
| 173 | +* Thank You page | |
| 174 | +* **************** | |
| 175 | +*/ | |
| 176 | + | |
| 177 | +.wcf-thankyou-wrap { | |
| 178 | + padding: 0; | |
| 179 | + margin: 0 auto; | |
| 180 | + width: 100%; | |
| 181 | + max-width: 55em; | |
| 182 | + font-size: 13px; | |
| 183 | +} | |
| 184 | + | |
| 185 | +/* Order Details - ThankYou page */ | |
| 186 | +.woocommerce-order-details.mollie-instructions::before, | |
| 187 | +.woocommerce-order-details.mollie-instructions::after { | |
| 188 | + content: " "; | |
| 189 | + display: table; | |
| 190 | +} | |
| 191 | +.woocommerce-order ul.order_details::after { | |
| 192 | + clear: both; | |
| 193 | +} | |
| 194 | + | |
| 195 | +.woocommerce-order ul.order_details, | |
| 196 | +.woocommerce-order ul.order_details li { | |
| 197 | + list-style: none; | |
| 198 | + line-height: 1; | |
| 199 | +} | |
| 200 | + | |
| 201 | +.woocommerce-order ul.order_details li { | |
| 202 | + display: inline-block; | |
| 203 | + padding: 0.5em 1em 0.5em 0; | |
| 204 | + margin: 0.5em 0.5em 0.5em 0; | |
| 205 | + list-style-type: none; | |
| 206 | +} | |
| 207 | + | |
| 208 | +.woocommerce-order ul.order_details li:first-child { | |
| 209 | + padding-left: 0; | |
| 210 | +} | |
| 211 | + | |
| 212 | +.woocommerce-order ul.order_details li:last-child { | |
| 213 | + border-right: 0; | |
| 214 | + padding-right: 0; | |
| 215 | +} | |
| 216 | + | |
| 217 | +.woocommerce-order ul.order_details li strong { | |
| 218 | + display: block; | |
| 219 | + margin-top: 0.7em; | |
| 220 | +} | |
| 221 | + | |
| 222 | +.woocommerce-order ul.order_details, | |
| 223 | +.woocommerce-order .woocommerce-customer-details, | |
| 224 | +.woocommerce-order .woocommerce-order-details, | |
| 225 | +.woocommerce-order .woocommerce-order-downloads, | |
| 226 | +.woocommerce-order .woocommerce-bacs-bank-details, | |
| 227 | +.woocommerce-order-details.mollie-instructions { | |
| 228 | + margin: 0 0 2em; | |
| 229 | + border-radius: 3px; | |
| 230 | + border: none; | |
| 231 | + width: 100%; | |
| 232 | + display: block; | |
| 233 | +} | |
| 234 | + | |
| 235 | +.woocommerce-order .woocommerce-bacs-bank-details ul.bacs_details { | |
| 236 | + padding: 0; | |
| 237 | +} | |
| 238 | + | |
| 239 | +/* Section Background & Padding */ | |
| 240 | +.woocommerce-order:not( .wcf-modern-tq-layout ) ul.order_details { | |
| 241 | + background: #f1f1f1; | |
| 242 | + padding: 1.5em 2.5em; | |
| 243 | +} | |
| 244 | +.woocommerce-order.wcf-modern-tq-layout ul.order_details { | |
| 245 | + background: transparent !important; | |
| 246 | +} | |
| 247 | + | |
| 248 | +.woocommerce-order h2.woocommerce-column__title, | |
| 249 | +.woocommerce-order h2.woocommerce-order-details__title, | |
| 250 | +.woocommerce-order.wcf-modern-tq-layout h2.woocommerce-customer-details__title, | |
| 251 | +.woocommerce-order .woocommerce-thankyou-order-received, | |
| 252 | +.woocommerce-order .woocommerce-order-downloads__title, | |
| 253 | +.woocommerce-order h2.wc-bacs-bank-details-heading { | |
| 254 | + padding: 0.8em 0; | |
| 255 | + margin: 0 0 0.5em; | |
| 256 | + font-size: 1.5em; | |
| 257 | + font-weight: 600; | |
| 258 | + color: #404040; | |
| 259 | +} | |
| 260 | + | |
| 261 | +.woocommerce-order .woocommerce-thankyou-order-received { | |
| 262 | + margin: 0 0 1.5em; | |
| 263 | + padding: 0 0.5em; | |
| 264 | + text-align: center; | |
| 265 | +} | |
| 266 | + | |
| 267 | +/* Order Details Form */ | |
| 268 | +.woocommerce-order-details table.shop_table, | |
| 269 | +.woocommerce-order-downloads table.shop_table { | |
| 270 | + border: none; | |
| 271 | + border-bottom: 0; | |
| 272 | + background-color: inherit; | |
| 273 | + border-radius: 0; | |
| 274 | + font-family: inherit; | |
| 275 | + font-weight: inherit; | |
| 276 | + font-size: 0.95em; | |
| 277 | + margin: 0 0 0 0 !important; | |
| 278 | + border-collapse: collapse; | |
| 279 | + text-align: left; | |
| 280 | +} | |
| 281 | + | |
| 282 | +.woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details table.shop_table, | |
| 283 | +.woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads table.shop_table { | |
| 284 | + font-size: 13px; | |
| 285 | +} | |
| 286 | + | |
| 287 | +.woocommerce-order-details table.shop_table #shipping_method { | |
| 288 | + margin: 0; | |
| 289 | + padding: 0; | |
| 290 | + list-style: none; | |
| 291 | +} | |
| 292 | +.woocommerce-order-details table.shop_table th, | |
| 293 | +.woocommerce-order-downloads table.shop_table th { | |
| 294 | + border: none; | |
| 295 | + font-weight: 600; | |
| 296 | + padding: 9px 0; | |
| 297 | + line-height: 1.2em; | |
| 298 | +} | |
| 299 | +.woocommerce-order-details table.shop_table tfoot tr:last-child .woocommerce-Price-amount { | |
| 300 | + font-size: 1em; | |
| 301 | +} | |
| 302 | +.woocommerce-order-details table.shop_table td, | |
| 303 | +.woocommerce-order-details table.shop_table th { | |
| 304 | + padding: 0.6em 0; | |
| 305 | + line-height: 1.4em; | |
| 306 | + border: none; | |
| 307 | +} | |
| 308 | + | |
| 309 | +.woocommerce-order-details table.shop_table tbody th, | |
| 310 | +.woocommerce-order-details table.shop_table tfoot td, | |
| 311 | +.woocommerce-order-details table.shop_table tfoot th { | |
| 312 | + font-weight: 400; | |
| 313 | + border: none; | |
| 314 | +} | |
| 315 | + | |
| 316 | +.woocommerce-order-details table.shop_table tbody { | |
| 317 | + border-top: 1px dashed #ccc; | |
| 318 | + border-bottom: 1px dashed #ccc; | |
| 319 | +} | |
| 320 | + | |
| 321 | +.woocommerce-order-details table.shop_table th.product-name, | |
| 322 | +.woocommerce-order-details table.shop_table th.product-total { | |
| 323 | + font-weight: 600; | |
| 324 | +} | |
| 325 | +.woocommerce-order-details table.shop_table tfoot tr.order-total:not( .recurring-total ) th, | |
| 326 | +.woocommerce-order-details table.shop_table tfoot tr.order-total:not( .recurring-total ) td { | |
| 327 | + font-weight: 600; | |
| 328 | + border-top: 1px dashed #ccc; | |
| 329 | +} | |
| 330 | +.woocommerce-order-details table.shop_table tfoot tr.recurring-totals th { | |
| 331 | + padding-top: 1.8em; | |
| 332 | + font-weight: 600; | |
| 333 | +} | |
| 334 | +.woocommerce-order-details table.shop_table tfoot tr.recurring-totals th, | |
| 335 | +.woocommerce-order-details table.shop_table tfoot tr.recurring-total th, | |
| 336 | +.woocommerce-order-details table.shop_table tfoot tr.recurring-total td { | |
| 337 | + vertical-align: top; | |
| 338 | +} | |
| 339 | + | |
| 340 | +.woocommerce-order .wcf-col2-set { | |
| 341 | + -js-display: flex; | |
| 342 | + display: flex; | |
| 343 | +} | |
| 344 | + | |
| 345 | +.woocommerce-order .wcf-col2-set .wcf-col-1 { | |
| 346 | + margin-right: 2%; | |
| 347 | +} | |
| 348 | + | |
| 349 | +.woocommerce-order .wcf-col2-set .wcf-col-1, | |
| 350 | +.woocommerce-order .wcf-col2-set .wcf-col-2 { | |
| 351 | + width: 49%; | |
| 352 | + display: inline-block; | |
| 353 | +} | |
| 354 | + | |
| 355 | +.woocommerce-order .woocommerce-customer-details address { | |
| 356 | + border-right-width: 1px; | |
| 357 | + border-bottom-width: 1px; | |
| 358 | + border-radius: 0; | |
| 359 | + font-style: normal; | |
| 360 | +} | |
| 361 | + | |
| 362 | +.woocommerce-order .woocommerce-customer-details address p { | |
| 363 | + margin: 0; | |
| 364 | +} | |
| 365 | + | |
| 366 | +.woocommerce-order-details.mollie-instructions p { | |
| 367 | + margin: 0.5em 0; | |
| 368 | +} | |
| 369 | + | |
| 370 | +@media only screen and ( max-width: 768px ) { | |
| 371 | + .woocommerce-order .woocommerce-thankyou-order-received { | |
| 372 | + margin: 0 0 1em; | |
| 373 | + } | |
| 374 | + | |
| 375 | + .woocommerce-order h2.woocommerce-column__title, | |
| 376 | + .woocommerce-order h2.woocommerce-order-details__title, | |
| 377 | + .woocommerce-order .woocommerce-thankyou-order-received { | |
| 378 | + padding: 0.5em 0; | |
| 379 | + font-size: 1.5em; | |
| 380 | + } | |
| 381 | + | |
| 382 | + .woocommerce-order ul.order_details, | |
| 383 | + .woocommerce-order .woocommerce-customer-details, | |
| 384 | + .woocommerce-order .woocommerce-order-details { | |
| 385 | + padding: 1.5em 2em; | |
| 386 | + } | |
| 387 | + | |
| 388 | + .woocommerce-order .woocommerce-order-downloads { | |
| 389 | + overflow-x: auto; | |
| 390 | + } | |
| 391 | + | |
| 392 | + .woocommerce-order-downloads table.shop_table td, | |
| 393 | + .woocommerce-order-downloads table.shop_table th { | |
| 394 | + padding: 0.5em 0.8em; | |
| 395 | + } | |
| 396 | + | |
| 397 | + .woocommerce-order ul.order_details li { | |
| 398 | + display: block; | |
| 399 | + width: 100%; | |
| 400 | + border-right: none; | |
| 401 | + padding: 0.5em 1em 1em 0; | |
| 402 | + border-bottom: 1px dashed #ccc; | |
| 403 | + } | |
| 404 | + | |
| 405 | + .woocommerce-order ul.order_details li:last-child { | |
| 406 | + border: none; | |
| 407 | + } | |
| 408 | + | |
| 409 | + .woocommerce-order .wcf-col2-set { | |
| 410 | + display: block; | |
| 411 | + } | |
| 412 | + | |
| 413 | + .woocommerce-order .wcf-col2-set .wcf-col-1, | |
| 414 | + .woocommerce-order .wcf-col2-set .wcf-col-2 { | |
| 415 | + width: 100%; | |
| 416 | + display: block; | |
| 417 | + } | |
| 418 | + | |
| 419 | + /** Order Details: Layout 3 CSS */ | |
| 420 | + .woocommerce-order.wcf-tq-layout-3 ul.order_details li { | |
| 421 | + border-bottom: none; | |
| 422 | + } | |
| 423 | + | |
| 424 | + .woocommerce-order.wcf-tq-layout-3 ul.order_details li:last-child { | |
| 425 | + margin-left: 0; | |
| 426 | + } | |
| 427 | +} | |
| 428 | + | |
| 429 | +/* CartFlows single add to cart shortcode*/ | |
| 430 | +.wcf-product-atc form.cart div.quantity { | |
| 431 | + float: left; | |
| 432 | + margin: 0 4px 0 0; | |
| 433 | +} | |
| 434 | + | |
| 435 | +.wcf-product-atc form.cart { | |
| 436 | + margin-bottom: 15px; | |
| 437 | +} | |
| 438 | + | |
| 439 | +.wcf-pinterest-consent-wrapper { | |
| 440 | + position: fixed; | |
| 441 | + z-index: 999; | |
| 442 | + right: 1rem; | |
| 443 | + left: 1rem; | |
| 444 | + bottom: 1rem; | |
| 445 | + max-width: 40rem; | |
| 446 | + padding: 1rem; | |
| 447 | + margin: 0 auto; | |
| 448 | + background-color: #fff; | |
| 449 | + border: 1px solid #bbb; | |
| 450 | + border-radius: 10px; | |
| 451 | + -js-display: flex; | |
| 452 | + display: flex; | |
| 453 | + flex-direction: column; | |
| 454 | + align-items: center; | |
| 455 | + gap: 1rem; | |
| 456 | +} | |
| 457 | + | |
| 458 | +.wcf-pinterest-consent-wrapper p { | |
| 459 | + margin: 0; | |
| 460 | + font-size: 0.875rem; | |
| 461 | + color: #424b4d; | |
| 462 | +} | |
| 463 | + | |
| 464 | +.wcf-pinterest-consent-buttons { | |
| 465 | + -js-display: flex; | |
| 466 | + display: flex; | |
| 467 | + gap: 1rem; | |
| 468 | + width: 100%; | |
| 469 | + justify-content: flex-start; | |
| 470 | +} | |
| 471 | + | |
| 472 | +.wcf-pinterest-consent-buttons #cartflows-pinterest-consent-accept { | |
| 473 | + background-color: #1f2937; | |
| 474 | + color: #fff; | |
| 475 | + border: none; | |
| 476 | +} | |
| 477 | +.wcf-pinterest-consent-buttons #cartflows-pinterest-consent-decline { | |
| 478 | + border: 1px solid #1f2937; | |
| 479 | + background-color: #fff; | |
| 480 | + color: #424b4d; | |
| 481 | +} | |
| 482 | +.wcf-pinterest-consent-buttons button { | |
| 483 | + border-radius: 6px; | |
| 484 | + cursor: pointer; | |
| 485 | + width: 50%; | |
| 486 | + transition: background-color 0.3s; | |
| 487 | + font-size: 0.75rem; | |
| 488 | + padding: 0.625rem 1.25rem; | |
| 489 | +} | |
| 490 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details { | |
| 491 | + padding-left: 0; | |
| 492 | + margin-bottom: 20px; | |
| 493 | +} | |
| 494 | + | |
| 495 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li p { | |
| 496 | + margin-top: 10px; | |
| 497 | + margin-bottom: 0 !important; | |
| 498 | + color: #1f2937; | |
| 499 | + font-weight: 500; | |
| 500 | +} | |
| 501 | + | |
| 502 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.order_details li { | |
| 503 | + padding: 0 34px 0 0; | |
| 504 | + margin: 0 30px 0 0; | |
| 505 | +} | |
| 506 | + | |
| 507 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details { | |
| 508 | + padding: 0; | |
| 509 | + border: 1px solid #d1d5db; | |
| 510 | + border-radius: 6px; | |
| 511 | + padding-bottom: 4px; | |
| 512 | + margin-bottom: 20px; | |
| 513 | +} | |
| 514 | + | |
| 515 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout h2.woocommerce-order-details__title { | |
| 516 | + padding: 14px !important; | |
| 517 | + border-bottom: 1px solid #d1d5db; | |
| 518 | + margin-bottom: 0 !important; | |
| 519 | +} | |
| 520 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details table.shop_table tbody { | |
| 521 | + border: unset !important; | |
| 522 | +} | |
| 523 | + | |
| 524 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table tr > * { | |
| 525 | + padding-top: 0; | |
| 526 | +} | |
| 527 | + | |
| 528 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table tr:not( :last-child ) > * { | |
| 529 | + padding-bottom: 10px !important; | |
| 530 | +} | |
| 531 | + | |
| 532 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table tr:last-child > * { | |
| 533 | + padding-bottom: 0 !important; | |
| 534 | +} | |
| 535 | + | |
| 536 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table * { | |
| 537 | + font-weight: 400; | |
| 538 | +} | |
| 539 | + | |
| 540 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table td, | |
| 541 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-customer-details .woocommerce-table td { | |
| 542 | + width: 50%; | |
| 543 | + display: table-cell !important; | |
| 544 | + vertical-align: top; | |
| 545 | +} | |
| 546 | + | |
| 547 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details { | |
| 548 | + overflow: hidden; | |
| 549 | + padding-bottom: 0 !important; | |
| 550 | +} | |
| 551 | + | |
| 552 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table td { | |
| 553 | + padding: 0; | |
| 554 | + font-weight: 600; | |
| 555 | +} | |
| 556 | + | |
| 557 | +/* Thank ypu page Customer details section */ | |
| 558 | + | |
| 559 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .customer-details-box { | |
| 560 | + border-radius: 6px; | |
| 561 | + border: 1px solid #d1d5db; | |
| 562 | + /* margin-top: 20px; */ | |
| 563 | +} | |
| 564 | + | |
| 565 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-customer-details__title { | |
| 566 | + margin-bottom: 0 !important; | |
| 567 | + padding: 14px !important; | |
| 568 | + margin-top: 0; | |
| 569 | + border-bottom: 1px solid #d1d5db; | |
| 570 | +} | |
| 571 | + | |
| 572 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads { | |
| 573 | + border-radius: 6px; | |
| 574 | + border: 1px solid #d1d5db; | |
| 575 | + margin-top: 20px; | |
| 576 | + padding: 0; | |
| 577 | +} | |
| 578 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads > * { | |
| 579 | + padding-left: 14px; | |
| 580 | + padding-right: 14px; | |
| 581 | +} | |
| 582 | + | |
| 583 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads tr > *:first-child { | |
| 584 | + padding-left: 14px; | |
| 585 | +} | |
| 586 | + | |
| 587 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads tr > *:last-child { | |
| 588 | + padding-right: 14px; | |
| 589 | +} | |
| 590 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads { | |
| 591 | + padding-bottom: 14px; | |
| 592 | +} | |
| 593 | + | |
| 594 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads__title { | |
| 595 | + margin-bottom: 14 !important; | |
| 596 | + padding: 14px !important; | |
| 597 | + margin-top: 0; | |
| 598 | + border-bottom: 1px solid #d1d5db; | |
| 599 | +} | |
| 600 | + | |
| 601 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout section.woocommerce-customer-details { | |
| 602 | + padding: 0 !important; | |
| 603 | +} | |
| 604 | + | |
| 605 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table td p { | |
| 606 | + margin-top: 8px; | |
| 607 | + margin-bottom: 0; | |
| 608 | + font-weight: 400; | |
| 609 | + color: #1f2937; | |
| 610 | +} | |
| 611 | + | |
| 612 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table tr:not( :first-child ) td { | |
| 613 | + padding-top: 20px; | |
| 614 | +} | |
| 615 | + | |
| 616 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table { | |
| 617 | + padding: 14px; | |
| 618 | + margin-bottom: 0; | |
| 619 | +} | |
| 620 | + | |
| 621 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details > p { | |
| 622 | + padding: 0 14px; | |
| 623 | +} | |
| 624 | + | |
| 625 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview__order, | |
| 626 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview__email, | |
| 627 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview__total { | |
| 628 | + display: none; | |
| 629 | +} | |
| 630 | + | |
| 631 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.woocommerce-table--order-details { | |
| 632 | + border-collapse: separate !important; | |
| 633 | + padding: 14px !important; | |
| 634 | +} | |
| 635 | + | |
| 636 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-customer-details { | |
| 637 | + margin-bottom: 0 !important; | |
| 638 | +} | |
| 639 | + | |
| 640 | +.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table .woocommerce-table__product-name { | |
| 641 | + padding-right: 20px; | |
| 642 | +} | |
| 643 | + | |
| 644 | +.wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details .woocommerce-table ul.wc-item-meta { | |
| 645 | + display: none; | |
| 646 | +} | |
| 647 | + | |
| 648 | +/** Order Details: Layout 3 CSS */ | |
| 649 | +.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details::before, | |
| 650 | +.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details::after { | |
| 651 | + content: " "; | |
| 652 | + display: table; | |
| 653 | +} | |
| 654 | + | |
| 655 | +.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details li { | |
| 656 | + border-right: 1px dashed #ccc; | |
| 657 | +} | |
| 658 | + | |
| 659 | +.woocommerce-order.wcf-tq-layout-3 ul.order_details .woocommerce-order-overview__date.date { | |
| 660 | + padding: 0.5em 0; | |
| 661 | + margin: 0; | |
| 662 | + width: 50%; | |
| 663 | +} | |
| 664 | + | |
| 665 | +.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details, | |
| 666 | +.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-customer-details, | |
| 667 | +.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-order-details, | |
| 668 | +.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-order-downloads, | |
| 669 | +.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-bacs-bank-details { | |
| 670 | + background: #f1f1f1; | |
| 671 | + padding: 1.5em 2.5em; | |
| 672 | +} | |
| 673 | + | |
| 674 | +.woocommerce-order.wcf-tq-layout-3 ul.order_details, | |
| 675 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-customer-details, | |
| 676 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details, | |
| 677 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads, | |
| 678 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-bacs-bank-details { | |
| 679 | + border-bottom: 1px dashed #ccc; | |
| 680 | + padding: 0 10px 20px; | |
| 681 | + margin: 0 0 20px; | |
| 682 | +} | |
| 683 | + | |
| 684 | +.woocommerce-order.wcf-tq-layout-3 > :last-child { | |
| 685 | + border-bottom: none !important; | |
| 686 | + padding: 0 10px !important; | |
| 687 | +} | |
| 688 | + | |
| 689 | +.woocommerce-order.wcf-tq-layout-3 h2.woocommerce-column__title, | |
| 690 | +.woocommerce-order.wcf-tq-layout-3 h2.woocommerce-order-details__title, | |
| 691 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-thankyou-order-received, | |
| 692 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads__title, | |
| 693 | +.woocommerce-order.wcf-tq-layout-3 h2.wc-bacs-bank-details-heading { | |
| 694 | + padding: 0; | |
| 695 | +} | |
| 696 | + | |
| 697 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details table.shop_table, | |
| 698 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads table.shop_table { | |
| 699 | + border-collapse: separate; | |
| 700 | +} | |
| 701 | + | |
| 702 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details table.shop_table tbody, | |
| 703 | +.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads table.shop_table tbody { | |
| 704 | + border: none; | |
| 705 | +} | |
| 706 | + | |
| 707 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li p { | |
| 708 | + margin-top: 10px; | |
| 709 | + margin-bottom: 0; | |
| 710 | + color: #4b5563; | |
| 711 | + font-weight: 400; | |
| 712 | +} | |
| 713 | + | |
| 714 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details .woocommerce-table * { | |
| 715 | + font-weight: 400; | |
| 716 | +} | |
| 717 | + | |
| 718 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details .woocommerce-table td, | |
| 719 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-customer-details .woocommerce-table td { | |
| 720 | + width: 50%; | |
| 721 | + display: table-cell !important; | |
| 722 | + vertical-align: top; | |
| 723 | +} | |
| 724 | + | |
| 725 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 table.customer-details-table td { | |
| 726 | + padding: 0; | |
| 727 | + font-weight: 600; | |
| 728 | +} | |
| 729 | + | |
| 730 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 table.customer-details-table td p { | |
| 731 | + margin-top: 8px; | |
| 732 | + margin-bottom: 0; | |
| 733 | + font-weight: 400; | |
| 734 | + color: #1f2937; | |
| 735 | +} | |
| 736 | + | |
| 737 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 table.customer-details-table tr:not( :first-child ) td { | |
| 738 | + padding-top: 20px; | |
| 739 | +} | |
| 740 | + | |
| 741 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview__order, | |
| 742 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview__email, | |
| 743 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview__total { | |
| 744 | + display: none; | |
| 745 | +} | |
| 746 | + | |
| 747 | +.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-customer-details { | |
| 748 | + margin-bottom: 0 !important; | |
| 749 | +} | |
| 750 | + | |
| 751 | +@media ( min-width: 768px ) { | |
| 752 | + .wcf-pinterest-consent-wrapper { | |
| 753 | + flex-direction: row; | |
| 754 | + align-items: center; | |
| 755 | + justify-content: space-between; | |
| 756 | + left: unset; | |
| 757 | + } | |
| 758 | + | |
| 759 | + .wcf-pinterest-consent-buttons { | |
| 760 | + width: auto; | |
| 761 | + flex-shrink: 0; | |
| 762 | + margin-left: auto; | |
| 763 | + } | |
| 764 | + | |
| 765 | + .wcf-pinterest-consent-buttons button { | |
| 766 | + width: auto; | |
| 767 | + } | |
| 768 | +} | |
| 769 | + | |
| 770 | +@media ( max-width: 768px ) { | |
| 771 | + .wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li { | |
| 772 | + padding: 10px 0 !important; | |
| 773 | + } | |
| 774 | + | |
| 775 | + .wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details { | |
| 776 | + padding: 10px 0; | |
| 777 | + } | |
| 778 | +} | |
