epfl-elements 4.6.0 → 4.7.0

package/dist/css/elements.css

@@ -73,10 +73,6 @@ body {
   background-color: #fff;
 }
 
-[tabindex="-1"]:focus:not(.focus-visible) {
-  outline: 0 !important;
-}
-
 [tabindex="-1"]:focus:not(:focus-visible) {
   outline: 0 !important;
 }
@@ -100,6 +96,7 @@ p {
 
 abbr[title],
 abbr[data-original-title] {
+  text-decoration: underline;
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
@@ -169,20 +166,24 @@ sup {
 
 a {
   color: #212121;
+  -webkit-text-decoration: underline;
   text-decoration: underline;
   background-color: transparent;
 }
 a:hover {
   color: #ff0000;
+  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
 a:not([href]):not([class]) {
   color: inherit;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 a:not([href]):not([class]):hover {
   color: inherit;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -241,10 +242,6 @@ button {
   border-radius: 0;
 }
 
-button:focus:not(.focus-visible) {
-  outline: 0;
-}
-
 button:focus:not(:focus-visible) {
   outline: 0;
 }
@@ -2050,7 +2047,7 @@ mark,
   color: #212121;
   background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid #d5d5d5;
+  border: 1px solid #8e8e8e;
   border-radius: 2px;
   -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@@ -2555,6 +2552,7 @@ textarea.form-control, .selectize-control textarea.selectize-input {
   font-weight: 400;
   color: #212121;
   text-align: center;
+  -webkit-text-decoration: none;
   text-decoration: none;
   vertical-align: middle;
   -webkit-user-select: none;
@@ -2580,6 +2578,7 @@ textarea.form-control, .selectize-control textarea.selectize-input {
 }
 .btn:hover {
   color: #212121;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .btn:focus, .btn.focus {
@@ -3073,13 +3072,16 @@ fieldset:disabled a.btn {
 .btn-link {
   font-weight: 400;
   color: #212121;
+  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 .btn-link:hover {
   color: #ff0000;
+  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 .btn-link:focus, .btn-link.focus {
+  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 .btn-link:disabled, .btn-link.disabled {
@@ -3359,6 +3361,7 @@ input[type=button].btn-block {
   font-weight: 400;
   color: #212121;
   text-align: inherit;
+  -webkit-text-decoration: none;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
@@ -3366,11 +3369,13 @@ input[type=button].btn-block {
 }
 .dropdown-item:hover, .dropdown-item:focus {
   color: #141414;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: #e6e6e6;
 }
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: #ff0000;
 }
@@ -3536,7 +3541,7 @@ input[type=button].btn-block {
   text-align: center;
   white-space: nowrap;
   background-color: #d5d5d5;
-  border: 1px solid #d5d5d5;
+  border: 1px solid #8e8e8e;
   border-radius: 2px;
 }
 .input-group-text input[type=radio],
@@ -3611,7 +3616,8 @@ input[type=button].btn-block {
   display: block;
   min-height: 1.5rem;
   padding-left: 2.5rem;
-  print-color-adjust: exact;
+  -webkit-print-color-adjust: exact;
+          print-color-adjust: exact;
 }
 
 .custom-control-inline {
@@ -3668,7 +3674,7 @@ input[type=button].btn-block {
   pointer-events: none;
   content: "";
   background-color: #fff;
-  border: 1px solid #adb5bd;
+  border: 1px solid #8e8e8e;
 }
 .custom-control-label::after {
   position: absolute;
@@ -3725,7 +3731,7 @@ input[type=button].btn-block {
   left: calc(-3.25rem + 2px);
   width: calc(1rem - 4px);
   height: calc(1rem - 4px);
-  background-color: #adb5bd;
+  background-color: #8e8e8e;
   border-radius: 0.5rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
@@ -3758,7 +3764,7 @@ input[type=button].btn-block {
   color: #212121;
   vertical-align: middle;
   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23212121' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center/8px 10px no-repeat;
-  border: 1px solid #d5d5d5;
+  border: 1px solid #8e8e8e;
   border-radius: 2px;
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -3852,7 +3858,7 @@ input[type=button].btn-block {
   line-height: 1.5;
   color: #212121;
   background-color: #fff;
-  border: 1px solid #d5d5d5;
+  border: 1px solid #8e8e8e;
   border-radius: 2px;
 }
 .custom-file-label::after {
@@ -3999,19 +4005,19 @@ input[type=button].btn-block {
   border-radius: 1rem;
 }
 .custom-range:disabled::-webkit-slider-thumb {
-  background-color: #adb5bd;
+  background-color: #8e8e8e;
 }
 .custom-range:disabled::-webkit-slider-runnable-track {
   cursor: default;
 }
 .custom-range:disabled::-moz-range-thumb {
-  background-color: #adb5bd;
+  background-color: #8e8e8e;
 }
 .custom-range:disabled::-moz-range-track {
   cursor: default;
 }
 .custom-range:disabled::-ms-thumb {
-  background-color: #adb5bd;
+  background-color: #8e8e8e;
 }
 
 .custom-control-label::before,
@@ -4045,9 +4051,11 @@ input[type=button].btn-block {
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .nav-link:hover, .nav-link:focus {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .nav-link.disabled {
@@ -4184,6 +4192,7 @@ input[type=button].btn-block {
 }
 
 .card-link:hover {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .card-link + .card-link {
@@ -4333,7 +4342,6 @@ input[type=button].btn-block {
     -webkit-column-count: 3;
        -moz-column-count: 3;
             column-count: 3;
-    grid-column-gap: 1.25rem;
     -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
             column-gap: 1.25rem;
@@ -4382,6 +4390,7 @@ input[type=button].btn-block {
   margin-left: -1px;
   line-height: 1.25;
   color: #ff0000;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #d5d5d5;
@@ -4389,6 +4398,7 @@ input[type=button].btn-block {
 .page-link:hover {
   z-index: 2;
   color: #ff0000;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: #fff;
   border-color: #707070;
@@ -4473,6 +4483,7 @@ input[type=button].btn-block {
   }
 }
 a.badge:hover, a.badge:focus {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -4819,6 +4830,7 @@ a.badge-dark:focus, a.badge-dark.focus {
 .list-group-item-action:hover, .list-group-item-action:focus {
   z-index: 1;
   color: #707070;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: #e6e6e6;
 }
@@ -4831,6 +4843,7 @@ a.badge-dark:focus, a.badge-dark.focus {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid rgba(33, 33, 33, 0.125);
@@ -5156,6 +5169,7 @@ a.badge-dark:focus, a.badge-dark.focus {
 }
 .close:hover {
   color: #707070;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
@@ -5405,12 +5419,6 @@ a.close.disabled {
     max-width: 1140px;
   }
 }
-[dir="ltr"] .tooltip{
-  text-align: left;
-}
-[dir="rtl"] .tooltip{
-  text-align: right;
-}
 .tooltip {
   position: absolute;
   z-index: 1070;
@@ -5421,6 +5429,8 @@ a.close.disabled {
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
+  text-align: start;
+  -webkit-text-decoration: none;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
@@ -5510,14 +5520,6 @@ a.close.disabled {
   border-radius: 2px;
 }
 
-[dir="ltr"] .popover{
-  text-align: left;
-}
-
-[dir="rtl"] .popover{
-  text-align: right;
-}
-
 .popover {
   position: absolute;
   top: 0;
@@ -5530,6 +5532,8 @@ a.close.disabled {
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
+  text-align: start;
+  -webkit-text-decoration: none;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
@@ -5785,6 +5789,7 @@ a.close.disabled {
 .carousel-control-next:hover,
 .carousel-control-next:focus {
   color: #fff;
+  -webkit-text-decoration: none;
   text-decoration: none;
   outline: 0;
   opacity: 0.9;
@@ -7518,7 +7523,6 @@ button.bg-dark:focus {
 .user-select-all {
   -webkit-user-select: all !important;
      -moz-user-select: all !important;
-      -ms-user-select: all !important;
           user-select: all !important;
 }
 
@@ -10795,6 +10799,7 @@ a.text-dark:hover, a.text-dark:focus {
 }
 
 .text-decoration-none {
+  -webkit-text-decoration: none !important;
   text-decoration: none !important;
 }
 
@@ -10824,6 +10829,7 @@ a.text-dark:hover, a.text-dark:focus {
             box-shadow: none !important;
   }
   a:not(.btn) {
+    -webkit-text-decoration: underline;
     text-decoration: underline;
   }
   abbr[title]::after {
@@ -10834,7 +10840,7 @@ a.text-dark:hover, a.text-dark:focus {
   }
   pre,
 blockquote {
-    border: 1px solid #adb5bd;
+    border: 1px solid #8e8e8e;
     page-break-inside: avoid;
   }
   tr,
@@ -11354,18 +11360,22 @@ a:hover .text-arrow:after {
   Bootstrap v5 + legacy
 */
 .underline, .text-decoration-underline {
+  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
 .overline, .text-decoration-overline {
+  -webkit-text-decoration: overline;
   text-decoration: overline;
 }
 
 .line-through, .text-decoration-line-through {
+  -webkit-text-decoration: line-through;
   text-decoration: line-through;
 }
 
 .no-underline {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -11451,13 +11461,13 @@ button.bg-gray-400:focus {
 }
 
 .bg-gray-500 {
-  background-color: #adb5bd !important;
+  background-color: #8e8e8e !important;
 }
 
 a.bg-gray-500:hover, a.bg-gray-500:focus,
 button.bg-gray-500:hover,
 button.bg-gray-500:focus {
-  background-color: #919ca6 !important;
+  background-color: #757575 !important;
 }
 
 .bg-gray-600 {
@@ -11521,7 +11531,7 @@ hr {
 }
 
 .text-gray-500 {
-  color: #adb5bd !important;
+  color: #8e8e8e !important;
 }
 
 .text-gray-600 {
@@ -11754,20 +11764,6 @@ input[type=button]:disabled,
 input[type=button].disabled {
   opacity: 1;
 }
-.btn:focus, .btn.focus-visible, .btn.focus,
-button:focus,
-button.focus-visible,
-button.focus,
-button.btn:focus,
-button.btn.focus-visible,
-button.btn.focus,
-input[type=button]:focus,
-input[type=button].focus-visible,
-input[type=button].focus {
-  outline-width: 2px !important;
-  outline-style: solid !important;
-  outline-offset: 2px;
-}
 .btn:focus, .btn:focus-visible, .btn.focus,
 button:focus,
 button:focus-visible,
@@ -11784,6 +11780,7 @@ input[type=button].focus {
 }
 
 .btn {
+  -webkit-text-decoration: none;
   text-decoration: none;
   white-space: normal;
   -webkit-transition: background 0.15s, color 0.15s, border-color 0.15s;
@@ -11800,9 +11797,6 @@ input[type=button].focus {
   background: #b51f1f;
   border-color: #b51f1f;
 }
-.btn-primary:focus, .btn-primary.focus-visible, .btn-primary.focus {
-  outline-color: #b51f1f !important;
-}
 .btn-primary:focus, .btn-primary:focus-visible, .btn-primary.focus {
   outline-color: #b51f1f !important;
 }
@@ -11823,7 +11817,7 @@ input[type=button].focus {
 
 .btn-secondary {
   background: transparent;
-  border-color: #c1c1c1;
+  border-color: #8e8e8e;
 }
 .bg-dark .btn-secondary {
   border-color: #707070;
@@ -11840,9 +11834,6 @@ input[type=button].focus {
   background: transparent;
   border-color: #e6e6e6;
 }
-.btn-secondary:focus, .btn-secondary.focus-visible, .btn-secondary.focus {
-  outline-color: #707070 !important;
-}
 .btn-secondary:focus, .btn-secondary:focus-visible, .btn-secondary.focus {
   outline-color: #707070 !important;
 }
@@ -11901,16 +11892,18 @@ a.tag:hover {
   border-right-color: #a8a8a8;
   border-left-color: #a8a8a8;
   color: #212121;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.tag {
+a.tag, button.tag, span.tag, div.tag, p.tag {
   display: inline-block;
   margin: 0 0.1em 0.3em 0;
   padding: 0.4em 0.6em;
+  -webkit-text-decoration: none;
   text-decoration: none;
   background: #fff;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #8e8e8e;
   font-size: inherit;
   line-height: 1;
   font-weight: 400;
@@ -11920,7 +11913,8 @@ a.tag:hover {
   transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
   vertical-align: middle;
 }
-.tag .remove {
+a.tag .remove, button.tag .remove, span.tag .remove, div.tag .remove, p.tag .remove {
+  -webkit-text-decoration: none;
   text-decoration: none;
   float: right;
   padding: 0;
@@ -11933,39 +11927,39 @@ a.tag:hover {
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
-.tag .remove:hover {
+a.tag .remove:hover, button.tag .remove:hover, span.tag .remove:hover, div.tag .remove:hover, p.tag .remove:hover {
   color: #ff0000;
 }
-.tag.tag-sm {
+a.tag.tag-sm, button.tag.tag-sm, span.tag.tag-sm, div.tag.tag-sm, p.tag.tag-sm {
   font-size: 0.75em;
 }
-.tag.tag-plain {
+a.tag.tag-plain, button.tag.tag-plain, span.tag.tag-plain, div.tag.tag-plain, p.tag.tag-plain {
   border-color: #707070;
   background: #707070;
   color: #fff;
 }
-.tag.tag-primary {
+a.tag.tag-primary, button.tag.tag-primary, span.tag.tag-primary, div.tag.tag-primary, p.tag.tag-primary {
   border-bottom: 1px solid #ff0000;
 }
-.tag.tag-secondary {
+a.tag.tag-secondary, button.tag.tag-secondary, span.tag.tag-secondary, div.tag.tag-secondary, p.tag.tag-secondary {
   border-bottom: 1px solid #212121;
 }
-.tag.tag-success {
+a.tag.tag-success, button.tag.tag-success, span.tag.tag-success, div.tag.tag-success, p.tag.tag-success {
   border-bottom: 1px solid #7ed321;
 }
-.tag.tag-info {
+a.tag.tag-info, button.tag.tag-info, span.tag.tag-info, div.tag.tag-info, p.tag.tag-info {
   border-bottom: 1px solid #4a90e2;
 }
-.tag.tag-warning {
+a.tag.tag-warning, button.tag.tag-warning, span.tag.tag-warning, div.tag.tag-warning, p.tag.tag-warning {
   border-bottom: 1px solid #f5a623;
 }
-.tag.tag-danger {
+a.tag.tag-danger, button.tag.tag-danger, span.tag.tag-danger, div.tag.tag-danger, p.tag.tag-danger {
   border-bottom: 1px solid #ff0000;
 }
-.tag.tag-light {
+a.tag.tag-light, button.tag.tag-light, span.tag.tag-light, div.tag.tag-light, p.tag.tag-light {
   border-bottom: 1px solid #c1c1c1;
 }
-.tag.tag-dark {
+a.tag.tag-dark, button.tag.tag-dark, span.tag.tag-dark, div.tag.tag-dark, p.tag.tag-dark {
   border-bottom: 1px solid #212121;
 }
 
@@ -12002,16 +11996,6 @@ button.tag:focus .remove {
   background: #ff0000;
   color: #fff;
 }
-a.tag:focus, a.tag.focus-visible, a.tag.focus,
-.btn.tag:focus,
-.btn.tag.focus-visible,
-.btn.tag.focus,
-button.tag:focus,
-button.tag.focus-visible,
-button.tag.focus {
-  outline: solid 2px #ff0000 !important;
-  outline-offset: 2px;
-}
 a.tag:focus, a.tag:focus-visible, a.tag.focus,
 .btn.tag:focus,
 .btn.tag:focus-visible,
@@ -12022,21 +12006,6 @@ button.tag.focus {
   outline: solid 2px #ff0000 !important;
   outline-offset: 2px;
 }
-a.tag.tag-secondary:focus, a.tag.tag-secondary.focus-visible, a.tag.tag-secondary.focus, a.tag.tag-plain:focus, a.tag.tag-plain.focus-visible, a.tag.tag-plain.focus,
-.btn.tag.tag-secondary:focus,
-.btn.tag.tag-secondary.focus-visible,
-.btn.tag.tag-secondary.focus,
-.btn.tag.tag-plain:focus,
-.btn.tag.tag-plain.focus-visible,
-.btn.tag.tag-plain.focus,
-button.tag.tag-secondary:focus,
-button.tag.tag-secondary.focus-visible,
-button.tag.tag-secondary.focus,
-button.tag.tag-plain:focus,
-button.tag.tag-plain.focus-visible,
-button.tag.tag-plain.focus {
-  outline-color: #707070 !important;
-}
 a.tag.tag-secondary:focus, a.tag.tag-secondary:focus-visible, a.tag.tag-secondary.focus, a.tag.tag-plain:focus, a.tag.tag-plain:focus-visible, a.tag.tag-plain.focus,
 .btn.tag.tag-secondary:focus,
 .btn.tag.tag-secondary:focus-visible,
@@ -12128,6 +12097,7 @@ button.tag.tag-plain:focus .remove {
   border-right-color: #a8a8a8;
   border-left-color: #a8a8a8;
   color: #212121;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .selectize-control .selectize-input input {
@@ -12420,10 +12390,6 @@ button.tag.tag-plain:focus .remove {
   margin-bottom: 0;
 }
 
-button.collapse-title:focus, button.collapse-title.focus-visible {
-  outline: 0 !important;
-}
-
 button.collapse-title:focus, button.collapse-title:focus-visible {
   outline: 0 !important;
 }
@@ -12482,6 +12448,7 @@ header.collapse-title + .collapse-item:before {
   -webkit-box-align: baseline;
       -ms-flex-align: baseline;
           align-items: baseline;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .link-collapse:after {
@@ -12686,14 +12653,11 @@ header.collapse-title + .collapse-item:before {
           transform: translateY(-50%);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
+  -webkit-text-decoration: underline;
   text-decoration: underline;
   text-decoration-thickness: 0.08em;
   text-underline-offset: 2px;
 }
-.drawer .drawer-link.focus-visible .text {
-  text-decoration-thickness: 0.2em;
-  text-underline-offset: 4px;
-}
 .drawer .drawer-link:focus-visible .text {
   text-decoration-thickness: 0.2em;
   text-underline-offset: 4px;
@@ -12724,9 +12688,6 @@ header.collapse-title + .collapse-item:before {
 .drawer .drawer-toggle:hover {
   background: #b51f1f;
 }
-.drawer .drawer-toggle:focus, .drawer .drawer-toggle.focus-visible {
-  outline: 0 !important;
-}
 .drawer .drawer-toggle:focus, .drawer .drawer-toggle:focus-visible {
   outline: 0 !important;
 }
@@ -12734,10 +12695,6 @@ header.collapse-title + .collapse-item:before {
   -webkit-transform: rotate(180deg) translateY(50%);
           transform: rotate(180deg) translateY(50%);
 }
-.drawer[focus-within] {
-  outline: 2px solid #b51f1f;
-  outline-offset: 2px;
-}
 .drawer:focus-within {
   outline: 2px solid #b51f1f;
   outline-offset: 2px;
@@ -12786,6 +12743,7 @@ header.collapse-title + .collapse-item:before {
 }
 
 .form-control, .selectize-control .selectize-input {
+  border-color: #8e8e8e;
   height: auto;
   -webkit-transition: color 0.3s, border-color 0.3s, outline 0.3s, -webkit-box-shadow 0.3s;
   transition: color 0.3s, border-color 0.3s, outline 0.3s, -webkit-box-shadow 0.3s;
@@ -12821,7 +12779,7 @@ header.collapse-title + .collapse-item:before {
   margin-right: 3rem;
 }
 .nav-lang.show .dropdown-toggle {
-  border: 1px solid #adb5bd;
+  border: 1px solid #8e8e8e;
 }
 .nav-lang .dropdown-toggle,
 .nav-lang .dropdown-item {
@@ -12888,7 +12846,7 @@ header.collapse-title + .collapse-item:before {
 }
 .nav-lang .dropdown-menu a:not(.active) {
   background: white;
-  border: 1px solid #adb5bd;
+  border: 1px solid #8e8e8e;
 }
 .nav-lang .dropdown-menu a:not(.active):hover {
   background: #e6e6e6;
@@ -12955,7 +12913,7 @@ header.collapse-title + .collapse-item:before {
   color: #ff0000;
 }
 .nav-lang-short ul li a {
-  color: #adb5bd;
+  color: #8e8e8e;
 }
 .nav-lang-short ul li a:hover {
   color: #212121;
@@ -12963,6 +12921,7 @@ header.collapse-title + .collapse-item:before {
 .nav-lang-short ul li a,
 .nav-lang-short ul li span {
   padding: 0.4rem;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -13097,159 +13056,85 @@ header.collapse-title + .collapse-item:before {
   overflow: hidden;
 }
 
-a,
-a:visited {
-  color: #212121;
-  text-decoration: underline;
-  background-color: transparent;
-  -webkit-text-decoration-color: #ff0000;
-          text-decoration-color: #ff0000;
-  -webkit-transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
-  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
+a {
+  text-decoration-color: #ff0000;
+  -webkit-transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out;
   transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out;
-  transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
 }
-a:hover, a:focus, a:active,
-a:visited:hover,
-a:visited:focus,
-a:visited:active {
-  -webkit-text-decoration-color: #212121;
-          text-decoration-color: #212121;
+a:hover, a:focus, a:active {
+  text-decoration-color: #212121;
 }
-a:active,
-a:visited:active {
+a:active {
   color: #ff0000;
 }
-a.text-muted,
-a:visited.text-muted {
-  -webkit-text-decoration-color: #707070;
-          text-decoration-color: #707070;
+a.text-muted {
+  text-decoration-color: #707070;
 }
-a.text-muted:hover,
-a:visited.text-muted:hover {
+a.text-muted:hover {
   color: #212121 !important;
-  -webkit-text-decoration-color: #212121;
-          text-decoration-color: #212121;
-}
-.text-white a, a.text-white,
-.text-white a:visited,
-a:visited.text-white {
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.text-white a:hover, .text-white a:focus, .text-white a:active, a.text-white:hover, a.text-white:focus, a.text-white:active,
-.text-white a:visited:hover,
-.text-white a:visited:focus,
-.text-white a:visited:active,
-a:visited.text-white:hover,
-a:visited.text-white:focus,
-a:visited.text-white:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-primary a,
-.bg-primary a:visited {
+  text-decoration-color: #212121;
+}
+.text-white a, a.text-white {
+  text-decoration-color: currentcolor;
+}
+.text-white a:hover, .text-white a:focus, .text-white a:active, a.text-white:hover, a.text-white:focus, a.text-white:active {
+  text-decoration-color: transparent;
+}
+.bg-primary a {
   color: #fff;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-primary a:hover, .bg-primary a:focus, .bg-primary a:active,
-.bg-primary a:visited:hover,
-.bg-primary a:visited:focus,
-.bg-primary a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-secondary a,
-.bg-secondary a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-primary a:hover, .bg-primary a:focus, .bg-primary a:active {
+  text-decoration-color: transparent;
+}
+.bg-secondary a {
   color: #212121;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-secondary a:hover, .bg-secondary a:focus, .bg-secondary a:active,
-.bg-secondary a:visited:hover,
-.bg-secondary a:visited:focus,
-.bg-secondary a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-success a,
-.bg-success a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-secondary a:hover, .bg-secondary a:focus, .bg-secondary a:active {
+  text-decoration-color: transparent;
+}
+.bg-success a {
   color: #212121;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-success a:hover, .bg-success a:focus, .bg-success a:active,
-.bg-success a:visited:hover,
-.bg-success a:visited:focus,
-.bg-success a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-info a,
-.bg-info a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-success a:hover, .bg-success a:focus, .bg-success a:active {
+  text-decoration-color: transparent;
+}
+.bg-info a {
   color: #fff;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-info a:hover, .bg-info a:focus, .bg-info a:active,
-.bg-info a:visited:hover,
-.bg-info a:visited:focus,
-.bg-info a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-warning a,
-.bg-warning a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-info a:hover, .bg-info a:focus, .bg-info a:active {
+  text-decoration-color: transparent;
+}
+.bg-warning a {
   color: #212121;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-warning a:hover, .bg-warning a:focus, .bg-warning a:active,
-.bg-warning a:visited:hover,
-.bg-warning a:visited:focus,
-.bg-warning a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-danger a,
-.bg-danger a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-warning a:hover, .bg-warning a:focus, .bg-warning a:active {
+  text-decoration-color: transparent;
+}
+.bg-danger a {
   color: #fff;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-danger a:hover, .bg-danger a:focus, .bg-danger a:active,
-.bg-danger a:visited:hover,
-.bg-danger a:visited:focus,
-.bg-danger a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-light a,
-.bg-light a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-danger a:hover, .bg-danger a:focus, .bg-danger a:active {
+  text-decoration-color: transparent;
+}
+.bg-light a {
   color: #212121;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
-}
-.bg-light a:hover, .bg-light a:focus, .bg-light a:active,
-.bg-light a:visited:hover,
-.bg-light a:visited:focus,
-.bg-light a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
-}
-.bg-dark a,
-.bg-dark a:visited {
+  text-decoration-color: currentcolor;
+}
+.bg-light a:hover, .bg-light a:focus, .bg-light a:active {
+  text-decoration-color: transparent;
+}
+.bg-dark a {
   color: #fff;
-  -webkit-text-decoration-color: currentcolor;
-          text-decoration-color: currentcolor;
+  text-decoration-color: currentcolor;
 }
-.bg-dark a:hover, .bg-dark a:focus, .bg-dark a:active,
-.bg-dark a:visited:hover,
-.bg-dark a:visited:focus,
-.bg-dark a:visited:active {
-  -webkit-text-decoration-color: transparent;
-          text-decoration-color: transparent;
+.bg-dark a:hover, .bg-dark a:focus, .bg-dark a:active {
+  text-decoration-color: transparent;
 }
 
 a,
@@ -13263,43 +13148,35 @@ a:visited {
 }
 
 a.text-primary:hover, a.text-primary:focus {
-  -webkit-text-decoration-color: #ff0000;
-          text-decoration-color: #ff0000;
+  text-decoration-color: #ff0000;
 }
 
 a.text-secondary:hover, a.text-secondary:focus {
-  -webkit-text-decoration-color: #fff;
-          text-decoration-color: #fff;
+  text-decoration-color: #fff;
 }
 
 a.text-success:hover, a.text-success:focus {
-  -webkit-text-decoration-color: #7ed321;
-          text-decoration-color: #7ed321;
+  text-decoration-color: #7ed321;
 }
 
 a.text-info:hover, a.text-info:focus {
-  -webkit-text-decoration-color: #4a90e2;
-          text-decoration-color: #4a90e2;
+  text-decoration-color: #4a90e2;
 }
 
 a.text-warning:hover, a.text-warning:focus {
-  -webkit-text-decoration-color: #f5a623;
-          text-decoration-color: #f5a623;
+  text-decoration-color: #f5a623;
 }
 
 a.text-danger:hover, a.text-danger:focus {
-  -webkit-text-decoration-color: #ff0000;
-          text-decoration-color: #ff0000;
+  text-decoration-color: #ff0000;
 }
 
 a.text-light:hover, a.text-light:focus {
-  -webkit-text-decoration-color: #e6e6e6;
-          text-decoration-color: #e6e6e6;
+  text-decoration-color: #e6e6e6;
 }
 
 a.text-dark:hover, a.text-dark:focus {
-  -webkit-text-decoration-color: #212121;
-          text-decoration-color: #212121;
+  text-decoration-color: #212121;
 }
 
 /*
@@ -13310,16 +13187,15 @@ a.text-dark:hover, a.text-dark:focus {
 }
 */
 .nav-link.link-pretty {
+  -webkit-text-decoration: underline;
   text-decoration: underline;
-  -webkit-text-decoration-color: #ff0000;
-          text-decoration-color: #ff0000;
+  text-decoration-color: #ff0000;
   text-decoration-thickness: 0.08em;
   text-decoration-thickness: min(0.08em, 0.1rem);
   text-underline-offset: 0.14em;
 }
 .nav-link.link-pretty:hover, .nav-link.link-pretty:focus, .nav-link.link-pretty:active {
-  -webkit-text-decoration-color: #212121;
-          text-decoration-color: #212121;
+  text-decoration-color: #212121;
 }
 
 .bg-dark .link-pretty,
@@ -13330,8 +13206,7 @@ a.text-dark:hover, a.text-dark:focus {
 .bg-gray-600 .link-pretty:focus,
 .bg-gray-600 .link-pretty:hover,
 .bg-gray-600 .link-pretty:active {
-  -webkit-text-decoration-color: #fff;
-          text-decoration-color: #fff;
+  text-decoration-color: #fff;
 }
 
 .link-icon {
@@ -13508,6 +13383,10 @@ picture .img-fluid {
   background: linear-gradient(#ff0000, #ff0000) 0/var(--sx) 100% no-repeat #c1c1c1;
 }
 
+.custom-select {
+  border-color: #8e8e8e;
+}
+
 .ms-offscreen {
   clip: rect(0 0 0 0) !important;
   position: absolute !important;
@@ -13536,9 +13415,10 @@ picture .img-fluid {
   white-space: nowrap;
   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23212121' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
   background-size: 8px 10px;
-  border: 1px solid #d5d5d5;
+  border: 1px solid #8e8e8e;
   border-radius: 2px;
   text-align: left;
+  -webkit-text-decoration: none;
   text-decoration: none;
   line-height: 1.5;
   color: #212121;
@@ -13552,7 +13432,7 @@ picture .img-fluid {
 .ms-choice.disabled {
   background-color: #d5d5d5;
   background-image: none;
-  border: 1px solid #d5d5d5;
+  border: 1px solid #8e8e8e;
   cursor: default;
 }
 .ms-choice > span {
@@ -13671,6 +13551,7 @@ hr.darker {
 
 .social-icon-details {
   min-height: 2.6em;
+  -webkit-text-decoration: none !important;
   text-decoration: none !important;
   vertical-align: bottom;
 }
@@ -13755,8 +13636,6 @@ a.social-icon:hover, a.social-icon:focus {
 }
 
 .social-icon-round.social-icon-instagram, .social-icon-instagram {
-  background: radial-gradient(circle farthest-corner at 35%, at 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0, at 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0, at -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20%, at -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100%, at 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60%, at -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100%, at 100%, #d9317a, transparent), -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
-  background: radial-gradient(circle farthest-corner at 35%, at 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0, at 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0, at -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20%, at -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100%, at 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60%, at -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100%, at 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
   background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
   background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
 }
@@ -13842,28 +13721,19 @@ a.social-icon:hover, a.social-icon:focus {
   opacity: 0;
   z-index: -1;
 }
-.upload-input:focus + label.btn, .upload-input.focus-visible + label.btn {
-  outline: 2px solid;
-  outline-offset: 2px;
-}
 .upload-input:focus + label.btn, .upload-input:focus-visible + label.btn {
   outline: 2px solid;
   outline-offset: 2px;
 }
-.upload-input:focus + label.btn-primary, .upload-input.focus-visible + label.btn-primary {
-  outline-color: #b51f1f;
-}
 .upload-input:focus + label.btn-primary, .upload-input:focus-visible + label.btn-primary {
   outline-color: #b51f1f;
 }
-.upload-input:focus + label.btn-secondary, .upload-input.focus-visible + label.btn-secondary {
-  outline-color: #707070;
-}
 .upload-input:focus + label.btn-secondary, .upload-input:focus-visible + label.btn-secondary {
   outline-color: #707070;
 }
 
 .dropdown-item {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .dropdown-item.active {
@@ -14267,8 +14137,11 @@ figcaption {
 }
 .user-dropdown .btn .user-avatar {
   --avatar-size: 2.5rem;
+  -ms-flex-preferred-size: 2.5rem;
+      flex-basis: 2.5rem;
   -ms-flex-preferred-size: var(--avatar-size);
       flex-basis: var(--avatar-size);
+  width: 2.5rem;
   width: var(--avatar-size);
 }
 @media (min-width: 576px) {
@@ -14598,6 +14471,7 @@ figcaption {
   margin-right: 0.6rem;
   background-color: #d5d5d5;
   border-radius: 50%;
+  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   -webkit-transition: background-color 0.2s;
@@ -14612,6 +14486,7 @@ a.avatar-teaser-img,
 a.avatar-teaser-img-placeholder {
   position: relative;
   z-index: 0;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 a.avatar-teaser-img:before,
@@ -14773,6 +14648,7 @@ a.card-gray:hover .card-body {
 .card-info a {
   display: inline-block;
   color: #ff0000;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .card-info a.btn:hover, .card-info a.btn.hover {
@@ -14826,6 +14702,7 @@ a.card-img-top:hover:before {
 }
 
 a.card {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 a.card .card-title {
@@ -15325,6 +15202,7 @@ article aside ol li:before {
 [aria-describedby=sidenote-label],
 [aria-describedby=sidenote-label]:hover {
   counter-increment: footnotes; /* 1 */
+  -webkit-text-decoration: none;
   text-decoration: none; /* 2 */
   color: inherit; /* 2 */
   cursor: default; /* 2 */
@@ -15757,6 +15635,7 @@ ol.flickity-page-dots li:before {
 .list-group-gray .list-group-teaser-container,
 .list-group-item-gray .list-group-teaser-container {
   --card-bg: #e6e6e6;
+  background: #e6e6e6;
   background: var(--card-bg);
 }
 .list-group-gray .list-group-teaser-container .card-title a,
@@ -15775,6 +15654,7 @@ ol.flickity-page-dots li:before {
 }
 .list-group .list-group-teaser {
   display: block;
+  -webkit-text-decoration: none;
   text-decoration: none;
   padding: 0;
   border: none;
@@ -16067,6 +15947,7 @@ ol.flickity-page-dots li:before {
 .breadcrumb-item a {
   background-image: none !important;
   color: #495057;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .breadcrumb-item a:hover {
@@ -16191,6 +16072,7 @@ ol.flickity-page-dots li:before {
   background-color: transparent;
   border-color: transparent;
   border-radius: 0;
+  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   -webkit-transition: margin 0.1s ease-in-out;
@@ -16622,9 +16504,9 @@ ol.flickity-page-dots li:before {
   border-bottom: 1px solid #d5d5d5;
 }
 @media (max-width: 767.98px) {
-  .table tbody td:last-child(), .semaineDeRef tbody td:last-child(),
-.table tfoot td:last-child(),
-.semaineDeRef tfoot td:last-child() {
+  .table tbody td:last-child, .semaineDeRef tbody td:last-child,
+.table tfoot td:last-child,
+.semaineDeRef tfoot td:last-child {
     margin-bottom: 1.2rem;
   }
 }
@@ -16733,6 +16615,7 @@ ol.flickity-page-dots li:before {
   position: relative;
   background-color: #e6e6e6;
   border-color: #d5d5d5;
+  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 0;
   padding: 0.5rem 0.8125rem;
@@ -16835,6 +16718,7 @@ ol.flickity-page-dots li:before {
   margin-right: 2rem;
   padding-right: 0;
   padding-left: 0;
+  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
 }
@@ -17452,10 +17336,6 @@ ol.flickity-page-dots li:before {
 .fullwidth-teaser-header .btn:focus {
   outline: 0 !important;
 }
-.fullwidth-teaser-header .btn.focus-visible {
-  outline: 2px solid #fff !important;
-  outline-offset: -4px !important;
-}
 .fullwidth-teaser-header .btn:focus-visible {
   outline: 2px solid #fff !important;
   outline-offset: -4px !important;
@@ -17623,6 +17503,7 @@ ol.flickity-page-dots li:before {
   padding: 0.4rem;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
+  -webkit-text-decoration: none;
   text-decoration: none;
   margin-left: -0.7rem;
   padding-left: 0.7rem;
@@ -17666,7 +17547,7 @@ li.nav-home a {
 .nav-back .icon,
 li.nav-back .icon,
 li.nav-home .icon {
-  color: #adb5bd;
+  color: #8e8e8e;
 }
 
 li.nav-back .icon {
@@ -17998,6 +17879,7 @@ a.nav-arrow:hover .icon-container {
   display: block;
   position: relative;
   padding: 0.625rem 3rem;
+  -webkit-text-decoration: none;
   text-decoration: none;
   color: #495057;
 }
@@ -18248,6 +18130,7 @@ a.nav-arrow:hover .icon-container {
   font-size: 0.83rem;
   line-height: 1.2rem;
   color: #707070;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .footer-links a:hover {
@@ -18491,6 +18374,7 @@ a.nav-arrow:hover .icon-container {
   margin: 0;
   padding: 2rem 0.7rem;
   font-weight: bold;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .header .nav-header li a:after, .header .nav-header li.dropdown .btn:before {
@@ -18538,6 +18422,7 @@ a.nav-arrow:hover .icon-container {
   padding: 0.7rem;
   font-size: inherit;
   font-weight: bold;
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .header .nav-header .dropdown .btn:before {
@@ -18592,6 +18477,7 @@ a.nav-arrow:hover .icon-container {
 }
 .header-light h1 a,
 .header-light .site-title a {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .header-light p.site-title {
@@ -19058,6 +18944,7 @@ a.nav-arrow:hover .icon-container {
 }
 
 a.cc-btn {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -19098,6 +18985,7 @@ a.cc-link {
   display: inline;
 }
 .coursebook-program .tree > li .underline > a {
+  -webkit-text-decoration: none;
   text-decoration: none;
 }
 .coursebook-program .tree > li > ul {
@@ -19146,8 +19034,7 @@ a.cc-link {
 }
 .taken a {
   color: white !important;
-  -webkit-text-decoration-color: #fff;
-          text-decoration-color: #fff;
+  text-decoration-color: #fff;
 }
 .taken a:hover {
   font-weight: bold;
@@ -19311,18 +19198,13 @@ a.cc-link {
 
 .event-location a {
   color: #212121;
-  -webkit-text-decoration-line: underline !important;
-          text-decoration-line: underline !important;
-  -webkit-text-decoration-color: #ff0000;
-          text-decoration-color: #ff0000;
-  -webkit-transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
-  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
+  text-decoration-line: underline !important;
+  text-decoration-color: #ff0000;
+  -webkit-transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out;
   transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out;
-  transition: text-decoration-color 0.2s ease-in-out, color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
 }
 .event-location a:hover, .event-location a:focus, .event-location a:active {
-  -webkit-text-decoration-color: #212121 !important;
-          text-decoration-color: #212121 !important;
+  text-decoration-color: #212121 !important;
 }
 .event-location a:active {
   color: #ff0000;