1<!DOCTYPE html><html lang="en-GB"><head><meta charset="UTF-8"> <!-- dataLayer push MUST come before GTM so internal-user 2 filtering applies from the very first pageview -->
2<script> window.dataLayer = window.dataLayer || []; 3 window.dataLayer.push({ 4 ot_is_logged_in: false, 5 ot_can_manage_options: false, 6 ot_internal_user: false }); </script>
6 <!-- Google Tag Manager -->
6<script>
vendor: 332 bytes, lines 6-10
6 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}); 7 var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; 8 j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; 9 f.parentNode.insertBefore(j,f); 10 })(window,document,'script','dataLayer','
10GTM-KQV44L8
vendor: 4 bytes, line 10
10');
10</script>
10 <!-- End Google Tag Manager --><meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1.0, maximum-scale=5, minimum-scale=1"><link rel="shortcut icon" href="/favicon.ico"><meta name="facebook-domain-verification" content="79cqvy4ui64d5vbfiagqcpit76azs8" /><link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/voice-child/fonts/DomaineDisplayWeb-Regular/domaine-display-medium.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/voice-child/fonts/Mulish/Mulish-Light.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/voice-child/fonts/Mulish/Mulish-Regular.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/voice-child/fonts/Mulish/Mulish-SemiBold.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/voice-child/fonts/Mulish/Mulish-Bold.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/voice-child/fonts/Mulish/Mulish-Medium.woff2" crossorigin="anonymous"> <!-- Featured-image preload (matches what each template actually renders) --> <style> html { 11 scroll-behavior: auto !important; 12 font-size: 62.5%; 13 } 14 :root { 15 --ot-max: 1240px; 16 --ot-pad: 16px; 17 --ot-border: #f2f2f2; 18 --ot-text: #000; 19 --ot-muted: #666; 20 --ot-left-safe: 230px; 21 --ot-right-safe: 260px; 22 --ot-sticky-h: 60px; 23 --ot-nav-h: 60px; 24 } 25 * { box-sizing: border-box; } 26 html, body { 27 margin: 0; 28 padding: 0; 29 background: #fff; 30 font-family: 'Mulish', sans-serif !important; 31 } 32 a { 33 text-decoration: none; 34 } 35 img { 36 max-width: 100%; 37 height: auto; 38 display: block; 39 } 40 .ot-wrap { 41 width: 100%; 42 max-width: var(--ot-max); 43 margin: 0 auto; 44 } 45 /* ========================= 46 TOP BANNER 47 ========================= */ 48 .site-banner-wrapper.header-banner { 49 width: 100%; 50 background: #f7f7f7; 51 } 52 .site-banner-wrapper.header-banner > a { 53 display: block; 54 max-width: 970px; 55 margin: 0 auto; 56 } 57 .site-banner-wrapper.header-banner picture { 58 display: block; 59 } 60 .site-banner-wrapper.header-banner img { 61 display: block; 62 width: 100%; 63 max-width: 970px; 64 margin: 0 auto; 65 height: auto; 66 aspect-ratio: 970 / 250; 67 border-bottom: 0; 68 } 69 /* Mobile banner â adjust to match actual mobile image dimensions */ 70 @media (max-width: 1279px) { 71 .site-banner-wrapper.header-banner img { 72 aspect-ratio: 970 / 250; /* TODO: change to mobile image ratio */ 73 } 74 } 75 /* ========================= 76 TOP HEADER 77 ========================= */ 78 .ot-header-top { 79 position: relative; 80 background: #fff; 81 z-index: 10030; 82 } 83 .ot-nav-list > li > .sub-menu.is-multicol { 84 column-gap: 32px; 85 column-rule: 1px solid #e5e5e5; 86 } 87 .ot-header-top .ot-logo-svg { 88 max-width: 240px; 89 } 90 .ot-topbar { 91 background: #fff; 92 } 93 .ot-topbar-wrap { 94 display: grid; 95 grid-template-columns: 1fr auto 1fr; 96 align-items: center; 97 gap: 16px; 98 min-height: 60px; 99 padding: 34px 0 22px; 100 } 101 /* text-transform kept here; font-size/letter-spacing/color come from the 102 shared .sign-in-text, .ot-top-left rule below (cascade wins) */ 103 .ot-top-left { 104 text-transform: uppercase; 105 } 106 .ot-top-right { 107 display: flex; 108 justify-content: flex-end; 109 gap: 5px; 110 } 111 .ot-top-cta { 112 display: flex; 113 justify-content: flex-end; 114 align-items: center; 115 gap: 8px; 116 opacity: 1; 117 visibility: visible; 118 pointer-events: auto; 119 transform: translateY(0); 120 transition: opacity .18s ease, visibility .18s ease, transform .18s ease; 121 } 122 body.ot-header-scrolled .ot-top-cta { 123 opacity: 0; 124 visibility: hidden; 125 pointer-events: none; 126 transform: translateY(-2px); 127 } 128 .ot-top-account { 129 display: inline-flex; 130 align-items: center; 131 color: var(--ot-text); 132 order: 2; 133 } 134 .ot-top-account .ot-btn { 135 margin-left: 0; 136 order: 2; 137 } 138 .ot-search { 139 order: 3; 140 } 141 @media (max-width: 1279px), (hover: none), (pointer: coarse) { 142 .ot-header-top { 143 display: none; 144 } 145 } 146 /* ========================= 147 LOGO / GLOBAL 148 ========================= */ 149 .ot-logo-svg { 150 display: block; 151 width: 100%; 152 max-width: 200px;
153 height: auto; 154 aspect-ratio: 554.35 / 62; 155 color: #111; 156 } 157 .ot-logo-svg .logo-fill { 158 fill: currentColor; 159 } 160 /* ========================= 161 STICKY NAV BAR 162 ========================= */ 163 .ot-navbar { 164 position: -webkit-sticky; 165 position: sticky; 166 top: 0; 167 z-index: 10030; 168 background: #fff; 169 border-bottom: 1px solid var(--ot-border); 170 } 171 .ot-navrow { 172 position: relative; 173 background: #fff; 174 z-index: 10031; 175 height: var(--ot-nav-h); 176 } 177 .ot-navwrap { 178 height: var(--ot-nav-h); 179 min-height: var(--ot-nav-h); 180 display: flex; 181 align-items: center; 182 gap: 0px; 183 position: relative; 184 padding: 0; 185 z-index: 10055; 186 } 187 .ot-ham, 188 .ot-logo-wrap, 189 .ot-sign, 190 .ot-actions { 191 height: 100%; 192 display: flex; 193 align-items: center; 194 position: relative; 195 z-index: 3; 196 } 197 .ot-logo-wrap { 198 margin-left: auto; 199 margin-right: auto; 200 order: 3; 201 } 202 .ot-logo { 203 height: 100%; 204 display: inline-flex; 205 align-items: center; 206 padding: 0 5px; 207 } 208 .ot-sign { 209 gap: 8px; 210 } 211 .ot-sign .ot-btn { 212 order: 2; 213 } 214 .sign-in-text, .ot-top-left { 215 font-size: 10px; 216 letter-spacing: 0.15em; 217 color: #666; 218 } 219 .ot-navbar.is-scrolled .sign-in-text { 220 order: 1; 221 } 222 .ot-navbar.is-scrolled .ot-btn { 223 order: 2; 224 } 225 .ot-ico { 226 width: 20px; 227 height: 20px; 228 min-width: 20px; 229 min-height: 20px; 230 display: block; 231 fill: none; 232 stroke: var(--ot-text); 233 stroke-width: 1.2; 234 stroke-linecap: round; 235 stroke-linejoin: round; 236 flex-shrink: 0; 237 transition: stroke 0.2s linear; 238 background-image: none; 239 } 240 .ot-ico:hover { 241 stroke: #888; 242 } 243 .ot-burger, 244 .ot-search { 245 width: var(--ot-nav-h); 246 height: var(--ot-nav-h); 247 min-width: var(--ot-nav-h); 248 min-height: var(--ot-nav-h); 249 background: transparent; 250 cursor: pointer; 251 padding: 0; 252 display: inline-flex; 253 align-items: center; 254 justify-content: center; 255 flex-shrink: 0; 256 border: 0; 257 border-radius: 0; 258 color: #111; 259 box-sizing: border-box; 260 -webkit-tap-highlight-color: transparent; 261 appearance: none; 262 -webkit-appearance: none; 263 box-shadow: none; 264 outline: none; 265 } 266 .ot-burger:active, 267 .ot-search:active { 268 background: #fff; 269 background-image: none; 270 } 271 .ot-burger:hover, 272 .ot-search:hover { 273 color: #999; 274 } 275 .ot-burger:focus, 276 .ot-search:focus, 277 .ot-burger:focus-visible, 278 .ot-search:focus-visible { 279 outline: none; 280 box-shadow: none; 281 } 282 /* ========================= 283 SEARCH TRIGGER MORPH â desktop only. 284 Both trigger buttons carry two glyphs; the body class set 285 by openSearch()/closeSearch() decides which shows, so the 286 magnifier becomes an X while the panel is open (the X is 287 how you close it). The drawer's search is a different 288 component (.ot-mmenu__*) and is deliberately unaffected. 289 ========================= */ 290 .ot-search .ot-ico--close { 291 display: none; 292 } 293 body.ot-search-open .ot-search .ot-ico--search { 294 display: none; 295 } 296 body.ot-search-open .ot-search .ot-ico--close { 297 display: block; 298 } 299 .ot-btn { 300 display: inline-flex; 301 align-items: center; 302 justify-content: center; 303 height: 30px; 304 width: 30px; 305 padding: 10px; 306 color: var(--ot-text); 307 background: #fff; 308 font-size: 12px; 309 letter-spacing: .1em; 310 text-transform: uppercase; 311 white-space: nowrap; 312 border-radius: 50%; 313 border: 1px solid transparent; 314 transition: border-color 0.18s ease; 315 } 316 .ot-btn:hover { 317 border: 1px solid #eee; 318 } 319 .ot-nav { 320 position: absolute; 321 top: 50%; 322 left: var(--ot-left-safe); 323 right: var(--ot-right-safe); 324 transform: translateY(-50%); 325 display: flex; 326 align-items: center; 327 justify-content: center; 328 white-space: nowrap; 329 height: 100%; 330 z-index: 2; 331 } 332 /* ========================= 333 DESKTOP NAV 334 ========================= */ 335 .ot-nav-list, 336 .ot-nav-list ul { 337 list-style: none; 338 margin: 0; 339 padding: 0; 340 } 341 .ot-nav-list { 342 display: flex; 343 align-items: center; 344 justify-content: center; 345 white-space: nowrap; 346 height: 100%; 347 } 348 .ot-nav-list > li { 349 position: relative; 350 display: inline-flex; 351 align-items: center; 352 height: 100%; 353 } 354 .ot-nav-list > li > a, 355 .ot-nav-list > li > .menu-toggle-parent { 356 text-transform: uppercase; 357 font-size: 11px; 358 font-weight: 500; 359 letter-spacing: 0.125em; 360 color: #050505; 361 padding: 0 14px; 362 height: 100%; 363 display: inline-flex; 364 align-items: center; 365 gap: 3px; 366 position: relative; 367 white-space: nowrap; 368 background: transparent; 369 border: 0; 370 border-radius: 0; 371 box-shadow: none; 372 appearance: none; 373 -webkit-appearance: none; 374 line-height: 1; 375 padding: 19px 10px; 376 font-weight: 400; 377 box-shadow: none; 378 align-items: center; 379 letter-spacing: 0.15em; /* was 0.08rem (=0.8px at 62.5% root) â now matches drawer tracking */ 380 line-height: 20px; 381 text-decoration: none; 382 background: none; 383 transition: color 0.2s ease; 384 color: #000; 385 font-family: 'Mulish', sans-serif; 386 } 387 .ot-nav-list > li > a { 388 cursor: pointer; 389 transition: color 0.15s; 390 } 391 .ot-nav-list > li > a:hover { 392 color: #888; 393 } 394 .ot-nav-list > li > .menu-toggle-parent { 395 transition: none; 396 } 397 .ot-nav-list > li > .menu-toggle-parent:hover, 398 .ot-nav-list > li > .menu-toggle-parent:active, 399 .ot-nav-list > li > .menu-toggle-parent:focus { 400 color: var(--ot-text); 401 background: transparent; 402 } 403 /* Shared positioning/visibility for all nav dropdowns */ 404 .ot-nav-list > li > .sub-menu, 405 .ot-nav-list .sub-menu li > .sub-menu { 406 position: absolute; 407 background: #fff; 408 border: 1px solid #e5e5e5; 409 margin-top: 0; 410 opacity: 0; 411 visibility: hidden; 412 pointer-events: none; 413 transition: opacity .16s ease, visibility 0s linear .16s; 414 } 415 .ot-nav-list > li > .sub-menu { 416 top: 100%; 417 left: 50%; 418 transform: translateX(-50%); 419 display: block; 420 width: max-content; 421 max-width: min(360px, calc(100vw - 24px)); 422 z-index: 10060; 423 } 424 .ot-nav-list > li > .sub-menu a, 425 .ot-nav-list > li > .sub-menu .menu-toggle-parent { 426 text-transform: uppercase;
427 display: flex; 428 align-items: center; 429 justify-content: flex-start; 430 gap: 12px; 431 padding: 10px 50px; 432 color: var(--ot-text); 433 text-decoration: none; 434 white-space: nowrap; 435 font-size: 11px; 436 font-weight: 400; 437 letter-spacing: 0.12em; /* was 0.08rem â keeps dropdowns in step with the nav */ 438 background: #fff; 439 border: 0; 440 border-radius: 0; 441 box-shadow: none; 442 appearance: none; 443 -webkit-appearance: none; 444 } 445 .ot-nav-list > li > .sub-menu a { 446 cursor: pointer; 447 transition: color 0.2s linear; 448 } 449 .ot-nav-list > li > .sub-menu a:hover { 450 color: #888; 451 } 452 .ot-nav-list > li > .sub-menu .menu-toggle-parent { 453 transition: none; 454 text-transform: uppercase; 455 background-image: none; 456 } 457 .ot-nav-list > li > .sub-menu .menu-toggle-parent:hover, 458 .ot-nav-list > li > .sub-menu .menu-toggle-parent:active, 459 .ot-nav-list > li > .sub-menu .menu-toggle-parent:focus { 460 color: var(--ot-text); 461 } 462 .ot-nav-list > li > .sub-menu li:first-child > a, 463 .ot-nav-list > li > .sub-menu li:first-child > .menu-toggle-parent { 464 padding-top: 20px; 465 } 466 .ot-nav-list > li > .sub-menu li:last-child > a, 467 .ot-nav-list > li > .sub-menu li:last-child > .menu-toggle-parent { 468 padding-bottom: 20px; 469 } 470 .ot-nav-list > li.menu-item-has-children::after { 471 content: ""; 472 position: absolute; 473 left: -12px; 474 right: -12px; 475 top: 100%; 476 height: 12px; 477 } 478 .ot-nav-list > li > .sub-menu > li { 479 position: static; 480 } 481 .ot-nav-list .sub-menu li > .sub-menu { 482 top: -1px; 483 left: 100%; 484 min-width: 200px; 485 max-width: min(520px, calc(100vw - 24px)); 486 z-index: 10061; 487 } 488 .ot-nav-list .sub-menu li.menu-item-has-children > a, 489 .ot-nav-list .sub-menu li.menu-item-has-children > .menu-toggle-parent { 490 position: relative; 491 padding-right: 34px; 492 justify-content: flex-start; 493 width: 100%; 494 text-align: left; 495 } 496 .ot-nav-list .sub-menu li.menu-item-has-children > a::after, 497 .ot-nav-list .sub-menu li.menu-item-has-children > .menu-toggle-parent::after { 498 content: ""; 499 position: absolute; 500 right: 12px; 501 top: 50%; 502 width: 12px; 503 height: 12px; 504 transform: translateY(-50%); 505 background-repeat: no-repeat; 506 background-position: center; 507 background-size: 12px 12px; 508 opacity: .75; 509 pointer-events: none; 510 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E"); 511 } 512 @media (hover:hover) and (pointer:fine) { 513 .ot-nav-list > li.menu-item-has-children:hover > .sub-menu, 514 .ot-nav-list > li.menu-item-has-children:focus-within > .sub-menu, 515 .ot-nav-list .sub-menu li.menu-item-has-children:hover > .sub-menu, 516 .ot-nav-list .sub-menu li.menu-item-has-children:focus-within > .sub-menu { 517 opacity: 1; 518 visibility: visible; 519 pointer-events: auto; 520 transition: opacity .16s ease, visibility 0s; 521 } 522 } 523 /* ========================= 524 DROPDOWN OVERFLOW â MULTI-COLUMN 525 When a top-level dropdown is taller than the space left 526 below the sticky navbar, JS adds .is-multicol and sets 527 grid-template-rows so items flow into extra columns 528 instead of being cut off at the bottom of the screen. 529 (The Brands mega menu opts out of this â it has its own 530 layout below.) 531 ========================= */ 532 .ot-nav-list > li > .sub-menu.is-multicol { 533 display: grid; 534 grid-auto-flow: column; 535 grid-auto-columns: 1fr; 536 width: max-content; 537 max-width: calc(100vw - 24px); 538 padding: 0; 539 background: transparent; 540 border: 0; 541 border-left: 1px solid #e5e5e5; 542 box-shadow: none; 543 } 544 /* each item carries the box sides */ 545 .ot-nav-list > li > .sub-menu.is-multicol > li { 546 background: #fff; 547 border-right: 1px solid #e5e5e5; 548 z-index: 1; 549 } 550 /* top / bottom of each column's box (classes set by JS) */ 551 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-start { 552 border-top: 1px solid #e5e5e5; 553 } 554 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end { 555 border-bottom: 1px solid #e5e5e5; 556 } 557 /* Headroom inside each box â on the LI (the cell), not the link, 558 so every LINK keeps an identical height. Row 1 is shared by all 559 columns' col-starts, so top padding grows it uniformly: safe. */ 560 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-start { 561 padding-top: 12px; 562 } 563 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end { 564 padding-bottom: 12px; 565 } 566 /* ...a column ending mid-grid shares its final row with the 567 taller columns' items â REAL padding there would stretch that 568 row and dent their rhythm. Instead the box is extended 569 downward with an absolutely-positioned ::after: pure paint, 570 zero effect on grid layout, so the short column gets the 571 same visual bottom breathing room with no side effects. */ 572 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end--mid { 573 padding-bottom: 0; 574 border-bottom: 0; 575 position: relative; 576 } 577 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end--mid::after { 578 content: ""; 579 position: absolute; 580 top: 100%; 581 left: 0; /* column 1's right border is the divider here */ 582 right: -1px; /* sit under this li's own right border */ 583 height: 12px; /* = the bottom breathing room */ 584 background: #fff; 585 border: 1px solid #e5e5e5; 586 border-top: 0; 587 border-left: 0; 588 pointer-events: none; 589 } 590 /* first/last-child padding rules assume one column â neutralise them here. 591 Alignment stays centered (inherited) to match all other dropdowns. 592 EVERY item is the same height (uniform 12px vertical padding) â 593 the only permitted height variation is a long label genuinely 594 wrapping to a second line when width is constrained.
595 Side padding sets the MINIMUM breathing room around the longest 596 label in any column (normal dropdowns use 50px) */ 597 .ot-nav-list > li > .sub-menu.is-multicol li > a, 598 .ot-nav-list > li > .sub-menu.is-multicol li > .menu-toggle-parent { 599 padding-top: 10px !important; 600 padding-bottom: 10px !important; 601 padding-left: 45px; 602 padding-right: 45px; 603 white-space: normal; 604 text-align: center; 605 } 606 /* Second-level flyouts (open to the right) â scroll fallback 607 so they can never be cut off by the bottom of the screen */ 608 .ot-nav-list .sub-menu li > .sub-menu { 609 max-height: calc(100vh - var(--ot-nav-h) - 20px); 610 overflow-y: auto; 611 } 612 /* ========================= 613 BRANDS MEGA MENU (desktop) 614 The brand list is HARDCODED in the script below (OT_BRANDS) 615 â it ignores/replaces any WP submenu under Brands, so the 616 desktop mega menu is fully controlled from this template. 617 JS tags the Brands top-level item with .ot-mega, builds the 618 panel from OT_BRANDS, and appends an "All Brands" row. The 619 panel spans the full content width (JS sizes it to 620 #otNavWrap) and lays brands out in a 4-column grid. 621 The mobile drawer is untouched (separate menu). 622 ========================= */ 623 @media (min-width: 1280px) { 624 .ot-nav-list > li.ot-mega > .sub-menu { 625 display: grid; 626 grid-template-columns: repeat(4, 1fr); 627 gap: 0 32px; 628 width: auto; 629 max-width: none; 630 left: 0; 631 transform: none; 632 padding: 22px 40px 0; 633 background: #fff; 634 border: 1px solid #e5e5e5; 635 border-top: 1px solid var(--ot-border); 636 } 637 .ot-nav-list > li.ot-mega > .sub-menu > li > a, 638 .ot-nav-list > li.ot-mega > .sub-menu > li > .menu-toggle-parent { 639 justify-content: flex-start; 640 text-align: left; 641 padding: 9px 0 !important; 642 white-space: normal; 643 } 644 /* neutralise the single-column first/last padding rules */ 645 .ot-nav-list > li.ot-mega > .sub-menu li:first-child > a, 646 .ot-nav-list > li.ot-mega > .sub-menu li:last-child > a { 647 padding-top: 9px; 648 padding-bottom: 9px; 649 } 650 /* "All Brands" footer row â spans every column */ 651 .ot-nav-list > li.ot-mega > .sub-menu > li.ot-mega__all { 652 grid-column: 1 / -1; 653 border-top: 1px solid var(--ot-border); 654 margin-top: 16px; 655 } 656 .ot-nav-list > li.ot-mega > .sub-menu > li.ot-mega__all > a { 657 justify-content: center !important; 658 text-align: center; 659 padding: 16px 0 !important; 660 font-size: 11px; 661 font-weight: 600; 662 letter-spacing: .2em; 663 text-transform: uppercase; 664 } 665 } 666 /* ========================= 667 SEARCH DROP 668 ========================= */ 669 .ot-searchdrop { 670 position: absolute; 671 top: 100%; 672 left: 0; 673 right: 0; 674 background: #f6f5f2; 675 border-top: 1px solid #c4c4c4; 676 border-bottom: 1.5px solid #c4c4c4; 677 z-index: 10040; 678 opacity: 0; 679 visibility: hidden; 680 pointer-events: none; 681 transition: none; 682 } 683 .ot-navbar.search-open .ot-searchdrop { 684 opacity: 1; 685 visibility: visible; 686 pointer-events: auto; 687 background: #f8f8f8; 688 } 689 @media (hover: hover) and (pointer: fine) { 690 .ot-searchdrop { 691 transition: opacity .18s ease, visibility 0s linear .18s; 692 } 693 .ot-navbar.search-open .ot-searchdrop { 694 transition: opacity .18s ease, visibility 0s; 695 } 696 } 697 .ot-searchdrop-inner { 698 padding: 14px 20px; 699 } 700 @media (min-width: 1280px) { 701 .ot-searchdrop-inner { 702 padding: 16px 0 24px; 703 } 704 } 705 /* Editorial underline: no box, just a single ink rule under 706 the field â reads as a headline you're writing, not a form. 707 Snaps darker on focus. */ 708 .ot-searchdrop-form { 709 display: grid; 710 grid-template-columns: auto 1fr auto; 711 align-items: center; 712 gap: 14px; 713 margin: 0 auto; 714 padding: 0 0 8px; 715 border: 0; 716 border-bottom: 1.5px solid #c4c4c4; 717 background: transparent; 718 position: relative; 719 transition: border-color .18s ease; 720 } 721 .ot-searchdrop-form:focus-within { 722 border-bottom-color: #a2a2a2; 723 } 724 /* Big serif input â the main move. Oversized placeholder in the 725 same face reads as intentional editorial styling. */ 726 .ot-searchdrop-form .ot-searchdrop-input { 727 -webkit-appearance: none; 728 appearance: none; 729 border: 0; 730 border-radius: 0; 731 background: transparent; 732 outline: none; 733 height: 34px; 734 width: 100%; 735 padding: 0; 736 font-family: 'Domaine Display', Georgia, 'Times New Roman', serif; 737 font-size: 19px; 738 letter-spacing: .01em; 739 color: #111; 740 } 741 .ot-searchdrop-form .ot-searchdrop-input::placeholder { 742 color: #b0b0b0; 743 font-family: 'Domaine Display', Georgia, 'Times New Roman', serif; 744 } 745 .ot-searchdrop-input::-webkit-search-decoration, 746 .ot-searchdrop-input::-webkit-search-cancel-button, 747 .ot-searchdrop-input::-webkit-search-results-button, 748 .ot-searchdrop-input::-webkit-search-results-decoration { 749 -webkit-appearance: none; 750 appearance: none;
751 display: none; 752 } 753 .ot-searchdrop-submit, 754 .ot-searchdrop-close { 755 border: 0; 756 background: transparent; 757 padding: 0; 758 width: 30px; 759 height: 30px; 760 cursor: pointer; 761 display: inline-flex; 762 align-items: center; 763 justify-content: center; 764 color: #111; 765 } 766 /* Both icons identical: same 18px size, same resting tone, 767 same darken-on-hover direction â reads as a matched pair 768 flanking the field. */ 769 .ot-searchdrop-submit .ot-ico, 770 .ot-searchdrop-close .ot-ico { 771 width: 24px; 772 height: 24px; 773 min-width: 24px; 774 min-height: 24px; 775 stroke: #555; 776 stroke-width: 1.4; 777 transition: stroke .15s ease; 778 } 779 .ot-searchdrop-submit:hover .ot-ico, 780 .ot-searchdrop-close:hover .ot-ico { 781 stroke: #111; 782 } 783 /* Clear X stays hidden until there's something to clear â 784 JS toggles .is-visible as the field gains/loses text */ 785 .ot-searchdrop-close { 786 opacity: 0; 787 pointer-events: none; 788 transition: opacity .15s ease; 789 } 790 .ot-searchdrop-close.is-visible { 791 opacity: 1; 792 pointer-events: auto; 793 } 794 /* ========================= 795 BACKDROPS 796 ========================= */ 797 .ot-backdrop { 798 position: fixed; 799 inset: 0; 800 background: rgba(0, 0, 0, .45); 801 opacity: 0; 802 visibility: hidden; 803 pointer-events: none; 804 z-index: 10045; 805 transition: opacity .28s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .28s; 806 } 807 body.ot-menu-open .ot-backdrop { 808 opacity: 1; 809 visibility: visible; 810 pointer-events: auto; 811 transition: none; 812 } 813 .ot-searchbackdrop { 814 position: fixed; 815 inset: 0; 816 background: rgba(0, 0, 0, 0); 817 opacity: 0; 818 visibility: hidden; 819 pointer-events: none; 820 z-index: 10029; 821 transition: opacity .2s ease, visibility 0s linear .2s; 822 } 823 body.ot-search-open .ot-searchbackdrop { 824 opacity: 1; 825 visibility: visible; 826 pointer-events: auto; 827 transition: opacity .2s ease, visibility 0s; 828 } 829 /* ========================= 830 DESKTOP / MOBILE SWITCH 831 ========================= */ 832 @media (min-width: 1280px) { 833 .ot-header-top .ot-logo-svg { max-width: 260px; } 834 .ot-header-top { padding-left: 10px; padding-right: 10px; } 835 /* height inherited from the base .ot-navrow rule */ 836 .ot-navrow { 837 padding: 0 10px; 838 } 839 .ot-logo-svg { max-width: 160px; } 840 .sign-in-text { display: block; } 841 .ot-ham { display: none; } 842 .ot-burger, 843 .ot-search { 844 width: 30px; 845 height: 30px; 846 min-width: 30px; 847 min-height: 30px; 848 border: 1px solid transparent; 849 border-radius: 50%; 850 transition: border-color 0.18s ease; 851 } 852 .ot-burger:hover, 853 .ot-search:hover { 854 border: 1px solid #eee; 855 } 856 .ot-logo-wrap { 857 opacity: 0; 858 visibility: hidden; 859 pointer-events: none; 860 order: 2; 861 margin-left: 0; 862 margin-right: 0; 863 transition: opacity .18s ease, visibility .18s ease, transform .18s ease; 864 } 865 .ot-navbar.is-scrolled .ot-logo-wrap { 866 opacity: 1; 867 visibility: visible; 868 pointer-events: auto; 869 } 870 .ot-sign, 871 .ot-actions { 872 opacity: 0; 873 visibility: hidden; 874 pointer-events: none; 875 transform: translateY(-2px); 876 transition: opacity .18s ease, visibility .18s ease, transform .18s ease; 877 } 878 .ot-sign { 879 order: 4; 880 margin-left: auto; 881 margin-right: 0; 882 } 883 .ot-actions { 884 order: 5; 885 margin-left: 0; 886 margin-right: 0; 887 } 888 .ot-navbar.is-scrolled .ot-sign, 889 .ot-navbar.is-scrolled .ot-actions { 890 opacity: 1; 891 visibility: visible; 892 pointer-events: auto; 893 transform: translateY(0); 894 } 895 } 896 @media (max-width: 1279px), (hover: none), (pointer: coarse) { 897 .ot-navwrap { 898 justify-content: space-between; 899 } 900 .ot-ham { display: flex; } 901 .ot-nav { display: none !important; } 902 a, button { -webkit-tap-highlight-color: transparent; } 903 .ot-sign { 904 display: none; 905 order: 3; 906 } 907 .ot-actions { order: 4; } 908 } 909 /* ========================= 910 MOBILE DRAWER 911 ========================= */ 912 .ot-drawer { 913 position: fixed; 914 top: 0; 915 left: 0; 916 width: 100%; 917 max-width: 320px; 918 height: 100%; 919 z-index: 10050; 920 display: flex; 921 flex-direction: column; 922 font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 923 transform: translate3d(-100%, 0, 0); 924 visibility: hidden; 925 transition: visibility 0s linear .28s; 926 background: #fff; 927 } 928 body.ot-menu-open .ot-drawer { 929 transform: translate3d(0, 0, 0); 930 visibility: visible; 931 transition: visibility 0s; 932 } 933 .ot-mmenu__account-link:hover, 934 .ot-mmenu__account-link:active { 935 color: #666; 936 background: #fafafa; 937 } 938 .ot-mmenu__account-link--primary { 939 color: var(--ot-text); 940 background: #fafafa; 941 border-color: var(--ot-border); 942 } 943 .ot-mmenu__account-link--primary:hover, 944 .ot-mmenu__account-link--primary:active { 945 color: #666; 946 background: #fff; 947 border-color: var(--ot-border); 948 } 949 .ot-mmenu__close--corner:active { background: #f5f5f5; } 950 .ot-mmenu__close--corner .ot-ico { width: 16px; height: 16px; } 951 .ot-mmenu__scroll { 952 overflow-y: auto; 953 -webkit-overflow-scrolling: touch; 954 overscroll-behavior: contain; 955 height: 100%; 956 scrollbar-width: none; 957 } 958 .ot-mmenu__scroll::-webkit-scrollbar { display: none; } 959 .ot-mmenu__list, 960 .ot-mmenu__list ul { 961 list-style: none; 962 margin: 0; 963 padding: 0 18px; 964 } 965 .ot-mmenu__list > li { 966 position: relative; 967 } 968 .ot-mmenu__list > li > a, .ot-mmenu__list > li > .menu-toggle-parent { 969 height: 50px; 970 font-weight: 600; 971 } 972 .ot-mmenu__list > li > a, 973 .ot-mmenu__list > li > .menu-toggle-parent { 974 display: inline-flex; 975 align-items: center; 976 width: auto; 977 max-width: 100%; 978 padding: 22px 12px; 979 padding-left: 0; 980 color: #111; 981 text-decoration: none; 982 letter-spacing: .125em; 983 line-height: 1.4; 984 background: #fff; 985 border: 0; 986 border-radius: 0; 987 text-align: left; 988 transition: color .15s ease; 989 box-shadow: none; 990 appearance: none; 991 -webkit-appearance: none; 992 padding-top: 15px; 993 padding-bottom: 15px; 994 height: auto; 995 font-size: 11px; 996 text-transform: uppercase; 997 letter-spacing: .125em; 998 color: #151515; 999 font-family: 'Mulish', Arial, sans-serif; 1000 font-weight: 500; 1001 border-bottom: 1px solid transparent; 1002 transition: color .15s ease, border-color .2s ease; 1003 } 1004 .ot-mmenu__list > li > a:active, 1005 .ot-mmenu__list > li > a:hover { color: #888; } 1006 .ot-mmenu__list > li > .menu-toggle-parent:hover, 1007 .ot-mmenu__list > li > .menu-toggle-parent:active { 1008 color: #111; 1009 } 1010 .ot-mmenu__list > li.menu-item-has-children { position: relative; } 1011 .ot-mmenu__toggle { 1012 position: absolute; 1013 top: 0; 1014 right: 0; 1015 width: 25px;
1016 height: 100%; 1017 max-height: 50px; 1018 min-height: 50px; 1019 border: 0; 1020 background: #fff; 1021 cursor: pointer; 1022 display: flex; 1023 align-items: center; 1024 justify-content: center; 1025 padding: 0; 1026 margin: 0; 1027 outline: none; 1028 border-radius: 0; 1029 -webkit-tap-highlight-color: transparent; 1030 -webkit-appearance: none; 1031 appearance: none; 1032 z-index: 3; 1033 } 1034 .ot-mmenu__list a, 1035 .ot-mmenu__list button { 1036 font-weight: 500; 1037 } 1038 .ot-mmenu__toggle svg { 1039 width: 14px; 1040 height: 14px; 1041 display: block; 1042 fill: none; 1043 stroke: var(--ot-text); 1044 stroke-width: 1.8; 1045 stroke-linecap: round; 1046 stroke-linejoin: round; 1047 opacity: 1; 1048 transition: transform .25s ease, opacity .25s ease; 1049 pointer-events: none; 1050 } 1051 .ot-mmenu__list > li.open > .ot-mmenu__toggle svg { 1052 transform: rotate(180deg); 1053 opacity: .75; 1054 } 1055 .ot-drawer button, 1056 .ot-drawer button:focus, 1057 .ot-drawer button:active, 1058 .ot-burger, .ot-burger:focus, .ot-burger:active, 1059 .ot-search, .ot-search:focus, .ot-search:active, 1060 .ot-searchdrop-close:focus, 1061 .ot-mmenu__close:focus { 1062 outline: none; 1063 -webkit-tap-highlight-color: transparent; 1064 } 1065 /* Accordion panel: height + fade ride together, so items 1066 materialise as the space opens rather than sitting fully 1067 inked inside a growing clip window. Duration is scaled to 1068 content height by JS (small panels snap, big ones glide). */ 1069 .ot-mmenu__list .sub-menu { 1070 max-height: 0; 1071 overflow: hidden; 1072 opacity: 0; 1073 transition: max-height 280ms cubic-bezier(.4, 0, .2, 1), 1074 opacity 200ms ease; 1075 border-top: 0; 1076 } 1077 .ot-mmenu__list li.open > .sub-menu { 1078 opacity: 1; 1079 } 1080 .ot-mmenu__list > li > .sub-menu { 1081 display: block; 1082 padding: 0; 1083 } 1084 /* Uniform rows: the last link keeps the SAME box as its 1085 siblings (identical tap-highlight); the extra breathing 1086 room lives on the parent LI instead, which isn't a tap 1087 target. Sits inside the animated panel, so scrollHeight 1088 still measures it correctly. */ 1089 .ot-mmenu__list > li > .sub-menu > li:last-child > a, 1090 .ot-mmenu__list > li > .sub-menu > li:last-child > .menu-toggle-parent { 1091 padding-bottom: 12px; 1092 } 1093 .ot-mmenu__list > li > .sub-menu > li:last-child { 1094 padding-bottom: 12px; 1095 } 1096 .ot-mmenu__head { 1097 display: grid; 1098 grid-template-columns: 1fr auto; 1099 align-items: center; 1100 gap: 8px; 1101 padding: 10px 18px; 1102 background: #fff; 1103 flex: 0 0 auto; 1104 } 1105 .ot-mmenu__account-link { 1106 display: inline-flex; 1107 align-items: center; 1108 justify-content: center; 1109 height: 40px; 1110 padding: 0 12px; 1111 color: var(--ot-text); 1112 background: #fff; 1113 border: 1px solid var(--ot-border); 1114 font-size: 9.5px; 1115 font-weight: 600; 1116 letter-spacing: .14em; 1117 line-height: 1; 1118 text-transform: uppercase; 1119 text-decoration: none; 1120 white-space: nowrap; 1121 border-radius: 0; 1122 transition: color .15s ease, background .15s ease, border-color .15s ease; 1123 } 1124 .ot-mmenu__account-link:hover, 1125 .ot-mmenu__account-link:active { 1126 color: #666; 1127 background: #fafafa; 1128 border-color: #ddd; 1129 } 1130 .ot-mmenu__search { 1131 padding: 10px; 1132 background: transparent; 1133 border-bottom: 0; 1134 min-width: 0; 1135 } 1136 .ot-mmenu__search-form { 1137 display: grid; 1138 grid-template-columns: auto 1fr auto; 1139 align-items: center; 1140 gap: 6px; 1141 height: 40px; 1142 padding: 0 8px; 1143 border: 1px solid #111; 1144 background: #fff; 1145 position: relative; 1146 -webkit-tap-highlight-color: transparent; 1147 } 1148 .ot-mmenu__join { 1149 padding: 10px; 1150 background: #fafafa; 1151 } 1152 .ot-mmenu__join-link { 1153 display: flex; 1154 align-items: center; 1155 justify-content: center; 1156 width: 100%; 1157 min-height: 42px; 1158 padding: 12px 16px; 1159 color: #111; 1160 background: #fff; 1161 border: 1px solid #999; 1162 font-size: 10px; 1163 font-weight: 600; 1164 letter-spacing: .16em; 1165 line-height: 1; 1166 text-transform: uppercase; 1167 text-decoration: none; 1168 transition: color .15s ease, background .15s ease, border-color .15s ease; 1169 } 1170 .ot-mmenu__join-link:hover, 1171 .ot-mmenu__join-link:active { 1172 color: #666; 1173 background: #fafafa; 1174 border-color: #ddd; 1175 } 1176 .ot-mmenu__search-submit { 1177 border: 0; 1178 background: transparent; 1179 padding: 0; 1180 width: 24px; 1181 height: 24px; 1182 cursor: pointer; 1183 display: inline-flex; 1184 align-items: center; 1185 justify-content: center; 1186 color: #111; 1187 -webkit-tap-highlight-color: transparent; 1188 } 1189 .ot-mmenu__search-submit .ot-ico { 1190 width: 16px; 1191 height: 16px; 1192 } 1193 .ot-mmenu__search-input { 1194 -webkit-appearance: none; 1195 appearance: none; 1196 border: 0; 1197 border-radius: 0; 1198 background: transparent; 1199 outline: none; 1200 box-shadow: none; 1201 width: 100%; 1202 min-width: 0; 1203 padding: 0; 1204 margin: 0; 1205 font-size: 16px; 1206 color: #111; 1207 line-height: normal; 1208 } 1209 .ot-mmenu__search-input::placeholder { 1210 color: #8a8a8a; 1211 opacity: 1; 1212 } 1213 .ot-mmenu__search-cleartext { 1214 display: inline-flex; 1215 align-items: center; 1216 justify-content: center; 1217 border: 0; 1218 background: transparent; 1219 padding: 0 4px; 1220 height: 28px; 1221 cursor: pointer; 1222 font-size: 9px; 1223 letter-spacing: .02em; 1224 color: var(--ot-muted); 1225 text-transform: uppercase; 1226 opacity: 0; 1227 pointer-events: none; 1228 transition: opacity .15s ease, color .15s ease; 1229 -webkit-tap-highlight-color: transparent; 1230 } 1231 .ot-mmenu__search-cleartext.is-visible { 1232 opacity: 1; 1233 pointer-events: auto; 1234 } 1235 .ot-mmenu__close { 1236 width: 25px;
1237 height: 40px; 1238 min-width: 25px; 1239 background: #fff; 1240 border-radius: 0; 1241 cursor: pointer; 1242 display: inline-flex; 1243 align-items: center; 1244 justify-content: center; 1245 padding: 0; 1246 -webkit-tap-highlight-color: transparent; 1247 -webkit-appearance: none; 1248 appearance: none; 1249 } 1250 .ot-mmenu__close .ot-ico { 1251 width: 16px; 1252 height: 16px; 1253 } 1254 .ot-mmenu__list a { 1255 display: inline-flex; 1256 align-items: center; 1257 width: auto; 1258 max-width: 100%; 1259 padding: 14px 12px; 1260 color: #111; 1261 text-decoration: none; 1262 font-size: 11px; 1263 text-transform: uppercase; 1264 letter-spacing: .125em; 1265 line-height: 1.4; 1266 border: 0; 1267 border-radius: 0; 1268 font-weight: 500; 1269 text-align: left; 1270 transition: color .15s ease; 1271 font-family: inherit; 1272 box-shadow: none; 1273 appearance: none; 1274 -webkit-appearance: none; 1275 } 1276 .ot-mmenu__list > li > .sub-menu > li > a, 1277 .ot-mmenu__list > li > .sub-menu > li > .menu-toggle-parent { 1278 display: block; 1279 width: 100%; 1280 padding: 12px 16px; 1281 color: #111; 1282 text-transform: uppercase; 1283 letter-spacing: .125em; 1284 text-decoration: none; 1285 background: #fff; 1286 border: 0; 1287 border-radius: 0; 1288 text-align: left; 1289 font-family: inherit; 1290 appearance: none; 1291 -webkit-appearance: none; 1292 transition: background .12s ease, color .12s ease; 1293 line-height: 1.4; 1294 background: #fff; 1295 border: 0; 1296 border-radius: 0; 1297 text-align: left; 1298 transition: color .15s ease; 1299 box-shadow: none; 1300 appearance: none; 1301 -webkit-appearance: none; 1302 padding-top: 14px; 1303 padding-bottom: 14px; 1304 height: auto; 1305 font-size: 11px; 1306 color: #111; 1307 font-family: 'Mulish', Arial, sans-serif; 1308 } 1309 .ot-mmenu__list > li > .sub-menu > li > a:hover { color: #777; } 1310 .ot-mmenu__list > li > .sub-menu > li > a:active { background: #f5f5f5; } 1311 .ot-mmenu__list > li > .sub-menu > li > .menu-toggle-parent:hover, 1312 .ot-mmenu__list > li > .sub-menu > li > .menu-toggle-parent:active, 1313 .ot-mmenu__list > li > .sub-menu > li > .menu-toggle-parent:focus { 1314 background: #fff; 1315 color: #111; 1316 } 1317 .ot-mmenu__list .sub-menu .sub-menu { 1318 display: block; 1319 padding: 4px 0; 1320 border-top: 0; 1321 border-bottom: 0; 1322 } 1323 .ot-mmenu__list .sub-menu .sub-menu > li > a, 1324 .ot-mmenu__list .sub-menu .sub-menu > li > .menu-toggle-parent { 1325 display: inline-flex; 1326 align-items: center; 1327 width: auto; 1328 max-width: 100%; 1329 border: 0; 1330 padding: 8px 16px; 1331 letter-spacing: .02em; 1332 line-height: 1.4; 1333 background: #fff; 1334 border: 0; 1335 border-radius: 0; 1336 text-align: left; 1337 transition: color .15s ease; 1338 box-shadow: none; 1339 appearance: none; 1340 -webkit-appearance: none; 1341 padding-top: 9px; 1342 padding-bottom: 9px; 1343 height: auto; 1344 font-size: 11px; 1345 text-transform: uppercase; 1346 letter-spacing: .125em; 1347 color: #111; 1348 font-family: 'Mulish', Arial, sans-serif; 1349 } 1350 .ot-mmenu__list .sub-menu .sub-menu > li > a { 1351 padding-left: 62px; 1352 font-weight: 400; /* was 700 â desktop nav weight */ 1353 } 1354 .ot-drawer .sub-menu { border-top: 0; } 1355 .ot-drawer .ot-mmenu__list .sub-menu > li { border-top: 0; border-bottom: 0; } 1356 .ot-drawer .ot-mmenu__list .sub-menu .sub-menu { border-top: 0; border-bottom: 0; } 1357 .ot-mmenu__footer { margin-top: auto; } 1358 .ot-mmenu__search-form { 1359 display: grid; 1360 grid-template-columns: auto 1fr auto; 1361 align-items: center; 1362 gap: 10px; 1363 padding: 4px 12px; 1364 border: 1px solid #111; 1365 background: #fff; 1366 position: relative; 1367 -webkit-tap-highlight-color: transparent; 1368 } 1369 .ot-mmenu__search-submit { 1370 border: 0; 1371 background: transparent; 1372 padding: 0; 1373 width: 28px; 1374 height: 28px; 1375 cursor: pointer; 1376 display: inline-flex; 1377 align-items: center; 1378 justify-content: center; 1379 color: #111; 1380 -webkit-tap-highlight-color: transparent; 1381 } 1382 .ot-mmenu__search-submit .ot-ico { 1383 width: 18px; 1384 height: 18px; 1385 } 1386 .ot-mmenu__search-input { 1387 -webkit-appearance: none; 1388 appearance: none; 1389 border: 0; 1390 border-radius: 0; 1391 background: transparent; 1392 outline: none; 1393 width: 100%; 1394 padding: 0; 1395 font-size: 16px; 1396 color: #111; 1397 } 1398 .ot-mmenu__search-input::placeholder { 1399 color: #8a8a8a; 1400 } 1401 .ot-mmenu__search-input::-webkit-search-decoration, 1402 .ot-mmenu__search-input::-webkit-search-cancel-button, 1403 .ot-mmenu__search-input::-webkit-search-results-button, 1404 .ot-mmenu__search-input::-webkit-search-results-decoration { 1405 -webkit-appearance: none; 1406 appearance: none;
1407 display: none; 1408 } 1409 .ot-mmenu__search-cleartext { 1410 display: inline-flex; 1411 align-items: center; 1412 justify-content: center; 1413 line-height: 1; 1414 border: 0; 1415 background: transparent; 1416 padding: 0 8px; 1417 height: 30px; 1418 cursor: pointer; 1419 font-size: 11px; 1420 letter-spacing: .02em; 1421 color: var(--ot-muted); 1422 text-transform: uppercase; 1423 opacity: 0; 1424 pointer-events: none; 1425 transition: opacity .15s ease, color .15s ease; 1426 -webkit-tap-highlight-color: transparent; 1427 } 1428 .ot-mmenu__search-cleartext.is-visible { 1429 opacity: 1; 1430 pointer-events: auto; 1431 } 1432 .ot-mmenu__search-cleartext:hover { 1433 color: #111; 1434 } 1435 .newsletter-input-btn-container .mc4wp-form-fields { 1436 display: flex; 1437 background: #fff; 1438 overflow: hidden; 1439 width: 100%; 1440 } 1441 .newsletter-input-btn-container input { height: 100%; } 1442 .newsletter-input-btn-container input[type="email"], 1443 .newsletter-input-btn-container label { width: 100%; } 1444 .newsletter-input-btn-container input[type="email"], 1445 .newsletter-input-btn-container input[type="text"] { 1446 flex: 1; 1447 border: 0; 1448 outline: none; 1449 padding: 6px 14px; 1450 font-size: 16px; 1451 color: var(--ot-text); 1452 background: #fff; 1453 border-radius: 0; 1454 min-width: 0; 1455 -webkit-appearance: none; 1456 appearance: none; 1457 width: 100%; 1458 height: 100%; 1459 } 1460 .newsletter-input-btn-container input[type="email"]::placeholder, 1461 .newsletter-input-btn-container input[type="text"]::placeholder { 1462 color: #aaa; 1463 font-size: 14px; 1464 } 1465 .newsletter-input-btn-container input[type="submit"], 1466 .newsletter-input-btn-container button[type="submit"] { 1467 flex: 0 0 auto; 1468 padding: 6px 18px; 1469 background: var(--ot-text); 1470 color: #fff; 1471 font-size: 11px; 1472 text-transform: uppercase; 1473 letter-spacing: .2em; 1474 font-weight: 600; 1475 cursor: pointer; 1476 border-radius: 0; 1477 transition: background .15s ease; 1478 -webkit-appearance: none; 1479 appearance: none; 1480 min-height: 42px; 1481 } 1482 .newsletter-input-btn-container input[type="submit"]:active, 1483 .newsletter-input-btn-container button[type="submit"]:active { 1484 background: #444; 1485 } 1486 .mc4wp-form-225756 .mc4wp-success { 1487 margin: 0; 1488 border-top: 1px solid #ddd; 1489 } 1490 .mc4wp-success p { 1491 font-size: 12px; 1492 color: #2a7d2a; 1493 margin: 0; 1494 } 1495 .ot-mmenu__social { 1496 display: flex; 1497 align-items: center; 1498 gap: 12px; 1499 justify-content: space-between; 1500 padding: 12px 10px; 1501 min-height: 42px; 1502 } 1503 .ot-mmenu__social-icon { 1504 width: 18px; 1505 height: 18px; 1506 display: block; 1507 } 1508 .ot-mmenu__legal { 1509 padding: 0 16px 8px; 1510 } 1511 .ot-mmenu__legal p { 1512 margin: 0; 1513 font-size: 11px; 1514 line-height: 1.5; 1515 color: var(--ot-muted); 1516 } 1517 .menu-item-197246 { display: none; } 1518 .ot-info-strip { 1519 background: #111; 1520 color: #fff; 1521 border-bottom: 1px solid rgba(255,255,255,0.08); 1522 } 1523 .ot-info-strip { 1524 display: none; 1525 } 1526 .ot-info-strip .ot-wrap { 1527 display: flex; 1528 align-items: center; 1529 justify-content: center; 1530 min-height: 20px; 1531 padding: 8px 22px; 1532 } 1533 .ot-info-strip__text { 1534 margin: 0; 1535 font-size: 10px; 1536 line-height: 1.4; 1537 letter-spacing: 0.08em; 1538 text-transform: uppercase; 1539 text-align: center; 1540 color: #fff; 1541 font-weight: 500; 1542 } 1543 .ot-info-strip__link { 1544 display: inline-block; 1545 margin-left: 12px; 1546 color: #fff; 1547 text-decoration: underline; 1548 text-underline-offset: 3px; 1549 text-decoration-thickness: 1px; 1550 transition: opacity 0.18s ease; 1551 } 1552 .ot-info-strip__link:hover { 1553 opacity: 0.75; 1554 } 1555 @media (max-width: 767px) { 1556 .ot-info-strip .ot-wrap { 1557 min-height: 24px; 1558 padding: 8px 14px; 1559 } 1560 .ot-info-strip__link { 1561 display: block; 1562 margin-left: 0; 1563 margin-top: 4px; 1564 } 1565 } 1566 @media (prefers-reduced-motion: reduce) { 1567 .ot-searchdrop, 1568 .ot-drawer, 1569 .ot-backdrop, 1570 .ot-searchbackdrop, 1571 .ot-mmenu__toggle, 1572 .ot-mmenu__list .sub-menu { 1573 transition: none !important; 1574 } 1575 } 1576 body.ot-is-resizing .ot-sign, 1577 body.ot-is-resizing .ot-actions, 1578 body.ot-is-resizing .ot-logo-wrap, 1579 body.ot-is-resizing .ot-top-cta, 1580 body.ot-is-resizing .ot-search, 1581 body.ot-is-resizing .ot-burger { 1582 transition: none !important; 1583 } 1584 svg, a, button { 1585 background-image: none !important; 1586 } 1587 .ot-mmenu__search-form .ot-mmenu__search-input { 1588 -webkit-tap-highlight-color: transparent; 1589 -webkit-touch-callout: none; 1590 -webkit-appearance: none; 1591 -moz-appearance: none; 1592 appearance: none; 1593 border: 0; 1594 border-radius: 0; 1595 background: transparent; 1596 outline: none; 1597 box-shadow: none; 1598 width: 100%; 1599 padding: 0; 1600 margin: 0; 1601 font-size: 16px; 1602 font-family: 'Domaine Display', Georgia, 'Times New Roman', serif; 1603 color: #111; 1604 line-height: normal; 1605 } 1606 .ot-mmenu__search-form .ot-mmenu__search-input:focus, 1607 .ot-mmenu__search-form .ot-mmenu__search-input:active { 1608 border: 0; 1609 outline: none; 1610 box-shadow: none; 1611 background: transparent; 1612 } 1613 .ot-mmenu__search-form .ot-mmenu__search-input::placeholder { 1614 color: #8a8a8a; 1615 opacity: 1; 1616 } 1617 .ot-mmenu__search-form .ot-mmenu__search-input::-webkit-search-decoration, 1618 .ot-mmenu__search-form .ot-mmenu__search-input::-webkit-search-cancel-button, 1619 .ot-mmenu__search-form .ot-mmenu__search-input::-webkit-search-results-button, 1620 .ot-mmenu__search-form .ot-mmenu__search-input::-webkit-search-results-decoration { 1621 -webkit-appearance: none; 1622 appearance: none;
1623 display: none; 1624 } 1625 /* ========================= 1626 MOBILE DRAWER SEARCH â PILL STYLE 1627 ========================= */ 1628 .ot-mmenu__search { 1629 padding: 16px 16px 18px 18px; 1630 background: #fff; 1631 } 1632 .ot-mmenu__search-form { 1633 display: grid; 1634 grid-template-columns: 20px 1fr auto; 1635 align-items: center; 1636 gap: 10px; 1637 width: 100%; 1638 height: 36px; 1639 padding: 0 14px; 1640 background: #fff; 1641 border: 1px solid #ddd; 1642 border-radius: 999px; 1643 box-shadow: none; 1644 position: relative; 1645 -webkit-tap-highlight-color: transparent; 1646 } 1647 /* Icon matches the desktop header magnifier exactly: 1648 same 1.2 stroke as the base .ot-ico. min-width/height 1649 must be re-declared â the base .ot-ico's 20px minimums 1650 otherwise beat this rule's width/height, which is what 1651 made the glyph render oversized AND thick. */ 1652 .ot-mmenu__search-submit { 1653 width: 20px; 1654 height: 20px; 1655 min-width: 20px; 1656 padding: 0; 1657 display: inline-flex; 1658 align-items: center; 1659 justify-content: center; 1660 border: 0; 1661 background: transparent; 1662 color: #8a8a8a; 1663 cursor: pointer; 1664 -webkit-appearance: none; 1665 appearance: none; 1666 } 1667 .ot-mmenu__search-submit .ot-ico { 1668 width: 16px; 1669 height: 16px; 1670 min-width: 16px; 1671 min-height: 16px; 1672 stroke-width: 1.2; 1673 } 1674 .ot-mmenu__search-input { 1675 -webkit-appearance: none; 1676 appearance: none; 1677 width: 100%; 1678 min-width: 0; 1679 height: 34px; 1680 margin: 0; 1681 padding: 0; 1682 border: 0; 1683 border-radius: 0; 1684 outline: none; 1685 box-shadow: none; 1686 background: transparent; 1687 font-family: 'Mulish', Arial, sans-serif; 1688 font-size: 12px; 1689 font-weight: 400; 1690 letter-spacing: 0; 1691 line-height: 34px; 1692 color: #111; 1693 } 1694 .ot-mmenu__search-input::placeholder { 1695 color: #9a9a9a; 1696 opacity: 1; 1697 font-size: 13px; 1698 } 1699 .ot-mmenu__search-input:focus, 1700 .ot-mmenu__search-input:active { 1701 border: 0; 1702 outline: none; 1703 box-shadow: none; 1704 background: transparent; 1705 } 1706 .ot-mmenu__search-input::-webkit-search-decoration, 1707 .ot-mmenu__search-input::-webkit-search-cancel-button, 1708 .ot-mmenu__search-input::-webkit-search-results-button, 1709 .ot-mmenu__search-input::-webkit-search-results-decoration { 1710 -webkit-appearance: none; 1711 appearance: none; 1712 display: none; 1713 } 1714 /* Clear X mirrors the magnifier on the left: same 16px, 1715 same 1.2 stroke, appears only when the field has text */ 1716 .ot-mmenu__search-cleartext { 1717 display: inline-flex; 1718 align-items: center; 1719 justify-content: center; 1720 width: 20px; 1721 height: 20px; 1722 min-width: 20px; 1723 padding: 0; 1724 border: 0; 1725 background: transparent; 1726 cursor: pointer; 1727 opacity: 0; 1728 pointer-events: none; 1729 transition: opacity .15s ease; 1730 -webkit-tap-highlight-color: transparent; 1731 } 1732 .ot-mmenu__search-cleartext .ot-ico { 1733 width: 16px; 1734 height: 16px; 1735 min-width: 16px; 1736 min-height: 16px; 1737 stroke-width: 1.2; 1738 } 1739 .ot-mmenu__search-cleartext.is-visible { 1740 opacity: 1; 1741 pointer-events: auto; 1742 } 1743 .ot-mmenu__search-cleartext:active .ot-ico { 1744 stroke: #888; 1745 } 1746 /* ========================= 1747 MOBILE DRAWER FOOTER BLOCKS 1748 ========================= */ 1749 .ot-mmenu__footer { 1750 padding: 16px 0px; 1751 margin-top: 8px; 1752 } 1753 .ot-mmenu__block { 1754 padding: 18px 0 0; 1755 background: transparent; 1756 } 1757 .ot-mmenu__heading { 1758 margin: 0 0 10px; 1759 padding: 0 9px; 1760 border: 0; 1761 font-family: 'Mulish', Arial, sans-serif; 1762 font-size: 10px; 1763 font-weight: 700; 1764 line-height: 1; 1765 letter-spacing: .22em; 1766 text-transform: uppercase; 1767 color: #fff; 1768 } 1769 /* Account */ 1770 .ot-mmenu__account { 1771 padding-top: 20px; 1772 } 1773 .ot-mmenu__join { 1774 padding: 0; 1775 background: transparent; 1776 border: 0; 1777 } 1778 .ot-mmenu__join-link { 1779 display: flex; 1780 align-items: center; 1781 justify-content: center; 1782 min-height: 42px; 1783 margin-left: 0; 1784 padding: 13px 16px; 1785 color: #111; 1786 background: #fff; 1787 border: 1px solid #999; 1788 font-family: 'Mulish', Arial, sans-serif; 1789 font-size: 10px; 1790 font-weight: 600; 1791 letter-spacing: .18em; 1792 line-height: 1.2; 1793 text-transform: uppercase; 1794 text-decoration: none; 1795 transition: color .15s ease, background .15s ease, border-color .15s ease; 1796 } 1797 .ot-mmenu__join-link:hover, 1798 .ot-mmenu__join-link:active { 1799 color: #666; 1800 background: #fafafa; 1801 border-color: #777; 1802 } 1803 /* Full-bleed rows: the list carries NO side padding â 1804 gutters live on the links instead */ 1805 .ot-mmenu__list, 1806 .ot-mmenu__list ul { 1807 padding-left: 0 !important; 1808 padding-right: 0 !important; 1809 } 1810 .ot-mmenu__list > li > a, 1811 .ot-mmenu__list > li > .menu-toggle-parent { 1812 display: flex; 1813 width: 100%; 1814 max-width: none; 1815 padding-left: 18px; 1816 padding-right: 56px; 1817 } 1818 .ot-mmenu__toggle { 1819 right: 10px; 1820 width: 40px; 1821 background: transparent; /* can't mask the hairlines */ 1822 } 1823 /* Socials: standalone band directly under the menu list, 1824 on white â not in the dark footer. Distributed row, dark 1825 outline icons with 40px tap targets. A hairline above ties 1826 it to the last menu item; generous space below separates it 1827 from the utility footer. */ 1828 .ot-mmenu__social-block { 1829 padding: 20px 18px 24px; 1830 background: #fff; 1831 border-bottom: 1px solid rgba(0,0,0,.05); 1832 } 1833 .ot-mmenu__social {
1834 display: flex; 1835 align-items: center; 1836 justify-content: space-evenly; 1837 gap: 28px; 1838 min-height: 22px; 1839 padding: 0; 1840 background: transparent; 1841 } 1842 .ot-mmenu__social-link { 1843 display: inline-flex; 1844 align-items: center; 1845 justify-content: center; 1846 width: 40px; 1847 height: 40px; 1848 margin: -10px; /* visual size stays compact; hit area is 40px */ 1849 color: #222; 1850 text-decoration: none; 1851 transition: color .15s ease, opacity .15s ease; 1852 } 1853 .ot-mmenu__social-link:hover { 1854 color: #777; 1855 } 1856 .ot-mmenu__social-icon { 1857 width: 20px; 1858 height: 20px; 1859 display: block; 1860 } 1861 /* Bottom links */ 1862 .ot-mmenu__links { 1863 display: flex; 1864 flex-wrap: wrap; 1865 gap: 10px 18px; 1866 padding: 10px 0 0; 1867 line-height: 1; 1868 text-decoration: underline; 1869 } 1870 .ot-mmenu__links a { 1871 display: inline-flex; 1872 align-items: center; 1873 margin: 0; 1874 padding: 0; 1875 color: #111; 1876 font-family: 'Mulish', Arial, sans-serif; 1877 font-size: 10px; 1878 font-weight: 400; 1879 line-height: 1.5; 1880 letter-spacing: .125em; 1881 text-decoration: underline; 1882 text-decoration: none; 1883 transition: color .15s ease; 1884 } 1885 .ot-mmenu__links a:hover, 1886 .ot-mmenu__links a:active { 1887 color: #ccc; 1888 } 1889 .ot-mmenu__list > li::after { 1890 background: rgba(0,0,0,0.06); 1891 } 1892 .ot-mmenu__toggle svg { 1893 stroke-width: 1.5; 1894 opacity: 0.65; 1895 } 1896 .ot-mmenu__join-link--head { 1897 display: flex; /* was inline-flex + justify-self: start */ 1898 align-items: center; 1899 justify-content: center; 1900 margin: 0 18px; /* the padding gap on each side */ 1901 min-height: 40px; 1902 padding: 0 24px; 1903 color: #111; 1904 background: #fff; 1905 border: 1px solid #ddd; 1906 font-family: 'Mulish', Arial, sans-serif; 1907 font-size: 9px; 1908 font-weight: 500; 1909 letter-spacing: .18em; 1910 line-height: 1; 1911 text-transform: uppercase; 1912 text-decoration: none; 1913 white-space: nowrap; 1914 } 1915 .ot-top-date { 1916 display: inline-flex; 1917 align-items: center; 1918 gap: 6px; 1919 text-decoration: none; 1920 color: inherit; 1921 } 1922 .ot-date-ico { 1923 margin-bottom: 5px; 1924 } 1925 /* icon inside the circle: full 20px like the right-side icons, since it now has the 30px circle around it */ 1926 .ot-top-date .ot-date-ico { 1927 stroke: var(--ot-text); 1928 transition: stroke 0.2s linear; 1929 } 1930 /* icon colour shift on hover, matching .ot-ico:hover timing/shade */ 1931 .ot-top-date:hover .ot-date-ico { 1932 stroke: #888; 1933 } 1934 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-not-first-col { 1935 margin-left: -1px; 1936 z-index: 0; 1937 } 1938 /* ========================= 1939 DRAWER MASTHEAD â logo left, close right, line under. 1940 The X lives INSIDE the panel again, so it slides with the 1941 drawer (no late pop) and sits clear of the search field. 1942 ========================= */ 1943 /* Compact masthead: total height = 5px + 40px close button 1944 + 5px + 1px border = 51px, matching the 50px mobile navbar. 1945 The logo (~18px tall at 158px wide) and the X are both 1946 centered on the same 40px line â no dead white space. */ 1947 .ot-mmenu__head { 1948 grid-template-columns: 1fr auto; 1949 align-items: center; 1950 gap: 12px; 1951 min-height: 0; 1952 padding: 5px 12px 5px 18px; 1953 border-bottom: 1px solid #eee; 1954 } 1955 .ot-mmenu__logo { 1956 display: flex; 1957 justify-content: flex-start; 1958 padding: 0; 1959 } 1960 .ot-mmenu__logo .ot-logo-svg { 1961 max-width: 158px; 1962 color: #111; 1963 } 1964 .ot-mmenu__close { 1965 position: static; 1966 width: 40px; 1967 height: 40px; 1968 min-width: 40px; 1969 margin: 0; 1970 justify-self: end; 1971 background: transparent; 1972 } 1973 .ot-mmenu__close .ot-ico { 1974 width: 17px; 1975 height: 17px; 1976 stroke: #111; 1977 } 1978 /* ========================= 1979 DRAWER SEARCH â standalone block under the masthead. 1980 Taller field, visible border, tinted fill: reads as a 1981 control you type in, not a decorative outline. Snaps to 1982 ink/white on focus. Its border-bottom closes the chrome 1983 zone above the Login row. 1984 ========================= */ 1985 .ot-mmenu__search { 1986 padding: 16px 14px; 1987 background: #fff; 1988 } 1989 .ot-mmenu__search-form { 1990 height: 42px; 1991 padding: 0 16px; 1992 border: 1px solid #c9c9c9; 1993 background: #fff; 1994 transition: border-color .15s ease, background .15s ease; 1995 } 1996 .mobile-menu-search, 1997 .mobile-menu-search input[type="search"] { 1998 box-sizing: border-box; 1999 } 2000 .mobile-menu-search input[type="search"] { 2001 width: 100%; 2002 height: 42px; 2003 padding: 0 18px 0 46px; 2004 border: 1px solid #111; 2005 border-radius: 21px; /* Half the exact height */ 2006 background: #fff; 2007 appearance: none; 2008 -webkit-appearance: none; 2009 line-height: 1; 2010 } 2011 .ot-mmenu__search-form:focus-within { 2012 border-color: #111; 2013 background: #fff; 2014 } 2015 .ot-mmenu__search-input { 2016 height: 40px; 2017 line-height: 40px; 2018 font-size: 13px; 2019 } 2020 /* ========================= 2021 DRAWER FOOTER â TINTED ZONE 2022 Visual refresh: footer reads as one distinct block, 2023 everything shares the same gutter, socials centered. 2024 These override the earlier footer rules above (cascade). 2025 ========================= */ 2026 .ot-mmenu__footer { 2027 margin-top: 24px; 2028 padding: 24px 0px 28px; 2029 background: #151515; 2030 border-top: 0; 2031 } 2032 .ot-mmenu__block { 2033 padding: 0; 2034 } 2035 .ot-mmenu__heading { 2036 padding: 0; 2037 margin: 0 0 10px; 2038 } 2039 /* Sign-in: white, quiet; gutter now comes from footer padding */ 2040 .ot-mmenu__join-link--head { 2041 margin: 0 0 24px; 2042 min-height: 44px; 2043 border-color: #ccc; 2044 transition: border-color .15s ease, color .15s ease; 2045 } 2046 .ot-mmenu__join-link--head:hover, 2047 .ot-mmenu__join-link--head:active { 2048 border-color: #111; 2049 color: #000; 2050 } 2051 /* Newsletter: one bordered component (white input was invisible 2052 on white; now it sits inside a #ddd border on the tinted footer) */ 2053 .ot-mmenu__subscribe .newsletter-input-btn-container .mc4wp-form-fields { 2054 border: 1px solid #aaa; 2055 background: #fff; 2056 } 2057 .ot-mmenu__subscribe .newsletter-input-btn-container input[type="email"], 2058 .ot-mmenu__subscribe .newsletter-input-btn-container input[type="text"] { 2059 padding: 0 14px; 2060 } 2061 /* ========================= 2062 DRAWER LAYOUT v2 â final overrides 2063 Account row is a MENU ROW: identical box, typography and 2064 hairline to the top-level items below it, so it reads as 2065 the first entry in the list rather than header chrome. 2066 Footer pins to the drawer's bottom edge; utility links 2067 form the baseline. 2068 ========================= */ 2069 .ot-mmenu__account-row { 2070 padding: 0; 2071 margin: 0; 2072 border-bottom: 1px solid rgba(0,0,0,.05); 2073 } 2074 /* Mirrors .ot-mmenu__list > li > a exactly: 2075 15px vertical / 18px gutter / 56px right, 2076 12px Mulish 600, .125em tracking */ 2077 .ot-mmenu__account-row a { 2078 display: flex; 2079 align-items: center; 2080 width: 100%; 2081 gap: 8px; 2082 padding: 15px 56px 15px 18px; 2083 font-family: 'Mulish', Arial, sans-serif; 2084 font-size: 11px; 2085 font-weight: 500; 2086 text-transform: uppercase; 2087 letter-spacing: .125em; 2088 line-height: 1.4; 2089 color: #151515; 2090 text-decoration: none; 2091 transition: color .15s ease; 2092 } 2093 .ot-mmenu__account-row a:hover, 2094 .ot-mmenu__account-row a:active { 2095 color: #888; 2096 } 2097 /* currentColor: icon greys in step with the text on hover */ 2098 .ot-mmenu__account-row .ot-ico { 2099 width: 13px; 2100 height: 13px; 2101 min-width: 13px; 2102 min-height: 13px; 2103 stroke: currentColor; 2104 stroke-width: 1.4; 2105 } 2106 /* ========================= 2107 MENU HAIRLINES â one line per boundary. 2108 Each LI owns its BOTTOM edge only. The line above the 2109 first item is the account row's border-bottom, so no 2110 boundary ever carries two stacked lines. Border lives on
2111 the LI (not the link): when an accordion opens, the 2112 sub-menu is inside the LI, so the line automatically 2113 moves below the expanded children and always closes the 2114 whole group. 2115 ========================= */ 2116 .ot-mmenu__list > li { 2117 border-bottom: 1px solid rgba(0,0,0,.05); 2118 } 2119 .ot-mmenu__list > li:last-child { 2120 border-bottom: 1px solid rgba(0,0,0,.05); 2121 } 2122 /* Open section: the parent row's pre-allocated (transparent) 2123 border inks, closing the header above its expanded children â 2124 e.g. a line under "Brands" before "Watches". When closed it's 2125 transparent, so the LI's border below is the only line: never 2126 two at one boundary. Fades in step with the accordion. */ 2127 .ot-mmenu__list > li.menu-item-has-children.open > a, 2128 .ot-mmenu__list > li.menu-item-has-children.open > .menu-toggle-parent { 2129 border-bottom-color: rgba(0,0,0,.05); 2130 } 2131 /* breathing room between the section line and the first child */ 2132 .ot-mmenu__list > li > .sub-menu > li:first-child { 2133 padding-top: 12px; 2134 } 2135 /* Footer pinned to bottom: needs the scroll container to be 2136 a flex column for margin-top:auto to bite */ 2137 .ot-mmenu__scroll { 2138 display: flex; 2139 flex-direction: column; 2140 } 2141 .ot-mmenu__footer { 2142 margin-top: auto; /* pin to bottom on tall screens */ 2143 padding: 0; /* the links row owns its own padding */ 2144 } 2145 /* Utility links: the drawer's baseline, on the dark band. 2146 The #666 top hairline divides socials-above from links; quiet 2147 muted uppercase, distributed. */ 2148 .ot-mmenu__links { 2149 display: flex; 2150 flex-wrap: wrap; 2151 align-items: center; 2152 line-height: 1; 2153 text-decoration: none; /* kill inherited underline from earlier rule */ 2154 justify-content: space-evenly; 2155 padding: 22px 18px; 2156 } 2157 .ot-mmenu__links a { 2158 display: inline-flex; 2159 align-items: center; 2160 padding: 4px 0; 2161 color: #eee; 2162 font-size: 9px; 2163 font-weight: 500; 2164 letter-spacing: .125em; 2165 text-decoration: none; 2166 transition: color .15s ease; 2167 } 2168 /* ========================= 2169 POLISH PASS â restore typographic hierarchy 2170 ========================= */ 2171 /* Toggle sized to the compact parent row: 2172 15px + 15px padding + ~17px line + 1px border â 48px */ 2173 .ot-mmenu__toggle { 2174 top: 0; 2175 height: 48px; 2176 max-height: 48px; 2177 min-height: 0; 2178 } 2179 /* Input: kill the stale line-height, center via flex-safe metrics */ 2180 .ot-mmenu__subscribe .newsletter-input-btn-container input[type="email"], 2181 .ot-mmenu__subscribe .newsletter-input-btn-container input[type="text"] { 2182 height: 100%; /* fill the frame exactly */ 2183 min-height: 0; 2184 line-height: normal; /* was 37px â the vertical offset */ 2185 padding: 0 14px; 2186 font-size: 16px; /* keep â prevents iOS zoom */ 2187 color: #fff; 2188 background: transparent; 2189 } 2190 /* Placeholder: styled as part of the design, not browser default */ 2191 .ot-mmenu__subscribe .newsletter-input-btn-container input[type="email"]::placeholder, 2192 .ot-mmenu__subscribe .newsletter-input-btn-container input[type="text"]::placeholder { 2193 color: rgba(255,255,255,.45); 2194 font-size: 12px; 2195 font-weight: 200; 2196 letter-spacing: .06em; 2197 opacity: 1; /* Firefox dims placeholders by default */ 2198 } 2199 .ot-mmenu__list > li > .sub-menu > li > a { 2200 padding-top: 9px; 2201 padding-bottom: 9px; 2202 padding-left: 36px; 2203 font-weight: 400; /* was 600 â desktop dropdown weight */ 2204 } 2205 /* Nested accordion toggles must position against their OWN li, 2206 not bubble up to the top-level parent (Sections). Without 2207 this, a level-2 parent's chevron lands on the level-1 row. */ 2208 .ot-mmenu__list .sub-menu > li.menu-item-has-children { 2209 position: relative; 2210 } 2211 /* Nested (level-2) accordion toggles: size to the shorter 2212 sub-rows (9px + 9px padding + ~17px line â 35px), rotate 2213 at any depth */ 2214 .ot-mmenu__list .sub-menu .ot-mmenu__toggle { 2215 height: 35px; 2216 max-height: 35px; 2217 min-height: 0; 2218 top: 0; 2219 } 2220 .ot-mmenu__list li.open > .ot-mmenu__toggle svg { 2221 transform: rotate(180deg); 2222 opacity: .75; 2223 } 2224 /* Level-3 panels: no padding on the panel itself (max-height 2225 can't clip it â was leaving an 8px ghost band when closed); 2226 spacing lives on the first/last LI, not the links, so every 2227 link keeps an identical box (uniform tap-highlight). LI 2228 padding is ordinary clipped content inside the panel, so it 2229 collapses cleanly with the accordion â no ghost band. */ 2230 .ot-mmenu__list .sub-menu .sub-menu { 2231 padding: 0; 2232 } 2233 .ot-mmenu__list .sub-menu .sub-menu > li:first-child { 2234 padding-top: 4px; 2235 } 2236 .ot-mmenu__list .sub-menu .sub-menu > li:last-child { 2237 padding-bottom: 4px; 2238 } 2239 @media (max-width: 1279px), (hover: none), (pointer: coarse) { 2240 /* Compact 50px mobile navigation. */ 2241 :root { 2242 --ot-nav-h: 50px; 2243 --ot-mobile-ham-w: 38px; 2244 --ot-mobile-account-w: 36px; 2245 --ot-mobile-gap: 5px; /* dead zone between burger and login â stops drift taps */ 2246 --ot-mobile-left-w: calc(var(--ot-mobile-ham-w) + var(--ot-mobile-gap) + var(--ot-mobile-account-w)); 2247 } 2248 /* Side gutter on the ROW, not the buttons: the icon glyphs 2249 land ~15px from the viewport edge (6px gutter + ~9px of 2250 button padding), roughly matching the drawer's 18px gutter, 2251 while the tap targets themselves stay large. */ 2252 .ot-navwrap { 2253 padding-left: 6px; 2254 padding-right: 6px; 2255 } 2256 /* show the existing sign-in block, slotted tightly after the burger */ 2257 .ot-sign { 2258 display: flex; 2259 order: 2; /* ham = 0, logo-wrap = 3, actions = 4 */ 2260 } 2261 /* icon only on mobile â drop the "SIGN UP / IN" label */ 2262 .ot-sign .sign-in-text { 2263 display: none; 2264 } 2265 /* Compact horizontal targets, while retaining the full 50px bar height. */ 2266 .ot-ham .ot-burger { 2267 width: var(--ot-mobile-ham-w); 2268 min-width: var(--ot-mobile-ham-w); 2269 height: var(--ot-nav-h); 2270 min-height: var(--ot-nav-h); 2271 } 2272 .ot-sign .ot-btn { 2273 width: var(--ot-mobile-account-w); 2274 min-width: var(--ot-mobile-account-w); 2275 height: var(--ot-nav-h); 2276 border-radius: 0; 2277 padding: 8px; 2278 } 2279 .ot-sign .ot-btn:hover { 2280 border-color: transparent; /* no hover ring on touch */ 2281 } 2282 /* Keep the mobile logo centred against the VIEWPORT. 2283 Left side = compact burger + account controls. 2284 The right actions area mirrors that total width, while 2285 keeping the actual search button aligned to the far right. */ 2286 .ot-navwrap { 2287 justify-content: flex-start; 2288 } 2289 .ot-ham { 2290 flex: 0 0 var(--ot-mobile-ham-w); 2291 width: var(--ot-mobile-ham-w); 2292 } 2293 .ot-sign { 2294 flex: 0 0 var(--ot-mobile-account-w); 2295 width: var(--ot-mobile-account-w); 2296 margin-left: var(--ot-mobile-gap); 2297 } 2298 .ot-logo-wrap { 2299 flex: 1 1 auto; 2300 min-width: 0; 2301 margin-left: 0; 2302 margin-right: 0; 2303 justify-content: center; 2304 } 2305 .ot-logo { 2306 width: 100%; 2307 max-width: 200px; 2308 min-width: 0; 2309 justify-content: center; 2310 padding-left: 8px; 2311 padding-right: 8px; 2312 } 2313 .ot-logo .ot-logo-svg { 2314 width: 100%; 2315 max-width: 200px; 2316 } 2317 .ot-actions { 2318 flex: 0 0 var(--ot-mobile-left-w); 2319 width: var(--ot-mobile-left-w); 2320 justify-content: flex-end; 2321 } 2322 /* Search matches the burger's width, so the icon sits the 2323 same distance from the right edge as the burger does from 2324 the left â previously it kept the default 50px button and 2325 looked over-padded on the right. */ 2326 .ot-actions .ot-search { 2327 width: var(--ot-mobile-ham-w); 2328 min-width: var(--ot-mobile-ham-w); 2329 height: var(--ot-nav-h); 2330 min-height: var(--ot-nav-h); 2331 } 2332 } 2333 .ot-nav-list > li > .sub-menu.is-multicol > li { 2334 background: #fff; 2335 border-right: 1px solid #e5e5e5; 2336 z-index: 2; 2337 margin-left: -1px; 2338 } 2339 /* =========================
2340 DRAWER BRANDS â FILTERABLE LIST, house style. 2341 Built by initMobileBrands() from the same OT_BRANDS list as 2342 the desktop mega menu. Same three-zone structure as before 2343 (filter / framed scroll window / footer link) but styled in 2344 Oracle Time's own language rather than anyone else's: 2345 HEADER â editorial serif input, underline-only (mirrors 2346 the desktop search drop + the A-Z page's field) 2347 BODY â quiet hairline row dividers, no banding 2348 FOOTER â centred micro-label with the house yellow 2349 underline (echoes .bx-count on the brands page) 2350 ========================= */ 2351 .ot-mbrands__filter { 2352 padding: 14px 18px 12px; 2353 } 2354 /* Editorial underline field: magnifier-less, boxless â just 2355 a rule under serif text, exactly the desktop search language. 2356 16px input size prevents iOS focus zoom; the serif face makes 2357 that size read as intentional, not oversized. */ 2358 .ot-mbrands__filter input { 2359 -webkit-appearance: none; 2360 appearance: none; 2361 display: block; 2362 width: 100%; 2363 height: 36px; 2364 padding: 0 0 6px; 2365 border: 0; 2366 border-bottom: 1.5px solid #c4c4c4; 2367 border-radius: 0; 2368 background: transparent; 2369 outline: none; 2370 box-shadow: none; 2371 font-family: 'Domaine Display', Georgia, 'Times New Roman', serif; 2372 font-size: 16px; 2373 letter-spacing: .01em; 2374 color: #111; 2375 transition: border-color .18s ease; 2376 } 2377 .ot-mbrands__filter input:focus { 2378 border-bottom-color: #111; 2379 } 2380 .ot-mbrands__filter input::placeholder { 2381 color: #b0b0b0; 2382 font-family: 'Domaine Display', Georgia, 'Times New Roman', serif; 2383 opacity: 1; 2384 } 2385 /* the scroll WINDOW â bounded by rules a step darker than the 2386 drawer's 5% hairlines so the clipping edge is legible, but 2387 still quiet */ 2388 .ot-mbrands__listwrap { 2389 border-top: 1px solid #e5e5e5; 2390 border-bottom: 1px solid #e5e5e5; 2391 } 2392 .ot-mbrands__scroll { 2393 list-style: none; 2394 margin: 0; 2395 padding: 0 !important; 2396 max-height: min(42vh, 330px); 2397 overflow-y: auto; 2398 -webkit-overflow-scrolling: touch; 2399 overscroll-behavior: contain; 2400 } 2401 /* Rows: full drawer width, one line each (never wraps), and 2402 the site's usual whisper-hairline between rows instead of 2403 banding. The divider lives on the LI so filtering hidden rows 2404 never leaves doubled or orphaned lines. */ 2405 .ot-mbrands__scroll > li { 2406 border-bottom: 1px solid rgba(0,0,0,.05); 2407 } 2408 .ot-mbrands__scroll > li:last-child { 2409 border-bottom: 0; 2410 } 2411 .ot-mbrands__scroll > li > a { 2412 display: block; 2413 width: 100%; 2414 padding: 11px 18px !important; 2415 font-family: 'Mulish', Arial, sans-serif; 2416 font-size: 11px; 2417 font-weight: 400; 2418 text-transform: uppercase; 2419 letter-spacing: .125em; 2420 line-height: 1.4; 2421 color: #111; 2422 text-decoration: none; 2423 white-space: nowrap; 2424 overflow: hidden; 2425 text-overflow: ellipsis; 2426 background: #fff; 2427 transition: color .15s ease; 2428 } 2429 .ot-mbrands__scroll > li > a:hover { 2430 color: #888; 2431 } 2432 .ot-mbrands__scroll > li > a:active { 2433 background: #f5f5f5; 2434 } 2435 .ot-mbrands__scroll > li.is-hidden { 2436 display: none; 2437 } 2438 .ot-mbrands__empty { 2439 display: none; 2440 padding: 16px 18px; 2441 font-family: 'Domaine Display', Georgia, 'Times New Roman', serif; 2442 font-size: 14px; 2443 color: #999; 2444 } 2445 .ot-mbrands__empty.is-visible { 2446 display: block; 2447 } 2448 /* ALL BRANDS â centred uppercase micro-label on a white row, 2449 no underline, closing the component quietly. */ 2450 .ot-mmenu__list > li.ot-mbrands > .sub-menu > li.ot-mbrands__all { 2451 padding: 0 !important; 2452 text-align: center; 2453 } 2454 .ot-mmenu__list > li.ot-mbrands > .sub-menu > li.ot-mbrands__all > a { 2455 display: inline-block; 2456 width: auto; 2457 margin: 15px auto 16px; 2458 padding: 0 !important; 2459 font-family: 'Mulish', Arial, sans-serif; 2460 font-size: 10px; 2461 font-weight: 700; 2462 letter-spacing: .2em; 2463 text-transform: uppercase; 2464 text-align: center; 2465 color: #111; 2466 background: transparent; 2467 transition: color .15s ease; 2468 } 2469 .ot-mmenu__list > li.ot-mbrands > .sub-menu > li.ot-mbrands__all > a:hover, 2470 .ot-mmenu__list > li.ot-mbrands > .sub-menu > li.ot-mbrands__all > a:active { 2471 color: #666; 2472 } 2473 /* ======================================== 2474 MOBILE DRAWER SEARCH â EDITORIAL LINE 2475 ======================================== */ 2476 .ot-mmenu__search { 2477 padding: 14px 18px 16px; 2478 background: #fff; 2479 } 2480 .ot-mmenu__search-form { 2481 display: grid; 2482 grid-template-columns: 22px minmax(0, 1fr) 22px; 2483 align-items: center; 2484 gap: 10px; 2485 width: 100%; 2486 height: 40px; 2487 padding: 0 2px 7px; 2488 background: transparent; 2489 border: 0; 2490 border-bottom: 1px solid #bdbdbd; 2491 border-radius: 0; 2492 box-shadow: none; 2493 transition: border-color 0.15s ease; 2494 } 2495 .ot-mmenu__search-form:focus-within { 2496 border-bottom-color: #111; 2497 } 2498 /* Search icon */ 2499 .ot-mmenu__search-submit { 2500 display: inline-flex; 2501 align-items: center; 2502 justify-content: center; 2503 width: 22px; 2504 height: 32px; 2505 min-width: 22px; 2506 padding: 0; 2507 border: 0; 2508 background: transparent; 2509 color: #111; 2510 } 2511 .ot-mmenu__search-submit .ot-ico { 2512 width: 16px;
2513 height: 16px; 2514 min-width: 16px; 2515 min-height: 16px; 2516 stroke-width: 1.2; 2517 } 2518 /* Search input */ 2519 .ot-mmenu__search-form .ot-mmenu__search-input { 2520 width: 100%; 2521 min-width: 0; 2522 height: 32px; 2523 margin: 0; 2524 padding: 0; 2525 border: 0; 2526 border-radius: 0; 2527 outline: 0; 2528 box-shadow: none; 2529 background: transparent; 2530 font-family: 'Mulish', Arial, sans-serif; 2531 font-size: 13px; 2532 font-weight: 400; 2533 line-height: 32px; 2534 color: #111; 2535 -webkit-appearance: none; 2536 appearance: none; 2537 } 2538 .ot-mmenu__search-form .ot-mmenu__search-input::placeholder { 2539 color: #8d8d8d; 2540 opacity: 1; 2541 } 2542 /* Clear button */ 2543 .ot-mmenu__search-cleartext { 2544 display: inline-flex; 2545 align-items: center; 2546 justify-content: center; 2547 width: 22px; 2548 height: 32px; 2549 min-width: 22px; 2550 padding: 0; 2551 border: 0; 2552 background: transparent; 2553 opacity: 0; 2554 pointer-events: none; 2555 } 2556 .ot-mmenu__search-cleartext.is-visible { 2557 opacity: 1; 2558 pointer-events: auto; 2559 } 2560 .ot-mmenu__search-cleartext .ot-ico { 2561 width: 15px; 2562 height: 15px; 2563 min-width: 15px; 2564 min-height: 15px; 2565 stroke-width: 1.2; 2566 } 2567 /* Distinguish the search clear button from the drawer close X */ 2568 .ot-mmenu__search-cleartext { 2569 width: 22px; 2570 height: 22px; 2571 min-width: 22px; 2572 border-radius: 50%; 2573 background: #f1f1f1; 2574 } 2575 .ot-mmenu__search-cleartext .ot-ico { 2576 width: 12px; 2577 height: 12px; 2578 min-width: 12px; 2579 min-height: 12px; 2580 stroke: #666; 2581 stroke-width: 1.35; 2582 } 2583 .ot-mmenu__search-cleartext:hover, 2584 .ot-mmenu__search-cleartext:active { 2585 background: #e5e5e5; 2586 } 2587 .ot-mmenu__search-cleartext:hover .ot-ico, 2588 .ot-mmenu__search-cleartext:active .ot-ico { 2589 stroke: #111; 2590 } 2591 .site-footer input[type="email"]:-webkit-autofill, .site-footer input[type="email"]:-webkit-autofill:hover, .site-footer input[type="email"]:-webkit-autofill:focus { 2592 background: none !important; 2593 border: 0 !important; 2594 border-bottom: 1px solid #eee !important; 2595 box-shadow: 0 !important; 2596 } 2597 /* ========================= 2598 LOGGED-IN AVATAR 2599 The image is a LOCKED 24px square â min/max on both axes 2600 plus aspect-ratio and object-fit, so neither the theme's 2601 global img { height: auto } rules nor the taller mobile 2602 .ot-btn (36x50) can stretch it. It sits centred inside the 2603 standard .ot-btn like the other icons do, at a size that 2604 optically matches the 20px line icons (a filled disc reads 2605 slightly larger than an outline glyph at equal size). 2606 ========================= */ 2607 .ot-avatar-img { 2608 width: 20px; 2609 height: 20px; 2610 min-width: 20px; 2611 min-height: 20px; 2612 max-width: 20px; 2613 max-height: 20px; 2614 aspect-ratio: 1 / 1; 2615 border-radius: 50%; 2616 border: 1px solid #ddd; 2617 box-sizing: border-box; 2618 display: block; 2619 object-fit: cover; 2620 flex: 0 0 auto; 2621 } 2622 /* button stays the same 30px circle as its siblings; 2623 the avatar centres inside it via the flex centering 2624 .ot-btn already has */ 2625 .ot-btn--avatar { 2626 padding: 0; 2627 } 2628 .ot-avatar-img--drawer { 2629 width: 18px; 2630 height: 18px; 2631 min-width: 18px; 2632 min-height: 18px; 2633 max-width: 18px; 2634 max-height: 18px; 2635 } 2636 /* ========================= 2637 ZOOM-PROOF MULTICOL v2 2638 Native CSS columns on one solid panel. Overrides the grid-based 2639 multicol above â JS still toggles .is-multicol and keeps the 2640 panel on-screen, but the browser owns the column layout, so 2641 fractional browser zoom can never split the boxes apart. 2642 ========================= */ 2643 .ot-nav-list > li > .sub-menu.is-multicol { 2644 display: block; 2645 column-count: 2; 2646 column-gap: 0; 2647 column-rule: 1px solid #e5e5e5; 2648 width: max-content; 2649 background: #fff; 2650 border: 1px solid #e5e5e5; 2651 padding: 12px 0; 2652 box-shadow: none; 2653 } 2654 /* neutralise ALL the per-item painting from the grid version */ 2655 .ot-nav-list > li > .sub-menu.is-multicol > li, 2656 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-start, 2657 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end, 2658 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-not-first-col { 2659 background: transparent; 2660 border: 0; 2661 margin: 0; 2662 padding: 0; 2663 break-inside: avoid; 2664 z-index: auto; 2665 } 2666 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end--mid { 2667 position: static; 2668 padding: 0; 2669 border: 0; 2670 } 2671 .ot-nav-list > li > .sub-menu.is-multicol > li.ot-col-end--mid::after { 2672 display: none; 2673 } 2674 .ot-nav-list > li > .sub-menu.is-multicol { 2675 column-gap: 32px; 2676 column-rule: 1px solid #e5e5e5; 2677 } 2678 .ot-nav-list > li > .sub-menu.is-multicol { 2679 column-rule: 0; 2680 } 2681 .ot-nav-list > li > .sub-menu.is-multicol::before { 2682 content: ""; 2683 position: absolute; 2684 top: 0; 2685 bottom: 0; 2686 left: 50%; 2687 width: 1px; 2688 background: #e5e5e5; 2689 pointer-events: none; 2690 } 2691 .ot-top-left a { 2692 display: flex; 2693 align-items: center; 2694 } </style>
2694<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ --><title>Login - Oracle Time</title><link rel="stylesheet" id="siteground-optimizer-combined-css-e5eda75727cf91b7e494475c0c1ff9dc" href="https://oracleoftime.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-e5eda75727cf91b7e494475c0c1ff9dc.css" media="all" /><link rel="preload" href="https://oracleoftime.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-e5eda75727cf91b7e494475c0c1ff9dc.css" as="style"><meta name="description" content="Log in or create an account to comment and join the community. Paid OT Club members also get access to discounts, the magazine archive, exclusive events, and more." /><link rel="canonical" href="https://oracleoftime.com/login/" /><meta property="og:locale" content="en_GB" /><meta property="og:type" content="article" /><meta property="og:title" content="Login" /><meta property="og:description" content="Log in or create an account to comment and join the community. Paid OT Club members also get access to discounts, the magazine archive, exclusive events, and more." /><meta property="og:url" content="https://oracleoftime.com/login/" /><meta property="og:site_name" content="Oracle Time" /><meta property="article:publisher" content="https://www.facebook.com/oracleoftime/" /><meta property="article:modified_time" content="2026-01-26T13:08:28+00:00" /><meta property="og:image" content="https://oracleoftime.com/wp-content/uploads/2026/01/Oracle-Time-Featured.jpg" /><meta property="og:image:width" content="1600" /><meta property="og:image:height" content="1066" /><meta property="og:image:type" content="image/jpeg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@oracle_time" />
2694<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oracleoftime.com\/login\/","url":"https:\/\/oracleoftime.com\/login\/","name":"Login - Oracle Time","isPartOf":{"@id":"https:\/\/oracleoftime.com\/#website"},"datePublished":"2021-03-09T17:50:42+00:00","dateModified":"2026-01-26T13:08:28+00:00","description":"Log in or create an account to comment and join the community. Paid OT Club members also get access to discounts, the magazine archive, exclusive events, and more.","breadcrumb":{"@id":"https:\/\/oracleoftime.com\/login\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oracleoftime.com\/login\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oracleoftime.com\/login\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oracleoftime.com\/"},{"@type":"ListItem","position":2,"name":"Login"}]},{"@type":"WebSite","@id":"https:\/\/oracleoftime.com\/#website","url":"https:\/\/oracleoftime.com\/","name":"Oracle Time","description":"","publisher":{"@id":"https:\/\/oracleoftime.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oracleoftime.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/oracleoftime.com\/#organization","name":"Oracle Time","alternateName":"Opulent Media Ltd","url":"https:\/\/oracleoftime.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/oracleoftime.com\/#\/schema\/logo\/image\/","url":"https:\/\/oracleoftime.com\/wp-content\/uploads\/2020\/07\/OT-New-Logo-Fav.png","contentUrl":"https:\/\/oracleoftime.com\/wp-content\/uploads\/2020\/07\/OT-New-Logo-Fav.png","width":512,"height":512,"caption":"Oracle Time"},"image":{"@id":"https:\/\/oracleoftime.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/oracleoftime\/","https:\/\/x.com\/oracle_time","https:\/\/www.instagram.com\/otmagazine\/","https:\/\/www.youtube.com\/c\/OracleTimeTV"],"description":"Oracle Time is an independent UK news publisher owned by Opulent Media Ltd, specialising in reporting on wristwatches and the global watch industry. We produce original news, reviews, and analysis across print, digital, social channels, and our weekly newsletter. Our editorial team operates under strict standards of accuracy, fairness, and transparency, and we comply fully with GDPR and recognised industry practices. We are committed to providing reliable, authoritative coverage for readers interested in horology and contemporary watch culture..","email":"[email protected]","telephone":"02078714616","legalName":"Opulent Media Ltd","foundingDate":"2013-12-04","vatID":"179870155","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"}}]}</script>
2694 <!-- / Yoast SEO Premium plugin. --><link rel="alternate" type="application/rss+xml" title="Oracle Time » Feed" href="https://oracleoftime.com/feed/" /><link rel="alternate" type="application/rss+xml" title="Oracle Time » Comments Feed" href="https://oracleoftime.com/comments/feed/" /> <style id="classic-theme-styles-inline-css"> /*! This file is auto-generated */ 2695.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 2696/*# sourceURL=/wp-includes/css/classic-themes.min.css */ </style> <style id="global-styles-inline-css"> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--vce-acc: #0a0202;--wp--preset--color--vce-meta: #9b9b9b;--wp--preset--color--vce-txt: #444444;--wp--preset--color--vce-bg: #ffffff;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
2696--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 21px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--huge: 28px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-vce-acc-color{color: var(--wp--preset--color--vce-acc) !important;}.has-vce-meta-color{color: var(--wp--preset--color--vce-meta) !important;}.has-vce-txt-color{color: var(--wp--preset--color--vce-txt) !important;}.has-vce-bg-color{color: var(--wp--preset--color--vce-bg) !important;}.has-vce-cat-0-color{color: var(--wp--preset--color--vce-cat-0) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-vce-acc-background-color{background-color: var(--wp--preset--color--vce-acc) !important;}.has-vce-meta-background-color{background-color: var(--wp--preset--color--vce-meta) !important;}.has-vce-txt-background-color{background-color: var(--wp--preset--color--vce-txt) !important;}.has-vce-bg-background-color{background-color: var(--wp--preset--color--vce-bg) !important;}.has-vce-cat-0-background-color{background-color: var(--wp--preset--color--vce-cat-0) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vce-acc-border-color{border-color: var(--wp--preset--color--vce-acc) !important;}.has-vce-meta-border-color{border-color: var(--wp--preset--color--vce-meta) !important;}.has-vce-txt-border-color{border-color: var(--wp--preset--color--vce-txt) !important;}.has-vce-bg-border-color{border-color: var(--wp--preset--color--vce-bg) !important;}.has-vce-cat-0-border-color{border-color: var(--wp--preset--color--vce-cat-0) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
2696.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;} 2697/*# sourceURL=global-styles-inline-css */ </style> <style id="vce-style-inline-css"> body, button, input, select, textarea {font-size: 1.6rem;}.vce-single .entry-headline p{font-size: 2.2rem;}.main-navigation a{font-size: 1.6rem;}.sidebar .widget-title{font-size: 1.8rem;}.sidebar .widget, .vce-lay-c .entry-content, .vce-lay-h .entry-content {font-size: 1.4rem;}.vce-featured-link-article{font-size: 5.2rem;}.vce-featured-grid-big.vce-featured-grid .vce-featured-link-article{font-size: 3.4rem;}.vce-featured-grid .vce-featured-link-article{font-size: 2.2rem;}h1 { font-size: 4.5rem; }h2 { font-size: 4.0rem; }h3 { font-size: 3.5rem; }h4 { font-size: 2.5rem; }h5 { font-size: 2.0rem; }h6 { font-size: 1.8rem; }.comment-reply-title, .main-box-title{font-size: 2.2rem;}h1.entry-title{font-size: 4.5rem;}.vce-lay-a .entry-title a{font-size: 3.4rem;}.vce-lay-b .entry-title{font-size: 2.4rem;}.vce-lay-c .entry-title, .vce-sid-none .vce-lay-c .entry-title{font-size: 2.2rem;}.vce-lay-d .entry-title{font-size: 1.5rem;}.vce-lay-e .entry-title{font-size: 1.4rem;}.vce-lay-f .entry-title{font-size: 1.4rem;}.vce-lay-g .entry-title a, .vce-lay-g .entry-title a:hover{font-size: 3.0rem;}.vce-lay-h .entry-title{font-size: 2.4rem;}.entry-meta div,.entry-meta div a,.vce-lay-g .meta-item,.vce-lay-c .meta-item{font-size: 1.4rem;}.vce-lay-d .meta-category a,.vce-lay-d .entry-meta div,.vce-lay-d .entry-meta div a,.vce-lay-e .entry-meta div,.vce-lay-e .entry-meta div a,.vce-lay-e .fn,.vce-lay-e .meta-item{font-size: 1.3rem;}body {background-color:#f0f0f0;}body,.mks_author_widget h3,.site-description,.meta-category a,textarea {font-family: '';font-weight: ;}h1,h2,h3,h4,h5,h6,blockquote,.vce-post-link,.site-title,.site-title a,.main-box-title,.comment-reply-title,.entry-title a,.vce-single .entry-headline p,.vce-prev-next-link,.author-title,.mks_pullquote,.widget_rss ul li .rsswidget,#bbpress-forums .bbp-forum-title,#bbpress-forums .bbp-topic-permalink {font-family: '';font-weight: ;}.main-navigation a,.sidr a{font-family: '';font-weight: ;}.vce-single .entry-content,.vce-single .entry-headline,.vce-single .entry-footer,.vce-share-bar {width: 760px;}.vce-lay-a .lay-a-content{width: 760px;max-width: 760px;}.vce-page .entry-content,.vce-page .entry-title-page {width: 760px;}.vce-sid-none .vce-single .entry-content,.vce-sid-none .vce-single .entry-headline,.vce-sid-none .vce-single .entry-footer {width: 1090px;}.vce-sid-none .vce-page .entry-content,.vce-sid-none .vce-page .entry-title-page,.error404 .entry-content {width: 1090px;max-width: 1090px;}body, button, input, select, textarea{color: #444444;}h1,h2,h3,h4,h5,h6,.entry-title a,.prev-next-nav a,#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink,.woocommerce ul.products li.product .price .amount{color: #232323;}a,.entry-title a:hover,.vce-prev-next-link:hover,.vce-author-links a:hover,.required,.error404 h4,.prev-next-nav a:hover,#bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover,.woocommerce ul.products li.product h3:hover,.woocommerce ul.products li.product h3:hover mark,.main-box-title a:hover{color: #0a0202;}.vce-square,.vce-main-content .mejs-controls .mejs-time-rail .mejs-time-current,button,input[type="button"],input[type="reset"],input[type="submit"],.vce-button,.pagination-wapper a,#vce-pagination .next.page-numbers,#vce-pagination .prev.page-numbers,#vce-pagination .page-numbers,#vce-pagination .page-numbers.current,.vce-link-pages a,#vce-pagination a,.vce-load-more a,.vce-slider-pagination .owl-nav > div,.vce-mega-menu-posts-wrap .owl-nav > div,.comment-reply-link:hover,.vce-featured-section a,.vce-lay-g .vce-featured-info .meta-category a,.vce-404-menu a,.vce-post.sticky .meta-image:before,#vce-pagination .page-numbers:hover,#bbpress-forums .bbp-pagination .current,#bbpress-forums .bbp-pagination a:hover,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce ul.products li.product .added_to_cart,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce ul.products li.product .added_to_cart:hover,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.comments-holder .navigation .page-numbers.current,.vce-lay-a .vce-read-more:hover,.vce-lay-c .vce-read-more:hover,body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button,body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,.wp-block-search__button {background-color: #0a0202;}#vce-pagination .page-numbers,.comments-holder .navigation .page-numbers{background: transparent;color: #0a0202;border: 1px solid #0a0202;}.comments-holder .navigation .page-numbers:hover{background: #0a0202;border: 1px solid #0a0202;}.bbp-pagination-links a{background: transparent;color: #0a0202;border: 1px solid #0a0202 !important;}#vce-pagination .page-numbers.current,.bbp-pagination-links span.current,.comments-holder .navigation .page-numbers.current{border: 1px solid #0a0202;}.widget_categories .cat-item:before,.widget_categories .cat-item .count{background: #0a0202;}.comment-reply-link,.vce-lay-a .vce-read-more,.vce-lay-c .vce-read-more{border: 1px solid #0a0202;}.entry-meta div,.entry-meta-count,.entry-meta div a,.comment-metadata a,.meta-category span,.meta-author-wrapped,.wp-caption .wp-caption-text,.widget_rss .rss-date,.sidebar cite,.site-footer cite,.sidebar .vce-post-list .entry-meta div,.sidebar .vce-post-list .entry-meta div a,.sidebar .vce-post-list .fn,.sidebar .vce-post-list .fn a,.site-footer .vce-post-list .entry-meta div,.site-footer .vce-post-list .entry-meta div a,.site-footer .vce-post-list .fn,.site-footer .vce-post-list .fn a,#bbpress-forums .bbp-topic-started-by,#bbpress-forums .bbp-topic-started-in,#bbpress-forums .bbp-forum-info .bbp-forum-content,#bbpress-forums p.bbp-topic-meta,span.bbp-admin-links a,.bbp-reply-post-date,#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer,.woocommerce .woocommerce-result-count,.woocommerce .product_meta{color: #9b9b9b;}.main-box-title, .comment-reply-title, .main-box-head{background: #ffffff;color: #232323;}.main-box-title a{color: #232323;}.sidebar .widget .widget-title a{color: #232323;}.main-box,.comment-respond,.prev-next-nav{background: #f9f9f9;}.vce-post,ul.comment-list >
2697 li.comment,.main-box-single,.ie8 .vce-single,#disqus_thread,.vce-author-card,.vce-author-card .vce-content-outside,.mks-bredcrumbs-container,ul.comment-list > li.pingback{background: #ffffff;}.mks_tabs.horizontal .mks_tab_nav_item.active{border-bottom: 1px solid #ffffff;}.mks_tabs.horizontal .mks_tab_item,.mks_tabs.vertical .mks_tab_nav_item.active,.mks_tabs.horizontal .mks_tab_nav_item.active{background: #ffffff;}.mks_tabs.vertical .mks_tab_nav_item.active{border-right: 1px solid #ffffff;}#vce-pagination,.vce-slider-pagination .owl-controls,.vce-content-outside,.comments-holder .navigation{background: #f3f3f3;}.sidebar .widget-title{background: #ffffff;color: #232323;}.sidebar .widget{background: #f9f9f9;}.sidebar .widget,.sidebar .widget li a,.sidebar .mks_author_widget h3 a,.sidebar .mks_author_widget h3,.sidebar .vce-search-form .vce-search-input,.sidebar .vce-search-form .vce-search-input:focus{color: #444444;}.sidebar .widget li a:hover,.sidebar .widget a,.widget_nav_menu li.menu-item-has-children:hover:after,.widget_pages li.page_item_has_children:hover:after{color: #cf4d35;}.sidebar .tagcloud a {border: 1px solid #cf4d35;}.sidebar .mks_author_link,.sidebar .tagcloud a:hover,.sidebar .mks_themeforest_widget .more,.sidebar button,.sidebar input[type="button"],.sidebar input[type="reset"],.sidebar input[type="submit"],.sidebar .vce-button,.sidebar .bbp_widget_login .button{background-color: #cf4d35;}.sidebar .mks_author_widget .mks_autor_link_wrap,.sidebar .mks_themeforest_widget .mks_read_more,.widget .meks-instagram-follow-link {background: #f3f3f3;}.sidebar #wp-calendar caption,.sidebar .recentcomments,.sidebar .post-date,.sidebar #wp-calendar tbody{color: rgba(68,68,68,0.7);}.site-footer{background: #373941;}.site-footer .widget-title{color: #ffffff;}.site-footer,.site-footer .widget,.site-footer .widget li a,.site-footer .mks_author_widget h3 a,.site-footer .mks_author_widget h3,.site-footer .vce-search-form .vce-search-input,.site-footer .vce-search-form .vce-search-input:focus{color: #f9f9f9;}.site-footer .widget li a:hover,.site-footer .widget a,.site-info a{color: #ffffff;}.site-footer .tagcloud a {border: 1px solid #ffffff;}.site-footer .mks_author_link,.site-footer .mks_themeforest_widget .more,.site-footer button,.site-footer input[type="button"],.site-footer input[type="reset"],.site-footer input[type="submit"],.site-footer .vce-button,.site-footer .tagcloud a:hover{background-color: #ffffff;}.site-footer #wp-calendar caption,.site-footer .recentcomments,.site-footer .post-date,.site-footer #wp-calendar tbody,.site-footer .site-info{color: rgba(249,249,249,0.7);}.top-header,.top-nav-menu li .sub-menu{background: #ffffff;}.top-header,.top-header a{color: #4a4a4a;}.top-header .vce-search-form .vce-search-input,.top-header .vce-search-input:focus,.top-header .vce-search-submit{color: #4a4a4a;}.top-header .vce-search-form .vce-search-input::-webkit-input-placeholder { color: #4a4a4a;}.top-header .vce-search-form .vce-search-input:-moz-placeholder { color: #4a4a4a;}.top-header .vce-search-form .vce-search-input::-moz-placeholder { color: #4a4a4a;}.top-header .vce-search-form .vce-search-input:-ms-input-placeholder { color: #4a4a4a;}.header-1-wrapper{height: 130px;padding-top: 15px;}.header-2-wrapper,.header-3-wrapper{height: 130px;}.header-2-wrapper .site-branding,.header-3-wrapper .site-branding{top: 15px;left: 0px;}.site-title a, .site-title a:hover{color: #232323;}.site-description{color: #aaaaaa;}.main-header{background-color: #ffffff;}.header-bottom-wrapper{background: #fcfcfc;}.vce-header-ads{margin: 20px 0;}.header-3-wrapper .nav-menu > li > a{padding: 55px 15px;}.header-sticky,.sidr{background: rgba(252,252,252,0.95);}.ie8 .header-sticky{background: #ffffff;}.main-navigation a,.nav-menu .vce-mega-menu > .sub-menu > li > a,.sidr li a,.vce-menu-parent{color: #4a4a4a;}.nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul li:hover > a,.nav-menu ul .current-menu-item a,.nav-menu ul .current_page_item a,.vce-menu-parent:hover,.sidr li a:hover,.sidr li.sidr-class-current_page_item > a,.main-navigation li.current-menu-item.fa:before,.vce-responsive-nav{color: #323232;}#sidr-id-vce_main_navigation_menu .soc-nav-menu li a:hover {color: #4a4a4a;}.nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul,.header-sticky .nav-menu > .current_page_item:hover > a,.header-sticky .nav-menu > .current-menu-item:hover > a,.header-sticky .nav-menu > .current-menu-ancestor:hover > a,.header-sticky .main-navigation a.vce-item-selected:hover{background-color: #ffffff;}.search-header-wrap ul {border-top: 2px solid #323232;}.vce-cart-icon a.vce-custom-cart span,.sidr-class-vce-custom-cart .sidr-class-vce-cart-count {background: #323232;font-family: '';}.vce-border-top .main-box-title{border-top: 2px solid #0a0202;}
2697.tagcloud a:hover,.sidebar .widget .mks_author_link,.sidebar .widget.mks_themeforest_widget .more,.site-footer .widget .mks_author_link,.site-footer .widget.mks_themeforest_widget .more,.vce-lay-g .entry-meta div,.vce-lay-g .fn,.vce-lay-g .fn a{color: #FFF;}.vce-featured-header .vce-featured-header-background{opacity: 0.5}.vce-featured-grid .vce-featured-header-background,.vce-post-big .vce-post-img:after,.vce-post-slider .vce-post-img:after{opacity: 0.5}.vce-featured-grid .owl-item:hover .vce-grid-text .vce-featured-header-background,.vce-post-big li:hover .vce-post-img:after,.vce-post-slider li:hover .vce-post-img:after {opacity: 0.8}.vce-featured-grid.vce-featured-grid-big .vce-featured-header-background,.vce-post-big .vce-post-img:after,.vce-post-slider .vce-post-img:after{opacity: 0.5}.vce-featured-grid.vce-featured-grid-big .owl-item:hover .vce-grid-text .vce-featured-header-background,.vce-post-big li:hover .vce-post-img:after,.vce-post-slider li:hover .vce-post-img:after {opacity: 0.8}#back-top {background: #323232}.sidr input[type=text]{background: rgba(74,74,74,0.1);color: rgba(74,74,74,0.5);}.is-style-solid-color{background-color: #0a0202;color: #ffffff;}.wp-block-image figcaption{color: #9b9b9b;}.wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2,p.has-drop-cap:not(:focus)::first-letter,p.wp-block-subhead{font-family: '';font-weight: ;}.wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2{font-size: 2.5rem;}p.wp-block-subhead{font-size: 2.2rem;}.wp-block-button__link{background: #0a0202}.wp-block-search .wp-block-search__button{color: #ffffff}.meta-image:hover a img,.vce-lay-h .img-wrap:hover .meta-image > img,.img-wrp:hover img,.vce-gallery-big:hover img,.vce-gallery .gallery-item:hover img,.wp-block-gallery .blocks-gallery-item:hover img,.vce_posts_widget .vce-post-big li:hover img,.vce-featured-grid .owl-item:hover img,.vce-post-img:hover img,.mega-menu-img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}.has-small-font-size{ font-size: 1.2rem;}.has-large-font-size{ font-size: 1.9rem;}.has-huge-font-size{ font-size: 2.3rem;}@media(min-width: 671px){.has-small-font-size{ font-size: 1.3rem;}.has-normal-font-size{ font-size: 1.6rem;}.has-large-font-size{ font-size: 2.1rem;}.has-huge-font-size{ font-size: 2.8rem;}}.has-vce-acc-background-color{ background-color: #0a0202;}.has-vce-acc-color{ color: #0a0202;}.has-vce-meta-background-color{ background-color: #9b9b9b;}.has-vce-meta-color{ color: #9b9b9b;}.has-vce-txt-background-color{ background-color: #444444;}.has-vce-txt-color{ color: #444444;}.has-vce-bg-background-color{ background-color: #ffffff;}.has-vce-bg-color{ color: #ffffff;}.has-vce-cat-0-background-color{ background-color: ;}.has-vce-cat-0-color{ color: ;} 2698/*# sourceURL=vce-style-inline-css */ </style>
2698<script id="jquery-core-js-extra"> var ajax_object = {"ajax_url":"https://oracleoftime.com/wp-admin/admin-ajax.php","login_nonce":"b8e64ed123","register_nonce":"8d0f25d98f","signup_nonce":"8e9e0d360a","logout_nonce":"1ac63706b9","is_user_logged_in":"no","logout_url":"https://oracleoftime.com/wp-login.php?action=logout&redirect_to=https%3A%2F%2Foracleoftime.com%2Flogin%2F&_wpnonce=6a2906a8f9"}; 2699//# sourceURL=jquery-core-js-extra </script>
2699
2699<script id="jquery-core-js" src="https://oracleoftime.com/wp-includes/js/jquery/jquery.min.js"></script>
2699
2699<script id="jquery-migrate-js" src="https://oracleoftime.com/wp-includes/js/jquery/jquery-migrate.min.js"></script>
2699
2699<script id="facebook-signal-js-extra"> var facebookSignalConfig = {"cookieName":"wc_facebook_signals_state","ajaxUrl":"https://oracleoftime.com/wp-admin/admin-ajax.php","signalsAction":"fbpix_set_pixel_signals","signalsNonce":"6600c6ecf4"}; 2700//# sourceURL=facebook-signal-js-extra </script>
2700<link rel="https://api.w.org/" href="https://oracleoftime.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://oracleoftime.com/wp-json/wp/v2/pages/72288" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://oracleoftime.com/xmlrpc.php?rsd" /><meta name="generator" content="WordPress 7.1.2" /><link rel='shortlink' href='https://oracleoftime.com/?p=72288' /><meta name="generator" content="Redux 4.5.15" /> <!-- Meta Pixel Code -->
2700<script type='text/javascript'> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 2701n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 2702n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 2703t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 2704document,'script','https://connect.facebook.net/en_US/fbevents.js'); </script>
2704 <!-- End Meta Pixel Code --><link rel="icon" href="https://oracleoftime.com/wp-content/uploads/2020/07/cropped-OT-New-Logo-Fav-32x32.png" sizes="32x32" /><link rel="icon" href="https://oracleoftime.com/wp-content/uploads/2020/07/cropped-OT-New-Logo-Fav-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://oracleoftime.com/wp-content/uploads/2020/07/cropped-OT-New-Logo-Fav-180x180.png" /><meta name="msapplication-TileImage" content="https://oracleoftime.com/wp-content/uploads/2020/07/cropped-OT-New-Logo-Fav-270x270.png" /> <style id="wp-custom-css"> /* Use it */ 2705html, body { font-family: "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } 2706@font-face{ 2707 font-family: "Mulish"; 2708 src: url("/wp-content/themes/voice-child/fonts/Mulish/Mulish-Medium.woff2") format("woff2"); 2709 font-weight: 300; font-style: normal; font-display: swap; 2710} 2711@font-face{ 2712 font-family: "Mulish"; 2713 src: url("/wp-content/themes/voice-child/fonts/Mulish/Mulish-Regular.woff2") format("woff2"); 2714 font-weight: 500; font-style: normal; font-display: swap; 2715} 2716@font-face{ 2717 font-family: "Mulish"; 2718 src: url("/wp-content/themes/voice-child/fonts/Mulish/Mulish-SemiBold.woff2") format("woff2"); 2719 font-weight: 600; font-style: normal; font-display: swap; 2720} 2721@font-face{ 2722 font-family: "Mulish"; 2723 src: url("/wp-content/themes/voice-child/fonts/Mulish/Mulish-Bold.woff2") format("woff2"); 2724 font-weight: 700; font-style: normal; font-display: swap; 2725} 2726@font-face { 2727 font-family: 'FontAwesome'; 2728 src: url('/wp-content/themes/voice/assets/css/fonts/fontawesome-webfont.eot'); 2729 src: url('/wp-content/themes/voice/assets/css/fonts/.eot?#iefix') format('embedded-opentype'), 2730 url('/wp-content/themes/voice/assets/css/fonts/fontawesome-webfont.woff2') format('woff2'), 2731 url('/wp-content/themes/voice/assets/css/fonts/fontawesome-webfont.woff') format('woff'), 2732 url('/wp-content/themes/voice/assets/css/fonts/fontawesome-webfont.ttf') format('truetype'), 2733 url('/wp-content/themes/voice/assets/css/fonts/to/fontawesome-webfont.svg#fontawesomeregular') format('svg'); 2734 font-display: swap; 2735} 2736@font-face 2737{ 2738 font-display: swap; 2739 font-family: 'DomaineDisplayWeb-Regular'; 2740 src: url('/wp-content/themes/voice-child/fonts/DomaineDisplayWeb-Regular/domaine-display-medium.woff2') format('woff2'); 2741} 2742.vce-post-big li:last-child, .vce-post-slider li:last-child, .vce-single .entry-content p:last-child, .vce_posts_widget .vce-post-list li:last-child { 2743 margin-bottom: 40px; 2744} 2745.navbar-icon { 2746 text-transform: uppercase; 2747 letter-spacing: 1.5px; 2748 font-size: 11px; 2749} 2750.centered-product-container h4 { 2751 padding-top: 20px; 2752} 2753h3 { 2754 font-size: 3rem; 2755} 2756p, li, a, body, div { 2757 font-family: 'Mulish', sans-serif; 2758} 2759div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner { 2760 color: #f98c68!important; 2761 text-align: left; 2762 border-color: #f98c68!important; 2763} 2764body .editor-styles-wrapper, body .editor-styles-wrapper p, body .editor-styles-wrapper .wp-block 2765.entry-content h3 2766{ 2767 padding-bottom: 0px!important; 2768 padding-top: 10px!important; 2769} 2770.pagination-numbers { 2771 transition: border-bottom 0.2s ease-out; 2772 border-bottom: 1px solid #777; 2773} 2774.pagination-numbers:hover { 2775 border-bottom: 1px solid transparent; 2776} 2777.entry-content h3 2778{ 2779 margin-bottom: 2rem; 2780 margin-top: 2rem; 2781} 2782/* two columns and three columns for homepage */ 2783/* fonts */ 2784h1, h2 { 2785 font-size: 3.4rem; 2786} 2787h1, h2, h3, h4, h5, h6, .entry-title a, .newsletter-section-header, .main-box-title { 2788 font-family: 'Mulish', sans-serif; 2789 font-weight: normal; 2790} 2791.post h3, .single .post h2 { 2792 font-size: 2.6rem; 2793 transition: .3s ease-in-out; 2794} 2795/* main slider */ 2796/* main slider */ 2797/* wp-forms styles */ 2798.vce-format-icon { 2799 margin-top: -30px; 2800} 2801.main-box-inside { 2802 padding: 0px; 2803 justify-content: space-between; 2804} 2805/* brand profile */ 2806/* stops image zoom - theme default */ 2807.overlay { 2808 position:absolute; 2809 top:0px; 2810 left:0px; 2811 background-color: rgba(0, 0, 0, 0.55); 2812 width: 100%; 2813 height: 100%; 2814 z-index: 2; 2815} 2816/* Change Autocomplete styles in Chrome*/ 2817/* Hides author section from video pages */ 2818.meta-media { 2819 padding: 20px; 2820} 2821/* Create two equal columns that floats next to each other */ 2822.main-box-single .entry-title { 2823 padding-top: 20px; 2824 margin-bottom: 15px; 2825 width: 100%; 2826 letter-spacing: 1px; 2827 line-height: 1.3444; 2828 padding-bottom: 0px; 2829} 2830.single-post .entry-header:first-child { 2831 border-bottom: 1px solid #e5e5e5; 2832 padding-bottom: 2833 40px; 2834 padding-left: 10px; 2835 padding-right: 10px; 2836 margin: 10px 0px; 2837 margin-bottom: 0px; 2838} 2839/* archive - preview page */ 2840/* about page */ 2841/* Create two equal columns that floats next to each other */ 2842/* Clear floats after the columns */ 2843/* brands grid */ 2844.archive-container { 2845 margin: 0 auto; 2846 max-width: 1220px; 2847 margin-bottom: 30px; 2848} 2849/* Banners */ 2850.textwidget .side-banner-container img:hover { 2851 opacity: 1!important; 2852} 2853/* magazine - subscribe page */ 2854.magazine-container-main h3 { 2855 font-size: 2.6rem; 2856} 2857div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { 2858 font-weight: 300; 2859 font-family: 'Mulish', sans-serif; 2860 margin-bottom: 10px !important; 2861} 2862.portrait-img-responsive { 2863 width: 100%; 2864 max-width: 600px; 2865 margin: 0 auto; 2866 margin-bottom: 30px; 2867 text-align: center; 2868} 2869.single-columns-guide { 2870 width: 100%; 2871 max-width: 600px; 2872 margin: 0 auto; 2873 margin-bottom: 30px; 2874} 2875.square-img-responsive { 2876 width: 100%; 2877 max-width: 700px; 2878 padding: 0px; 2879} 2880/* owl carousel styles */ 2881/* end of owl carousel styles */ 2882.page-title { 2883 font-size: 32px; 2884 margin-bottom: 20px; 2885 margin-top: 0; 2886} 2887.entry-footer .meta-tags a { 2888 text-decoration: none; /* Remove the default underline */ 2889 border-bottom: 1px solid black; /* Add a 1px underline */ 2890 padding-bottom: 1px; /* Adjust padding to make space for the underline */ 2891 text-underline-offset: 5px; 2892 font-weight: 500; 2893 font-size: 18px; 2894 margin-right: 5px; 2895 transition: all 0.2s ease-in-out; 2896} 2897.entry-footer .meta-tags a:hover { 2898 opacity: 0.5; 2899} 2900.post .entry-content .row { 2901 margin-bottom: 20px; 2902} 2903/* Image with 'data' attribute is hidden */ 2904/* Image without 'data' attribute is (or becomes) visible */ 2905.author-main-container h1 { 2906 font-size: 16px; 2907} 2908.author-main-container { 2909 margin-bottom: 30px; 2910} 2911/* Clearfix (clear floats) */ 2912.header-border-bottom { 2913 border-bottom: 1px solid #d7d7d7; 2914 padding-bottom: 10px !important; 2915 margin-bottom: 25px !important; 2916} 2917#wpadminbar { 2918 z-index: 999999999999999999999999; 2919} 2920.fancybox-is-open .fancybox-bg { 2921 opacity: 1; 2922} 2923.fancybox { 2924 display: block; 2925 border-bottom: 0px !important; 2926} 2927.main-box-inside .owl-carousel { 2928 margin-bottom: -10px; 2929} 2930.owl-theme .owl-nav [class*=owl-] { 2931 display: block !important; 2932 padding: 10px!important; 2933 width: 35px !important; 2934} 2935.homepage-container .post img, .reviews-container img, .vce-sid-none .vce-lay-b .meta-image, .vce-sid-none .vce-lay-b img, .vce-sid-none .vce-lay-c .meta-image, .vce-sid-none .vce-lay-c img { 2936 object-fit: cover; 2937 min-height: 100px; 2938} 2939body, .mks_author_widget h3, .site-description, .meta-category a, textarea { 2940 font-family: 'Mulish', sans-serif; 2941} 2942.view-archives { 2943 font-size: 14px !important; 2944} 2945.comment .avatar { 2946 display: none !important; 2947} 2948.vce-related-box h3 { 2949 margin-bottom: 10px; 2950} 2951a[aria-current="page"] { 2952 background: none !important; 2953} 2954.login-form { 2955 text-align: left; 2956} 2957.login-form input[type=text], .login-form input[type=password] { 2958 width: 100% !important; 2959 padding: 10px !important; 2960 margin-bottom: 15px !important; 2961 min-height: 50px !important; 2962 border: 1px solid #aaa !important; 2963 border-radius: 0px !important; 2964 background: #fff!important; 2965} 2966.login-form input[type=text]:focus, .login-form input[type=password]:focus { 2967 border: 1px solid #555 !important; 2968} 2969.login-form input[type=password] { 2970 margin-bottom: 20px !important; 2971} 2972.login-form button { 2973 text-align: center; 2974 border-radius: 0px; 2975 font-family: "DomaineDisplayWeb-Regular", sans-serif; 2976 letter-spacing: 0.75px !important; 2977 font-size: 14px; 2978 text-decoration: none;
2979 display: block; 2980 width: 100%; 2981 padding: 14px 0px; 2982 text-transform: uppercase; 2983 background: #151515; 2984 font-weight: 500; 2985 color: #fff; 2986 letter-spacing: 0.75px; 2987 text-decoration: none; 2988 border: 1px solid #151515; 2989 transition: all .3s ease-in-out !important; 2990 outline: none; 2991 margin-bottom: 5px; 2992} 2993.login-form button:hover { 2994 border: 1px solid #333; 2995 background: #333!important; 2996 color: #fff !important; 2997 text-decoration: none !important; 2998} 2999.remember-checkbox label { 3000 font-family: 'Mulish', sans-serif !important; 3001 font-size: 12px; 3002 text-transform: uppercase; 3003 vertical-align: middle; 3004 display: inline; 3005 vertical-align: baseline; 3006 font-size: 16px; 3007 font-weight: 400; 3008 line-height: 1.3; 3009 word-break: break-word; 3010 font-size: 11px!important; 3011} 3012.remember-checkbox { 3013 margin-bottom: 30px; 3014} 3015.logout-button, .bio-update-button, .view-issue-button { 3016 transition: all .3s ease-in-out; 3017} 3018.logout-button:hover, .bio-update-button:hover, .view-issue-button:hover { 3019 border: 1px solid #333; 3020 background: #333!important; 3021 color: #fff !important; 3022 text-decoration: none !important; 3023} 3024.sr-only { 3025 position: absolute; 3026 width: 1px; 3027 padding: 0; 3028 margin: -1px; 3029 white-space: nowrap; 3030 border: 0; 3031} 3032.login-archive-button { 3033 font-style: italic; 3034} 3035.comment-reply-title { 3036 display: flex; 3037 justify-content: space-between; 3038} 3039.login-archive-button a { 3040 font-style: italic; 3041 display: inline; 3042 line-height: 0.9px; 3043 font-size: 16px; 3044 transition: border-bottom 0.2s ease-out; 3045 border-bottom: 1px solid #777; 3046 cursor: pointer; 3047} 3048input, .wpforms-field-stripe-credit-card-cardname, .view-issue-button { 3049 font-family: 'Mulish', sans-serif !important; 3050} 3051.entry-content { 3052 max-width: calc(100% - 0px) !important; 3053 margin: 0 auto; 3054} 3055.archive-column img { 3056 background: #f9f9f9; 3057} 3058strong { 3059 color: #333; 3060} 3061.entry-content img { 3062 padding: 0!important; 3063 padding-top: 0px; 3064 background: #f9f9f9; 3065} 3066h3 { 3067 font-size: 2.6rem; 3068} 3069.intro-text { 3070 padding-top: 30px; 3071} 3072p, li, div { 3073 color: #666; 3074 font-weight: 400; 3075} 3076h3, h2, h1, h4, h5, h6, .entry-title a, .newsletter-section-inner p { 3077 font-family: "DomaineDisplayWeb-Regular", sans-serif; 3078 letter-spacing: 0.2px; 3079 color: #494949; 3080} 3081.post h3 { 3082 color: #222; 3083} 3084.subscription-column-right p { 3085 line-height: 1.4; 3086 font-size: 14px; 3087 max-width: 800px; 3088 margin-bottom: 20px; 3089} 3090.complete-checkout-disclaimer { 3091 line-height: 1.9 !important; 3092} 3093.subscription-column-right .mag-info:last-child { 3094 margin-bottom: 25px !important; 3095} 3096body { 3097 background: #fff; 3098} 3099body .main-box-title { 3100 padding: 0px 10px 10px 0px; 3101} 3102.homepage-wrapper .post { 3103 text-align: center; 3104} 3105.latest-container .post { 3106 text-align: left; 3107} 3108p, .entry-content ul, .entry-zcontent a, .entry-content li, .meta-tags a, b, dt, strong, th, .wp-caption-copy .vce-single .entry-content p, td { 3109 font-size: 1.44444rem; 3110 line-height: 1.9; 3111} 3112strong { 3113 line-height: 1.4; 3114} 3115h1, h2, h3, h4, h5, h6, .entry-title a, .prev-next-nav a, #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink, .woocommerce ul.products li.product .price .amount { 3116 color: #151515; 3117} 3118.view-archives { 3119 line-height: 1.6; 3120} 3121div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li { 3122 margin: 20px 0px 10px 0 !important; 3123} 3124.wpforms-form input[type=checkbox] { 3125 margin-left: 0px!important; 3126} 3127.mini-tech-spec-container .price-and-specs-header 3128{ 3129 margin-top: 0px; 3130} 3131body .editor-styles-wrapper, body .editor-styles-wrapper p, body .editor-styles-wrapper .wp-block .entry-content h3 3132{ 3133 padding-bottom: 0px!important; 3134 padding-top: 10px!important; 3135} 3136.home .pagination-numbers { 3137 transition: border-bottom 0.2s ease-out; 3138 border-bottom: 1px solid #777; 3139} 3140.home .pagination-numbers:hover { 3141 border-bottom: 1px solid transparent; 3142} 3143.homepage-pagination span { 3144 margin: 0px 10px; 3145} 3146.homepage-pagination span.pagination-next { 3147 opacity: 1; 3148 margin: 0px 10px; 3149 transition: border-bottom 0.2s ease-out; 3150 border-bottom: 1px solid #777; 3151} 3152.homepage-pagination span.pagination-next:hover { 3153 border-bottom: 1px solid transparent; 3154} 3155.entry-content h3 { 3156 margin-bottom: 15px; 3157 margin-top: 20px; 3158} 3159.entry-content img 3160{ 3161 padding: 0px; 3162} 3163.owl-stage-outer 3164{ 3165 line-height: 0!important; 3166} 3167.vce-lay-a .entry-title a { 3168 line-height: 1.25; 3169} 3170h4 { 3171 font-size: 2rem; 3172} 3173body h1.entry-title { 3174 max-width: 90%; 3175} 3176/* two columns and three columns for homepage */ 3177.two-column-post .vce-lay-c { 3178 width: 49%; 3179 margin: 0 1% 3% 0!important; 3180} 3181.two-column-post .vce-lay-c:nth-child(even) { 3182 margin-right: 0px!important; 3183 margin-left: 1%!important; 3184} 3185.two-row-column-post .vce-lay-c:nth-last-of-type(1), 3186.two-row-column-post .vce-lay-c:nth-last-of-type(2) { 3187 display: block; 3188} 3189.two-column-post .vce-lay-c img { 3190 object-fit: cover; 3191 width: 100%; 3192} 3193.two-column-post .vce-lay-c .entry-title a { 3194 display: -webkit-box; 3195 -webkit-line-clamp: 4; 3196 -webkit-box-orient: vertical; 3197 overflow: hidden; 3198 text-transform: none; 3199 line-height: 1.4; 3200 font-size: 16px; 3201 letter-spacing: 0.75px; 3202} 3203.vce-sid-none .vce-lay-c .entry-title { 3204 line-height: 1.1; 3205} 3206.videos-section .vce-lay-a .entry-header { 3207 padding: 0px; 3208} 3209.wp-caption-copy, .wp-caption .wp-caption-text { 3210 font-size: 1.2888rem!important; 3211 font-style: normal!important; 3212 color: #999; 3213} 3214.entry-content .owl-carousel li, .entry-content .owl-carousel a { 3215 line-height: 0; 3216 height: 100%; 3217} 3218.two-column-post-image img { 3219 margin-bottom: 0px; 3220} 3221.entry-content p:first-child img { 3222 padding-top: 0px; 3223} 3224.comment-form-label-container label { 3225 font-size: 12px; 3226 text-transform: uppercase; 3227 letter-spacing: 0.25px; 3228} 3229.main-slider-custom .meta-category { 3230 display: none; 3231} 3232.no-desktop #vce-pagination { 3233 display: none; 3234} 3235.entry-header:first-child .entry-meta::before { 3236 font-size: 10px!important; 3237 color: #555!important; 3238 text-transform: uppercase; 3239 letter-spacing: 0.75px; 3240} 3241.no-margin-bottom { 3242 margin-bottom: 0px; 3243} 3244.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { 3245 letter-spacing: 0.5px; 3246} 3247.post h3 { 3248 font-size: 2.6rem; 3249 transition: .3s ease-in-out; 3250} 3251/* main slider */ 3252#main-box-1 .meta-category { 3253 display: none; 3254} 3255.videos-section .vce-lay-a .entry-title { 3256 max-width: 97%; 3257 padding-top: 10px; 3258 float: left; 3259} 3260.vce-border-top .main-box-title { 3261 font-weight: 700; 3262 letter-spacing: 0.25px; 3263} 3264#vce-pagination { 3265 padding-top: 30px; 3266} 3267#vce-pagination .page-numbers, #vce-pagination a { 3268 border-radius: 0!important; 3269 font-size: 12px; 3270 padding: 5px 20px; 3271 background: #fff; 3272} 3273#vce-pagination .page-numbers.current, #vce-pagination .next.page-numbers { 3274 border-radius: 0!important; 3275 font-size: 11px; 3276 padding: 5px 20px; 3277} 3278#vce-pagination .prev.page-numbers, #vce-pagination .page-numbers.current { 3279 padding: 5px 20px; 3280} 3281#vce-pagination .next.page-numbers, #vce-pagination .prev.page-numbers, #vce-pagination .page-numbers.current, #vce-pagination .page-numbers:hover { 3282 background-color: #111!important; 3283 letter-spacing: 1px; 3284 position: unset!important; 3285 color: #666!important; 3286 border: 1px solid #aaa!important; 3287} 3288.price-and-specs-header { 3289 margin-top: 60px; 3290 margin-bottom: 30px!important; 3291 font-size: 23px!important; 3292 font-family: "DomaineDisplayWeb-Regular", sans-serif!important; 3293} 3294.soc-nav-menu a { 3295 font-size: 12px; 3296} 3297.meta-tags::before { 3298 content: "Tags: "; 3299 text-transform: uppercase; 3300 font-weight: 500; 3301 color: #111; 3302 font-family: "DomaineDisplayWeb-Regular", sans-serif!important; 3303 line-height: 1.9; 3304 letter-spacing: 1px; 3305} 3306#vce-pagination .next.page-numbers, #vce-pagination .page-numbers.current, #vce-pagination .prev.page-numbers, .mks_author_link, .mks_themeforest_widget .more, body div.wpforms-container-full .wpforms-form .wpforms-page-button, body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form input[type=submit] { 3307 font-size: 11px; 3308} 3309.vce-responsive-nav { 3310 line-height: 30px; 3311} 3312.bottom-nav-menu a, .site-info p { 3313 font-size: 10px; 3314 letter-spacing: 1.25px; 3315} 3316.site-footer .site-info .container { 3317 max-width: 1200px!important; 3318} 3319/* main slider */ 3320.vce-sid-none .vce-slider-pagination .vce-lay-g { 3321 width: 100%!important; 3322} 3323.vce-lay-g .meta-image a img { 3324 max-height: 440px; 3325 object-fit: cover; 3326} 3327.vce-lay-g .vce-featured-info { 3328 height: 100%!important; 3329} 3330.vce-lay-g .meta-category { 3331 display: none; 3332} 3333.vce-lay-g .entry-title { 3334 max-width: 100%; 3335} 3336.vce-lay-g .vce-featured-info { 3337 height: 100%!important; 3338 padding: 20px; 3339 padding-left: 40px; 3340} 3341.vce-featured-header-background { 3342 background: rgb(0,0,0); 3343 background: linear-gradient(0deg, rgba(0,0,0,1) 13%, rgba(0,0,0,0.04525560224089631) 95%, rgba(0,0,0,0) 100%); 3344} 3345/* wp-forms styles */ 3346body div.wpforms-container-full .wpforms-form button[type=submit] { 3347 border-radius: 0px; 3348 font-family: "DomaineDisplayWeb-Regular", sans-serif!important; 3349 letter-spacing: 0.75px !important; 3350 font-size: 14px; 3351 text-decoration: none;
3352 display: block; 3353 width: 100%; 3354 padding: 14px 0px; 3355 text-transform: uppercase; 3356 background: #222; 3357 font-weight: 500; 3358 color: #fff; 3359 letter-spacing: 0.75px; 3360 text-decoration: none; 3361 border: 1px solid #222; 3362 transition: all .3s ease-in-out !important; 3363 outline: none; 3364} 3365.subscribe-list li { 3366 font-size: 1.3rem!important; 3367} 3368body div.wpforms-container-full .wpforms-form button[type=submit]:focus, body div.wpforms-container-full .wpforms-form button[type=submit]:active, body div.wpforms-container-full .wpforms-form button[type=submit]:hover { 3369 border: 1px solid #333; 3370 background: #333!important; 3371 color: #fff !important; 3372 text-decoration: none !important; 3373} 3374.wpforms-field-textarea { 3375 max-width: 60%; 3376} 3377div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio] { 3378 vertical-align: middle; 3379 margin: -1px 10px 0 3px; 3380} 3381.entry-title { 3382 font-family: "DomaineDisplayWeb-Regular", sans-serif; 3383 padding: 10px 0px; 3384} 3385.data-links a { 3386 background: #fff; 3387 color: #333; 3388 text-transform: uppercase; 3389 letter-spacing: 1px; 3390 color: #555; 3391 border: 1px solid #aaa; 3392 border-radius: 0; 3393 Outline: none; 3394 font-size: 12px; 3395 font-weight: 500; 3396 line-height: 43px; 3397 padding: 8px 60px; 3398} 3399.data-links a:hover { 3400 background-image: none; 3401} 3402.vce-format-icon i { 3403 border: none; 3404} 3405.vce-lay-b .vce-format-icon, .vce-lay-c .vce-format-icon { 3406 margin-top: -30px; 3407} 3408.vce-menu-parent { 3409 border-left: none; 3410} 3411input[type=submit] { 3412 transition: all .3s ease-in-out; 3413} 3414.sign-up-button input:hover { 3415 background: rgba(255,255,255, 0.1)!important; 3416 color: #fff; 3417} 3418.sign-up-button input { 3419 outline: none; 3420} 3421.vce-lay-c .meta-category, .vce-lay-a .meta-category, .single-post .meta-category { 3422 padding-bottom: 10px; 3423} 3424.single-post .meta-category a { 3425 margin-left: 3px; 3426 transition: 0.3s; 3427} 3428.single-post .meta-category a:first-child { 3429 margin-left: 0px; 3430 line-height: 1.2; 3431} 3432.learn-more-button { 3433 border-bottom: none; 3434} 3435.vce-lay-c .meta-category a, .vce-lay-a .meta-category a, .single-post .meta-category a { 3436 font-size: 10px; 3437 line-height: 1.2; 3438 display: inline-block; 3439 padding: 4px 6px; 3440 text-transform: uppercase; 3441 letter-spacing: 1.75px; 3442 margin-bottom: 5px; 3443 border-bottom: 1px solid #777; 3444 padding: 0px 2px; 3445 transition: all 0.25s ease-in-out; 3446} 3447#vce-pagination a:hover { 3448 background-image: none; 3449} 3450#vce-pagination a { 3451 border-radius: 0px; 3452 background: #fff; 3453 color: #111; 3454 font-size: 12px; 3455 padding: 8px 40px; 3456 text-decoration: none; 3457 border: 1px solid #777; 3458 font-weight: 500; 3459 text-transform: uppercase; 3460 letter-spacing: 1px; 3461} 3462.vce-sid-none .vce-lay-c .entry-title, body .vce-lay-c .entry-title { 3463 max-width: 100%; 3464} 3465body:not(.home) .main-box-inside { 3466 padding-top: 0px; 3467} 3468body:not(.home) .main-box-title { 3469 border: none; 3470 padding-right: 0px; 3471 padding-top: 10px; 3472 font-weight: 500; 3473 width: 100%; 3474 max-width: 100%; 3475} 3476body:not(.home) .main-box-inside .main-box-title { 3477 padding-left: 0px; 3478 padding-bottom: 15px; 3479 padding-right: 0px!important; 3480} 3481#vce-pagination, .vce-slider-pagination .owl-controls, .vce-content-outside, .comments-holder .navigation { 3482 background: #fff; 3483} 3484.header-sticky { 3485 -webkit-box-shadow: 0 0.1rem 0.5rem 0 rgba(0,0,0,.15); 3486 box-shadow: 0 0.1rem 0.5rem 0 rgba(0,0,0,.15); 3487} 3488.main-box-inside { 3489 padding: 0px; 3490 justify-content: flex-start; 3491} 3492.site-content { 3493 padding: 0px 10px; 3494} 3495.site-branding { 3496 padding: 0px; 3497 -webkit-touch-callout: none; /* iOS Safari */ 3498 -webkit-user-select: none; /* Safari */ 3499 -khtml-user-select: none; /* Konqueror HTML */ 3500 -moz-user-select: none; /* Old versions of Firefox */ 3501 -ms-user-select: none; /* Internet Explorer/Edge */ 3502 user-select: none; /* Non-prefixed version, currently 3503 supported by Chrome, Edge, Opera and Firefox */ 3504} 3505.meta-category span { 3506 display: none; 3507} 3508.header-bottom-wrapper { 3509 background: #fff!important; 3510 box-shadow: none; 3511} 3512.site-branding img { 3513 max-width: 200px; 3514 height: 100%; 3515} 3516.vce-border-top .main-box-title { 3517 border: none; 3518 font-weight: 700; 3519} 3520.vce-post { 3521 box-shadow: none; 3522} 3523.main-box-title, .entry-title-page { 3524 overflow: hidden; 3525 text-align: left; 3526 text-indent: 0px; 3527 padding-right: 0px; 3528 max-width: calc(100% - 20px); 3529 font-size: 2.2rem; 3530} 3531body { 3532 background-color: #ffff; 3533} 3534.main-box { 3535 background: none; 3536 box-shadow: none; 3537} 3538#vce-pagination { 3539 border-top: none; 3540 background: none; 3541 box-shadow: none; 3542} 3543.vce-lay-c .meta-category { 3544 text-align: center; 3545} 3546.vce-lay-c .entry-title, .vce-lay-c .entry-content, .vce-lay-c .entry-meta { 3547 text-align: center; 3548 line-height: 1; 3549} 3550.vce-lay-c .entry-content, .vce-lay-a .entry-content { 3551 display: none!important; 3552} 3553.vce-lay-c .entry-title a { 3554 text-transform: none; 3555 font-size: 16px; 3556 letter-spacing: 0.5px; 3557} 3558.vce-lay-a .entry-title a { 3559 font-size: 20px; 3560 max-width: 90%; 3561 letter-spacing: 0.75px; 3562} 3563.vce-lay-a .meta-category { 3564 display: block; 3565} 3566.main-box-title { 3567 box-shadow: none; 3568 text-align: left; 3569 padding-bottom: 10px; 3570} 3571/* brand profile */
3572.brand-page-container { 3573 display: block; 3574 margin-top: 20px; 3575 margin-bottom: 20px; 3576} 3577.brand-details { 3578 float: left; 3579 width: 100%; 3580 padding-top: 30px; 3581 padding-bottom: 100%; 3582 margin-bottom: -100%; 3583 text-align: center; 3584 line-height: inherit; 3585} 3586.brand-details a { 3587 display: inline-block; 3588 padding-right: 5px; 3589 text-decoration: none; 3590} 3591.brand-details a:first-child { 3592 padding-left: 10px; 3593} 3594.brand-details p { 3595 padding: 0 20px; 3596 padding-left: 20px; 3597} 3598.brand-details p:last-child { 3599 margin-bottom: 0px; 3600} 3601.brand-logo-column { 3602 width: 100%; 3603 float: left; 3604 padding-bottom: 100%; 3605 margin-bottom: -100%; 3606} 3607.brand-logo { 3608 width: 200px; 3609 height: 200px; 3610 background: black; 3611 -moz-border-radius: 133px; 3612 -webkit-border-radius: 133px; 3613 border-radius: 133px; 3614 overflow:hidden; 3615 padding: 1px; 3616 box-shadow: 0 0 5px white; 3617 -mox-box-shadow: 0 0 5px white; 3618 -webkit-box-shadow: 0 0 5px white; 3619 border: 1px solid rgba(255, 255, 255, 0); 3620 padding:2px; 3621 margin: 0 auto; 3622 margin-bottom: 30px; 3623} 3624.brand-logo img { 3625 object-fit: contain; 3626 width: 100%; 3627 height: 100%; 3628 vertical-align: middle; 3629} 3630#brand-logo-wrapper { 3631 width: 200px; 3632 height: 200px; 3633 margin: 5px auto; 3634 border-spacing:3px; 3635 position:relative; 3636 margin-top: 10px; 3637} 3638#brand-logo-wrapper:after { 3639 content: ''; 3640 position: absolute; 3641 top: -5px; 3642 left: -5px; 3643 right: -5px; 3644 bottom: -5px; 3645 border: #e1e1e1 2px solid; 3646 border-radius: 50%; 3647} 3648/* stops image zoom - theme default */ 3649.meta-image:hover img { 3650 -webkit-transform: scale(1.0) !important; 3651 -moz-transform: scale(1.0) !important; 3652 -ms-transform: scale(1.0) !important; 3653 -o-transform: scale(1.0) !important; 3654 transform: scale(1.0) !important; 3655} 3656.single-post .entry-title { 3657 font-size: 3.2rem; 3658 width: 100%; 3659} 3660.full-width-column { 3661 width: 100vw; 3662 position: relative; 3663 margin-left: -50vw; 3664 left: 50%; 3665} 3666.newsletter-section form { 3667 z-index: 3; 3668 position: relative; 3669} 3670.newsletter-section { 3671 background-image: url("/wp-content/uploads/2023/02/newsletter-mobile.jpg"); 3672 background-position: center; 3673 background-repeat: no-repeat; 3674 background-size: cover; 3675 height: auto; 3676 width: 100%; 3677 padding: 30px; 3678 padding-top: 40px; 3679 margin-top: 20px; 3680 position: relative; 3681} 3682.newsletter-section .sign-up-button { 3683 padding-top: 40px; 3684} 3685.newsletter-section-inner { 3686 max-width: 768px; 3687 margin: auto; 3688} 3689html { 3690 overflow-x: hidden; 3691} 3692.newsletter-section-inner p { 3693 text-align: center; 3694 color: #f8f8ff; 3695 letter-spacing: 0.75px; 3696 line-height: 1.25; 3697 margin-bottom: 10px; 3698} 3699.newsletter-section-header { 3700 font-size: 26px; 3701 margin-bottom: 10px; 3702 font-weight: 500; 3703} 3704.newsletter-input { 3705 max-width: 75%; 3706 margin: auto; 3707 margin-bottom: 40px; 3708} 3709.newsletter-input input { 3710 border: 0; 3711 border-radius: 0; 3712 background: white; 3713 font-size: 1em; 3714} 3715.newsletter-input input[type=tel], .newsletter-input input[type=number], .newsletter-input input[type=date], .newsletter-input input[type=text], .newsletter-input input[type=email], .newsletter-input input[type=url], .newsletter-input input[type=password], .newsletter-input select, .newsletter-input textarea { 3716 line-height: normal; 3717 width: 100%; 3718 background: rgba(255,255,255,0); 3719 border: none; 3720 height: 42px; 3721 padding: 0 20px 0 10px; 3722 border-bottom: 1px solid #fff; 3723 text-align: center; 3724} 3725.newsletter-input input[type=search]:focus, .newsletter-input input[type=text]:focus, .newsletter-input input[type=email]:focus, .newsletter-input input[type=url]:focus, .newsletter-input input[type=password]:focus, .newsletter-input textarea:focus { 3726 color: #fff; 3727} 3728.owl-carousel img { 3729 border: none !important; 3730} 3731/* Change Autocomplete styles in Chrome*/ 3732.sign-up-button input { 3733 border-radius: 0; 3734 background: none; 3735 color: #4a4a4a; 3736 font-size: 12px; 3737 border: 1px solid white; 3738 color: #fff; 3739 font-weight: 500; 3740 text-transform: uppercase; 3741 letter-spacing: 1px; 3742 padding: 8px 60px; 3743 line-height: 43px; 3744} 3745.sign-up-button input:hover { 3746 background:rgba(255,255,255, 0.9); 3747 color: #fff; 3748} 3749#footer_social_links a:hover, #footer_navigation_links a:hover { 3750 color: #777; 3751} 3752.site-info a { 3753 text-decoration: none; 3754} 3755.square { 3756 float:left; 3757 position: relative; 3758 width: 21.66%; 3759 padding-bottom : 21.66%; /* = width for a 1:1 aspect ratio */ 3760 margin:1.66%; 3761 background-position:center center; 3762 background-repeat:no-repeat; 3763 background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */ 3764} 3765.img_1-1{background-image:url('/wp-content/uploads/2017/05/Rolex-Logo-2.jpg');} 3766.img_1-2{background-image:url('/wp-content/uploads/2018/08/Omega-Logo.jpg');} 3767.img_1-3{background-image:url('/wp-content/uploads/2020/01/Seiko-Logo.jpg');} 3768.img_1-4{background-image:url('/wp-content/uploads/2018/12/IWC-Logo.jpg');} 3769.flex-caption p, .flex-control-nav {
3770 display: none; 3771} 3772#date { 3773 margin: auto; 3774 text-align: left; 3775 color: #4a4a4a; 3776 top: 0; left: 0; bottom: 0; right: 0; 3777 padding-left: 5px; 3778 float: left; 3779 text-transform: uppercase; 3780 font-size: 10px; 3781 letter-spacing: 1px; 3782} 3783#day { 3784 text-align: center; 3785 margin: auto; 3786 text-align: left; 3787 color: #4a4a4a; 3788 float: left; 3789 text-transform: uppercase; 3790 font-size: 10px; 3791 letter-spacing: 1px; 3792} 3793.vce-sid-none .vce-main-content { 3794 width: 100%; 3795 padding: 0; 3796 margin-top: 0px; 3797} 3798.soc-nav-menu li a:hover { 3799 background: #f6f6f6!important; 3800 color: #000; 3801} 3802.vce-search-input { 3803 border: 1px solid transparent!important; 3804 border-bottom: 1px solid #ddd!important; 3805 font-size: 16px!important; 3806} 3807.meta-item a { 3808 transition: border-bottom 0.2s ease-out; 3809 border-bottom: 1px solid #777; 3810} 3811.vce-lay-a .meta-item a { 3812 transition: border-bottom 0.2s ease-out; 3813 border-bottom: 1px solid #777; 3814} 3815.my-slider-2 .post-meta, .latest-container .post-meta { 3816 padding-left: 0px; 3817} 3818.latest-container .post-meta { 3819 padding: 0px; 3820} 3821.meta-item { 3822 color: #777!important; 3823} 3824.vc_separator.vc_separator_align_center h4 { 3825 font-weight: 700; 3826 font-size: 20px; 3827} 3828.vce-lay-a img { 3829 width: 100%; 3830 float: left; 3831 object-fit: cover; 3832 background: #f9f9f9; 3833} 3834.vce-lay-c img { 3835 max-width: 100%; 3836 width: 100%; 3837 object-fit: cover; 3838} 3839.comment-metadata a, .fn, .fn a, .says { 3840 font-size: 11px; 3841 color: #555; 3842} 3843.comment-meta { 3844 margin-bottom: 10px; 3845} 3846#main-box-1 .owl-controls { 3847 height: 0px; 3848 padding: 0px; 3849} 3850#main-box-1 .owl-theme .owl-nav { 3851 margin-top: 0px; 3852} 3853#main-box-1 .owl-dots { 3854 display: none!important; 3855} 3856#main-box-1 #vce-pagination, .comments-holder .navigation, .vce-slider-pagination .owl-controls { 3857 position: unset; 3858} 3859#main-box-1 #vce-pagination, #main-box-1 .comments-holder .navigation, #main-box-1 .vce-slider-pagination .owl-controls { 3860 border-top: none; 3861} 3862.vce-sid-none .vce-slider-pagination .vce-lay-a { 3863 width: 100%; 3864 margin-right: 0px; 3865 margin-left: 0px; 3866} 3867.vce-lay-a { 3868 padding-bottom: 0px; 3869} 3870.videos-section .vce-lay-a { 3871 padding-bottom: 0px; 3872} 3873.owl-item { 3874 margin-right: 10px; 3875} 3876.vce-related-box article:last-child { 3877 display: block; 3878} 3879/* Hides author section from video pages */ 3880.single-format-video .author-box { 3881 display: none; 3882} 3883.meta-media { 3884 padding: 20px 10px; 3885} 3886.videos-section .vce-lay-a .entry-title, .videos-section .vce-lay-a .entry-title a { 3887 line-height: 3.5rem; 3888 text-align: left; 3889 padding: 20px 0px; 3890 padding-bottom: 0px; 3891} 3892.vce-single .wp-caption { 3893 border: none; 3894 border-bottom: none; 3895} 3896.wp-caption .wp-caption-text, .wp-caption-copy { 3897 margin: 0; 3898 padding: 0px; 3899 padding-top: 5px; 3900 font-size: 14px; 3901 font-style: italic!important; 3902 -webkit-box-shadow: none; 3903 box-shadow: none; 3904 letter-spacing: 0.25px; 3905 padding-left: 0px; 3906 text-align: left; 3907} 3908.two-column-image-caption img { 3909 margin-bottom: 5px; 3910 padding-bottom: 0px; 3911 padding-right: 0px; 3912} 3913.two-column-image .code-block { 3914 display: none!important; 3915} 3916/* Create two equal columns that floats next to each other */ 3917.two-column-image-caption { 3918 float: left; 3919 width: calc(50% - 1px); 3920} 3921.two-column-image-caption:first-child { 3922 float: left; 3923 width: calc(50% - 1px); 3924 margin-right: 2px; 3925} 3926.two-column-post-image { 3927 float: left; 3928 width: calc(50% - 1px); 3929} 3930.two-column-post-image:first-child { 3931 float: left; 3932 width: calc(50% - 1px); 3933 margin-right: 5px; 3934} 3935#post-78880 .code-block-4, #post-78925 .code-block-4 { 3936 display: none!important; 3937} 3938.subscribe-list { 3939 font-size: 1.3rem; 3940} 3941.vce-border-top .main-box-title { 3942 border: none; 3943} 3944.vce-slider-a .owl-item, .vce-slider-b .owl-item { 3945 padding: 0px; 3946} 3947.main-box-single .entry-meta { 3948 text-align: center; 3949 padding: 0px 20px; 3950} 3951.single-post .entry-header:first-child { 3952 border-bottom: 1px solid #e5e5e5; 3953 padding-bottom: 3954 40px; 3955 padding-left: 10px; 3956 padding-right: 10px; 3957 margin: 10px 0px; 3958 margin-bottom: 20px; 3959} 3960.single-post .entry-content { 3961 margin-top: 10px!important; 3962} 3963/* archive - preview page */ 3964.redux-templates_full_width p { 3965 margin-bottom: 0px!important; 3966} 3967.issuu-embed-container { 3968 position: relative; 3969 padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */ 3970 height: 0; 3971 overflow: hidden; 3972 max-width: 100%; 3973} 3974.issuu-embed-container iframe { 3975 position: absolute; 3976 top: 0; 3977 left: 0; 3978 width: 100%; 3979 height: 100%; 3980 max-height: 100vh; 3981} 3982/* about page */ 3983.about-page h3 { 3984 font-size: 2.6rem; 3985} 3986/* Create two equal columns that floats next to each other */ 3987.contact-column { 3988 float: left; 3989 width: 50%; 3990} 3991/* Clear floats after the columns */ 3992.contact-column:after { 3993 content: "";
3994 display: table; 3995 clear: both; 3996} 3997/* brands grid */ 3998.archive-cell a { 3999 display: block; 4000 height: 100%; 4001} 4002.archive-cell img { 4003 display: block; 4004 background: #eee; 4005 height: 100%; 4006} 4007.archive-grid { 4008 display: flex; 4009 flex-wrap: wrap; 4010 flex-direction: row; 4011} 4012.archive-cell { 4013 width: 50%; 4014} 4015.archive-cell { 4016 margin: 0.25rem; 4017 width: calc(50% - 0.5rem); 4018} 4019.videos-section { 4020 background-image: url("/wp-content/uploads/2022/02/off-black-pixel.jpg"); 4021 background-position: center; 4022 background-repeat: no-repeat; 4023 background-size: cover; 4024 padding-bottom: 50px; 4025 padding-top: 50px; 4026 margin-bottom: 0px; 4027 margin-top: 20px; 4028} 4029.videos-section .main-box-inside { 4030 max-width: 1200px; 4031 margin: auto; 4032 float: none; 4033} 4034.videos-section .main-box-title { 4035 background: none; 4036 color: #fff!important; 4037} 4038.vce-lay-a .entry-title { 4039 max-width: 90%; 4040 padding: 0px 30px; 4041 padding-top: 30px; 4042 padding-bottom: 20px; 4043} 4044.videos-section .vce-lay-a img { 4045 width: 100%; 4046 float: left; 4047 max-height: 340px; 4048 object-fit: cover; 4049} 4050.videos-section .vce-post { 4051 background: none; 4052} 4053.videos-section .vce-lay-d .meta-image { 4054 object-fit: cover; 4055 object-position: 0 0; 4056} 4057.videos-section .vce-lay-d .vce-format-icon i { 4058 height: 26px; 4059 width: 26px; 4060 padding: 1px 0 0; 4061 font-size: 10px; 4062 line-height: 22px; 4063 border: 1px solid rgba(255,255,255,1); 4064 display: none; 4065} 4066.vce-lay-d img { 4067 object-fit: cover; 4068} 4069.videos-section .entry-title a { 4070 color: #f8f8ff; 4071 font-weight: 500; 4072 letter-spacing: 1px; 4073} 4074.videos-section .entry-title a:hover { 4075 color: #fff; 4076} 4077.mc4wp-success { 4078 color: #468847; 4079 margin-bottom: 30px; 4080 width: 100%; 4081 display: inline-block; 4082} 4083.site-footer .mc4wp-success { 4084 margin-bottom: 0px; 4085} 4086.mc4wp-success p { 4087 color: #111; 4088 padding: 0px; 4089 width: 100%; 4090 display: inline-block; 4091 font-size: 14px; 4092 padding: 0px 0px; 4093 text-align: center; 4094 margin-bottom: 0px; 4095 margin-bottom: 0px!important; 4096} 4097.videos-section a, .videos-section .entry-meta div { 4098 color: #dfdfe5; 4099} 4100.videos-section a:hover { 4101 color: #fff; 4102} 4103.videos-section .meta-item .vcard a { 4104 color: #fff; 4105} 4106.videos-section .vce-lay-a .meta-image { 4107 width: 60%; 4108 float: right; 4109 border: none; 4110} 4111.videos-section .vce-lay-a .entry-header { 4112 text-align: left; 4113 margin-bottom: 14px; 4114 border: 0px; 4115 float: left; 4116 width: 40%; 4117} 4118.videos-section .vce-format-icon { 4119 display: block; 4120 text-align: center; 4121 position: absolute; 4122 width: 100%; 4123} 4124.videos-section .vce-lay-a .vce-format-icon i { 4125 height: 60px; 4126 width: 60px; 4127 padding: 12px 0 0; 4128 font-size: 50px; 4129 padding-right: 5px; 4130 opacity: 85%; 4131} 4132.videos-section #vce-pagination a { 4133 border-radius: 0px; 4134 background: none!important; 4135 color: #fff; 4136 font-size: 12px; 4137 padding: 8px 60px; 4138 text-decoration: none; 4139 border: 1px solid #777; 4140 font-weight: 500; 4141 text-transform: uppercase; 4142 letter-spacing: 1px; 4143} 4144.videos-section #vce-pagination { 4145 margin-top: 20px; 4146} 4147.videos-section .main-box-title:after, .videos-section .entry-title-page:after { 4148 left: 0.75em; 4149} 4150.videos-section .meta-item .author, .videos-section .entry-meta>div:before { 4151 display: none; 4152} 4153.entry-meta>div:before { 4154 display: none; 4155} 4156.entry-header .category-7, .entry-header .category-18 { 4157 visibility: hidden!important; 4158 width: 0px!important; 4159 display: none!important; 4160} 4161.vce-lay-d .meta-image { 4162 Height: 100%; 4163} 4164.vce-lay-a .meta-image { 4165 margin-bottom: 50px; 4166} 4167.main-box-head { 4168 box-shadow: none; 4169 -webkit-box-shadow: none; 4170} 4171.vce-lay-g .vce-featured-header { 4172 text-align: left; 4173} 4174.post .entry-content .row { 4175 display: flex; 4176} 4177.two-column-post-image { 4178 flex: 50%; 4179} 4180.three-column-post-image { 4181 flex: 33.333%; 4182} 4183.four-column-post-image { 4184 flex: 25%; 4185} 4186.four-column-post-image .code-block { 4187 display: none!important; 4188} 4189.vce-slider-pagination .owl-item { 4190 padding: 0 0px; 4191} 4192/* magazine - subscribe page */ 4193.magazine-page-title { 4194 display: none; 4195} 4196div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container { 4197 padding: 10px 0 0px 0; 4198 clear: both; 4199} 4200.wpforms-recaptcha-container { 4201 height: 0px!important; 4202 padding: 0px!important; 4203} 4204.magazine-container-main h3 { 4205 font-size: 3rem; 4206} 4207.subscribe-archive-column div.wpforms-container-full .wpforms-form input[type=password], .subscribe-archive-column div.wpforms-container-full .wpforms-form input[type=email] { 4208 background-color: #fbfbfb; 4209} 4210.magazine-page-title { 4211 margin-top: 0.5em; 4212 margin-bottom: 0.5em; 4213} 4214.about-magazine-header { 4215 margin: 40px 0 20px 0; 4216} 4217.subscribe-archive-column h3 { 4218 margin: 0 0 20px; 4219} 4220body div.wpforms-container-full .wpforms-form .wpforms-field-label { 4221 text-align: left; 4222} 4223.subscribe-archive-column div.wpforms-container-full { 4224 margin-bottom: 0px; 4225} 4226body .subscribe-archive-column div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%); 4227} 4228.magazine-container-main { 4229 max-width: 1095px; 4230 margin: auto; 4231 width: 100%; 4232 margin-top: 10px; 4233} 4234* { 4235 box-sizing: border-box; 4236 margin: 0; 4237} 4238.ipad-border { 4239 border: 20px solid black; 4240 border-width: 30px 15px; 4241 border-radius: 10px; 4242} 4243.digital-print-magazine-ipad 4244{ 4245 position: relative; 4246 top: 0; 4247 left: 0; 4248 overflow:hidden; 4249 display: block; 4250} 4251.digital-print-magazine-iphone 4252{ 4253 position: absolute; 4254 left: 3.75%; 4255 bottom: 0px; 4256} 4257.digital-print-magazine-ipad-container { 4258 width: 100%; 4259} 4260body .comment-reply-title, body .main-box-title { 4261 font-size: 20px; 4262 line-height: 1.2; 4263} 4264.desktop-image { 4265 background-size: cover; 4266 background-position: center; 4267 max-width: 370px; 4268 width: 100%; 4269 height: 490px; 4270 margin: 0 auto; 4271 border: 5px solid #0f0f10; 4272 position: relative; 4273} 4274.desktop-image>img { 4275 width: 30%; 4276 position: absolute; 4277 top: 100%; 4278 left: 75%; 4279 transform: translate(0, -100%); 4280} 4281.subscribe-container { 4282 padding-top: 0px; 4283} 4284.subscribe-archive-column { 4285 float: left;
4286 width: calc(50% - 10px); 4287 padding: 40px 16px; 4288 border: 1px solid #deddde; 4289 -webkit-box-shadow: rgba(0,0,0,.06) 0 0 12px 0; 4290 box-shadow: rgba(0,0,0,.06) 0 0 12px 0; 4291 -webkit-box-sizing: border-box; 4292 margin-right: 20px; 4293 text-align: center; 4294} 4295.subscribe-archive-column:last-child { 4296 margin-right: 0px; 4297} 4298.subscribe-list { 4299 text-align: left; 4300 margin: 32px 0; 4301 padding-left: 20px; 4302 padding-right: 30px; 4303} 4304.subscribe-image { 4305 width: 100%; 4306 height: auto; 4307 max-height: 400px; 4308 object-fit: cover; 4309} 4310.subscribe-archive-column .subscribe-image { 4311 width: 90%; 4312 box-shadow: 0 15px 30px -10px rgb(0 0 0 / 50%); 4313} 4314.subscribe-button, .archive-button, .single-issue-button, body .subscribe-archive-column div.wpforms-container-full .wpforms-form button[type=submit] { 4315 background-color: #4681f5!important; 4316 border: none; 4317 color: white; 4318 border-radius: 4px; 4319 padding: 15px 32px; 4320 text-align: center; 4321 font-size: 1.2rem; 4322 text-decoration: none; 4323 display: inline-block; 4324 margin: 4px 2px; 4325 cursor: pointer; 4326 letter-spacing: 1.5px; 4327 width: 100%; 4328 font-family: 'DomaineDisplayWeb-Regular', sans-serif; 4329 letter-spacing: .06em; 4330 padding: 16px; 4331 background: #4681f5!important; 4332 color: #fff; 4333 display: block; 4334 margin-bottom: 10px; 4335 text-transform: capitalize; 4336 text-align: center; 4337 font-size: 1.2rem; 4338 text-decoration: none; 4339 display: inline-block; 4340 margin: 4px 2px; 4341 cursor: pointer; 4342 letter-spacing: 1.5px; 4343 width: 100%; 4344 letter-spacing: .06em; 4345 padding: 16px; 4346 color: #fff; 4347 text-transform: uppercase; 4348 display: block; 4349 margin-bottom: 10px; 4350} 4351#wpforms-26916-field_10 { 4352 text-align: left; 4353 margin-top: 10px!important; 4354} 4355.subscribe-button:hover, .archive-button:hover, .single-issue-button:hover, body .subscribe-archive-column div.wpforms-container-full .wpforms-form button[type=submit]:hover { 4356 border-radius: 0; 4357 background-image: none; 4358 background: #3870e0!important; 4359 color: #fff; 4360} 4361.about-magazine { 4362 margin-bottom: 60px; 4363} 4364.print-archives-container:after { 4365 content: ""; 4366 display: table; 4367 clear: both; 4368} 4369.print-archives-container a { 4370 font-size: 1.2rem; 4371} 4372.print-digital-img { 4373 margin: auto; 4374 width: 100%; 4375} 4376.print-digital-img img { 4377 display: block; 4378 border: 20px solid black; 4379 border-width: 15px 5px; 4380 border-radius: 10px; 4381 margin: auto; 4382 width: 100%; 4383} 4384.print-digital-img-overlay-container { 4385 position: relative; 4386 width: calc(100% - 30px); 4387 max-width: 140px; 4388 margin: auto; 4389} 4390.print-digital-img-overlay { 4391 position: absolute; 4392 bottom: 0; 4393 right: 0; 4394 height: 50%; 4395 color: #fff; 4396 right: -20%; 4397 width: 45%!important; 4398 border: 20px solid black; 4399 border-width: 25px 15px; 4400 border-radius: 10px; 4401} 4402.print-digital-container { 4403 margin: 0 auto; 4404 padding: 0 1rem; 4405} 4406.responsive-image { 4407 width: 100%; 4408} 4409.print-digital-cell img { 4410 display: block; 4411 margin: auto; 4412 max-width: 150px; 4413} 4414.about-magazine-header { 4415 font-size: 2.5rem; 4416} 4417.header-wrapper img, .header-wrapper video { 4418 max-height: 100px; 4419 width: 100%; 4420} 4421.advertisement-disclaimer { 4422 margin-bottom: 8px; 4423 font-size: 10px; 4424 text-transform: uppercase; 4425 letter-spacing: 1px; 4426 color: #ccc; 4427 max-width: 900px; 4428 margin: 0 auto; 4429} 4430.vce-single .entry-content { 4431 width: 100%!important; 4432 max-width: 1090px; 4433} 4434.newsletter-section input:-webkit-autofill { 4435 font-size: 1.6rem; 4436} 4437.newsletter-section input:-webkit-autofill, 4438.newsletter-sectionr input:-webkit-autofill:hover, 4439.newsletter-section input:-webkit-autofill:focus, 4440.newsletter-section input:-webkit-autofill::first-line {border-color: #999; 4441 border-width: 0 0 1px 0; 4442 border-radius: 0; 4443 font-size: 1.6rem; 4444} 4445.header-sticky .vce-logo source, .header-sticky .vce-logo img { 4446 width: 100%; 4447 height: 50px; 4448} 4449.newsletter-section .mc4wp-alert { 4450 text-align: center; 4451 color: #fff; 4452} 4453#vce-pagination .next.page-numbers, #vce-pagination .prev.page-numbers, #vce-pagination .page-numbers.current, #vce-pagination .page-numbers:hover { 4454 border: 1px solid #777; 4455 padding: 5px 20px; 4456 background-color: #f9f9f9!important; 4457 text-transform: uppercase; 4458 letter-spacing: 1px; 4459 color: #333; 4460} 4461#vce-pagination .next.page-numbers, #vce-pagination .prev.page-numbers, #vce-pagination .page-numbers.current, #vce-pagination .page-numbers:hover { 4462 background-color: #f9f9f9!important; 4463 text-transform: uppercase; 4464 letter-spacing: 1px; 4465 color: #333; 4466 border: 1px solid #777; 4467 padding: 5px 20px; 4468} 4469#vce-pagination .page-numbers, #vce-pagination a { 4470 border-radius: 0!important; 4471 font-size: 12px; 4472 padding: 5px 20px; 4473 background-color: #f9f9f9!important; 4474 text-transform: uppercase; 4475 letter-spacing: 1px; 4476 color: #333; 4477 border: 1px solid #aaa; 4478 padding: 5px 20px; 4479} 4480#vce-pagination .page-numbers.current { 4481 color: #fff; 4482 background: #0f1215!important; 4483 border: 1px solid #0f1215; 4484} 4485#vce-pagination .prev.page-numbers, #vce-pagination .page-numbers.current, #vce-pagination .next.page-numbers { 4486 height: 35px; 4487} 4488#vce-pagination .next.page-numbers:hover, #vce-pagination .page-numbers:hover, #vce-pagination .prev.page-numbers:hover { 4489 background-image: none; 4490 background-color: #fff!important; 4491} 4492#vce-pagination .page-numbers.current:hover { 4493 background-color: #222!important; 4494} 4495#vce-pagination .page-numbers.current { 4496 color: #fff!important; 4497} 4498#vce-pagination .vce-action-link { 4499 background-color: #fff!important; 4500 background-color: #fff!important; 4501 line-height: 43px; 4502 padding: 8px 60px; 4503 border: 1px solid #aaa; 4504} 4505.wpforms-field input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { 4506 -webkit-text-fill-color: #333; 4507} 4508.newsletter-section .wpforms-field input:-webkit-autofill, .newsletter-section input:-webkit-autofill:hover, .newsletter-section input:-webkit-autofill:focus { 4509 -webkit-text-fill-color: #fff; 4510} 4511div.wpforms-container-full .wpforms-form input[type=text], input
4511:-webkit-autofill::first-line { 4512 font-size: 16px; 4513} 4514.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full { 4515 margin-top: 10px; 4516} 4517.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { 4518 padding: 30px!important; 4519 border: 1px solid #bbb!important; 4520 box-sizing: border-box!important; 4521 text-align: center!important; 4522 background: #fff !important; 4523} 4524div.wpforms-container-full .wpforms-form .wpforms-error-container a { 4525 margin-top: 10px; 4526} 4527#wpforms-confirmation-116389 h2 { 4528 font-weight: 500!important; 4529} 4530.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { 4531 background: #f9f9f9; 4532 box-sizing: border-box!important; 4533 text-align: center!important; 4534} 4535.wpforms-schedule-locked { 4536 display: flex; 4537 justify-content: center; 4538 align-items: center; 4539} 4540.wpforms-schedule-locked .form-locked-message p { 4541 color: #eee !important; 4542 font-family: 'DomaineDisplayWeb-Regular' !important; 4543} 4544.form-locked-message p { 4545 background: #111; 4546 color: #fff; 4547 padding: 2rem; 4548 border: 1px solid #111; 4549 font-family: 'DomaineDisplayWeb-Regular' !important; 4550} 4551.two-column-post-image div { 4552 display: none; 4553} 4554.two-column-post-image div, .wp-caption .code-block, .two-column-image-caption div, .gallery-row .code-block { 4555 display: none!important; 4556} 4557.boxzilla { 4558 background: #fff; 4559} 4560.videos-section .meta-item { 4561 width: 100%; 4562} 4563.three-column-post-image .code-block { 4564 display: none!important; 4565} 4566.wpforms-container.wpf-center { 4567 margin: 0 auto !important; 4568 max-width: 800px; 4569} 4570.wpforms-field-textarea { 4571 max-width: 100%; 4572} 4573div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li { 4574 margin: 20px 10px 10px 0 !important; 4575} 4576div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image { 4577 display: inline; 4578} 4579#wpforms-125424-field_45-container { 4580 padding-top: 20px; 4581} 4582div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label { 4583 display: inline; 4584 font-weight: 600; 4585 float: left;
4586 margin-top: 1px; 4587} 4588div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error) { 4589 display: block; 4590 margin: 0 auto; 4591 padding: 0; 4592 padding: 12px 30px; 4593 text-align: center; 4594 min-height: 45px; 4595} 4596body div.wpforms-container-full .wpforms-form .wpforms-field-label { 4597 font-weight: 500; 4598 font-family: 'DomaineDisplayWeb-Regular'; 4599 font-size: inherit; 4600 margin: 0 0 2px; 4601 font-size: 16px; 4602 margin-bottom: 8px; 4603 letter-spacing: 0.1px; 4604} 4605div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { 4606 font-weight: 300; 4607 font-family: 'Mulish-Regular', sans-serif; 4608 margin-bottom: 10px !important; 4609} 4610div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber, div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input { 4611 border-radius: 0px; 4612 border: 1px solid #aaa; 4613 transition: 0.1s ease-in-out; 4614 padding: 5px 10px; 4615 background: #f8fcfd; 4616} 4617.wpforms-field-stripe-credit-card-number { 4618 padding-bottom: 10px!important; 4619} 4620.wpforms-field-stripe-credit-card-number iframe { 4621 position: absolute !important; 4622 top: 10px !important; 4623} 4624.wpforms-stripe-element-focus { 4625 border: 1px solid #555 !important; 4626} 4627div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid { 4628 border:1px solid #f98c68!important; 4629} 4630.ElementsApp .InputElement.is-invalid { 4631 color: #f98c68!important; 4632} 4633#wpforms-76181-field_18 { 4634 padding-top: 20px!important; 4635} 4636#wpforms-126072-field_80-container:after { 4637 display: inline-block; 4638 width: 180px; 4639 height: 30px; 4640 content: ""; 4641 background: url("/wp-content/uploads/2023/02/secure-stripe.png") no-repeat 0 0; 4642 background-size: 100%; 4643} 4644div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li:nth-child(2) { 4645 padding-right: 0px !important; 4646} 4647#wpforms-76181 .wpforms-form button[type=submit], #wpforms-76672 .wpforms-form button[type=submit] { 4648 width: 100%; 4649 padding: 30px 40px; 4650} 4651.wpforms-field-stripe-credit-card .wpforms-field-sublabel { 4652 font-weight: 600!important; 4653} 4654.buy-magazine-title { 4655 font-size: 3rem!important; 4656 padding-top: 20px!important; 4657 text-align: center; 4658} 4659.wpforms-single-item-price { 4660 visibility: hidden !important; 4661 position: relative !important; 4662} 4663.wpforms-price { 4664 position: absolute !important; 4665 left: 0 !important; 4666} 4667#wpforms-76181-field_28 .wpforms-field-label-inline, #wpforms-76672 .wpforms-field-label-inline { 4668 font-size: 13px; 4669} 4670div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { 4671 font-size: 11px; 4672} 4673.wpforms-field-stripe-credit-card-cardnumber { 4674 width: 100%; 4675 padding: 5px 10px; 4676 margin-bottom: 0px; 4677 min-height: 50px; 4678 border: 1px solid #959595; 4679} 4680.vce-lay-a .vce-format-icon i, .vce-lay-g .vce-format-icon i { 4681 height: 80px; 4682 width: 80px; 4683 padding: 23px 0 0; 4684 line-height: 30px; 4685 font-size: 30px; 4686 padding-right: 2px; 4687} 4688.vce-lay-a .vce-format-icon { 4689 display: block; 4690 top: 50%; 4691 text-align: center; 4692 position: absolute; 4693 width: 100%; 4694} 4695.portrait-img-responsive { 4696 width: 100%; 4697 max-width: 600px; 4698} 4699.vce-content-outside { 4700 border-top: none; 4701} 4702.vce-lay-c .meta-image { 4703 border: 1px solid #f9f9f9; 4704 margin-bottom: 10px; 4705} 4706/* owl carousel styles */ 4707.owl-prev, .owl-next { 4708 position:absolute; 4709 background: rgb(220,220,220)!important; /* Fallback for older browsers without RGBA-support */ 4710 background: rgba(220,220,220, 0.5)!important; 4711 padding: 10px; 4712 margin: 2px; 4713} 4714.owl-prev { 4715 left:0; 4716 top: 50%; 4717} 4718.owl-next { 4719 right:0; 4720 top:50%; 4721} 4722.entry-content .owl-nav .owl-next, .entry-content .owl-nav .owl-prev { 4723 position: absolute; 4724 top: 46%; 4725 transform: translateY(-50%); 4726 -webkit-transform: translateY(-50%); 4727} 4728.owl-nav .owl-next { 4729 right: 0; 4730 display: flex; 4731 font-size: 25px !important; 4732} 4733.owl-nav .owl-prev{ 4734 left: 0; 4735 display: flex; 4736 font-size: 25px !important; 4737}
4738.owl-controls { 4739 margin-top: 10px; 4740} 4741.buttons-wrapper { 4742 position: absolute; 4743 color: #869791; 4744 top: 0; 4745 right: 0; 4746 z-index: 999; 4747 pointer-events: none; 4748 background: rgba(220,220,220, 0.5)!important; 4749 border-radius: 3px; 4750 border-top: 0px; 4751 margin: 0; 4752 padding-right: 2px; 4753} 4754.buttons-wrapper a { 4755 pointer-events: auto; 4756} 4757.mg-rg { 4758 margin: 0.7rem; 4759} 4760.slider-container .fa-expand { 4761 position: relative; 4762 z-index: 997; 4763 margin-bottom: 30px; 4764 border-top: 1px solid #e5e5e5; 4765 font-size: 17px; 4766 color: white; 4767 font-weight: 500; 4768 opacity: 1; 4769 padding: 4px 6px; 4770} 4771.slider-container .code-block { 4772 display: none!important; 4773 height: 0px!important; 4774 visibility: hidden!important; 4775} 4776.slider-container li { 4777 list-style-type:none; 4778} 4779.owl-theme .owl-nav [class*=owl-] { 4780 margin: 0px; 4781} 4782.entry-content .owl-carousel { 4783 margin: 0px; 4784 margin-bottom: 30px; 4785} 4786.buttons-wrapper { 4787 display: none; 4788} 4789/* end of owl carousel styles */ 4790.meta-tags a:before { 4791 display: none; 4792} 4793.meta-tags a { 4794 font-family: 'DomaineDisplayWeb-Regular' !important; 4795 font-weight: 500; 4796 padding: 0px 2px; 4797} 4798.vce-lay-a.vce-post .meta-image a img { 4799 max-height: 510px; 4800 min-height: 200px; 4801} 4802.vce-lay-a img { 4803 border: 1px solid #e5e5e5; 4804} 4805.error404 .entry-content, .vce-sid-none .vce-page .entry-content, .vce-sid-none .vce-page .entry-title-page, .vce-sid-none .vce-single .entry-content, .vce-sid-none .vce-single .entry-footer, .vce-sid-none .vce-single .entry-headline { 4806 margin-top: 0px; 4807 padding: 0 0px; 4808} 4809.vce-sid-none .vce-page .entry-content, .vce-sid-none .vce-page .entry-title-page, .error404 .entry-content { 4810 width: 100%; 4811 max-width: 1090px; 4812} 4813.videos-section img { 4814 border: none; 4815} 4816.page-template-full-width-php #main-wrapper .container, .page-template-full-width-php #main-wrapper .entry-content, .page-template-full-width-php #main-wrapper .entry-title-page { 4817 max-width: 100%; 4818 width: 100%; 4819} 4820.page-template-full-width-php #main-wrapper .entry-content, .page-template-full-width-php #main-wrapper .entry-title-page { 4821 padding: 0px 10px; 4822} 4823.page-template-full-width .entry-title-page { 4824 display: none; 4825} 4826.page-template-full-width-php #main-wrapper .entry-content, .page-template-full-width-php #main-wrapper .entry-header { 4827 padding: 0px 10px; 4828} 4829.page-template-full-width-php #main-wrapper .entry-header { 4830 padding-left: 0px; 4831} 4832.container { 4833 margin: 0 auto; 4834 max-width: 1240px; 4835} 4836.code-block img:hover, .owl-carousel img:hove { 4837 border-bottom: 0px; 4838} 4839.code-block a, .owl-carousel a { 4840 border-bottom: 0px; 4841} 4842.entry-content a { 4843 text-decoration: underline; 4844 text-decoration-thickness: 1px; 4845 text-underline-offset: 2px !important; 4846 text-decoration-color: #111; 4847 transition: all 0.2s ease-in-out; 4848} 4849.page-template-full-width-php .site-footer .container { 4850 max-width: 1200px!important; 4851 width: 100%!important; 4852} 4853.widget .vce-post-list .meta-category a:hover, a:hover { 4854 text-decoration: none; 4855} 4856.archive-container-main a { 4857 font-weight: 500; 4858 text-decoration: underline; 4859} 4860.termly-blocked-content {width: 100%!important; height: auto;} 4861.vce-single iframe {width: 100%!important; margin-bottom: 30px!important;} 4862.videoWrapper { 4863 padding-bottom: 66.25%; 4864 height: 0; 4865} 4866.videoWrapper iframe { 4867 position: absolute; 4868 top: 0; 4869 left: 0; 4870 width: 100%; 4871 height: 100%; 4872} 4873.header-wrapper img { 4874 max-height: 75px; 4875} 4876.header-login-btn { 4877 display: none; 4878} 4879.single-post .vce-main-content { 4880 padding-top: 0px!important; 4881} 4882.single-post .entry-header:first-child { 4883 margin-top: 20px; 4884} 4885.slider-caption { 4886 padding: 20px!important; 4887 border-top: 1px solid #e5e5e5!important; 4888 font-style: italic!important; 4889 padding-left: 10px!important; 4890 font-size: 14px!important; 4891 line-height: 1.25; 4892} 4893.subscribe-main-img { 4894 -webkit-filter: grayscale(100%); 4895 filter: grayscale(100%); 4896} 4897.wp-form-container input { 4898 font: 400 13.3333px "Mulish", sans-serif!important; 4899} 4900.CardField-number .CardField-number-fakeNumber, .CardField-number input, .CardField-number input:-webkit-autofill { 4901 font-family: "Mulish", sans-serif; 4902} 4903.site-404 h4 { 4904 font-size: 3.5rem; 4905 padding-top: 30px; 4906 line-height: 1.25; 4907 letter-spacing: 0.75px; 4908} 4909.site-404 .entry-title { 4910 padding-top: 0; 4911} 4912.site-404 h1.entry-title { 4913 font-size: 2.8rem; 4914} 4915.site-404 .entry-content { 4916 text-align: center; 4917 padding: 10%; 4918 padding-top: 20px; 4919 padding-bottom: 20px; 4920} 4921.post .entry-content .row { 4922 margin-bottom: 30px; 4923} 4924.videos-section a .wp-post-image { 4925 max-height: 320px; 4926} 4927#main-box-13 { 4928 margin-bottom: 5px!important; 4929} 4930.videos-section .vce-lay-g { 4931 margin-bottom: 50px; 4932} 4933.print-digital-cell { 4934 margin: 0.5rem; 4935} 4936.newsletter-input ::-webkit-input-placeholder { /* Edge */ 4937 color: #ddd; 4938} 4939.newsletter-input :-ms-input-placeholder { /* Internet Explorer 10-11 */ 4940 color: #ddd; 4941} 4942.newsletter-input ::placeholder { 4943 color: #ddd; 4944} 4945.videos-section .vce-lay-d .entry-title { 4946 padding-top: 0px; 4947} 4948.videos-section .vce-loop-wrap .vce-lay-d .entry-header { 4949 padding-top: 0px; 4950} 4951.vce-border-top .main-box-title { 4952 font-weight: 500; 4953} 4954/* Image with 'data' attribute is hidden */ 4955/* Image without 'data' attribute is (or becomes) visible */ 4956div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container { 4957 min-height: 74px!important; 4958 height: 100%!important; 4959 margin-bottom: 16px; 4960} 4961* { 4962 box-sizing: border-box; 4963} 4964.gallery-row { 4965 margin-right: -15px; 4966} 4967.recent-comments-title { 4968 font-size: 2rem; 4969 padding-bottom: 3rem; 4970} 4971.column { 4972 padding-top: 10px; 4973 float: left; 4974 width: 49%; 4975 padding: 0 20px; 4976 padding-left: 0px; 4977} 4978.row-comments-by-user { 4979 font-size: 14px; 4980} 4981.author-main-container { 4982 margin-bottom: 30px; 4983 padding: 20px; 4984} 4985/* Clearfix (clear floats) */ 4986.gallery-row::after { 4987 content: ""; 4988 clear: both; 4989 display: table; 4990} 4991.grecaptcha-badge { 4992 z-index: 9999; 4993} 4994.entry-content .owl-carousel { 4995 border-left: 1px solid #e5e5e5; 4996 border-right: 1px solid #e5e5e5; 4997 border-bottom: 2px solid #e5e5e5; 4998} 4999#main-box-1 .owl-stage-outer { 5000 box-sizing: border-box; 5001} 5002.max-width-600 { 5003 max-width: 600px; 5004} 5005/* Random */ 5006.mini-tech-spec-content a { 5007 font-weight: 500; 5008 text-decoration: underline; 5009 text-decoration-thickness: 1px; 5010 text-underline-offset: 3px !important; 5011 text-decoration-color: #111; 5012 transition: all 0.2s ease-in-out; 5013} 5014/* login sign up styles */ 5015.row-comments-by-user { 5016 margin: 20px 0; 5017 padding-top: 0px; 5018 padding-bottom: 20px; 5019 border-bottom: 1px solid #e1e1e1; 5020} 5021.join-the-conversation, .view-all-comments { 5022 margin: 1rem 0; 5023 font-size: 12px; 5024 display: block; 5025 color: #036aab; 5026 text-decoration: underline; 5027 font-size: 13px; 5028 display: block; 5029} 5030.comment-content { 5031 margin: 10px 0; 5032 padding-top: 10px; 5033} 5034/* wpform styles */ 5035/* hide empty p tags */ 5036p:empty { 5037 display: none; 5038} 5039#sticky_header .container .test-nav { 5040 max-width: 100%; 5041 padding: 0; 5042 margin: 0; 5043 list-style: none; 5044 -ms-box-orient: horizontal;
5045 display: -webkit-box; 5046 display: -moz-box; 5047 display: -ms-flexbox; 5048 display: -moz-flex; 5049 display: -webkit-flex; 5050 display: flex; 5051} 5052a { 5053 -webkit-tap-highlight-color: transparent; 5054} 5055.vce-logo source, .vce-logo img { 5056 width: 100%; 5057 max-width: 200px; 5058} 5059.header-sticky .container { 5060 padding: 0px 10px; 5061 max-width: 1280px; 5062} 5063.vce-res-nav { 5064 display: none; 5065} 5066.nav-login-button, .nav-logout-button { 5067 margin-right: 5px; 5068} 5069.nav-login-button { 5070 border: 1px solid #e5e5e5; 5071 padding: 5px 10px; 5072 margin-right: 0px; 5073 vertical-align: middle; 5074 z-index: 99999; 5075 line-height: 1.5; 5076} 5077.sticky-navbar .site-branding { 5078 justify-content: flex-start; 5079 width: auto; 5080 margin-top: -2px; 5081} 5082.sticky-nav-login .nav-logout-button { 5083 letter-spacing: 1.75px!important; 5084 color: #333; 5085} 5086.my-slider:not(.tns-slider) { 5087 display: flex; 5088 /* Scroll fallback example */ 5089 overflow-x: auto; 5090 /* Can even add scroll snapping */ 5091 scroll-snap-type: x mandatory; 5092} 5093.my-slider-item { 5094 scroll-snap-align: start; 5095 user-select: none; 5096 /** 5097 * Some sizing. I know, this is experimental, 5098 * but a shorthand instead of ::before block fallback. 5099 * Just for understanding the size of slide 5100 */ 5101 aspect-ratio: 4 / 3; 5102 /* Just for visual detection of slide */ 5103 border: 1px solid #000; 5104 border-radius: 4px; 5105 /* If we need single slide */ 5106 flex-basis: 100%; 5107 flex-grow: 1; 5108 flex-shrink: 0; 5109 /* Media fallbacks */ 5110} 5111.my-slider.custom:not(.tns-slider) .my-slider-item { 5112 /** 5113 * If we need more: 5114 * 2: flex-basis: 50%; 5115 * 3: flex-basis: 33.333%; 5116 * ...and so on 5117 */ 5118 flex-basis: 33.333%; 5119} 5120/* If you don't want scroll fallback, then */ 5121.newsletter-container .mc4wp-form input[type="submit"] { 5122 font-weight: 400; 5123} 5124/* font awesome style overrides */ 5125/* Prevent flickering during initialization */ 5126.featured-container .post:first-child h3 { 5127 padding: 0px 20px; 5128 padding-top: 25px; 5129 margin-bottom: 0px; 5130 padding-bottom: 15px; 5131 line-height: 1.4; 5132 border-bottom: 0px; 5133 letter-spacing: 0.75px !important; 5134} 5135.vce-lay-c .entry-title a, .homepage-container .post h3 { 5136 letter-spacing: 0.2px!important; 5137} 5138.homepage-container .latest-container .post h3 { 5139 display: -webkit-box; 5140 -webkit-line-clamp: 4; 5141 -webkit-box-orient: vertical; 5142 overflow: hidden; 5143 padding-top: 0px; 5144 padding-right: 0px; 5145 line-height: 1.6; 5146} 5147h4 { 5148 font-size: 2.2rem; 5149} 5150/* Media Queries */ 5151/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ 5152@media screen and (min-width: 600px) { 5153 .row-caption-center .two-column-image-caption{ 5154 width: 100% !important; 5155 margin: 0px; 5156 } 5157 .row-caption-center .two-column-image-caption p img { 5158 max-width: 50% !important; 5159 margin: 0px auto; 5160 } 5161 .archive-cell { 5162 width: calc(50% - 0.5rem); 5163 } 5164 .entry-content h3 { 5165 margin-bottom: 2rem; 5166 } 5167} 5168@media only screen and (min-width: 670px) { 5169 .mini-tech-spec-content li, .mini-tech-spec-content strong { 5170 font-size: 1.6rem; 5171 line-height: 1.9; 5172 } 5173 .data-image { 5174 margin-top: 20px; 5175 } 5176 .single-post .vce-main-content { 5177 padding-top: 10px!important; 5178 } 5179 .vce-single .entry-content .wp-caption-text { 5180 font-size: 1.5rem; 5181 line-height: 1.9; 5182 } 5183 .vce-lay-c .entry-header { 5184 padding-top: 10px!important; 5185 padding-bottom: 10px!important; 5186 } 5187} 5188@media screen and (min-width: 800px) { 5189 .wp-caption .portrait-img-responsive ~ .wp-caption-text { 5190 text-align: center; 5191 } 5192 .print-digital-cell { 5193 display: block; 5194 width: 100%; 5195 } 5196 .print-digital-img-overlay-container { 5197 float: left; 5198 } 5199 .subscribe-archive-column { 5200 padding: 40px 40px; 5201 } 5202} 5203.main-header .header-1-wrapper .site-title, .main-header .site-title, .main-header .site-title a { 5204 line-height: inherit!important; 5205 font-size: unset!important; 5206} 5207@media only screen and (max-width: 1023px) { 5208 .site-branding img { 5209 max-height: 100%; 5210 } 5211 .nav-time { 5212 display: none; 5213 } 5214 .vce-responsive-nav { 5215 padding-left: 0px; 5216 } 5217 .header-1-wrapper { 5218 justify-content: space-between; 5219 padding: 0px; 5220 padding-bottom: 0px; 5221 } 5222 .nav-login, .nav-time { 5223 padding: 0px; 5224 } 5225 .site-branding { 5226 justify-content: center; 5227 align-items: center; 5228 display: flex; 5229 padding: 0px 50px; 5230 width: 100%; 5231 } 5232 .vce-res-nav { 5233 display: block; 5234 position: absolute; 5235 left: 0; 5236 top: 50%; 5237 transform: translateY(-50%); 5238 } 5239 .header-sticky .vce-responsive-nav { 5240 position: unset; 5241 } 5242 .sticky-navbar { 5243 justify-content: space-between; 5244 } 5245 #sticky_header .site-branding { 5246 justify-content: center; 5247 width: calc(100% - 100px); 5248 } 5249 #sticky_header .sticky-nav-login { 5250 width: 100px; 5251 } 5252} 5253@media (max-width: 800px) { 5254 .newsletter-post-container h3 { 5255 font-size: 2.6rem; 5256 } 5257 .mc4wp-form-107482 input[type=submit] { 5258 background-color: #111!important; 5259 color: #f5f5f5; 5260 border-radius: 0; 5261 Outline: none; 5262 border: 1px solid #e5e5e5; 5263 font-size: 12px; 5264 padding: 10px 15px; 5265 text-transform: uppercase; 5266 letter-spacing: 1px; 5267 padding: 10px 32px; 5268 margin-left: 0px; 5269 } 5270 .form-inline { 5271 flex-direction: column; 5272 align-items: stretch; 5273 margin-bottom: 10px; 5274 } 5275} 5276@media (max-width: 768px) { 5277 .homepage-container .latest-container .post p, .homepage-container .latest-container .post a { 5278 font-size: 10px !important; 5279 } 5280 .homepage-container .post h3 { 5281 font-size: 1.4rem; 5282 margin-bottom: 15px; 5283 } 5284 .homepage-container .my-slider-2 .post p, .homepage-container .my-slider-2 .post a { 5285 font-size: 10px!important; 5286 } 5287 .homepage-container .post p, .homepage-container .post a { 5288 font-size: 10px!important; 5289 } 5290 .homepage-container .latest-container .post h3 { 5291 font-size: 16px; 5292 } 5293 .homepage-container .my-slider-2 .post h3 { 5294 font-size: 1.6rem; 5295 } 5296 .latest-container .post img { 5297 max-height: 120px; 5298 } 5299} 5300a.learn-more-button:hover, a.learn-more-button:active { 5301 background-color: #000; 5302 color: #fff; 5303 text-decoration: none!important; 5304} 5305.learn-more-button:hover, .learn-more-button:active, a.learn-more-button:target, a.learn-more-button:focus { 5306 text-decoration: none!important; 5307} 5308.two-column-post-image-product p:first-child { 5309 margin-bottom: 30px !important; 5310} 5311.two-column-post-image-product p:first-child { 5312 margin-bottom: 10px; 5313} 5314.two-column-post-image-product h3 { 5315 padding-top: 0px; 5316} 5317.two-column-post-image-product h4 { 5318 margin-bottom: 20px; 5319} 5320.two-column-post-image-product h4, .centered-product-container h4, .two-column-post-image-product h3, .centered-product-container h3, { 5321 margin-bottom: 20px; 5322 padding-bottom: 0px!important; 5323 font-size: 2rem; 5324} 5325a.learn-more-button:hover { 5326 color: #ffff!important; 5327 background-color: #f98c68!important; 5328 text-decoration-color: #f98c68!important; 5329} 5330/*align the heading and lines*/ 5331/*add and adjust the lines*/ 5332/*add spacing between heading and line*/ 5333.two-column-post-image-product p:first-child { 5334 margin-bottom: 10px !important; 5335} 5336.two-column-post-image-product h3 { 5337 padding-top: 0px; 5338 margin-bottom: 20px; 5339 line-height: 1.2; 5340 font-size: 2rem; 5341 padding-bottom: 0px !important; 5342} 5343.two-column-post-image-product h4, 5344.centered-product-container h4, 5345.centered-product-container h3 { 5346 margin-bottom: 20px; 5347 font-size: 2rem; 5348 padding-bottom: 0px !important; 5349} 5350.two-column-post-image-product-weird p:nth-of-type(2) { 5351 display: none !important; 5352} 5353.two-column-post-image-product div, 5354.wp-caption .code-block { 5355 display: none !important; 5356} 5357.two-column-post-image-product { 5358 display: block; 5359 padding: 0px 0px 30px 0px; 5360} 5361@media only screen and (max-width: 1023px) { 5362 .vce-sid-none .vce-lay-c, .vce-sid-none .vce-lay-c:nth-child(3n) { 5363 width: calc(50%); 5364 margin: 0 0% 10px 0!important; 5365 } 5366} 5367@media (min-width: 768px) { 5368 .featured-container .post:first-child h3, .featured-container .post:first-child h2 { 5369 font-size: 21px; 5370 } 5371 .featured-container .post:first-child h3 { 5372 padding-bottom: 20px; 5373 } 5374 .vce-lay-c .entry-title { 5375 margin-bottom: 15px!important; 5376 } 5377 .featured-container .post:first-child h3 { 5378 padding-left: 10%; 5379 padding-right: 10%; 5380 } 5381 #vce-pagination { 5382 margin-bottom: 30px; 5383 } 5384 .two-column-post .vce-post:nth-child(3n), .two-column-post .vce-post:nth-child(4n) { 5385 display: none; 5386 } 5387 /* brand profile */ 5388 .brand-logo-column { 5389 width: 220px; 5390 } 5391 .brand-details { 5392 width: calc(100% - 200px); 5393 text-align: left; 5394 } 5395 .brand-page-container {
5396 display: flex; 5397 overflow: hidden; 5398 align-items: center; 5399 justify-content: left; 5400 } 5401 .brand-details p { 5402 padding-left: 30px; 5403 } 5404 .gphg-2021-shortlist-img { 5405 width: 100%; 5406 max-width: 100%; 5407 margin-left: auto; 5408 } 5409 .videos-section { 5410 background-image:url("/wp-content/uploads/2021/10/footer-background-layer.jpg"); 5411 } 5412 .newsletter-section { 5413 background-image: url("/wp-content/uploads/2023/02/newsletter-desktop.jpg"); 5414 } 5415 .two-column-post-image-product h4, .centered-product-container h4, .two-column-post-image-product h3, .centered-product-container h3 { 5416 font-size: 2.4rem!important; 5417 } 5418 body .boxzilla 5419 { 5420 margin: 0rem; 5421 max-width: 54rem; 5422 } 5423 .pop-up-header 5424 { 5425 font-size: 2.25rem; 5426 margin-bottom: 30px; 5427 } 5428 .boxzilla 5429 { 5430 padding: 7rem 6rem 6rem !important; 5431 } 5432 .boxzilla p 5433 { 5434 font-size: 12px; 5435 line-height: 1.75rem; 5436 margin-bottom: 10px; 5437 text-align: left; 5438 } 5439 p, .entry-content ul, .entry-content a, .entry-content li, .meta-tags a, b, dt, strong, th, .wp-caption-copy .vce-single .entry-content p { 5440 font-size: 16px; 5441 line-height: 2; 5442 } 5443 .homepage-container .post h3 { 5444 padding-top: 2.5rem; 5445 } 5446 .featured-container .post:first-child h3 { 5447 font-size: 22px; 5448 } 5449 .latest .section-header { 5450 margin-bottom: 30px; 5451 padding-bottom: 10px; 5452 } 5453 .new-releases .section-header { 5454 padding-top: 10px; 5455 } 5456 .featured-container .post h3, .reviews-container .post h3 { 5457 font-size: 18px; 5458 } 5459 .latest .post h3 { 5460 padding-top: 0px; 5461 font-size: 22px; 5462 max-width: 50%; 5463 } 5464} 5465@media only screen and (min-width: 1023px) { 5466 .single .vce-related-box article:last-child { 5467 display: none; 5468 } 5469 .entry-meta span, .entry-header:first-child .entry-meta::before { 5470 font-size: 11px !important; 5471 } 5472 .header-1-wrapper { 5473 padding: 0 10px; 5474 } 5475 .archive-cell { 5476 width: calc(100% / 3); 5477 } 5478 .archive-cell { 5479 width: calc(24.99999% - 0.5rem); 5480 } 5481 .print-digital-cell { 5482 width: calc(50% - 2rem); 5483 } 5484 .subscribe-archive-column { 5485 float: left; 5486 width: calc(50% - 20px); 5487 padding: 40px 16px; 5488 border: 1px solid #deddde; 5489 -webkit-box-shadow: rgb(0 0 0 / 6%) 0 0 12px 0; 5490 box-shadow: rgb(0 0 0 / 6%) 0 0 12px 0; 5491 -webkit-box-sizing: border-box; 5492 margin-right: 40px; 5493 text-align: center; 5494 } 5495 .subscribe-archive-column:nth-child(2) { 5496 margin-right: 0px; 5497 } 5498 .main-box-single .entry-title { 5499 padding-top: 20px; 5500 margin-bottom: 20px; 5501 width: 100%; 5502 letter-spacing: 1px; 5503 line-height: 1.3444; 5504 padding-bottom: 0px; 5505 } 5506 .two-column-post .vce-lay-c .entry-title a { 5507 font-size: 20px; 5508 line-height: 30px; 5509 } 5510 .newsletter-section .main-box-inside { 5511 padding: 40px 10px; 5512 } 5513 .single-post .entry-header:first-child { 5514 margin: 20px 0px; 5515 margin-bottom: 0px; 5516 } 5517 .meta-media { 5518 padding: 20px 0px; 5519 } 5520 .videos-section { 5521 height: 100%; 5522 width: 100vw; 5523 position: relative; 5524 margin-left: -50vw; 5525 left: 50%; 5526 } 5527 .videos-section .vce-lay-a { 5528 padding-bottom: 10px; 5529 } 5530 .videos-section .vce-lay-d:last-child { 5531 display: none; 5532 } 5533 .videos-section .main-box-title { 5534 background: none; 5535 max-width: 1200px; 5536 margin: auto; 5537 padding-left: 50px; 5538 color: #fff!important; 5539 } 5540 .videos-section .main-box-title:after, .videos-section .entry-title-page:after { 5541 width: calc(90% - 0.75em); 5542 } 5543 /* other styles */ 5544 .site-branding { 5545 padding: 0px; 5546 } 5547 .header-sticky .site-title img { 5548 padding-top: 0px; 5549 } 5550 .header-sticky .container { 5551 margin-top: 0px; 5552 } 5553 .site-branding img { 5554 max-width: 100%; 5555 max-height: 100%; 5556 } 5557 #main-box-3 { 5558 padding-bottom: 0px; 5559 } 5560 .header-sticky .vce-logo source, .header-sticky .vce-logo img { 5561 width: 300px; 5562 height: 51px; 5563 } 5564 .two-column-post-no-desktop { 5565 display: none; 5566 } 5567 .no-desktop #vce-pagination { 5568 display: block; 5569 } 5570 .form-textarea { 5571 padding: 10px; 5572 padding-right: 40px; 5573 padding-left: 0px; 5574 margin-bottom: 20px; 5575 } 5576 .single-post .entry-header:first-child { 5577 padding-left: 20px; 5578 padding-right: 20px; 5579 margin-top: 30px; 5580 } 5581 .comment-respond { 5582 padding: 30px 0px; 5583 padding-top: 0px; 5584 margin: auto; 5585 margin-bottom: 30px; 5586 padding-bottom: 30px; 5587 width: 100%; 5588 left: 50%; 5589 transform: translateX(-50%); 5590 } 5591 body.category:not(.paged) h1.main-box-title { 5592 padding-left: 0px; 5593 max-width: 100%; 5594 } 5595 body:not(.home) .main-box-title { 5596 padding-left: 0px; 5597 padding-bottom: 15px; 5598 } 5599 .nav-login { 5600 justify-content: flex-end; 5601 align-items: center;
5602 display: flex; 5603 width: 25%; 5604 } 5605 .my-slider-2 .post { 5606 text-align: center; 5607 } 5608 .featured-container .post:first-child .post-meta { 5609 border-top: none; 5610 } 5611 .my-slider-2-wrapper .tns-inner { 5612 margin: 0px !important; /* override */ 5613 } 5614 /* style for desktop columns */ 5615 .my-slider-2 { 5616 display: grid; 5617 grid-template-columns: repeat(2, 1fr); 5618 gap: 20px 10px; 5619 margin-bottom: 10px; 5620 opacity: 1; 5621 } 5622 .my-slider-2 { 5623 display: grid; 5624 grid-template-columns: repeat(2, 1fr); 5625 gap: 30px 20px; 5626 margin-bottom: 10px; 5627 opacity: 1; 5628 } 5629 .my-slider-2 article { 5630 padding: 0px; 5631 } 5632 body:not(.home) .main-box-title { 5633 padding-top: 10px; 5634 } 5635 .test-container .container .post:first-child { 5636 width: 100%; 5637 display: block; 5638 margin-bottom: 0px; 5639 } 5640 .test-container .container .post:first-child .post-meta { 5641 position: relative; 5642 top: -60px; 5643 left: 2%; 5644 right: 2%; 5645 background: #fff; 5646 width: 96%; 5647 padding: 20px 28px; 5648 padding-top: 0px; 5649 padding-bottom: 0px; 5650 text-align: center; 5651 } 5652 .test-container .container .post:nth-child(2) { 5653 padding-right: 5px; 5654 } 5655 .test-container .container .post:nth-child(3) { 5656 padding-left: 5px; 5657 } 5658 .test-container .container .post:first-child .post-meta { 5659 padding: 30px; 5660 padding-top: 30px; 5661 } 5662 .featured-container .post:first-child h3 { 5663 font-size: 24px; 5664 } 5665 .featured-container .post h3 { 5666 font-size: 20px; 5667 } 5668 .featured-container .post h3:first-child { 5669 font-size: 1.75em; 5670 } 5671 .reviews-container .post:nth-child(5), .reviews-container .post:nth-child(6) { 5672 display: none!important; 5673 } 5674 .my-slider-2 { 5675 grid-template-columns: repeat(3, 1fr); 5676 } 5677 .videos-container { 5678 grid-template-columns: repeat(4, 1fr); 5679 } 5680 .homepage-container { 5681 padding-top: 10px; 5682 } 5683 .header-sticky .site-title img { 5684 margin-left: -10px; 5685 } 5686 .single-post .entry-title { 5687 font-size: 3.4rem; 5688 width: 100%; 5689 } 5690 .main-box-inside { 5691 padding: 0px 0px 0; 5692 } 5693 .vce-lay-c .entry-title { 5694 margin-bottom: 15px; 5695 } 5696 .vce-sid-left article.vce-lay-c:nth-of-type(n), .vce-sid-left article.vce-lay-d:nth-of-type(n), .vce-sid-left article.vce-lay-e:nth-of-type(n), .vce-sid-none article.vce-lay-c:nth-of-type(n), .vce-sid-none article.vce-lay-d:nth-of-type(n), .vce-sid-none article.vce-lay-e:nth-of-type(n), .vce-sid-none article.vce-lay-h:nth-of-type(n), .vce-sid-right article.vce-lay-c:nth-of-type(n), .vce-sid-right article.vce-lay-d:nth-of-type(n), .vce-sid-right article.vce-lay-e:nth-of-type(n) { 5697 margin: 0 0px 0px 0; 5698 flex: 0 0 33.3333333%; 5699 padding-right: 10px; 5700 } 5701 article.vce-lay-c:nth-child(3n) { 5702 padding-right: 0 !important; 5703 } 5704 .vce-related-box .vce-post:last-child { 5705 padding-right: 0; 5706 } 5707 .comment-reply-title { 5708 font-size: 22px !important; 5709 } 5710 .vce-lay-a .entry-title a { 5711 letter-spacing: 0.75px; 5712 font-size: 22px; 5713 overflow: hidden; 5714 margin: 0 auto; 5715 } 5716 .author-box .data-content { 5717 padding-right: 20px; 5718 } 5719 .site-footer h3 { 5720 font-size: 2.2rem; 5721 } 5722 .entry-meta div a { 5723 font-size: 10px!important; 5724 } 5725 .vce-main-content .main-box-title { 5726 font-size: 22px; 5727 } 5728 .homepage-container .post p, .homepage-container .post p a, .entry-meta div, .entry-meta div a, .entry-meta span { 5729 color: #555!important; 5730 text-transform: uppercase; 5731 letter-spacing: 0.75px; 5732 font-family: 'Mulish', sans-serif !important; 5733 } 5734 .homepage-container .post p a, .entry-meta div a { 5735 color: #222!important; 5736 font-size: 11px; 5737 text-transform: uppercase; 5738 letter-spacing: 0.75px; 5739 } 5740 .homepage-container .post p { 5741 color: #555!important; 5742 } 5743 .homepage-container { 5744 margin-top: 10px; 5745 } 5746 .magazine-container-main { 5747 max-width: 1095px; 5748 margin: auto; 5749 width: 100%; 5750 margin-bottom: 30px; 5751 margin-top: 10px; 5752 } 5753 .vce-lay-c .entry-title a, .homepage-container .post h3 { 5754 line-height: 1.4; 5755 } 5756 .vce-lay-c .entry-title a { 5757 padding-top: 0px; 5758 } 5759 .latest-container .post img { 5760 max-height: 300px; 5761 } 5762 .header-1-wrapper { 5763 height: auto; 5764 } 5765 .nav-login { 5766 position: unset; 5767 } 5768 .header-1-wrapper { 5769 border-bottom: none; 5770 box-shadow: none; 5771 } 5772 #sticky_header { 5773 display: block; 5774 } 5775 .videos-footer-container { 5776 padding: 30px 10px; 5777 } 5778 .newsletter-section-header { 5779 font-size: 2.5em; 5780 } 5781 .newsletter-section { 5782 padding: 60px; 5783 } 5784 .vce-logo source, .vce-logo img { 5785 width: 100%; 5786 max-width: 280px; 5787 height: auto; 5788 } 5789 .nav-login-button { 5790 padding: 12px 25px; 5791 line-height: inherit; 5792 } 5793 body:not(.home) .main-box-title 5794 .featured-container .post:first-child { 5795 width: 100%; 5796 margin-bottom: -30px; 5797 } 5798 .featured-container .post:nth-child(2) { 5799 padding-right: 10px; 5800 padding-left: 10px; 5801 } 5802 .featured-container .post:nth-child(3) { 5803 padding-left: 10px; 5804 padding-right: 10px; 5805 } 5806 .featured-container .post h3, .watch-reviews .post h3, { 5807 font-size: 25em; 5808 } 5809 .sticky-element-3 { 5810 position: absolute; 5811 right: 10px; 5812 } 5813 .sticky-element-2 .vce-logo source, .sticky-element-2 .vce-logo img { 5814 width: 270px;
5815 height: auto; 5816 } 5817 .sticky-element-2 { 5818 justify-content: center; 5819 align-items: center; 5820 display: block; 5821 padding: 0px; 5822 max-height: 100%; 5823 width: 100%; 5824 max-width: 260px; 5825 padding-left: 0px; 5826 position: absolute; 5827 padding-left: 0px; 5828 top: 8px; 5829 z-index: 998; 5830 } 5831} 5832.wpforms-container .complete-checkout-disclaimer a { 5833 transition: border-bottom 0.2s ease-out; 5834 border-bottom: 1px solid #777; 5835 display: inline-block; 5836 line-height: 1; 5837} 5838@media only screen and (max-width: 1023px) { 5839 .header-1-wrapper, .header-2-wrapper, .header-3-wrapper { 5840 padding-top: 10px!important; 5841 padding-bottom: 10px!important; 5842 border-bottom: 1px solid #e5e5e5; 5843 } 5844} 5845@media (min-width: 1023px) { 5846 .post .entry-content .row { 5847 margin-bottom: 40px; 5848 } 5849 .vce-lay-a .entry-header { 5850 position: absolute; 5851 bottom: -40px !important; 5852 left: 0; 5853 right: 0; 5854 z-index: 19; 5855 width: 100%; 5856 margin: 0 auto; 5857 background: #fff; 5858 } 5859 .page-id-70323 .vce-lay-a .entry-header { 5860 position: absolute; 5861 bottom: -35px; 5862 left: 0; 5863 right: 0; 5864 z-index: 19; 5865 width: 90%; 5866 margin: 0 auto; 5867 background: #fff; 5868 } 5869 .vce-lay-a.vce-post { 5870 margin-bottom: 30px; 5871 } 5872 body .vce-lay-a .entry-title { 5873 padding-top: 43px; 5874 padding-left: 10%!important; 5875 padding-right: 10%!important; 5876 margin: 0!important; 5877 max-width: 100% !important; 5878 } 5879 .vce-single iframe {margin-bottom: 40px!important;} 5880 .entry-meta span { 5881 color: #555; 5882 font-size: 10px; 5883 } 5884 .featured-container .post:first-child h3 { 5885 padding-top: 43px; 5886 padding-bottom: 32px; 5887 } 5888 .vce-loop-wrap { 5889 justify-content: flex-start; 5890 } 5891 .main-header-container-sticky { 5892 display: none; 5893 } 5894 .header-1-wrapper { 5895 display: flex; 5896 flex-direction: column; 5897 align-items: stretch; 5898 max-width: 1220px; 5899 margin: 0 auto; 5900 padding: 0; 5901 } 5902 .main-header-container .site-branding img { 5903 width: 100%; 5904 max-width: 280px; 5905 } 5906 .main-header-container .left { 5907 display: block; 5908 } 5909 .main-header-container { 5910 padding: 3rem 0px; 5911 } 5912} 5913.tns-nav > [aria-controls] { 5914 padding: 3px; 5915 margin-top: 20px; 5916 margin: 8px; 5917 border-radius: 50%; 5918 background: none; 5919 border: 0; 5920} 5921.tns-nav > .tns-nav-active { 5922 background: none; 5923} 5924.tns-nav button:before { 5925 content: ""; 5926 background-color: #cccccc; 5927 border-radius: 50%; 5928 padding: 4px; 5929 display: inline-block; 5930 vertical-align: middle; 5931} 5932.search-dropdown-btn { 5933 position: relative; 5934 padding-right: 10px !important; 5935} 5936.search-dropdown-btn:before { 5937 font-family: "FontAwesome"; 5938 font-weight: 400; 5939 content: "\f002"; 5940 margin-top: -2px; 5941} 5942.search-dropdown-btn-clicked:before { 5943 font-family: "FontAwesome"; 5944 font-weight: 400; 5945 content: "\f00d"; 5946} 5947.vce-responsive-nav .fa-bars, .search-dropdown-btn-clicked { 5948 font-size: 14px !important; 5949 padding: 0px; 5950 padding-left: 0px; 5951 color: #151515; 5952} 5953/* Toggle icon */ 5954.search-toggle { 5955 color: #151515; 5956 text-decoration: none; 5957 font-size: 14px; 5958 cursor: pointer; 5959 border: 1px solid transparent; 5960} 5961.search-toggle .fa-search { 5962 padding: 7.5px; 5963 border-radius: 50%; 5964 box-sizing: border-box; 5965} 5966.search-toggle:hover { 5967 color: #555; 5968 border: 1px solid #eee; 5969 border-radius: 50%; 5970} 5971@media screen and (max-width: 1023px) { 5972 .code-block-2, .code-block-4, .code-block-6 { 5973 margin-bottom: 30px!important; 5974 } 5975 .vce-lay-a .entry-title { 5976 padding-bottom: 10px; 5977 } 5978 .vce-lay-a .meta-image { 5979 margin-bottom: 0px; 5980 } 5981 .vce-lay-c .meta-image { 5982 margin-bottom: 15px; 5983 } 5984 .vce-lay-a .entry-header { 5985 padding-bottom: 0px; 5986 } 5987 .vce-lay-a .entry-header { 5988 position: relative; 5989 bottom: 0px; 5990 left: 0; 5991 right: 0; 5992 z-index: 19; 5993 width: 100%; 5994 margin: auto; 5995 background: #fff; 5996 padding-top: 25px; 5997 } 5998 .menu-wrapper { 5999 border-left: 0px; 6000 border-right: 0px; 6001 border-top: 1px solid #d9d9d9 !important; 6002 } 6003 .vce-search-form { 6004 max-width: 100%; 6005 } 6006 .main-box-inside .owl-carousel { 6007 margin-bottom: -10px; 6008 } 6009} 6010@media only screen and (min-width: 400px) { 6011 .author-main-container h1 { 6012 font-size: 20px; 6013 } 6014 .author-info-container h1 { 6015 font-size: 24px; 6016 } 6017 li.comment .comment-body:last-child { 6018 padding: 30px; 6019 margin-bottom: 30px; 6020 } 6021 .comment-metadata a, .fn, .fn a, .says { 6022 font-size: 12px; 6023 } 6024} 6025@media screen and (max-width: 770px) { 6026 .author-divider { 6027 padding: 5px 0px!important; 6028 } 6029 .profile-image { 6030 width: 100px;
6031 height: 100px; 6032 line-height: 100px; 6033 background: #e5e5e5; 6034 overflow: hidden; 6035 border-radius: 100%; 6036 text-align: center; 6037 background-position: center; 6038 background-repeat: no-repeat; 6039 background-size: cover; 6040 } 6041 .author-info-container { 6042 justify-content: center; 6043 } 6044} 6045@media screen and (min-width: 768px) { 6046 .vce-responsive-nav .fa-bars, .search-dropdown-btn-clicked { 6047 font-size: 18px !important; 6048 } 6049 .search-toggle { 6050 font-size: 16px; 6051 } 6052 p, .entry-content ul, .entry-zcontent a, .entry-content li, .meta-tags a, b, dt, strong, th, .wp-caption-copy .vce-single .entry-content p, td { 6053 font-size: 15px; 6054 line-height: 2; 6055 } 6056 .vce-related-box { 6057 margin-bottom: 30px; 6058 } 6059} 6060@media (min-width: 1023px) { 6061 .two-column-post-image-product h3 { 6062 margin-bottom: 30px; 6063 } 6064 td { 6065 padding: 10px 15px; 6066 } 6067 .entry-content-table { 6068 margin-bottom: 60px; 6069 } 6070 body .vce-lay-a .entry-title, body .vce-lay-a .entry-title, body .vce-lay-a .entry-title a { 6071 line-height: 1.39; 6072 padding-bottom: 32px; 6073 } 6074 .new-releases .section-header { 6075 padding-top: 30px; 6076 } 6077 .entry-meta div, .entry-meta div a, .vce-lay-g .meta-item, .vce-lay-c .meta-item { 6078 font-size: 11px!important; 6079 } 6080 .entry-meta div a { 6081 font-size: 11px!important; 6082 } 6083 body .vce-lay-a .entry-title a, body .vce-lay-b .entry-title { 6084 font-size: 26px; 6085 line-height: 1.39; 6086 letter-spacing: 0.75px; 6087 } 6088 .my-slider-2 .post h3 { 6089 padding-left: 3%; 6090 padding-right: 3%; 6091 font-size: 18px; 6092 } 6093 .vce-lay-c .entry-title a { 6094 font-size: 18px; 6095 } 6096 .featured-container .post h3, .reviews-container .post h3 { 6097 font-size: 20px; 6098 padding-left: 8%; 6099 padding-right: 8%; 6100 } 6101 .featured-container .post:first-child h3 { 6102 padding-left: 10%; 6103 padding-right: 10%; 6104 font-size: 26px; 6105 letter-spacing: 0.75px !important; 6106 } 6107 #disqus_thread, .comment-respond, .main-box { 6108 margin-bottom: 20px; 6109 } 6110 .category:not(.paged) .vce-lay-c:last-child { 6111 display: block; 6112 } 6113 .latest .vce-lay-c:last-child { 6114 display: block !important; 6115 } 6116 .reviews-container { 6117 gap: 30px 20px; 6118 } 6119 .entry-content p { 6120 margin-bottom: 40px; 6121 } 6122} 6123@media (max-width: 600px) { 6124 .featured-container .post:first-child h3 { 6125 padding-left: 40px; 6126 padding-right: 40px; 6127 max-width: 100%; 6128 line-height: 1.4; 6129 } 6130} 6131.caption-centered .wp-caption-text { 6132 text-align: center; 6133} 6134.caption-center { 6135 text-align: center; 6136} 6137@media (min-width: 1023px) { 6138 .vce-sid-none .vce-main-content { 6139 margin-top: 0px; 6140 } 6141 .square-img-responsive .wp-caption-text { 6142 text-align: center; 6143 } 6144 .watch-awards-container p { 6145 margin-bottom: 10px; 6146 } 6147 .subscribe-title { 6148 padding-top: 10px; 6149 } 6150 body div.wpforms-container-full .wpforms-form .wpforms-field { 6151 margin-bottom: 20px; 6152 } 6153 .sign-up-form-link { 6154 margin-bottom: 34px; 6155 } 6156 .login-signup-title { 6157 font-size: 3rem; 6158 } 6159 .reset-password-container, .sign-up-form-container-loggedin { 6160 padding-bottom: 10rem; 6161 padding-top: 8rem; 6162 max-width: 37.5%; 6163 } 6164 .sign-up-form-container a, .reset-password-container a, .sign-up-form-container-loggedin a { 6165 font-size: 14px; 6166 } 6167 .sign-up-form-container { 6168 margin: auto; 6169 padding: 20px; 6170 max-width: 37.5%; 6171 width: 100%; 6172 font-family: 'Mulish'; 6173 color: #222; 6174 padding-bottom: 10rem; 6175 padding-top: 8rem; 6176 text-align: center; 6177 line-height: 1.29; 6178 } 6179 .category-tech .vce-lay-a .entry-title, .category-tech .vce-lay-a .entry-title, .category-tech .vce-lay-a .entry-title a, .class { 6180 line-height: 1!important; 6181 } 6182 .category-tech .vce-lay-a .entry-title { 6183 padding-top: 40px !important; 6184 } 6185 .vce-lay-a .entry-header, .entry-something { 6186 position: absolute; 6187 bottom: -4px !important; 6188 left: 0; 6189 right: 0; 6190 z-index: 19; 6191 width: 90%; 6192 margin: 0 auto; 6193 background: #fff; 6194 } 6195} 6196@media screen and (min-width: 670px) { 6197 .wp-caption .portrait-img-responsive ~ .wp-caption-text { 6198 text-align: center; 6199 } 6200} 6201#wpforms-236280 { 6202 width: 100%; 6203 max-width: 100%; 6204} 6205div.wpforms-container-full .wpforms-form .wpforms-submit-container { 6206 padding: 0 0 0 0 !important; 6207} 6208.owl-item img { 6209 border: 1px solid #e7e7e7; 6210} 6211.border_image { 6212 border: 1px solid #e7e7e7!important; 6213} 6214.wp-caption img.border_image { 6215 border: 1px solid #e5e5e5; 6216} 6217#caption-attachment-95972 { 6218 text-align: center; 6219} 6220.wp-caption .wp-caption-text a { 6221 font-size: 14px; 6222 text-decoration: none; 6223} 6224.subscribe-archive-column a { 6225 transition: border-bottom 0.2s ease-out; 6226 border-bottom: 1px solid #777; 6227} 6228.subscribe-archive-column a:hover { 6229 text-decoration: none; 6230 border-bottom: 1px solid transparent; 6231} 6232/* Random */ 6233.gphg-2021-shortlist-img { 6234 max-width: 1000px; 6235 width: 100%; 6236 margin: 0 auto; 6237 object-fit: cover; 6238 overflow: hidden; 6239 width: 122%; 6240 margin-left: -11%; 6241} 6242.code-block-3, .code-block-5, .code-block-1 { 6243 padding: 20px; 6244 padding-top: 0px; 6245 padding-bottom: 0px; 6246} 6247.header-sticky .vce-responsive-nav { 6248 line-height: 20px; 6249} 6250.videos-section .vce-lay-d .entry-title { 6251 display: -webkit-box; 6252 -webkit-line-clamp: 4; 6253 -webkit-box-orient: vertical; 6254 overflow: hidden; 6255 color: #f8f8ff; 6256 font-weight: 500; 6257 padding: 0px; 6258} 6259.preferences-btn { 6260 border-radius: 0; 6261 color: #eee; 6262 background-color: #111; 6263 padding: 0px; 6264 box-sizing: border-box; 6265 border: 1px solid #dfdfdf; 6266 outline: none; 6267 transition: color 0.3s ease, background-color 0.3s ease; 6268 padding: 5px 10px; 6269 font-size: 14px; 6270} 6271.preferences-btn:hover { 6272 color: #fff; 6273 background: #373737; 6274 text-decoration: none; 6275 cursor: pointer; 6276} 6277.videos-section .vce-lay-d .entry-meta { 6278 display: inline-block; 6279 width: 100px; 6280} 6281.cky-banner-element:hover { 6282 cursor: pointer; 6283} 6284.two-column-post .vce-lay-c .meta-image { 6285 max-width: 537px; 6286 margin-left: 2px; 6287} 6288.two-column-post .vce-lay-c article { 6289 margin-bottom: 0px!important; 6290} 6291.post .entry-content .column-no-margin-bottom { 6292 margin-bottom: 1px; 6293} 6294.two-column-post .vce-lay-c:nth-child(odd) { 6295 width: 49%!important; 6296 margin: 0 1% 3% 0!important; 6297 clear: both; 6298} 6299.two-column-post .vce-sid-none article.vce-lay-c:last-child { 6300 margin-right: 0px !important; 6301 margin-left: 1% !important; 6302} 6303.ww-text h2 { 6304 color: #232323; 6305 font-size: 30px; 6306 line-height: 1.25; 6307 padding-bottom: 0px; 6308} 6309.ww-text p { 6310 color: #232323; 6311 font-size: 14px; 6312 margin-bottom: 0px; 6313 opacity: 0.7; 6314 padding: 5px; 6315} 6316.ww-container { 6317 color: #232323; 6318 position: inherit; 6319 height: auto; 6320} 6321.ww-text { 6322 color: #232323; 6323 position: inherit; 6324 transform: none; 6325 text-align: center; 6326 padding: 20px; 6327} 6328.display-none {
6329 display: none; 6330} 6331.three-column-post h3 a { 6332} 6333.vce-search-form, .widget ul.vce-post-list { 6334 padding: 15px 30px; 6335 padding-bottom: 20px; 6336} 6337.two-column-post-image-product h3 { 6338 margin-bottom: 20px; 6339 line-height: 1.2; 6340} 6341.two-column-post .vce-post:nth-child(3n), .two-column-post .vce-post:nth-child(4n) { 6342 display: block; 6343} 6344#wpforms-26913 { 6345 margin-bottom: 0px; 6346} 6347.videos-section .vce-lay-a .updated:before { 6348 content: 'Posted on:'; 6349 display: inline-block; 6350 margin-right: 5px; 6351} 6352.videos-section .vce-lay-a .meta-image { 6353 padding-bottom: 10px; 6354} 6355.form-locked-message { 6356 text-align: center; 6357} 6358a, .entry-title a:hover, .vce-prev-next-link:hover, .vce-author-links a:hover, .required, .error404 h4, .prev-next-nav a:hover, #bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover, .woocommerce ul.products li.product h3:hover, .woocommerce ul.products li.product h3:hover mark, .main-box-title a:hover { 6359 color: #222; 6360} 6361.search .main-box-inside, .search-no-results .main-box-inside { 6362 width: 100%; 6363 display: block; 6364 min-height: 400px; 6365} 6366.search #post-0 .vce-search-form .vce-search-input, .vce-search-form .vce-search-input, .vce-search-form .vce-search-input:focus { 6367 width: 80%; 6368 border-radius: 0px; 6369} 6370.vce-search-form { 6371 max-width: 600px; 6372 -webkit-user-select: none; /* Safari */ 6373 -moz-user-select: none; /* Firefox */ 6374 -ms-user-select: none; /* IE10+/Edge */ 6375 user-select: none; /* Standard */ 6376} 6377.vce-sid-none .vce-single .entry-content, .vce-sid-none .vce-single .entry-headline, .vce-sid-none .vce-single .entry-footer { 6378 width: 100%; 6379 max-width: 100%; 6380} 6381.tech-spec-container ul { 6382 list-style: none; 6383} 6384.tech-spec-container ul li { 6385 margin: 0px; 6386} 6387.mini-tech-spec-container h3, .tech-spec-container h3 { 6388 margin-bottom: 30px; 6389 font-size: 23px; 6390 font-family: "DomaineDisplayWeb-Regular", sans-serif!important; 6391} 6392.tech-spec-container { 6393 margin-bottom: 30px; 6394} 6395.tech-spec-info, .mini-tech-spec-container { 6396 margin-bottom: 30px; 6397} 6398.mini-tech-spec-content { 6399 padding: 0px; 6400 margin: 30px 0px; 6401} 6402.mini-tech-spec-content li { 6403 display: inline; 6404 font-size: 1.44444rem; 6405 line-height: 1.9; 6406} 6407.tech-spec-divider { 6408 padding: 0px 10px; 6409 padding-right: 5px; 6410} 6411#main-box-11 { 6412 margin-bottom: 0px; 6413} 6414#main-box-4 { 6415 margin-bottom: 40px; 6416} 6417.article-credits { 6418 margin: 1em 0; 6419 padding: 2em; 6420 background-color: #f1f1f1; 6421 float: left; 6422 width: 100%; 6423} 6424.article-credits-header { 6425 font-size: 23px!important; 6426 margin-bottom: 10px; 6427 margin-top: 0px; 6428 padding-top: 0px!important; 6429} 6430.site-footer .site-info p { 6431 color: rgba(249,249,249,0.7); 6432} 6433.main-box .vce-link-pages a:after, .main-box .vce-link-pages a:before, .vce-next a:after, .vce-prev a:before, a.next:after, a.prev:before { 6434 font-size: inherit; 6435 font-family: fontawesome; 6436} 6437.alignnone { 6438 margin-bottom: 20px; 6439} 6440.vce-lay-a .entry-title { 6441 margin: 0 auto 10px; 6442} 6443/* login sign up styles */ 6444.login-signup-wrapper { 6445 width: 100%; 6446 max-width: 1260px; 6447 margin: 30px auto; 6448 padding: 0px 20px; 6449} 6450.login-signup-container { 6451 padding: 0px; 6452 margin: 0 auto; 6453 width: 100%; 6454 background: #f9f9f9; 6455} 6456.change-profile { 6457 font-size: 22px; 6458 font-family: "DomaineDisplayWeb-Regular", sans-serif!important; 6459 color: #111; 6460} 6461.change-profile .joined_the_website { 6462 font-size: 12px; 6463 display: block; 6464 text-transform: uppercase; 6465 font-family: "Mulish", sans-serif!important; 6466} 6467.view-profile { 6468 font-size: 16px; 6469 transition: border-bottom 0.2s ease-out; 6470 border-bottom: 1px solid #777; 6471} 6472.view-profile:hover { 6473 border-bottom: 1px solid transparent; 6474} 6475.fancybox-slide { 6476 background: rgba(30, 30, 30, .6); 6477} 6478.row-comments-by-user { 6479 margin: 20px 0; 6480 padding-top: 0px; 6481 padding-bottom: 20px; 6482 border-bottom: 1px solid #e1e1e1; 6483 text-align: left; 6484} 6485.row-comments-by-user:last-child { 6486 margin-bottom: 60px; 6487} 6488.login-profile-h3 { 6489 font-size: 21px; 6490 line-height: 1.2; 6491 margin-top: 0; 6492 font-weight: 400; 6493 color: #111; 6494} 6495.author-main-container h3 { 6496 text-align: left; 6497} 6498.login-area { 6499 background: #f9f9f9; 6500} 6501.login-area label { 6502 font-weight: 500; 6503 color: #111; 6504 font-size: 2rem; 6505} 6506.join-the-conversation, .view-all-comments { 6507 margin: 10px 0; 6508 font-size: 12px; 6509 display: block; 6510 color: #036aab; 6511 text-decoration: underline; 6512 font-size: 13px; 6513 display: block; 6514} 6515.commented-in a { 6516 color: #111; 6517 text-decoration: none; 6518 font-size: 16px; 6519 line-height: 1.7; 6520 font-family: 'DomaineDisplayWeb-Regular'!important; 6521 letter-spacing: 0.5px; 6522} 6523.join-the-conversation:hover, .view-all-comments:hover { 6524 color: #0399ed; 6525 text-decoration: underline; 6526} 6527.comment-content { 6528 margin: 10px 0; 6529} 6530.comment-date { 6531 font-size: 12px; 6532 color: #333; 6533 margin-bottom: 10px; 6534 text-transform: uppercase; 6535} 6536.comment-title { 6537 color: #111; 6538 text-decoration: none; 6539 font-size: 16px; 6540 line-height: 1.7; 6541 letter-spacing: 0.5px; 6542 margin-bottom: 10px; 6543} 6544.commented-at {
6545 font-size: 12px; 6546 color: #333; 6547 margin-bottom: 10px; 6548} 6549.select-image { 6550 margin-bottom: 30px; 6551} 6552.form-textarea textarea { 6553 height: 200px; 6554 margin-top: 10px; 6555 display: block; 6556} 6557.textarea-disclaimer { 6558 font-size: 12px; 6559 margin-bottom: 20px; 6560} 6561.login-signup-container label { 6562 font-weight: 500; 6563 color: #111; 6564 font-size: 2rem; 6565} 6566.login-signup-container #description { 6567 max-width:100%; 6568 min-height:50px; 6569 height:100%; 6570 width:100%; 6571 display: block; 6572 background: #fff; 6573 margin-right: 40px; 6574 min-width: 0px; 6575} 6576.sign-up-form-container a, .reset-password-container a, .sign-up-form-container-loggedin a { 6577 font-size: 14px; 6578 color: #036aab; 6579 text-decoration: underline; 6580 display: inline-block; 6581 transition: all .3s ease-in-out; 6582} 6583.sign-up-form-container p { 6584 font-size: 14px!important; 6585 color: #222; 6586 line-height: 1.4; 6587} 6588.sign-up-form-container a:hover { 6589 color: #0399ed; 6590} 6591.login-signup-title { 6592 font-weight: 500; 6593 text-transform: uppercase; 6594 text-align: center; 6595 font-size: 24px; 6596 margin-bottom: 20px; 6597 line-height: 1.29; 6598} 6599.sign-up-form-container { 6600 margin: auto; 6601 padding: 20px; 6602 max-width: 100%; 6603 width: 100%; 6604 font-family: 'Mulish'; 6605 color: #222; 6606 padding-bottom: 7rem; 6607 padding-top: 6rem; 6608 text-align: center; 6609} 6610.wpforms-container { 6611 text-align: left; 6612} 6613.reset-password-container, .sign-up-form-container-loggedin { 6614 margin: auto; 6615 padding: 20px; 6616 max-width: 100%; 6617 width: 100%; 6618 font-family: 'Mulish'; 6619 color: #222; 6620 padding-top: 6rem; 6621 padding-bottom: 7rem; 6622} 6623.visit-profile-link { 6624 text-align: center; 6625 width: 100%; 6626} 6627/* wpform styles */ 6628div.wpforms-container-full .wpforms-form .wpforms-required-label { 6629 color: #000!important; 6630} 6631#wpforms-125424-field_64-container, #wpforms-125424-field_47-container, #wpforms-125424-field_58-container { 6632 margin-bottom: 0px !important; 6633} 6634.wpforms-field-stripe-credit-card-cardname { 6635 font-family: sans-serif!important; 6636} 6637div.wpforms-container-full .wpforms-form .wpforms-field { 6638 padding: 0px!important; 6639} 6640#wpforms-105455-field_2-container { 6641 margin-bottom: 10px !important; 6642} 6643div.wpforms-container-full .wpforms-form .wpforms-field-hidden { 6644 height: 0px!important; 6645 margin-bottom: 0px!important; 6646} 6647div.wpforms-container-full .wpforms-form .wpforms-field-description, div.wpforms-container-full .wpforms-form .wpforms-field-limit-text { 6648 line-height: 1!important; 6649 font-size: 12px!important; 6650} 6651.sign-up-form-subheader { 6652 font-weight: 500; 6653 font-family: 'DomaineDisplayWeb-Regular'; 6654 font-size: 18px!important; 6655 margin-top: 30px!important; 6656 color: #111; 6657 text-transform: uppercase !important; 6658} 6659.sign-up-form-subheader:first-child { 6660 margin-top: 0px!important; 6661} 6662div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { 6663 font-size: 11px!important; 6664} 6665#wpforms-105459-field_8-container { 6666 margin-bottom: 10px!important; 6667} 6668#wpforms-105459-field_8 { 6669 height: 30px; 6670} 6671/* comments */ 6672.comment-list { 6673 width: 100%; 6674} 6675.comment-reply-title { 6676 background: none; 6677 color: #232323; 6678 text-align: left; 6679 padding-top: 0px; 6680} 6681#disqus_thread, .comment-reply-title, .comment-respond, .comments-holder .navigation, ul.comment-list>li.comment, ul.comment-list>li.pingback, ul.comment-list>li.trackback { 6682 -webkit-box-shadow: none; 6683 box-shadow: none; 6684 padding: 0px; 6685 padding-left: 0px; 6686 padding-top: 0px; 6687 margin-bottom: 0px; 6688} 6689textarea#comment { 6690 border: 1px solid #c7c7c7; 6691 border-radius: 0; 6692 min-height: 114px; 6693 height: 100%; 6694} 6695textarea#comment:focus { 6696 border: 1px solid #c7c7c7; 6697} 6698.comment-reply-link, .comment-login-link { 6699 display: inline-block; 6700 vertical-align: top; 6701 font-size: 14px; 6702 text-decoration: none; 6703 border: 1px solid #c7c7c7; 6704 border-radius: 0; 6705 Outline: none; 6706 line-height: 38px; 6707 font-size: 12px; 6708 padding: 0px 20px; 6709 letter-spacing: 0.25px; 6710 background: #fff; 6711 color: #000; 6712 text-align: center; 6713 margin-left: 0px; 6714 transition: none; 6715 text-transform: uppercase; 6716 white-space: nowrap; 6717} 6718.login-comment-btn { 6719 flex-wrap: wrap; 6720} 6721.comment-reply-link:hover, .comment-login-link:hover { 6722 border: 1px solid #111; 6723 background: #111; 6724 color: #fff; 6725} 6726.form-submit input, .comments-login-btn { 6727 display: inline-block; 6728 vertical-align: top; 6729 font-size: 14px; 6730 text-decoration: none; 6731 border: 1px solid #c7c7c7; 6732 border-radius: 0; 6733 Outline: none; 6734 line-height: 38px; 6735 font-size: 12px; 6736 padding: 0px 20px; 6737 text-transform: uppercase; 6738 letter-spacing: 0.25px; 6739 background: #fff; 6740 color: #000; 6741 text-align: center; 6742 margin-left: 0px; 6743 transition: none; 6744 font-weight: 500; 6745} 6746.comments-login-btn { 6747 margin-bottom: 10px; 6748}
6749.form-submit input:hover, .comments-login-btn:hover { 6750 background-image: none; 6751 color: #fff; 6752 border: 1px solid #111; 6753 background: #111; 6754} 6755.comment-body .edit-link a { 6756 background: #fff; 6757 color: #111; 6758 border: 1px solid #d7d7d7; 6759 margin-right: 30px; 6760 box-shadow: none; 6761 margin-top: 40px; 6762} 6763.comment-body .edit-link a:hover { 6764 background: #fff; 6765 color: #111; 6766 border: 1px solid #999; 6767 text-decoration: none; 6768} 6769ul.comment-list .fn, ul.comment-list .fn a, ul.comment-list .says { 6770 font-size: 18px; 6771 display: inline-block; 6772 margin: 0px 0 0; 6773 line-height: 24px; 6774 font-weight: 500; 6775 color: #111; 6776 font-family: "DomaineDisplayWeb-Regular", sans-serif!important; 6777} 6778.says { 6779 display: none!important; 6780} 6781li.comment .comment-body { 6782 margin-bottom: 30px; 6783 padding: 30px; 6784 padding-bottom: 30px; 6785 border-bottom: none; 6786 border: 1px solid #d7d7d7; 6787} 6788.comments-holder { 6789 margin-bottom: 0px !important; 6790} 6791.comments-body { 6792 margin-bottom: 30px !important; 6793} 6794ul.comment-list>li.comment:last-child, ul.comment-list>li.pingback:last-child { 6795 margin-bottom: 0; 6796} 6797#comments .children { 6798 margin-left: 30px; 6799} 6800.comment-form-author, .comment-form-email, .comment-form-url { 6801 width: 100%; 6802} 6803#respond #cancel-comment-reply-link, #respond h3 .cancel-comment-reply { 6804 display: inline-block; 6805 margin-left: 10px; 6806 padding-left: 10px; 6807 position: relative; 6808 border-left: none; 6809 float: right; 6810 text-decoration: none; 6811 padding-right: 0px; 6812 font-size: 16px; 6813 font-weight: 600; 6814} 6815.comment-form-author, .comment-form-email, .comment-form-url { 6816 padding: 0px; 6817} 6818.comment-content p { 6819 color: #555; 6820} 6821.reply-btn { 6822 text-transform: uppercase; 6823 text-decoration: none; 6824 color: #000; 6825 background: #fff; 6826 height: 37px; 6827 width: auto; 6828 border: 1px solid #d7d7d7; 6829 font-size: 12px; 6830 padding: 0 20px; 6831 line-height: 35px; 6832 cursor: pointer; 6833 position: relative; 6834 background-position: center; 6835 display: inline-block; 6836 margin-top: 10px; 6837 min-width: 140px; 6838 text-align: center; 6839 letter-spacing: 0.25px; 6840} 6841.reply-btn:hover { 6842 background: #f7f7f7; 6843} 6844.comment-respond { 6845 padding: 0px; 6846 padding-bottom: 30px; 6847 margin: auto; 6848 margin-bottom: 30px; 6849 margin-top: 0px; 6850 padding-top: 0px; 6851 width: 100%; 6852 left: 50%; 6853 z-index: 10; 6854 transform: translateX(-50%); 6855 background: #fff; 6856} 6857.vce-related-box .vce-post:nth-child(3n) { 6858 margin-right: 0px!important; 6859} 6860.parent .comment-respond { 6861 margin: 0px; 6862 max-width: 100%; 6863 transform: none; 6864 left: 0; 6865 margin-bottom: 30px; 6866} 6867ul.comment-list>li.comment:last-child, ul.comment-list>li.pingback:last-child { 6868 border-bottom: none; 6869} 6870li.comment .comment-body:last-child { 6871 padding: 30px; 6872 margin-bottom: 20px; 6873} 6874.comment-list .comment-body { 6875 border: 1px solid #d7d7d7 !important; 6876} 6877.comment-reply-title, body .main-box-title { 6878 text-align: left!important; 6879} 6880.featured-container .post:first-child img { 6881 aspect-ratio: 21 / 9.5; 6882 object-fit: cover; 6883} 6884.comment-list .comment-content { 6885 margin-left: 0px; 6886 padding-top: 0px; 6887 margin-bottom: 20px; 6888} 6889.comment-reply-title { 6890 margin-bottom: 15px; 6891} 6892li.comment .byuser .comment-body { 6893 border-bottom: none; 6894} 6895#comments .main-box-title { 6896 padding-top: 40px; 6897} 6898.comments-login-button { 6899 display: inline-block; 6900 vertical-align: top; 6901 font-size: 14px; 6902 text-decoration: none; 6903 min-width: 100px; 6904 border: 1px solid #999; 6905 border-radius: 0; 6906 Outline: none; 6907 font-size: 12px; 6908 padding: 7px 20px; 6909 text-transform: uppercase; 6910 letter-spacing: 1px; 6911 background: #fff; 6912 color: #333; 6913 text-align: center; 6914 margin-left: 0px; 6915 margin: 10px 0px; 6916 text-decoration: none; 6917} 6918.comments-login-button:hover, .comments-login-button:active { 6919 color: #fff; 6920 text-decoration: none; 6921 background-color: #0a0202; 6922 text-decoration: none; 6923 transition: all .3s ease-in-out; 6924} 6925.comments-sign-up { 6926 text-decoration: underline; 6927 font-weight: 600; 6928} 6929.wpulike-notification .wpulike-message { 6930 background-color: #fff; 6931 border: 1px solid #111; 6932 color: #111; 6933} 6934.wpulike-notification .wpulike-message:before { 6935 background-color: #111; 6936} 6937.vce-single .entry-content a, .vce-single .entry-content a { 6938 font-weight: 500; 6939} 6940p.commentnotice { 6941 visibility: visible !important; 6942 display: inline-block !important; 6943} 6944.logged-in p.commentnotice { 6945 visibility: hidden !important; 6946 display: none !important; 6947} 6948div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { 6949 vertical-align: middle; 6950 text-transform: uppercase; 6951 font-family: 'Mulish', sans-serif; 6952} 6953div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio], div.wpforms-container-full .wpforms-form .wpforms-field-label-inline { 6954 vertical-align: middle!important; 6955} 6956/* comments */ 6957.comments-holder { 6958 margin-bottom: 30px; 6959} 6960.li.comment .comment-body { 6961 margin-bottom: 30px; 6962} 6963.li.comment .comment-body:last-child 6964{ 6965 margin-bottom: 30px; 6966} 6967input[type=checkbox] { 6968 margin-right: 10px; 6969 vertical-align: middle; 6970} 6971.mc4wp-checkbox span { 6972 vertical-align: middle; 6973 font-size: 14px; 6974 font-style: italic; 6975 color: #555; 6976} 6977.login-user {
6978 display: flex; 6979 align-content: center; 6980} 6981.login-user p { 6982 margin-bottom: 0px; 6983 padding-left: 10px; 6984 line-height: 38px; 6985} 6986.login-user .login-user-sign-up { 6987 border-bottom: 1px solid #777; 6988 padding: 0px 1px; 6989 color: #000; 6990 transition: all 0.2s ease-in-out; 6991} 6992.login-user .login-user-sign-up:hover { 6993 outline: none; 6994 border-bottom: 1px solid #686868; 6995 color: #f98c68; 6996} 6997.ul.comment-list .fn, ul.comment-list .fn a, ul.comment-list .says { 6998 margin-top: 0px; 6999} 7000.comment-form { 7001 padding: 0px; 7002} 7003.comment-reply-title { 7004 border-left: 0px; 7005 border-right: 0px; 7006 border-bottom: 0px; 7007 padding-top: 30px; 7008} 7009.logged-in-as a { 7010 border-bottom: 1px solid #999; 7011 margin-bottom: 7012} 7013.logged-in-as { 7014 margin-bottom: 10px; 7015} 7016.comment-meta { 7017 -webkit-user-select: none; /* Safari */ 7018 -moz-user-select: none; /* Firefox */ 7019 -ms-user-select: none; /* IE10+/Edge */ 7020 user-select: none; /* Standard */ 7021} 7022/* hide empty p tags */ 7023.post-box-container { 7024 background-color: #f9f9f9!important; 7025 margin: 1em 0; 7026 padding: 3em; 7027 padding-bottom: 4em; 7028 background-color: #eee; 7029 float: left; 7030 width: 100%; 7031 margin-bottom: 40px; 7032} 7033.post-box-container h3 { 7034 font-size: 2.2rem; 7035 margin-bottom: 20px; 7036} 7037.post-box-container ul { 7038 margin-bottom: 20px; 7039} 7040.user-profile-success { 7041 display: flex; 7042 flex-direction: row; 7043 flex-wrap: wrap; 7044 width: 100%; 7045 padding: 20px; 7046 margin-top: 10px; 7047} 7048body, button, input, select, textarea { 7049 font-size: 16px; 7050} 7051.noselect { 7052 -webkit-touch-callout: none; /* iOS Safari */ 7053 -webkit-user-select: none; /* Safari */ 7054 -khtml-user-select: none; /* Konqueror HTML */ 7055 -moz-user-select: none; /* Old versions of Firefox */ 7056 -ms-user-select: none; /* Internet Explorer/Edge */ 7057 user-select: none; /* Non-prefixed version, currently 7058 supported by Chrome, Edge, Opera and Firefox */ 7059} 7060.code-block-2, .code-block-4, .code-block-6 { 7061 margin-bottom: 50px!important; 7062} 7063.form-textarea { 7064 padding: 10px 0px; 7065 margin-bottom: 20px; 7066} 7067.user-profile-wrapper { 7068 background: #fff; 7069} 7070.something { 7071 display: block; 7072 padding: 30px 20px; 7073} 7074.something img:hover { 7075 opacity: 0.8; 7076} 7077.something img { 7078 transition: opacity .3s ease-in-out; 7079} 7080.something:first-child { 7081 padding: 20px 10px; 7082} 7083.logout-button { 7084 display: block; 7085 max-width: min-content; 7086 margin-top: 10px; 7087 font-size: 12px; 7088 background: #000; 7089 color: #eee; 7090 padding: 5px 10px; 7091 text-transform: uppercase; 7092 margin-top: 30px; 7093} 7094.mc4wp-form-107482 input[type=submit] { 7095 background-color: #111!important; 7096 color: #f5f5f5; 7097 border-radius: 0; 7098 Outline: none; 7099 border: 1px solid #e5e5e5; 7100 font-size: 12px; 7101 padding: 10px 15px; 7102 text-transform: uppercase; 7103 letter-spacing: 1px; 7104 padding: 10px 32px; 7105 margin-left: 5px; 7106} 7107.mc4wp-form-107482 input[type=email] { 7108 background-color: #fff; 7109 box-sizing: border-box; 7110 border-radius: 2px; 7111 color: #111; 7112 -webkit-box-sizing: border-box; 7113 -moz-box-sizing: border-box; 7114 display: block; 7115 float: none; 7116 font-size: 16px; 7117 padding: 6px 10px; 7118 width: 100%; 7119 line-height: 1.3; 7120 height: 44px; 7121} 7122.mc4wp-form-107482 input[type=submit]:hover { 7123 background-color: #fff!important; 7124 color: #111; 7125 border-radius: 0; 7126 border: 1px solid #fff; 7127 Outline: none; 7128 font-size: 12px; 7129 padding: 10px 15px; 7130 text-transform: uppercase; 7131 letter-spacing: 1px; 7132 padding: 10px 32px; 7133 background-image: none; 7134 border: 1px solid rgba(0,0,0,.2); 7135} 7136.form-inline { 7137 max-width: 600px; 7138 margin: 0px auto; 7139 display: flex; 7140 align-items: center; 7141 margin-bottom: 20px; 7142} 7143.newsletter-post-container { 7144 color: #111; 7145 text-align: center; 7146 background: #eee; 7147 padding: 60px; 7148 padding-bottom: 80px; 7149 margin-top: 40px; 7150 margin-bottom: 30px; 7151 border: 1px solid #ddd; 7152} 7153.newsletter-post-container h3 { 7154 color: #111; 7155 margin-bottom: 20px; 7156 font-size: 3.2rem; 7157} 7158.mc4wp-response { 7159 width: 100%; 7160 margin: 0px auto; 7161 text-align: center; 7162} 7163.mc4wp-success { 7164 color: #468847; 7165 margin-bottom: 30px; 7166 color: #111; 7167 padding: 10px 0px; 7168 width: 100%; 7169 display: inline-block; 7170} 7171.mc4wp-success p { 7172 color: #111; 7173 padding: 0 10px; 7174 width: 100%; 7175 display: inline-block; 7176 font-size: 14px; 7177 padding: 10px 20px; 7178 text-align: center; 7179 margin-bottom: 0px; 7180} 7181div.wpforms-container-full .wpforms-form .wpforms-error-container, div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {
7182 font-size: 14px; 7183 margin-bottom: 30px; 7184 background: #eee; 7185 border: 1px solid #990000; 7186 padding: 16px; 7187 font-size: 14px; 7188 text-align: center; 7189 color: #990000; 7190 background: #fff; 7191} 7192.newsletter-post-container input[type=text] { 7193 background-color: #fff; 7194 box-sizing: border-box; 7195 border-radius: 2px; 7196 color: #111; 7197 -webkit-box-sizing: border-box; 7198 -moz-box-sizing: border-box; 7199 display: block; 7200 float: none; 7201 font-size: 16px; 7202 padding: 6px 10px; 7203 width: 100%; 7204 line-height: 1.3; 7205 height: 44px; 7206} 7207.ElementsApp input { 7208 font-family: "Mulish", sans-serif!important; 7209} 7210.ad-disclaimer::before { 7211 content: "ADVERTISEMENT"; 7212 margin-top: 1px; 7213 padding-bottom: 5px; 7214 font-size: 9px; 7215 text-transform: uppercase; 7216 letter-spacing: 2px; 7217 color: #ccc; 7218 margin-left: auto; 7219 margin-right: auto; 7220 width: 100%; 7221 max-width: 900px; 7222 display: block; 7223 text-align: center; 7224} 7225.videos-footer-container h3:hover, .videos-footer-container a:hover h3 { 7226 color: #ccc!important; 7227} 7228.current { 7229 color: #fff; 7230} 7231.main-box-head { 7232 width: 100%; 7233} 7234body.category.paged .vce-loop-wrap { 7235 padding: 0px 0px 0; 7236} 7237nav#vce-pagination { 7238 display: flex; 7239} 7240nav#vce-pagination a { 7241 margin-right: 5px; 7242} 7243body.category.paged #vce-pagination .prev.page-numbers { 7244 margin-right: 20px; 7245} 7246#vce-pagination .page-numbers, #vce-pagination a { 7247 margin-right: 5px; 7248} 7249body.category.paged #vce-pagination .page-numbers:nth-last-child(2) { 7250 margin-right: 0px; 7251} 7252body.category.paged #vce-pagination .next { 7253 margin-left: 20px; 7254} 7255#vce-pagination .next { 7256 margin-right: 0px; 7257} 7258#vce-pagination { 7259 margin-bottom: 20px; 7260} 7261.owl-one { 7262 visibility: hidden; 7263} 7264.entry-meta div a:hover, .meta-category a:hover { 7265 text-decoration: none; 7266} 7267.my-slider { 7268 opacity: 0; 7269} 7270.my-slider.tns-slider { 7271 opacity: 1; 7272} 7273.my-slider:not(.tns-slider) { 7274 display: flex; 7275 overflow-x: auto; 7276 scroll-snap-type: x mandatory; 7277} 7278.my-slider-item { 7279 scroll-snap-align: start; 7280 user-select: none; 7281 aspect-ratio: 4 / 3; 7282 border: 1px solid #000; 7283 border-radius: 4px; 7284 flex-basis: 100%; 7285 flex-grow: 1; 7286 flex-shrink: 0; 7287} 7288.my-slider.custom:not(.tns-slider) .my-slider-item { 7289 flex-basis: 33.333%; 7290} 7291.my-slider.overflow-hidden:not(.tns-slider) { 7292 overflow: hidden; 7293} 7294.site-footer 7295{ 7296 border-top: 1px solid #e5e5e5; 7297} 7298.homepage-pop-up-container 7299{ 7300 background: #fff; 7301 text-align: center; 7302} 7303.boxzilla 7304{ 7305 background: #fff; 7306 padding: 4rem 4rem 3rem !important; 7307} 7308.boxzilla-close-icon 7309{ 7310 color: #000; 7311 cursor: pointer; 7312 font-size: 28px; 7313 font-weight: 700; 7314 line-height: 20px; 7315 opacity: .5; 7316 padding: 6px; 7317 position: absolute; 7318 right: 0; 7319 text-align: center; 7320 top: 0; 7321 webkit-appearance: none; 7322} 7323body .boxzilla-close-icon 7324{ 7325 color: #718193; 7326 font-weight: 300; 7327 o-transition: border .2s,background .2s,color .2s,opacity .2s; 7328 padding: 1.5rem; 7329 transition: border .2s,background .2s,color .2s,opacity .2s; 7330 webkit-transition: border .2s,background .2s,color .2s,opacity .2s; 7331} 7332.pop-up-email-input 7333{ 7334 border: 1px solid #fff !important; 7335 border-bottom: 1px solid #aaa !important; 7336 font-size: 1.7rem; 7337 height: 40px; 7338 line-height: 1.6; 7339 padding: 0 10px; 7340} 7341.pop-up-email-input, .pop-up-submit-button { 7342 border-radius: 0 !important; 7343 min-height: 54px; 7344} 7345.pop-up-consent-tickbox input 7346{ 7347 margin-bottom: 1px; 7348} 7349.popup-email-container 7350{ 7351 display: flex; 7352 margin-bottom: 10px; 7353} 7354.pop-up-consent-tickbox a 7355{ 7356 transition: border-bottom 0.2s ease-out; 7357 border-bottom: 1px solid #777; 7358} 7359.pop-up-consent-tickbox a:hover 7360{ 7361 border-bottom: 1px solid transparent; 7362} 7363.boxzilla input[type=checkbox] 7364{ 7365 margin-right: 5px; 7366} 7367.boxzilla input:focus 7368{ 7369 border: 1px solid transparent; 7370 border-bottom: 1px solid #aaa; 7371} 7372input[type=submit].pop-up-submit-button 7373{ 7374 background: #323232; 7375 border: 1px solid #323232; 7376 color: #333; 7377 color: #eee; 7378 font-family: 'DomaineDisplayWeb-Regular', sans-serif; 7379 font-size: 1.25rem; 7380 font-weight: 500; 7381 letter-spacing: 1px; 7382 min-width: 90px; 7383 padding: 4px 0px; 7384 text-align: center; 7385 text-decoration: none; 7386 text-transform: uppercase; 7387} 7388body .boxzilla 7389{ 7390 box-shadow: 0 -0.1rem 0.5rem 0 rgb(0 0 0 / 25%); 7391 max-width: 50rem; 7392 webkit-box-shadow: 0 -0.1rem 0.5rem 0 rgb(0 0 0 / 15%); 7393} 7394.boxzilla p 7395{ 7396 font-size: 11px; 7397 line-height: 1.5rem; 7398 margin-bottom: 10px; 7399 text-align: left; 7400} 7401.pop-up-check-box-policy 7402{ 7403 font-style: italic; 7404} 7405.boxzilla.boxzilla-bottom-right 7406{ 7407 margin-left: 1rem; 7408 margin-right: 1rem; 7409} 7410.mc4wp-form-34231 input[type="submit"], .mc4wp-form-34231 button { 7411 color: white; 7412 background: #151515 !important; 7413 padding-bottom: 2px !important; 7414 border: #0f1215 solid 1px !important; 7415} 7416.pop-up-header 7417{ 7418 font-size: 1.8rem; 7419 font-weight: 500; 7420 letter-spacing: 0.075rem; 7421 line-height: 1.2; 7422 margin-bottom: 20px; 7423 text-align: left; 7424 text-transform: uppercase; 7425} 7426.boxzilla .mc4wp-alert { 7427 margin-bottom: 0px !important; 7428} 7429.boxzilla .mc4wp-alert p { 7430 padding: 0px !important; 7431} 7432/* font awesome style overrides */ 7433.fa-solid { 7434 vertical-align: middle; 7435} 7436/* Prevent flickering during initialization */ 7437.my-slider-2 { 7438 opacity: 0; 7439} 7440.my-slider-2.tns-slider { 7441 opacity: 1; 7442} 7443.my-slider-2 { 7444 display: block; 7445} 7446.my-slider-2 article { 7447 padding: 0 1% 0 0; /* or edge padding? */ 7448} 7449.tns-controls, .tns-nav { 7450 text-align: center; 7451} 7452.reviews-container {
7453 display: grid; 7454 grid-template-columns: repeat(2, 1fr); 7455 gap: 30px 10px; 7456 margin-bottom: 10px; 7457 opacity: 1; 7458} 7459.my-slider-2 article { 7460 padding: 0px; 7461} 7462.test-container .post img { 7463 padding-bottom: 15px; 7464} 7465.my-slider-2 .post { 7466 text-align: left; 7467} 7468.test-container .container .post:first-child .post-meta { 7469 position: relative; 7470 top: 0px; 7471 left: 2%; 7472 right: 2%; 7473 background: #fff; 7474 width: 96%; 7475 padding: 20px 20px; 7476 padding-top: 10px; 7477 padding-bottom: 10px; 7478 text-align: center; 7479} 7480.test-container .container .post:nth-child(2) { 7481 padding-right: 5px; 7482} 7483.test-container .container .post:nth-child(3) { 7484 padding-left: 5px; 7485} 7486.test-container .container .post:first-child { 7487 width: 100%; 7488 display: block; 7489 margin-bottom: 30px; 7490} 7491.featured-container { 7492 margin-bottom: 10px; 7493} 7494button, input[type=button], input[type=reset] { 7495 min-width: 1px; 7496} 7497.homepage-container { 7498 padding-top: 10px; 7499} 7500.test-container .date-author-container p { 7501 display: inline; 7502} 7503.my-slider-2-wrapper .tns-inner { 7504 margin-left: 0px !important; 7505} 7506.test-container .container .post { 7507 position: relative; 7508 display: block; 7509 width: 100%; 7510 display: table; 7511} 7512.test-container .post::after { 7513 content: ""; 7514 clear: both; 7515 display: table; 7516} 7517.view-more-wrapper { 7518 display: flex; 7519 justify-content: center; 7520 align-items: center; 7521 padding-top: 30px; 7522 padding-bottom: 30px; 7523} 7524.view-more-wrapper button { 7525 background-color: #fff!important; 7526 background-color: #fff!important; 7527 line-height: 43px; 7528 padding: 8px 60px; 7529 border: 1px solid #c7c7c7; 7530 min-width: 130px; 7531 text-transform: uppercase; 7532 letter-spacing: 1px; 7533 color: #333; 7534 border-radius: 0; 7535 font-size: 12px; 7536 background-image: none; 7537} 7538.view-more-wrapper button:hover, .view-more-wrapper button:active { 7539 background-image: none !important; 7540} 7541.entry-content-table { 7542 margin-bottom: 30px; 7543} 7544.latest .post img, .latest-container .post h2, .latest .post p { 7545 float: left; 7546} 7547.latest .post h2 { 7548 font-size: 1.75em; 7549} 7550.latest .section-header { 7551 margin-bottom: 20px; 7552 padding-bottom: 10px; 7553} 7554.latest .post img { 7555 max-width: 33.33333%; 7556 margin-right: 20px; 7557 margin-bottom: 20px; 7558 height: 240px !important; 7559 object-fit: cover; 7560} 7561.videos-footer-container { 7562 max-width: 1200px; 7563 margin: 0 auto; 7564 margin-top: 30px; 7565 padding: 30px 10px; 7566 padding-top: 10px; 7567} 7568.videos-footer-container .section-header { 7569 padding-top: 20px; 7570} 7571.videos-footer-container h2 { 7572 color: #eee!important; 7573} 7574.videos-container .post h2 { 7575 font-size: 1.25em; 7576} 7577.view-more-wrapper .dark-button { 7578 background: none !important; 7579 color: #eee !important; 7580} 7581.test-container .latest-container small { 7582 width: 50%; 7583 float: left; 7584} 7585.date-author-container p, .postmetadata, .date-author-container small, .date-author-container a { 7586 text-transform: uppercase !important; 7587 font-size: 11px; 7588 line-height: 1.5; 7589} 7590.test-container .wp-block-pullquote.alignleft cite, .test-container .wp-block-pullquote.alignright cite, small { 7591 text-transform: uppercase !important; 7592} 7593.test-container h3 { 7594 font-size: 1.5em; 7595} 7596.wp-block-pullquote.alignleft cite, .wp-block-pullquote.alignright cite, small { 7597 font-size: 100%; 7598} 7599.sticky-navbar .site-branding { 7600 width: auto !important; 7601 height: auto; 7602} 7603.post-date { 7604 font-style: normal; 7605} 7606.container-full { 7607 max-width: 100%; 7608} 7609.opacity-half { 7610 opacity: 0.5; 7611} 7612h1.entry-title { 7613 font-size: 3.5rem; 7614} 7615.main-title { 7616 padding: 30px; 7617 margin-bottom: 0px; 7618 padding-bottom: 20px; 7619 padding-top: 40px; 7620 text-align: center; 7621} 7622.search-header-form-ul { 7623 background: #fff !important; 7624} 7625.featured-container .post h3, .reviews-container .post h3 { 7626 font-size: 15px; 7627 letter-spacing: 0.75px; 7628 line-height: 1.25; 7629} 7630.post-meta { 7631 letter-spacing: 0.25px; 7632} 7633.latest-container .post-meta { 7634 width: 50%; 7635 float: left; 7636} 7637.videos .post h3 { 7638 margin-top: 10px; 7639} 7640.videos .post img { 7641 background: #333; 7642} 7643.homepage-container .post-meta a { 7644 display: inline-block; 7645} 7646.section-header { 7647 font-size: 1.25em; 7648} 7649.date-author-container a { 7650 transition: border-bottom 0.2s ease-out; 7651 border-bottom: 1px solid #777; 7652} 7653.date-author-container a:hover { 7654 border-bottom: 1px solid transparent; 7655} 7656.test-container { 7657 margin: 0 auto; 7658 max-width: 1140px; 7659 padding-top: 10px; 7660} 7661.post-container .post h3 { 7662 font-size: 16px; 7663 line-height: 1.25; 7664} 7665.new-releases .post h3 { 7666 font-size: 18px; 7667} 7668.featured-container .post:first-child h3 { 7669 font-size: 18px; 7670 padding-left: 6%; 7671 padding-right: 6%; 7672 letter-spacing: 0.75px; 7673 line-height: 1.5; 7674} 7675.videos-footer-container a, .videos-footer-container h3 { 7676 color: #eee; 7677} 7678.featured-container .post h3 { 7679 padding-top: 15px; 7680} 7681.homepage-container .post h3 {
7682 display: -webkit-box; 7683 -webkit-line-clamp: 4; 7684 -webkit-box-orient: vertical; 7685 overflow: hidden; 7686 font-size: 16px; 7687 padding-right: 0px; 7688 line-height: 1.25; 7689 margin-bottom: 20px; 7690} 7691.homepage-container .latest-container .post h3 { 7692 margin-bottom: 10px; 7693} 7694h3 strong { 7695 font-size: inherit; 7696 font-weight: 500; 7697} 7698.featured-container .post:first-child h3, .featured-container .post:first-child h2 { 7699 letter-spacing: 0.75px !important; 7700} 7701.homepage-container .post p, .homepage-container .post p a, .entry-meta div, .entry-meta div a, .entry-meta span { 7702 color: #333; 7703 letter-spacing: 0.5px; 7704 margin-bottom: 0px; 7705 line-height: 1.3; 7706 letter-spacing: 0.75px; 7707} 7708.vce-lay-c .entry-title a, .homepage-container .post h3 { 7709 letter-spacing: 0.5px!important; 7710} 7711.entry-meta span, .homepage-container .post p { 7712 color: #555; 7713} 7714.entry-footer { 7715 margin-top: 30px !important; 7716} 7717.entry-meta span { 7718 color: #555; 7719 font-size: 10px; 7720} 7721.entry-meta div, .entry-meta div a { 7722 margin-bottom: 0px; 7723} 7724.entry-content p { 7725 margin-bottom: 30px; 7726} 7727.homepage-container img { 7728 width: 100%; 7729} 7730.homepage-container .post img { 7731 object-fit: cover; 7732 aspect-ratio: 16 / 9; 7733} 7734.homepage-container { 7735 padding-top: 10px; 7736 overflow:hidden; 7737 margin: 0 auto; 7738 max-width: 1240px; 7739} 7740.post-container { 7741 padding: 10px; 7742 padding-top: 0px; 7743} 7744.padding-top { 7745 padding-top: 30px; 7746} 7747.featured-container { 7748 overflow:hidden; 7749} 7750.featured-container .post:nth-child(2) { 7751 padding-right: 5px; 7752 padding-left: 10px; 7753} 7754.featured-container .post h3, .reviews-container .post h3 { 7755 font-size: 16px; 7756} 7757.featured-container .post:nth-child(3) { 7758 padding-left: 5px; 7759 padding-right: 10px; 7760} 7761.featured-container .post:first-child .post-meta { 7762 padding: 3rem; 7763 padding-top: 0px; 7764 margin-top: 1rem; 7765 padding-bottom: 3rem; 7766 text-align: center; 7767} 7768.featured-container .post { 7769 width: 50%; 7770 float: left; 7771 padding-left: 10px; 7772 padding-right: 10px; 7773} 7774.featured-container .post:first-child { 7775 width: 100%; 7776} 7777.latest-container .date-author-container span { 7778 display: block; 7779} 7780.latest-container .date-author-container span:first-child { 7781 display: inline; 7782 line-height: 1.5; 7783} 7784.videos { 7785 padding: 0px; 7786 background: #0f1215; 7787} 7788.latest-container .post { 7789 display: block; 7790 float: left; 7791 width: 100%; 7792} 7793.latest-container .post:last-child { 7794 margin-bottom: 30px; 7795} 7796.homepage-pagination { 7797 margin-bottom: 30px; 7798 text-align: center; 7799} 7800.latest-container .post h3 { 7801 margin-top: 0px; 7802 padding-top: 0px; 7803 font-size: 18px; 7804 line-height: 1.25; 7805} 7806.vce-lay-c .entry-title { 7807 margin-bottom: 10px; 7808} 7809.vce-lay-c .entry-title a { 7810 display: -webkit-box; 7811 -webkit-line-clamp: 4; 7812 -webkit-box-orient: vertical; 7813 overflow: hidden; 7814 font-size: 16px; 7815 line-height: 1.2; 7816} 7817.latest-container .post img { 7818 max-height: 140px; 7819} 7820.video-img-background { 7821 background: #333; 7822} 7823.comments a { 7824 margin-left: 5px; 7825} 7826.videos-footer-container .post img { 7827 border: 0px; 7828} 7829.entry-content h3 { 7830 letter-spacing: 0.6px; 7831} 7832.sticky { 7833 background-color: #ffffff; 7834 position: -webkit-sticky; 7835 position: sticky; 7836 top: 0; 7837 z-index: 998; 7838} 7839.main-header { 7840 border-bottom: none; 7841 box-shadow: none; 7842} 7843.homepage-container .post h3 { 7844 display: -webkit-box; 7845 -webkit-line-clamp: 4; 7846 -webkit-box-orient: vertical; 7847 overflow: hidden; 7848 padding: 0px 5%; 7849 padding-top: 2rem; 7850 line-height: 1.25; 7851} 7852.featured-container .post:first-child h3 { 7853 padding-left: 40px; 7854 padding-right: 40px; 7855} 7856.my-slider-2 .post h3 { 7857 padding-left: 0px; 7858 padding-right: 10px; 7859} 7860.homepage-container .latest-container .post h3 { 7861 display: -webkit-box; 7862 -webkit-line-clamp: 4; 7863 -webkit-box-orient: vertical; 7864 overflow: hidden; 7865 font-size: 22px; 7866 padding-top: 0px; 7867 letter-spacing: 0.2px 7868 padding-right: 0px; 7869 line-height: 1.4; 7870} 7871.latest-container .post h3 { 7872 padding-left: 0px; 7873 margin-bottom: 20px; 7874} 7875.latest .post h3 { 7876 padding-top: 0px; 7877 font-size: 16px; 7878} 7879.homepage-container .post h3 { 7880 margin-bottom: 1rem; 7881} 7882#sticky_header { 7883 display: none; 7884 z-index: 3000000000000000000000; 7885} 7886.entry-meta .meta-item.author span { 7887 white-space: normal; 7888 padding-left: 2px; 7889} 7890.pop-up-check-box-policy { 7891 color: #111; 7892} 7893.vce-slider-pagination .vce-lay-a .meta-image { 7894 max-height: 510px; 7895} 7896/* Media Queries */ 7897@media only screen and (min-width: 1024px) and (max-width: 1200px) { 7898 .container { 7899 max-width: 1200px; 7900 } 7901} 7902@media only screen and (max-width: 414px) { 7903 .site-branding img { 7904 max-width: 200px; 7905 } 7906} 7907.vce-lay-a.vce-post {position: relative;} 7908@media only screen and (min-width: 200px) and (max-width: 670px) { 7909 body p { 7910 margin-bottom: 30px; 7911 } 7912 .main-box-title { 7913 text-align: left!important; 7914 } 7915 .vce-slider-pagination .vce-lay-a .meta-image { 7916 max-height: 100%; 7917 } 7918 .vce-lay-d img { 7919 max-width: 100%; 7920 } 7921} 7922.owl-carousel .entry-meta span, .owl-carousel .entry-meta span a { 7923 font-size: 11px !important; 7924 display: inline-block; 7925} 7926@media only screen and (min-width: 500px) and (max-width: 1024px) { 7927 .three-column-post .vce-lay-c:nth-child(odd) { 7928 width: 49%!important; 7929 margin: 0 1% 3% 0!important; 7930 clear: both; 7931 } 7932 .three-column-post .vce-lay-c:nth-child(even) { 7933 width: 49%!important; 7934 margin: 0 0% 3% 1%!important; 7935 clear: both; 7936 } 7937 .three-column-post .vce-lay-c:nth-child(odd):last-child { 7938 width: 50%; 7939 margin: 0px 25%!important; 7940 } 7941} 7942/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ 7943@media screen and (max-width: 600px) { 7944 .wp-caption-copy { 7945 text-align: left; 7946 } 7947 .site-branding img { 7948 max-width: 210px; 7949 } 7950 .contact-column { 7951 width: 100%; 7952 } 7953 #vce-pagination .page-numbers { 7954 display: none; 7955 } 7956 #vce-pagination .next.page-numbers { 7957 right: 10px; 7958 } 7959 #vce-pagination .prev.page-numbers { 7960 left: 10px; 7961 } 7962 .two-column-image-caption:first-child { 7963 margin-bottom: 30px; 7964 margin-right: 0px; 7965 } 7966 .buy-magazine-title { 7967 font-size: 2.5rem!important; 7968 } 7969 #wpforms-76181-field_26 h3, #wpforms-76181-field_27 h3 { 7970 font-size: 2.2rem; 7971 } 7972 div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li { 7973 padding-right: 0px !important; 7974 } 7975 .two-column-image-caption:first-child, .two-column-image-caption { 7976 width: 100%; 7977 margin-right: 0px; 7978 } 7979 .post .entry-content .row, .post .entry-contnt .two-column-image-caption { 7980 display: block; 7981 flex: none; 7982 width: 100%; 7983 } 7984 .row .two-column-post-image, .row .three-column-post-image, .row .two-column-image-caption { 7985 flex: none; 7986 padding: 0px; 7987 padding-bottom: 30px; 7988 display: block; 7989 width: 100%; 7990 } 7991} 7992@media (max-width: 540px) { 7993 body .vce-lay-a .entry-title, body .vce-lay-b .entry-title { 7994 max-width: 100%; 7995 padding: 30px; 7996 padding-top: 30px; 7997 padding-bottom: 30px; 7998 } 7999} 8000@media screen and (min-width: 600px) { 8001 .row-caption-center .two-column-image-caption{ 8002 width: 100% !important; 8003 margin: 0px; 8004 } 8005 .row-caption-center .two-column-image-caption p img { 8006 max-width: 50% !important; 8007 margin: 0px auto; 8008 } 8009 .archive-cell { 8010 width: calc(50% - 0.5rem); 8011 } 8012} 8013@media only screen and (min-width: 670px) and (max-width: 1023px) { 8014 .vce-lay-a .entry-title { 8015 padding-top: 0px; 8016 } 8017 .vce-lay-c .entry-title { 8018 padding: 0px 10px; 8019 } 8020 .site-footer .bit-3:nth-child(3) h3 { 8021 text-align: center; 8022 } 8023 .vce-slider-pagination .vce-lay-a .meta-image { 8024 max-height: 400px; 8025 } 8026} 8027@media only screen and (min-width: 670px) { 8028 body, button, input, select, textarea { 8029 font-size: 16px; 8030 } 8031 .mini-tech-spec-content li, .mini-tech-spec-content strong { 8032 font-size: 1.6rem; 8033 line-height: 1.9; 8034 } 8035 .data-image { 8036 margin-top: 20px; 8037 } 8038 .single-post .vce-main-content { 8039 padding-top: 10px!important; 8040 } 8041 .vce-single .entry-content .wp-caption-text { 8042 font-size: 1.5rem; 8043 line-height: 1.9; 8044 } 8045 .vce-lay-c .entry-header { 8046 padding-top: 10px!important; 8047 padding-bottom: 10px!important; 8048 } 8049} 8050.magazine-container-main { 8051 margin-top: 0px; 8052} 8053.two-column-post .vce-lay-c .entry-meta .author { 8054 display: inline-block!important; 8055} 8056.videos-section .vce-lay-a .meta-image { 8057 padding-bottom: 0px; 8058} 8059.post .entry-content .row img { 8060 margin-bottom: 0px; 8061} 8062.site-footer .bit-3:nth-child(-n+2) {
8063 display: block; 8064} 8065.site-footer h3 { 8066 text-align: center; 8067} 8068.print-digital-grid { 8069 display: flex; 8070 flex-wrap: wrap; 8071 flex-direction: row; 8072 align-items: flex-end; 8073 justify-content: center; 8074} 8075.print-digital-cell { 8076 width:50%; 8077 max-width: 150px; 8078} 8079.about-magazine-header { 8080 font-size: 3.3rem; 8081} 8082.print-digital-img-overlay-container { 8083 float: left; 8084} 8085.two-column-post .vce-lay-c .entry-title a { 8086 text-transform: none; 8087 letter-spacing: 1.5px; 8088} 8089.vce-lay-c .entry-title a { 8090 font-size: 16px; 8091} 8092.two-row-column-post .vce-lay-c:nth-last-of-type(1), 8093.two-row-column-post .vce-lay-c:nth-last-of-type(2) { 8094 display: none; 8095} 8096.ww-container { 8097 position: relative; /* or absolute */ 8098 /* unnecessary styling properties */ 8099 width: 100%; 8100 height: 400px; 8101 background-size: cover; 8102 background-position: left center; 8103 background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65) ), url("/wp-content/uploads/2022/03/watches-and-wonders-2022-background-img.jpg"); 8104 margin-top: 20px; 8105 margin-bottom: 10px; 8106} 8107.ww-text { 8108 color: #fff; 8109 position: absolute; 8110 left: 50%; 8111 top: 50%; 8112 transform: translate(-50%, -50%); 8113 /* unnecessary styling properties */ 8114 max-width: 50%; 8115 text-align: left; 8116 padding: 20px; 8117 max-width: 1200px; 8118 width: 100%; 8119} 8120.ww-text h2 { 8121 color: #fff; 8122 font-size: 50px; 8123 max-width: 440px; 8124 line-height: 1.25; 8125} 8126.ww-text p { 8127 color: #fff; 8128 font-size: 16px; 8129 opacity: .9; 8130 max-width: 440px; 8131 margin: 0px; 8132} 8133.display-none { 8134 display: block; 8135} 8136} 8137@media only screen and (min-width: 500px) and (max-width: 670px) { 8138 .vce-lay-c .entry-title a { 8139 font-size: 14px; 8140 display: -webkit-box; 8141 -webkit-line-clamp: 4; 8142 -webkit-box-orient: vertical; 8143 overflow: hidden; 8144 line-height: 1.4; 8145 letter-spacing: 0.75px; 8146 font-size: 1.6rem; 8147 } 8148} 8149@media only screen and (max-width: 670px) { 8150 .my-slider-2 .post h3 { 8151 padding-left: 0px; 8152 padding-right: 10px; 8153 } 8154 .single .post h1, .single .post h2, .single .post h3, .single .post h4, .single .post h5, .single .post h6 { 8155 font-size: 20px; 8156 } 8157 .ol, ul { 8158 margin: 0 0 30px 10px; 8159 } 8160 .main-box-single .entry-title { 8161 padding: 20px 10px; 8162 margin-bottom: 0px; 8163 } 8164 .single-post .entry-title { 8165 font-size: 2.4rem; 8166 line-height: 1.4; 8167 margin-top: 0; 8168 padding: 10px 0px; 8169 letter-spacing: 0.6px; 8170 } 8171 .newsletter-section { 8172 margin-bottom: 0px; 8173 } 8174 .square { 8175 width: calc(50% - 3.5%); 8176 padding-bottom : 43.32%; 8177 } 8178 .subscribe-list { 8179 font-size: 1.2rem; 8180 } 8181 body:not(.home) .main-box-title { 8182 padding-top: 10px; 8183 padding-bottom: 15px; 8184 } 8185 .main-box-single .entry-title { 8186 padding: 15px 20px; 8187 } 8188 .single-post .entry-header:first-child { 8189 margin-top: 15px; 8190 } 8191 .two-column-post .vce-lay-c .entry-title { 8192 padding-bottom: 5px; 8193 } 8194 .fancybox-slide { 8195 padding: 44px 20px; 8196 } 8197 .newsletter-section-inner { 8198 max-width: 1200px; 8199 margin: auto; 8200 margin-bottom: 10px; 8201 margin-top: 20px; 8202 line-height: 1; 8203 letter-spacing: 1px; 8204 padding: 10px 20px; 8205 } 8206 .main-box-half .videos-section .vce-lay-d, .vce-loop-wrap .videos-section .vce-lay-d, .videos-section .vce-lay-d .entry-title { 8207 max-width: 100%; 8208 } 8209 .videos-section { 8210 padding-top: 20px; 8211 } 8212 .vce-lay-a .entry-title a { 8213 letter-spacing: 0.75px; 8214 } 8215 .site-footer .bottom-nav-menu a, .site-footer .site-info p { 8216 font-size: 10px; 8217 } 8218 .bottom-nav-menu li { 8219 display: inline-block; 8220 float: none; 8221 } 8222 .vce-wrap-right>ul { 8223 text-align: center; 8224 } 8225 .brand-details a { 8226 font-size: 18px; 8227 } 8228 .videos-section .vce-lay-a img { width: 100%; float: left; max-height: 220px; object-fit: cover; 8229 } 8230 .videos-section .vce-lay-a .entry-header { 8231 margin-bottom: 0px; 8232 } 8233} 8234@media only screen and (max-width: 1023px) and (min-width: 500px) { 8235 .site-info { 8236 padding: 10px; 8237 } 8238} 8239@media only screen and (min-width: 600px) and (max-width: 1023px) { 8240 #vce-pagination .page-numbers { 8241 display: inline-block; 8242 } 8243} 8244@media only screen and (min-width: 670px) and (max-width: 1023px) { 8245 .main-box-half .vce-lay-d, .vce-loop-wrap .vce-lay-d { 8246 width: 48.5%!important; 8247 } 8248} 8249@media (max-width: 768px) { 8250 .vce-lay-b .vce-format-icon i, .vce-lay-c .vce-format-icon i, .vce-format-icon i { 8251 -webkit-backface-visibility: hidden; 8252 background-color: transparent; 8253 border: 2px solid hsla(0,0%,100%,.5); 8254 border-radius: 50%; 8255 bottom: 0px; 8256 color: #fff;
8257 display: inline-block; 8258 left: 0px; 8259 line-height: 1; 8260 padding: 1px; 8261 position: absolute; 8262 transition: border .2s,background .2s,color .2s,opacity .2s; 8263 vertical-align: middle; 8264 z-index: 3; 8265 text-align: center; 8266 padding-top: 8px; 8267 padding-left: 5px; 8268 height: 30px; 8269 width: 30px; 8270 font-size: 10px; 8271 } 8272 .td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap { 8273 margin-bottom: 1px; 8274 } 8275 body .vce-lay-a .entry-title a, body .vce-lay-b .entry-title { 8276 font-size: 18px; 8277 padding: 0px; 8278 line-height: 1.4; 8279 } 8280 = 8281} 8282@media only screen and (max-width: 700px) { 8283 div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li, div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li { 8284 padding-right: 0px !important; 8285 width: 100%; 8286 } 8287} 8288@media only screen and (max-width: 320px) { 8289 .slider-container .cloned { 8290 height: 0px!important; 8291 } 8292} 8293@media only screen and (min-width: 320px) and (max-width: 414px) { 8294 .slider-container .cloned { 8295 height: 0px!important; 8296 } 8297} 8298@media only screen and (min-width: 200px) and (max-width: 670px) { 8299 .vce-wrap-right>div, .vce-wrap-right>ul { 8300 margin: 0px 0 0; 8301 } 8302 .single .post h3, .single .post h1, .single .post h2 { 8303 font-size: 2.2rem; 8304 } 8305 .single .post h4 { 8306 font-size: 2.2rem; 8307 } 8308} 8309.post h4 { 8310 font-size: 2.6rem; 8311} 8312@media screen and (min-width: 800px) { 8313 .wp-caption .portrait-img-responsive ~ .wp-caption-text { 8314 text-align: center; 8315 } 8316 .print-digital-cell { 8317 display: block; 8318 width: 100%; 8319 } 8320 .print-digital-img-overlay-container { 8321 float: left; 8322 } 8323 .subscribe-archive-column { 8324 padding: 40px 40px; 8325 } 8326 .site-footer [class*=bit-] { 8327 margin-top: 10px; 8328 width: 33.333%; 8329 } 8330 .site-footer input[type=email] { 8331 text-align: center; 8332 } 8333 .site-footer .bit-3:last-child .mc4wp-form { 8334 width: 100%; 8335 margin: 0 auto; 8336 text-align: center; 8337 } 8338 .site-footer .bit-3:last-child h3 { 8339 text-align: center; 8340 } 8341 .mc4wp-response, .mc4wp-success p { 8342 text-align: left; 8343 } 8344} 8345@media only screen and (max-width: 800px) { 8346 .site-info { 8347 text-align: center; 8348 } 8349 .subscribe-button, .archive-button, .single-issue-button, body .subscribe-archive-column div.wpforms-container-full .wpforms-form button[type=submit] { 8350 line-height: 3; 8351 padding: 8px 20px; 8352 } 8353 .about-magazine-header { 8354 display: none; 8355 } 8356 .vce-wrap-left>div, .vce-wrap-left>ul, .vce-wrap-right>div, .vce-wrap-right>ul { 8357 float: none; 8358 display: inline-block; 8359 } 8360 .vce-wrap-right, .vce-wrap-left { 8361 float: right; 8362 width: 100%; 8363 } 8364 .videos-section .vce-lay-a .entry-header, .videos-section .vce-lay-a .meta-image { 8365 width: 100%; 8366 } 8367 .videos-section .vce-lay-a .entry-title { 8368 max-width: 95%; 8369 padding-top: 10px; 8370 float: none; 8371 } 8372 .videos-section { 8373 padding-top: 20px; 8374 } 8375 .subscribe-archive-column { 8376 width: 100%; 8377 margin-bottom: 30px; 8378 float: left; 8379 padding: 30px; 8380 } 8381 .subscribe-container { 8382 padding: 0px; 8383 padding-top: 0px; 8384 } 8385 .magazine-page-title { 8386 margin-top: 0px; 8387 } 8388 .about-magazine, .learn-more-buttonabout-magazine-header, .subscribe-image:first-child { 8389 display: none; 8390 } 8391} 8392@media only screen and (min-width: 200px) and (max-width: 670px) { 8393 body .comment-reply-title, body .main-box-title { 8394 padding: 0px; 8395 } 8396 body .comment-reply-title { 8397 margin-bottom: 20px; 8398 } 8399 .comment-respond, .main-box, .sidebar .widget { 8400 margin-bottom: 20px; 8401 } 8402} 8403@media only screen and (min-width: 600px) { 8404 .something:first-child { 8405 padding: 30px 20px; 8406 } 8407 .something { 8408 display: flex; 8409 flex-direction: column; 8410 flex-basis: 100%; 8411 flex: 1; 8412 } 8413} 8414@media (max-width: 800px) { 8415 .newsletter-post-container h3 { 8416 font-size: 2.6rem; 8417 } 8418 .mc4wp-form-107482 input[type=submit] { 8419 background-color: #111!important; 8420 color: #f5f5f5; 8421 border-radius: 0; 8422 Outline: none; 8423 border: 1px solid #e5e5e5; 8424 font-size: 12px; 8425 padding: 10px 15px; 8426 text-transform: uppercase; 8427 letter-spacing: 1px; 8428 padding: 10px 32px; 8429 margin-top: 10px; 8430 margin-left: 0px; 8431 } 8432 .form-inline { 8433 flex-direction: column; 8434 align-items: stretch; 8435 margin-bottom: 10px; 8436 } 8437} 8438@media all and (min-width: 600px) { 8439 .boxzilla.boxzilla-bottom-right 8440 { 8441 right: 1rem !important; 8442 margin-left: 0; 8443 margin-right: 0; 8444 } 8445 input[type=submit].pop-up-submit-button 8446 { 8447 min-width: 130px; 8448 padding: 4px 32px; 8449 } 8450} 8451@media screen and (min-width: 600px) and (max-width: 768px) { 8452} 8453@media (max-width: 768px) { 8454 .homepage-container .latest-container .post p, .homepage-container .latest-container .post a { 8455 font-size: 10px !important; 8456 } 8457 .homepage-container .post h3 { 8458 font-size: 1.4rem; 8459 margin-bottom: 15px; 8460 } 8461 .homepage-container .my-slider-2 .post p, .homepage-container .my-slider-2 .post a { 8462 font-size: 10px!important; 8463 } 8464 .homepage-container .post p, .homepage-container .post a { 8465 font-size: 10px!important; 8466 } 8467 .homepage-container .latest-container .post h3 { 8468 font-size: 15px; 8469 } 8470 .homepage-container .my-slider-2 .post h3 { 8471 font-size: 1.6rem; 8472 } 8473 .latest-container .post img { 8474 max-height: 120px; 8475 } 8476} 8477@media (max-width: 1023px) { 8478 .featured-container .post:first-child h3 { 8479 padding-left: 20px; 8480 padding-right: 20px; 8481 max-width: 90%; 8482 margin: auto; 8483 } 8484 .container { 8485 max-width: 100%; 8486 } 8487} 8488.vce-post { 8489 margin-right: 0px; 8490 padding-right: 0px; 8491} 8492@media screen and (min-width: 500px) and (max-width: 1023px) { 8493 .vce-post:nth-child(2n) { 8494 margin-right: 0px; 8495 padding-right: 0px; 8496 } 8497} 8498.videos .post p { 8499 color: #999; 8500 letter-spacing: 0.75px; 8501} 8502.my-slider-2-wrapper .tns-nav { 8503 padding-top: 20px; 8504 height: 50px; 8505} 8506.section-header { 8507 width: 100%; 8508 padding-bottom: 10px; 8509 margin-bottom: 7px; 8510} 8511.tns-item, tns-item img { 8512 perspective: 1000; 8513 backface-visibility: hidden; 8514 transform: translate3d(0, 0, 0); 8515 -webkit-perspective: 1000; 8516 -webkit-backface-visibility: hidden; 8517 -webkit-transform: translate3d(0, 0, 0); 8518} 8519#main-header { 8520 height: 50px; 8521} 8522#sticky_header {
8523 display: none; 8524} 8525.display-none { 8526 display: none !important; 8527} 8528.post a:hover h3, .post a:active h3, .vce-lay-c .entry-title h3:hover { 8529 color: #5a5a5a; 8530} 8531.vce-loop-wrap { 8532 justify-content: flex-start; 8533} 8534.vce-sid-none .vce-lay-c .entry-title, body .vce-lay-c .entry-title { 8535 max-width: 100%; 8536 text-align: center; 8537} 8538#menu-item-131402 { 8539 display: none; 8540} 8541.entry-meta div, .entry-meta div a, .vce-lay-c .meta-item, .vce-lay-g .meta-item { 8542 text-transform: uppercase; 8543} 8544.wpforms-error-container strong { 8545 color: #111!important; 8546} 8547.learn-more-button { 8548 font-family: inherit; 8549 background-color: #ccc; 8550 color: #111; 8551 text-decoration: none; 8552 display: inline-block; 8553 padding: 6px 12px; 8554 margin-bottom: 0; 8555 font-size: 14px; 8556 font-weight: normal; 8557 line-height: 1.428571429; 8558 text-align: center; 8559 white-space: nowrap; 8560 vertical-align: middle; 8561 cursor: pointer; 8562 border: 1px solid transparent; 8563 border-radius: 0px; 8564 -webkit-user-select: none; 8565 -moz-user-select: none; 8566 -ms-user-select: none; 8567 -o-user-select: none; 8568 user-select: none; 8569} 8570a.learn-more-button:hover { 8571 background-color: #000; 8572 color: #fff; 8573 text-decoration: none!important; 8574} 8575.two-column-post-image-product:first-child { 8576 padding-right: 1px; 8577} 8578.aligncenter { 8579 margin: 0 auto 20px; 8580} 8581.two-column-post-image-product-weird p:nth-of-type(2) { 8582 display: none!important; 8583} 8584.two-column-post-image-product .product-text { 8585 padding-right: 5px; 8586} 8587.two-column-post-image-product div { 8588 display: none; 8589} 8590.two-column-post-image-product div, .wp-caption .code-block { 8591 display: none!important; 8592} 8593.learn-more-button { 8594 padding: 12px 16px!important; 8595 background: #111!important; 8596 font-weight: 500!important; 8597 border-bottom: none!important; 8598 color: #fff!important; 8599 letter-spacing: 0.75px!important; 8600 font-size: 1.2rem!important; 8601 text-transform: uppercase; 8602 transition: all 0.25s ease-in-out!important; 8603 text-align: center; 8604} 8605a.learn-more-button:hover, a.learn-more-button:focus, a.learn-more-button:target, a.learn-more-button:active { 8606 color: #ffff!important; 8607 background-color: #f98c68!important; 8608 text-decoration-color: #f98c68!important; 8609} 8610.logo-container { 8611 width: 50%; 8612} 8613/*align the heading and lines*/ 8614.main-box-title, .section-header { 8615 display: flex; 8616 width: 100%; 8617 justify-content: center; 8618 align-items: center; 8619 text-align: center; 8620} 8621/*add and adjust the lines*/ 8622.main-box-title:after, .section-header:after { 8623 content: ''; 8624 border-top: 1px solid #e5e5e5; 8625 margin: 0 20px 0 0; 8626 flex: 1 0 20px; 8627 color: #666666; 8628} 8629.videos .section-header:after { 8630 border-top: 1px solid #666; 8631} 8632/*add spacing between heading and line*/ 8633.main-box-title:after, .section-header:after { 8634 margin: 5px 0 0 20px; 8635} 8636.two-column-post-image-product { 8637 display: block; 8638 padding: 0px; 8639 padding-bottom: 30px; 8640} 8641@media screen and (max-width: 600px) { 8642 .two-column-image-caption:first-child .wp-caption-copy { 8643 margin-bottom: 5px !important; 8644 } 8645 .homepage-container .post h3 { 8646 margin-bottom: 10px; 8647 } 8648 .latest .post img { 8649 margin-bottom: 20px; 8650 } 8651 .post .entry-content .row-flex { 8652 display: block; 8653 } 8654 .centered-product-container { 8655 max-width: 100%; 8656 margin: auto; 8657 } 8658} 8659@media only screen and (min-width: 200px) and (max-width: 670px) { 8660 .vce-lay-a .entry-content, .vce-lay-c .entry-content, .vce-lay-c .entry-title { 8661 padding: 0 10px; 8662 padding-bottom: 0px; 8663 } 8664 .entry-meta div, .entry-meta div a, .vce-lay-c .meta-item, .vce-lay-g .meta-item { 8665 font-size: 11px !important; 8666 } 8667 .vce-lay-c .entry-title a { 8668 font-size: 15px; 8669 } 8670} 8671@media only screen and (min-width: 200px) and (max-width: 670px) { 8672 body h1.entry-title { 8673 max-width: 100%; 8674 } 8675 .videos-section .vce-lay-d { 8676 width: 100%!important; 8677 } 8678} 8679@media screen and (min-width: 600px) { 8680 .user-info-container { 8681 padding-left: 3rem; 8682 } 8683 .post .entry-content .row-flex { 8684 display: flex; 8685 flex-wrap: wrap; 8686 } 8687 .two-column-post-image-product { 8688 flex-basis: 50%; 8689 padding: 0px; 8690 padding-left: 10px; 8691 padding-bottom: 30px; 8692 padding-right: 0px; 8693 } 8694 .two-column-post-image-product:nth-child(odd) { 8695 padding-left: 0px; 8696 padding-right: 10px; 8697 } 8698 .two-column-post-image-product:first-child { 8699 padding-left: 0px; 8700 padding-right: 10px; 8701 } 8702 .two-column-post-image-productnth-of-type(1) { 8703 padding-left: 0px; 8704 padding-right: 10px; 8705 } 8706 .aligncenter { 8707 margin: 0 auto 0px; 8708 } 8709 .centered-product-container { 8710 max-width: 50%; 8711 margin: auto; 8712 } 8713} 8714@media (max-width: 540px) { 8715 .vce-sid-none .vce-lay-c .entry-title, body .vce-lay-c .entry-title { 8716 margin-top: 15px; 8717 margin-bottom: 10px; 8718 } 8719} 8720@media only screen and (max-width: 670px) { 8721 .vce-format-icon, .vce-pn-ico { 8722 transform: none; 8723 font-size: 14px; 8724 } 8725 .featured-container .post:first-child img { 8726 max-height: 300px; 8727 min-height: 200px; 8728 } 8729 body .vce-lay-a .entry-title, body .vce-lay-b .entry-title { 8730 text-align: center; 8731 padding: 0 20px; 8732 max-width: 100%; 8733 margin: 0 auto; 8734 padding: 0px; 8735 padding-top: 0px; 8736 padding-bottom: 15px; 8737 padding-left: 15px; 8738 padding-right: 15px; 8739 max-width: 100%; 8740 margin: auto; 8741 } 8742} 8743@media (min-width: 768px) { 8744 .centered-product-container h4 { 8745 padding-top: 30px; 8746 } 8747 .homepage-container .latest-container .post h3 { 8748 margin-bottom: 30px; 8749 } 8750 .featured-container .post:first-child h3 { 8751 padding-bottom: 20px; 8752 } 8753 .vce-lay-c .entry-title { 8754 margin-bottom: 15px!important; 8755 } 8756 .featured-container .post:first-child h3 { 8757 padding-left: 10%; 8758 padding-right: 10%; 8759 } 8760 #vce-pagination { 8761 margin-bottom: 30px; 8762 } 8763 .two-column-post .vce-post:nth-child(3n), .two-column-post .vce-post:nth-child(4n) { 8764 display: none; 8765 } 8766 /* brand profile */ 8767 .brand-logo-column { 8768 width: 220px; 8769 } 8770 .brand-details { 8771 width: calc(100% - 200px); 8772 text-align: left; 8773 } 8774 .brand-page-container {
8775 display: flex; 8776 overflow: hidden; 8777 align-items: center; 8778 justify-content: left; 8779 } 8780 .brand-details p { 8781 padding-left: 30px; 8782 } 8783 .gphg-2021-shortlist-img { 8784 width: 100%; 8785 max-width: 100%; 8786 margin-left: auto; 8787 } 8788 .videos-section { 8789 background-image:url("/wp-content/uploads/2021/10/footer-background-layer.jpg"); 8790 } 8791 .newsletter-section { 8792 background-image: url("/wp-content/uploads/2023/02/newsletter-desktop.jpg"); 8793 } 8794 .two-column-post-image-product h4, .centered-product-container h4, .two-column-post-image-product h3, .centered-product-container h3 { 8795 font-size: 2.4rem!important; 8796 } 8797 body .boxzilla 8798 { 8799 margin: 0rem; 8800 max-width: 54rem; 8801 } 8802 .pop-up-header 8803 { 8804 font-size: 2.25rem; 8805 margin-bottom: 30px; 8806 } 8807 .boxzilla 8808 { 8809 padding: 7rem 6rem 6rem !important; 8810 } 8811 .boxzilla p 8812 { 8813 font-size: 12px; 8814 line-height: 1.75rem; 8815 margin-bottom: 10px; 8816 text-align: left; 8817 } 8818 p, .entry-content ul, .entry-content a, .entry-content li, .meta-tags a, b, dt, strong, th, .wp-caption-copy .vce-single .entry-content p { 8819 font-size: 16px; 8820 line-height: 2; 8821 } 8822 .homepage-container .post h3 { 8823 padding-top: 2.5rem; 8824 } 8825 .featured-container .post:first-child h3 { 8826 font-size: 22px; 8827 } 8828 .latest .section-header { 8829 margin-bottom: 30px; 8830 padding-bottom: 10px; 8831 } 8832 .new-releases .section-header { 8833 padding-top: 10px; 8834 } 8835 .featured-container .post h3, .reviews-container .post h3 { 8836 font-size: 18px; 8837 } 8838 .latest .post h3 { 8839 padding-top: 0px; 8840 font-size: 22px; 8841 max-width: 50%; 8842 } 8843} 8844@media only screen and (min-width: 1280px) { 8845 .entry-content { 8846 max-width: 100% !important; 8847 } 8848} 8849.vce-lay-a .entry-header { 8850 padding-bottom: 0px; 8851} 8852@media only screen and (min-width: 1023px) { 8853 .single .vce-related-box article:last-child { 8854 display: none; 8855 } 8856 .entry-meta span, .entry-header:first-child .entry-meta::before { 8857 font-size: 11px !important; 8858 } 8859 .header-1-wrapper { 8860 padding: 0 10px; 8861 } 8862 .archive-cell { 8863 width: calc(100% / 3); 8864 } 8865 .archive-cell { 8866 width: calc(24.99999% - 0.5rem); 8867 } 8868 .print-digital-cell { 8869 width: calc(50% - 2rem); 8870 } 8871 .subscribe-archive-column { 8872 float: left; 8873 width: calc(50% - 20px); 8874 padding: 40px 16px; 8875 border: 1px solid #deddde; 8876 -webkit-box-shadow: rgb(0 0 0 / 6%) 0 0 12px 0; 8877 box-shadow: rgb(0 0 0 / 6%) 0 0 12px 0; 8878 -webkit-box-sizing: border-box; 8879 margin-right: 40px; 8880 text-align: center; 8881 } 8882 .subscribe-archive-column:nth-child(2) { 8883 margin-right: 0px; 8884 } 8885 .two-column-post .vce-lay-c .entry-title a { 8886 font-size: 20px; 8887 line-height: 30px; 8888 } 8889 .newsletter-section .main-box-inside { 8890 padding: 40px 10px; 8891 } 8892 .single-post .entry-header:first-child { 8893 margin: 20px 0px; 8894 } 8895 .meta-media { 8896 padding: 20px 0px; 8897 } 8898 .videos-section { 8899 height: 100%; 8900 width: 100vw; 8901 position: relative; 8902 margin-left: -50vw; 8903 left: 50%; 8904 } 8905 .videos-section .vce-lay-a { 8906 padding-bottom: 10px; 8907 } 8908 .videos-section .vce-lay-d:last-child { 8909 display: none; 8910 } 8911 .videos-section .main-box-title { 8912 background: none; 8913 max-width: 1200px; 8914 margin: auto; 8915 padding-left: 50px; 8916 color: #fff!important; 8917 } 8918 .videos-section .main-box-title:after, .videos-section .entry-title-page:after { 8919 width: calc(90% - 0.75em); 8920 } 8921 /* other styles */ 8922 .site-branding { 8923 padding: 0px; 8924 } 8925 .header-sticky .site-title img { 8926 padding-top: 0px; 8927 } 8928 .header-sticky .container { 8929 margin-top: 0px; 8930 } 8931 .site-branding img { 8932 max-width: 100%; 8933 max-height: 100%; 8934 } 8935 #main-box-3 { 8936 padding-bottom: 0px; 8937 } 8938 .header-sticky .vce-logo source, .header-sticky .vce-logo img { 8939 width: 300px; 8940 height: 51px; 8941 } 8942 .two-column-post-no-desktop { 8943 display: none; 8944 } 8945 .no-desktop #vce-pagination { 8946 display: block; 8947 } 8948 .form-textarea { 8949 padding: 10px; 8950 padding-right: 40px; 8951 padding-left: 0px; 8952 margin-bottom: 20px; 8953 } 8954 .single-post .entry-header:first-child { 8955 padding-left: 20px; 8956 padding-right: 20px; 8957 margin-top: 30px; 8958 } 8959 .comment-respond { 8960 padding: 30px 0px; 8961 padding-top: 0px; 8962 margin: auto; 8963 margin-bottom: 30px; 8964 padding-bottom: 30px; 8965 width: 100%; 8966 left: 50%; 8967 transform: translateX(-50%); 8968 } 8969 body.category:not(.paged) h1.main-box-title { 8970 padding-left: 0px; 8971 max-width: 100%; 8972 } 8973 body:not(.home) .main-box-title { 8974 padding-left: 0px; 8975 padding-bottom: 15px; 8976 } 8977 .nav-login { 8978 justify-content: flex-end; 8979 align-items: center;
8980 display: flex; 8981 width: 25%; 8982 } 8983 .my-slider-2 .post { 8984 text-align: center; 8985 } 8986 .featured-container .post:first-child .post-meta { 8987 border-top: none; 8988 } 8989 .my-slider-2-wrapper .tns-inner { 8990 margin: 0px !important; /* override */ 8991 } 8992 /* style for desktop columns */ 8993 .my-slider-2 { 8994 display: grid; 8995 grid-template-columns: repeat(2, 1fr); 8996 gap: 20px 10px; 8997 margin-bottom: 10px; 8998 opacity: 1; 8999 } 9000 .my-slider-2 { 9001 display: grid; 9002 grid-template-columns: repeat(2, 1fr); 9003 gap: 30px 20px; 9004 margin-bottom: 10px; 9005 opacity: 1; 9006 } 9007 .my-slider-2 article { 9008 padding: 0px; 9009 } 9010 body:not(.home) .main-box-title { 9011 padding-top: 10px; 9012 } 9013 .test-container .container .post:first-child { 9014 width: 100%; 9015 display: block; 9016 margin-bottom: 0px; 9017 } 9018 .test-container .container .post:first-child .post-meta { 9019 position: relative; 9020 top: -60px; 9021 left: 2%; 9022 right: 2%; 9023 background: #fff; 9024 width: 96%; 9025 padding: 20px 28px; 9026 padding-top: 0px; 9027 padding-bottom: 0px; 9028 text-align: center; 9029 } 9030 .test-container .container .post:nth-child(2) { 9031 padding-right: 5px; 9032 } 9033 .test-container .container .post:nth-child(3) { 9034 padding-left: 5px; 9035 } 9036 .test-container .container .post:first-child .post-meta { 9037 padding: 30px; 9038 padding-top: 30px; 9039 } 9040 .featured-container .post:first-child h3 { 9041 font-size: 24px; 9042 } 9043 .featured-container .post h3 { 9044 font-size: 20px; 9045 } 9046 .featured-container .post h3:first-child { 9047 font-size: 1.75em; 9048 } 9049 .reviews-container .post:nth-child(5), .reviews-container .post:nth-child(6) { 9050 display: none!important; 9051 } 9052 .my-slider-2 { 9053 grid-template-columns: repeat(3, 1fr); 9054 } 9055 .videos-container { 9056 grid-template-columns: repeat(4, 1fr); 9057 } 9058 .homepage-container { 9059 padding-top: 10px; 9060 } 9061 .header-sticky .site-title img { 9062 margin-left: -10px; 9063 } 9064 .single-post .entry-title { 9065 font-size: 3.4rem; 9066 width: 100%; 9067 } 9068 .main-box-inside { 9069 padding: 0px 0px 0; 9070 } 9071 .vce-lay-c .entry-title { 9072 margin-bottom: 15px; 9073 } 9074 .comment-reply-title { 9075 font-size: 22px !important; 9076 } 9077 .featured-container .post:first-child img { 9078 max-height: 510px; 9079 } 9080 .vce-lay-a .entry-title a { 9081 letter-spacing: 0.75px; 9082 font-size: 22px; 9083 overflow: hidden; 9084 margin: 0 auto; 9085 } 9086 .author-box .data-content { 9087 padding-right: 20px; 9088 } 9089 .site-footer h3 { 9090 font-size: 2.2rem; 9091 } 9092 .entry-meta div a { 9093 font-size: 10px!important; 9094 } 9095 .vce-main-content .main-box-title { 9096 font-size: 22px; 9097 } 9098 .homepage-container .post p, .homepage-container .post p a, .entry-meta div, .entry-meta div a, .entry-meta span { 9099 color: #555!important; 9100 text-transform: uppercase; 9101 letter-spacing: 0.75px; 9102 } 9103 .homepage-container .post p a, .entry-meta div a { 9104 color: #222!important; 9105 font-size: 11px; 9106 text-transform: uppercase; 9107 letter-spacing: 0.75px; 9108 } 9109 .homepage-container .post p { 9110 color: #555!important; 9111 } 9112 .homepage-container { 9113 margin-top: 5px; 9114 } 9115 .magazine-container-main { 9116 max-width: 1095px; 9117 margin: auto; 9118 width: 100%; 9119 margin-bottom: 30px; 9120 margin-top: 10px; 9121 } 9122 .vce-lay-c .entry-title a, .homepage-container .post h3 { 9123 line-height: 1.3; 9124 } 9125 .vce-lay-c .entry-title a { 9126 padding-top: 0px; 9127 } 9128 .latest-container .post img { 9129 max-height: 300px; 9130 } 9131 .header-1-wrapper { 9132 height: auto; 9133 } 9134 .nav-login { 9135 position: unset; 9136 } 9137 .header-1-wrapper { 9138 border-bottom: none; 9139 box-shadow: none; 9140 } 9141 #sticky_header { 9142 display: block; 9143 } 9144 .videos-footer-container { 9145 padding: 30px 10px; 9146 } 9147 .newsletter-section-header { 9148 font-size: 2.5em; 9149 } 9150 .newsletter-section { 9151 padding: 60px; 9152 } 9153 .vce-logo source, .vce-logo img { 9154 width: 100%; 9155 max-width: 280px; 9156 height: auto; 9157 } 9158 .nav-login-button { 9159 padding: 12px 25px; 9160 line-height: inherit; 9161 } 9162 body:not(.home) .main-box-title 9163 .featured-container .post:first-child { 9164 width: 100%; 9165 margin-bottom: -30px; 9166 } 9167 .featured-container .post:nth-child(2) { 9168 padding-right: 10px; 9169 padding-left: 10px; 9170 } 9171 .featured-container .post:nth-child(3) { 9172 padding-left: 10px; 9173 padding-right: 10px; 9174 } 9175 .featured-container .post h3, .watch-reviews .post h3, { 9176 font-size: 25em; 9177 } 9178 .sticky-element-3 { 9179 position: absolute; 9180 right: 10px; 9181 } 9182 .sticky-element-2 .vce-logo source, .sticky-element-2 .vce-logo img { 9183 width: 270px; 9184 height: auto; 9185 } 9186 .sticky-element-2 { 9187 justify-content: center; 9188 align-items: center;
9189 display: block; 9190 padding: 0px; 9191 max-height: 100%; 9192 width: 100%; 9193 max-width: 260px; 9194 padding-left: 0px; 9195 position: absolute; 9196 padding-left: 0px; 9197 top: 8px; 9198 z-index: 998; 9199 } 9200} 9201.wpforms-container .complete-checkout-disclaimer { 9202 font-size: 14px !important; 9203 font-style: italic; 9204 color: #959595!important; 9205 line-height: 1.4; 9206} 9207.wpforms-container .complete-checkout-disclaimer a { 9208 transition: border-bottom 0.2s ease-out; 9209 border-bottom: 1px solid #777 !important; 9210 display: inline-block; 9211 line-height: 1; 9212} 9213div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label { 9214 background: #222 !important; 9215} 9216@media (min-width: 1200px) { 9217 .featured-container .post:first-child { 9218 padding: 0px 10px; 9219 } 9220 .boxzilla.boxzilla-bottom-right 9221 { 9222 right: 6rem !important; 9223 } 9224 .header-sticky .container { 9225 padding: 0px 20px; 9226 } 9227 .site-content { 9228 padding: 0 10px; 9229 } 9230} 9231@media (min-width: 1023px) { 9232 .vce-lay-a .entry-header { 9233 position: absolute; 9234 bottom: -40px !important; 9235 left: 0; 9236 right: 0; 9237 z-index: 19; 9238 width: 100%; 9239 margin: 0 auto; 9240 background: #fff; 9241 } 9242 .page-id-70323 .vce-lay-a .entry-header { 9243 position: absolute; 9244 bottom: -35px; 9245 left: 0; 9246 right: 0; 9247 z-index: 19; 9248 width: 90%; 9249 margin: 0 auto; 9250 background: #fff; 9251 } 9252 .vce-lay-a.vce-post { 9253 margin-bottom: 30px; 9254 } 9255 body .vce-lay-a .entry-title { 9256 padding-top: 43px; 9257 padding-left: 10%!important; 9258 padding-right: 10%!important; 9259 margin: 0!important; 9260 max-width: 100% !important; 9261 } 9262 .vce-single iframe {margin-bottom: 40px!important;} 9263 .entry-meta span { 9264 color: #555; 9265 font-size: 10px; 9266 } 9267 .featured-container .post:first-child h3 { 9268 padding-top: 43px; 9269 padding-bottom: 32px; 9270 } 9271 .featured-container .post:first-child .post-meta { 9272 padding-bottom: 4rem; 9273 } 9274 .vce-loop-wrap { 9275 justify-content: flex-start; 9276 } 9277} 9278.boxzilla.boxzilla-bottom-right { 9279 z-index: 99999999999999999999; 9280} 9281#disqus_thread, .comment-respond, .main-box { 9282 margin-bottom: 10px; 9283} 9284.category:not(.paged) .vce-lay-c:last-child { 9285 display: none; 9286} 9287.entry-meta div, .entry-meta div a, .vce-lay-g .meta-item, .vce-lay-c .meta-item { 9288 font-size: 10px!important; 9289} 9290.digital-issue-button a { 9291 font-size: 16px; 9292 border-bottom: 1px solid #777; 9293} 9294.digital-issue-button { 9295 margin-bottom: 20px; 9296} 9297.user-profile-editor { 9298 display: none; 9299} 9300.latest-container .post { 9301 border-bottom: 1px solid #e5e5e5; 9302 margin-bottom: 20px; 9303} 9304.latest-container .post:last-child { 9305 border-bottom: 0px; 9306} 9307.fa { 9308 font-family: 'FontAwesome' !important; 9309} 9310.tns-controls, .tns-nav { 9311 text-align: center; 9312 display: flex; 9313 justify-content: center; 9314 align-items: center; 9315 -webkit-tap-highlight-color: transparent; 9316 tap-highlight-color: transparent; 9317} 9318.tns-controls { 9319 margin-bottom: 10px; 9320}.tns-nav > [aria-controls] 9321.tns-nav > .tns-nav-active { 9322 background: none; 9323} 9324.tns-nav button:before { 9325 content: ""; 9326 background-color: #cccccc; 9327 border-radius: 50%; 9328 padding: 6px; 9329 display: inline-block; 9330 vertical-align: middle; 9331} 9332.tns-nav > .tns-nav-active:before { 9333 background: #777; 9334} 9335@media only screen and (min-width: 768px) and (max-width: 1023px) { 9336 body .vce-lay-a .entry-title a, body .vce-lay-b .entry-title { 9337 font-size: 22px; 9338 padding: 0px; 9339 line-height: 1.4; 9340 letter-spacing: 0.75px; 9341 } 9342} 9343body div.wpforms-container-full .wpforms-form .wpforms-field { 9344 color: #333 !important; 9345 margin-bottom: 15px; 9346} 9347.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */ 9348 color: #606060; 9349} 9350.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 9351 color: #606060; 9352 opacity: 1; 9353} 9354.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */ 9355 color: #606060; 9356 opacity: 1; 9357} 9358.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */ 9359 color: #606060; 9360} 9361.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */ 9362 color: #606060; 9363} 9364.wpforms-container ::placeholder { 9365 color: #606060; 9366} 9367#wpforms-126072-field_79-container { 9368 margin-bottom: 24px!important; 9369} 9370#wpforms-126072-field_84 img { 9371 margin-top: 24px !important; 9372 margin-bottom: 24px !important; 9373} 9374input.wpforms-field-stripe-credit-card-cardname { 9375 background: #f8fcfd !important; 9376} 9377input.wpforms-field-stripe-credit-card-cardname::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 9378 color: #A0A0A0; 9379 font-family: Roboto, sans-serif; 9380 font-size: 16px; 9381 font-weight: 500; 9382} 9383input.wpforms-field-stripe-credit-card-cardname::-moz-placeholder { /* Firefox 19+ */ 9384 color: #A0A0A0; 9385 font-family: Roboto, sans-serif; 9386 font-size: 16px; 9387 font-weight: 500; 9388} 9389input.wpforms-field-stripe-credit-card-cardname:-ms-input-placeholder { /* IE 10+ */ 9390 color: #A0A0A0; 9391 font-family: Roboto, sans-serif; 9392 font-size: 16px; 9393 font-weight: 500; 9394} 9395input.wpforms-field-stripe-credit-card-cardname:-moz-placeholder { /* Firefox 18- */ 9396 color: #A0A0A0; 9397 font-family: Roboto, sans-serif; 9398 font-size: 16px; 9399 font-weight: 500; 9400} 9401div.wpforms-container-full .wpforms-form .wpforms-field-row { 9402 margin-bottom: 12px; 9403} 9404div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus, div.wpforms-container-full .wpforms-form .is-focused .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown { 9405 border: 1px solid #555 !important; 9406} 9407.__PrivateStripeElement { 9408 display: flex !important; 9409 align-items: center; 9410} 9411#wpforms-125424-field_51-container { 9412 margin-bottom: 30px !important; 9413} 9414div.wpforms-container-full .wpforms-form .wpforms-error-container, div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript, div.wpforms-container-full .wpforms-form .wpforms-error-container, div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {
9415 color: #f98c68!important; 9416 text-align: center; 9417 border-color: #aaa!important; 9418} 9419.login-digital-magazine-img-container { 9420 position: relative; 9421 display: inline-block; 9422} 9423.login-digital-magazine-img-container img { 9424 vertical-align: middle; 9425} 9426.login-digital-magazine-overlay { 9427 position: absolute; 9428 top: 0; 9429 bottom: 0; 9430 left: 0; 9431 right: 0; 9432 opacity: 0; 9433 transition: .5s ease; 9434 background-color: rgba(0, 0, 0, 0.5); 9435} 9436.login-digital-magazine-img-container:hover .login-digital-magazine-overlay { 9437 opacity: 1; 9438} 9439.login-digital-magazine-text { 9440 color: white; 9441 font-size: 20px; 9442 position: absolute; 9443 top: 50%; 9444 left: 50%; 9445 transform: translate(-50%, -50%); 9446 text-align: center; 9447} 9448.login-digital-magazine-text h3 { 9449 color: white; 9450} 9451div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error { 9452 color: #606060!important; 9453} 9454.centered-product-container { 9455 padding-bottom: 30px; 9456} 9457.test-dropdown-menu { 9458 margin-top: 1px; 9459 overflow-x: hidden; 9460 opacity: 0; 9461 background: var(--dropdown-background-color); 9462 position: absolute; 9463 left: 0; 9464 top: 100%; 9465 width: 100%; 9466 display: flex; 9467 width: 100%; 9468 align-items: center; 9469 padding: 0 15px; 9470} 9471.menu-wrapper.show .test-dropdown-menu { 9472 flex-wrap: nowrap; /* wrap columns onto new lines when necessary */ 9473 justify-content: space-between; 9474 align-items: center; 9475 transition: opacity 0.3s ease-in-out; 9476 opacity: 1; 9477} 9478.search-input { 9479 font-size: 16px; 9480 width: 100%; 9481 height: 100%; 9482 outline: none; 9483 border: 1px solid var(--border-color); 9484 border-width: 0px 1px 0 1px; 9485} 9486.test-dropdown-menu .search-input:focus { 9487 opacity: 0; 9488} 9489.menu-wrapper.show .search-input:focus { 9490 opacity: 1; 9491 transition: opacity 0s ease-in-out; 9492} 9493.search-confirm-button { 9494 padding-right: 15px; 9495} 9496.test-dropdown-menu-close { 9497 padding-left: 15px; 9498} 9499.show { 9500 visibility: visible !important; 9501 opacity: 1 !important; 9502 display: block !important; 9503 transform: none !important; 9504} 9505.vce-search-form { 9506 display: flex; 9507 align-items: center; 9508} 9509.vce-search-input { 9510 flex: 1; 9511 border-bottom: 1px solid #111; 9512} 9513.menu-wrapper { 9514 background: #fff; 9515 border: 1px solid #d9d9d9; 9516 border-top: 1px solid #d9d9d9 !important; 9517} 9518.menu-wrapper li { 9519 padding-left: 0px; 9520} 9521.vce-search-submit, .vce-search-clear { 9522 margin-left: 0px; 9523 font-size: 17px; 9524 border-radius: 0px; 9525 border: 1px solid #111; 9526 margin-top: 0px; 9527 height: 42px; 9528 width: 32px; 9529 background: none; 9530 color: #111; 9531 border: 0px; 9532 border-bottom: 1px solid #e5e5e5; 9533 min-width: 0px; 9534} 9535body { 9536 font-family: 'Mulish', sans-serif; 9537 -webkit-font-smoothing: antialiased; /* For WebKit browsers */ 9538 -moz-osx-font-smoothing: grayscale; /* For macOS */ 9539} 9540.vce-search-clear { 9541 display: none; 9542} 9543.vce-search-submit:hover { 9544 background: none; 9545} 9546.menu-wrapper li { 9547 width: 100%; 9548} 9549.vce-search-submit { 9550 position: unset !important; 9551} 9552.search-header-wrap ul { 9553 padding: 0px; 9554 width: 320px; 9555} 9556@media only screen and (max-width: 1023px) { 9557 .vce-responsive-nav { 9558 display: block; 9559 margin: 0px; 9560 } 9561} 9562.vce-lay-a .entry-header { 9563 position: absolute; 9564 bottom: 0px; 9565 left: 0; 9566 right: 0; 9567 z-index: 19; 9568 width: 90%; 9569 margin: 0 auto; 9570 background: #fff; 9571} 9572.main-box-inside .owl-carousel { 9573 margin-bottom: 0px; 9574} 9575.search-dropdown-btn:hover { 9576 color: #111 !important; 9577} 9578.meta-image, .owl-carousel .owl-item img { 9579 z-index: 1 !important; 9580} 9581@media screen and (max-width: 1023px) { 9582 .code-block-2, .code-block-4, .code-block-6 { 9583 margin-bottom: 30px!important; 9584 } 9585 .vce-lay-a .entry-title { 9586 padding-bottom: 10px; 9587 } 9588 .vce-lay-a .meta-image { 9589 margin-bottom: 0px; 9590 } 9591 .vce-lay-c .meta-image { 9592 margin-bottom: 15px; 9593 } 9594 .vce-lay-a .entry-header { 9595 padding-bottom: 0px; 9596 } 9597 .vce-lay-a .entry-header { 9598 position: relative; 9599 bottom: 0px; 9600 left: 0; 9601 right: 0; 9602 z-index: 19; 9603 width: 100%; 9604 margin: auto; 9605 background: #fff; 9606 padding-top: 25px; 9607 } 9608 .vce-search-form { 9609 max-width: 100%; 9610 } 9611 .main-box-inside .owl-carousel { 9612 margin-bottom: -10px; 9613 } 9614} 9615.menu-section li a, .vce-single .entry-content .menu-section li a:hover { 9616 border-bottom: 0px; 9617} 9618.comment-header { 9619 display: flex; 9620 align-items: center; 9621 margin-bottom: 10px; 9622} 9623.comment-title { 9624 margin-right: 20px; 9625} 9626.comment-title a { 9627 color: #111; 9628 text-decoration: none; 9629 font-size: 14px; 9630 letter-spacing: 0.5px; 9631 margin-bottom: 0; 9632 font-family: "DomaineDisplayWeb-Regular", sans-serif !important; 9633} 9634@media only screen and (min-width: 200px) and (max-width: 670px) { 9635 .comment-list { 9636 width: 100%; 9637 margin-bottom: 0px; 9638 } 9639} 9640.comment-reply-title { 9641 padding-top: 0px; 9642} 9643@media only screen and (max-width: 1280px) { 9644 .comments-main-wrapper { 9645 padding: 0px 10px; 9646 } 9647 .comment-respond { 9648 padding: 30px 0px; 9649 padding-top: 0px; 9650 } 9651} 9652.comment-title a, .comment-title { 9653 font-size: 2.2rem; 9654 line-height: 1.4; 9655} 9656@media only screen and (min-width: 400px) { 9657 .author-main-container h1 { 9658 font-size: 20px; 9659 } 9660 .author-info-container h1 { 9661 font-size: 24px; 9662 } 9663 li.comment .comment-body:last-child { 9664 padding: 30px; 9665 margin-bottom: 30px; 9666 } 9667 .comment-metadata a, .fn, .fn a, .says { 9668 font-size: 12px; 9669 } 9670} 9671.comment-form-author input, .comment-form-email input { 9672 padding: 0 10px; 9673 font-size: 14px; 9674 background: #fff; 9675 border: 1px solid #999; 9676 height: 38px; 9677 line-height: 38px; 9678 clear: both; 9679} 9680.comment-form-container::after { 9681 content: ""; 9682 clear: both; 9683 display: table; 9684} 9685.comment-form-column { 9686 float: left; 9687 width: 50%; 9688 padding-left: 10px; 9689} 9690.comment-form-column:first-child { 9691 padding-left: 0px; 9692 padding-right: 10px; 9693} 9694.login-comment-btn .comment-login-link { 9695 margin-right: 10px; 9696} 9697@media screen and (max-width: 600px) { 9698 .comment-reply-title { 9699 padding-top: 0px; 9700 } 9701 .site-footer .container { 9702 padding: 0 10px; 9703 padding-bottom: 5rem; 9704 } 9705 .site-footer .site-info .container { 9706 padding-bottom: 0px; 9707 } 9708 .comment-reply-link, .comment-login-link { 9709 margin-bottom: 15px; 9710 } 9711 .comment-form-column { 9712 width: 100%; 9713 } 9714 .comment-form-column { 9715 padding: 0px; 9716 } 9717 .comment-form-column:first-child { 9718 padding-right: 0px; 9719 margin-bottom: 10px; 9720 } 9721} 9722.comment-form-column input[type=text] { 9723 width: 100%; 9724 padding: 0px 10px;
9725 height: 42px; 9726 line-height: 42px; 9727 box-sizing: border-box; 9728 border: 1px solid #c7c7c7; 9729 border-radius: 0px; 9730 background-color: #fff; 9731 font-size: 16px; 9732 word-break: break-all; 9733} 9734.comment-form-column input[type=submit] { 9735 background-color: #fff; 9736 color: white; 9737 padding: 0px 10px; 9738 border: none; 9739 border-radius: 4px; 9740 cursor: pointer; 9741 font-size: 14px; 9742} 9743.comment-form-label-container { 9744 display: flex; 9745 align-items: flex-start; 9746 margin-bottom: 0px; 9747} 9748.comment-form-label-container label { 9749 width: auto; 9750} 9751.comment-form-label-container span { 9752 font-size: 14px; 9753} 9754.comment-form-container { 9755 margin-bottom: 10px; 9756} 9757.login-comment-btn { 9758 display: flex; 9759 align-items: center; 9760 margin-bottom: 19px; 9761} 9762.sign-up-link { 9763 border-bottom: 1px solid #000; 9764 display: inline-block; 9765 line-height: 1; 9766} 9767.comments-main { 9768 margin-bottom: 0px; 9769} 9770@media only screen and (max-width: 1023px) { 9771 .vce-sid-none .vce-main-content { 9772 padding-top: 10px!important; 9773 } 9774 #text-32 { 9775 text-align: center; 9776 } 9777 #vce-pagination .next.page-numbers { 9778 right: 20px; 9779 } 9780 #vce-pagination .prev.page-numbers { 9781 left: 20px; 9782 } 9783 .error404 .entry-content, .vce-page .entry-content, .vce-single .entry-content, .vce-single .entry-footer, .vce-single .entry-headline { 9784 max-width: 100%; 9785 } 9786 footer.comment-meta { 9787 margin-bottom: 40px; 9788 } 9789 footer.comment-meta { 9790 margin-bottom: 10px; 9791 } 9792} 9793.menu-item-148779 { 9794 display: none !important; 9795 position: absolute !important; 9796 right: 25px; 9797} 9798.fancybox-container { 9799 z-index: 99999999999999999999999999999999999999999999; 9800} 9801.author .main-box-title { 9802 display: none; 9803} 9804.author-bio-description { 9805 font-size: 16px; 9806} 9807.author-bio { 9808 flex-grow: 1; 9809 padding: 20px; 9810 max-width: 100%; 9811 padding-bottom: 10px; 9812} 9813.author-bio h1 { 9814 line-height: 1.2; 9815} 9816@media screen and (max-width: 600px) { 9817 .row .hide-column-img { 9818 display: none; 9819 } 9820} 9821.profile-image { 9822 width: 130px; 9823 height: 130px; 9824 line-height: 130px; 9825 background: #e5e5e5; 9826 overflow: hidden; 9827 border-radius: 100%; 9828 text-align: center; 9829 background-position: center; 9830 background-repeat: no-repeat; 9831 background-size: cover; 9832 border: 1px solid #e7e7e7; 9833} 9834@media screen and (max-width: 770px) { 9835 .author-divider { 9836 padding: 5px 0px!important; 9837 } 9838 .profile-image { 9839 width: 100px; 9840 height: 100px; 9841 line-height: 100px; 9842 background: #e5e5e5; 9843 overflow: hidden; 9844 border-radius: 100%; 9845 text-align: center; 9846 background-position: center; 9847 background-repeat: no-repeat; 9848 background-size: cover; 9849 } 9850 .author-info-container { 9851 justify-content: center; 9852 } 9853 .author-bio-description { 9854 display: none; 9855 } 9856 .author-bio { 9857 flex-grow: 0; 9858 padding: 0; 9859 padding-left: 20px; 9860 } 9861} 9862.latest-container .post img { 9863 background: #f9f9f9; 9864} 9865@media screen and (max-width: 600px) { 9866} 9867.subscriber-info-container .author-bio-description { 9868 display: none; 9869} 9870.row-comments-by-user .comment-title { 9871 line-height: 1.4; 9872} 9873.owl-item li a { 9874 border: transparent 1px !important; 9875 text-decoration: none !important; 9876} 9877.entry-content iframe { 9878 margin: 0 auto !important; 9879 margin-bottom: 30px !important; 9880} 9881.img-wrp img, .mega-menu-img img, .meta-image img, .vce-gallery .gallery-item img, .vce-gallery-big img, .vce-lay-g img, .vce-post img, .vce-post-img img, .wp-block-gallery .blocks-gallery-item img { 9882 transition: opacity 0.5s ease; 9883} 9884.img-background { 9885 background: #f9f9f9; 9886} 9887.html5-container { 9888 position: relative; 9889 width: 100%; 9890 padding-top: 23.08%; 9891 max-width: 100%; 9892 margin: 0 auto; 9893 box-sizing: border-box; 9894} 9895.mobile-container { 9896 padding-top: 250px; 9897 width: 300px; 9898 max-width: 300px; 9899} 9900.html5-picture { 9901 position: absolute; 9902 top: 0; 9903 left: 0; 9904 width: 100%; 9905 height: 100%; 9906 opacity: 0; 9907 box-sizing: border-box; 9908 background-color: #ddd; 9909} 9910.html5-picture.active { 9911 opacity: 1 !important; 9912} 9913.html5-image.hidden { 9914 display: none; 9915} 9916.html5-image { 9917 width: 100%; 9918 height: 100%; 9919 max-width: 100%; /* Added max-width property */ 9920 box-sizing: border-box; 9921} 9922@media screen and (min-width: 768px) { 9923 p, .entry-content ul, .entry-zcontent a, .entry-content li, .meta-tags a, b, dt, strong, th, .wp-caption-copy .vce-single .entry-content p, td { 9924 font-size: 16px; 9925 line-height: 2; 9926 } 9927 .vce-related-box { 9928 margin-bottom: 30px; 9929 } 9930 .html5-container { 9931 position: relative; 9932 width: 100%; 9933 padding-top: 90px; 9934 max-width: 970px; 9935 } 9936} 9937.vce-lay-c .img-background img { 9938 background: #f9f9f9; 9939} 9940.entry-content .menu-title { 9941 font-family: "DomaineDisplayWeb-Regular", sans-serif !important; 9942 font-weight: 500; 9943 color: #222; 9944 font-size: 22px; 9945} 9946.entry-content-list li { 9947 list-style: none; 9948 margin-left: 0px; 9949} 9950.entry-content-list { 9951 list-style: none; 9952 margin-left: 0px; 9953} 9954.square-img-responsive-caption { 9955 width: 100%; 9956 max-width: 800px; 9957 padding: 0px; 9958 margin: 0px auto !important; 9959} 9960.row-square-caption { 9961 max-width: 800px; 9962 margin: 0 auto; 9963} 9964.square-column-caption .code-block { 9965 display: none !important; 9966} 9967.square-column-caption img { 9968 margin-bottom: 0px; 9969} 9970.wp-caption { 9971 margin-bottom: 0; 9972} 9973.single .container { 9974 padding-left: 20px!important; 9975 padding-right: 20px!important; 9976} 9977.sponsor-container h3 { 9978 font-style: italic; 9979 margin-bottom: 15px; 9980} 9981.owl-prev, .owl-next { 9982 position: absolute; 9983 background: rgb(220,220,220)!important; 9984 background: rgba(220,220,220, 0.5)!important; 9985 padding: 10px; 9986 margin: 2px; 9987 top: calc(50% - 45px) !important; 9988} 9989td { 9990 padding: 15px 5px; 9991} 9992@media (min-width: 1023px) { 9993 header img { 9994 max-width: 240px; 9995 } 9996 .two-column-post-image-product h3 { 9997 margin-bottom: 30px; 9998 } 9999 .section-header { 10000 font-size: 22px; 10001 } 10002 td { 10003 padding: 10px 15px; 10004 } 10005 .entry-content-table { 10006 margin-bottom: 60px; 10007 } 10008 body .vce-lay-a .entry-title, body .vce-lay-a .entry-title, body .vce-lay-a .entry-title a { 10009 line-height: 1.39; 10010 padding-bottom: 32px; 10011 } 10012 .new-releases .section-header { 10013 padding-top: 30px; 10014 } 10015 .entry-meta div, .entry-meta div a, .vce-lay-g .meta-item, .vce-lay-c .meta-item { 10016 font-size: 11px!important; 10017 } 10018 .entry-meta div a { 10019 font-size: 11px!important; 10020 } 10021 body .vce-lay-a .entry-title a, body .vce-lay-b .entry-title { 10022 font-size: 26px; 10023 line-height: 1.39; 10024 letter-spacing: 0.75px; 10025 } 10026 .my-slider-2 .post h3 { 10027 padding-left: 3%; 10028 padding-right: 3%; 10029 font-size: 18px; 10030 } 10031 .vce-lay-c .entry-title a { 10032 font-size: 18px; 10033 } 10034 .featured-container .post h3, .reviews-container .post h3 { 10035 font-size: 21px; 10036 padding-left: 8%; 10037 padding-right: 8%; 10038 } 10039 .featured-container .post:first-child h3 { 10040 padding-left: 10%; 10041 padding-right: 10%; 10042 font-size: 26px; 10043 letter-spacing: 0.75px !important; 10044 } 10045 #disqus_thread, .comment-respond, .main-box { 10046 margin-bottom: 20px; 10047 } 10048 .category:not(.paged) .vce-lay-c:last-child { 10049 display: block; 10050 } 10051 .latest .vce-lay-c:last-child { 10052 display: block !important; 10053 } 10054 .reviews-container { 10055 gap: 30px 20px; 10056 } 10057 .entry-content p { 10058 margin-bottom: 40px; 10059 } 10060} 10061.featured-container .post:first-child h3 { 10062 max-width: 100%; 10063} 10064@media (max-width: 600px) { 10065 .homepage-container .post h3 { 10066 padding-bottom: 0px!important; 10067 margin-bottom: 10px !important; 10068 } 10069} 10070.entry-title-page { 10071 max-width: 100% !important; 10072} 10073.vce-lay-b .vce-format-icon i, .vce-lay-c .vce-format-icon i, .vce-format-icon i { 10074 -webkit-backface-visibility: hidden; 10075 background-color: transparent; 10076 border: 2px solid hsla(0,0%,100%,.5); 10077 border-radius: 50%; 10078 bottom: 1rem; 10079 color: #fff;
10080 display: inline-block; 10081 left: 1rem; 10082 line-height: 1; 10083 padding: 1.4rem; 10084 position: absolute; 10085 transition: border .2s,background .2s,color .2s,opacity .2s; 10086 vertical-align: middle; 10087 z-index: 3; 10088 text-align: center; 10089 padding-top: 15px; 10090 padding-left: 17px; 10091 height: 50px; 10092 width: 50px; 10093 font-size: inherit; 10094} 10095.vce-format-icon { 10096 display: block; 10097 top: 50%; 10098 text-align: left; 10099 position: absolute; 10100 width: 100%; 10101 left: 10px; 10102 bottom: 10px; 10103} 10104.vce-lay-a .vce-format-icon .fa-play:before, .vce-lay-g .vce-format-icon .fa-play:before { 10105 margin: 0px; 10106} 10107.vce-lay-a .vce-format-icon i, .vce-lay-g .vce-format-icon i { 10108 padding-left: 7px; 10109 transition: border .2s,background .2s,color .2s,opacity .2s; 10110 -webkit-backface-visibility: hidden; 10111 background-color: transparent; 10112 border: 2px solid hsla(0,0%,100%,.5); 10113 border-radius: 50%; 10114} 10115.vce-lay-b .vce-format-icon .fa-play:before, .vce-lay-c .vce-format-icon .fa-play:before, .vce-lay-d .vce-format-icon .fa-play:before, .vce-lay-e .vce-format-icon .fa-play:before, .vce-lay-h .vce-format-icon .fa-play:before, .vce-mega-menu-wrapper .vce-format-icon .fa-play:before { 10116 margin: 0 0 0 0px; 10117} 10118@media (max-width: 768px) { 10119 .vce-lay-b .vce-format-icon i, .vce-lay-c .vce-format-icon i, .vce-format-icon i { 10120 -webkit-backface-visibility: hidden; 10121 background-color: transparent; 10122 border: 2px solid hsla(0,0%,100%,.5); 10123 border-radius: 50%; 10124 bottom: 0px; 10125 color: #fff; 10126 display: inline-block; 10127 left: 0px; 10128 line-height: 1; 10129 padding: 1px; 10130 position: absolute; 10131 transition: border .2s,background .2s,color .2s,opacity .2s; 10132 vertical-align: middle; 10133 z-index: 3; 10134 text-align: center; 10135 padding-top: 9px; 10136 padding-left: 5px; 10137 height: 30px; 10138 width: 30px; 10139 font-size: 10px; 10140 } 10141} 10142@media (max-width: 800px) { 10143 .site-footer .container { 10144 display: flex; 10145 flex-direction: column; /* Stack the containers vertically */ 10146 } 10147 .site-footer .vce-wrap-left { 10148 order: 2; 10149 } 10150 .site-footer .vce-wrap-right { 10151 order: 1; /* Set the order of the right container to 1 */ 10152 padding-bottom: 5px; 10153 } 10154} 10155div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { 10156 max-width: 100% !important; 10157} 10158.table-menu-header td { 10159 font-weight: 600; 10160} 10161@media screen and (min-width: 600px) { 10162 .portrait-custom .two-column-post-image:first-child img { 10163 margin-right: -40px; 10164 } 10165 .portrait-custom .two-column-post-image:last-child img { 10166 margin-left: -40px; 10167 } 10168} 10169.instagram-columns-container { 10170 display: flex; 10171 flex-direction: row; 10172 justify-content: space-between; 10173 flex-wrap: wrap; 10174} 10175.instagram-column { 10176 width: 100%; 10177} 10178@media only screen and (min-width: 800px) { 10179 .instagram-column { 10180 width: 50%; /* Adjust the width as per your requirement */ 10181 } 10182} 10183.row-caption-centered { 10184 text-align: center; 10185} 10186.techspec .case, 10187.techspec .dial { 10188 color: #666; 10189} 10190.tech-spec { 10191 padding: 0px 10px; 10192 margin-bottom: 30px; 10193 font-size: 1.44444rem; 10194 line-height: 1.9; 10195} 10196.tech-spec p { 10197 margin: 0 0 10px; 10198 padding: 0; 10199 line-height: 2; 10200} 10201.tech-spec .label { 10202 font-weight: bold; 10203} 10204.tech-spec-container h3 { 10205 font-size: 23px; 10206 display: block; 10207 width: 100%; 10208 clear: both; 10209 margin-bottom: 30px; 10210} 10211.tech-spec-details { 10212 margin-bottom: 30px; 10213} 10214.tech-spec-details a { 10215 font-weight: 500; 10216 border-bottom: 1px solid #777; 10217 padding: 0px 1px; 10218 color: #000; 10219 transition: all 0.2s ease-in-out; 10220} 10221@media (min-width: 680px) { 10222 .tech-spec { 10223 padding: 0px 30px; 10224 font-size: 16px; 10225 line-height: 2; 10226 } 10227 .tech-spec-container { 10228 padding-right: 10%; 10229 } 10230} 10231.videos-container .post h3 { 10232 font-size: 1.6rem; 10233} 10234.site-footer h3 { 10235 border-bottom: 1px solid #ddd; 10236} 10237.category-tech .owl-theme .owl-nav [class*=owl-] { 10238 display: block !important; 10239 padding: 0px!important; 10240 width: 35px !important; 10241 margin: 0px; 10242} 10243.sign-up-form-link { 10244 margin-bottom: 26px; 10245} 10246#wpforms-105459-field_4-container { 10247 margin-bottom: 30px; 10248} 10249#wpforms-105459-field_2-container { 10250 margin-bottom: 30px; 10251} 10252#wpforms-105459-field_9-container { 10253 margin-bottom: 16px; 10254} 10255#wpforms-105459-field_10-container { 10256 margin-bottom: 26px; 10257} 10258@media (min-width: 1023px) { 10259 .vce-sid-none .vce-main-content { 10260 margin-top: 15px; 10261 } 10262 .square-img-responsive .wp-caption-text { 10263 text-align: center; 10264 } 10265 .subscribe-title { 10266 padding-top: 10px; 10267 } 10268 body div.wpforms-container-full .wpforms-form .wpforms-field { 10269 margin-bottom: 20px; 10270 } 10271 .sign-up-form-link { 10272 margin-bottom: 34px; 10273 } 10274 .login-signup-title { 10275 font-size: 3rem; 10276 } 10277 .reset-password-container, .sign-up-form-container-loggedin { 10278 padding-bottom: 10rem; 10279 padding-top: 8rem; 10280 max-width: 37.5%; 10281 } 10282 .sign-up-form-container a, .reset-password-container a, .sign-up-form-container-loggedin a { 10283 font-size: 14px; 10284 } 10285 .sign-up-form-container { 10286 margin: auto; 10287 padding: 20px; 10288 max-width: 37.5%; 10289 width: 100%; 10290 font-family: 'Mulish'; 10291 color: #222; 10292 padding-bottom: 10rem; 10293 padding-top: 8rem; 10294 text-align: center; 10295 line-height: 1.29; 10296 } 10297 .category-tech .vce-lay-a .entry-title, .category-tech .vce-lay-a .entry-title, .category-tech .vce-lay-a .entry-title a, .class { 10298 line-height: 1!important; 10299 } 10300 .category-tech .vce-lay-a .entry-title { 10301 padding-top: 40px !important; 10302 } 10303 .vce-lay-a .entry-header, .entry-something { 10304 position: absolute; 10305 bottom: -4px !important; 10306 left: 0; 10307 right: 0; 10308 z-index: 19; 10309 width: 90%; 10310 margin: 0 auto; 10311 background: #fffS; 10312 } 10313} 10314.wp-caption .portrait-img-responsive ~ .wp-caption-text { 10315 text-align: left; 10316 max-width: 650px; 10317 margin: 0 auto; 10318} 10319.entry-content h2 { 10320 font-size: 2.6rem; 10321} 10322.policy-date { 10323 font-style: italic; 10324} 10325@media screen and (min-width: 670px) { 10326 .entry-content h2 { 10327 font-size: 3rem; 10328 padding-bottom: 20px; 10329 } 10330 .privacy-policy-container h1 { 10331 font-size: 3rem; 10332 } 10333 .wp-caption .portrait-img-responsive ~ .wp-caption-text { 10334 text-align: center; 10335 } 10336} 10337.compensate-for-scrollbar {
10338 margin-right: 0px !important; 10339} 10340.mini-tech-spec .spec-item:not(:last-child)::after { 10341 display: inline; 10342 content: "|"; 10343 margin: 0 10px; 10344} 10345.mini-tech-spec .spec-item { 10346 display: inline; 10347} 10348.mini-tech-spec { 10349 padding: 0px; 10350 width: 100%; 10351} 10352.mini-tech-spec .tech-spec { 10353 padding: 0px; 10354 width: 100%; 10355} 10356.sign-up-form-title { 10357 text-transform: uppercase; 10358 margin-bottom: 20px; 10359 line-height: 1.29 !important; 10360} 10361#wpforms-147379-field_2-container { 10362 margin-bottom: 0px; 10363} 10364#wpforms-147379-field_1-container { 10365 margin-bottom: 0px; 10366} 10367.login-signup-title { 10368 text-transform: uppercase; 10369} 10370div.wpforms-container-full { 10371 margin: 30px auto; 10372} 10373.login-container { 10374 margin: 30px 20px !important; 10375} 10376#wpforms-105459-field_3-container { 10377 margin-bottom: 40px; 10378} 10379body div.wpforms-container-full .wpforms-form input, body div.wpforms-container-full .wpforms-form select { 10380 height: 50px !important; 10381} 10382.single .entry-content .wpforms-container { 10383 max-width: 600px; margin: 0 auto; 10384 margin-bottom: 6px; 10385} 10386.single .entry-content .wpforms-container p { 10387 margin-bottom: 0px; 10388} 10389.single .entry-content .wpforms-container { 10390 margin-bottom: 15px !important; 10391 max-width: 600px; 10392} 10393.single .entry-content .wpforms-container .wpforms-field { 10394 margin-bottom: 6px; 10395} 10396div.wpforms-container-full .wpforms-form .wpforms-submit-container { 10397 padding: 0 0 0 0; 10398} 10399@media only screen and (min-width: 200px) and (max-width: 670px) { 10400 body h3 { 10401 line-height: 1.4; 10402 } 10403} 10404.post img { 10405 height: auto; 10406 border: 1px solid #e7e7e7; 10407 box-sizing: border-box; 10408} 10409.post .entry-content img { 10410 border: 0px; 10411} 10412.videos-container img { 10413 border: 1px solid transparent; 10414} 10415.owl-item img { 10416 border: 1px solid #e9e9e9; 10417} 10418.border_image { 10419 border: 1px solid #eee!important; 10420} 10421body .vce-lay-a .vce-format-icon i, body .vce-lay-g .vce-format-icon i { 10422 padding-left: 10px; 10423} 10424.wp-caption img.border_image { 10425 border: 1px solid #f1f1f1; 10426} 10427.wp-caption-copy a { 10428 font-size: 14px; 10429 text-decoration: none; 10430} 10431#wpforms-169983-field_64-container { 10432 display: none; 10433} 10434#wpforms-169983-field_47-container .wpforms-price::before { 10435 content: "+" !important; 10436 margin-right: 5px; 10437 display: inline-block; 10438} 10439#wpforms-169983-field_64-container .wpforms-price::before { 10440 content: "+" !important; 10441 margin-right: 5px; 10442 display: inline-block; 10443} 10444#wpforms-170052-field_76 { 10445 height: 100% !important; 10446} 10447.center-align { 10448 text-align: center; 10449} 10450.wp-caption-text, .wp-caption-copy { 10451 padding-top: 3px; 10452} 10453input.wpforms-field-stripe-credit-card-cardname::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 10454 color: #333; 10455 font-family: 'Mulish', sans-serif; 10456 font-size: 16px; 10457 font-weight: 400; 10458 background-color: none; 10459} 10460input.wpforms-field-stripe-credit-card-cardname::-moz-placeholder { /* Chrome/Opera/Safari */ 10461 color: #333; 10462 font-family: 'Mulish', sans-serif; 10463 font-size: 16px; 10464 font-weight: 400; 10465 background-color: none; 10466} 10467input.wpforms-field-stripe-credit-card-cardname:-ms-input-placeholder { /* Chrome/Opera/Safari */ 10468 color: #333; 10469 font-family: 'Mulish', sans-serif; 10470 font-size: 16px; 10471 font-weight: 100; 10472 background-color: none; 10473} 10474input.wpforms-field-stripe-credit-card-cardname:-moz-placeholder { /* Chrome/Opera/Safari */ 10475 color: #333; 10476 font-family: 'Mulish', sans-serif; 10477 font-size: 16px; 10478 font-weight: 100; 10479 background-color: none; 10480} 10481.label-no-wrap { 10482 white-space: nowrap; 10483} 10484.price-information-table { 10485 margin-bottom: 30px; 10486} 10487.price-information-table th { 10488 font-weight: 500; 10489} 10490.price-information-table th { 10491 font-weight: 500 !important; 10492} 10493.custom-image-columns { 10494 display: flex; 10495 justify-content: space-between; 10496 margin-bottom: 30px; 10497} 10498.columns-2 .column-image-container { 10499 width: calc(50% - 10px); /* Adjust width as necessary */ 10500} 10501.columns-3 .column-image-container { 10502 width: calc(33.33% - 10px); /* Adjust width as necessary */ 10503} 10504.columns-4 .column-image-container { 10505 width: calc(25% - 10px); /* Adjust width as necessary */ 10506} 10507.custom-image-columns img { 10508 max-width: 100%; /* Makes the image responsive */ 10509 height: auto; /* Maintains aspect ratio */ 10510} 10511/* custom ads stylings */ 10512.site-banner-wrapper { 10513 display: flex; 10514 justify-content: center; 10515 align-items: center; 10516 height: auto; 10517 width: 100%; 10518} 10519.site-banner-wrapper a:hover { 10520 border-bottom: none !important; 10521} 10522.header-banner { 10523 background: #f5f5f5; 10524} 10525.pricing-list button 10526.footer-banner { 10527 margin-bottom: 30px; 10528} 10529.footer-banner img { 10530 width: 300px;
10531 height: auto; 10532} 10533.content-banner { 10534 margin-top: 10px; 10535 margin-bottom: 60px; 10536} 10537.content-banner img { 10538 width: 300px; 10539} 10540@media screen and (min-width: 600px) { 10541 .content-banner { 10542 margin-bottom: 30px; 10543 } 10544} 10545.two-column-post-image-product h4 { 10546 margin-top: 20px; 10547} 10548@media screen and (min-width: 768px) { 10549 .two-column-post-image-product h4 { 10550 padding-top: 30px; 10551 } 10552 .wp-caption .wp-caption-text, .wp-caption-copy { 10553 padding-top: 10px; 10554 } 10555 .footer-banner { 10556 margin-bottom: 30px; 10557 } 10558 .content-banner img { 10559 width: 970px; 10560 padding-top: 0px; 10561 } 10562 .content-banner { 10563 padding: 30px 60px; 10564 padding-top: 0px; 10565 } 10566 .footer-banner img { 10567 width: 970px; 10568 height: auto; 10569 } 10570 .footer-banner { 10571 padding: 30px 60px; 10572 padding-top: 0px; 10573 } 10574} 10575/* weird old styles i dont need in main custom css file */ 10576.header-banner-img { 10577 height: auto; 10578 width: 100%; 10579} 10580.header-banner { 10581} 10582.ad-disclaimer-wrapper::before { 10583 content: "ADVERTISEMENT"; 10584 padding-top: 5px; 10585 padding-bottom: 5px; 10586 font-size: 9px; 10587 text-transform: uppercase; 10588 letter-spacing: 2px; 10589 color: #aaa; 10590 margin-left: auto; 10591 margin-right: auto; 10592 width: 100%; 10593 max-width: 900px; 10594 display: block; 10595 text-align: center; 10596} 10597.header-banner-img { 10598 height: auto; 10599 width: 100%; 10600 max-width: 900px; 10601} 10602.banner-container { 10603 text-align: center; 10604 width: 100%; 10605 overflow: hidden; 10606} 10607.header-banner { 10608 background: #f9f9f9; 10609 overflow: hidden; 10610} 10611.iframe-desktop-container { display: block; } 10612.iframe-mobile-container { display: none; } 10613@media screen and (max-width: 828px) { 10614 .iframe-desktop-container { display: none; } 10615 .iframe-mobile-container { display: block; } 10616} 10617.footer-banner { 10618 padding: 60px 60px; 10619 padding-top: 0px; 10620} 10621.iframe-main-container iframe { 10622 width: 100%; 10623 height: 100%; 10624 border: none; 10625} 10626/* Additional styles for your page */ 10627.iframe-desktop-container, .iframe-mobile-container { 10628 position: relative; 10629 height: 0; 10630 margin: 0 auto; 10631 overflow: hidden; 10632} 10633@media (min-width: 828px) { 10634 .iframe-mobile-container { 10635 height: 240px; 10636 width: 828px; 10637 } 10638} 10639@media (min-width: 970px) { 10640 .iframe-desktop-container { 10641 height: 250px; 10642 width: 970px; 10643 } 10644} 10645@media (max-width: 828px) { 10646 .iframe-mobile-container { 10647 padding-bottom: 28.99%; /* Aspect ratio */ 10648 } 10649} 10650@media (max-width: 970px) { 10651 .iframe-desktop-container { 10652 padding-bottom: 25.77%; /* Aspect ratio */ 10653 } 10654} 10655.iframe-desktop-container iframe, .iframe-mobile-container iframe { 10656 position: absolute; 10657 top: 0; 10658 left: 0; 10659} 10660.menu-wrapper li { 10661 height: auto; 10662} 10663.contributors-container h2 { 10664 font-size: 2rem !important; 10665} 10666.article--hero .play-button-container1 { 10667 border: 2px solid hsla(0, 0%, 100%, 0.80)!important; 10668} 10669.wp-caption-copy, .wp-caption .wp-caption-text { 10670 font-size: 14px; 10671 color: #999; 10672} 10673.entry-content .content-banner a:hover { 10674 border: 0 !important; 10675} 10676.home #main-wrapper img { 10677 opacity: 0; 10678 transition: opacity 0.1s ease-in; 10679} 10680.home #main-wrapper .footer-banner img { 10681 transition: none; 10682} 10683.home #main-wrapper .img-visible, .home #main-wrapper .fadeIn { 10684 opacity: 1; 10685} 10686.videos-footer-container .image-wrapper { 10687 background: #111; 10688} 10689button.fancybox-button:disabled { 10690 display: none !important; 10691} 10692.fancybox-error p { 10693 text-align: center; 10694} 10695@media screen and (min-width: 600px) { 10696 .home #main-wrapper img { 10697 transition: opacity 0.1s ease-in; 10698 } 10699} 10700/* iframe css */ 10701.iframe-wrapper { 10702 max-height: 251px; 10703} 10704.ttrp-frame iframe, .ttrp-frame img { 10705 position: absolute; 10706 top: 0; 10707 left: 0; 10708 width: 100%; 10709 height: 100%; 10710 border: 0; 10711} 10712.fallback-image { 10713 display: none; 10714} 10715.iframe-wrapper { 10716 overflow: hidden; 10717 max-height: 0; 10718 position: relative; 10719 display: flex; 10720 justify-content: center; 10721} 10722.iframe-wrapper.loaded-iframe { 10723 max-height: 251px; 10724} 10725.iframe-wrapper.error-iframe { 10726 max-height: 251px; 10727} 10728.fallback-image { 10729 position: absolute; 10730 top: 0; 10731 left: 0; 10732 width: 100%; 10733 height: 100%; 10734 object-fit: cover; 10735 display: none; 10736} 10737.iframe-wrapper.error-iframe .fallback-image { 10738 display: block; 10739} 10740.iframe-wrapper.error-iframe iframe { 10741 display: none; 10742} 10743.iframe-desktop { 10744 display: none; 10745} 10746.iframe-mobile { 10747 display: none; 10748} 10749@media (min-width: 769px) { 10750 .ttrp-frame { 10751 padding-bottom: calc(100% / 3.8); 10752 } 10753 .iframe-desktop { 10754 display: block; 10755 } 10756 .fallback-image { 10757 position: absolute; 10758 top: 50%; 10759 left: 50%; 10760 transform: translate(-50%, -50%); 10761 width: 100%; 10762 height: 100%; 10763 max-width: 970px; 10764 max-height: 250px; 10765 object-fit: cover;
10766 display: none; 10767 } 10768 .ttrp-frame { 10769 position: relative; 10770 width: 100%; 10771 height: 0; 10772 overflow: hidden; 10773 } 10774} 10775@media (max-width: 768px) { 10776 .social-login-container { 10777 display: none; 10778 } 10779 .iframe-mobile { 10780 display: block; 10781 } 10782 .fallback-image { 10783 position: absolute; 10784 top: 50%; 10785 left: 50%; 10786 transform: translate(-50%, -50%); 10787 width: 100%; 10788 height: 100%; 10789 max-width: 300px; 10790 max-height: 250px; 10791 object-fit: cover; 10792 display: none; 10793 } 10794 .ttrp-frame { 10795 position: relative; 10796 width: 100%; 10797 height: 0; 10798 overflow: hidden; 10799 } 10800 .content-banner-iframe { 10801 padding-bottom: calc(100% / 1); 10802 max-width: 300px; 10803 } 10804 .header-banner-iframe { 10805 padding-bottom: calc(100% / 3.44); 10806 } 10807} 10808.postid-220891 .content-banner { 10809 display: none; 10810} 10811@media (min-width: 971px) { 10812 .iframe-header.loaded-iframe { 10813 max-height: 251px; 10814 } 10815 .iframe-header { 10816 max-height: 251px; 10817 box-sizing: border-box; 10818 margin-top: -1px; 10819 } 10820} 10821.pricing-list { 10822 margin-bottom: 30px; 10823} 10824.pricing-list button { 10825 display: block; 10826 padding: 10px 0; 10827 cursor: pointer; 10828 margin-bottom: 2px; 10829 border-radius: 0; 10830 background: none; 10831 color: #111; 10832 text-decoration: underline; 10833 font-family: 'Mulish' !important; 10834 text-decoration: underline; 10835 text-decoration-thickness: 1px; 10836 text-underline-offset: 2px !important; 10837 text-decoration-color: #111; 10838 transition: all 0.2s ease-in-out; 10839} 10840.content-banner { 10841 margin-bottom: 50px; 10842} 10843@media (max-width: 970px) { 10844 .two-column-post-image-product:nth-child(odd) { 10845 padding-right: 0px; 10846 } 10847 .two-column-post-image-product:first-child { 10848 padding-left: 0px; 10849 } 10850 .post .entry-content .row-flex { 10851 display: block; 10852 flex-basis: 100%; 10853 } 10854 .post .entry-content .row-flex img { 10855 max-width: 600px; 10856 margin: 0 auto; 10857 width: 100%; 10858 } 10859} 10860.brand-details .fa:before { 10861 font-size: 20px; 10862 padding-right: 10px; 10863} 10864body:not(.home) .main-box-title { 10865 padding-bottom: 20px; 10866} 10867@media only screen and (min-width: 670px) { 10868 .recent-comments-title { 10869 font-size: 2.2rem; 10870 } 10871} 10872.article .author a { 10873 font-family: 'Mulish', sans-serif !important; 10874} 10875.tech-spec-container .spec-item { 10876 color: #666; 10877} 10878.tech-spec-container .spec-item .label { 10879 color: #444; 10880} 10881.entry-content a { 10882 font-weight: 500; 10883 text-decoration: underline; text-decoration-color: #222; 10884 text-decoration-thickness: 1px; 10885 text-underline-offset: 12px; 10886 color: #222; 10887 transition: all 0.2s ease-in-out; 10888} 10889.entry-content a:hover { 10890 outline: none; 10891 text-decoration-color: #777; 10892 color: #f98c68; 10893 text-decoration-thickness: 1px; 10894} 10895#back-top 10896{ 10897 position: fixed; 10898 right: 0px; 10899 bottom: 20px; 10900 z-index: 10; 10901 width: 43px; 10902 height: 45px; 10903 text-indent: 0; 10904 -webkit-transition-duration: 0s; 10905 -moz-transition-duration: 0s; 10906 -o-transition-duration: 0s; 10907 color: #000000; 10908 font-size: 32px; 10909 line-height: 26px; 10910 background: #fff; 10911 text-align: center; 10912 border-radius: 0px; 10913 cursor: pointer; 10914 border: 1px solid #999; 10915 display: none !important; 10916} 10917.entry-content p { 10918 font-family: 'Mulish', sans-serif; 10919 color: #666 !important; 10920} 10921.single .entry-content .wpforms-container .wpforms-field { 10922 margin-bottom: 20px; 10923} 10924.profile-button { 10925 display: inline-block; 10926 border: none; 10927 background: #fff; 10928 color: #000000; 10929 text-decoration: none; 10930 border-radius: 2px; 10931 text-align: center; 10932 transition: background 0.3s, color 0.3s; 10933 text-transform: uppercase; 10934 font-size: 11px; 10935 letter-spacing: 0.5px; 10936 font-size: 100%; 10937 font-size: 11px; 10938 text-decoration: underline !important; 10939 margin-right: 5px; 10940 padding: 1px; 10941} 10942.mobile-hidden-banner { 10943 display: none; 10944} 10945.featured-container .post:first-child img { 10946 max-height: 100%; 10947} 10948#menu-item-197246 { 10949 display: none!important; 10950} 10951.tiktok { 10952 width: 12px; 10953} 10954.tiktok path { 10955 transition: fill 0.3s ease; /* Smooth transition */ 10956} 10957.tiktok:hover path { 10958 fill: #999; /* Change color on hover */ 10959} 10960#text-31, #text-30 { 10961 margin-bottom: 0px; 10962 padding-bottom: 0px; 10963} 10964body, input { 10965 line-height 1.6; 10966} 10967@media (min-width: 1023px) and (max-width: 1280px) { 10968 #menu-item-164460 { 10969 display: none; 10970 } 10971} 10972.wp-block-image figcaption, .wp-caption .wp-caption-text { 10973 box-shadow: none; 10974 -webkit-box-shadow: 0; 10975 line-height: 34px; 10976} 10977.extra-padding { 10978 margin-bottom: 40px; 10979} 10980#caption-attachment-209451 { 10981 text-align: center; 10982} 10983#wp_user_profile_avatar_thumbnail, .profile-button { 10984 display: none; 10985} 10986@media (min-width: 600px) { 10987 #wp_user_profile_avatar_thumbnail, .profile-button { 10988 display: block; 10989 } 10990} 10991@media (min-width: 1023px) { 10992 .featured-container .post:first-child h2 { 10993 font-size: 24px; 10994 letter-spacing: 0.75px !important; 10995 } 10996} 10997.cky-consent-container { 10998 z-index: 99999999999999999999999!important; 10999} 11000#wpforms-170513-field_28 input[type="checkbox"] { 11001 accent-color: #111; 11002} 11003.vce-main-content { 11004 width: 100%; 11005} 11006.post-form { 11007 max-width: 600px; 11008 margin: 0 auto; 11009} 11010.post-form h3 { 11011 text-align: center; 11012} 11013.post-form a { 11014 font-size: inherit; 11015} 11016.single-column-product { 11017 padding-right: 0; 11018 margin: 0 auto; 11019} 11020.postid-217338 .two-column-post-image-product img { 11021 border: 1px solid #eee; 11022} 11023.header-banner img { 11024 border-bottom: 1px solid #eee; 11025} 11026.sr-only{ 11027 position:absolute; 11028 width:1px;height:1px; 11029 padding:0;margin:-1px; 11030 overflow:hidden; 11031 clip:rect(0,0,0,0); 11032 white-space:nowrap; 11033 border:0; 11034} 11035.site-banner-placeholder { 11036 width: 100%; 11037 background: #eee; 11038 overflow: hidden; 11039 position: relative; 11040} 11041.site-banner-placeholder .site-banner-wrapper { 11042 visibility: hidden; 11043} 11044.site-banner-placeholder.is-loaded .site-banner-wrapper { 11045 visibility: visible; 11046} 11047.tech-spec-container h3, .tech-spec-container h2 { 11048 font-size: 23px !important; 11049 display: block; 11050 width: 100%; 11051 clear: both; 11052 margin-bottom: 20px; 11053} 11054@media only screen and (min-width: 200px) and (max-width: 670px) { 11055 .tech-spec-container h3, .tech-spec-container h2 { 11056 font-size: 2rem !important; 11057 } 11058} 11059/* Footer terms text */ 11060.site-footer .terms { 11061 font-size: 1.1rem; 11062 color: #444; 11063 line-height: 1.8; 11064} 11065/* Footer terms links */ 11066.site-footer .terms a { 11067 color: #111; 11068 text-decoration: underline; 11069 font-weight: 500; 11070} 11071.site-footer .terms a:hover, 11072.site-footer .terms a:focus-visible { 11073 color: #555; 11074} 11075/* Make meta links large enough to tap */ 11076.post-meta a { 11077 display: inline-flex; 11078 align-items: center; 11079 justify-content: center; 11080 min-height: 20px; 11081 padding: 6px 3px; 11082}
11083.wp-block-column:not(:last-child), .wp-block-column:not(:first-child) { 11084 margin-left: 0; 11085 margin-right: 0; 11086} 11087:where(.wp-block-columns.is-layout-flex) { 11088 gap: 2px; 11089} 11090.post-meta .comment-icon a { 11091 padding: 6px 10px; 11092} 11093.slider-container { 11094 margin-bottom: 30px; 11095} 11096@media (min-width: 1023px) { 11097 .wp-block-columns, .slider-container { 11098 margin-bottom: 40px; 11099 } 11100} 11101/* Scope everything to the single gallery slider */ 11102.slider-container { 11103 position: relative; 11104} 11105/* Make sure images behave */ 11106.slider-container .js-tns-gallery img { 11107 display: block; 11108 width: 100%; 11109 height: auto; 11110} 11111/* --- ARROWS: left/right, centered on the image --- */ 11112.slider-container .tns-controls { 11113 position: absolute; 11114 top: 50%; 11115 left: 0; 11116 width: 100%; 11117 transform: translateY(-50%); 11118 display: flex; 11119 justify-content: space-between; 11120 pointer-events: none; /* lets clicks pass except buttons */ 11121 z-index: 5; 11122} 11123.slider-container .tns-controls button { 11124 pointer-events: auto; 11125 border: 0; 11126 background: rgba(0,0,0,.55); 11127 color: #fff; 11128 padding: 10px 12px; 11129 cursor: pointer; 11130 border-radius: 4px; 11131 font-size: 0; /* hide any text label */ 11132 line-height: 1; 11133} 11134/* Optional: add arrow icons using CSS */ 11135.slider-container .tns-controls button[data-controls="prev"]::before { 11136 content: "â¹"; 11137 font-size: 28px; 11138} 11139.slider-container .tns-controls button[data-controls="next"]::before { 11140 content: "âº"; 11141 font-size: 28px; 11142} 11143/* Keep arrows a bit off the edge */ 11144.slider-container .tns-controls button[data-controls="prev"] { margin-left: 10px; } 11145.slider-container .tns-controls button[data-controls="next"] { margin-right: 10px; } 11146.ot-newsletter-card { 11147 background: #fff; 11148 border: 1px solid #e6e6e6; 11149 border-radius: 18px; 11150 padding: 50px 60px; 11151 padding-top: 20px; 11152 max-width: 500px; 11153 width: 100%; 11154 margin: 0 auto; /* centre on page */ 11155 box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14); 11156 text-align: center; 11157} 11158.ot-newsletter-title { 11159 margin: 0 0 22px; 11160 font-size: 32px; 11161 line-height: 1.15; 11162} 11163.ot-newsletter-image { 11164 margin: 0 auto 28px; 11165} 11166.ot-newsletter-image img { 11167 max-width: 140px; 11168 width: 100%; 11169 height: auto; 11170 display: block; 11171 margin: 0 auto; 11172 background: none; 11173} 11174.ot-newsletter-text { 11175 margin: 0 0 36px; 11176 font-size: 16px; 11177 line-height: 2; 11178 color: #666; 11179} 11180.ot-newsletter-form { 11181 display: flex; 11182 flex-direction: column; 11183 align-items: center; 11184} 11185.ot-sr-only { 11186 position: absolute; 11187 width: 1px; 11188 height: 1px; 11189 margin: -1px; 11190 overflow: hidden; 11191 clip: rect(0, 0, 0, 0); 11192} 11193input[type=email].ot-input { 11194 width: 100%; 11195 height: 46px; 11196 padding: 0 14px; 11197 border: 1px solid #e1e1e1; 11198 border-radius: 8px; 11199 font-size: 15px; 11200 margin-bottom: 10px; 11201 height: 50px; 11202} 11203.ot-input:focus { 11204 outline: none; 11205 border-color: #111; 11206} 11207input[type=submit].ot-button { 11208 text-transform: uppercase; 11209 letter-spacing: 1px; 11210 color: #fff; 11211 border: 1px solid #aaa; 11212 border-radius: 0; 11213 Outline: none; 11214 font-size: 12px; 11215 font-weight: 500; 11216 height: 50px; 11217 border-radius: 8px; 11218 padding: 8px 60px; 11219 width: 100%; 11220} 11221/* Mobile breathing room */ 11222@media (max-width: 600px) { 11223 .ot-newsletter-card { 11224 padding: 28px 22px; 11225 } 11226 .ot-newsletter-title { 11227 font-size: 26px; 11228 } 11229} 11230.ot-response { 11231 margin-top: 20px; 11232 font-size: 14px; 11233} 11234.ot-response.success { 11235 color: #0a7a3b; 11236} 11237.ot-response.error { 11238 color: #b00020; 11239} 11240#back-top-vanilla { 11241 position: fixed; 11242 right: 0; 11243 bottom: 20px; 11244 z-index: 10; 11245 width: 45px; 11246 height: 45px; 11247 text-indent: 0; 11248 transition: 0.5s; 11249 color: #000000; 11250 font-size: 32px; 11251 line-height: 26px; 11252 background: #fff; 11253 padding: 0; 11254 text-align: center; 11255 border-radius: 0; 11256 cursor: pointer; 11257 border: 1px solid #999; 11258 display: none; 11259 justify-content: center; 11260 align-items: center; 11261} 11262/* icon inside */ 11263#back-top-vanilla i { 11264 pointer-events: none; 11265} 11266/* Start hidden by default (only for lazy/skeleton images) */ 11267.ot-media img.ot-img, .posts-grid 11268img[loading="lazy"] { 11269 opacity: 0; 11270 transition: opacity 0.35s ease; 11271} 11272/* Fade in when JS adds the class */ 11273.ot-media img.ot-img.fadeIn, .posts-grid 11274img[loading="lazy"].fadeIn { 11275 opacity: 1; 11276} 11277/* Default: visible (no JS / script missing) */ 11278img[loading="lazy"] { opacity: 1; } 11279/* Only hide when JS is enabled, then fade in */ 11280html.js img[loading="lazy"]{ 11281 opacity: 0; 11282 transition: opacity .35s ease; 11283} 11284html.js img[loading="lazy"].fadeIn{ opacity: 1; } 11285/* Only hide LAZY images until your global script adds .fadeIn */ 11286.team img.photo[loading="lazy"]{ 11287 opacity: 0; 11288} 11289/* Only hide LAZY images until your global script adds .fadeIn */ 11290.team img.photo[loading="lazy"]:not(.fadeIn){ 11291 opacity: 0; 11292} 11293.team img.photo[loading="lazy"].fadeIn{ 11294 opacity: 1; 11295} 11296.wp-block-gallery { 11297 margin-bottom: 30px; 11298} 11299@media (max-width: 660px) { 11300 .wp-block-gallery { 11301 margin-bottom: 30px; 11302 } 11303} 11304.wp-block-image img { 11305 margin-bottom: 0px; 11306} 11307.wp-block-columns { 11308 margin-bottom: 0px; 11309} 11310.main-box-title, .author-title, .comment-reply-title { 11311 font-family: "DomaineDisplayWeb-Regular", sans-serif; 11312} 11313figure.wp-block-gallery.has-nested-images { 11314 margin-bottom: 0; 11315} 11316.has-nested-images .wp-block-image { 11317 margin-bottom: 0; 11318} 11319.wp-block-image { 11320 margin-bottom: 30px; 11321} 11322.wp-block-columns .wp-block-image { 11323 margin-bottom: 30px; 11324} 11325.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { 11326 margin-bottom: 30px !important; 11327} 11328.header-banner { 11329 max-height: 250px; 11330} 11331.wp-caption-text strong { 11332 line-height: 1.4; 11333 font-size: 1.2888rem; 11334 font-weight: 500; 11335 text-decoration: underline; 11336} 11337.two-columns-guide .wp-block-column { 11338 padding: 0px 0px; 11339} 11340.two-columns-guide { 11341 gap: 20px; 11342} 11343.product-specs { 11344 max-width: 80%; 11345} 11346.geneva-watch-week-internal-link { 11347 padding-top: 20px; 11348 padding-bottom: 30px; 11349} 11350/* ========================================================= 11351 GLOBAL RESPONSIVE BANNER RATIOS 11352 Static image banners only. Keeps wrapper placement intact. 11353 ========================================================= */ 11354.site-banner-wrapper { 11355 width: 100%; 11356 box-sizing: border-box; 11357} 11358.site-banner-wrapper *, 11359.site-banner-wrapper *::before, 11360.site-banner-wrapper *::after { 11361 box-sizing: border-box; 11362} 11363/* Main clickable banner area */ 11364.site-banner-wrapper.header-banner > a, 11365.site-banner-wrapper.footer-banner .ad-disclaimer-wrapper > a, 11366.site-banner-wrapper.content-banner .ad-disclaimer-wrapper > a, 11367.site-banner-wrapper.magazine-after-banner .ad-disclaimer-wrapper > a, 11368.site-banner-wrapper.entry-footer-banner > div > a { 11369 position: relative; 11370 display: block; 11371 width: 100%; 11372 max-width: 970px; 11373 margin-left: auto; 11374 margin-right: auto; 11375 overflow: hidden; 11376} 11377/* HEADER BANNERS */ 11378/* Mobile header artwork ratio */ 11379.site-banner-wrapper.header-banner > a { 11380 aspect-ratio: 828 / 240; 11381} 11382/* Desktop header artwork ratio */ 11383@media (min-width: 768px) { 11384 .site-banner-wrapper.header-banner > a { 11385 aspect-ratio: 970 / 250; 11386 } 11387} 11388/* FOOTER / CONTENT / MAGAZINE / ENTRY FOOTER BANNERS */ 11389/* Mobile footer/content artwork ratio: 600 x 500 */ 11390.site-banner-wrapper.footer-banner .ad-disclaimer-wrapper > a, 11391.site-banner-wrapper.content-banner .ad-disclaimer-wrapper > a, 11392.site-banner-wrapper.magazine-after-banner .ad-disclaimer-wrapper > a, 11393.site-banner-wrapper.entry-footer-banner > div > a { 11394 aspect-ratio: 6 / 5; 11395} 11396/* Mobile footer/content/category-footer max width */ 11397@media (max-width: 767px) { 11398 .site-banner-wrapper.footer-banner .ad-disclaimer-wrapper > a, 11399 .site-banner-wrapper.content-banner .ad-disclaimer-wrapper > a, 11400 .site-banner-wrapper.magazine-after-banner .ad-disclaimer-wrapper > a, 11401 .site-banner-wrapper.entry-footer-banner > div > a { 11402 max-width: 300px; 11403 } 11404} 11405/* Desktop footer/content artwork ratio */ 11406@media (min-width: 768px) { 11407 .site-banner-wrapper.footer-banner .ad-disclaimer-wrapper > a, 11408 .site-banner-wrapper.content-banner .ad-disclaimer-wrapper > a, 11409 .site-banner-wrapper.magazine-after-banner .ad-disclaimer-wrapper > a, 11410 .site-banner-wrapper.entry-footer-banner > div > a { 11411 max-width: 970px; 11412 aspect-ratio: 970 / 250; 11413 } 11414} 11415/* Make picture/img fill the ratio box */ 11416.site-banner-wrapper picture { 11417 display: block; 11418 width: 100%; 11419 height: 100%; 11420 margin: 0; 11421 padding: 0; 11422} 11423.site-banner-wrapper picture img {
11424 display: block; 11425 width: 100% !important; 11426 height: 100% !important; 11427 max-width: none !important; 11428 margin: 0; 11429 padding: 0; 11430 object-fit: contain; 11431 object-position: center; 11432} 11433.axia-html5-banner { 11434 width: 100%; 11435 margin: 0 auto; 11436 overflow: visible; 11437 border: 0; 11438 box-sizing: border-box; 11439} 11440.axia-html5-banner *, 11441.axia-html5-banner *::before, 11442.axia-html5-banner *::after { 11443 box-sizing: border-box; 11444} 11445.axia-html5-banner .ad-disclaimer-wrapper { 11446 width: 100%; 11447} 11448.axia-banner-link { 11449 position: relative; 11450 display: block; 11451 width: 100%; 11452 max-width: 970px; 11453 margin: 0 auto; 11454 overflow: hidden; 11455 background: #000; 11456 border: 0; 11457} 11458/* HEADER VERSION */ 11459/* Mobile header image is selected at max-width: 767px */ 11460/* Image ratio: 828 x 240 */ 11461.axia-banner-header .axia-banner-link { 11462 aspect-ratio: 828 / 240; 11463} 11464/* Desktop header image is selected at min-width: 768px */ 11465/* Image ratio: 970 x 250 */ 11466@media (min-width: 768px) { 11467 .axia-banner-header .axia-banner-link { 11468 aspect-ratio: 970 / 250; 11469 } 11470} 11471/* FOOTER / POST CONTENT VERSION */ 11472/* Mobile content image is selected at max-width: 767px */ 11473/* Image ratio: 600 x 500 */ 11474.axia-banner-content .axia-banner-link { 11475 aspect-ratio: 6 / 5; 11476} 11477/* Mobile content/footer should not exceed 300px wide */ 11478@media (max-width: 767px) { 11479 .axia-banner-content .axia-banner-link { 11480 max-width: 300px; 11481 } 11482} 11483/* Desktop content/footer image is selected at min-width: 768px */ 11484/* Image ratio: 970 x 250 */ 11485@media (min-width: 768px) { 11486 .axia-banner-content .axia-banner-link { 11487 max-width: 970px; 11488 aspect-ratio: 970 / 250; 11489 } 11490} 11491.axia-picture { 11492 position: absolute; 11493 inset: 0; 11494 display: block; 11495 width: 100%; 11496 height: 100%; 11497 margin: 0; 11498 padding: 0; 11499} 11500.axia-picture img { 11501 position: absolute; 11502 inset: 0; 11503 display: block; 11504 width: 100% !important; 11505 height: 100% !important; 11506 max-width: none !important; 11507 margin: 0; 11508 padding: 0; 11509 object-fit: contain; 11510 object-position: center; 11511} 11512.axia-slide-base { 11513 z-index: 1; 11514 opacity: 1; 11515} 11516.axia-slide { 11517 z-index: 2; 11518 opacity: 0; 11519 animation: axiaOverlayFade 16s infinite linear; 11520 will-change: opacity; 11521} 11522.axia-slide-2 { 11523 animation-delay: 4s; 11524} 11525.axia-slide-3 { 11526 animation-delay: 8s; 11527} 11528.axia-slide-4 { 11529 animation-delay: 12s; 11530} 11531@keyframes axiaOverlayFade { 11532 0% { 11533 opacity: 0; 11534 } 11535 6% { 11536 opacity: 1; 11537 } 11538 25% { 11539 opacity: 1; 11540 } 11541 31% { 11542 opacity: 0; 11543 } 11544 100% { 11545 opacity: 0; 11546 } 11547} 11548@media (prefers-reduced-motion: reduce) { 11549 .axia-slide { 11550 animation: none; 11551 opacity: 0; 11552 } 11553} 11554/* Modula/Fancybox: remove empty sidebar covering the previous arrow */ 11555.modula-best-grid-gallery .fancybox__sidebar.undefined { 11556 display: none !important; 11557 pointer-events: none !important; 11558} 11559.archive-container-inner { 11560 margin-top: 30px!important; 11561} 11562/* Fix footer widget columns on tablet/iPad viewports */ 11563@media (min-width: 768px) and (max-width: 1279px) { 11564 .site-footer .container-fix { 11565 display: flex; 11566 flex-wrap: wrap; 11567 justify-content: space-between; 11568 gap: 20px; 11569 } 11570 .site-footer .container-fix > [class^="bit-"] { 11571 flex: 1 1 0; 11572 min-width: 0; 11573 width: auto !important; 11574 max-width: none !important; 11575 margin: 0 !important; 11576 } 11577 /* Center-align widget content so it looks balanced */ 11578 .site-footer .container-fix > [class^="bit-"] .widget { 11579 text-align: center; 11580 } 11581} 11582/* Mobile: Company + Follow side-by-side, Newsletter full-width below */ 11583@media (max-width: 767px) { 11584 .site-footer .container-fix { 11585 display: flex; 11586 flex-wrap: wrap; 11587 gap: 30px 20px; 11588 } 11589 /* First two columns share the top row */ 11590 .site-footer .container-fix > [class^="bit-"] { 11591 flex: 1 1 calc(50% - 10px); 11592 width: calc(50% - 10px) !important; 11593 max-width: calc(50% - 10px) !important; 11594 min-width: 0; 11595 margin: 0 !important; 11596 } 11597 /* Third column (newsletter) drops to its own full-width row */ 11598 .site-footer .container-fix > [class^="bit-"]:nth-child(3) { 11599 flex: 1 1 100%; 11600 width: 100% !important; 11601 max-width: 100% !important; 11602 } 11603 .site-footer .container-fix > [class^="bit-"] .widget { 11604 text-align: center; 11605 } 11606} 11607.two-columns-guide .wp-block-columns .wp-block-image { 11608 margin-bottom: 6px; 11609} 11610.two-columns-guide .wp-block-paragraph { 11611 margin-bottom: 44px; 11612 padding-right: 10px; 11613} 11614.entry-content .two-columns-guide h3 { 11615 margin-top: 6px; 11616} 11617.wp-element-caption { 11618 padding: 0 !important; 11619} 11620.two-columns-guide .wp-block-image { 11621 margin-bottom: 0; 11622} 11623/* Only adds this space when there's NO figcaption inside â 11624 automatically reserves the same slot a real caption would take */ 11625.two-columns-guide .wp-block-image:not(:has(figcaption))::after { 11626 content: "";
11627 display: block; 11628 height: 34px; /* match your actual figcaption's real rendered height */ 11629} 11630/* Optional: kill any margin oddities so the figcaption itself doesn't 11631 add its own inconsistent spacing on top of this */ 11632.two-columns-guide .wp-block-image figcaption { 11633 margin: 0; 11634 line-height: 34px; /* same number as above, for exact match */ 11635} 11636/* ============================================================================ 11637 ORACLE TIME â Junior Editor Application Form 11638 Custom styling for WPForms (form ID #236280) 11639 ---------------------------------------------------------------------------- 11640 HOW TO USE 11641 1. Paste this whole file into: Appearance > Customize > Additional CSS 11642 (or your child theme's stylesheet / a Custom CSS plugin). 11643 2. Adjust ONLY the variables in the CONTROL PANEL block below. 11644 3. After saving, HARD-REFRESH the page (Ctrl/Cmd + Shift + R) and clear any 11645 caching plugin â WordPress often serves an old cached stylesheet otherwise. 11646 WHY !important IS USED HERE 11647 Your Voice child theme sets its own font sizes and widths on form fields. 11648 Those rules were tying with (and cancelling) the earlier version, so the 11649 theme kept winning and nothing looked like it changed. The declarations 11650 below are marked !important so THIS file wins. This is normal and expected 11651 when styling a form inside a theme you don't control. 11652 SIZES ARE IN PIXELS on purpose: your theme uses html { font-size: 65% }, 11653 which makes rem units unpredictable (1rem â 10.4px). px means exactly that. 11654 SCOPE: everything is scoped to #wpforms-236280 (the WPForms wrapper for this 11655 form only). If WPForms regenerates the form with a new ID, find-and-replace 11656 "#wpforms-236280" with the new "#wpforms-<id>". 11657 ========================================================================== */ 11658/* ============================================================================ 11659 CONTROL PANEL â the only part you need to edit 11660 ========================================================================== */ 11661#wpforms-236280 { 11662 /* ---- FONT FAMILY -------------------------------------------------------- */ 11663 --otf-font: inherit; /* "inherit" = use your site font. Or e.g. "Georgia, serif" */ 11664 --otf-heading-font: inherit; /* font for the section headers */ 11665 /* ---- FONT SIZES (in px) ------------------------------------------------- */ 11666 --otf-section-heading-size: 28px; /* "About You", "The Questions" */ 11667 --otf-label-size: 17px; /* field labels ("Full Name", "Email") */ 11668 --otf-sublabel-size: 16px; /* inline radio option labels ("Yes", "No") */ 11669 --otf-input-size: 17px; /* text typed into inputs / textareas */ 11670 --otf-description-size: 14px; /* the small grey helper text under fields */ 11671 --otf-button-size: 17px; /* Submit button text */ 11672 --otf-required-size: 16px; /* the "*" required marker */ 11673 /* ---- FONT WEIGHTS ------------------------------------------------------- */ 11674 --otf-section-heading-weight: 700; 11675 --otf-label-weight: 600; 11676 --otf-input-weight: 400; 11677 --otf-button-weight: 600; 11678 /* ---- COLOURS ------------------------------------------------------------ */ 11679 --otf-text-color: #1a1a1a; /* labels + section headings */ 11680 --otf-input-text-color: #1a1a1a; /* text typed into fields */ 11681 --otf-description-color: #6b6b6b; /* small helper text */ 11682 --otf-required-color: #c0392b; /* the required asterisk */ 11683 --otf-input-bg: #ffffff; /* input background */ 11684 --otf-input-border: #cccccc; /* input border (resting) */ 11685 --otf-input-border-focus:#1a1a1a; /* input border when clicked into */ 11686 --otf-button-bg: #1a1a1a; /* Submit button background */ 11687 --otf-button-text: #ffffff; /* Submit button text colour */ 11688 --otf-button-bg-hover: #333333; /* Submit button on hover */ 11689 --otf-accent: #1a1a1a; /* radio dots, focus rings, etc. */ 11690 /* ---- SPACING (in px) ---------------------------------------------------- */ 11691 --otf-field-gap: 24px; /* vertical space between each field */ 11692 --otf-label-gap: 7px; /* gap between a label and its input */ 11693 --otf-input-padding-y: 12px; /* input inner height (top/bottom) */
11694 --otf-input-padding-x: 15px; /* input inner width (left/right) */ 11695 --otf-textarea-min-h: 120px; /* minimum height of textareas */ 11696 --otf-section-gap-top: 40px; /* space above each section header */ 11697 --otf-button-padding-y: 13px; /* Submit button height */ 11698 --otf-button-padding-x: 32px; /* Submit button width */ 11699 /* ---- SHAPE -------------------------------------------------------------- */ 11700 --otf-input-radius: 6px; /* corner rounding on inputs/button */ 11701 --otf-input-border-w: 1px; /* input border thickness */ 11702 --otf-radio-size: 18px; /* size of the radio/checkbox circles */ 11703 --otf-max-width: 100%; /* overall form width. Set e.g. 680px to cap it */ 11704 font-family: var(--otf-font) !important; 11705} 11706/* ---- Force the WPForms wrapper to full width ------------------------------ */ 11707#wpforms-236280, 11708#wpforms-236280.wpforms-container-full, 11709div#wpforms-236280 { 11710 max-width: var(--otf-max-width) !important; 11711 width: 100% !important; 11712 margin-left: 0 !important; 11713 margin-right: 0 !important; 11714} 11715/* the<form> element itself */ 11716#wpforms-236280 form.wpforms-form, 11717#wpforms-236280 .wpforms-form { 11718 max-width: 100% !important; 11719 width: 100% !important; 11720} 11721/* ============================================================================ 11722 BELOW HERE: the wiring. You shouldn't need to edit any of this. 11723 ========================================================================== */ 11724/* ---- Field spacing --------------------------------------------------------*/ 11725#wpforms-236280 .wpforms-field { 11726 margin-bottom: var(--otf-field-gap) !important; 11727 padding: 0 !important; 11728 max-width: 100% !important; 11729} 11730/* ---- Section headers (the<h3> "divider" fields) --------------------------*/ 11731#wpforms-236280 .wpforms-field-divider { 11732 margin-top: var(--otf-section-gap-top) !important; 11733 margin-bottom: calc(var(--otf-field-gap) * 0.5) !important; 11734 border-bottom: 1px solid var(--otf-input-border); 11735 padding-bottom: 8px !important; 11736} 11737#wpforms-236280 .wpforms-field-divider h3 { 11738 font-family: var(--otf-heading-font) !important; 11739 font-size: var(--otf-section-heading-size) !important; 11740 color: var(--otf-text-color) !important; 11741 margin: 0 !important; 11742 line-height: 1.2 !important; 11743} 11744#wpforms-236280 .wpforms-field-container > .wpforms-field-divider:first-child { 11745 margin-top: 0 !important; 11746} 11747/* ---- Field labels ---------------------------------------------------------*/ 11748#wpforms-236280 .wpforms-field-label { 11749 display: block !important; 11750 color: var(--otf-text-color) !important; 11751 line-height: 1.3 !important; 11752 margin-bottom: var(--otf-label-gap) !important; 11753} 11754/* ---- Required asterisk ----------------------------------------------------*/ 11755#wpforms-236280 .wpforms-required-label { 11756 font-size: var(--otf-required-size) !important; 11757 color: var(--otf-required-color) !important; 11758 font-weight: 400 !important; 11759} 11760/* ---- Text / email / phone / textarea inputs -------------------------------*/ 11761#wpforms-236280 input[type="text"], 11762#wpforms-236280 input[type="email"], 11763#wpforms-236280 input[type="tel"], 11764#wpforms-236280 input[type="url"], 11765#wpforms-236280 input[type="number"], 11766#wpforms-236280 textarea, 11767#wpforms-236280 select { 11768 width: 100% !important; 11769 max-width: 100% !important; 11770 box-sizing: border-box !important; 11771 font-family: var(--otf-font) !important; 11772 font-size: var(--otf-input-size) !important; 11773 font-weight: var(--otf-input-weight) !important; 11774 color: var(--otf-input-text-color) !important; 11775 background-color: var(--otf-input-bg) !important; 11776 border: var(--otf-input-border-w) solid var(--otf-input-border) !important; 11777 border-radius: var(--otf-input-radius) !important; 11778 padding: var(--otf-input-padding-y) var(--otf-input-padding-x) !important; 11779 line-height: 1.4 !important; 11780 transition: border-color 0.15s ease, box-shadow 0.15s ease; 11781} 11782#wpforms-236280 textarea { 11783 min-height: var(--otf-textarea-min-h) !important; 11784 resize: vertical !important; 11785} 11786/* ---- Input focus state ----------------------------------------------------*/ 11787#wpforms-236280 input[type="text"]:focus, 11788#wpforms-236280 input[type="email"]:focus, 11789#wpforms-236280 input[type="tel"]:focus, 11790#wpforms-236280 input[type="url"]:focus, 11791#wpforms-236280 input[type="number"]:focus, 11792#wpforms-236280 textarea:focus, 11793#wpforms-236280 select:focus { 11794 outline: none !important; 11795 border-color: var(--otf-input-border-focus) !important; 11796 box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important; 11797} 11798/* ---- Placeholder text -----------------------------------------------------*/ 11799#wpforms-236280 ::placeholder { 11800 color: var(--otf-description-color) !important; 11801 opacity: 1 !important; 11802} 11803/* ---- Helper / description text --------------------------------------------*/ 11804#wpforms-236280 .wpforms-field-description { 11805 font-family: var(--otf-font) !important; 11806 font-size: var(--otf-description-size) !important; 11807 color: var(--otf-description-color) !important; 11808 line-height: 1.4 !important; 11809 margin-top: 6px !important; 11810} 11811/* ---- Radio button groups --------------------------------------------------*/ 11812#wpforms-236280 ul.wpforms-field-radio, 11813#wpforms-236280 ul.wpforms-field-checkbox { 11814 list-style: none !important; 11815 margin: 0 !important; 11816 padding: 0 !important; 11817 display: flex !important; 11818 flex-direction: column !important; 11819 gap: 8px !important; 11820} 11821#wpforms-236280 ul.wpforms-field-radio li, 11822#wpforms-236280 ul.wpforms-field-checkbox li { 11823 margin: 0 !important; 11824 display: flex !important; 11825 align-items: center !important; 11826} 11827#wpforms-236280 .wpforms-field-radio input[type="radio"], 11828#wpforms-236280 .wpforms-field-checkbox input[type="checkbox"] { 11829 width: var(--otf-radio-size) !important; 11830 height: var(--otf-radio-size) !important; 11831 margin: 0 10px 0 0 !important; 11832 accent-color: var(--otf-accent) !important; 11833 flex-shrink: 0 !important; 11834} 11835#wpforms-236280 .wpforms-field-label-inline { 11836 font-family: var(--otf-font) !important; 11837 font-size: var(--otf-sublabel-size) !important; 11838 font-weight: 400 !important; 11839 color: var(--otf-text-color) !important; 11840 line-height: 1.3 !important; 11841 margin: 0 !important; 11842 cursor: pointer !important; 11843} 11844/* ---- International phone widget (intl-tel-input) ---------------------------*/ 11845#wpforms-236280 .iti { width: 100% !important; } 11846#wpforms-236280 .iti__tel-input { width: 100% !important; } 11847/* ---- Submit button --------------------------------------------------------*/ 11848#wpforms-236280 .wpforms-submit-container { 11849 margin-top: var(--otf-field-gap) !important; 11850} 11851#wpforms-236280 button.wpforms-submit { 11852 font-family: var(--otf-font) !important; 11853 font-size: var(--otf-button-size) !important; 11854 font-weight: var(--otf-button-weight) !important; 11855 color: var(--otf-button-text) !important; 11856 background-color: var(--otf-button-bg) !important; 11857 border: none !important; 11858 border-radius: var(--otf-input-radius) !important; 11859 padding: var(--otf-button-padding-y) var(--otf-button-padding-x) !important; 11860 cursor: pointer !important; 11861 transition: background-color 0.15s ease; 11862 width: auto !important; 11863} 11864#wpforms-236280 button.wpforms-submit:hover { 11865 background-color: var(--otf-button-bg-hover) !important; 11866} 11867/* ---- reCAPTCHA spacing ----------------------------------------------------*/ 11868#wpforms-236280 .wpforms-recaptcha-container { 11869 margin-top: var(--otf-field-gap) !important; 11870} 11871/* ---- Error states (WPForms validation) ------------------------------------*/ 11872#wpforms-236280 .wpforms-error { 11873 border-color: var(--otf-required-color) !important; 11874}
11875#wpforms-236280 label.wpforms-error { 11876 border: none !important; 11877 color: var(--otf-required-color) !important; 11878 font-size: var(--otf-description-size) !important; 11879 font-weight: 400 !important; 11880 margin-top: 5px !important; 11881} 11882/* Stop the phone number/placeholder overlapping the country flag */ 11883#wpforms-236280 input#wpforms-236280-field_3 { 11884 padding-left: 52px !important; 11885} 11886/* ---- Small screens --------------------------------------------------------*/ 11887@media (max-width: 600px) { 11888 #wpforms-236280 { 11889 --otf-section-heading-size: 24px; 11890 --otf-field-gap: 20px; 11891 } 11892 #wpforms-236280 button.wpforms-submit { 11893 width: 100% !important; 11894 } 11895} 11896.wpforms-field-divider, .wpforms-field-label { 11897 font-family: "DomaineDisplayWeb-Regular", sans-serif !important; 11898} </style><link rel="dns-prefetch" href="//connect.facebook.net/" data-set-by="Speed Optimizer by SiteGround"/></head><body class="wp-singular page-template page-template-login page-template-login-main-template page-template-loginlogin-main-template-php page page-id-72288 page-parent wp-embed-responsive wp-theme-voice wp-child-theme-voice-child vce-sid-none voice-v_3_0_3 voice-child modula-best-grid-gallery"> <!-- Meta Pixel Code --> <noscript> <img height="1" width="1" style="display:none" alt="fbpx" 11899src="https://www.facebook.com/tr?id=327234531706541&ev=PageView&noscript=1" /> </noscript> <!-- End Meta Pixel Code --> <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 11899
11899 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
11899GTM-KQV44L8
vendor: 84 bytes, lines 11899-11900
11899" 11900 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
11900<!-- End Google Tag Manager (noscript) --> <svg style="display:none" aria-hidden="true" focusable="false"> <symbol id="oracle-time-logo" viewBox="0 0 554.35 61.4"> <path class="logo-fill" d="M432.6,2.28h20.9l14.07,40.5h.16l14.31-40.5h20.33v1.14h-7.48v55.63h7.48v1.14h-26.67v-1.14h7.4V3.42h-.16l-20.01,56.76h-1.3l-20.09-56.76h-.16v55.63h7.48v1.14h-16.27v-1.14h7.48V3.42h-7.48v-1.14Z"/> <g> <path class="logo-fill" d="M553.29,42.37c-2.2,9.43-8.3,16.67-18.3,16.67h-13.34v-27.95h0v-3.69h0V3.41h12.93c10.73,0,14.23,9.19,15.37,12.77h1.06V2.28h-48.63v1.14h7.48v55.63h-7.48v1.14h51.97v-17.81h-1.06Z"/> <path class="logo-fill" d="M538.49,41.72h1.06v-25.29h-1.06c-1.55,7.32-4.31,12.11-12.28,12.11h-.86v1.14h1.76c7.48,0,9.92,5.69,11.39,12.03Z"/> </g> <g> <g> <path class="logo-fill" d="M30.03,60.83c-2.85-.05-5.35-.49-7.43-1.31-2.17-.86-3.97-2.4-5.35-4.58-1.4-2.22-2.44-5.26-3.1-9.03-.67-3.81-1.01-8.68-1.01-14.47,0-4.41.2-8.51.59-12.18.39-3.64,1.2-6.83,2.41-9.47,1.19-2.6,2.95-4.65,5.23-6.09,2.16-1.36,5.08-2.08,8.66-2.15.16,0,.29-.13.29-.29s-.13-.29-.29-.29c-3.31.07-6.73.79-10.16,2.14-3.62,1.43-6.93,3.5-9.85,6.14-2.92,2.65-5.34,5.88-7.2,9.6-1.87,3.74-2.82,7.96-2.82,12.56,0,4.22.85,8.2,2.53,11.83,1.67,3.62,3.93,6.81,6.72,9.49,2.78,2.67,6.06,4.81,9.73,6.35,3.5,1.47,7.21,2.24,11.03,2.31,0,0,.01,0,.02,0,.16,0,.29-.13.29-.29s-.13-.29-.29-.29Z"/> <path class="logo-fill" d="M32.76,60.83c2.85-.05,5.35-.49,7.43-1.31,2.17-.86,3.97-2.4,5.35-4.58,1.4-2.22,2.44-5.26,3.1-9.03.67-3.81,1.01-8.68,1.01-14.47,0-4.41-.2-8.51-.59-12.18-.39-3.64-1.2-6.83-2.41-9.47-1.19-2.6-2.95-4.65-5.23-6.09-2.16-1.36-5.08-2.08-8.66-2.15-.16,0-.29-.13-.29-.29s.13-.29.29-.29c3.31.07,6.73.79,10.16,2.14,3.62,1.43,6.93,3.5,9.85,6.14,2.92,2.65,5.34,5.88,7.2,9.6,1.87,3.74,2.82,7.96,2.82,12.56,0,4.22-.85,8.2-2.53,11.83-1.67,3.62-3.93,6.81-6.72,9.49-2.78,2.67-6.06,4.81-9.73,6.35-3.5,1.47-7.21,2.24-11.03,2.31,0,0,.01,0-.02,0,.16,0,.29-.13.29-.29s-.13-.29-.29-.29Z"/> </g> <path class="logo-fill" d="M226.05,18.86h-1.06c-2.36-7.24-6.02-16.75-17.73-16.75-15.78,0-17.24,12.36-17.24,29.44,0,22.44,5.04,28.71,17.24,28.71,9.68,0,16.02-8.62,17.97-17.32h1.3v17.24h-1.3c-.57-1.3-1.14-1.71-2.68-1.71-2.52,0-8.46,2.93-15.37,2.93-15.94,0-30.41-13.26-30.41-30.01,0-18.38,16.51-30.42,30.41-30.42,6.75,0,12.12,3.01,15.04,3.01,1.46,0,2.2-.24,2.52-1.7h1.3v16.59Z"/> <path class="logo-fill" d="M229.27,2.28h26.76v1.14h-7.48v55.63h13.42c7.08,0,15.04-4.56,17.81-17.25h1.06v18.38h-51.56v-1.14h7.48V3.42h-7.48v-1.14Z"/> <path class="logo-fill" d="M116.23,56.84c-1.06,1.06-2.36,2.69-4.55,2.69-3.82,0-3.74-2.28-4.8-15.86-.89-11.71-7.24-12.85-17.81-14.72v-.41c7.32-.57,16.02-3.9,16.02-12.6,0-10.82-11.39-13.9-19.92-13.9-4.47,0-9.03.24-13.5.24h-12.28v1.14h7.48v55.63h-7.48v1.14h26.75v-1.14h-7.48V3.41c1.22-.08,2.36-.24,3.58-.24,8.13,0,10.33,4.15,10.33,13.66,0,5.86-.83,11.53-10.21,11.68v1.17h1.67c10.09,0,10.49,8.54,10.9,17.4.24,5.69.65,14.31,12.61,14.31,5.93,0,7.32-1.63,9.51-3.82l-.81-.73Z"/> <g> <path class="logo-fill" d="M308.11,29.68c7.48,0,9.92,5.69,11.38,12.03h1.06v-25.29h-1.06c-1.54,7.32-4.31,12.11-12.28,12.11h-.86v1.14h1.76Z"/> <path class="logo-fill" d="M334.3,42.37c-2.2,9.43-8.3,16.67-18.3,16.67h-13.34v-29.36h0v-1.14h0V3.41h12.93c10.74,0,14.23,9.19,15.37,12.77h1.06V2.28h-48.63v1.14h7.48v55.63h-7.48v1.14h51.97v-17.81h-1.06Z"/> </g> <polygon class="logo-fill" points="177.9 59.04 152.28 0 150.09 0 125.85 59.04 118.94 59.04 118.94 60.18 134.39 60.18 134.39 59.04 127.15 59.04 145.7 13.9 165.13 59.04 157.57 59.04 157.57 60.18 184.89 60.18 184.89 59.04 177.9 59.04"/> </g> <g> <polygon class="logo-fill" points="384.9 57.13 384.9 55.64 384.9 35 384.9 27.65 384.9 3.37 384.9 2.29 372.49 2.29 372.49 3.37 372.49 3.37 372.49 27.65 372.49 27.65 372.49 57.13 372.49 57.13 372.49 59.24 365.39 59.24 365.39 60.18 392 60.18 392 59.24 384.9 59.24 384.9 57.13"/> <path class="logo-fill" d="M370.88,2.84c.15,0,.27-.12.27-.28s-.12-.28-.27-.28h-16.23v13.61h1l.13-.43c.76-2.57,1.6-4.72,2.5-6.37.88-1.62,1.9-2.9,3.02-3.8,1.11-.89,2.39-1.53,3.79-1.89,1.44-.37,3.1-.56,4.95-.56h.85Z"/> <path class="logo-fill" d="M386.28,2.29c-.15,0-.27.12-.27.28s.12.28.27.28h.85c1.85,0,3.51.19,4.95.56,1.4.36,2.68,1,3.79,1.89,1.12.9,2.13,2.18,3.02,3.8.9,1.65,1.74,3.8,2.5,6.37l.13.43h1V2.29h-16.23Z"/> </g> <polygon class="logo-fill" points="432.6 3.42 432.6 2.29 405.84 2.29 405.84 3.42 413.02 3.42 413.02 6.83 413.02 26.99 413.02 26.99 413.02 58.62 413.02 59.04 405.85 59.04 405.85 60.18 432.6 60.18 432.6 59.04 425.42 59.04 425.42 58.62 425.42 49.12 425.42 26.99 425.42 6.83 425.42 6.83 425.42 3.42 432.6 3.42"/> </symbol> </svg><div class="ot-info-strip"> <a class="ot-info-strip__linkwrap" target="_blank" href="https://www.onhorology.com/"><div class="ot-wrap"><p class="ot-info-strip__text"> Hands On Horology 2025 - Early Bird Tickets Live</p></div> </a></div><header class="ot-header-top" id="header" itemscope itemtype="https://schema.org/WPHeader"><div class="ot-topbar"><div class="ot-wrap ot-topbar-wrap"><div class="ot-top-left ot-top-date"> <a href="/events-calendar/" aria-label="Watch events calendar"> <span class="ot-btn"> <svg class="ot-ico ot-date-ico" viewBox="0 0 24 24" aria-hidden="true"> <rect x="4.5" y="5" width="15" height="16" rx="2.5"/> <line x1="4.5" y1="9.5" x2="19.5" y2="9.5"/> <line x1="9" y1="3.5" x2="9" y2="6"/> <line x1="15" y1="3.5" x2="15" y2="6"/> </svg> </span> <span class="ot-date-text">FRIDAY, 2ND OCTOBER 2026</span> </a></div> <a class="ot-logo-img" href="/" aria-label="Homepage" itemprop="url"> <svg class="ot-logo-svg" role="img" aria-label="Oracle Time logo" itemprop="logo"> <use href="#oracle-time-logo"></use> </svg> </a><div class="ot-top-right ot-top-cta"> <span class="sign-in-text">SIGN UP / IN</span> <a class="ot-top-account" href="/login" aria-label="Sign in"> <span class="ot-btn"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <path d="M20 21a8 8 0 0 0-16 0" /> <circle cx="12" cy="7" r="4" /> </svg> </span> </a> <button class="ot-search" id="otTopSearchBtn" type="button" aria-label="Search"> <svg class="ot-ico ot-ico--search" viewBox="0 0 24 24" aria-hidden="true"> <circle cx="11" cy="11" r="7"></circle> <path d="M20 20l-3.2-3.2"></path> </svg> <svg class="ot-ico ot-ico--close" viewBox="0 0 24 24" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg> </button></div></div></div></header><nav class="ot-navbar" id="otNavbar"><div class="ot-navrow"><div class="ot-wrap ot-navwrap" id="otNavWrap"><div class="ot-ham"> <button class="ot-burger" id="otBurger" type="button" aria-label="Open menu" aria-expanded="false"> <svg class="ot-ico" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"> <line x1="3" y1="6" x2="21" y2="6"></line> <line x1="3" y1="12" x2="21" y2="12"></line> <line x1="3" y1="18" x2="21" y2="18"></line> </svg> </button></div><div class="ot-logo-wrap"> <a class="ot-logo" href="/" aria-label="Homepage"> <svg class="ot-logo-svg" role="img" aria-label="Oracle Time logo"> <use href="#oracle-time-logo"></use> </svg> </a></div><nav class="ot-nav" id="otPrimaryNav" aria-label="Primary"><ul id="menu-header-menu" class="ot-nav-list"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234758"><a href="https://oracleoftime.com/latest/">Latest</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-230030"><button type="button" class="menu-toggle-parent" aria-expanded="false">Sections</button><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229753"><a href="https://oracleoftime.com/watches/new-releases/">New Releases</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229754"><a href="https://oracleoftime.com/watches/guides/">Guides</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229755"><a href="https://oracleoftime.com/watches/reviews/">Reviews</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-234757"><a href="https://oracleoftime.com/watches/industry-news/">Industry News</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229756"><a href="https://oracleoftime.com/watches/watch-culture/">Watch Culture</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-234756"><a href="/tag/interview">Interviews</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229757"><a href="https://oracleoftime.com/watches/in-focus/">In Focus</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-234862"><a href="https://oracleoftime.com/lifestyle/">Lifestyle News</a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-229751"><button type="button" class="menu-toggle-parent" aria-expanded="false">Types/Styles</button><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229758"><a href="/tag/dive-watches">Dive Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229759"><a href="/tag/dress-watches">Dress Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229760"><a href="/tag/sports-watches">Sports Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229761"><a href="/tag/pilots-watches">Pilot’s Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229766"><a href="/tag/chronograph">Chronograph</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229763"><a href="/tag/gmt">GMT Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229762"><a href="/tag/field-watches">Field Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229771"><a href="/tag/calendar-watches">Calendar Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229765"><a href="/tag/skeleton-watches">Skeleton Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229767"><a href="/tag/tourbillon">Tourbillon</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229768"><a href="/tag/world-timer">World Timer</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229770"><a href="/tag/moonphase">Moonphase</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229764"><a href="/tag/integrated-bracelet">
11900Integrated Bracelet</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-235213"><a href="/tag/microbrand">Microbrand</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229774"><a href="/tag/haute-horology">Haute Horology</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-229783"><a href="https://oracleoftime.com/accessories/">Accessories</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229786"><a href="https://oracleoftime.com/accessories/watch-straps/">Straps</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-229785"><a href="https://oracleoftime.com/accessories/watch-storage/">Winders, Rolls & Safes</a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229776"><a href="/watch-awards">Watch Awards 2026</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-235209"><a href="https://oracleoftime.com/events-calendar/">Calendar</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229821"><a href="/watch-brands">Brands</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-229779"><button type="button" class="menu-toggle-parent" aria-expanded="false">Subscribe</button><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-234928"><a href="/signup">Create OT Account</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-229780"><a href="https://oracleoftime.com/membership/">Membership</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234930"><a href="https://oracleoftime.com/buy-annual-subscription/">Magazine</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234780"><a href="https://oracleoftime.com/buy-oracle-time-magazine-single-issue/">Get Issue 126</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234931"><a href="https://oracleoftime.com/newsletter-sign-up/">Newsletter</a></li></ul></li></ul></nav><div class="ot-sign"> <a class="ot-btn" href="/login" aria-label="Sign in"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <path d="M20 21a8 8 0 0 0-16 0" /> <circle cx="12" cy="7" r="4" /> </svg> </a> <span class="sign-in-text">SIGN UP / IN</span></div><div class="ot-actions"> <button class="ot-search" id="otDesktopSearchBtn" type="button" aria-label="Search"> <svg class="ot-ico ot-ico--search" viewBox="0 0 24 24" aria-hidden="true"> <circle cx="11" cy="11" r="7"></circle> <path d="M20 20l-3.2-3.2"></path> </svg> <svg class="ot-ico ot-ico--close" viewBox="0 0 24 24" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg> </button></div></div><div class="ot-searchdrop" id="otSearchDrop" aria-hidden="true"><div class="ot-wrap ot-searchdrop-inner"><form class="ot-searchdrop-form" role="search" method="get" action="https://oracleoftime.com/"> <button class="ot-searchdrop-submit" type="submit" aria-label="Submit search"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <circle cx="11" cy="11" r="7"></circle> <path d="M20 20l-3.2-3.2"></path> </svg> </button> <input class="ot-searchdrop-input" type="search" name="s" value="" placeholder="Searchâ¦" 11901 autocomplete="off" /> <button class="ot-searchdrop-close" id="otSearchDropClose" type="button" aria-label="Clear search"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg> </button></form></div></div></div><div class="ot-backdrop" id="otBackdrop" aria-hidden="true"></div><div class="ot-searchbackdrop" id="otSearchBackdrop" aria-hidden="true"></div><aside class="ot-drawer" id="otDrawer" aria-hidden="true" aria-label="Mobile menu"><div class="ot-mmenu__scroll"><div class="ot-mmenu__head"> <a class="ot-mmenu__logo" href="/" aria-label="Homepage"> <svg class="ot-logo-svg" role="img" aria-label="Oracle Time logo"> <use href="#oracle-time-logo"></use> </svg> </a> <button type="button" class="ot-mmenu__close" id="otMenuClose" aria-label="Close menu"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg> </button></div><div class="ot-mmenu__search"><form class="ot-mmenu__search-form" role="search" method="get" action="https://oracleoftime.com/"> <button class="ot-mmenu__search-submit" type="submit" aria-label="Submit search"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <circle cx="11" cy="11" r="7"></circle> <path d="M20 20l-3.2-3.2"></path> </svg> </button> <input class="ot-mmenu__search-input" type="search" name="s" placeholder="Searchâ¦" autocomplete="off" /> <button class="ot-mmenu__search-cleartext" id="otMobileSearchClearText" type="button" aria-label="Clear search"> <svg class="ot-ico" viewBox="0 0 24 24" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg> </button></form></div><div class="ot-mmenu__account-row"> <a href="/login"> Login / Sign Up </a></div><ul class="ot-mmenu__list"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-228664"><a href="https://oracleoftime.com/latest/">Latest</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-230042"><button type="button" class="menu-toggle-parent" aria-expanded="false">Sections</button><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228667"><a href="https://oracleoftime.com/watches/new-releases/">New Releases</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228668"><a href="https://oracleoftime.com/watches/reviews/">Reviews</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228669"><a href="https://oracleoftime.com/watches/guides/">Guides</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-234754"><a href="https://oracleoftime.com/watches/industry-news/">Industry News</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228670"><a href="https://oracleoftime.com/watches/watch-culture/">Watch Culture</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-234755"><a href="/tag/interview">Interviews</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228671"><a href="https://oracleoftime.com/watches/in-focus/">In Focus</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228731"><a href="https://oracleoftime.com/lifestyle/">Lifestyle News</a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-228672"><button type="button" class="menu-toggle-parent" aria-expanded="false">Types/Styles</button><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228673"><a href="/tag/dive-watches/">Dive Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228674"><a href="/tag/dress-watches/">Dress Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228675"><a href="/tag/sports-watches/">Sports Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228676"><a href="/tag/pilots-watches/">Pilot’s Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228677"><a href="/tag/field-watches">Field Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228678"><a href="/tag/gmt">GMT Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228683"><a href="/tag/integrated-bracelet">
11901Integrated Bracelet</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228679"><a href="/tag/skeleton-watches/">Skeleton Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228680"><a href="/tag/chronograph/">Chronograph</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228681"><a href="/tag/tourbillon/">Tourbillon</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228688"><a href="/tag/world-timer/">World Timer</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228684"><a href="/tag/moonphase">Moonphase</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228685"><a href="/tag/calendar-watches">Calendar Watches</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-235212"><a href="/tag/microbrand/">Microbrand</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-228689"><a href="/tag/haute-horology/">Haute Horology</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-228735"><a href="https://oracleoftime.com/accessories/">Accessories</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-228695"><a href="https://oracleoftime.com/watch-awards/">Watch Awards 2026</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-235210"><a href="https://oracleoftime.com/events-calendar/">Calendar</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-229854"><a href="/watch-brands">Brands</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-228690"><button type="button" class="menu-toggle-parent" aria-expanded="false">Subscribe</button><ul class="sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-234927"><a href="/signup">Create OT Account</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-228691"><a href="https://oracleoftime.com/membership/">Membership</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234782"><a href="https://oracleoftime.com/buy-annual-subscription/">Magazine</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234723"><a href="https://oracleoftime.com/buy-oracle-time-magazine-single-issue/">Get Issue 126</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234932"><a href="https://oracleoftime.com/newsletter-sign-up/">Newsletter</a></li></ul></li></ul><section class="ot-mmenu__social-block" aria-label="Follow Oracle Time"><div class="ot-mmenu__social"> <a class="ot-mmenu__social-link" href="https://www.instagram.com/oracletime/" target="_blank" rel="noopener" aria-label="Instagram"> <svg class="ot-mmenu__social-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="3" y="3" width="18" height="18" rx="5"/> <circle cx="12" cy="12" r="4.2"/> <circle cx="17.2" cy="6.8" r="0.6" fill="currentColor" stroke="none"/> </svg> </a> <a class="ot-mmenu__social-link" href="https://www.youtube.com/channel/UCFtxeDDJ6Lz_h7dwmGVJOeg" target="_blank" rel="noopener" aria-label="YouTube"> <svg class="ot-mmenu__social-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="2.5" y="5.5" width="19" height="13" rx="4"/> <path d="M10 9.2v5.6l5-2.8z" fill="currentColor" stroke="none"/> </svg> </a> <a class="ot-mmenu__social-link" href="https://www.tiktok.com/@oracletime" target="_blank" rel="noopener" aria-label="TikTok"> <svg class="ot-mmenu__social-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M14.5 3.5v10.8a3.9 3.9 0 1 1-3.9-3.9"/> <path d="M14.5 5.2c.6 2.6 2.5 4.1 5 4.3"/> </svg> </a></div></section><div class="ot-mmenu__footer"><nav class="ot-mmenu__links" aria-label="Site links"> <a href="/about">About</a> <a href="/contact">Contact</a> <a href="/terms-conditions">T&Cs</a> <a href="/privacy-policy">Privacy Policy</a></nav></div></div></aside></nav> <style> /* Base email input styling */ 11902 .site-footer input[type="email"] { 11903 width: 100%; 11904 font-size: 16px; /* â Controls text size */ 11905 line-height: 1.4; 11906 font-family: inherit; 11907 color: #111827; 11908 padding: 10px 12px; 11909 border: 1px solid #d0d5dd; 11910 border-radius: 8px; 11911 background-color: #ffffff; 11912 -webkit-appearance: none; 11913 appearance: none; 11914 transition: border-color 0.2s ease, box-shadow 0.2s ease; 11915 } 11916 /* Focus state */ 11917 .site-footer input[type="email"]:focus { 11918 outline: none; 11919 } 11920 /* Placeholder styling */ 11921 .site-footer input[type="email"]::placeholder { 11922 font-size: 16px; 11923 color: #6b7280; 11924 opacity: 1; /* Safari default is lower opacity */ 11925 font-family: inherit; 11926 } 11927 /* Autofill - Chrome, Edge, Safari */ 11928 .site-footer input[type="email"]:-webkit-autofill, 11929 .site-footer input[type="email"]:-webkit-autofill:hover, 11930 .site-footer input[type="email"]:-webkit-autofill:focus { 11931 font-size: 16px !important; 11932 -webkit-text-fill-color: #111827; 11933 font-family: inherit; 11934 caret-color: #111827; 11935 box-shadow: 0 0 0 1000px #ffffff inset !important; /* overwrite yellow background */ 11936 border: 1px solid #d0d5dd; 11937 transition: background-color 9999s ease, color 9999s ease; 11938 } 11939 /* Autofill - Firefox */ 11940 .site-footer input[type="email"]:-moz-autofill { 11941 font-size: 16px !important; 11942 -moz-text-fill-color: #111827; 11943 font-family: inherit; 11944 caret-color: #111827; 11945 box-shadow: 0 0 0 1000px #ffffff inset; 11946 border: 1px solid #d0d5dd; 11947 } 11948 #text-29 { 11949 width:100%; 11950 max-width: 400px; 11951 margin: 0 auto; 11952 } 11953 .footer-submenu p { 11954 margin-bottom: 0px; 11955 color: rgba(249, 249, 249, 0.7); 11956 font-size: 11px; 11957 line-height: 1rem; 11958 letter-spacing: 0.025rem; 11959 text-align: center; 11960 } .site-footer { 11961 background: #f9f9f9; 11962 border-top: 1px solid #eee; 11963 float: none !important; 11964 } 11965 .site-footer .container { 11966 padding: 0 10px; 11967 padding-bottom: 2rem; 11968 margin: 0 auto; 11969 max-width: 1240px; 11970 } 11971 .site-footer .widget { 11972 background: none; 11973 border: none; 11974 text-align: center; 11975 padding: 10px 20px 15px; 11976 margin-bottom: 0px; 11977 padding-bottom: 0px; 11978 } 11979 .site-footer h3, .footer-header { 11980 text-align: center; 11981 font-size: 1.8rem; 11982 font-weight: 500; 11983 letter-spacing: 0.5px; 11984 color: #222; 11985 border-bottom: 1px solid #ddd; 11986 padding-bottom: 20px; 11987 padding-top: 10px; 11988 } 11989 .site-footer .widget li a { 11990 color: #333; 11991 font-size: 14px; 11992 font-weight: 400; 11993 } 11994 .site-footer input[type=submit] { 11995 text-transform: uppercase; 11996 letter-spacing: 1px; 11997 color: #222; 11998 border: 1px solid #aaa; 11999 border-radius: 0; 12000 Outline: none; 12001 font-size: 12px; 12002 font-weight: 500; 12003 line-height: 43px; 12004 padding: 8px 60px; 12005 width: 100%; 12006 max-width: 400px; 12007 } 12008 .site-footer input[type=email] { 12009 background: none; 12010 box-shadow: none; 12011 border-width: 0 0 1px 0; 12012 border-color: #ccc; 12013 margin-bottom: 0.8rem; 12014 text-align: center; 12015 border-bottom: 1px solid rgba(0, 0, 0, .1);
12016 height: 42px; 12017 padding: 0 20px 0 10px; 12018 line-height: normal; 12019 width: 100%; 12020 line-height: normal; 12021 width: 100%; 12022 border-radius: 0; 12023 color: #666; 12024 max-width: 600px; 12025 } 12026 * { 12027 box-sizing: border-box; 12028 } 12029 .site-footer input[type=submit]:focus, .site-footer input[type=submit]:active, .site-footer input[type=submit]:hover { 12030 border-color: #000; 12031 border: 1px solid #555; 12032 border-radius: 0; 12033 background-image: none; 12034 background-color: #111 !important; 12035 color: #fff; 12036 } 12037 #mc4wp-form-1 .terms { 12038 display: flex; 12039 align-items: center; 12040 justify-content: center; 12041 gap: 2px; 12042 font-size: 1.12rem !important; 12043 color: #666; 12044 line-height: 1.6; 12045 } 12046 .site-footer h3, .footer-header { 12047 font-family: "DomaineDisplayWeb-Regular", sans-serif !important; 12048 } 12049 #mc4wp-form-1 .terms a:hover { 12050 color: #4c51bf; 12051 text-decoration: underline; 12052 } #footer_social_links a:hover, #footer_navigation_links a:hover { 12053 color: #777; 12054 } 12055 .bit-3:last-child { 12056 width: 100%; 12057 } 12058 .site-footer [class*=bit-]:first-child .widget { 12059 margin-top: 0; 12060 } 12061 @media (min-width: 1023px) { 12062 .site-footer .container { 12063 padding: 0 10px; 12064 padding-bottom: 5rem; 12065 margin: 0 auto; 12066 max-width: 1240px; 12067 } 12068 } 12069 @media screen and (min-width: 768px) { 12070 .site-footer [class*=bit-] { 12071 width: 33.333%; 12072 float: left; 12073 } 12074 .bit-3:last-child { 12075 width: 33.333%; 12076 } 12077 } 12078 @media only screen and (min-width: 1023px) { 12079 .site-footer h3, .footer-header { 12080 font-size: 2.24rem; 12081 } 12082 } 12083 .footer-submenu, .site-footer { 12084 letter-spacing: 0; 12085 } 12086 .archive-container, .page-title-container { 12087 text-align: center; 12088 } 12089 .footer-submenu-wrapper { 12090 letter-spacing: 0; 12091 } 12092 .site-footer { 12093 font-family: 'Mulish', sans-serif; 12094 color: var(--ink); 12095 font-weight: 400; 12096 } 12097 .vce-search-form { 12098 display: inline-block; 12099 width: 100%; 12100 padding: 3rem 0rem; 12101 } 12102 #sidebar-overlay { 12103 position: fixed; 12104 inset: 0; 12105 display: none; /* toggled via JS */ 12106 background: rgba(0,0,0,.5); 12107 /* z-index set in JS to be just under Sidr */ 12108 pointer-events: auto; 12109 } 12110 /* Optional: lock scroll while drawer is open */
12111 body.sidr-open { overscroll-behavior: none; } 12112 .display-block { 12113 display: block; 12114 } </style> <style> @font-face { 12115 font-family: 'DomaineDisplayWeb-Regular'; 12116 src: url('/wp-content/themes/voice-child/fonts/DomaineDisplayWeb-Regular/domaine-display-medium.woff2') format('woff2'); 12117 font-weight: 400; 12118 font-style: normal; 12119 font-display: swap; 12120 } 12121 @font-face { 12122 font-family: 'Mulish'; 12123 src: url('/wp-content/themes/voice-child/fonts/Mulish/Mulish-Light.woff2') format('woff2'); 12124 font-weight: 300; 12125 font-style: normal; 12126 font-display: swap; 12127 } 12128 @font-face { 12129 font-family: 'Mulish'; 12130 src: url('/wp-content/themes/voice-child/fonts/Mulish/Mulish-Regular.woff2') format('woff2'); 12131 font-weight: 400; 12132 font-style: normal; 12133 font-display: swap; 12134 } 12135 @font-face { 12136 font-family: 'Mulish'; 12137 src: url('/wp-content/themes/voice-child/fonts/Mulish/Mulish-Medium.woff2') format('woff2'); 12138 font-weight: 500; 12139 font-style: normal; 12140 font-display: swap; 12141 } 12142 @font-face { 12143 font-family: 'Mulish'; 12144 src: url('/wp-content/themes/voice-child/fonts/Mulish/Mulish-SemiBold.woff2') format('woff2'); 12145 font-weight: 600; 12146 font-style: normal; 12147 font-display: swap; 12148 } 12149 @font-face { 12150 font-family: 'Mulish'; 12151 src: url('/wp-content/themes/voice-child/fonts/Mulish/Mulish-Bold.woff2') format('woff2'); 12152 font-weight: 700; 12153 font-style: normal; 12154 font-display: swap; 12155 } 12156 .site-footer .bit-1, 12157 .site-footer .bit-2, 12158 .site-footer .bit-3, 12159 .site-footer .bit-4 { 12160 padding: 0 16px; 12161 } 12162 .footer-submenu { 12163 list-style: none; 12164 margin: 0; 12165 padding: 0; 12166 } 12167 .footer-submenu li { 12168 margin: 0 0 8px; 12169 } 12170 .footer-submenu a { 12171 font-size: 11px; 12172 font-weight: 400; 12173 letter-spacing: .125em; 12174 line-height: 1.6; 12175 color: #eee; 12176 } 12177 .footer-submenu a:hover { 12178 color: #ccc; 12179 } </style><main id="main"><div class="login-page-container"><div class="login-form-container"><div class="login-inner-container"><div class="login-main-container"><div id="login-form-container"><div class="login-header-container"><h3 class="login-header-title">Log in</h3></div><form id="login-form" method="post" ><div class="label-container"> <label for="login-login">Email</label> <span id="error-login-login" class="inline-error-message"></span></div> <input id="login-login" name="email" placeholder="Enter your email address" autocomplete="email"><div class="label-container"> <label for="login-password">Password</label> <span id="error-login-password" class="inline-error-message"></span></div> <input type="password" id="login-password" name="password" placeholder="Enter your password"> <input type="hidden" id="login_nonce" name="login_nonce" value="b8e64ed123"> <button type="submit" class="submit-btn login-button"><span>Login</span><svg aria-hidden="true" focusable="false" data-prefix="fass" data-icon="arrow-right-to-bracket" class="icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M352 96l96 0 0 320-96 0-32 0 0 64 32 0 128 0 32 0 0-32 0-384 0-32-32 0L352 32l-32 0 0 64 32 0zm-9.4 182.6L365.3 256l-22.6-22.6-128-128L192 82.7 146.7 128l22.6 22.6L242.7 224 32 224 0 224l0 64 32 0 210.7 0-73.4 73.4L146.7 384 192 429.3l22.6-22.6 128-128z"></path></svg></button></form></div><div id="signup-form-container" style="display: none;"><div class="login-header-container"><h3 class="login-header-title">Sign Up</h3></div><form id="custom_signup_form" action="" method="post" ><div class="label-container"> <label for="email">Email *</label> <span id="error-email" class="inline-error-message"></span></div> <input id="email" name="email" placeholder="Enter your email address"><div class="label-container"> <label for="username">Choose a username *</label> <span id="error-username" class="inline-error-message"></span></div> <input type="text" id="username" name="username" placeholder=""><div class="username-disclaimer">Between 3 - 19 characters, no spaces, no special characters.</div><div class="password-fields-container"><div class="password-fields"><div class="label-container"> <label for="password">Choose a password *</label> <span id="error-password" class="inline-error-message"></span></div> <input type="password" id="password" name="password" placeholder=""></div><div class="password-fields"><div class="label-container"> <label for="confirm-password">Confirm password *</label> <span id="error-confirm-password" class="inline-error-message"></span></div> <input type="password" id="confirm-password" name="confirm_password" placeholder=""></div></div><div class="label-container tickbox-container"> <label class="custom-checkbox"> <input type="checkbox" id="newsletter-checkbox" name="newsletter_checkbox" value="1"> <span class="custom-checkbox-box"></span> Subscribe to newsletter? </label></div> <input type="hidden" id="signup_nonce" name="signup_nonce" value="8e9e0d360a"> <button type="submit" class="submit-btn login-button"><span>Create Profile</span><svg aria-hidden="true" focusable="false" data-prefix="fass" data-icon="arrow-right-to-bracket" class="icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
12179<path fill="currentColor" d="M352 96l96 0 0 320-96 0-32 0 0 64 32 0 128 0 32 0 0-32 0-384 0-32-32 0L352 32l-32 0 0 64 32 0zm-9.4 182.6L365.3 256l-22.6-22.6-128-128L192 82.7 146.7 128l22.6 22.6L242.7 224 32 224 0 224l0 64 32 0 210.7 0-73.4 73.4L146.7 384 192 429.3l22.6-22.6 128-128z"></path></svg></button></form></div><div id="form-result" class="form-result"></div><div class="login-additional-info additional-info"><p><a href="/reset-password/">Forgot your password?</a></p><h3>Don't have an account?</h3> <a id="toggle-button" class="login-toggle"> <span>Sign up here, it'll only take a moment</span> </a></div><div class="signup-additional-info additional-info" style="display: none;"><p class="signup-disclaimer">By signing up for an Oracle Time account, you agree to the <a href="/terms-conditions/">Terms and Conditions</a> and to receive email communications from Oracle Time. Your subscription and preferences can be changed at any time.</p> <a id="toggle-button-signup" class="login-toggle" style="width: 100%;"> <span>Already have an account?</span> </a></div></div></div></div></div>
12179<script> document.addEventListener('DOMContentLoaded', function () { 12180 const loginFormContainer = document.getElementById('login-form-container'); 12181 const signupFormContainer = document.getElementById('signup-form-container'); 12182 const loginAdditionalInfo = document.querySelector('.login-additional-info'); 12183 const signupAdditionalInfo = document.querySelector('.signup-additional-info'); 12184 const formResult = document.getElementById('form-result'); 12185 // Function to clear all form errors and messages 12186 function clearFormErrors() { 12187 // Clear main form result message 12188 formResult.innerHTML = ''; 12189 formResult.classList.remove('error-message', 'success-message'); 12190 // Clear custom error styles and inline messages 12191 document.querySelectorAll('.custom-form-error').forEach((element) => { 12192 element.classList.remove('custom-form-error'); 12193 }); 12194 document.querySelectorAll('.inline-error-message').forEach((element) => { 12195 element.innerHTML = ''; 12196 }); 12197 } 12198 function showLoginForm() { 12199 clearFormErrors(); // Clear errors when switching forms 12200 signupFormContainer.style.display = 'none'; 12201 loginFormContainer.style.display = 'block'; 12202 loginAdditionalInfo.style.display = 'block'; 12203 signupAdditionalInfo.style.display = 'none'; 12204 // Move form-result below the login form button 12205 const loginButton = document.querySelector('#login-form .submit-btn'); 12206 loginButton.insertAdjacentElement('afterend', formResult); 12207 } 12208 function showSignupForm() { 12209 clearFormErrors(); // Clear errors when switching forms 12210 loginFormContainer.style.display = 'none'; 12211 signupFormContainer.style.display = 'block'; 12212 loginAdditionalInfo.style.display = 'none'; 12213 signupAdditionalInfo.style.display = 'block'; 12214 // Move form-result below the signup form button 12215 const signupButton = document.querySelector('#custom_signup_form .submit-btn'); 12216 signupButton.insertAdjacentElement('afterend', formResult); 12217 } 12218 // Event listeners for toggle buttons 12219 document.getElementById('toggle-button').addEventListener('click', showSignupForm); 12220 document.getElementById('toggle-button-signup').addEventListener('click', showLoginForm); 12221 // Default to whichever auth form the current route asked for. 12222 // The /login/signup/ route opens the sign-up form; everything else 12223 // opens the log-in form. 12224 if (false) { 12225 showSignupForm(); 12226 } else { 12227 showLoginForm(); 12228 } 12229 showVerificationMessageFromURL(); 12230 function showVerificationMessageFromURL() { 12231 const params = new URLSearchParams(window.location.search); 12232 const verification = params.get('verification'); 12233 if (!verification) return; 12234 let message = ''; 12235 let typeClass = 'success-message'; 12236 if (verification === 'success') { 12237 message = 'Your email has been verified. You can now log in.'; 12238 typeClass = 'success-message'; 12239 } 12240 if (verification === 'already_verified') { 12241 message = 'Your email is already verified. You can log in.'; 12242 typeClass = 'success-message'; 12243 } 12244 if (verification === 'failed') { 12245 message = 'This verification link is invalid or has expired.'; 12246 typeClass = 'error-message'; 12247 } 12248 if (!message) return; 12249 formResult.classList.add('has-message'); 12250 formResult.innerHTML = '<p class="' + typeClass + ' verification-auto-message">' + message + '</p>'; 12251 const cleanUrl = window.location.origin + window.location.pathname; 12252 window.history.replaceState({}, document.title, cleanUrl); 12253 setTimeout(function () { 12254 const msg = formResult.querySelector('.verification-auto-message'); 12255 if (msg) { 12256 msg.classList.add('is-fading-out'); 12257 setTimeout(function () { 12258 formResult.innerHTML = ''; 12259 formResult.classList.remove('has-message'); 12260 }, 500); 12261 } 12262 }, 6000); 12263 } 12264 }); 12265 jQuery(document).ready(function ($) { 12266 // Add a class to the main container to remove opacity class 12267 $('.membership-form-container').addClass('remove-opacity'); 12268 function refreshNonces() { 12269 $.ajax({ 12270 type: 'POST', 12271 url: ajax_object.ajax_url, 12272 data: { action: 'generate_fresh_nonces' }, 12273 success: function (response) { 12274 if (response.success) { 12275 // Update nonces in hidden fields directly 12276 $('#login_nonce').val(response.data.login_nonce); 12277 $('#signup_nonce').val(response.data.signup_nonce); 12278 $('#logout_nonce').val(response.data.logout_nonce); 12279 } 12280 } 12281 }); 12282 } 12283 // Call refreshNonces on page load to get fresh nonces 12284 refreshNonces(); 12285 function clearFormMessages() { 12286 $('#form-result').empty().removeClass('error-message success-message'); 12287 $('#payment-error-message').hide().text(''); 12288 } 12289 // Function to validate email format 12290 function validateEmail(email) { 12291 var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 12292 return emailPattern.test(String(email || '').trim()); 12293 } 12294 // Function to validate password (minimum 8 characters, no spaces) 12295 function validatePassword(password) { 12296 var hasNoSpaces = !/\s/.test(password); 12297 var isValidLength = password.length >= 8; 12298 return isValidLength && hasNoSpaces; 12299 } 12300 // Function to validate username (between 3-19 characters, no special characters except underscores and hyphens) 12301 function validateUsername(username) { 12302 var usernamePattern = /^[a-zA-Z0-9_-]{3,19}$/; 12303 return usernamePattern.test(username); 12304 } 12305 // Function to validate and show email errors (reusable for login and sign-up) 12306 function validateAndShowEmailError(email, inputSelector, errorSelector) { 12307 if (!email) { 12308 $(inputSelector).addClass('custom-form-error'); 12309 $(errorSelector).text('Required'); 12310 return false;
12311 } else if (!validateEmail(email)) { 12312 $(inputSelector).addClass('custom-form-error'); 12313 $(errorSelector).text('Please enter a valid email address'); 12314 return false; 12315 } else { 12316 $(inputSelector).removeClass('custom-form-error'); 12317 $(errorSelector).empty(); 12318 return true; 12319 } 12320 } 12321 // Synchronization of values between login and signup forms 12322 function syncFields(sourceSelector, targetSelector) { 12323 $(sourceSelector).on('input', function () { 12324 var value = $(this).val(); 12325 $(targetSelector).val(value); 12326 }); 12327 $(sourceSelector).on('blur', function () { 12328 if (!$(this).val()) { 12329 $(targetSelector).val(''); 12330 } 12331 }); 12332 } 12333 // Sync email and password between login and signup forms 12334 syncFields('#login-login', '#email'); 12335 syncFields('#email', '#login-login'); 12336 syncFields('#login-password', '#password'); 12337 syncFields('#password', '#login-password'); 12338 // Event listener to remove error styling when user types 12339 $('#login-form input, #custom_signup_form input').on('input', function () { 12340 const inputId = $(this).attr('id'); 12341 if (inputId) { 12342 $(this).removeClass('custom-form-error'); 12343 $(`#error-${inputId}`).empty(); 12344 $(this).closest('.label-container').find('.inline-error-message').empty(); 12345 } 12346 }); 12347 // Function to disable forms and clear inputs after login/signup 12348 function disableFormsAndClearInputs() { 12349 $('#login-form-container, #signup-form-container').addClass('disabled-form'); 12350 $('#login-form input, #custom_signup_form input, #login-form button, #custom_signup_form button').prop('disabled', true); 12351 $('#login-form input[type=text], #login-form input[type=password], #custom_signup_form input[type=text], #custom_signup_form input[type=email], #login-form input[type=email], #custom_signup_form input[type=password]').val(''); 12352 } 12353 // Function to show the logout button 12354 function showLogoutButton() { 12355 $('#logout-container').html('<button id="logout-button" class="membership-logout-btn">Log out</button>'); 12356 } 12357 // Function to show the logout message 12358 function showLogoutMessage() { 12359 $('#form-result').html('<p class="success-message">You have been successfully logged out.</p>'); 12360 } 12361 // General function to clear error messages on input 12362 function setupInputClearance(formSelector) { 12363 $(formSelector + ' input').on('input', function () { 12364 clearFormMessages(); 12365 }); 12366 } 12367 // Setup input clearance for login and signup forms 12368 setupInputClearance('#login-form'); 12369 setupInputClearance('#custom_signup_form'); 12370 // Toggle between login and signup forms 12371 $('#toggle-button').click(function () { 12372 clearFormMessages(); 12373 $('#login-form-container').hide(); 12374 $('#signup-form-container').show(); 12375 $('#lost-password-button').hide(); 12376 }); 12377 $('#toggle-button-signup').click(function () { 12378 clearFormMessages(); 12379 $('#signup-form-container').hide(); 12380 $('#login-form-container').show(); 12381 $('#lost-password-button').show(); 12382 }); 12383 $('#lost-password-button').click(function () { 12384 window.location.href = '/password-reset/'; 12385 }); 12386 $('#custom_signup_form').submit(function (e) { 12387 e.preventDefault(); 12388 clearFormMessages(); 12389 var email = $('#email').val(); 12390 var username = $('#username').val(); 12391 var password = $('#password').val(); 12392 var confirmPassword = $('#confirm-password').val(); 12393 var signupNonce = $('#signup_nonce').val(); 12394 var hasError = false; 12395 var mainErrors = []; 12396 // â Get newsletter checkbox value (1 if checked, 0 if unchecked) 12397 var newsletterOptIn = $('#newsletter-checkbox').is(':checked') ? 1 : 0; 12398 // Email validation 12399 if (!email) { 12400 $('#email').addClass('custom-form-error'); 12401 $('#error-email').text('Required'); 12402 hasError = true; 12403 } else if (!validateEmail(email)) { 12404 mainErrors.push('Please enter a valid email address.'); 12405 $('#email').removeClass('custom-form-error'); 12406 $('#error-email').text(''); 12407 } 12408 // Username validation 12409 if (!username) { 12410 $('#username').addClass('custom-form-error'); 12411 $('#error-username').text('Required'); 12412 hasError = true; 12413 } else if (!validateUsername(username)) { 12414 mainErrors.push('Username must be between 3-19 characters and contain only letters, numbers, underscores, or hyphens.'); 12415 $('#username').removeClass('custom-form-error'); 12416 $('#error-username').text(''); 12417 } 12418 // Password validation 12419 if (!password) { 12420 $('#password').addClass('custom-form-error'); 12421 $('#error-password').text('Required'); 12422 hasError = true; 12423 } else if (!validatePassword(password)) { 12424 mainErrors.push('Password must be at least 8 characters long with no spaces.'); 12425 $('#password').removeClass('custom-form-error'); 12426 $('#error-password').text(''); 12427 } 12428 // Confirm password validation 12429 if (!confirmPassword) { 12430 $('#confirm-password').addClass('custom-form-error'); 12431 $('#error-confirm-password').text('Required'); 12432 hasError = true; 12433 } else if (password !== confirmPassword) { 12434 mainErrors.push('Passwords do not match.'); 12435 $('#confirm-password').removeClass('custom-form-error'); 12436 $('#error-confirm-password').text(''); 12437 } 12438 // Display error messages 12439 if (mainErrors.length > 0) { 12440 $('#form-result').html('<p class="error-message">' + mainErrors.join('<br>') + '</p>'); 12441 hasError = true; 12442 } 12443 if (hasError) return; 12444 // Disable Submit Button to Prevent Multiple Clicks 12445 $('.submit-btn.login-button').prop('disabled', true); 12446 console.log("Submitting AJAX signup request..."); 12447 // â Include `newsletter_checkbox` value in AJAX request 12448 $.ajax({ 12449 type: 'POST', 12450 url: ajax_object.ajax_url, 12451 dataType: 'json', 12452 data: { 12453 action: 'custom_signup_double_opt', 12454 username: username, 12455 email: email, 12456 password: password, 12457 signup_nonce: signupNonce, 12458 newsletter_checkbox: newsletterOptIn 12459 }, 12460 success: function (response) { 12461 console.log("Signup AJAX Response:", response); 12462 try { 12463 let jsonResponse = typeof response === 'object' ? response : JSON.parse(response); 12464 if (jsonResponse.success) { 12465 $('#form-result').html('<p class="success-message">' + (jsonResponse.message || 'Sign-up successful! Please check your email.') + '</p>'); 12466 // Reset Forms 12467 $('#custom_signup_form')[0].reset(); 12468 $('#login-form')[0].reset(); 12469 // Remove Error Styles 12470 $('.custom-form-error').removeClass('custom-form-error'); 12471 $('.inline-error-message').empty(); 12472 // Refresh Nonce 12473 $.ajax({ 12474 type: 'POST', 12475 url: ajax_object.ajax_url, 12476 data: { action: 'generate_fresh_nonces' }, 12477 success: function (nonceResponse) { 12478 console.log("Nonce Refresh Response:", nonceResponse); 12479 if (nonceResponse.success) { 12480 $('#signup_nonce').val(nonceResponse.data.signup_nonce); 12481 } 12482 } 12483 }); 12484 // Remove lingering event listeners 12485 $('#custom_signup_form input').off('input'); 12486 } else { 12487 $('#form-result').html('<p class="error-message">' + (jsonResponse.message || 'Registration failed.') + '</p>'); 12488 } 12489 } catch (error) { 12490 console.error("JSON Parse Error:", error, response); 12491 $('#form-result').html('<p class="error-message">Unexpected response from server.</p>'); 12492 } 12493 }, 12494 error: function (xhr, status, error) { 12495 console.error('Signup AJAX error:', { 12496 status: status, 12497 error: error, 12498 responseText: xhr.responseText 12499 }); 12500 $('#form-result').html('<p class="error-message">Registration failed. Please try again.</p>'); 12501 }, 12502 complete: function () { 12503 $('.submit-btn.login-button').prop('disabled', false); 12504 } 12505 }); 12506 }); // Login form submission 12507 $('#login-form').submit(function (event) { 12508 event.preventDefault(); 12509 clearFormMessages(); 12510 var email = $('input[name=email]').val(); 12511 var password = $('input[name=password]').val(); 12512 var hasError = false;
12513 if (!validateAndShowEmailError(email, 'input[name=email]', '#error-login-login')) hasError = true; 12514 if (!password) { 12515 $('input[name=password]').addClass('custom-form-error'); 12516 $('#error-login-password').text('Required'); 12517 hasError = true; 12518 } 12519 if (hasError) return; 12520 $.ajax({ 12521 type: 'POST', 12522 dataType: 'json', 12523 url: ajax_object.ajax_url, 12524 data: { 12525 action: 'ajax_login', 12526 login: email, 12527 password: password, 12528 nonce: $('#login_nonce').val() 12529 }, 12530 success: function (data) { 12531 if (data.loggedin) { 12532 console.log('User logged in successfully'); 12533 // â Broadcast login event to all tabs 12534 const loginChannel = new BroadcastChannel('user-login'); 12535 loginChannel.postMessage({ action: 'login' }); 12536 window.location.reload(); // Refresh the current tab 12537 } else { 12538 $('#form-result').html('<p class="error-message">' + data.message + '</p>'); 12539 } 12540 }, 12541 error: function () { 12542 $('#form-result').html('<p class="error-message">Login failed. Please try again.</p>'); 12543 } 12544 }); 12545 }); 12546 }); </script>
12546</main><footer id="footer" class="site-footer"><div class="container"><div class="container-fix"><div class="bit-3"><div id="text-30" class="widget widget_text"><div class="textwidget"><div class="footer-header">Company</div></div></div><div id="custom_html-13" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="footer_navigation_links"><ul><li><a href="/about">About</a></li><li><a href="/contact">Contact</a></li><li><a href="/meet-the-team">The Team</a></li><li><a href="/contributors">Contributors</a></li><li><a href="/careers">Careers</a></li></ul></div></div></div></div><div class="bit-3"><div id="text-31" class="widget widget_text"><div class="textwidget"><div class="footer-header">Follow</div></div></div><div id="custom_html-12" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="footer_social_links"><ul><li><a href="https://www.instagram.com/oracletime/" alt="Instagram" target="_blank">Instagram</a></li><li><a href="https://www.tiktok.com/@oracletime" alt="Tiktok" target="_blank">TikTok</a></li><li><a href="https://www.youtube.com/channel/UCFtxeDDJ6Lz_h7dwmGVJOeg" alt="Youtube" target="_blank">YouTube</a></li></ul></div></div></div></div><div class="bit-3"><div id="text-32" class="widget widget_text"><div class="textwidget"><div class="footer-header">Join Our Newsletter</div></div></div><div id="text-29" class="widget widget_text"><div class="textwidget"><!-- Mailchimp for WordPress v4.14.1 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-52434 mc4wp-ajax" method="post" data-id="52434" data-name="Footer Newsletter (Active)" ><div class="mc4wp-form-fields"><div class="footer-custom-container"><p> <label> <span style="display: none">Email address:</span> <input 12547 type="email" 12548 name="EMAIL" 12549 placeholder="Your email address" 12550 autocomplete="email" 12551 /> </label> <label> <input type="hidden" name="INTERESTS[471c0e2c1a]" value="true" /> <input type="hidden" name="INTERESTS[6f83fbc7b3]" value="true" /> <input type="hidden" name="INTERESTS[4a1fd33a72]" value="true" /> </label></p><p> <input type="submit" value="Subscribe" /></p></div></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1790960620" /><input type="hidden" name="_mc4wp_form_id" value="52434" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin --><div class="terms"><label>By signing up to our newsletter you agree to our <a href="/terms-conditions/" title="Terms & Conditions">T&Cs</a> and <a href="/privacy-policy/" title="Privacy Policy">Privacy Policy</a>.</label></div></div></div></div></div></div> <style> .terms a:hover { 12552 text-decoration: underline; 12553 } 12554 #mc4wp-form-2 .terms { 12555 text-align: left; 12556 } 12557 .footer-submenu p { 12558 margin-bottom: 0px; 12559 color: rgba(249,249,249,0.7); 12560 font-size: 1rem; 12561 line-height: 1rem; 12562 letter-spacing: 0.025rem; 12563 text-align: center; 12564 } 12565 .footer-submenu { 12566 max-width: 1240px; 12567 display: flex; 12568 justify-content: space-evenly; 12569 padding: 14px 20px; 12570 width: 100%; 12571 flex-direction: column; /* Stack vertically and reverse order */ 12572 gap: 20px; 12573 } 12574 .footer-submenu a { 12575 color: #dfdfdf; 12576 text-decoration: none; 12577 font-size: 11px; 12578 } 12579 .footer-submenu-wrapper { 12580 background: #151515; 12581 display: flex; 12582 justify-content: center; 12583 } 12584 .footer-submenu-left { 12585 order: 2; /* Initially placed on the left */ 12586 display: flex; 12587 align-items: center; 12588 justify-content: center; 12589 } 12590 .footer-submenu-right { 12591 order: 1; /* Initially placed on the right */ 12592 display: flex; 12593 justify-content: center; 12594 width: 100%; 12595 flex-wrap: wrap; 12596 gap: 20px; 12597 } 12598 #text-29 { 12599 padding-bottom: 2.1rem; 12600 } 12601 .footer-submenu-wrapper { 12602 background: #1e1e1e; 12603 display: flex; 12604 justify-content: center; 12605 overflow: hidden; /* Add this to prevent overflow */ 12606 } 12607 .footer-submenu a { 12608 color: #dfdfdf; 12609 text-decoration: none; 12610 text-decoration-color: transparent; /* Change underline color on hover */ 12611 text-decoration-line: underline; /* Add underline decoration */ 12612 text-decoration-thickness: 1px; /* Set thickness of underline */ 12613 text-underline-offset: 2px; /* Offset the underline */ 12614 transition: text-decoration-color 0.3s ease; /* Add smooth transition */ 12615 display: flex; 12616 justify-content: center; 12617 align-items: center; 12618 } 12619 .footer-submenu a:hover { 12620 text-decoration-color: #dfdfdf; /* Change underline color on hover */ 12621 } 12622 .footer-submenu .cky-banner-element { 12623 background-color: transparent; 12624 border-radius: 0; 12625 color: #eee; 12626 background-color: transparent; 12627 padding: 0px; 12628 box-sizing: border-box; 12629 border: 1px solid #dfdfdf; 12630 outline: none; 12631 transition: color 0.3s ease, background-color 0.3s ease; 12632 padding: 5px 10px; 12633 font-size: 11px; 12634 } 12635 .footer-submenu .cky-banner-element:hover { 12636 color: #fff; /* Change text color on hover */ 12637 background: #373737; 12638 text-decoration: none; 12639 cursor: pointer; 12640 } 12641 @media (min-width: 1280px) { 12642 .footer-submenu { 12643 justify-content: space-between; 12644 flex-direction: row; 12645 } 12646 .footer-submenu .cky-banner-element { 12647 width: auto; 12648 } 12649 .footer-submenu-left { 12650 order: 1; /* Pushed below the right on smaller screens */ 12651 justify-content: flex-start; 12652 } 12653 .footer-submenu-right { 12654 order: 2; /* Positioned above the left on smaller screens */ 12655 gap: 0 30px; 12656 width: auto; 12657 justify-content: flex-end; 12658 } 12659 .footer-submenu p { 12660 text-align: left; 12661 font-size: 1.1rem; 12662 } 12663 } 12664 .site-footer input[type=email] { 12665 border-radius: 0; 12666 } 12667 .site-footer input[type=submit] { 12668 background: #fff; 12669 } </style><div class="footer-submenu-wrapper"><div class="footer-submenu"><div class="footer-submenu-left"><p>© Oracle Time 2026 Opulent Media Ltd. All Rights Reserved.</p></div><div class="footer-submenu-right menu"> <a href="/about/">About</a> <a href="/contact/">Contact</a> <a href="/terms-conditions/">T&Cs</a> <a href="/privacy-policy/">Privacy Policy</a> <a href="/brands/partners/">Partners</a> <a class="cky-banner-element">Manage Preferences</a></div></div></div></footer> <button id="back-top" type="button" aria-label="Back to top"> <i class="fa fa-angle-up" aria-hidden="true"></i> </button> <!-- Meta Pixel Event Code --> <!-- End Meta Pixel Event Code --> <!-- Meta Pixel Event Code --> <!-- End Meta Pixel Event Code -->
12669<script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/voice-child/*","/wp-content/themes/voice/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script>
12669<div class="popup-container" id="popupContainer" style="display: none;"><div class="popup"><div class="popup-header"> <button class="close-btn" id="newsletter-close-btn" tabindex="-1">Ã</button><div class="popup-header-bg"></div><h2 class="popup-title">Never miss an article with our bi-weekly newsletter.</h2><div class="popup-subtitle-container"><p class="popup-subtitle"> Subscribers receive 15% off OT Club Membership</p> <span class="popup-divider" aria-hidden="true"></span></div></div><div class="popup-content"> <!-- Mailchimp for WordPress v4.14.1 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-2" class="mc4wp-form mc4wp-form-212033 mc4wp-ajax" method="post" data-id="212033" data-name="Newsletter Popup (Active)" ><div class="mc4wp-form-fields"><div class="form-group"> <label class="form-label" for="email">Email Address</label> <input type="email" id="email" name="EMAIL" class="form-input" placeholder="Your e-mail address" required> <input type="hidden" name="INTERESTS[471c0e2c1a]" value="true" /> <input type="hidden" name="INTERESTS[6f83fbc7b3]" value="true" /> <input type="hidden" name="INTERESTS[4a1fd33a72]" value="true" /></div> <button type="submit" class="subscribe-btn">Subscribe Now</button><div class="terms"> <label> By signing up to our newsletter you agree to our <a href="/terms-conditions/" title="Terms & Conditions">T&Cs</a> and <a href="/privacy-policy/" title="Privacy Policy">Privacy Policy</a>. </label></div></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1790960620" /><input type="hidden" name="_mc4wp_form_id" value="212033" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-2" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin --></div></div></div> <!-- Meta Pixel Event Code --> <!-- End Meta Pixel Event Code --><div id="fb-pxl-ajax-code"></div>
12669<script id="subscriber-login-script-js-extra"> var targetTemplates = ["login/login-main-template.php","membership/combined.php","membership/checkout-complete.php","login/brand-offers"]; 12670//# sourceURL=subscriber-login-script-js-extra </script>
12670
12670<script defer id="subscriber-login-script-js" src="https://oracleoftime.com/wp-content/themes/voice-child/login/assets/custom-login-script.js"></script>
12670
12670<script defer id="imagesloaded-js" src="https://oracleoftime.com/wp-includes/js/imagesloaded.min.js"></script>
12670
12670<script id="vce-main-js-extra"> var vce_js_settings = {"sticky_header":"1","sticky_header_offset":"700","sticky_header_logo":"https://oracleoftime.com/wp-content/uploads/2020/09/OT_SVG_Logo-2.svg","logo":"https://oracleoftime.com/wp-content/uploads/2020/09/OT_SVG_Logo-2.svg","logo_retina":"https://oracleoftime.com/wp-content/uploads/2020/09/OT_SVG_Logo-2.svg","logo_mobile":"https://oracleoftime.com/wp-content/uploads/2020/09/OT_SVG_Logo-_small.svg","logo_mobile_retina":"https://oracleoftime.com/wp-content/uploads/2020/09/OT_SVG_Logo-2.svg","rtl_mode":"0","ajax_url":"https://oracleoftime.com/wp-admin/admin-ajax.php","ajax_wpml_current_lang":null,"ajax_mega_menu":"1","mega_menu_slider":"","mega_menu_subcats":"","lay_fa_grid_center":"","full_slider_autoplay":"","grid_slider_autoplay":"","grid_big_slider_autoplay":"","fa_big_opacity":{"1":"0.5","2":"0.7"},"top_bar_mobile":"1","top_bar_mobile_group":"","top_bar_more_link":"More"}; 12671//# sourceURL=vce-main-js-extra </script>
12671
12671<script id="vce-main-js" src="https://oracleoftime.com/wp-content/themes/voice/assets/js/min.js"></script>
12671
12671<script id="wpforms-user-journey-js-extra"> var wpforms_user_journey = {"is_ssl":"1","is_debug":"","storage_name":"_wpfuj","cleanup_cookie_name":"_wpfuj_cleanup","max_data_size":"10240","max_data_items":"100","page_id":"72288"}; 12672//# sourceURL=wpforms-user-journey-js-extra </script>
12672<div class="full-width-overlay" id="full-width-overlay"></div><div 12673 class="full-width-popup" 12674 id="full-width-popup" 12675 aria-hidden="true" 12676 role="dialog" 12677 aria-label="Geneva Watch Days - Read More" 12678 > <button 12679 class="close-button" 12680 id="full-width-popup-close" 12681 aria-label="Close" 12682 type="button" 12683 >Ã</button> <a 12684 href="https://oracleoftime.com/tag/geneva-watch-days/" 12685 rel="noopener noreferrer" 12686 id="full-width-popup-link" 12687 > <img 12688 src="https://oracleoftime.com/wp-content/plugins/custom-popup/banners/geneva-watch-days.jpg?v=2026-09-01" 12689 class="popup-img" 12690 alt="Geneva Watch Days - Read More" 12691 loading="lazy" 12692 decoding="async" 12693 width="600" 12694 height="300" 12695 /> </a></div>
12695<script defer src="https://oracleoftime.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-js-9cb57504127602b458acbe3af83b678d.js"></script>
12695<script type='text/javascript'> fbq('track', 'PageView', []); </script>
12695</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.