1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <meta property="dcterms:title" lang="en" content="Latest news - The School of Homeopathy blog" /> 7 <meta property="dcterms:subject" lang="en" content="" /> 8 <meta property="dcterms:description" lang="en" content="" /> 9 <meta property="dcterms:publisher" content="The School of Homeopathy" /> 10 <meta property="dcterms:format" content="text/html" /> 11 <title>Latest news - The School of Homeopathy blog</title> 12 <meta name="robots" content="noindex,nofollow" /> <meta name="keywords" content="" /> 13 <meta name="description" content="" /> 14 <link rel="canonical" href="https://www.homeopathyschool.comnews" /> 15 16 <meta property="og:title" content="Latest news - The School of Homeopathy blog" /> 17 <meta property="og:site_name" content="The School of Homeopathy"/> 18 <meta property="og:url" content="https://www.homeopathyschool.comnews" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:locale" content="en_GB" /> 21 22 <style> 23 @charset "UTF-8"; 24/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 25/* Document 26 ========================================================================== */ 27/** 28 * 1. Correct the line height in all browsers. 29 * 2. Prevent adjustments of font size after orientation changes in iOS. 30 */ 31html { 32 line-height: 1.15; /* 1 */ 33 -webkit-text-size-adjust: 100%; /* 2 */ 34} 35 36/* Sections 37========================================================================== */ 38/** 39 * Remove the margin in all browsers. 40 */ 41body { 42 margin: 0; 43} 44 45/** 46 * Render the `main` element consistently in IE. 47 */ 48main { 49 display: block; 50} 51 52/** 53 * Correct the font size and margin on `h1` elements within `section` and 54 * `article` contexts in Chrome, Firefox, and Safari. 55 */ 56h1 { 57 font-size: 2em; 58 margin: 0.67em 0; 59} 60 61/* Grouping content 62========================================================================== */ 63/** 64 * 1. Add the correct box sizing in Firefox. 65 * 2. Show the overflow in Edge and IE. 66 */ 67hr { 68 box-sizing: content-box; /* 1 */ 69 height: 0; /* 1 */ 70 overflow: visible; /* 2 */ 71} 72 73/** 74 * 1. Correct the inheritance and scaling of font size in all browsers. 75 * 2. Correct the odd `em` font sizing in all browsers. 76 */ 77pre { 78 font-family: monospace, monospace; /* 1 */ 79 font-size: 1em; /* 2 */ 80} 81 82/* Text-level semantics 83========================================================================== */ 84/** 85 * Remove the gray background on active links in IE 10. 86 */ 87a { 88 background-color: transparent; 89} 90 91/** 92 * 1. Remove the bottom border in Chrome 57- 93 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 94 */ 95abbr[title] { 96 border-bottom: none; /* 1 */ 97 text-decoration: underline; /* 2 */ 98 -webkit-text-decoration: underline dotted; 99 text-decoration: underline dotted; /* 2 */ 100} 101 102/** 103 * Add the correct font weight in Chrome, Edge, and Safari. 104 */ 105b, 106strong { 107 font-weight: bolder; 108} 109 110/** 111 * 1. Correct the inheritance and scaling of font size in all browsers. 112 * 2. Correct the odd `em` font sizing in all browsers. 113 */ 114code, 115kbd, 116samp { 117 font-family: monospace, monospace; /* 1 */ 118 font-size: 1em; /* 2 */ 119} 120 121/** 122 * Add the correct font size in all browsers. 123 */ 124small { 125 font-size: 80%; 126} 127 128/** 129 * Prevent `sub` and `sup` elements from affecting the line height in 130 * all browsers. 131 */ 132sub, 133sup { 134 font-size: 75%; 135 line-height: 0; 136 position: relative; 137 vertical-align: baseline; 138} 139 140sub { 141 bottom: -0.25em; 142} 143 144sup { 145 top: -0.5em; 146} 147
148/* Embedded content 149========================================================================== */ 150/** 151 * Remove the border on images inside links in IE 10. 152 */ 153img { 154 border-style: none; 155} 156 157/* Forms 158========================================================================== */ 159/** 160 * 1. Change the font styles in all browsers. 161 * 2. Remove the margin in Firefox and Safari. 162 */ 163button, 164input, 165optgroup, 166select, 167textarea { 168 font-family: inherit; /* 1 */ 169 font-size: 100%; /* 1 */ 170 line-height: 1.15; /* 1 */ 171 margin: 0; /* 2 */ 172} 173 174/** 175 * Show the overflow in IE. 176 * 1. Show the overflow in Edge. 177 */ 178button, 179input { /* 1 */ 180 overflow: visible; 181} 182 183/** 184 * Remove the inheritance of text transform in Edge, Firefox, and IE. 185 * 1. Remove the inheritance of text transform in Firefox. 186 */ 187button, 188select { /* 1 */ 189 text-transform: none; 190} 191 192/** 193 * Correct the inability to style clickable types in iOS and Safari. 194 */ 195button, 196[type=button], 197[type=reset], 198[type=submit] { 199 -webkit-appearance: button; 200} 201 202/** 203 * Remove the inner border and padding in Firefox. 204 */ 205button::-moz-focus-inner, 206[type=button]::-moz-focus-inner, 207[type=reset]::-moz-focus-inner, 208[type=submit]::-moz-focus-inner { 209 border-style: none; 210 padding: 0; 211} 212 213/** 214 * Restore the focus styles unset by the previous rule. 215 */ 216button:-moz-focusring, 217[type=button]:-moz-focusring, 218[type=reset]:-moz-focusring, 219[type=submit]:-moz-focusring { 220 outline: 1px dotted ButtonText; 221} 222 223/** 224 * Correct the padding in Firefox. 225 */ 226fieldset { 227 padding: 0.35em 0.75em 0.625em; 228} 229
230/** 231 * 1. Correct the text wrapping in Edge and IE. 232 * 2. Correct the color inheritance from `fieldset` elements in IE. 233 * 3. Remove the padding so developers are not caught out when they zero out 234 * `fieldset` elements in all browsers. 235 */ 236legend { 237 box-sizing: border-box; /* 1 */ 238 color: inherit; /* 2 */ 239 display: table; /* 1 */ 240 max-width: 100%; /* 1 */ 241 padding: 0; /* 3 */ 242 white-space: normal; /* 1 */ 243} 244 245/** 246 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 247 */ 248progress { 249 vertical-align: baseline; 250} 251 252/** 253 * Remove the default vertical scrollbar in IE 10+. 254 */ 255textarea { 256 overflow: auto; 257} 258 259/** 260 * 1. Add the correct box sizing in IE 10. 261 * 2. Remove the padding in IE 10. 262 */ 263[type=checkbox], 264[type=radio] { 265 box-sizing: border-box; /* 1 */ 266 padding: 0; /* 2 */ 267} 268 269/** 270 * Correct the cursor style of increment and decrement buttons in Chrome. 271 */ 272[type=number]::-webkit-inner-spin-button, 273[type=number]::-webkit-outer-spin-button { 274 height: auto; 275} 276 277/** 278 * 1. Correct the odd appearance in Chrome and Safari. 279 * 2. Correct the outline style in Safari. 280 */ 281[type=search] { 282 -webkit-appearance: textfield; /* 1 */ 283 outline-offset: -2px; /* 2 */ 284} 285 286/** 287 * Remove the inner padding in Chrome and Safari on macOS. 288 */ 289[type=search]::-webkit-search-decoration { 290 -webkit-appearance: none; 291} 292 293/** 294 * 1. Correct the inability to style clickable types in iOS and Safari. 295 * 2. Change font properties to `inherit` in Safari. 296 */ 297::-webkit-file-upload-button { 298 -webkit-appearance: button; /* 1 */ 299 font: inherit; /* 2 */ 300} 301 302/* Interactive 303========================================================================== */ 304/* 305 * Add the correct display in Edge, IE 10+, and Firefox. 306 */ 307details { 308 display: block; 309} 310 311/* 312 * Add the correct display in all browsers. 313 */ 314summary { 315 display: list-item; 316} 317 318/* Misc 319========================================================================== */ 320/** 321 * Add the correct display in IE 10+. 322 */ 323template { 324 display: none; 325} 326 327/** 328 * Add the correct display in IE 10. 329 */ 330[hidden] { 331 display: none; 332} 333 334@font-face { 335 font-family: "Shaker Bold Italic"; 336 src: url("/css/fonts/shkwn-bdit.eot"); 337 src: url("/css/fonts/shkwn-bdit.eot?#iefix") format("embedded-opentype"), url("/css/fonts/shkwn-bdit.woff2") format("woff2"), url("/css/fonts/shkwn-bdit.woff") format("woff"), url("/css/fonts/shkwn-bdit.ttf") format("truetype"); 338 font-weight: bold; 339 font-style: italic; 340 font-display: swap; 341} 342@font-face { 343 font-family: "Shaker ExtraBold Italic"; 344 src: url("/css/fonts/shkwn-xbdit.eot"); 345 src: url("/css/fonts/shkwn-xbdit.eot?#iefix") format("embedded-opentype"), url("/css/fonts/shkwn-xbdit.woff2") format("woff2"), url("/css/fonts/shkwn-xbdit.woff") format("woff"), url("/css/fonts/shkwn-xbdit.ttf") format("truetype"); 346 font-weight: 800; 347 font-style: italic; 348 font-display: swap; 349} 350@font-face { 351 font-family: "Cinzel Decorative"; 352 src: url("/css/fonts/CinzelDecorativeRegular.eot"); 353 src: url("/css/fonts/CinzelDecorativeRegular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/CinzelDecorativeRegular.woff2") format("woff2"), url("/css/fonts/CinzelDecorativeRegular.woff") format("woff"), url("/css/fonts/CinzelDecorativeRegular.ttf") format("truetype"); 354 font-weight: normal; 355 font-style: normal; 356 font-display: swap; 357} 358@font-face { 359 font-family: "Cinzel Decorative"; 360 src: url("/css/fonts/CinzelDecorativeBold.eot"); 361 src: url("/css/fonts/CinzelDecorativeBold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/CinzelDecorativeBold.woff2") format("woff2"), url("/css/fonts/CinzelDecorativeBold.woff") format("woff"), url("/css/fonts/CinzelDecorativeBold.ttf") format("truetype"); 362 font-weight: bold; 363 font-style: normal; 364 font-display: swap; 365} 366/* Default Colours */ 367/* 368 These are used for the grey/default theme. 369 370 Any browser not supporting CSS variables should fall back to using these. 371*/ 372:root { 373 --layout-horizontal-margin: 1rem; 374 --layout-vertical-margin: 1.5rem; 375 --default-padding: 1rem; 376 interpolate-size: allow-keywords; 377} 378 379@media (min-width: 768px) { 380 :root { 381 --layout-horizontal-margin: 1.5rem; 382 --layout-vertical-margin: 1.5rem; 383 } 384} 385@media (min-width: 1200px) { 386 :root { 387 --layout-horizontal-margin: 2rem; 388 --layout-vertical-margin: 2rem; 389 --default-padding: 1.5rem; 390 } 391} 392:root { 393 --theme-light: #edebdd; 394 --theme-light-80: rgba(237, 235, 221, .8); 395 --theme-dark: #4d4d4d; 396 --theme-bg: #a4b175;
397 --theme-bg-hover: #8c9453; 398 --breadcrumb: rgb(255 255 255 / .75); 399 --breadcrumb-hover: #fff; 400} 401 402.no-theme { 403 --theme-logo: var(--theme-bg); 404} 405 406.theme-ols { 407 --theme-bg: $bgGrey; 408 --theme-body-bg: #f2f2ed; 409 --theme-bg-light: #eaeae1; 410 --theme-bg-feint: #f2f2ed; 411} 412 413@media (min-width: 768px) { 414 .theme-ols { 415 --theme-bg-light: $bgWhite; 416 --theme-bg-feint: $bgWhite; 417 } 418} 419.theme-grey { 420 --theme-light: #acacac; 421 --theme-light-80: rgba(172, 172, 172, .8); 422 --theme-dark: #646262; 423 --theme-bg: #acacac; 424 --theme-bg-light: #d9d9d9; 425 --theme-bg-hover: #747272; 426} 427 428.theme-yellow { 429 --theme-light: #f6d568; 430 --theme-light-80: rgba(246, 213, 104, .8); 431 --theme-dark: #f0c300; 432 --theme-bg: #f6d568; 433 --theme-bg-hover: #f0c300; 434} 435 436.theme-sky { 437 --theme-light: #90c2dd; 438 --theme-light-80: rgba(144, 194, 221, .8); 439 --theme-dark: #49a8cd; 440 --theme-bg: #90c2dd; 441 --theme-bg-hover: #49a8cd; 442} 443 444.theme-gold { 445 --theme-light: #cbb778; 446 --theme-light-80: rgba(204, 183, 120, .8); 447 --theme-dark: #b59a43; 448 --theme-bg: #cbb778; 449 --theme-bg-mid: #d4c491; 450 --theme-bg-light: #dbcea3; 451 --theme-bg-feint: #f1ebda; 452 --theme-bg-hover: #b59a43; 453 --theme-text: #957f37; 454} 455 456.theme-emerald { 457 --theme-light: #a4b175; 458 --theme-light-80: rgba(164, 177, 117, .8); 459 --theme-dark: #8c9453; 460 --theme-bg: #a4b175; 461 --theme-bg-mid: #bfc89d; 462 --theme-bg-light: #d4dabe; 463 --theme-bg-feint: #eaedde; 464 --theme-bg-hover: #8c9453; 465 --theme-text: #7c8349; 466} 467 468.theme-rose { 469 --theme-light: #9e7b81; 470 --theme-light-80: rgba(158, 123, 129, .8); 471 --theme-dark: #745258; 472 --theme-bg: #9e7b81; 473 --theme-bg-mid: #bea7ab; 474 --theme-bg-light: #d4c4c7; 475 --theme-bg-feint: #e9e2e3; 476 --theme-bg-hover: #745258; 477} 478 479.theme-silver { 480 --theme-light: #72909f; 481 --theme-light-80: rgba(114, 144, 159, .8); 482 --theme-dark: #486777; 483 --theme-bg: #72909f; 484 --theme-bg-mid: #a4b7c1; 485 --theme-bg-light: #d1dbe0; 486 --theme-bg-feint: #f0f3f5; 487 --theme-bg-hover: #486777; 488} 489 490.theme-purple { 491 --theme-light: #cb96bf; 492 --theme-light-80: rgba(203, 150, 191, .8); 493 --theme-dark: #bf76aa; 494 --theme-bg: #cb96bf; 495 --theme-bg-mid: #bc76ab; 496 --theme-bg-light: #e6cce0; 497 --theme-bg-feint: #f7eef5; 498 --theme-bg-hover: #bf76aa; 499} 500 501.theme-blue { 502 --theme-light: #007dc1; 503 --theme-light-80: rgba(0, 125, 193, .8); 504 --theme-dark: #005daa; 505 --theme-bg: #007dc1; 506 --theme-bg-text: #fff; 507 --theme-bg-hover: #005daa; 508} 509 510.theme-amethyst { 511 --theme-light: #b1accf; 512 --theme-light-80: rgba(177, 172, 207, .8); 513 --theme-dark: #7373a9; 514 --theme-bg: #b1accf; 515 --theme-bg-mid: #867db5; 516 --theme-bg-light: #d2cee3; 517 --theme-bg-feint: #f0eff6; 518 --theme-bg-hover: #7373a9; 519} 520 521.theme-jade { 522 --theme-light: #93b3ab; 523 --theme-light-80: rgba(147, 179, 171, .8); 524 --theme-dark: #688982; 525 --theme-bg: #93b3ab; 526 --theme-bg-mid: #b4cac5; 527 --theme-bg-light: #d2dfdc; 528 --theme-bg-feint: #f0f4f3; 529 --theme-bg-hover: #688982; 530} 531 532.theme-green { 533 --theme-light: #a6c38c; 534 --theme-light-80: rgba(166, 195, 140, .8); 535 --theme-dark: #92b277; 536 --theme-bg: #a6c38c; 537 --theme-bg-mid: #97b979; 538 --theme-bg-light: #d8e5cd; 539 --theme-bg-feint: #f2f6ee; 540 --theme-bg-hover: #92b277; 541} 542 543.theme-lime { 544 --theme-light: #b3d26e; 545 --theme-light-80: rgba(179, 210, 110, .8); 546 --theme-dark: #97c33f; 547 --theme-bg: #b3d26e; 548 --theme-bg-mid: #c1db8a; 549 --theme-bg-light: #e0edc4; 550 --theme-bg-feint: #f5f9eb; 551 --theme-bg-hover: #97c33f; 552} 553 554.theme-info { 555 --theme-light: #3c83b9; 556 --theme-light-80: rgba(60, 131, 185, .8); 557 --theme-dark: #255274; 558 --theme-bg: #8bb8da; 559 --theme-bg-feint: #d8e7f3; 560 --theme-bg-light: #d8e7f3; 561 --theme-bg-hover: #65a0cd; 562} 563 564.theme-positive, .theme-success { 565 --theme-light: #40b93c; 566 --theme-light-80: rgba(64, 185, 60, .8); 567 --theme-dark: #287425; 568 --theme-bg: #8eda8b; 569 --theme-bg-feint: #d9f3d8; 570 --theme-bg-light: #d9f3d8; 571 --theme-bg-hover: #7bd378; 572} 573 574.theme-warning { 575 --theme-light: #b98b3c; 576 --theme-light-80: rgba(185, 139, 60, .8); 577 --theme-dark: #745725; 578 --theme-bg: #dabd8b; 579 --theme-bg-feint: #f3e9d8; 580 --theme-bg-light: #f3e9d8; 581 --theme-bg-hover: #cda765; 582} 583 584.theme-negative, .theme-error, .theme-sale { 585 --theme-light: #b93c3c; 586 --theme-light-80: rgba(185, 60, 60, .8); 587 --theme-dark: #742525; 588 --theme-bg: #da8b8b;
589 --theme-bg-feint: #f3d8d8; 590 --theme-bg-light: #f3d8d8; 591 --theme-bg-text: #fff; 592 --theme-bg-hover: #cd6565; 593} 594 595img { 596 max-width: 100%; 597 max-height: 100%; 598 width: auto; 599 height: auto; 600} 601 602body, textarea, .sans-serif { 603 font-family: sans-serif; 604 font-weight: normal; 605 font-style: normal; 606} 607 608@media (max-width: 767px) { 609 body { 610 font-size: 14px; 611 } 612} 613.shaker-xb { 614 font-family: "Shaker ExtraBold Italic", "Trebuchet MS", Arial, sans-serif; 615} 616 617h1, h2, h3, h4, h5, h6, .shaker, blockquote, .small-button, .medium-button, .big-button, .box__heading, label, span.label, legend.label, caption, summary { 618 font-family: "Shaker Bold Italic", "Trebuchet MS", Arial, sans-serif; 619 font-weight: bold; 620 font-style: italic; 621} 622 623h1, h2, h3, h4, h5, h6 { 624 line-height: normal; 625} 626 627h1, h2, h3, h4, h5, h6, a, .grey-heading, summary { 628 color: var(--theme, var(--theme-dark)); 629} 630 631h1 { 632 font-size: 2.25rem; 633} 634 635h2, h3.big { 636 font-size: 1.5rem; 637} 638 639h2.big { 640 font-size: 2em; 641} 642 643h2.bordered { 644 padding-top: 0.5rem; 645 padding-bottom: 0.5rem; 646 border-top: 1px solid #ccc; 647 border-bottom: 1px solid #ccc; 648} 649 650summary.big, h3, h2.small { 651 font-size: 1.3rem; 652} 653 654summary, h4, h3.small { 655 font-size: 1.15rem; 656} 657 658summary { 659 margin: 1em 0; 660} 661summary::marker { 662 font-size: 0.8em; 663 color: #4d4d4d; 664} 665 666a { 667 text-decoration: underline; 668} 669 670a, button { 671 cursor: pointer; 672} 673 674.no-style { 675 list-style: none; 676 padding-left: 0; 677} 678 679.color--white { 680 color: #fff; 681} 682 683.color--feint { 684 color: var(--theme-feint); 685} 686 687.color--light { 688 color: var(--theme-light); 689} 690 691.color { 692 color: var(--theme, var(--theme-light)); 693} 694 695.color--mid { 696 color: color-mix(in srgb, var(--theme, var(--theme-light)), var(--theme-dark)); 697} 698 699.color--dark { 700 color: var(--theme-dark); 701} 702 703.text--dark { 704 color: #000; 705} 706 707img.image-background.image-background { 708 background-color: var(--theme-light, #d6e1a6); 709} 710 711.image-style-align-left { 712 float: left; 713 margin-right: 0.75rem; 714} 715 716.image-style-align-right { 717 float: right; 718 margin-left: 0.75rem; 719} 720 721figure:has(> table) { 722 margin: 0; 723} 724 725.content table:not([class]), .content table.ck-table-resized { 726 margin: 1rem 0; 727 border-collapse: collapse; 728} 729.content table:not([class]) th, .content table:not([class]) td, .content table.ck-table-resized th, .content table.ck-table-resized td { 730 vertical-align: top; 731 padding: 0.25rem; 732 min-width: 80px; 733} 734.content table:not([class]) th > :first-child, .content table:not([class]) td > :first-child, .content table.ck-table-resized th > :first-child, .content table.ck-table-resized td > :first-child { 735 margin-top: 0; 736} 737.content table:not([class]) th img, .content table:not([class]) td img, .content table.ck-table-resized th img, .content table.ck-table-resized td img { 738 max-width: 100%; 739} 740 741dl { 742 display: grid; 743 grid-template-columns: auto 1fr; 744 gap: 0 1em; 745 /*&:not(.vertical):has(dd:only-of-type) { 746 gap: 0 .25rem; 747 }*/ 748} 749dl > dd { 750 margin-left: 0; 751} 752dl.vertical { 753 grid-template-columns: auto; 754 gap: 0.5em 0; 755 /*dt:not(:first-child) { 756 padding-top: .5rem; 757 }*/ 758} 759dl.vertical > dd + dt { 760 padding-top: 0.5rem; 761} 762dl.v-gap { 763 gap: 0.5em 1em; 764} 765dl.horizontal-rule { 766 grid-template-columns: minmax(8rem, 30%) auto; 767 gap: 0; 768 align-items: start; 769} 770dl.horizontal-rule dt, dl.horizontal-rule dd { 771 padding: 0.5rem 0; 772 line-height: 1.5rem; 773} 774dl.horizontal-rule dt { 775 font-size: 1.15rem; 776 padding-right: 1rem; 777 text-wrap: pretty; 778} 779dl.horizontal-rule > :not(:first-of-type) { 780 border-top: 1px solid #ccc; 781} 782@container (width < 500px) { 783 dl.contained { 784 grid-template-columns: auto; 785 } 786 dl.contained.horizontal-rule dt { 787 padding-bottom: 0; 788 } 789 dl.contained.horizontal-rule dd { 790 padding-top: 0; 791 } 792 dl.contained.horizontal-rule > dt:not(:first-of-type) { 793 border-top: 1px solid #ccc; 794 } 795 dl.contained.horizontal-rule > dd:not(:first-of-type) { 796 border-top: 0; 797 } 798} 799dl.rule > dd + dt { 800 border-top: 2px solid #ccc; 801} 802dl.bold > dt { 803 font-weight: bold; 804} 805dl.prices { 806 font-size: 1rem; 807} 808dl.prices dd.rrp { 809 text-decoration: line-through; 810} 811dl.prices dd.sale { 812 color: #f3444a; 813} 814dl:empty { 815 display: none; 816} 817 818hr { 819 margin: 1em 0; 820 /*border-top: 0; 821 border-color: $border;*/ 822} 823 824.content:not(:first-child) > :first-child, .content--no-margin > :first-child { 825 margin-top: 0; 826} 827 828/*.content:not(:last-child), */ 829.content--no-margin > :last-child { 830 margin-bottom: 0; 831} 832 833.content h2:not(.grey-heading), .content h3:not(.grey-heading), .content h4:not(.grey-heading), .content h5:not(.grey-heading) { 834 margin-bottom: 0; 835} 836.content h2:not(.grey-heading) + p, .content h3:not(.grey-heading) + p, .content h4:not(.grey-heading) + p, .content h5:not(.grey-heading) + p { 837 margin-top: 0; 838} 839.content blockquote { 840 padding: 0 2.5rem; 841 margin: 1rem 0; 842 position: relative; 843} 844.content blockquote, .content blockquote * { 845 font-size: 1.25rem; 846 line-height: 1.4em; 847} 848.content blockquote::before, .content blockquote::after { 849 font-family: serif; 850 position: absolute; 851 font-size: 3.75rem; 852 opacity: 0.5; 853} 854.content blockquote::before { 855 content: "â"; 856 top: 0.5rem; 857 left: 0; 858} 859.content blockquote::after {
860 content: "â"; 861 bottom: -0.75rem; 862 right: 0.25rem; 863} 864.content blockquote:has(footer)::before { 865 top: 0; 866} 867.content blockquote:has(footer)::after { 868 bottom: 0.25rem; 869} 870.content blockquote:has(footer) footer { 871 margin-top: 0.5rem; 872} 873 874.button-list { 875 display: inline-flex; 876 gap: 0.75rem; 877 flex-wrap: wrap; 878} 879.button-list.flex { 880 display: flex; 881} 882.button-list.vertical { 883 width: auto; 884 flex-direction: column; 885 align-items: start; 886} 887.button-list.reverse { 888 flex-direction: row-reverse; 889} 890.button-list.reverse.vertical { 891 flex-direction: column-reverse; 892} 893.button-list.center { 894 justify-content: center; 895} 896.button-list.right { 897 justify-content: end; 898} 899.button-list.spread { 900 justify-content: space-between; 901} 902 903.profile-picture { 904 aspect-ratio: 1/1; 905 border-radius: 5%; 906 max-width: min(100%, 12rem); 907} 908.profile-picture.bordered { 909 border: 2px solid currentColor; 910 border: 2px solid color-mix(in srgb, currentColor, white 50%); 911} 912.profile-picture.small { 913 width: 48px; 914} 915 916.user { 917 display: inline-grid; 918 grid-template-columns: auto 1fr; 919 gap: 0.5rem; 920 align-items: center; 921 font-size: 1.2em; 922 margin: 0.5rem 0; 923} 924 925.file-icon { 926 fill: var(--theme-light); 927 /*&.file--doc,&.file--docx,&.file--odt {fill:#1a85d1;} 928 &.file--xls,&.file--xlsx,&.file--ods,&.file--csv {fill:#3cbc45;}*/ 929 /*&.file--ppt,&.file--pptx,&.file--odp {fill:#ed6c47;} 930 &.file--zip,&.file--rar,&.file--7z {fill:#ffdc77;} 931 &.file--mp4,&.file--webm,&.file--mov {fill:#f79300;} 932 &.file--mp3,&.file--wav {fill:#5fabee;} 933 &.file--jpeg,&.file--jpg,&.file--png,&.file--webp,&.file--gif {fill:#68e031;}*/ 934} 935.file-icon.file--pdf { 936 fill: #eb1000; 937} 938.file-icon text { 939 fill: #000; 940 font-size: 12.5px; 941 font-weight: bold; 942 text-transform: uppercase; 943 text-align: center; 944 text-anchor: middle; 945 -webkit-user-select: none; 946 -moz-user-select: none; 947 user-select: none; 948} 949 950.bar-heading { 951 background-color: #f3f3f4; 952 border-radius: 0.5rem; 953 padding: 0.25rem 0.5rem; 954 font-size: 1.5em; 955} 956 957.visible-xs-contents { 958 display: contents !important; 959} 960 961.hidden-xs { 962 display: none !important; 963} 964 965@media (min-width: 768px) { 966 .hidden-sm { 967 display: none !important; 968 } 969 .visible-sm-block { 970 display: block !important; 971 } 972 .visible-sm-flex { 973 display: flex !important; 974 } 975 .visible-sm-grid { 976 display: grid !important; 977 } 978 .visible-sm-inline { 979 display: inline !important; 980 } 981} 982@media (min-width: 992px) { 983 .hidden-md { 984 display: none !important; 985 } 986 .visible-md-block { 987 display: block !important; 988 } 989 .visible-md-flex { 990 display: flex !important; 991 } 992 .visible-md-grid { 993 display: grid !important; 994 } 995 .visible-md-inline { 996 display: inline !important; 997 } 998} 999@media (min-width: 1200px) { 1000 .hidden-lg { 1001 display: none !important; 1002 } 1003 .visible-lg-block { 1004 display: block !important; 1005 } 1006 .visible-lg-flex { 1007 display: flex !important; 1008 } 1009 .visible-lg-grid { 1010 display: grid !important; 1011 } 1012 .visible-lg-inline { 1013 display: inline !important; 1014 } 1015} 1016* { 1017 box-sizing: border-box; 1018} 1019 1020html { 1021 scroll-padding-top: 36px; 1022} 1023 1024body { 1025 background-color: #edebdd; 1026 background-color: var(--theme-bg, var(--theme-light)); 1027 font-size: 16px; 1028 line-height: 1.5em; 1029 color: #4d4d4d; 1030} 1031 1032body, .container { 1033 min-width: 360px; 1034} 1035 1036.container { 1037 width: 100%; 1038 max-width: 1470px; 1039 margin: 0 auto; 1040 padding: 0 var(--layout-horizontal-margin, 1.5rem); 1041} 1042 1043.grey-heading { 1044 background-color: #f3f3f4; 1045 padding: 0.75rem 0.375rem; 1046 border: 1px solid #d1d2d4; 1047 border-left: 0; 1048 border-right: 0; 1049} 1050.grey-heading.no-top-margin { 1051 margin-top: 0; 1052} 1053 1054@media (max-width: 767.98px) { 1055 main { 1056 margin-top: var(--layout-vertical-margin); 1057 } 1058} 1059.grid { 1060 display: grid; 1061} 1062.grid.inline { 1063 display: inline-grid; 1064} 1065.grid.column { 1066 grid-template-rows: repeat(auto-fit, max-content); 1067} 1068.grid .grid__align-bottom { 1069 align-self: end; 1070} 1071 1072.column--left { 1073 grid-area: left; 1074} 1075 1076.column--middle { 1077 grid-area: middle; 1078} 1079 1080.column--right { 1081 grid-area: right; 1082} 1083 1084.one-one, .one-two-one, .one-three, .one-two, .two-one { 1085 grid-template-columns: 1fr; 1086} 1087 1088.one-one, .one-three, .one-two, .two-one { 1089 grid-template-areas: "left" "right"; 1090} 1091 1092.swap-left-right { 1093 grid-template-areas: "right" "left"; 1094} 1095 1096.one-two-one { 1097 grid-template-areas: "left" "middle" "right"; 1098} 1099 1100@media (max-width: 979.98px) { 1101 .column--left > :not(.box--sub-menu) { 1102 display: none; 1103 } 1104} 1105.flex { 1106 display: flex; 1107} 1108.flex.inline { 1109 display: inline-flex; 1110} 1111.flex.column { 1112 flex-direction: column; 1113} 1114.flex.to-top { 1115 flex: 1; 1116 justify-content: flex-end; 1117} 1118 1119.layout { 1120 gap: var(--layout-vertical-margin, 1.5rem) var(--layout-horizontal-margin, 1.5rem); 1121} 1122 1123@media (min-width: 768px) { 1124 .one-one, .one-three, .one-two, .two-one { 1125 grid-template-areas: "left right"; 1126 } 1127 .one-one { 1128 grid-template-columns: 1fr 1fr; 1129 } 1130 .one-two, .one-three { 1131 grid-template-columns: 1fr 2fr; 1132 } 1133 .two-one { 1134 grid-template-columns: 2fr 1fr; 1135 } 1136 .one-two-one { 1137 grid-template-columns: 2fr 1fr; 1138 grid-template-areas: "left right" "middle right"; 1139 } 1140 .grid--columns { 1141 --columns: 2; 1142 grid-template-columns: repeat(var(--columns), 1fr); 1143 grid-template-rows: auto; 1144 } 1145 .grid--gap { 1146 gap: 0 1rem; 1147 } 1148 .grid--border-wrapper { 1149 width: 100%; 1150 overflow: hidden; 1151 } 1152 .grid--border { 1153 width: calc(100% + 1px); 1154 } 1155 .grid--border > .grid__column { 1156 padding: 0 0.75rem; 1157 border-right: 1px solid #ccc; 1158 } 1159 .grid--border .grid__column__fill { 1160 margin-left: -0.75rem; 1161 margin-right: -0.75rem; 1162 width: calc(100% + 1.5rem); 1163 } 1164} 1165@media (min-width: 992px) { 1166 .one-two-one { 1167 grid-template-columns: 1fr 2fr 1fr; 1168 grid-template-areas: "left middle right"; 1169 } 1170 .one-three { 1171 grid-template-columns: 1fr 3fr; 1172 } 1173} 1174.grid__column { 1175 container-type: inline-size; 1176 --column: span 1; 1177 grid-column: var(--column, span 1); 1178 /*>:last-child { 1179 margin-bottom: 0; 1180 }*/ 1181} 1182.grid__column > :first-child { 1183 margin-top: 0; 1184} 1185 1186@media (min-width: 768px) { 1187 .grid__column { 1188 grid-column: var(--sm-column, var(--column)); 1189 } 1190} 1191@media (min-width: 992px) { 1192 .grid__column { 1193 grid-column: var(--md-column, var(--sm-column, var(--column))); 1194 } 1195} 1196.page-header { 1197 position: sticky; 1198 top: 0; 1199 z-index: 10; 1200 font-size: 1rem; 1201} 1202.page-header:has(.header__top) { 1203 top: -266px; 1204} 1205.page-header ul { 1206 display: flex; 1207 list-style: none; 1208 padding: 0; 1209 margin: 0; 1210} 1211.page-header ul li > span, .page-header ul li > a { 1212 display: block; 1213 line-height: 36px; 1214 padding: 0 calc(var(--default-padding) / 2); 1215 text-decoration: none; 1216} 1217 1218.header__top, .header__nav { 1219 height: 36px; 1220 background: #58585a; 1221 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 1222 position: relative; 1223 z-index: 1; 1224} 1225.header__top, .header__top a, .header__nav, .header__nav a { 1226 color: #fff; 1227} 1228.header__top > .grid > :last-child, .header__nav > .grid > :last-child { 1229 align-self: center; 1230 justify-self: right; 1231} 1232 1233.header__top { 1234 background: var(--theme-dark); 1235 font-size: 0.875em; 1236} 1237.header__top, .header__top a { 1238 color: var(--theme-dark-text, #fff); 1239} 1240.header__top a:hover {
1241 color: color-mix(in srgb, currentColor, transparent 20%); 1242} 1243 1244.header__top a.icon.icon--only svg { 1245 height: 20px; 1246 vertical-align: middle; 1247 transform: translateY(-1px); 1248 fill: currentColor; 1249} 1250.header__top a.icon.icon--only span { 1251 position: absolute; 1252 left: -999em; 1253} 1254 1255.header__logo { 1256 min-height: 230px; 1257 max-height: calc(100dvh - 72px); 1258 line-height: 230px; 1259 background: #ffffff; 1260 position: relative; 1261} 1262.header__logo a { 1263 display: inline-block; 1264 height: 136px; 1265 vertical-align: middle; 1266} 1267.header__logo a img { 1268 background-color: var(--theme-logo, var(--theme-dark, #a4b175)); 1269 position: relative; 1270 z-index: 1; 1271} 1272 1273.logo__background { 1274 width: auto; 1275 max-height: 100%; 1276 position: absolute; 1277 top: 0; 1278 right: 0; 1279 z-index: 0; 1280} 1281 1282ul.header-images li { 1283 position: relative; 1284} 1285ul.header-images li > span { 1286 display: block; 1287 position: absolute; 1288 top: 1.5rem; 1289 left: 1.5rem; 1290 max-width: 45%; 1291 font-size: 0.95em; 1292 text-wrap: balance; 1293 line-height: normal; 1294} 1295ul.header-images img { 1296 display: block; 1297} 1298 1299.header__nav > .grid { 1300 grid-template-columns: auto 1fr; 1301} 1302 1303@media (min-width: 992px) { 1304 .header__nav > .grid { 1305 grid-template-columns: 1fr; 1306 } 1307} 1308.account-menu { 1309 --background-color: #818285; 1310 position: relative; 1311} 1312.account-menu.top { 1313 --background-color: color-mix(in srgb, var(--theme-dark), black 20%); 1314} 1315.account-menu div { 1316 position: absolute; 1317 top: auto; 1318 right: 0; 1319 overflow: hidden; 1320 background-color: var(--background-color); 1321 min-width: -moz-min-content; 1322 min-width: min-content; 1323 border-radius: 0 0 0.375rem 0.375rem; 1324 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 1325} 1326.account-menu div ul { 1327 flex-direction: column; 1328 white-space: nowrap; 1329} 1330.account-menu div ul a:hover { 1331 background-color: #ffffff; 1332 color: #4d4d4d; 1333} 1334.account-menu:hover { 1335 background-color: var(--background-color); 1336} 1337.account-menu:not(:hover) div { 1338 height: 0; 1339} 1340 1341.header__user.grid { 1342 display: grid; 1343 grid-template-columns: 1fr auto; 1344 gap: 0.75rem; 1345 align-items: center; 1346} 1347.header__user.grid .profile-picture.bordered { 1348 max-height: 1.75rem; 1349 border-width: 1px; 1350} 1351 1352@media (max-width: 991.98px) { 1353 #main-menu { 1354 position: fixed; 1355 inset: 0 0 0 0; 1356 z-index: 1; 1357 background: rgba(0, 0, 0, 0.1); 1358 backdrop-filter: blur(2px); 1359 opacity: 0; 1360 visibility: hidden; 1361 transition: opacity 0.3s, visibility 0s 0.3s; 1362 } 1363 #main-menu > div { 1364 --depth: 0; 1365 width: 100%; 1366 max-width: 400px; 1367 height: 100%; 1368 overflow: auto; 1369 background: #818285; 1370 scrollbar-color: #d1d2d4 transparent; 1371 } 1372 #main-menu > div ul { 1373 display: block; 1374 } 1375 #main-menu > div li { 1376 border-top: 1px solid #58585a; 1377 } 1378 #main-menu > div li.parent:has(> button) { 1379 display: grid; 1380 grid-template-columns: 1fr 32px; 1381 } 1382 #main-menu > div li.parent:has(> button) > div { 1383 grid-column: span 2; 1384 height: 0; 1385 overflow: hidden; 1386 } 1387 #main-menu > div li.parent:has(> button) button { 1388 border: 0; 1389 background: none; 1390 color: #fff; 1391 } 1392 #main-menu > div li.parent:has(> button) button:hover { 1393 background: #ffffff; 1394 color: #4d4d4d; 1395 } 1396 #main-menu > div li.parent:has(> button) button[aria-expanded=true] + div { 1397 height: auto; 1398 } 1399 #main-menu > div li > :first-child { 1400 padding: 0 var(--default-padding); 1401 } 1402 #main-menu > div li li > :first-child { 1403 padding-left: calc(var(--default-padding) * var(--depth)); 1404 } 1405 #main-menu > div a:hover, #main-menu > div a.active { 1406 background: #ffffff; 1407 color: #4d4d4d; 1408 } 1409 #main-menu.open { 1410 opacity: 1; 1411 visibility: visible; 1412 transition: opacity 0.3s; 1413 } 1414} 1415@media (min-width: 992px) { 1416 #main-menu button { 1417 display: none; 1418 } 1419 #main-menu > div > ul > li:first-child { 1420 display: none; 1421 } 1422 #main-menu > div > ul > li:hover { 1423 background-color: #818285; 1424 } 1425 #main-menu > div > ul > li > div { 1426 position: absolute; 1427 background: #818285; 1428 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 1429 min-width: 200px; 1430 width: auto; 1431 max-width: 300px; 1432 border-radius: 0 0 0.5rem 0.5rem; 1433 font-size: 0.9em; 1434 } 1435 #main-menu > div > ul > li > div ul { 1436 flex-direction: column; 1437 } 1438 #main-menu > div > ul > li > div ul > li > a:hover { 1439 background: #ffffff; 1440 color: #4d4d4d; 1441 } 1442 #main-menu > div > ul > li > div a { 1443 line-height: 32px; 1444 } 1445 #main-menu > div > ul > li > div:not(:has(ul > li.parent)) { 1446 overflow: hidden; 1447 } 1448 #main-menu > div > ul > li > div:has(ul > li.parent) { 1449 max-width: none; 1450 } 1451 #main-menu > div > ul > li > div:has(ul > li.parent):has(li li.parent:hover) { 1452 border-radius: 0 0 0 0.5rem; 1453 } 1454 #main-menu > div > ul > li > div:has(ul > li.parent) > ul { 1455 width: 100%; 1456 min-height: 308px; 1457 display: grid; 1458 grid-template-columns: repeat(2, minmax(300px, 1fr)); 1459 } 1460 #main-menu > div > ul > li > div:has(ul > li.parent) > ul > li { 1461 padding: var(--layout-vertical-margin) 0; 1462 } 1463 #main-menu > div > ul > li > div:has(ul > li.parent) > ul > li:not(:first-child) { 1464 border-left: 1px solid #58585a; 1465 } 1466 #main-menu > div > ul > li > div:has(ul > li.parent) > ul > li > :first-child { 1467 font-size: 1.2em; 1468 margin-bottom: 1rem; 1469 } 1470 #main-menu > div > ul > li > div:has(ul > li.parent) > ul li > :first-child { 1471 padding: 0 var(--layout-horizontal-margin); 1472 } 1473 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul { 1474 display: flex; 1475 } 1476 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul > li { 1477 /*&.parent 1478 }*/ 1479 } 1480 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul > li.parent > div { 1481 position: absolute; 1482 top: 0; 1483 bottom: 0; 1484 left: calc(100% - 4px); 1485 min-width: 150px; 1486 min-height: -moz-min-content; 1487 min-height: min-content; 1488 height: 100%; 1489 padding: calc(var(--layout-vertical-margin) + 36px + 1rem) 0 var(--layout-vertical-margin); 1490 background: #818285; 1491 border-left: 1px solid #58585a; 1492 border-radius: 0 0 0.5rem 0; 1493 } 1494 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul > li.parent > div::before { 1495 content: ""; 1496 position: absolute; 1497 z-index: -1; 1498 inset: 0 0 0 2px; 1499 border-radius: inherit; 1500 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 1501 } 1502 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul > li.parent > div ul { 1503 transition: transform 0.35s, opacity 0.35s; 1504 transform: translateX(-2rem); 1505 opacity: 0; 1506 } 1507 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul > li.parent:not(:hover) > div { 1508 min-height: 0; 1509 height: 0; 1510 padding: 0; 1511 overflow: hidden; 1512 } 1513 #main-menu > div > ul > li > div:has(ul > li.parent) > ul ul > li.parent:hover > div > ul { 1514 transform: none; 1515 opacity: 1; 1516 } 1517 #main-menu > div > ul > li.parent:not(:hover) > div { 1518 height: 0; 1519 padding: 0; 1520 overflow: hidden; 1521 } 1522} 1523.box, .column--images img { 1524 border-radius: 0.5rem; 1525 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 1526} 1527 1528.column--buttons { 1529 position: sticky; 1530 bottom: var(--layout-vertical-margin); 1531} 1532 1533.box, .tab { 1534 overflow: hidden; 1535 grid-template-columns: var(--default-padding) 1fr var(--default-padding); 1536 position: relative; 1537} 1538.box:not([hidden]), .tab:not([hidden]) { 1539 display: grid; 1540} 1541.box > *, .tab > * { 1542 grid-column: 2; 1543 margin: 0; 1544} 1545 1546.box { 1547 container-type: inline-size; 1548 min-height: 2rem; 1549 background: #ffffff; 1550} 1551.box > :not(:first-child) { 1552 margin-top: var(--default-padding); 1553} 1554.box > :not(:first-child) > :first-child { 1555 margin-top: 0; 1556} 1557.box > :last-child:not(:first-child):not(.box__fill) { 1558 margin-bottom: var(--default-padding); 1559} 1560 1561.box--grey h2, .box--grey h3, .box--gradient h2, .box--gradient h3 { 1562 color: #4d4d4d; 1563} 1564 1565.box--grey { 1566 background: #d1d2d4; 1567} 1568 1569.box--gradient { 1570 background: linear-gradient(167deg, color-mix(in srgb, #d1d2d4, white 30%) 0%, #d1d2d4 100%); 1571} 1572 1573.box--dark { 1574 background: #58585a; 1575} 1576.box--dark h2, .box--dark h3 {
1577 color: #d1d2d4; 1578} 1579 1580.box--tail { 1581 overflow: visible; 1582 box-shadow: none; 1583 filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3)); 1584 margin-bottom: 1rem; 1585} 1586.box--tail::after { 1587 content: ""; 1588 display: block; 1589 width: 1.5rem; 1590 height: 1.5rem; 1591 background: inherit; 1592 position: absolute; 1593 bottom: -0.67rem; 1594 left: 3rem; 1595 transform: rotate(45deg); 1596} 1597.box--tail.box--tail_right::after { 1598 left: auto; 1599 right: 3rem; 1600} 1601 1602.box__heading, .box__fill { 1603 grid-column: 1/-1; 1604} 1605.box__heading:not(.box__fill--overflow):first-child, .box__heading:not(.box__fill--overflow):last-child, .box__fill:not(.box__fill--overflow):first-child, .box__fill:not(.box__fill--overflow):last-child { 1606 overflow: hidden; 1607} 1608.box__heading:first-child, .box__fill:first-child { 1609 border-top-left-radius: 0.5rem; 1610 border-top-right-radius: 0.5rem; 1611} 1612.box__heading:last-child, .box__fill:last-child { 1613 border-bottom-left-radius: 0.5rem; 1614 border-bottom-right-radius: 0.5rem; 1615} 1616 1617.box .box__fill { 1618 margin-top: 0; 1619} 1620 1621.box__file { 1622 margin-bottom: 0; 1623} 1624 1625.box__heading { 1626 font-size: 1.25rem; 1627 padding: 0.75rem var(--default-padding); 1628 margin: 0; 1629 background: #58585a; 1630 color: #fff; 1631} 1632 1633.box__menu { 1634 --depth: 1; 1635 --depth-sub: 0; 1636 padding: 0.375rem 0; 1637} 1638.box__menu li > a, .box__menu li > span { 1639 display: block; 1640 line-height: normal; 1641 padding: 0.5rem 1rem; 1642 padding-left: calc(max(1, var(--depth) - var(--depth-sub)) * 1rem); 1643 color: #fff; 1644 text-decoration: none; 1645} 1646.box__menu li > a.active, .box__menu li > a:hover { 1647 background: var(--theme-dark); 1648} 1649.box__menu, .box__menu ul { 1650 padding: 0; 1651 list-style: none; 1652} 1653 1654@media (max-width: 991.98px) { 1655 .box--sub-menu { 1656 margin-bottom: calc(var(--layout-vertical-margin) * -0.33); 1657 } 1658 .box__menu { 1659 --depth-sub: 1; 1660 } 1661 .box__menu li:has(> button) { 1662 display: grid; 1663 grid-template-columns: 3rem 1fr; 1664 grid-template-rows: 3rem auto; 1665 } 1666 .box__menu li:has(> button) > * { 1667 grid-row: 1; 1668 } 1669 .box__menu li:has(> button) > :first-child { 1670 grid-column: 2; 1671 } 1672 .box__menu li:has(> button) > a { 1673 align-self: stretch; 1674 display: grid; 1675 align-items: center; 1676 padding-left: 0.5rem; 1677 } 1678 .box__menu li:has(> button) > a.active:not(:hover) { 1679 background: none; 1680 } 1681 .box__menu li:has(> button) button { 1682 grid-column: 1; 1683 background: none; 1684 border: 0; 1685 color: #fff; 1686 text-align: center; 1687 } 1688 .box__menu li:has(> button) button:not([aria-expanded=true]) + div { 1689 height: 0; 1690 overflow: hidden; 1691 } 1692 .box__menu li:has(> button) button[aria-expanded=true] + div { 1693 border-top: 1px solid #818285; 1694 } 1695 .box__menu li:has(> button) div { 1696 grid-column: 1/-1; 1697 grid-row: 2; 1698 } 1699} 1700@media (min-width: 992px) { 1701 .box__menu li button { 1702 display: none; 1703 } 1704} 1705.box__cta { 1706 margin: 1.5rem 0; 1707 font-size: 1.6rem; 1708 line-height: 1.125em; 1709 white-space: pre-wrap; 1710} 1711 1712.box__wswu a { 1713 position: absolute; 1714 top: 0; 1715 bottom: 0; 1716 left: 0; 1717 right: 0; 1718 z-index: 1; 1719 overflow: hidden; 1720 text-indent: -999em; 1721} 1722.box__wswu ul { 1723 padding: 0; 1724 margin: 0; 1725 list-style: none; 1726 grid-template-columns: 1fr 1fr; 1727 gap: 1.25rem; 1728} 1729.box__wswu ul li { 1730 background: #f3f3f4; 1731 border-radius: 0.375rem; 1732 padding: 1.25rem; 1733 text-align: center; 1734 line-height: normal; 1735} 1736.box__wswu ul li img { 1737 height: 60px; 1738 margin-bottom: 0.5rem; 1739} 1740.box__wswu ul li b { 1741 font-size: 0.9rem; 1742 display: block; 1743} 1744.box__wswu ul li span { 1745 font-size: 0.75rem; 1746 line-height: normal; 1747} 1748 1749@media (min-width: 768px) { 1750 .box__wswu ul { 1751 grid-template-columns: repeat(auto-fit, minmax(var(--wswu-min, 210px), 1fr)); 1752 } 1753} 1754@media (min-width: 1200px) { 1755 .box__wswu ul { 1756 --wswu-min: 260px; 1757 } 1758} 1759.box__affiliates ul { 1760 --min-columns: 2; 1761 --max-columns: 5; 1762 --gap: 1rem; 1763 padding: 0; 1764 margin: 0; 1765 list-style: none; 1766 grid-template-columns: repeat(auto-fit, minmax(min(100% / var(--min-columns) - var(--gap) * (var(--min-columns) - 1) / var(--min-columns), max(150px, 100% / var(--max-columns) - var(--gap) * (var(--max-columns) - 1) / var(--max-columns))), 1fr)); 1767 gap: var(--gap); 1768} 1769.box__affiliates ul li > * { 1770 display: block; 1771 width: 100%; 1772} 1773.box__affiliates ul .logo { 1774 padding: 0.75rem 0; 1775 text-align: center; 1776} 1777.box__affiliates ul .logo img { 1778 height: 65px; 1779 width: 130px; 1780 -o-object-fit: contain; 1781 object-fit: contain; 1782} 1783.box__affiliates ul .text { 1784 padding: 0.25rem 0; 1785 border-top: 1px solid #d1d2d4; 1786 font-size: 0.8rem; 1787} 1788 1789.box__news { 1790 --min-columns: 1; 1791 --max-columns: 2; 1792 --gap: 1.5rem; 1793 grid-template-columns: repeat(auto-fit, minmax(min(100% / var(--min-columns) - var(--gap) * (var(--m
1793in-columns) - 1) / var(--min-columns), max(300px, 100% / var(--max-columns) - var(--gap) * (var(--max-columns) - 1) / var(--max-columns))), 1fr)); 1794 gap: var(--gap); 1795} 1796.box__news div { 1797 grid-template-columns: 70px 1fr; 1798 grid-template-rows: auto 1fr; 1799 gap: 0 0.75rem; 1800} 1801.box__news div h3 { 1802 margin-top: 0; 1803 grid-column: span 2; 1804} 1805.box__news div p { 1806 margin: 0; 1807} 1808.box__news div p:nth-child(2) { 1809 grid-column: span 2; 1810} 1811 1812.box__list { 1813 list-style: none; 1814 padding: 0; 1815 margin: 0; 1816} 1817.box__list li:not(:first-child) { 1818 border-top: 2px solid #d1d2d4; 1819} 1820.box__list li button, .box__list li a { 1821 display: grid; 1822 grid-template-columns: 110px 1fr; 1823 width: 100%; 1824 align-items: center; 1825 gap: 0.75rem; 1826 background: none; 1827 border: 0; 1828 cursor: pointer; 1829 color: #4d4d4d; 1830 text-decoration: none; 1831} 1832.box__list li button .image, .box__list li a .image { 1833 aspect-ratio: 5/4; 1834 position: relative; 1835 overflow: hidden; 1836 display: grid; 1837 align-items: center; 1838 justify-items: center; 1839} 1840.box__list li button .image > *, .box__list li a .image > * { 1841 grid-row: 1; 1842 grid-column: 1; 1843 position: relative; 1844} 1845.box__list li button .image img, .box__list li a .image img { 1846 aspect-ratio: inherit; 1847 width: 100%; 1848 height: 100%; 1849 -o-object-fit: contain; 1850 object-fit: contain; 1851} 1852.box__list li button .image img.cover, .box__list li a .image img.cover { 1853 -o-object-fit: cover; 1854 object-fit: cover; 1855} 1856.box__list li button .text, .box__list li a .text { 1857 text-align: left; 1858 line-height: normal; 1859} 1860.box__list li button .text strong, .box__list li a .text strong { 1861 display: block; 1862 text-wrap: pretty; 1863 font-size: 1.1em; 1864 margin-bottom: 0.125rem; 1865} 1866.box__list--links li a { 1867 padding: 0.25rem 0; 1868} 1869.box__list--links li a .text { 1870 padding: 0.375rem 0.75rem 0.375rem 0; 1871} 1872.box__list--links li a:hover { 1873 color: #777; 1874} 1875.box__list--links.hover li a:hover { 1876 background: #77bfdf; 1877 color: #000; 1878} 1879.box__list--links.flip li button, .box__list--links.flip li a { 1880 grid-template-columns: 1fr 110px; 1881} 1882.box__list--links.flip li button .text, .box__list--links.flip li a .text { 1883 padding: 0.375rem 0 0.375rem 0.75rem; 1884} 1885 1886.tabs { 1887 margin-top: 1.5rem !important; 1888} 1889 1890.tabs__list { 1891 position: sticky; 1892 top: 36px; 1893 z-index: 1; 1894 list-style: none; 1895 padding: 0 var(--default-padding); 1896 margin: 0; 1897 border-bottom: 2px solid #d1d2d4; 1898 background: #ffffff; 1899 display: grid; 1900 grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr)); 1901} 1902.tabs__list a { 1903 display: block; 1904 padding: 0.5rem 0; 1905 font-size: 1.25rem; 1906 line-height: 1em; 1907 text-decoration: none; 1908 text-align: center; 1909 color: var(--theme-dark); 1910 border: 2px solid transparent; 1911 margin-bottom: -2px; 1912 border-radius: 0.375rem 0.375rem 0 0; 1913} 1914.tabs__list a[aria-selected=true] { 1915 border-color: #d1d2d4; 1916 border-bottom-color: #ffffff; 1917 color: #4d4d4d; 1918} 1919 1920.box__prices { 1921 /*&.box__fill { 1922 .description { 1923 padding: 0 var(--default-padding); 1924 } 1925 >div,.prices>li { 1926 padding: .75rem var(--default-padding); 1927 } 1928 }*/ 1929} 1930.box__prices .description { 1931 padding: 0 var(--default-padding); 1932} 1933.box__prices > div, .box__prices .prices > li { 1934 padding: 0.75rem var(--default-padding); 1935} 1936.box__prices > div, .box__prices .prices > li:not(:last-child) { 1937 border-bottom: 2px solid #d1d2d4; 1938} 1939.box__prices .image { 1940 text-align: center; 1941} 1942.box__prices .prices { 1943 list-style: none; 1944 padding: 0; 1945 margin: 0; 1946 grid-template-columns: auto 1fr auto; 1947} 1948.box__prices .prices li { 1949 display: grid; 1950 grid-column: span 3; 1951 grid-template-columns: subgrid; 1952 gap: 1rem; 1953 font-size: 1.25rem; 1954} 1955 1956.box__basket { 1957 padding: 0 1rem; 1958 color: #4d4d4d; 1959} 1960.box__basket h2 { 1961 line-height: 1.1rem; 1962 font-size: 1.2rem; 1963} 1964.box__basket ul { 1965 list-style: none; 1966 background: rgba(255, 255, 255, 0.6); 1967 padding: 0.25rem; 1968 margin: 0.5rem 0; 1969 border-radius: 0.375rem; 1970} 1971.box__basket ul li { 1972 display: grid; 1973 grid-template-columns: 1fr 1fr; 1974 padding: 0.25rem; 1975 border-bottom: 1px solid #d1d2d4; 1976} 1977.box__basket ul li .name { 1978 grid-column: span 2; 1979} 1980.box__basket ul li > :last-child { 1981 text-align: right; 1982} 1983.box__basket ul li.total { 1984 font-size: 1.1rem; 1985 border-bottom: 0; 1986} 1987 1988.box__videos li button { 1989 padding: 0.75rem; 1990 grid-template-columns: minmax(0, min(120px, 40%)) 1fr; 1991 gap: 0.75rem; 1992} 1993.box__videos li button .image { 1994 aspect-ratio: 16/9; 1995 border: 1px solid #d1d2d4; 1996 border-radius: 0.375rem; 1997 width: 100%; 1998 min-width: 80px; 1999} 2000.box__videos li button .image svg { 2001 z-index: 1; 2002 width: 42px; 2003 height: 30px; 2004 padding: 7px 6px; 2005 background: color-mix(in srgb, #58585a, transparent 25%); 2006 fill: #ffffff; 2007 border-radius: 0.375rem; 2008} 2009.box__videos li button:hover { 2010 background: #77bfdf; 2011 color: #000; 2012} 2013.box__videos li button:hover .image svg { 2014 backdrop-filter: brightness(0.6); 2015} 2016.box__videos li a { 2017 padding: 0.75rem; 2018 grid-template-columns: 1fr auto; 2019 gap: 0.75rem; 2020} 2021.box__videos li a svg { 2022 width: 24px; 2023 height: auto; 2024} 2025.box__videos li a:hover { 2026 background-color: #fafbfd; 2027} 2028 2029.box__quote img { 2030 display: block; 2031} 2032.box__quote p { 2033 margin: 0; 2034 padding: 2rem var(--default-padding); 2035 position: relative; 2036} 2037.box__quote p::before, .box__quote p::after { 2038 font-family: serif; 2039 position: absolute; 2040 font-size: 3.75rem; 2041 opacity: 0.5; 2042} 2043.box__quote p::before { 2044 content: "â"; 2045 top: 1.125rem; 2046 left: calc(var(--default-padding) - 0.5rem); 2047} 2048.box__quote p::after {
2049 content: "â"; 2050 bottom: -0.125rem; 2051 right: var(--default-padding); 2052} 2053.box__quote footer { 2054 padding: 0 var(--default-padding) 1rem; 2055} 2056 2057.box * + .image.image-style-align-right, .box * + .image.image-style-align-left { 2058 margin-top: 3em; 2059} 2060 2061.box figure { 2062 margin: 1em 0; 2063 /*&.image { 2064 border:3px solid black; 2065 }*/ 2066} 2067.box figure.image-style-align-right { 2068 float: right; 2069 margin-left: 1em; 2070} 2071.box figure.image-style-align-left { 2072 float: left; 2073 margin-right: 1em; 2074} 2075 2076.blog-image { 2077 margin: var(--default-padding) 0 var(--default-padding) var(--default-padding); 2078 float: right; 2079 max-width: 240px; 2080} 2081 2082.blog-list { 2083 container-type: inline-size; 2084} 2085.blog-list article { 2086 margin: 1rem 0; 2087 display: grid; 2088 grid-template-columns: 1fr clamp(80px, 33%, 240px); 2089 gap: 0 1rem; 2090} 2091.blog-list article h2 { 2092 margin-top: 0; 2093} 2094@container (width < 512px) { 2095 .blog-list article > div { 2096 grid-column: span 2; 2097 } 2098 .blog-list article > img { 2099 display: none; 2100 } 2101} 2102 2103.blog-menu .box__heading { 2104 padding-left: 1rem; 2105 padding-right: 1rem; 2106} 2107.blog-menu ul.archives { 2108 grid-template-columns: repeat(3, 1fr); 2109} 2110 2111.a2z { 2112 -moz-columns: 200px; 2113 columns: 200px; 2114 gap: var(--default-padding); 2115 /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 2116 grid-auto-flow: row;*/ 2117} 2118.a2z h2 { 2119 margin-top: 0; 2120 margin-bottom: 0.5em; 2121} 2122 2123.a2z__letter { 2124 -moz-column-break-inside: avoid; 2125 break-inside: avoid; 2126} 2127 2128.a2z__list { 2129 list-style: none; 2130 padding-left: 0; 2131} 2132 2133.product-list { 2134 overflow: hidden; 2135} 2136.product-list .options { 2137 text-align: right; 2138} 2139.product-list ul { 2140 list-style: none; 2141 padding: 0; 2142 margin-top: 2rem; 2143 margin-bottom: -2px; 2144 width: calc(100% + 2px); 2145 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 2146 grid-template-rows: 1fr; 2147 line-height: 1.25em; 2148} 2149.product-list ul > li { 2150 grid-template-columns: 90px 1fr; 2151 padding: 0.75rem; 2152 gap: 0.5rem; 2153 border-right: 2px solid #d1d2d4; 2154 border-bottom: 2px solid #d1d2d4; 2155} 2156.product-list .info.grid { 2157 grid-template-rows: 1fr auto auto; 2158 gap: 0.5rem; 2159} 2160.product-list .name { 2161 display: block; 2162 min-height: 5rem; 2163} 2164.product-list .price { 2165 grid-template-columns: auto 1fr; 2166} 2167.product-list .price > span { 2168 display: grid; 2169 grid-column: span 2; 2170 gap: 0.5rem; 2171 grid-template-columns: subgrid; 2172} 2173.product-list .price > span.rrp span:last-child { 2174 text-decoration: line-through; 2175} 2176.product-list .price > span.sale { 2177 text-transform: uppercase; 2178 color: #f3444a; 2179} 2180.product-list .buttons { 2181 display: inline-flex; 2182 gap: 0.5rem; 2183} 2184.product-list .buttons.sale .buy { 2185 background: #f3444a; 2186} 2187 2188.product-details .grid { 2189 grid-template-columns: minmax(33%, 200px) 1fr; 2190 gap: 1rem; 2191} 2192.product-details .grid div:only-child { 2193 grid-column: span 2; 2194} 2195 2196.form .form__product { 2197 display: grid; 2198 grid-template-columns: 60px 1fr auto auto; 2199 gap: var(--default-padding); 2200 align-items: top; 2201} 2202.form .form__product .product a { 2203 font-size: 1.05em; 2204 text-wrap: pretty; 2205} 2206.form .form__product + .form__product { 2207 border-top: 1px solid #d1d2d4; 2208 padding-top: 1rem; 2209} 2210 2211.event-list { 2212 overflow: hidden; 2213} 2214.event-list ul { 2215 list-style: none; 2216 display: grid; 2217 margin-bottom: -2px; 2218 padding: 0; 2219 width: calc(100% + 2px); 2220 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 2221} 2222.event-list ul li { 2223 padding: 0.75rem; 2224 border-right: 2px solid #d1d2d4; 2225 border-bottom: 2px solid #d1d2d4; 2226} 2227.event-list h3, .event-list h4 { 2228 margin: 0 0 0.5em; 2229} 2230.event-list dl { 2231 font-size: 0.95em; 2232} 2233 2234.box__events ul { 2235 margin-top: 0; 2236} 2237.box__events ul li { 2238 padding: var(--default-padding); 2239} 2240.box__events h3, .box__events h4 { 2241 margin-bottom: 1rem; 2242} 2243.box__events dl dt { 2244 font-weight: bold; 2245} 2246 2247.event-columns { 2248 display: grid; 2249} 2250.event-columns .divider { 2251 min-width: 2px; 2252 min-height: 2px; 2253 background-color: #d1d2d4; 2254} 2255.event-columns .event { 2256 padding: 0 var(--default-padding); 2257} 2258.event-columns .event dl { 2259 font-size: 0.9em; 2260} 2261@container ( width >= 600px ) { 2262 .event-columns { 2263 grid-template-columns: 1fr auto 1fr auto 1fr; 2264 } 2265} 2266 2267.page-footer { 2268 margin-top: var(--layout-vertical-margin, 1.5rem); 2269 border-top: 10px solid #58585a; 2270 padding: 1.5rem 0; 2271 background: #818285; 2272 font-size: 0.9rem; 2273} 2274.page-footer, .page-footer a { 2275 color: #000; 2276} 2277.page-footer ul { 2278 list-style: none; 2279 padding: 0; 2280} 2281 2282.footer__top { 2283 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); 2284 gap: var(--layout-vertical-margin, 1.5rem) var(--layout-horizontal-margin, 1.5rem); 2285} 2286.footer__top a:not(.shaker):hover {
2287 color: #bbb; 2288} 2289.footer__top .shaker { 2290 font-size: 1.1em; 2291 color: #fff; 2292} 2293.footer__top .shaker + * { 2294 margin-top: 0.6rem; 2295} 2296.footer__top a.shaker:not(:hover) { 2297 text-decoration: none; 2298} 2299.footer__top > li .shaker + * { 2300 font-size: 0.95em; 2301} 2302.footer__top > li ul { 2303 line-height: 1.5em; 2304} 2305.footer__top address { 2306 font-style: normal; 2307 line-height: 1.2em; 2308} 2309.footer__top img { 2310 display: block; 2311 max-height: 24px; 2312 margin-top: 1.75em; 2313 filter: grayscale(1); 2314} 2315 2316.footer__bottom { 2317 margin-top: var(--layout-vertical-margin, 1.5rem); 2318 gap: 0.75em; 2319 align-items: center; 2320 justify-content: center; 2321} 2322 2323.content table th { 2324 text-align: left; 2325 font-weight: bold; 2326} 2327 2328table.prices-table { 2329 width: 100%; 2330 border-collapse: collapse; 2331 table-layout: fixed; 2332} 2333table.prices-table th, table.prices-table td { 2334 border-top: 1px solid #58585a; 2335 width: 70px; 2336 padding: 0.5rem 0; 2337 vertical-align: top; 2338} 2339table.prices-table th:not(:last-child), table.prices-table td:not(:last-child) { 2340 border-right: 0.75rem solid transparent; 2341} 2342table.prices-table th:first-child, table.prices-table td:first-child { 2343 width: 100%; 2344} 2345 2346.tech-test { 2347 display: grid; 2348 grid-template-columns: auto 1fr; 2349 align-items: stretch; 2350 border: 1px solid #ccc; 2351 border-radius: 0.5rem; 2352 margin: 1rem 0; 2353} 2354.tech-test > * { 2355 padding: 0.5rem 1rem; 2356 display: flex; 2357 align-items: center; 2358} 2359.tech-test .test { 2360 grid-row: span 2; 2361 gap: 1rem; 2362 min-width: 180px; 2363 font-size: 1.35em; 2364 color: #818285; 2365} 2366.tech-test .result, .tech-test .action { 2367 border-left: 1px solid #d1d2d4; 2368 font-size: 0.9rem; 2369 line-height: 1.1rem; 2370} 2371.tech-test .result { 2372 border-bottom: 1px solid #d1d2d4; 2373} 2374.tech-test svg { 2375 width: 48px; 2376} 2377@container (width>600px) { 2378 .tech-test { 2379 grid-template-columns: auto 3fr 2fr; 2380 } 2381 .tech-test .test { 2382 grid-row: 1; 2383 } 2384 .tech-test .result { 2385 border-bottom: 0; 2386 } 2387} 2388 2389/*.address-list { 2390 container-type: inline-size; 2391 overflow: hidden; 2392 ul { 2393 list-style: none; 2394 padding: 0; 2395 margin-bottom: -2px; 2396 width: calc(100% + 2px); 2397 display: grid; 2398 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 2399 grid-template-rows: 1fr; 2400 >li { 2401 display: grid; 2402 grid-template-rows: 1fr auto; 2403 padding: .75rem; 2404 gap: .5rem; 2405 border-right: 2px solid $borderLight; 2406 border-bottom: 2px solid $borderLight; 2407 } 2408 } 2409 @container (width < 500px){ 2410 ul>li { 2411 grid-template-rows: 1fr; 2412 grid-template-columns: 1fr auto; 2413 .button-list { 2414 flex-direction: column; 2415 } 2416 } 2417 } 2418}*/ 2419.address-list { 2420 container-type: inline-size; 2421 list-style: none; 2422 padding: 0; 2423 display: grid; 2424 gap: 0.5rem; 2425 grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); 2426 grid-template-rows: 1fr; 2427} 2428.address-list > li { 2429 display: grid; 2430 grid-template-rows: 1fr auto; 2431 padding: 0.75rem; 2432 gap: 0.75rem; 2433 border: 2px solid #d1d2d4; 2434 border-radius: 0.375rem; 2435} 2436.address-list > li.selected { 2437 border-color: var(--theme-light); 2438} 2439@container (width < 500px) { 2440 .address-list { 2441 grid-template-columns: 1fr; 2442 } 2443 .address-list > li { 2444 grid-template-rows: 1fr; 2445 grid-template-columns: 1fr auto; 2446 } 2447 .address-list > li .button-list { 2448 flex-direction: column; 2449 } 2450} 2451 2452.order-list { 2453 display: grid; 2454 padding: 0; 2455 grid-template-columns: repeat(6, auto); 2456 grid-template-rows: auto; 2457} 2458.order-list li { 2459 display: grid; 2460 grid-column: 1/-1; 2461 grid-template-columns: subgrid; 2462 gap: 0.75rem 1.5rem; 2463 padding: 0.375rem; 2464 border-top: 1px solid #d1d2d4; 2465} 2466.order-list li.labels { 2467 border-top: 0; 2468} 2469.order-list li .view { 2470 justify-self: end; 2471} 2472@container (max-width: 767.98px) { 2473 .order-list { 2474 grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); 2475 grid-template-rows: 1fr; 2476 gap: 0.5rem; 2477 } 2478 .order-list li.labels { 2479 display: none; 2480 } 2481 .order-list li { 2482 grid-column: auto; 2483 grid-template-columns: 1fr auto; 2484 grid-template-rows: auto; 2485 gap: 0; 2486 padding: 0.75rem; 2487 border: 2px solid #d1d2d4; 2488 border-radius: 0.375rem; 2489 } 2490 .order-list li > span { 2491 grid-column: span 2; 2492 grid-row: auto; 2493 } 2494 .order-list li > .ref { 2495 grid-column: 1; 2496 } 2497 .order-list li > .view { 2498 grid-column: 2; 2499 grid-row: 1; 2500 } 2501 .order-list li > span[data-label]:has(> span:not(:empty))::before { 2502 content: attr(data-label); 2503 display: inline-block; 2504 width: 80px; 2505 font-family: "Shaker Bold Italic", "Trebuchet MS", Arial, sans-serif; 2506 font-weight: bold; 2507 font-style: italic; 2508 } 2509} 2510 2511.basket { 2512 display: grid; 2513 padding: 0; 2514 grid-template-columns: 80px 1fr auto; 2515 grid-template-rows: repeat(3, auto); 2516 grid-template-areas: "image product product" "image price price" "image quantity subtotal"; 2517} 2518.basket.basket--summary { 2519 margin: 0; 2520 grid-template-areas: "image product product" "image price subtotal"; 2521} 2522.basket.basket--summary li {
2523 grid-row: span 2; 2524} 2525.basket.basket--summary li:last-child { 2526 border-bottom: 0; 2527} 2528.basket.basket--order { 2529 grid-template-columns: 1fr auto; 2530 grid-template-areas: "product product" "price price" "quantity subtotal"; 2531} 2532.basket li { 2533 display: grid; 2534 grid-column: 1/-1; 2535 grid-template-columns: subgrid; 2536 grid-row: span 3; 2537 grid-template-rows: subgrid; 2538 gap: 0.75rem 1.5rem; 2539 align-items: center; 2540 border-bottom: 1px solid #d1d2d4; 2541} 2542.basket li:not(.grey-heading) { 2543 padding: 0.75rem 0.375rem; 2544} 2545.basket li.labels, .basket li .label { 2546 font-size: 1.1rem; 2547} 2548.basket li.labels { 2549 display: none; 2550} 2551.basket .image { 2552 grid-area: image; 2553 grid-row: span 2; 2554 align-self: start; 2555} 2556.basket .image:empty { 2557 display: none; 2558} 2559.basket .image img { 2560 display: block; 2561 width: 100%; 2562 max-width: 80px; 2563 margin-right: 1.5rem; 2564} 2565.basket .product { 2566 grid-area: product; 2567} 2568.basket .description { 2569 display: block; 2570 color: #818285; 2571 font-size: 0.9rem; 2572} 2573.basket .price { 2574 grid-area: price; 2575} 2576.basket .quantity { 2577 grid-area: quantity; 2578} 2579.basket .quantity form { 2580 display: flex; 2581 align-items: center; 2582 gap: 0.75rem; 2583} 2584.basket .quantity form input[name=quantity] { 2585 width: 55px; 2586} 2587.basket .subtotal, .basket .total { 2588 text-align: right; 2589} 2590.basket .subtotal { 2591 grid-area: subtotal; 2592} 2593.basket .label { 2594 grid-column: 1/-2; 2595 text-align: right; 2596} 2597@container (min-width: 768px) { 2598 .basket { 2599 grid-template-columns: 100px 1fr auto auto auto; 2600 grid-template-rows: 1fr; 2601 grid-template-areas: "image product price quantity subtotal"; 2602 } 2603 .basket.basket--order { 2604 grid-template-columns: 1fr auto auto auto; 2605 grid-template-areas: "product price quantity subtotal"; 2606 } 2607 .basket li { 2608 grid-row: span 1; 2609 gap: 2rem; 2610 } 2611 .basket li:not(.grey-heading) { 2612 padding: 0.375rem; 2613 } 2614 .basket li.labels { 2615 display: grid; 2616 } 2617 .basket .x-qty { 2618 display: none; 2619 } 2620 .basket .image { 2621 grid-row: 1; 2622 } 2623} 2624 2625.checkout-address { 2626 display: grid; 2627 grid-template-rows: auto 1fr auto; 2628} 2629.checkout-address p:first-of-type { 2630 margin: 0; 2631} 2632 2633.added-to-basket { 2634 display: grid; 2635 color: #4d4d4d; 2636 text-align: left; 2637 padding: 0.5rem 1.5rem; 2638} 2639.added-to-basket img { 2640 display: none; 2641} 2642.added-to-basket h3 { 2643 color: #4d4d4d; 2644} 2645 2646@media (min-width: 480px) { 2647 .added-to-basket { 2648 width: 540px; 2649 grid-template-columns: minmax(100px, 200px) 1fr; 2650 gap: 1rem; 2651 } 2652 .added-to-basket > div:only-child { 2653 grid-column: span 2; 2654 } 2655 .added-to-basket img { 2656 margin: 1rem 0; 2657 display: block; 2658 } 2659} 2660.small-button, .medium-button, .big-button { 2661 border: 0; 2662 text-align: center; 2663 text-decoration: none; 2664 cursor: pointer; 2665} 2666.small-button.glow, .medium-button.glow, .big-button.glow { 2667 box-shadow: 0 0 5px white; 2668} 2669.small-button:disabled, .medium-button:disabled, .big-button:disabled { 2670 cursor: not-allowed; 2671 filter: grayscale(1); 2672 opacity: 0.5; 2673} 2674.small-button:has(svg):has(span), .medium-button:has(svg):has(span), .big-button:has(svg):has(span) { 2675 display: inline-grid; 2676 grid-template-columns: auto 1fr; 2677 gap: 0.375rem; 2678} 2679.small-button:has(svg):has(span) svg.icon, .medium-button:has(svg):has(span) svg.icon, .big-button:has(svg):has(span) svg.icon { 2680 width: 1rem; 2681} 2682 2683.small-button, .medium-button { 2684 display: inline-block; 2685 vertical-align: middle; 2686} 2687 2688.small-button { 2689 padding: 0.25rem; 2690 min-width: 55px; 2691 border-radius: 0.375rem; 2692 color: #000; 2693 font-size: 1rem; 2694 line-height: 1em; 2695} 2696.small-button, .small-button.inverted:hover { 2697 background-color: #d1d2d4; 2698} 2699.small-button.inverted, .small-button:not(:disabled):not(.disabled):hover { 2700 background-color: var(--theme-bg, var(--theme-light)); 2701 color: var(--theme-bg-text, #000); 2702} 2703.small-button.disabled, .small-button:disabled { 2704 opacity: 0.5; 2705} 2706.small-button.form { 2707 padding: 0.4375rem 0.25rem; 2708} 2709 2710.medium-button { 2711 height: 42px; 2712 padding: 0.1875rem 0.75rem; 2713 min-width: 130px; 2714 border-radius: 0.5rem; 2715 color: #fff; 2716 font-size: 1.125rem; 2717 line-height: 2em; 2718} 2719.medium-button, .medium-button.inverted:hover, .medium-button.inverted:focus, .medium-button.inverted.active { 2720 background-color: #58585a; 2721 color: #fff; 2722} 2723.medium-button.light:not(:hover):not(:focus) { 2724 background-color: #d1d2d4; 2725 color: #000; 2726} 2727.medium-button.inverted, .medium-button:hover, .medium-button:focus, .medium-button.active {
2728 background-color: var(--theme-bg-hover, var(--theme-dark)); 2729 color: var(--theme-bg-text, #fff); 2730} 2731.medium-button.auto { 2732 min-width: 0; 2733} 2734.medium-button.full { 2735 width: 100%; 2736} 2737.medium-button.form { 2738 height: 30px; 2739 line-height: 1em; 2740 padding: 0.375rem; 2741} 2742.medium-button > span { 2743 display: inline-block; 2744 line-height: 1em; 2745} 2746 2747.big-button { 2748 display: block; 2749 padding: 1.25rem; 2750 color: #fff; 2751 border-radius: 0.5rem; 2752 font-size: 1.25em; 2753} 2754.big-button, .big-button.inverted:hover { 2755 background-color: #58585a; 2756} 2757.big-button.inverted, .big-button:hover { 2758 background-color: var(--theme-bg-hover, var(--theme-dark)); 2759 color: var(--theme-bg-text, #fff); 2760} 2761 2762.button-group { 2763 display: inline-flex; 2764 gap: 2px; 2765 align-items: start; 2766} 2767.button-group span { 2768 align-self: center; 2769 display: inline-block; 2770 margin-right: 0.5rem; 2771} 2772.button-group a:first-of-type, .button-group button:first-of-type { 2773 border-top-right-radius: 0; 2774 border-bottom-right-radius: 0; 2775} 2776.button-group a:not(:first-of-type):not(:last-of-type), .button-group button:not(:first-of-type):not(:last-of-type) { 2777 border-radius: 0; 2778} 2779.button-group a:last-of-type, .button-group button:last-of-type { 2780 border-top-left-radius: 0; 2781 border-bottom-left-radius: 0; 2782} 2783 2784.button-group--regions { 2785 justify-content: flex-end; 2786} 2787.button-group--regions:first-child { 2788 margin-top: var(--default-padding); 2789 height: 0; 2790 margin-bottom: calc(0px - var(--default-padding)); 2791 position: relative; 2792 z-index: 1; 2793} 2794 2795.menu-button { 2796 display: grid; 2797 grid-template-columns: 30px auto; 2798 gap: 0.5rem; 2799 align-items: center; 2800 border: 0; 2801 background: transparent; 2802 color: #fff; 2803} 2804.menu-button * { 2805 display: block; 2806} 2807 2808[aria-expanded=true] .menu__burger { 2809 background: transparent; 2810 box-shadow: none; 2811 transition: background-color 0s, box-shadow 0.3s; 2812} 2813[aria-expanded=true] .menu__burger::before { 2814 transform: rotate(45deg); 2815} 2816[aria-expanded=true] .menu__burger::after { 2817 transform: rotate(-45deg); 2818} 2819 2820.menu__burger { 2821 display: inline-block; 2822 vertical-align: middle; 2823 width: 24px; 2824 height: 2px; 2825 background-color: currentColor; 2826 box-shadow: 0 9px 0 currentColor, 0 -9px 0 currentColor; 2827 transition: background-color 0.3s, box-shadow 0.3s; 2828 position: relative; 2829} 2830.menu__burger::before, .menu__burger::after { 2831 content: ""; 2832 display: block; 2833 width: 100%; 2834 height: 100%; 2835 background: currentColor; 2836 position: absolute; 2837 top: 0; 2838 left: 0; 2839 transition: transform 0.3s; 2840} 2841 2842.form { 2843 --margin: 1rem; 2844 list-style: none; 2845 max-width: 90ch; 2846 padding: 0; 2847} 2848.form li { 2849 margin: var(--margin) 0; 2850} 2851.form li:first-child { 2852 margin-top: 0; 2853} 2854.form li:last-child { 2855 margin-bottom: 0; 2856} 2857.form.grid { 2858 gap: var(--margin); 2859} 2860.form.grid li { 2861 margin: 0; 2862} 2863 2864.form--no-margin { 2865 margin: 0; 2866} 2867 2868#search-form .form, #search-form .form li { 2869 max-width: none; 2870} 2871 2872.form--columns { 2873 -moz-columns: 200px; 2874 columns: 200px; 2875 gap: var(--default-padding); 2876} 2877.form--columns li { 2878 -moz-column-break-inside: avoid; 2879 break-inside: avoid; 2880} 2881 2882.form--grid-columns { 2883 display: grid; 2884 gap: 0 1rem; 2885} 2886.form--grid-columns li { 2887 margin: 0 0 1rem !important; 2888} 2889@container (width > 480px) { 2890 .form--grid-columns { 2891 grid-template-columns: 1fr 1fr; 2892 grid-template-rows: auto auto auto; 2893 } 2894 .form--grid-columns > * { 2895 display: grid; 2896 grid-column: auto; 2897 grid-row: span 3; 2898 grid-template-rows: subgrid; 2899 } 2900 .form--grid-columns > *:not(.form--grid-columns) > :last-child { 2901 grid-row: 3; 2902 } 2903} 2904 2905.big-search { 2906 display: grid; 2907 grid-template-columns: auto 1fr auto auto; 2908 align-items: center; 2909 gap: 0.75rem; 2910 background: #f3f3f4; 2911 padding: 0 0.5rem; 2912 border: 0.75rem solid #d1d2d4; 2913 border-radius: 0.375rem; 2914} 2915.big-search > * { 2916 margin: 0.5rem 0; 2917} 2918.big-search label span { 2919 display: none; 2920} 2921.big-search input[type=text] { 2922 max-width: none; 2923 height: 100%; 2924 padding: 0; 2925 margin: 0; 2926 border: 0; 2927 background: none; 2928 font-size: 1.2rem; 2929} 2930.big-search svg { 2931 color: #818285; 2932} 2933.big-search:not(:has(:nth-child(4))) { 2934 grid-template-columns: auto 1fr auto; 2935} 2936 2937fieldset.checkboxes { 2938 --min: 9; 2939 border: 0; 2940 padding: 0; 2941} 2942fieldset.checkboxes > ul { 2943 list-style: none; 2944 padding: 0; 2945 margin: 0; 2946} 2947fieldset.checkboxes > ul > li { 2948 margin: 0; 2949} 2950fieldset.checkboxes > ul.columns { 2951 -moz-columns: 150px; 2952 columns: 150px; 2953 gap: 1.5rem; 2954 /*align-items: top; 2955 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 2956 grid-auto-rows: auto;*/ 2957} 2958 2959label, span.label, legend.label { 2960 display: block; 2961 max-width: 450px; 2962 font-size: 1.1em; 2963 line-height: normal; 2964} 2965label:has(input):has(span:not([hidden])), span.label:has(input):has(span:not([hidden])), legend.label:has(input):has(span:not([hidden])) { 2966 display: grid; 2967 grid-template-columns: auto 1fr; 2968 align-items: start; 2969 gap: 0.75rem; 2970} 2971label:has(input):has(span:not([hidden])).inline, span.label:has(input):has(span:not([hidden])).inline, legend.label:has(input):has(span:not([hidden])).inline { 2972 display: inline-grid; 2973 width: auto; 2974} 2975label:has(input):has(span:not([hidden])).inline:not(:last-of-type), span.label:has(input):has(span:not([hidden])).inline:not(:last-of-type), legend.label:has(input):has(span:not([hidden])).inline:not(:last-of-type) { 2976 margin-right: 1em; 2977} 2978label:has(input):has(span:not([hidden])).center, span.label:has(input):has(span:not([hidden])).center, legend.label:has(input):has(span:not([hidden])).center { 2979 align-items: center; 2980} 2981label:has(input) input, span.label:has(input) input, legend.label:has(input) input { 2982 display: block; 2983} 2984label.sans-serif, span.label.sans-serif, legend.label.sans-serif { 2985 font-size: 1em; 2986} 2987label .sans-serif, span.label .sans-serif, legend.label .sans-serif { 2988 font-size: 0.91em; 2989} 2990label span.big, span.label span.big, legend.label span.big { 2991 font-size: 1.3em; 2992} 2993label.wide, span.label.wide, legend.label.wide { 2994 max-width: 90ch; 2995} 2996label.full, span.label.full, legend.label.full { 2997 max-width: none; 2998} 2999 3000input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=datetime-local], textarea, select, .field-group { 3001 width: 100%; 3002 max-width: 450px; 3003 vertical-align: top; 3004} 3005input[type=text].wide, input[type=email].wide, input[type=tel].wide, input[type=password].wide, input[type=number].wide, input[type=date].wide, input[type=datetime-local].wide, textarea.wide, select.wide, .field-group.wide { 3006 max-width: 90ch; 3007} 3008 3009input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=datetime-local], textarea, select { 3010 padding: 0.375rem; 3011 border: 1px solid #ccc; 3012 border-radius: 0; 3013 line-height: 1rem; 3014 min-height: 35px; 3015} 3016input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, input[type=date]:focus, input[type=datetime-local]:focus, textarea:focus, select:focus { 3017 border-color: #58585a; 3018 outline: none; 3019} 3020input[type=text].narrow, input[type=email].narrow, input[type=tel].narrow, input[type=password].narrow, input[type=number].narrow, input[type=date].narrow, input[type=datetime-local].narrow, textarea.narrow, select.narrow { 3021 max-width: 225px; 3022} 3023input[type=text].compact, input[type=email].compact, input[type=tel].compact, input[type=password].compact, input[type=number].compact, input[type=date].compact, input[type=datetime-local].compact, textarea.compact, select.compact { 3024 padding: 0.125rem; 3025} 3026input[type=text] + a, input[type=text] + button.form:last-child, input[type=email] + a, input[type=email] + button.form:last-child, input[type=tel] + a, input[type=tel] + button.form:last-child, input[type=password] + a, input[type=password] + button.form:last-child, input[type=number] + a, input[type=number] + button.form:last-child, input[type=date] + a, input[type=date] + button.form:last-child, input[type=datetime-local] + a, input[type=datetime-local] + button.form:last-child, textarea + a, textarea + button.form:last-child, select + a, select + button.form:last-child { 3027 margin-left: 0.75rem; 3028} 3029 3030input[type=date] { 3031 min-width: 115px; 3032} 3033 3034textarea { 3035 --lines: 2; 3036 min-height: 2.875rem; 3037 min-height: calc(var(--lines) * 1lh + 0.75rem); 3038 max-height: 15rem; 3039 field-sizing: content; 3040 resize: vertical; 3041} 3042textarea.short { 3043 --lines: 1; 3044} 3045textarea.tall { 3046 --lines: 3; 3047} 3048 3049input[type=checkbox], input[type=radio] { 3050 width: 1rem; 3051 height: 1rem; 3052 margin: 0.4rem 0;
3053 accent-color: var(--theme-bg-button, #727274); 3054} 3055input[type=checkbox] + span, input[type=radio] + span { 3056 margin: 0.2rem 0; 3057} 3058input[type=checkbox].large, input[type=radio].large { 3059 width: 1.5rem; 3060 height: 1.5rem; 3061} 3062 3063.error { 3064 color: #C2000D; 3065 font-family: "Shaker Bold Italic"; 3066} 3067.error.error--block { 3068 display: block; 3069 line-height: normal; 3070 margin: 0.125em 0; 3071} 3072 3073.field-description { 3074 display: block; 3075} 3076.field-description + input, .field-description + select, .field-description + textarea { 3077 margin-top: 0.5rem; 3078} 3079 3080.field-group { 3081 --columns: 2; 3082 display: grid; 3083 gap: 1rem; 3084 grid-template-columns: repeat(var(--columns), 1fr); 3085} 3086 3087.character-count { 3088 max-width: 450px; 3089 line-height: 1.15em; 3090 margin-bottom: -1.15em; 3091 text-align: right; 3092 color: #818285; 3093} 3094.character-count.no-margin { 3095 margin-bottom: 0; 3096} 3097 3098.wide + .character-count { 3099 max-width: 90ch; 3100} 3101 3102#mc_embed_signup_scroll { 3103 display: grid; 3104 grid-template-columns: 1fr 1fr; 3105 gap: 1rem; 3106 margin: 0; 3107} 3108#mc_embed_signup_scroll li { 3109 margin: 0; 3110} 3111#mc_embed_signup_scroll li:not(.mc-field-half) { 3112 grid-column: span 2; 3113} 3114 3115.instruction { 3116 display: inline-block; 3117 max-width: 450px; 3118 white-space: pre-wrap; 3119} 3120 3121.password-indicator { 3122 display: grid; 3123 max-width: 450px; 3124 grid-template-columns: 1fr 120px; 3125} 3126.password-indicator input { 3127 border-right: 0; 3128} 3129.password-indicator:has(input:focus) > span { 3130 border-color: #58585a; 3131} 3132.password-indicator > span { 3133 position: relative; 3134 background-color: #f3f3f4; 3135 border: 1px solid #ccc; 3136} 3137.password-indicator > span span { 3138 display: block; 3139 height: 100%; 3140 position: absolute; 3141 top: 0; 3142 left: 0; 3143} 3144.password-indicator > span span.text { 3145 width: 120px; 3146 padding: 0.375rem; 3147 line-height: 1rem; 3148 text-align: center; 3149 color: #4d4d4d; 3150} 3151.password-indicator > span span.score { 3152 overflow: hidden; 3153 z-index: 1; 3154 background: linear-gradient(#b93c3c 0%, #b98b3c 67%, #40b93c 100%); 3155 background-position: left 0%; 3156 background-size: 100% 5000%; 3157 transition: width 0.1s, background-position 0.1s; 3158} 3159.password-indicator > span span.score span.text { 3160 color: #fff; 3161} 3162 3163.form-background { 3164 padding: 0.1px var(--default-padding) 0.5rem; 3165 background-color: color-mix(in srgb, var(--theme-bg-feint, #f3f3f4), white 50%); 3166} 3167 3168.form__button { 3169 grid-template-columns: auto 1fr; 3170 max-width: 450px; 3171} 3172.form__button > button { 3173 grid-row: 1; 3174 grid-column: 1; 3175} 3176.form__button > span { 3177 grid-row: 1; 3178 grid-column: 2; 3179 text-align: right; 3180} 3181.form__button > div { 3182 display: none; 3183} 3184 3185svg.icon { 3186 display: block; 3187 aspect-ratio: 1/1; 3188 fill: currentColor; 3189} 3190svg.icon.small { 3191 width: 1rem; 3192 height: 1rem; 3193} 3194svg.icon.medium { 3195 width: 1.5rem; 3196 height: 1.5rem; 3197} 3198svg.icon.large { 3199 width: 2rem; 3200 height: 2rem; 3201} 3202 3203svg.icon--inline { 3204 display: inline-block; 3205 vertical-align: middle; 3206} 3207 3208svg.icon--large { 3209 width: 3rem; 3210} 3211 3212svg.icon--arrow { 3213 width: 1.5rem; 3214 height: 1.5rem; 3215 opacity: 1; 3216 /*&.opaque { 3217 opacity: 1; 3218 }*/ 3219} 3220 3221.notice { 3222 padding: 1rem; 3223 border-left: 0.25rem solid; 3224 border-color: var(--theme-light, #3c83b9); 3225 background-color: var(--theme-bg-feint, var(--theme-bg-light, #8bb8da)); 3226 color: var(--theme-dark, #255274); 3227} 3228.notice p { 3229 margin: 0; 3230} 3231 3232.media { 3233 container-type: inline-size; 3234 container-name: box; 3235} 3236 3237.media__player { 3238 grid-area: player; 3239 padding-left: 0; 3240 padding-right: 0; 3241} 3242.media__player > * { 3243 display: block; 3244} 3245.media__player video, .media__player audio { 3246 width: 100%; 3247} 3248.media__player video { 3249 aspect-ratio: 16/9; 3250 background: black; 3251} 3252.media__player audio { 3253 margin-top: var(--default-padding); 3254 padding: 0 var(--default-padding); 3255} 3256 3257.media__details { 3258 grid-template-columns: 1fr 2fr; 3259 grid-template-areas: "player player" "thumbnail details" "description description" "tracklist tracklist" "comments comments"; 3260 gap: 0 var(--default-padding); 3261 padding: var(--default-padding); 3262} 3263.media__details h3 { 3264 display: none; 3265} 3266.media__details details { 3267 border-top: 1px solid #ccc; 3268} 3269.media__details details:last-of-type { 3270 border-bottom: 1px solid #ccc; 3271} 3272.media__details summary { 3273 font-size: 1.25em; 3274 margin: 0.5rem 0; 3275 -webkit-user-select: none; 3276 -moz-user-select: none; 3277 user-select: none; 3278} 3279@container box (width >= 600px) { 3280 .media__details { 3281 grid-template-columns: 1fr 4fr minmax(250px, 2fr); 3282 grid-template-rows: auto auto auto 1fr; 3283 grid-template-areas: "player player player" "thumbnail details tracklist" "description description tracklist" "comments comments tracklist"; 3284 } 3285 .media__details h3 { 3286 display: block; 3287 } 3288 .media__details details { 3289 border: 0; 3290 } 3291 .media__details details:last-of-type { 3292 border: 0; 3293 } 3294 .media__details summary { 3295 display: none; 3296 } 3297} 3298 3299.media__thumbnail { 3300 grid-area: thumbnail; 3301 margin-bottom: 1rem; 3302} 3303 3304.media__info { 3305 grid-area: details; 3306} 3307.media__info h2 { 3308 margin-top: 0; 3309} 3310 3311.media__description {
3312 grid-area: description; 3313} 3314 3315.media__tracklist { 3316 grid-area: tracklist; 3317} 3318.media__tracklist ul { 3319 list-style: none; 3320 padding: 0; 3321 margin: 0; 3322 grid-template-columns: 1fr auto auto auto; 3323 gap: 0 0.5rem; 3324} 3325.media__tracklist ul li { 3326 grid-column: 1/-1; 3327 grid-template-columns: subgrid; 3328 align-items: center; 3329 padding: 0.5rem 0; 3330} 3331.media__tracklist ul li:not(:first-child) { 3332 border-top: 1px solid #d1d2d4; 3333} 3334@container (min-width: 600px) { 3335 .media__tracklist ul { 3336 border-top: 1px solid #ccc; 3337 border-bottom: 1px solid #ccc; 3338 } 3339 .media__tracklist ul li { 3340 border-color: #ccc; 3341 } 3342} 3343 3344.media__comments { 3345 grid-area: comments; 3346} 3347 3348.media__loading { 3349 grid-column: 1/-1; 3350 grid-row: 1/-1; 3351} 3352 3353dialog { 3354 background: none; 3355 border: 0; 3356 padding: 0; 3357 opacity: 0; 3358 overflow: hidden; 3359 transform: translateY(-2rem); 3360 /*[open] { 3361 opacity: 1; 3362 }*/ 3363} 3364dialog > div { 3365 text-align: unset; 3366 border-radius: 0.5rem; 3367 overflow: auto; 3368 background: #ffffff; 3369 padding: 1.5rem; 3370 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); 3371 min-width: 320px; 3372 width: 860px; 3373 max-width: 100%; 3374 max-height: 90dvh; 3375} 3376dialog > div.dialog-no-padding { 3377 padding: 0; 3378} 3379dialog, dialog::backdrop { 3380 transition: display 0.2s allow-discrete, overlay 0.2s allow-discrete, background-color 0.2s, opacity 0.2s, transform 0.2s, backdrop-filter 0.2s; 3381} 3382dialog::backdrop { 3383 background-color: transparent; 3384} 3385dialog.open { 3386 opacity: 1; 3387 transform: none; 3388} 3389dialog.open::backdrop { 3390 background-color: color-mix(in srgb, #000, transparent 40%); 3391} 3392 3393dialog .confirm { 3394 padding: 0.5rem 1.5rem; 3395 max-width: 50ch; 3396 text-align: center; 3397} 3398dialog .confirm.left { 3399 text-align: left; 3400} 3401 3402.dialog-close { 3403 background: none; 3404 border: 0; 3405 padding: 0; 3406 margin: 1rem auto 0; 3407 color: #fff; 3408 text-transform: lowercase; 3409 cursor: pointer; 3410 filter: drop-shadow(0 1px 2px #000); 3411 transition: filter 0.2s; 3412 grid-template-columns: auto auto; 3413 align-items: center; 3414 gap: 0.25rem; 3415} 3416.dialog-close svg { 3417 width: 1.5rem; 3418 height: 1.5rem; 3419 padding: 0.25rem; 3420 fill: #fff; 3421} 3422.dialog-close:hover { 3423 filter: drop-shadow(0 1px 6px #000); 3424} 3425 3426.course-overview { 3427 width: 100%; 3428 height: 44px; 3429 padding: 0 1rem 2px; 3430 border: 1px solid #d1d2d4; 3431 border-radius: 0.375rem; 3432 background-color: #fafbfd; 3433 color: #4d4d4d; 3434 line-height: 40px; 3435 text-decoration: none; 3436} 3437.course-overview:hover { 3438 background-color: #f3f3f4; 3439} 3440.course-overview > * { 3441 vertical-align: middle; 3442} 3443.course-overview small { 3444 margin-left: 1rem; 3445} 3446 3447@media (min-width: 768px) { 3448 .course-overview { 3449 background-image: var(--image, none); 3450 background-position: top right; 3451 background-repeat: no-repeat; 3452 } 3453} 3454ul.social { 3455 --fitWidth: minmax(20px, 1fr); 3456 list-style: none; 3457 max-width: 100%; 3458 padding: 0; 3459 margin: 0; 3460 display: inline-grid; 3461 gap: 1rem; 3462 grid-template-columns: repeat(auto-fit, var(--fitWidth)); 3463 justify-content: center; 3464 justify-items: center; 3465} 3466ul.social li { 3467 max-width: 40px; 3468} 3469ul.social a { 3470 display: block; 3471 width: 100%; 3472 aspect-ratio: 1/1; 3473 max-width: 100%; 3474 background: #fff; 3475 border-radius: 15%; 3476 overflow: hidden; 3477} 3478ul.social a svg { 3479 display: block; 3480 width: 100%; 3481 height: 100%; 3482} 3483ul.social a:not(:hover) svg { 3484 filter: brightness(0) invert(1) brightness(0.55); 3485} 3486ul.social.flex { 3487 display: flex; 3488 justify-content: start; 3489} 3490ul.social.flex a { 3491 padding: 0; 3492} 3493ul.social.small { 3494 gap: 0.5rem; 3495} 3496ul.social.small a { 3497 width: 20px; 3498} 3499ul.social.medium { 3500 gap: 0.75rem; 3501} 3502ul.social.medium a { 3503 width: 30px; 3504} 3505ul.social.invert a:not(:hover) { 3506 background: none; 3507} 3508ul.social.invert a:not(:hover) svg { 3509 filter: brightness(0) invert(1); 3510 opacity: 0.9; 3511} 3512 3513ul.highlights { 3514 --columns: 1; 3515 display: grid; 3516 gap: 1rem; 3517 grid-template-columns: 1fr; 3518 grid-auto-rows: 1fr; 3519 list-style: none; 3520 padding: 0; 3521 margin: 0; 3522} 3523@container (width >= 500px) { 3524 ul.highlights[data-columns="2"], ul.highlights[data-columns="4"] { 3525 grid-template-columns: repeat(2, 1fr); 3526 } 3527} 3528@container (width >= 660px) { 3529 ul.highlights[data-columns] { 3530 grid-template-columns: repeat(var(--columns), 1fr); 3531 } 3532} 3533 3534/*@media (min-width:768px){ 3535 ul.highlights[data-columns="2"], ul.highlights[data-columns="3"] { 3536 grid-template-columns: repeat(var(--columns), 1fr); 3537 } 3538 ul.highlights[data-columns="4"] { 3539 grid-template-columns: repeat(2, 1fr); 3540 } 3541} 3542@media (min-width: 1200px){ 3543 ul.highlights[data-columns="4"] { 3544 grid-template-columns: repeat(var(--columns), 1fr); 3545 } 3546}*/ 3547li.highlights__item { 3548 border: 1px solid #d1d2d4; 3549 border-radius: 0.375rem; 3550 overflow: hidden; 3551 position: relative; 3552 box-sizing: border-box; 3553} 3554li.highlights__item > * { 3555 width: 100%; 3556 height: 100%; 3557} 3558li.highlights__item a { 3559 position: relative; 3560 z-index: 2; 3561 inset: 0; 3562 color: #000; 3563 text-decoration: none; 3564} 3565li.highlights__item a > div { 3566 display: grid; 3567 grid-template-rows: auto 1fr; 3568 height: 100%; 3569} 3570li.highlights__item a > div > h2 { 3571 align-self: end; 3572 box-sizing: content-box; 3573 display: block; 3574 min-height: 1.25rem; 3575 line-height: normal; 3576 font-size: 1.2rem; 3577 padding: 0.625rem; 3578 margin: 0; 3579 color: inherit; 3580 background: var(--theme-light-80); 3581} 3582li.highlights__item a > div > div { 3583 padding: 0.1px 0.625rem; 3584 line-height: normal; 3585 background: var(--theme-light); 3586 border-top: 2px solid var(--theme-dark); 3587 min-height: 3rem; 3588} 3589li.highlights__item a > div > div > * { 3590 margin: 0.625rem 0 !important; 3591 color: inherit; 3592} 3593li.highlights__item:has(> img) a > div { 3594 transition: transform 0.4s; 3595} 3596li.highlights__item:has(> img) a:not(:hover):not(:focus-within) > div { 3597 transform: translateY(calc(100% - 2.75rem)); 3598} 3599li.highlights__item:not(:has(> img)) a:hover { 3600 filter: brightness(1.075); 3601} 3602li.highlights__item > img { 3603 position: absolute; 3604 inset: 0; 3605} 3606li.highlights__item.cover > img { 3607 -o-object-fit: cover; 3608 object-fit: cover; 3609} 3610li.highlights__item.scale-down > img { 3611 -o-object-fit: scale-down; 3612 object-fit: scale-down; 3613} 3614li.highlights__item.regular { 3615 min-height: 160px; 3616} 3617li.highlights__item.square { 3618 max-height: none; 3619 aspect-ratio: 1/1; 3620} 3621li.highlights__item.flat > img { 3622 position: absolute; 3623 inset: 0; 3624} 3625 3626img.image { 3627 display: block; 3628} 3629img.image:not(.box__fill):first-child { 3630 margin-top: var(--default-padding); 3631} 3632 3633.video { 3634 background: #000; 3635 max-height: inherit; 3636 overflow: auto; 3637} 3638.video.bordered { 3639 border: 1px solid #d1d2d4; 3640 border-radius: 0.375rem; 3641} 3642.video > div { 3643 aspect-ratio: 16/9; 3644 max-height: inherit; 3645 margin: 0 auto; 3646 overflow: hidden; 3647 position: relative; 3648} 3649.video > div > * { 3650 display: block; 3651 position: absolute; 3652 inset: 0; 3653 width: 100%; 3654 height: 100%; 3655} 3656.video > div img { 3657 -o-object-fit: cover; 3658 object-fit: cover; 3659} 3660.video.wide > div { 3661 aspect-ratio: 12/5; 3662} 3663.video.cover > div > * { 3664 -o-object-fit: cover; 3665 object-fit: cover; 3666} 3667 3668.video--modal { 3669 width: 1000px; 3670 max-width: 100%; 3671 max-height: 90dvh; 3672 padding: 0; 3673} 3674 3675.youtube-embed-16-9 { 3676 aspect-ratio: 16/9; 3677 margin: 1rem 0; 3678} 3679.youtube-embed-16-9 iframe { 3680 aspect-ratio: inherit; 3681 width: 100%; 3682 height: auto; 3683 border: 0; 3684} 3685 3686.play-icon { 3687 width: 10cqw; 3688 aspect-ratio: 7/5; 3689 padding: 1.5cqw; 3690 fill: #fff; 3691 background-color: color-mix(in srgb, #58585a, transparent 20%); 3692 border-radius: 1cqw; 3693 color: #fff; 3694 cursor: pointer; 3695} 3696 3697.slides { 3698 position: relative; 3699 --transitionDuration: 1s; 3700 container-type: inline-size; 3701} 3702 3703.slides__container { 3704 width: 100%; 3705 height: 100%; 3706 position: relative; 3707 z-index: 1; 3708} 3709 3710.slides__slide { 3711 position: absolute; 3712 inset: 0; 3713 opacity: 0; 3714 z-index: 0; 3715 transition: opacity var(--transitionDuration) var(--transitionDuration); 3716} 3717 3718.slides__slide--active { 3719 opacity: 1; 3720 z-index: 1; 3721 transition: opacity var(--transitionDuration); 3722} 3723 3724.slides__overlay { 3725 position: absolute; 3726 inset: 0; 3727 display: grid; 3728 align-items: center; 3729 justify-items: center; 3730 z-index: 2; 3731 pointer-events: none; 3732} 3733.slides__overlay > * { 3734 grid-column: 1; 3735 grid-row: 1; 3736 pointer-events: all; 3737} 3738 3739.slides__buttons { 3740 align-self: end; 3741 list-style: none; 3742 padding: 0; 3743 margin: 0 0 min(0.5rem, 5cqw); 3744 display: flex; 3745} 3746 3747.slide__button { 3748 width: 2rem; 3749 height: 2rem; 3750 padding: 0.6rem; 3751 border: 0; 3752 background: none; 3753 opacity: 0.6; 3754 transition: opacity 0.3s; 3755} 3756.slide__button::before { 3757 content: ""; 3758 display: block; 3759 width: 0.8rem; 3760 height: 0.8rem; 3761 background: white; 3762 border-radius: 50%; 3763} 3764 3765.slide__button:hover, .slide__button:focus, .slide__button--active { 3766 opacity: 1; 3767} 3768 3769.slides--images picture, .slides--images img { 3770 display: block; 3771 width: 100%; 3772 height: 100%; 3773} 3774.slides--images img { 3775 -o-object-fit: cover; 3776 object-fit: cover; 3777} 3778.slides--images span { 3779 display: block; 3780 position: absolute; 3781} 3782 3783.slides--videos { 3784 aspect-ratio: 16/9; 3785 max-width: 100%; 3786 min-width: 0; 3787} 3788 3789.slides--video { 3790 position: absolute; 3791 inset: 0; 3792} 3793.slides--video span { 3794 inset: min(1rem, 5cqw); 3795 top: auto; 3796 font-size: 1.5em; 3797 color: #fff; 3798} 3799 3800.learning-stats { 3801 --padding: var(--default-padding, 1.5rem); 3802 list-style: none; 3803 display: grid; 3804 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 3805 grid-template-rows: repeat(auto-fill 1fr); 3806 gap: calc(var(--padding) * 2.5) var(--padding); 3807 align-items: start; 3808 padding-left: var(--default-padding); 3809 margin: calc(var(--padding) * 2) 0; 3810} 3811.learning-stats li { 3812 max-width: none; 3813 display: grid; 3814 grid-template-rows: 8rem repeat(auto-fill, auto); 3815 gap: calc(var(--padding) / 2); 3816 align-items: start; 3817 justify-items: center; 3818 text-align: center; 3819 line-height: normal; 3820} 3821.learning-stats span { 3822 display: block; 3823} 3824.learning-stats .stat { 3825 font-size: 1.5em; 3826} 3827.learning-stats .total { 3828 font-size: 2.5em; 3829 font-weight: bold; 3830} 3831.learning-stats .sub { 3832 font-size: 1.25em; 3833 color: #818285; 3834} 3835.learning-stats .icon { 3836 width: 8rem; 3837} 3838 3839ul.items { 3840 list-style: none; 3841 padding-left: 0; 3842 display: grid; 3843 grid-template-columns: 1fr 1fr; 3844 gap: 1.5em; 3845} 3846@container box (width > 500px) { 3847 ul.items { 3848 grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); 3849 } 3850} 3851ul.items li, ul.items a.item__link { 3852 padding: 0.5em; 3853 border-radius: 0.5rem; 3854 gap: 0.5em; 3855 line-height: normal; 3856} 3857ul.items li { 3858 background-color: #f3f3f4; 3859} 3860ul.items li:has(a.item__link) { 3861 padding: 0; 3862} 3863 3864ul.items[class*=theme-] li {
3865 background-color: var(--theme-bg-light, var(--theme-bg)); 3866} 3867 3868.items--square li, .items--square a.item__link { 3869 display: flex; 3870 flex-direction: column; 3871} 3872.items--square li :nth-last-child(2):not(:first-child), .items--square a.item__link :nth-last-child(2):not(:first-child) { 3873 flex-grow: 1; 3874} 3875.items--square li img { 3876 aspect-ratio: 1/1; 3877 -o-object-fit: contain; 3878 object-fit: contain; 3879 background: #ffffff; 3880} 3881.items--square li .small-button { 3882 align-self: end; 3883 justify-self: end; 3884} 3885.items--square li .name, .items--square li .title { 3886 font-size: 1.1em; 3887} 3888.items--square li .title + .description { 3889 margin-top: -0.25em; 3890} 3891 3892.items--logos li img { 3893 padding: 0.25em; 3894} 3895 3896a.item__link { 3897 text-decoration: none; 3898 color: inherit; 3899 background-color: var(--theme-bg-button, var(--theme-bg)); 3900 flex-grow: 1; 3901} 3902a.item__link:hover { 3903 background-color: color-mix(in srgb, var(--theme-bg-button, var(--theme-bg)), white 15%); 3904} 3905 3906header.no-crumbs { 3907 margin-bottom: var(--layout-horizontal-margin); 3908} 3909 3910.breadcrumbs { 3911 padding-top: calc(var(--layout-horizontal-margin) / 2); 3912 padding-bottom: calc(var(--layout-horizontal-margin) / 2); 3913 font-size: 0.95em; 3914} 3915.breadcrumbs ol { 3916 margin: 0; 3917 padding-left: 0; 3918} 3919.breadcrumbs li { 3920 display: inline-block; 3921 list-style: none; 3922} 3923.breadcrumbs li + li::before { 3924 content: ">"; 3925 display: inline-block; 3926 padding: 0 1ch; 3927} 3928.breadcrumbs li, .breadcrumbs a { 3929 color: var(--breadcrumb); 3930} 3931.breadcrumbs a { 3932 text-decoration: none; 3933} 3934.breadcrumbs a:hover { 3935 color: var(--breadcrumb-hover); 3936 text-decoration: underline; 3937} 3938.breadcrumbs.wrapper { 3939 padding: calc(var(--layout-horizontal-margin) / 2) var(--default-spacing); 3940} 3941 3942.mini-profile { 3943 display: grid; 3944 grid-template-columns: 1fr 2fr; 3945 gap: 0 var(--default-padding); 3946} 3947@container (width>=576px) { 3948 .mini-profile { 3949 grid-template-columns: 192px 1fr; 3950 } 3951} 3952.mini-profile > div { 3953 container-type: inline-size; 3954 container-name: profile; 3955} 3956 3957.profile { 3958 width: 90vw; 3959 max-width: 800px; 3960 padding: 0; 3961 overflow: hidden; 3962 container-type: inline-size; 3963} 3964.profile section { 3965 width: 100%; 3966 max-height: 560px; 3967 overflow: auto; 3968} 3969@container (width >= 600px) { 3970 .profile section { 3971 display: grid; 3972 grid-template-columns: 1fr 3fr; 3973 } 3974} 3975 3976.profile__header { 3977 padding: var(--default-padding); 3978 background: var(--theme-bg-light, #f3f3f4); 3979} 3980.profile__header img { 3981 display: block; 3982 width: 100%; 3983} 3984.profile__header h1 { 3985 margin: 1rem 0; 3986} 3987@container (width < 600px) { 3988 .profile__header { 3989 position: sticky; 3990 top: 0; 3991 } 3992 .profile__header > div { 3993 display: grid; 3994 grid-template-columns: minmax(60px, 1fr) 3fr; 3995 align-items: center; 3996 gap: var(--default-padding); 3997 } 3998} 3999@container (width >= 600px) { 4000 .profile__header > div { 4001 align-self: start; 4002 position: sticky; 4003 top: var(--default-padding); 4004 left: 0; 4005 } 4006} 4007 4008.profile__details { 4009 padding: 0 var(--default-padding); 4010} 4011 4012/*.profile--modal { 4013 width: 800px; 4014 max-width: 100%; 4015 height: minmax(max-content, 600px);//min(600px, 90dvh); 4016 padding: 0; 4017} 4018.profile { 4019 --gap: var(--default-padding); 4020 overflow: hidden; 4021 container-type: inline-size; 4022 background-color: $bgWhite; 4023 section { 4024 display: grid; 4025 height: 100%; 4026 overflow: auto; 4027 position: relative; 4028 //gap: var(--gap); 4029 //grid-template-rows: auto 1fr; 4030 4031 @container (width >= 600px){ 4032 align-items: stretch; 4033 grid-template-columns: 224px 1fr; 4034 grid-template-rows: auto; 4035 } 4036 >* { 4037 padding: var(--gap); 4038 } 4039 } 4040} 4041.profile__header { 4042 >div { 4043 display: grid; 4044 gap: var(--gap); 4045 @container (width < 600px){ 4046 grid-template-columns: minmax(60px, 1fr) 3fr; 4047 align-items: center; 4048 } 4049 } 4050 background: var(--theme-bg-light, $bgLight); 4051 h2 { 4052 margin: 0; 4053 } 4054} 4055.profile__details { 4056 overflow: auto; 4057 @container (width < 400){ 4058 grid-column: span 2; 4059 } 4060 >:first-child, >:last-child { 4061 margin: 0; 4062 } 4063}*/ 4064.user-card { 4065 --padding: var(--default-padding); 4066 padding: var(--padding); 4067 display: grid; 4068 align-items: start; 4069 gap: var(--padding); 4070 grid-template-columns: 1fr 2fr; 4071} 4072.user-card h3.name { 4073 margin-top: 0; 4074} 4075.user-card .profile-picture { 4076 width: 100%; 4077} 4078@container (width < 460px) { 4079 .user-card .button-list { 4080 grid-column: span 2; 4081 } 4082} 4083@container (460px <= width < 720px) { 4084 .user-card .profile-picture {
4085 grid-row: span 2; 4086 } 4087 .user-card .button-list { 4088 grid-column: 2; 4089 grid-row: 2; 4090 align-self: end; 4091 } 4092} 4093@container (width >= 720px) { 4094 .user-card { 4095 grid-template-columns: 192px 1fr 130px; 4096 } 4097} 4098 4099.supervision-network { 4100 display: grid; 4101 grid-template-columns: 2fr 1fr 1rem auto; 4102 align-items: center; 4103 gap: 0.5rem; 4104} 4105.supervision-network th { 4106 text-align: left; 4107} 4108.supervision-network thead, .supervision-network tbody, .supervision-network tr { 4109 grid-column: 1/-1; 4110 display: grid; 4111 grid-template-columns: subgrid; 4112} 4113.supervision-network thead { 4114 font-size: 1.3rem; 4115} 4116.supervision-network tr { 4117 padding: 0.25rem 0; 4118} 4119.supervision-network tr + tr { 4120 border-top: 1px solid #ccc; 4121} 4122.supervision-network svg { 4123 display: inline-block; 4124 vertical-align: middle; 4125} 4126@container (width <= 450px) { 4127 .supervision-network thead { 4128 display: none; 4129 } 4130 .supervision-network tr { 4131 grid-template-columns: 1fr 1rem auto; 4132 gap: 0 0.5rem; 4133 } 4134 .supervision-network tr td:first-child { 4135 grid-column: 1/span 3; 4136 grid-row: 2; 4137 } 4138 .supervision-network tr td:nth-child(2) { 4139 font-weight: bold; 4140 } 4141} 4142 4143.survey-details { 4144 padding: 1rem 0; 4145 border: 2px solid #ccc; 4146 border-width: 2px 0 2px 0; 4147} 4148 4149.survey-section, .survey-question { 4150 border: 0; 4151 padding: 0; 4152} 4153 4154.survey-section { 4155 padding: 1rem 0; 4156 border-bottom: 2px solid #ccc; 4157} 4158.survey-section > legend { 4159 font-size: 1.5rem; 4160 color: var(--theme-dark); 4161 padding-top: 1rem; 4162} 4163.survey-section .survey-question legend, .survey-section label:not(.sans-serif) { 4164 font-size: 1.05em; 4165} 4166 4167.survey-questions { 4168 margin: 0; 4169} 4170.survey-questions li { 4171 border-top: 1px solid #d1d2d4; 4172 margin: 0; 4173 padding: 0.5rem 0; 4174} 4175 4176.survey-answers, .survey-rating { 4177 --answers: 1; 4178 display: grid; 4179 grid-template-columns: repeat(var(--answers), 1fr); 4180 margin-top: 0.5rem; 4181} 4182 4183.survey-rating { 4184 --answers: 5; 4185 grid-auto-flow: dense; 4186} 4187.survey-rating label { 4188 cursor: pointer; 4189 text-align: center; 4190} 4191.survey-rating label input { 4192 display: none; 4193} 4194.survey-rating label svg { 4195 display: inline-block; 4196 width: 24px; 4197 fill: #d1d2d4; 4198} 4199.survey-rating label:has(input:checked) svg, .survey-rating label:has(input:checked) ~ label svg { 4200 fill: gold; 4201} 4202 4203label.survey-answer:has(input):has(span:not([hidden])) { 4204 grid-template-columns: 1fr; 4205 justify-items: center; 4206 gap: 0; 4207 text-align: center; 4208 line-height: normal; 4209 cursor: pointer; 4210} 4211 4212.survey-answer input[type=radio] { 4213 -webkit-appearance: none; 4214 -moz-appearance: none; 4215 appearance: none; 4216 width: 22px; 4217 height: 22px; 4218 padding: 2px; 4219 border: 1px solid #58585a; 4220 border-radius: 50%; 4221 background-clip: content-box; 4222 background-color: #f3f3f4; 4223 transition: border-color 0.2s, background-color 0.2s; 4224 cursor: pointer; 4225} 4226.survey-answer input[type=radio]:checked { 4227 border-color: var(--theme-dark); 4228 background-color: var(--theme-dark); 4229} 4230 4231.stationery { 4232 width: 100%; 4233 max-width: 360px; 4234 margin: 0 auto; 4235 position: relative; 4236 background-size: contain; 4237 container-type: inline-size; 4238 filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3)); 4239} 4240.stationery > div { 4241 position: absolute; 4242 inset: 5% 10%; 4243 font-size: 11cqw; 4244 line-height: normal; 4245} 4246.stationery p { 4247 height: 100%; 4248 --size-adjust: 1; 4249 font-size: calc(1em * var(--size-adjust)); 4250 margin: 0; 4251 overflow: hidden; 4252} 4253 4254 </style> 4255 4256
4256<script> 4257 // Define dataLayer and the gtag function. 4258 window.dataLayer = window.dataLayer || []; 4259 function gtag(){dataLayer.push(arguments);} 4260 4261 gtag('consent', 'default', { 4262 'ad_storage': 'denied', 4263 'ad_user_data': 'denied', 4264 'ad_personalization': 'denied', 4265 'analytics_storage': 'denied' 4266 }); 4267</script>
4267 4268<!-- Google Tag Manager -->
4269<script>
vendor: 331 bytes, lines 4269-4273
4269(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4270new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4271j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4272'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4273})(window,document,'script','dataLayer','
4273GTM-K6688VG
vendor: 3 bytes, line 4273
4273');
4273</script>
4273 4274<!-- End Google Tag Manager --> 4275<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 4275-4276
4275 4276<script async src="https://www.googletagmanager.com/gtag/js?id=
4276AW-1065266877
vendor: 15 bytes, lines 4276-4277
4276"> 4277</script>
4278<script> 4279
vendor: 135 bytes, lines 4279-4283
4279window.dataLayer = window.dataLayer || []; 4280 function gtag(){dataLayer.push(arguments);} 4281 gtag('js', new Date()); 4282 4283 gtag('config', '
4283AW-1065266877
vendor: 5 bytes, line 4283
4283');
4284</script>
4284 4285 4286 4287 <link title="The School of Homeopathy's RSS Feed" rel="alternate" type="application/rss+xml" href="https://www.homeopathyschool.com/news/feed.rss" /> 4288 <link rel="preload" as="image" href="https://static.homeopathyschool.com/images/logos/the-school-of-homeopathy-logo.png" fetchpriority="high"> 4289 <link rel="apple-touch-icon" href="https://static.homeopathyschool.com/icon.png" type="image/png" /> 4290 <link rel="icon" href="https://static.homeopathyschool.com/icon.png" type="image/png" /> 4291 <link rel="icon" href="https://static.homeopathyschool.com/favicon.ico" type="image/x-icon"/> 4292 </head> 4293 <body class="theme-purple"> 4294 <p hidden><a href="#content" title="Skip To Content">skip to content</a></p> 4295 <div id="app"> 4296 <header class="page-header shaker"> 4297 <div class="header__top"> 4298 <div class="container grid one-one"> 4299 <div> 4300 <ul> 4301 <li> 4302 <a href="/" class="icon icon--only" title="Home"> 4303 <svg viewBox="0 0 128 128"><use href="#icon-home" /></svg> 4304 <span>Home</span> 4305 </a> 4306 </li> 4307 <li><a href="https://www.schoolofhealth.com/account/login/">Sign in</a></li> 4308 <li><a href="/contact-us/">Contact us</a></li> 4309 <li><a href="/courses/enrolling-and-fees/apply-now/">Apply Now</a></li> 4310 <li><a href="https://www.schoolofhealth.com" target="_blank">The School of Health</a></li> 4311 </ul> 4312 </div> 4313 <div class="hidden-xs visible-md-block"> 4314 <ul class="social flex small invert"> 4315 <li> 4316 <a href="https://www.facebook.com/the.school.of.homeopathy/" title="Facebook" target="_blank"> 4317 <svg viewBox="0 0 128 128"><use href="#social-facebook" /></svg> 4318 </a> 4319 </li> 4320 <li> 4321 <a href="https://twitter.com/HomeopathyEdu" title="X / Twitter" target="_blank"> 4322 <svg viewBox="0 0 128 128"><use href="#social-x" /></svg> 4323 </a> 4324 </li> 4325 <li> 4326 <a href="https://www.youtube.com/@TheSchoolofHomeopathy" title="YouTube" target="_blank"> 4327 <svg viewBox="0 0 128 128"><use href="#social-youtube" /></svg> 4328 </a> 4329 </li> 4330 <li> 4331 <a href="https://www.pinterest.co.uk/sohomeopathy/" title="Pinterest" target="_blank"> 4332 <svg viewBox="0 0 128 128"><use href="#social-pinterest" /></svg> 4333 </a> 4334 </li> 4335 <li> 4336 <a href="https://www.instagram.com/school.of.homeopathy/" title="Instagram" target="_blank"> 4337 <svg viewBox="0 0 128 128"><use href="#social-instagram" /></svg> 4338 </a> 4339 </li> 4340 <li> 4341 <a href="https://www.linkedin.com/company/school-of-homeopathy/" title="LinkedIn" target="_blank"> 4342 <svg viewBox="0 0 128 128"><use href="#social-linkedin" /></svg> 4343 </a> 4344 </li> 4345 </ul> </div> 4346 </div> 4347 </div> 4348 <div class="header__logo"> 4349 <div class="container"> 4350 <a href="/"> 4351 <img src="https://static.homeopathyschool.com/images/logos/the-school-of-homeopathy-logo.png" alt="The School of Homeopathy logo" fetchpriority="high" width="811" height="272"> 4352 </a> 4353 </div> 4354 <div class="logo__background hidden-xs visible-sm-block"></div> 4355 </div> 4356 <div class="header__nav"> 4357 <div class="container grid"> 4358 <button id="main-menu-button" type="button" class="menu-button hidden-md" @click="toggleMenu" aria-expanded="false" aria-controls="main-menu" title="Menu"> 4359 <span class="menu__burger"></span> 4360 <span>Menu</span> 4361 </button> 4362 <nav id="main-menu" @click.self="toggleMenu"> 4363 <div> 4364 <ul class=""> 4365 <li class=""> 4366 <a class="" href="/" >Home</a> 4367 </li> 4368 <li class="parent"> 4369 <a class="" href="/courses/" >Courses</a> 4370 <div :style="{ '--depth': 2 }"><ul class=""> 4371 <li class=""> 4372 <a class="" href="/courses/study-options/" >Study Options</a> 4373 </li> 4374 <li class=""> 4375 <a class="" href="/courses/courses-beginner/" >Courses: Beginner</a> 4376 </li> 4377 <li class=""> 4378 <a class="" href="/courses/courses-practitioner/" >Courses: Practitioner</a> 4379 </li> 4380 <li class=""> 4381 <a class="" href="/courses/worldwide/" >Courses: Worldwide</a> 4382 </li> 4383 <li class=""> 4384 <a class="" href="/courses/courses-postgrad-cpd/" >Courses: Post Grad & CPD</a> 4385 </li> 4386 <li class=""> 4387 <a class="" href="/courses/clinical-training/" >Clinical Training</a> 4388 </li> 4389 <li class=""> 4390 <a class="" href="/courses/books-etc/" >Books Etc...</a> 4391 </li> 4392 <li class=""> 4393 <a class="" href="/courses/enrolling-and-fees/" >Fees & Enrolling</a> 4394 </li> 4395 <li class=""> 4396 <a class="" href="/courses/download-prospectus/" >Download Prospectus</a> 4397 </li> 4398 <li class=""> 4399 <a class="" href="/courses/course-enquiries/" >Course Enquiries</a> 4400 </li> 4401 </ul> 4402 </div> 4403 </li> 4404 <li class="parent"> 4405 <a class="" href="/why-study-with-us/" >Why Study With Us</a> 4406 <div :style="{ '--depth': 2 }"><ul class=""> 4407 <li class=""> 4408 <a class="" href="/why-study-with-us/reasons-to-study-with-us/" >12 Reasons to Study With Us</a> 4409 </li> 4410 <li class=""> 4411 <a class="" href="/why-study-with-us/find-your-path/" >Find Your Path</a> 4412 </li> 4413 <li class=""> 4414 <a class="" href="/why-study-with-us/your-journey-your-pace/" >Your Journey Your Pace</a> 4415 </li> 4416 <li class=""> 4417 <a class="" href="/why-study-with-us/becoming-a-homeopath/" >Becoming a Homeopath</a> 4418 </li> 4419 <li class=""> 4420 <a class="" href="/why-study-with-us/studying-homeopathy/" >Studying homeopathy</a> 4421 </li> 4422 <li class=""> 4423 <a class="" href="/why-study-with-us/clinical-development-support/" >Clinical Development & Support</a> 4424 </li> 4425 <li class=""> 4426 <a class="" href="/why-study-with-us/careers-in-homeopathy/" >Careers in Homeopathy</a> 4427 </li> 4428 <li class=""> 4429 <a class="" href="/why-study-with-us/testimonials/" >Student & Graduate Stories</a> 4430 </li> 4431 <li class=""> 4432 <a class="" href="/why-study-with-us/patrons/" >Our Patrons</a> 4433 </li> 4434 <li class=""> 4435 <a class="" href="/why-study-with-us/awards/" >Awards</a> 4436 </li> 4437 <li class=""> 4438 <a class="" href="/why-study-with-us/recognition/" >Accreditation & Recognition</a> 4439 </li> 4440 <li class=""> 4441 <a class="" href="/why-study-with-us/what-is-homeopathy/" >What is Homeopathy</a> 4442 </li> 4443 </ul> 4444 </div> 4445 </li> 4446 <li class="parent"> 4447 <a class="" href="/the-school/" >The School</a> 4448 <div :style="{ '--depth': 2 }"><ul class=""> 4449 <li class=""> 4450 <a class="" href="/the-school/faculty/" >Faculty</a> 4451 </li> 4452 <li class=""> 4453 <a class="" href="/the-school/founder-misha-norland/" >Founder Misha Norland</a> 4454 </li> 4455 <li class=""> 4456 <a class="" href="/the-school/our-venue/" >Our Venue</a> 4457 </li> 4458 <li class=""> 4459 <a class="" href="/the-school/editorial/" >Editorial</a> 4460 </li> 4461 <li class=""> 4462 <a class="" href="/the-school/provings/" >Provings</a> 4463 </li> 4464 <li class=""> 4465 <a class="" href="/the-school/principles/" >Principles</a> 4466 </li> 4467 <li class=""> 4468 <a class="" href="/the-school/healthy-planet-survey/" >Healthy Planet Survey</a> 4469 </li> 4470 <li class=""> 4471 <a class="" href="/the-school/campaigns/" >Campaigns</a> 4472 </li> 4473 <li class=""> 4474 <a class="" href="/the-school/graduates/" >Graduates</a> 4475 </li> 4476 </ul> 4477 </div> 4478 </li> 4479 <li class="parent"> 4480 <a class="" href="/events/" >Events & Dates</a> 4481 <div :style="{ '--depth': 2 }"><ul class=""> 4482 <li class=""> 4483 <a class="" href="/events/homeopathy-awareness-week/" >Homeopathy Awareness Week 2026</a> 4484 </li> 4485 <li class=""> 4486 <a class="" href="/events/ancient-plants/" >Ancient Plants : Dr Michal Yakir</a> 4487 </li> 4488 <li class=""> 4489 <a class="" href="/events/open-day/" >Open Day</a> 4490 </li> 4491 <li class=""> 4492 <a class="" href="/events/webinars/" >Webinars</a> 4493 </li> 4494 <li class=""> 4495 <a class="" href="/events/summer-school/" >Summer School</a> 4496 </li> 4497 </ul> 4498 </div> 4499 </li> 4500 <li class="parent"> 4501 <a class="" href="/the-clinic/" >The Clinic</a> 4502 <div :style="{ '--depth': 2 }"><ul class=""> 4503 <li class=""> 4504 <a class="" href="/the-clinic/bookings/" >Bookings</a> 4505 </li> 4506 <li class=""> 4507 <a class="" href="/the-clinic/low-cost-clinic/" >Low Cost Clinic</a> 4508 </li> 4509 <li class=""> 4510 <a class="" href="/the-clinic/stroud-clinic/" >Stroud Clinic</a> 4511 </li> 4512 <li class=""> 4513 <a class="" href="/the-clinic/homeopaths/" >Homeopaths</a> 4514 </li> 4515 <li class=""> 4516 <a class="" href="/the-clinic/directions/" >Directions</a> 4517 </li> 4518 <li class=""> 4519 <a class="" href="/the-clinic/rooms/" >Rooms</a> 4520 </li> 4521 <li class=""> 4522 <a class="" href="/the-clinic/patienttestimonials/" >Patient Testimonials</a> 4523 </li> 4524 <li class=""> 4525 <a class="" href="/the-clinic/self-help-conditions/" >Self Help Conditions</a> 4526 </li> 4527 <li class=""> 4528 <a class="" href="/the-clinic/self-help-remedies/" >Self Help Remedies</a> 4529 </li> 4530 </ul> 4531 </div> 4532 </li> 4533 <li class=""> 4534 <a class="" href="/news" >News</a> 4535 </li> 4536 </ul> 4537 </div> 4538 </nav> 4539 <div class="hidden-md"> 4540 <ul> 4541 <li><a href="/account/basket/">Basket <span class="basket-total hidden-xs visible-sm-inline"><basket-button :basket="basket"></basket-button></span></a></li> 4542 <li><a href="/account/login/">Sign in</a></li> 4543 </ul> </div> 4544 </div> 4545 </div> 4546</header> 4547 <div class="breadcrumbs hidden-xs visible-sm-block container"> 4548 </div> <main id="content"> 4549 <div class="container flex column layout"> 4550 <div class="grid one-three layout swap-left-right"> 4551 <div class="flex column layout column--right"><div class="box "> 4552 <div class="content blog-list"> 4553 <h1>Latest news</h1> 4554 <article> 4555 <div> 4556 <h2><a href="/news/2026/06/homeopathy-help-for-gout/">Homeopathy for Gout</a></h2> 4557 <p><time datetime="2026-06-12T14:59:07.000000Z">12 Jun 2026, 2:59pm</time></p> 4558 <p>Many people are oh too familiar with the debilitating pain of gout. Gout occurs when body fluids get supersaturated with uric acid to the point that urate crystals form. These
4558crystals often collect in the joints leading to a type of⦠<a href="/news/2026/06/homeopathy-help-for-gout/">read more</a></p> 4559 <p> 4560 Tags: 4561 <a href="/news/tag/homeopathic-remedies">Homeopathic remedies</a> 4562 </p> 4563 <p> 4564 Posted in 4565 <a href="/news/category/homeopathy">Homeopathy</a> 4566 | <a href="/news/category/remedies">Remedies</a> 4567 </p> 4568 </div> 4569 <img 4570 srcset="https://static.homeopathyschool.com/images/uploads/38152/gout-illustration(2)_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/38152/ 80w" 4571 src="https://static.homeopathyschool.com/images/uploads/38152/gout-illustration(2)_360x360crop.png" 4572 width="360" 4573 height="360" 4574 alt="" 4575 loading="lazy" /> 4576 </article> 4577 <article> 4578 <div> 4579 <h2><a href="/news/2025/07/fever-help-from-your-favourite-homeopathic-remedies/">Fever Help from your Favourite Homeopathic Remedies</a></h2> 4580 <p><time datetime="2025-07-01T15:35:04.000000Z">01 Jul 2025, 3:35pm</time></p> 4581 <p>Fever seems to strike more dread into parents than many other common childhood ailments. However, from the homeopathic point of view, fever isnât something to be feared or banished; it is a symptom to be embraced and thanked for its⦠<a href="/news/2025/07/fever-help-from-your-favourite-homeopathic-remedies/">read more</a></p> 4582 <p> 4583 Tags: 4584 <a href="/news/tag/fever">Fever</a> 4585 </p> 4586 <p> 4587 Posted in 4588 <a href="/news/category/alternative-medicine">Alternative Medicine</a> 4589 | <a href="/news/category/health">Health</a> 4590 | <a href="/news/category/homeopathy">Homeopathy</a> 4591 | <a href="/news/category/remedies">Remedies</a> 4592 </p> 4593 </div> 4594 <img 4595 srcset="https://static.homeopathyschool.com/images/uploads/32314/burning-up-fire(1)_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/32314/ 80w" 4596 src="https://static.homeopathyschool.com/images/uploads/32314/burning-up-fire(1)_360x360crop.png" 4597 width="360" 4598 height="360" 4599 alt="" 4600 loading="lazy" /> 4601 </article> 4602 <article> 4603 <div> 4604 <h2><a href="/news/2025/04/partnering-for-global-homeopathy-education/">Partnering for Global Homeopathy Education</a></h2> 4605 <p><time datetime="2025-04-10T09:07:41.000000Z">10 Apr 2025, 9:07am</time></p> 4606 <p>At The School of Homeopathy (and The School of Health), we are proud to be working with a growing number of international partners who share our passion for natural health and high-quality education. Through these collaborations, our⦠<a href="/news/2025/04/partnering-for-global-homeopathy-education/">read more</a></p> 4607 <p> 4608 Posted in 4609 <a href="/news/category/education">Education</a> 4610 | <a href="/news/category/health">Health</a> 4611 | <a href="/news/category/inspiration">Inspiration</a> 4612 </p> 4613 </div> 4614 <img 4615 srcset="https://static.homeopathyschool.com/images/uploads/32312/partners-image-2_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/32312/ 80w" 4616 src="https://static.homeopathyschool.com/images/uploads/32312/partners-image-2_360x360crop.png" 4617 width="360" 4618 height="360" 4619 alt="" 4620 loading="lazy" /> 4621 </article> 4622 <article> 4623 <div> 4624 <h2><a href="/news/2025/02/conjunctivitis/">Conjunctivitis Woes - the Dreaded âPink Eyeâ</a></h2> 4625 <p><time datetime="2025-02-21T17:41:03.000000Z">21 Feb 2025, 5:41pm</time></p> 4626 <p>Homeopathic Help for the Dreaded 'Pink Eye'.Conjunctivitis is inflammation (âitisâ) of the conjunctiva. The conjunctiva is the thin mucous membrane that covers the whites of your eyes and the insides of the eyelids. This membrane⦠<a href="/news/2025/02/conjunctivitis/">read more</a></p> 4627 <p> 4628 Tags: 4629 <a href="/news/tag/conjunctivitis">Conjunctivitis</a> 4630 </p> 4631 <p> 4632 Posted in 4633 <a href="/news/category/alternative-medicine">Alternative Medicine</a> 4634 | <a href="/news/category/education">Education</a> 4635 | <a href="/news/category/health">Health</a> 4636 | <a href="/news/category/homeopathy">Homeopathy</a> 4637 | <a href="/news/category/remedies">Remedies</a> 4638 </p> 4639 </div> 4640 <img 4641 srcset="https://static.homeopathyschool.com/images/uploads/21660/pink-eye(1)_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/21660/ 80w" 4642 src="https://static.homeopathyschool.com/images/uploads/21660/pink-eye(1)_360x360crop.png" 4643 width="360" 4644 height="360" 4645 alt="" 4646 loading="lazy" /> 4647 </article> 4648 <article> 4649 <div> 4650 <h2><a href="/news/2024/12/homeopathic-medicines-for-indigestion/">Homeopathic medicines for indigestion</a></h2> 4651 <p><time datetime="2024-12-18T16:42:26.000000Z">
465118 Dec 2024, 4:42pm</time></p> 4652 <p>Indigestion often strikes during the holidays when rich, festive foods and celebratory indulgences put extra strain on our digestive systems. Whether itâs caused by feasting, toasting, or simply overindulging, the discomfort, pain, and⦠<a href="/news/2024/12/homeopathic-medicines-for-indigestion/">read more</a></p> 4653 <p> 4654 Tags: 4655 <a href="/news/tag/indigestion">Indigestion</a> 4656 </p> 4657 <p> 4658 Posted in 4659 <a href="/news/category/health">Health</a> 4660 | <a href="/news/category/homeopathy">Homeopathy</a> 4661 | <a href="/news/category/remedies">Remedies</a> 4662 </p> 4663 </div> 4664 <img 4665 srcset="https://static.homeopathyschool.com/images/uploads/20842/pexels-kindelmedia-7298905_360x360crop.jpg 360w,https://static.homeopathyschool.com/images/uploads/20842/ 80w" 4666 src="https://static.homeopathyschool.com/images/uploads/20842/pexels-kindelmedia-7298905_360x360crop.jpg" 4667 width="360" 4668 height="360" 4669 alt="" 4670 loading="lazy" /> 4671 </article> 4672 <article> 4673 <div> 4674 <h2><a href="/news/2024/01/constipation/">Homeopathy for Constipation</a></h2> 4675 <p><time datetime="2024-01-18T16:00:28.000000Z">18 Jan 2024, 4:00pm</time></p> 4676 <p>Homeopathy Can Help With Constipation...Constipation is a common problem, but often not talked about as people get embarrassed about anal/toilet issues. However, you are not alone â it is estimated that about 15% of adults have problems⦠<a href="/news/2024/01/constipation/">read more</a></p> 4677 <p> 4678 Tags: 4679 <a href="/news/tag/constipation">Constipation</a> 4680 </p> 4681 <p> 4682 Posted in 4683 <a href="/news/category/education">Education</a> 4684 | <a href="/news/category/homeopathy">Homeopathy</a> 4685 | <a href="/news/category/remedies">Remedies</a> 4686 </p> 4687 </div> 4688 <img 4689 srcset="https://static.homeopathyschool.com/images/uploads/20841/stuck_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/20841/ 80w" 4690 src="https://static.homeopathyschool.com/images/uploads/20841/stuck_360x360crop.png" 4691 width="360" 4692 height="360" 4693 alt="" 4694 loading="lazy" /> 4695 </article> 4696 <article> 4697 <div> 4698 <h2><a href="/news/2023/11/human-kind/">Celebrating Kindness - Human Kind</a></h2> 4699 <p><time datetime="2023-11-07T12:56:39.000000Z">07 Nov 2023, 12:56pm</time></p> 4700 <p>The School of Homeopathy Unveils Inspirational Short Film 'Human Kind' to Celebrate World Kindness Day. Promoting wellness and healing through the lens of kindness.The School of Homeopathy is thrilled to introduce its latest cinematic⦠<a href="/news/2023/11/human-kind/">read more</a></p> 4701 <p> 4702 Tags: 4703 <a href="/news/tag/kindness">Kindness</a> 4704 </p> 4705 <p> 4706 Posted in 4707 <a href="/news/category/happiness">Happiness</a> 4708 | <a href="/news/category/health">Health</a> 4709 | <a href="/news/category/homeopathy">Homeopathy</a> 4710 | <a href="/news/category/inspiration">Inspiration</a> 4711 </p> 4712 </div> 4713 <img 4714 srcset="https://static.homeopathyschool.com/images/uploads/20840/human-kind_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/20840/ 80w" 4715 src="https://static.homeopathyschool.com/images/uploads/20840/human-kind_360x360crop.png" 4716 width="360" 4717 height="360" 4718 alt="" 4719 loading="lazy" /> 4720 </article> 4721 <article> 4722 <div> 4723 <h2><a href="/news/2023/10/homeopathy-headaches/">Homeopathy and Headaches</a></h2> 4724 <p><time datetime="2023-10-09T07:58:22.000000Z">09 Oct 2023, 7:58am</time></p> 4725 <p>Headaches come, headaches go,Some throb fast, some pulse slow.When a headache comes to stay,And stops you from your work and play.Look at detail, cause, and see,You might find your remedy.Headaches can run the gamut from minor nuisance to⦠<a href="/news/2023/10/homeopathy-headaches/">read more</a></p> 4726 <p> 4727 Tags: 4728 <a href="/news/tag/headaches">Headaches</a> 4729 </p> 4730 <p> 4731 Posted in 4732 <a href="/news/category/homeopathy">Homeopathy</a> 4733 | <a href="/news/category/remedies">Remedies</a> 4734 </p> 4735 </div> 4736 <img 4737 srcset="https://static.homeopathyschool.com/images/uploads/20839/headache_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/20839/ 80w" 4738 src="https://static.homeopathyschool.com/images/uploads/20839/headache_360x360crop.png" 4739 width="360" 4740 height="360" 4741 alt="" 4742 loading="lazy" /> 4743 </article> 4744 <article> 4745 <div> 4746 <h2><a href="/news/2023/09/soh-turkey/">School of Homeopathy arrives in Turkey</a></h2> 4747 <p><time datetime="2023-09-13T14:29:09.000000Z">13 Sep 2023, 2:29pm</time></p> 4748 <p>The School of Homeopathy Finds New Partners in Turkey â Course Starts Sept 2023The School of Homeopathy, a renowned institution with a rich history of excellence in homeopathic education, is proud to announce the launch of a new⦠<a href="/news/2023/09/soh-turkey/">read more</a></p> 4749 <p> 4750 Posted in 4751 <a href="/news/category/homeopathy">Homeopathy</a> 4752 </p> 4753 </div> 4754 <img 4755 srcset="https://static.homeopathyschool.com/images/uploads/20838/soh-turkey_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/20838/ 80w" 4756 src="https://static.homeopathyschool.com/images/uploads/20838/soh-turkey_360x360crop.png" 4757 width="360" 4758 height="360" 4759 alt="" 4760 loading="lazy" /> 4761 </article> 4762 <article> 4763 <div> 4764 <h2><a href="/news/2023/08/homeopathy-attendance-course/">Roll up, sharpen, plug in</a></h2> 4765 <p><time datetime="2023-08-31T09:25:35.000000Z">31 Aug 2023, 9:25am</time></p> 4766 <p>Itâs that time of yearâ¦. When the âback-to-school vibesâ start filling the September air, the days slowly get cozier and more introverted.It has a different feel from New Yearâs and springtime, autumn has its own flavour of⦠<a href="/news/2023/08/homeopathy-attendance-course/">read more</a></p> 4767 <p> 4768 Tags: 4769 <a href="/news/tag/homeopathy-attendance-course">homeopathy attendance course</a> 4770 </p> 4771 <p> 4772 Posted in 4773 <a href="/news/category/education">Education</a> 4774 | <a href="/news/category/homeopathy">Homeopathy</a> 4775 </p> 4776 </div> 4777 <img 4778 srcset="https://static.homeopathyschool.com/images/uploads/20837/homeopathy-attendance-course_360x360crop.png 360w,https://static.homeopathyschool.com/images/uploads/20837/ 80w" 4779 src="https://static.homeopathyschool.com/images/uploads/20837/homeopathy-attendance-course_360x360crop.png" 4780 width="360" 4781 height="360" 4782 alt="" 4783 loading="lazy" /> 4784 </article> 4785 </div> 4786</div></div> 4787 <div class="flex column layout column--left"><div class="box box--dark blog-menu"> 4788 <h3 class="box__heading">Recent posts</h3> 4789 <ul class="box__fill box__menu shaker"> 4790 <li> 4791 <a href="/news/2026/06/homeopathy-help-for-gout/">Homeopathy for Gout</a> 4792 </li> 4793 <li> 4794 <a href="/news/2025/07/fever-help-from-your-favourite-homeopathic-remedies/">Fever Help from your Favourite Homeopathic Remedies</a> 4795 </li> 4796 <li> 4797 <a href="/news/2025/04/partnering-for-global-homeopathy-education/">Partnering for Global Homeopathy Education</a> 4798 </li> 4799 <li> 4800 <a href="/news/2025/02/conjunctivitis/">Conjunctivitis Woes - the Dreaded âPink Eyeâ</a> 4801 </li> 4802 <li> 4803 <a href="/news/2024/12/homeopathic-medicines-for-indigestion/">Homeopathic medicines for indigestion</a> 4804 </li> 4805 <li> 4806 <a href="/news/2024/01/constipation/">Homeopathy for Constipation</a> 4807 </li> 4808 <li> 4809 <a href="/news/2023/11/human-kind/">Celebrating Kindness - Human Kind</a> 4810 </li> 4811 <li> 4812 <a href="/news/2023/10/homeopathy-headaches/">Homeopathy and Headaches</a> 4813 </li> 4814 <li> 4815 <a href="/news/2023/09/soh-turkey/">School of Homeopathy arrives in Turkey</a> 4816 </li> 4817 <li> 4818 <a href="/news/2023/08/homeopathy-attendance-course/">Roll up, sharpen, plug in</a> 4819 </li> 4820 </ul> 4821 <h3 class="box__heading">Categories</h3> 4822 <ul class="box__fill box__menu shaker"> 4823 <li> 4824 <a href="/news/category/alternative-medicine/">Alternative Medicine</a> 4825 </li> 4826 <li> 4827 <a href="/news/category/clinical-trials/">Clinical Trials</a> 4828 </li> 4829 <li> 4830 <a href="/news/category/education/">Education</a> 4831 </li> 4832 <li> 4833 <a href="/news/category/environment/">Environment</a> 4834 </li> 4835 <li> 4836 <a href="/news/category/evidence/">Evidence</a> 4837 </li> 4838 <li> 4839 <a href="/news/category/happiness/">Happiness</a> 4840 </li> 4841 <li> 4842 <a href="/news/category/health/">Health</a> 4843 </li> 4844 <li> 4845 <a href="/news/category/homeopathy/">Homeopathy</a> 4846 </li> 4847 <li> 4848 <a href="/news/category/inspiration/">Inspiration</a> 4849 </li> 4850 <li> 4851 <a href="/news/category/mental-health/">Mental Health</a> 4852 </li> 4853 <li> 4854 <a href="/news/category/remedies/">Remedies</a> 4855 </li> 4856 <li> 4857 <a href="/news/category/research/">Research</a> 4858 </li> 4859 </ul> 4860 <h3 class="box__heading">Archives</h3> 4861 <ul class="box__fill box__menu grid archives shaker"> 4862 <li> 4863 <a href="/news/2026">2026</a> 4864 </li> 4865 <li> 4866 <a href="/news/2025">2025</a> 4867 </li> 4868 <li> 4869 <a href="/news/2024">2024</a> 4870 </li> 4871 <li> 4872 <a href="/news/2023">2023</a> 4873 </li> 4874 <li> 4875 <a href="/news/2022">2022</a> 4876 </li> 4877 <li> 4878 <a href="/news/2021">2021</a> 4879 </li> 4880 <li> 4881 <a href="/news/2020">2020</a> 4882 </li> 4883 <li> 4884 <a href="/news/2019">2019</a> 4885 </li> 4886 <li> 4887 <a href="/news/2018">2018</a> 4888 </li> 4889 <li> 4890 <a href="/news/2017">2017</a> 4891 </li> 4892 <li> 4893 <a href="/news/2016">2016</a> 4894 </li> 4895 <li> 4896 <a href="/news/2015">2015</a> 4897 </li> 4898 <li> 4899 <a href="/news/2014">2014</a> 4900 </li> 4901 <li> 4902 <a href="/news/2013">2013</a> 4903 </li> 4904 </ul> 4905</div></div> 4906 4907</div> 4908 </div> 4909</main> <footer class="page-footer"> 4910 <div class="container"> 4911 <ul class="footer__top grid"> 4912 <li class="parent"> 4913 <a class="shaker" href="/courses/" >Courses</a> 4914 <div :style="{ '--depth': 2 }"><ul class=""> 4915 <li class=""> 4916 <a class="" href="/courses/study-options/" >Study Options</a> 4917 </li> 4918 <li class=""> 4919 <a class="" href="/courses/courses-beginner/" >
4919Courses: Beginner</a> 4920 </li> 4921 <li class=""> 4922 <a class="" href="/courses/courses-practitioner/" >Courses: Practitioner</a> 4923 </li> 4924 <li class=""> 4925 <a class="" href="/courses/worldwide/" >Courses: Worldwide</a> 4926 </li> 4927 <li class=""> 4928 <a class="" href="/courses/courses-postgrad-cpd/" >Courses: Post Grad & CPD</a> 4929 </li> 4930 <li class=""> 4931 <a class="" href="/courses/clinical-training/" >Clinical Training</a> 4932 </li> 4933 <li class=""> 4934 <a class="" href="/courses/books-etc/" >Books Etc...</a> 4935 </li> 4936 <li class=""> 4937 <a class="" href="/courses/enrolling-and-fees/" >Fees & Enrolling</a> 4938 </li> 4939 <li class=""> 4940 <a class="" href="/courses/download-prospectus/" >Download Prospectus</a> 4941 </li> 4942 <li class=""> 4943 <a class="" href="/courses/course-enquiries/" >Course Enquiries</a> 4944 </li> 4945 </ul> 4946 </div> 4947 </li> 4948 <li class="parent"> 4949 <a class="shaker" href="/why-study-with-us/" >Why Study With Us</a> 4950 <div :style="{ '--depth': 2 }"><ul class=""> 4951 <li class=""> 4952 <a class="" href="/why-study-with-us/reasons-to-study-with-us/" >12 Reasons to Study With Us</a> 4953 </li> 4954 <li class=""> 4955 <a class="" href="/why-study-with-us/find-your-path/" >Find Your Path</a> 4956 </li> 4957 <li class=""> 4958 <a class="" href="/why-study-with-us/your-journey-your-pace/" >Your Journey Your Pace</a> 4959 </li> 4960 <li class=""> 4961 <a class="" href="/why-study-with-us/becoming-a-homeopath/" >Becoming a Homeopath</a> 4962 </li> 4963 <li class=""> 4964 <a class="" href="/why-study-with-us/studying-homeopathy/" >Studying homeopathy</a> 4965 </li> 4966 <li class=""> 4967 <a class="" href="/why-study-with-us/clinical-development-support/" >Clinical Development & Support</a> 4968 </li> 4969 <li class=""> 4970 <a class="" href="/why-study-with-us/careers-in-homeopathy/" >Careers in Homeopathy</a> 4971 </li> 4972 <li class=""> 4973 <a class="" href="/why-study-with-us/testimonials/" >Student & Graduate Stories</a> 4974 </li> 4975 <li class=""> 4976 <a class="" href="/why-study-with-us/patrons/" >Our Patrons</a> 4977 </li> 4978 <li class=""> 4979 <a class="" href="/why-study-with-us/awards/" >Awards</a> 4980 </li> 4981 <li class=""> 4982 <a class="" href="/why-study-with-us/recognition/" >Accreditation & Recognition</a> 4983 </li> 4984 <li class=""> 4985 <a class="" href="/why-study-with-us/what-is-homeopathy/" >What is Homeopathy</a> 4986 </li> 4987 </ul> 4988 </div> 4989 </li> 4990 <li class="parent"> 4991 <a class="shaker" href="/the-school/" >The School</a> 4992 <div :style="{ '--depth': 2 }"><ul class=""> 4993 <li class=""> 4994 <a class="" href="/the-school/faculty/" >Faculty</a> 4995 </li> 4996 <li class=""> 4997 <a class="" href="/the-school/founder-misha-norland/" >Founder Misha Norland</a> 4998 </li> 4999 <li class=""> 5000 <a class="" href="/the-school/our-venue/" >Our Venue</a> 5001 </li> 5002 <li class=""> 5003 <a class="" href="/the-school/editorial/" >Editorial</a> 5004 </li> 5005 <li class=""> 5006 <a class="" href="/the-school/provings/" >Provings</a> 5007 </li> 5008 <li class=""> 5009 <a class="" href="/the-school/principles/" >Principles</a> 5010 </li> 5011 <li class=""> 5012 <a class="" href="/the-school/healthy-planet-survey/" >Healthy Planet Survey</a> 5013 </li> 5014 <li class=""> 5015 <a class="" href="/the-school/campaigns/" >Campaigns</a> 5016 </li> 5017 <li class=""> 5018 <a class="" href="/the-school/graduates/" >Graduates</a> 5019 </li> 5020 </ul> 5021 </div> 5022 </li> 5023 <li> 5024 <span class="shaker">Partner sites</span> 5025 <ul> 5026 <li><a href="https://www.schoolofhealth.com" target="_blank">School of Health</a></li> <li><a href="https://www.in-light.co.uk/the-brands/yondercott-press/" target="_blank">Yondercott Press</a></li> 5027 <li><a href="https://www.in-light.co.uk" target="_blank">In-Light Limited</a></li> </ul> 5028 </li> 5029 <li>
5030 <span class="shaker">Telephone</span> 5031 <ul> 5032 <li>UK free phone: <a href="tel:+448000439349">0800 0439 349</a></li> 5033 <li>Telephone: <a href="tel:+441453709709">+44 (0)1453 709 709</a></li> 5034 </ul> 5035 </li> 5036 <li> 5037 <span class="shaker">Address</span> 5038 <address> 5039 Orchard Leigh<br />Rodborough Hill<br />Stroud<br />Gloucestershire<br />GL5 3SS 5040 </address> 5041 </li> 5042 <li> 5043 <span class="shaker">The School of Homeopathy</span> 5044 <ul> 5045 <li><a href="/contact-us/">Contact us</a></li> 5046 <li><a href="https://www.schoolofhealth.com/the-school/t-c/">Terms & Conditions</a></li> 5047 <li><a href="https://www.schoolofhealth.com/the-school/t-c/privacy/">Privacy Policy</a></li> 5048 <li><a href="/sitemap/">Sitemap</a></li> 5049 </ul> 5050 </li> 5051 <li> 5052 <span class="shaker"> </span> 5053 <ul class="social flex medium invert"> 5054 <li> 5055 <a href="https://www.facebook.com/the.school.of.homeopathy/" title="Facebook" target="_blank"> 5056 <svg viewBox="0 0 128 128"><use href="#social-facebook" /></svg> 5057 </a> 5058 </li> 5059 <li> 5060 <a href="https://twitter.com/HomeopathyEdu" title="X / Twitter" target="_blank"> 5061 <svg viewBox="0 0 128 128"><use href="#social-x" /></svg> 5062 </a> 5063 </li> 5064 <li> 5065 <a href="https://www.youtube.com/@TheSchoolofHomeopathy" title="YouTube" target="_blank"> 5066 <svg viewBox="0 0 128 128"><use href="#social-youtube" /></svg> 5067 </a> 5068 </li> 5069 <li> 5070 <a href="https://www.pinterest.co.uk/sohomeopathy/" title="Pinterest" target="_blank"> 5071 <svg viewBox="0 0 128 128"><use href="#social-pinterest" /></svg> 5072 </a> 5073 </li> 5074 <li> 5075 <a href="https://www.instagram.com/school.of.homeopathy/" title="Instagram" target="_blank"> 5076 <svg viewBox="0 0 128 128"><use href="#social-instagram" /></svg> 5077 </a> 5078 </li> 5079 <li> 5080 <a href="https://www.linkedin.com/company/school-of-homeopathy/" title="LinkedIn" target="_blank"> 5081 <svg viewBox="0 0 128 128"><use href="#social-linkedin" /></svg> 5082 </a> 5083 </li> 5084 </ul> </li> 5085 </ul> 5086 <p class="footer__bottom flex"> 5087 <span>© 2026 All rights reserved</span> 5088 <span>Part of In-Light Limited</span> 5089 <span>Company number: 04938677</span> 5090 </p> 5091 </div> 5092</footer> 5093 <dialog-container></dialog-container> 5094 <simple-cookies 5095 ref="simpleCookies" 5096 text='We use cookies to personalise your website experience by tracking usage and preferences (<a href="https://www.schoolofhealth.com/the-school/t-c/cookies/" target="_blank">read more</a>)' 5097 accept_text="Accept" 5098 decline_text="Decline"></simple-cookies> 5099 </div> 5100
5100<script> 5101 window.page_data = {"timezone_uk":"Europe\/London","basket":{"id":null,"item_total":0,"item_count":0,"contents":[],"require_account":false},"logged_in":false,"is_demo":false,"notification_count":null,"locale":"en","timezone":null,"user":{"setup_wizard":null}} 5102 window.translations = {"button.open":"Open","button.clear":"Clear","button.close":"Close","button.show":"Show","button.hide":"Hide","button.view":"View","button.pdf":"Read","button.play":"Play","button.playing":"Playing","button.video":"Play","button.download":"Download","button.info":"Info","button.comment":"Comment","button.handin":"Hand in","button.add":"Add","button.select":"Select","button.select_file":"Select file","button.upload":"Upload","button.submit":"Submit","button.submitting":"Submitting","button.save":"Save","button.saving":"Saving","button.accept":"Accept","button.decline":"Decline","button.dismiss":"Dismiss","button.edit":"Edit","button.update":"Update","button.cancel":"Cancel","button.delete":"Delete","button.remove":"Remove","button.reset":"Reset","button.biog":"Biog","button.agree":"I agree","button.ok":"Ok","button.continue":"Continue","button.enrol":"Enrol","button.reenrol":"Re-enrol","button.extend":"Extend","button.register":"Register","button.profile":"Profile","button.email":"Email","button.schedule":"Schedule","button.set":"Set","button.read_more":"Read more","button.more_info":"More details","button.reply":"Reply","button.report":"Report","button.report_issue":"Report a problem","button.transcript":"Transcript","button.transcripts":"Transcripts","button.search":"Search","button.like":"Like","button.likes":"Likes","button.viewed":"Mark as viewed","button.start":"Start","button.buy":"Buy","button.buy_units":"Purchase units","button.buy_tutorial":"Book a tutorial","button.unlock":"Unlock","button.purchase":"Purchase"} 5103 window.on_mounted = window.on_mounted || []; 5104 function mount(){on_mounted.push([...arguments]);} 5105 </script>
5105 5106
5106<script src="https://static.homeopathyschool.com/js/manifest.js?id=75b7ab887bffdd8418a1e3e073435296"></script>
5106 5107
5107<script src="https://static.homeopathyschool.com/js/vendor.js?id=4f7f782f2f76c307f5ca1aa33a338144"></script>
5107 5108
5108<script src="https://static.homeopathyschool.com/js/app.js?id=8ed88984db1e3d4e85883e8cd2975fa4"></script>
5108 5109 <svg style="height:0px; display: block;"> 5110 <defs> 5111 <radialGradient id="social-instagram-gradient-a" cx="158.429" cy="578.088" r="65" gradientTransform="matrix(0,-1.9516531,1.815191,0,-1015.3407,447.05618)" fx="158.429" fy="578.088" gradientUnits="userSpaceOnUse"> 5112 <stop offset="0" stop-color="#fd5"/> 5113 <stop offset=".1" stop-color="#fd5"/> 5114 <stop offset=".5" stop-color="#ff543e"/> 5115 <stop offset="1" stop-color="#c837ab"/> 5116 </radialGradient> 5117 <radialGradient id="social-instagram-gradient-b" cx="147.694" cy="473.455" r="65" gradientTransform="matrix(0.17123182,0.85542746,-3.5260328,0.70620622,1622.6871,-451.47699)" fx="147.694" fy="473.455" gradientUnits="userSpaceOnUse"> 5118 <stop offset="0" stop-color="#3771c8"/> 5119 <stop stop-color="#3771c8" offset=".128"/> 5120 <stop offset="1" stop-color="#60f" stop-opacity="0"/> 5121 </radialGradient> 5122 </defs> 5123 <path id="icon-close" d="M12.729 0L0 12.729 51.271 64 0 115.271 12.729 128 64 76.729 115.271 128 128 115.271 76.729 64 128 12.729 115.271 0 64 51.271 12.729 0z"/> 5124 <path id="icon-cross" d="M50.533 7.811c-1.175-1.175-3.067-1.175-4.243 0L34.523 19.577a3.569 3.569 0 0 1-5.046 0L17.71 7.811c-1.175-1.175-3.067-1.175-4.243 0l-2.828 2.828-2.828 2.828c-1.175 1.175-1.175 3.067 0 4.243l11.767 11.767a3.569 3.569 0 0 1 0 5.046L7.811 46.29c-1.175 1.175-1.175 3.067 0 4.243l2.828 2.828 2.828 2.828c1.175 1.175 3.067 1.175 4.243 0l11.767-11.767a3.569 3.569 0 0 1 5.046 0L46.29 56.19c1.175 1.175 3.067 1.175 4.243 0l2.828-2.828 2.828-2.828c1.175-1.175 1.175-3.067 0-4.243L44.423 34.523a3.569 3.569 0 0 1 0-5.046L56.189 17.71c1.175-1.175 1.175-3.067 0-4.243l-2.828-2.828z"/> 5125 <path id="icon-document" d="M13.936 0a6.23 6.23 0 0 0-6.18 6.188v51.625A6.23 6.23 0 0 0 13.936 64h36.801a6.23 6.23 0 0 0 6.18-6.187v-44.25a2.5 2.5 0 0 0-.73-1.766L45.145.734A2.5 2.5 0 0 0 43.375 0H13.936zm0 5h28.402l9.578 9.596v43.217c0 .704-.486 1.188-1.18 1.188H13.936c-.694 0-1.18-.484-1.18-1.187V6.188c0-.704.486-1.187 1.18-1.187zm5.9 6.5a2.5 2.5 0 1 0 0 5h15a2.5 2.5 0 1 0 0-5h-15zm0 12a2.5 2.5 0 1 0 0 5h25a2.5 2.5 0 1 0 0-5h-25zm0 12a2.5 2.5 0 1 0 0 5h25a2.5 2.5 0 1 0 0-5h-25zm0 12a2.5 2.5 0 1 0 0 5h25a2.5 2.5 0 1 0 0-5h-25z"/> 5126 <!--Part of a blade component to include file extension over top--> 5127 <g id="icon-file"> 5128 <path d="M12 .001a3.99 3.99 0 0 0-4 4v56a3.99 3.99 0 0 0 4 4h40a3.99 3.99 0 0 0 4-4V12L44 0z" fill="#d1d2d4"/> 5129 <path d="M0 36h48v16H0z"/> 5130 </g> 5131 <path id="icon-home" d="M64 0L9 55v73h35V78h40v50h35V55z"/> 5132 <path id="icon-play" d="M119.424 63.998L8.576 128V0z"/> 5133 <path id="icon-search" d="M40 0C17.968 0 0 17.968 0 40s17.968 40 40 40c7.768 0 15.024-2.242 21.172-6.1l54.1 54.1L128 115.271l-54.1-54.1C77.758 55.024 80 47.768 80 40 80 17.968 62.032 0 40 0zm0 10c16.628 0 30 13.372 30 30S56.628 70 40 70 10 56.628 10 40s13.372-30 30-30z"/> 5134 <path id="icon-star" d="M32.113 1.644a2.462 2.462 0 0 0-2.353 1.44l-7.603 16.727L2.273 21.34a2.462 2.462 0 0 0-1.641 4.101l13.893 15.437L9.919 59.3a2.462 2.462 0 0 0 3.489 2.799L32 52.803l18.592 9.296a2.462 2.462 0 0 0 3.489-2.799l-4.605-18.422 13.893-15.437a2.462 2.462 0 0 0-1.641-4.101l-19.883-1.529-7.603-16.727a2.462 2.462 0 0 0-2.128-1.44z"/> 5135 <path id="icon-tick" d="M22.638 56.253c-1.156 1.156-3.076 1.156-4.232 0L2.883 40.73c-1.177-1.176-1.177-3.076 0-4.232l5.76-5.78c1.156-1.156 3.076-1.156 4.232 0l5.532 5.533c1.156 1.156 3.076 1.156 4.232 0L51.126 7.762a2.98 2.98 0 0 1 4.232 0l5.76 5.759c1.177 1.177 1.177 3.076 0 4.232zm0 0"/> 5136 <path id="icon-video" d="M0 8v48h4v-4h8v4h40v-4h8v4h4V8h-4v4h-8V8H12v4H4V8zm4 8h8v8H4zm48 0h8v8h-8zM4 28h8v8H4zm48 0h8v8h-8zM4 40h8v8H4zm48 0h8v8h-8z"/> 5137 5138 <path id="social-facebook" fill="#0866ff" d="M0 0v128h128V0H0zm64 24c22.091 0 40 17.909 40 40 0 20.451-15.349 37.315-35.152 39.707V76.225h10.82L81.914 64H68.848v-4.322c0-6.459 2.535-8.945 9.094-8.945 2.037 0 3.677.049 4.621.148v-11.08c-1.789-.496-6.163-.992-8.697-.992-13.366 0-19.527 6.309-19.527 19.924V64H46.09v12.225h8.248v26.598C36.916 98.499 24 82.758 24 64c0-22.091 17.909-40 40-40z"/> 5139 <g id="social-instagram"> 5140 <path fill="url(#social-instagram-gradient-a)" d="M0 0v128h63.883H128V63.957 0H84.852 64.02 0zm63.992 24h.012c10.85 0 12.214.048 16.479.242 4.258.195 7.167.868 9.717 1.857a19.55 19.55 0 0 1 7.084 4.613 19.63 19.63 0 0 1 4.617 7.086c.983 2.543 1.657 5.449 1.857 9.707.192 4.267.242 5.631.242 16.494l-.242 16.49c-.2 4.257-.874 7.165-1.857 9.709a19.63 19.63 0 0 1-4.617 7.084c-2.223 2.225-4.45 3.596-7.08 4.617-2.545.989-5.456 1.662-9.715 1.857-4.267.194-5.626.242-16.49.242s-12.224-.048-16.49-.242c-4.258-.195-7.166-.868-9.711-1.857-2.629-1.022-4.861-2.392-7.084-4.617s-3.591-4.455-4.613-7.086c-.988-2.543-1.662-5.451-1.857-9.709C24.049 76.222 24 74.863 24 64l.24-16.494c.192-4.257.868-7.165 1.859-9.709a19.63 19.63 0 0 1 4.617-7.084c2.223-2.224 4.455-3.592 7.086-4.613 2.543-.989 5.449-1.662 9.707-1.857 4.264-.194 5.635-.242 16.482-.242zm-3.576 7.199c-7.455.008-8.886.058-12.576.225-3.9.179-6.018.829-7.428 1.379-1.867.727-3.2 1.592-4.6 2.992s-2.269 2.735-2.994 4.602c-.548 1.41-1.199 3.526-1.377 7.426-.192 4.217-.23 5.477-.23 16.158l.23 16.166c.178 3.9.829 6.016 1.377 7.424.727 1.867 1.594 3.198 2.994 4.598s2.733 2.267 4.6 2.992c1.411.547 3.528 1.199 7.428 1.379 4.217.192 5.483.234 16.164.234l16.164-.234c3.9-.178 6.017-.829 7.426-1.379 1.868-.725 3.198-1.59 4.598-2.99s2.267-2.729 2.992-4.596c.548-1.408 1.201-3.526 1.379-7.426.192-4.217.232-5.483.232-16.158l-.232-16.158c-.177-3.9-.831-6.015-1.379-7.424-.727-1.867-1.592-3.202-2.992-4.602s-2.731-2.265-4.598-2.99c-1.41-.547-3.526-1.201-7.426-1.379-4.218-.192-5.484-.229-16.164-.229-1.335 0-2.523-.002-3.588 0v-.01zm24.939 6.648c2.65 0 4.801 2.151 4.801 4.801s-2.151 4.801-4.801 4.801-4.801-2.151-4.801-4.801a4.8 4.8 0 0 1 4.801-4.799v-.002zm-21.354 5.611h.002C75.347 43.46 84.543 52.656 84.543 64a20.54 20.54 0 0 1-20.539 20.537c-11.344
51400-20.543-9.193-20.543-20.537s9.198-20.54 20.541-20.541zm.002 7.207c-7.364 0-13.334 5.97-13.334 13.334s5.97 13.334 13.334 13.334A13.34 13.34 0 0 0 77.338 64c0-7.364-5.971-13.334-13.334-13.334z"/> 5141 <path fill="url(#social-instagram-gradient-b)" d="M0 0v128h63.883H128V63.957 0H84.852 64.02 0zm63.992 24h.012c10.85 0 12.214.048 16.479.242 4.258.195 7.167.868 9.717 1.857a19.55 19.55 0 0 1 7.084 4.613 19.63 19.63 0 0 1 4.617 7.086c.983 2.543 1.657 5.449 1.857 9.707.192 4.267.242 5.631.242 16.494l-.242 16.49c-.2 4.257-.874 7.165-1.857 9.709a19.63 19.63 0 0 1-4.617 7.084c-2.223 2.225-4.45 3.596-7.08 4.617-2.545.989-5.456 1.662-9.715 1.857-4.267.194-5.626.242-16.49.242s-12.224-.048-16.49-.242c-4.258-.195-7.166-.868-9.711-1.857-2.629-1.022-4.861-2.392-7.084-4.617s-3.591-4.455-4.613-7.086c-.988-2.543-1.662-5.451-1.857-9.709C24.049 76.222 24 74.863 24 64l.24-16.494c.192-4.257.868-7.165 1.859-9.709a19.63 19.63 0 0 1 4.617-7.084c2.223-2.224 4.455-3.592 7.086-4.613 2.543-.989 5.449-1.662 9.707-1.857 4.264-.194 5.635-.242 16.482-.242zm-3.576 7.199c-7.455.008-8.886.058-12.576.225-3.9.179-6.018.829-7.428 1.379-1.867.727-3.2 1.592-4.6 2.992s-2.269 2.735-2.994 4.602c-.548 1.41-1.199 3.526-1.377 7.426-.192 4.217-.23 5.477-.23 16.158l.23 16.166c.178 3.9.829 6.016 1.377 7.424.727 1.867 1.594 3.198 2.994 4.598s2.733 2.267 4.6 2.992c1.411.547 3.528 1.199 7.428 1.379 4.217.192 5.483.234 16.164.234l16.164-.234c3.9-.178 6.017-.829 7.426-1.379 1.868-.725 3.198-1.59 4.598-2.99s2.267-2.729 2.992-4.596c.548-1.408 1.201-3.526 1.379-7.426.192-4.217.232-5.483.232-16.158l-.232-16.158c-.177-3.9-.831-6.015-1.379-7.424-.727-1.867-1.592-3.202-2.992-4.602s-2.731-2.265-4.598-2.99c-1.41-.547-3.526-1.201-7.426-1.379-4.218-.192-5.484-.229-16.164-.229-1.335 0-2.523-.002-3.588 0v-.01zm24.939 6.648c2.65 0 4.801 2.151 4.801 4.801s-2.151 4.801-4.801 4.801-4.801-2.151-4.801-4.801a4.8 4.8 0 0 1 4.801-4.799v-.002zm-21.354 5.611h.002C75.347 43.46 84.543 52.656 84.543 64a20.54 20.54 0 0 1-20.539 20.537c-11.344 0-20.543-9.193-20.543-20.537s9.198-20.54 20.541-20.541zm.002 7.207c-7.364 0-13.334 5.97-13.334 13.334s5.97 13.334 13.334 13.334A13.34 13.34 0 0 0 77.338 64c0-7.364-5.971-13.334-13.334-13.334z"/> 5142 </g> 5143 <path id="social-linkedin" fill="#0a66c2" d="M.266 0C.119 0 0 .119 0 .266v127.469c0 .147.119.266.266.266h127.469c.147 0 .266-.119.266-.266V.266c0-.147-.119-.266-.266-.266H.266zm33.502 24c5.396 0 9.766 4.407 9.766 9.842s-4.37 9.842-9.766 9.842S24 39.277 24 33.842 28.372 24 33.768 24zm50.82 25.037C95.9 49.037 104 55.945 104 70.232V104H87.563V76.004c0-7.676-2.917-11.967-8.992-11.967-6.609 0-10.062 4.465-10.062 11.967V104H52.666V50.666h15.842v7.186s4.762-8.814 16.08-8.814zm-59 1.629h16.52V104h-16.52V50.666z"/> 5144 <path id="social-pinterest" fill="#dc1319" d="M1 0a1 1 0 0 0-1 1v126a1 1 0 0 0 1 1h126a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm63 24c22.1 0 40 17.9 40 40s-17.9 40-40 40c-4.45 0-8.15-.651-11.9-1.801 2.65-3.9 4.3-7.95 5.4-12.25l2.051-8.299c2.5 3.15 6.099 4.9 10.199 4.9 10.35 0 19.949-10.201 19.949-23.801 0-13.5-9.849-24.449-25.549-24.449-14.95 0-25.6 10.598-25.6 23.898 0 7.7 3.799 13.352 7.799 13.352 1.3 0 2.151-.252 2.951-1.602-2.45-2.6-3.701-6.4-3.701-10.5C45.6 53.299 52.7 46 63.9 46c10.05 0 16.85 6.651 16.85 17.051 0 9.35-4.95 16.549-11.9 16.549-3.9 0-6.949-2.25-6.949-6.25 0-.9.15-1.949.5-3.049l1.75-5.75c.5-1.6.75-3 .75-4.25 0-3.95-2.15-6-5.1-6-4.25 0-6.951 4-6.951 9.6 0 2.4.5 4.8 1.15 6.9l-4 17.25c-1 4.2-1.35 8.55-.85 13.1C34.3 95.2 24 80.75 24 64c0-22.1 17.9-40 40-40z"/> 5145 <path id="social-x" fill="#000" d="M0 0v128h128V0H0zm24.859 24H48.17l20.209 29.412L93.684 24h6.904L71.447 57.875h-.002L103.141 104H79.83L58.486 72.939 31.766 104h-6.906l30.563-35.523L24.859 24zm9.395 5.199l24.639 35.24 3.096 4.43v.002L83.08 99.037h10.605L67.842 62.068l-3.098-4.428-19.883-28.441H34.254z"/> 5146 <path id="social-youtube" fill="#f00" d="M0 0v128h128V0H0zm64 36s25.017 0 31.256 1.672a10.02 10.02 0 0 1 7.072 7.072C104 50.983 104 64 104 64s0 13.017-1.672 19.256a10.02 10.02 0 0 1-7.072 7.072C89.017 92 64 92 64 92s-25.017 0-31.256-1.672a10.02 10.02 0 0 1-7.072-7.072C24 77.017 24 64 24 64s0-13.017 1.672-19.256a10.02 10.02 0 0 1 7.072-7.072C38.983 36 64 36 64 36zm-8 16v24l20.783-12L56 52z"/> 5147</svg> 5148 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 5148-5149
5148 5149<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5149GTM-K6688VG
vendor: 85 bytes, lines 5149-5150
5149" 5150height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
5151<!-- End Google Tag Manager (noscript) --> 5152<!-- Facebook Pixel Code -->
5153<script>
vendor: 407 bytes, lines 5153-5162
5153 5154!function(f,b,e,v,n,t,s) 5155{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 5156n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 5157if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 5158n.queue=[];t=b.createElement(e);t.async=!0; 5159t.src=v;s=b.getElementsByTagName(e)[0]; 5160s.parentNode.insertBefore(t,s)}(window,document,'script', 5161'https://connect.facebook.net/en_US/fbevents.js'); 5162fbq('init', '
51621368774269994326
vendor: 33 bytes, lines 5162-5163
5162'); 5163fbq('track', 'PageView');
5164</script>
5164 5165<noscript> 5166<img height="1" width="1" 5167src="https://www.facebook.com/tr?id=1368774269994326&ev=PageView 5168&noscript=1"/> 5169</noscript> 5170<!-- End Facebook Pixel Code --> 5171<!-- Facebook Pixel Code -->
5172<script>
vendor: 407 bytes, lines 5172-5181
5172 5173!function(f,b,e,v,n,t,s) 5174{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 5175n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 5176if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 5177n.queue=[];t=b.createElement(e);t.async=!0; 5178t.src=v;s=b.getElementsByTagName(e)[0]; 5179s.parentNode.insertBefore(t,s)}(window,document,'script', 5180'https://connect.facebook.net/en_US/fbevents.js'); 5181fbq('init', '
51812251812865578804
vendor: 33 bytes, lines 5181-5182
5181'); 5182fbq('track', 'PageView');
5183</script>
5183 5184<noscript> 5185<img height="1" width="1" 5186src="https://www.facebook.com/tr?id=2251812865578804&ev=PageView 5187&noscript=1"/> 5188</noscript> 5189<!-- End Facebook Pixel Code --> 5190 5191
5191<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"da40b5769344411fb63c8dd6862956e0","r":1,"spa":2}' crossorigin="anonymous"></script>
5191 5192</body> 5193</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.