epfl-elements 4.7.0 → 4.9.0

package/dist/components/pages/lab-homepage/lab-homepage.twig

@@ -1,3 +1,5 @@
+{% set hasTaggedBreadcrumb = true %}
+
 {% extends "@templates/base/base.twig" %}
 
 {% block header %}
@@ -5,8 +7,10 @@
 {% endblock %}
 
 {% set nav_aside_items = [{
-  label: "Laboratory Full Name",
-  children: ["Projects", "Publications", "News", "Team", "Teaching"]
+  label: "ENAC Faculty",
+  siblings_before:  ["News"],
+  siblings_after:  ["Education", "Research", "Sustainability challenges", "Intranet ENAC"],
+  children: ["Organization", "Projects", "Publications", "Team", "Teaching"]
 }] %}
 {% set nav_aside_active = 0 %}
 

package/dist/components/pages/news-detail/news-detail.twig

@@ -1,4 +1,5 @@
 {% set isSpecial = true %}
+{% set isNews = true %}
 
 {% extends "@templates/base/base.twig" %}
 
@@ -16,7 +17,7 @@
 
 {% block content %}
   <div class="container mb-5" itemscope itemtype="http://schema.org/Article">
-    <h1 itemprop="name">Des connexions se créent pour dépasser la paralysie</h1>
+    <h1 itemprop="name headline">Des connexions se créent pour dépasser la paralysie</h1>
   </div>
 
   <div class="container">
@@ -28,17 +29,8 @@
       <div class="col-md-6">
         <p class="bg-gray-100 px-4 py-5 lead mb-5">Des rats paraplégiques retrouvent l’usage de leurs pattes à la suite d’une rééducation neuroprosthétique qui provoque la création de nouvelles connexions cérébrales. Celles-ci transmettent les commandes motrices jusqu’aux centres d'exécution de la moelle épinière en aval de la blessure, permettant ainsi de marcher, nager et même monter des escaliers.</p>
 
-        <ul class="nav nav-tabs" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" id="original-tab" data-toggle="tab" href="#original" role="tab" aria-controls="home" aria-selected="true">Texte original</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" id="simplified-tab" data-toggle="tab" href="#simplified" role="tab" aria-controls="profile" aria-selected="false">Version simplifiée (bêta)</a>
-          </li>
-        </ul>
-
-        <div class="tab-content py-3">
-          <div class="tab-pane fade show active" id="original" role="tabpanel" aria-labelledby="original-tab">
+        <div id="news-content-text" itemprop="articleBody">
+
             <p>Par la combinaison de stimulations électrochimiques de la moelle épinière et d’une rééducation assistée par robot, des rats atteints d'une lésion médullaire clinique retrouvent le contrôle des membres paralysés. Mais comment ces commandes cérébrales (de marche, de natation, ou de montée d’escaliers) peuvent-elles contourner la lésion, atteindre la moelle épinière, et ainsi rendre possibles ces tâches complexes ? Des scientifiques de l'EPFL ont observé pour la première fois que le cerveau ré-achemine des commandes motrices spécifiques par des voies alternatives, soit des fibres neuronales poussant du tronc cérébral jusqu’à la moelle épinière. La thérapie provoque le développement de nouvelles connexions entre le cortex moteur et le tronc cérébral, et entre le tronc cérébral et la moelle épinière, reconnectant ainsi le cerveau avec la moelle épinière de l’autre côté de la lésion. Ces résultats paraissent le 19 mars dans la revue Nature Neuroscience.</p>
             <p>Grégoire Courtine, chef d’unité au Centre de neuroprothèses de l’EPFL, explique que « le cerveau développe de nouvelles connexions anatomiques à travers des régions du système nerveux restées intactes après la lésion. Le cerveau rebranche principalement les circuits du cortex cérébral, du tronc cérébral, et de la moelle épinière. Ce recâblage extensif, nous avons pu l’observer avec un niveau de détail jusqu’ici inégalé, grâce aux technologies dernier cri de microscopie du cerveau et de la moelle épinière. »</p>
 
@@ -52,25 +44,13 @@
             <p>Dans le laboratoire, des rats rendus totalement paraplégiques par une contusion apprennent à remarcher à l'aide d'une thérapie qui combine une stimulation électrochimique de la moelle épinière et une rééducation assistée par robot. La moelle épinière du rat est doublement stimulée : d’abord par injection de produits pharmaceutiques, puis par stimulation électrique en-dessous de la lésion, afin d’activer les muscles des jambes. Une physiothérapie soutenue par un harnais intelligent qui allège le poids du corps et offre des conditions naturelles de marche permet aux rats de retrouver, au bout de quelques semaines, un contrôle volontaire et étendu de leurs pattes postérieures. A la longue, les rats peuvent contrôler leurs muscles même sans stimulation électrochimique, ni harnais. En 2012, le Prof. Courtine et son équipe avaient déjà montré que des rats portant des lésions médullaires arrivaient, à la suite d’une rééducation neuroprosthétique, à nager et monter des escaliers.</p>
             <p>En comparant les cerveaux de rats blessés puis réhabilités avec ceux de rats sains, les scientifiques ont pu identifier une région spécifique du tronc cérébral, la formation réticulée, comme acteur clé du rétablissement. Ce rôle, les scientifiques l’ont découvert à l’aide de techniques de pointe, l'optogénétique et la chimiogénétique, appliquées à des animaux transgéniques. Cet ensemble d'outils permet d’activer ou d’inhiber sélectivement certains circuits du cerveau et du tronc cérébral afin d’en étudier la fonction. Les chercheurs ont également utilisé, pour visualiser les voies nerveuses, un puissant microscope à « feuilles lumineuses » (light sheet microscope en anglais) nouvellement mis au point par le Wyss Center for Bio and Neuroengineering à Genève. Cette technologie permet de rendre transparent l'ensemble du système nerveux central, à l'exception de nerfs spécifiques où s’exprime une protéine fluorescente. En passant un feuillet de lumière à travers le cerveau et la moelle épinière intactes, les scientifiques ont obtenu des images 3D inédites qui illustrent l'organisation des voies nerveuses chez les animaux sains, et montrent comment la thérapie réorganise ces connexions. Les neurones blessés ne repoussent pas spontanément, mais une réorganisation des connections neurales se produit au-dessus de la lésion, activant de nouveaux canaux de communication.</p>
             <p>Reste encore à voir si la réhabilitation neuroprosthétique conduit aussi, chez l'homme, à un recâblage similaire du cerveau, du tronc cérébral et de la moelle épinière. Grégoire Courtine est optimiste: « Nous avons déjà montré que la plasticité du système nerveux, c’est-à-dire sa remarquable capacité à développer de nouvelles connexions après une lésion de la moelle épinière, est encore plus robuste chez l'homme que chez le rongeur. Nous sommes actuellement en train de tester notre thérapie sur des personnes atteintes d'une lésion de la moelle épinière au Centre hospitalier universitaire vaudois (CHUV). »</p>
-          </div>
-          <div class="tab-pane fade" id="simplified" role="tabpanel" aria-labelledby="simplified-tab">
-            <div class="alert alert-info fade show" role="alert">
-              <p>Ceci est une <a href="https://go.epfl.ch/news-ai-fr">version simplifiée automatiquement par une AI</a> dans le cadre d’un projet de recherche de l'EPFL.</p>
-              <p><strong>Aucune relecture ou correction systématique</strong> n'est effectuée a posteriori par un humain.</p>
-              <p>Plus d'informations sur le projet sur le site du <a href="https://go.epfl.ch/mlo-ai">Laboratoire d'apprentissage automatique et d'optimisation (MLO)</a></p>
-              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-              </button>
-            </div>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales, augue vitae semper vestibulum, tortor risus bibendum urna, nec venenatis justo lacus nec lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi ipsum nisi, dignissim non dolor ut, hendrerit volutpat lorem. Sed sem velit, convallis eget feugiat non, blandit quis ante.</p>
-            <p>In dignissim sem eget risus faucibus maximus. Ut convallis leo quis mauris aliquam condimentum. Nullam nec vestibulum neque, convallis rutrum magna. Quisque in nisl vel elit congue semper id vitae ligula. Quisque posuere viverra orci sit amet pharetra. Vivamus dictum euismod mattis. Vivamus lobortis posuere quam pharetra elementum. Aenean sed ipsum ornare, porttitor mauris sit amet, interdum mi. In hac habitasse platea dictumst. Sed orci dolor, lacinia at luctus non, cursus at est.</p>
-            <p>Sed efficitur lectus et lacinia efficitur. Integer sed fringilla nulla. Sed at libero luctus, molestie urna at, lobortis est. Vivamus ullamcorper mi a sem sagittis commodo. Sed molestie hendrerit magna quis lacinia. Nam eget diam lorem. Cras pellentesque lobortis felis, at fermentum tellus aliquam sit amet.</p>
-            <p>Integer purus nisl, gravida sed auctor id, luctus non metus. Integer in mauris sapien. Donec commodo mattis leo in tincidunt. Etiam porta venenatis diam, nec dapibus turpis dapibus quis. Etiam dapibus arcu porta ex vestibulum sodales. Nam hendrerit ligula eget felis porta, non lacinia ipsum dignissim. Nulla auctor faucibus tortor, quis porta ipsum scelerisque nec. </p>
-          </div>
+
         </div>
+
         <hr>
         <footer class="my-3">
           <p class="m-0 small text-muted">
-            <strong>Auteur: </strong> <a href="#">Lorem Ipsum</a>
+            <strong>Auteur: </strong> <small itemprop="author publisher" itemscope="" itemtype="https://schema.org/Person"><a href="#"><span itemprop="name">Lorem Ipsum</span></a></small>
           </p>
           <p class="small text-muted mb-0 mt-1">
             <strong>Source: </strong><a href="/search/mediacom/fr">EPFL</a>
@@ -157,3 +137,15 @@
 
   </div>
 {% endblock %}
+
+{% block footer_container %}
+  <div class="bg-gray-100 pt-5">
+    <div class="container">
+      {% block footer %}
+        {% include '@organisms/footer/footer-light.twig' %}
+      {% endblock %}
+    </div>
+  </div>
+  {% endblock %}
+  </div>
+</div>

package/dist/components/pages/news-homepage/news-homepage.twig

@@ -1,4 +1,5 @@
 {% set isSpecial = true %}
+{% set isNews = true %}
 
 {% extends "@templates/base/base.twig" %}
 

package/dist/components/pages/study-plan/study-plan.twig

@@ -23,12 +23,34 @@
   <nav aria-label="breadcrumb" class="breadcrumb-wrapper">
     <ol class="breadcrumb">
       <li class="breadcrumb-item">
-        <a href="#">
+        <a class="bread-link bread-home" href="#">
           {% include '@atoms/icon/icon.twig' with { icon: 'icon-home' } %}
         </a>
       </li>
-      <li class="breadcrumb-item"><a href="#">Éducation</a></li>
-      <li class="breadcrumb-item"><a href="#">Plans d'études</a></li>
+      <li class="breadcrumb-item expand-links">
+        <button class="btn btn-expand-links" aria-expanded="false" title="Afficher le chemin complet">
+          <span class="dots" aria-hidden="true">…</span>
+          <span class="sr-only">Afficher le chemin complet</span>
+        </button>
+      </li>
+      <li class="breadcrumb-item">
+        <a class="bread-link" href="#">Éducation</a>
+        <div class="dropdown">
+          <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-menu-1">
+            {% include '@atoms/icon/icon.twig' with { icon: 'arrow-down-circle', icon_classes:'feather' } %}
+            <span class="sr-only">Afficher les pages de même niveau – Éducation</span>
+          </button>
+          <ul class="dropdown-menu" id="dropdown-menu-1">
+            <li class="dropdown-item"><a href="#">À propos</a></li>
+            <li class="dropdown-item current-menu-item-parent"><a href="#">Éducation</a></li>
+            <li class="dropdown-item"><a href="#">Recherche</a></li>
+            <li class="dropdown-item"><a href="#">Innovation</a></li>
+            <li class="dropdown-item"><a href="#">Facultés</a></li>
+            <li class="dropdown-item"><a href="#">Campus</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="breadcrumb-item"><a class="bread-link" href="#">Plans d'études</a></li>
       <li class="breadcrumb-item active" aria-current="page">Cycle Bachelor</li>
     </ol>
   </nav>

package/dist/components/pages/study-plan-course/study-plan-course.twig

@@ -24,14 +24,36 @@
   <nav aria-label="breadcrumb" class="breadcrumb-wrapper">
     <ol class="breadcrumb">
       <li class="breadcrumb-item">
-        <a href="#">
+        <a class="bread-link bread-home" href="#">
           {% include '@atoms/icon/icon.twig' with { icon: 'icon-home' } %}
         </a>
       </li>
-      <li class="breadcrumb-item"><a href="#">Éducation</a></li>
-      <li class="breadcrumb-item"><a href="#">Plans d'études</a></li>
-      <li class="breadcrumb-item"><a href="#">Cycle Bachelor</a></li>
-      <li class="breadcrumb-item"><a href="#">Architecture</a></li>
+      <li class="breadcrumb-item expand-links">
+        <button class="btn btn-expand-links" aria-expanded="false" title="Afficher le chemin complet">
+          <span class="dots" aria-hidden="true">…</span>
+          <span class="sr-only">Afficher le chemin complet</span>
+        </button>
+      </li>
+      <li class="breadcrumb-item">
+        <a class="bread-link" href="#">Éducation</a>
+        <div class="dropdown">
+          <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-menu-1">
+            {% include '@atoms/icon/icon.twig' with { icon: 'arrow-down-circle', icon_classes:'feather' } %}
+            <span class="sr-only">Afficher les pages de même niveau – Éducation</span>
+          </button>
+          <ul class="dropdown-menu" id="dropdown-menu-1">
+            <li class="dropdown-item"><a href="#">À propos</a></li>
+            <li class="dropdown-item current-menu-item-parent"><a href="#">Éducation</a></li>
+            <li class="dropdown-item"><a href="#">Recherche</a></li>
+            <li class="dropdown-item"><a href="#">Innovation</a></li>
+            <li class="dropdown-item"><a href="#">Facultés</a></li>
+            <li class="dropdown-item"><a href="#">Campus</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="breadcrumb-item"><a class="bread-link" href="#">Plans d'études</a></li>
+      <li class="breadcrumb-item"><a class="bread-link" href="#">Cycle Bachelor</a></li>
+      <li class="breadcrumb-item"><a class="bread-link" href="#">Architecture</a></li>
       <li class="breadcrumb-item active" aria-current="page">Art et architecture</li>
     </ol>
   </nav>

package/dist/components/templates/base/base.twig

@@ -11,16 +11,19 @@
   {% block breadcrumb %}
     {% if not isSpecial %}
     <div class="breadcrumb-container">
-      <div>{% include '@atoms/nav-toggle/nav-toggle.twig' %}</div>
-      {% include '@molecules/breadcrumb/breadcrumb-tagged.twig' %}
+      {% if hasTaggedBreadcrumb %}
+       {% include '@molecules/breadcrumb/breadcrumb-tagged.twig' %}
+      {% else %}
+       {% include '@molecules/breadcrumb/breadcrumb-dropdown.twig' %}
+      {% endif %}
     </div>
     {% endif %}
   {% endblock %}
 
-  <div{% if not isSpecial %} class="nav-toggle-layout nav-aside-layout"{% endif %}>
+  <div class="nav-toggle-layout{% if not isSpecial %} nav-aside-layout{% endif %}">
 
     {% block nav %}
-      {% include '@organisms/nav-main/nav-main.twig' %}
+      {% include '@organisms/nav-mobile/nav-mobile.twig' %}
     {% endblock %}
 
     <div class="w-100 pb-5">
@@ -32,14 +35,6 @@
       {% endblock %}
 
     </div>
-
-    {% if not isSpecial %}
-    <aside class="nav-aside-wrapper">
-      {% block sideNav %}
-        {% include '@organisms/nav-aside/nav-aside.twig' %}
-      {% endblock %}
-    </aside>
-    {% endif %}
   </div>
 
   {% block footer_container %}

package/dist/css/elements.css

@@ -12289,6 +12289,17 @@ button.tag.tag-plain:focus .remove {
   margin-right: 1rem;
 }
 
+.custom-control-input:focus ~ .custom-control-label:before {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline: 2px solid #707070;
+  outline-offset: 1px;
+}
+
+.custom-control-input:checked:focus ~ .custom-control-label:before {
+  outline-color: #b51f1f;
+}
+
 .collapse-title {
   position: relative;
   padding: 0;
@@ -12745,18 +12756,20 @@ 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;
-  transition: color 0.3s, border-color 0.3s, outline 0.3s, box-shadow 0.3s;
-  transition: color 0.3s, border-color 0.3s, outline 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
+  -webkit-transition: color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
+  transition: color 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
+  transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
+  transition: color 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
 }
 .form-control:hover, .selectize-control .selectize-input:hover, .form-control.hover, .selectize-control .hover.selectize-input {
   border-color: #707070;
 }
-.form-control:focus, .selectize-control .selectize-input:focus, .form-control.focus, .selectize-control .focus.selectize-input {
+.form-control:focus, .selectize-control .selectize-input:focus, .form-control.focus, .selectize-control .focus.selectize-input, .form-control:focus-visible, .selectize-control .selectize-input:focus-visible {
   border-color: #212121 !important;
-  -webkit-box-shadow: 0 0 0 1px #d5d5d5 !important;
-          box-shadow: 0 0 0 1px #d5d5d5 !important;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
+  outline: 2px solid #707070;
+  outline-offset: 2px;
 }
 .form-control.is-invalid, .selectize-control .is-invalid.selectize-input {
   border-color: #ff0000 !important;
@@ -13705,6 +13718,38 @@ a.social-icon:hover, a.social-icon:focus {
   }
 }
 
+.custom-switch {
+  padding-left: 2.25rem;
+}
+.custom-switch .custom-control-label:after {
+  top: calc(0.25rem + 1px);
+  left: calc(-2.25rem + 2px);
+}
+@media (min-width: 576px) {
+  .custom-switch .custom-control-label:after {
+    top: calc(0.25rem + 2px);
+  }
+}
+@media (min-width: 992px) {
+  .custom-switch .custom-control-label:after {
+    top: calc(0.25rem + 3px);
+  }
+}
+.custom-switch .custom-control-label:before {
+  top: 3px;
+  left: -2.25rem;
+}
+@media (min-width: 576px) {
+  .custom-switch .custom-control-label:before {
+    top: 4px;
+  }
+}
+@media (min-width: 992px) {
+  .custom-switch .custom-control-label:before {
+    top: 5px;
+  }
+}
+
 .upload {
   padding: 1rem 0.85rem;
   border: 1px solid #c1c1c1;
@@ -15803,6 +15848,34 @@ ol.flickity-page-dots li:before {
   z-index: 1;
 }
 
+.list-group-teaser-thumbnail .news-video-overlay {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  background: transparent;
+}
+.list-group-teaser-thumbnail .news-video-overlay:before {
+  content: "";
+  width: 2.25rem;
+  height: 2.25rem;
+  background: url(../images/icons/icon-teaser-video.svg);
+  background-size: 100%;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
+          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.16);
+}
+
 .social-feed {
   position: relative;
   padding: 2.2rem 1.5rem 1.5rem;
@@ -15830,17 +15903,6 @@ ol.flickity-page-dots li:before {
   position: relative;
   margin-bottom: 1.6rem;
 }
-.breadcrumb-container:before {
-  content: " ";
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 3rem;
-  height: calc(100% - 2px);
-  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, #fff), to(#fff));
-  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
-  z-index: 120;
-}
 @media (max-width: 1199.98px) {
   .breadcrumb-container {
     padding: 0 0.8rem;
@@ -15864,7 +15926,6 @@ ol.flickity-page-dots li:before {
 }
 @media (min-width: 992px) {
   .breadcrumb-wrapper {
-    overflow-x: auto;
     overflow-y: visible;
     -webkit-user-select: none;
        -moz-user-select: none;
@@ -15915,14 +15976,6 @@ ol.flickity-page-dots li:before {
 .breadcrumb-item.breadcrumb-tags-wrapper {
   display: inline;
 }
-@media (max-width: 767.98px) {
-  .breadcrumb-item:not(.breadcrumb-tags-wrapper) {
-    display: none;
-  }
-  .breadcrumb-item.breadcrumb-tags-wrapper:after {
-    display: none;
-  }
-}
 .breadcrumb-item:before {
   content: " ";
   display: block;
@@ -15940,9 +15993,10 @@ ol.flickity-page-dots li:before {
   width: calc(100% - 0.6rem);
 }
 .breadcrumb-item:after {
-  content: "›";
-  padding-left: 0.3rem;
-  color: #495057;
+  content: "/";
+  color: #8e8e8e;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
 }
 .breadcrumb-item a {
   background-image: none !important;
@@ -15964,8 +16018,111 @@ ol.flickity-page-dots li:before {
   content: none;
 }
 .breadcrumb-item.active {
+  font-weight: bold;
   color: #495057;
 }
+.breadcrumb-item.expand-links {
+  display: none;
+}
+
+.breadcrumb .btn-expand-links {
+  height: auto;
+  padding: 0;
+  border: 0;
+  font-size: inherit;
+  line-height: 1;
+}
+
+@media (max-width: 991.98px) {
+  .breadcrumb .breadcrumb-item,
+.breadcrumb.has-expanded-links .breadcrumb-item.expand-links {
+    display: none;
+  }
+  .breadcrumb .breadcrumb-item:first-of-type,
+.breadcrumb .breadcrumb-item.expand-links,
+.breadcrumb .breadcrumb-item:last-of-type,
+.breadcrumb .breadcrumb-item.active,
+.breadcrumb .breadcrumb-item.breadcrumb-tags-wrapper,
+.breadcrumb.has-expanded-links .breadcrumb-item {
+    display: inline-block;
+  }
+}
+.breadcrumb .dropdown {
+  display: inline;
+  position: static;
+}
+
+.breadcrumb .dropdown-toggle {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  top: -0.08em;
+  width: 1.25rem;
+  height: 1.25rem;
+  margin-left: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+}
+.breadcrumb .dropdown-toggle .icon {
+  top: 0;
+  font-size: 1rem;
+  color: currentColor;
+  -webkit-transform: rotate(0);
+          transform: rotate(0);
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.breadcrumb .dropdown-toggle:after {
+  content: none;
+}
+.breadcrumb .dropdown-toggle:hover, .breadcrumb .dropdown-toggle:active {
+  background: #ff0000 !important;
+  color: #fff !important;
+}
+.breadcrumb .dropdown-toggle:focus, .breadcrumb .dropdown-toggle:focus-visible {
+  outline-offset: 0;
+}
+.breadcrumb .dropdown-toggle:focus:not(:focus-visible) {
+  outline-color: transparent !important;
+}
+.breadcrumb .dropdown-toggle[aria-expanded=true] .icon {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+
+.breadcrumb .dropdown-menu.show {
+  top: 1.65rem !important;
+  left: -0.625rem !important;
+  -webkit-transform: none !important;
+          transform: none !important;
+}
+.breadcrumb .dropdown-menu.show.open-left {
+  right: -0.625rem !important;
+  left: auto !important;
+}
+
+.breadcrumb .dropdown-item {
+  padding: 0.125em 0.625rem;
+  font-size: 0.83rem;
+}
+.breadcrumb .dropdown-item a {
+  display: block;
+}
+.breadcrumb .dropdown-item.current-menu-item, .breadcrumb .dropdown-item.current-menu-item-parent {
+  font-weight: bold;
+}
+@media (max-width: 991.98px) {
+  .breadcrumb .dropdown-item {
+    white-space: normal;
+  }
+}
 
 .links-group {
   padding: 1.66rem;
@@ -17815,6 +17972,24 @@ a.nav-arrow:hover .icon-container {
 .nav-aside-layout .nav-aside-wrapper {
   display: block;
 }
+@media (max-width: 1199.98px) {
+  .nav-aside-layout .nav-aside-wrapper {
+    padding: 1rem;
+  }
+  .nav-aside-layout .nav-aside-wrapper .nav-aside [class^=h] {
+    padding: 0;
+  }
+  .nav-aside-layout .nav-aside-wrapper .nav-aside a {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    font-size: 1rem;
+  }
+}
+@media (min-width: 1200px) {
+  .nav-aside-layout .nav-aside-wrapper {
+    height: 100%;
+  }
+}
 @media (min-width: 1600px) {
   .nav-aside-layout .nav-aside-wrapper {
     -webkit-box-flex: 0;
@@ -17864,12 +18039,10 @@ a.nav-arrow:hover .icon-container {
 .nav-aside li.active > a:before {
   content: none;
 }
-.nav-aside li.active:not(.menu-item-has-children) + li > a:before {
-  content: none;
-}
 @media (max-width: 1199.98px) {
   .nav-aside li.active > a {
-    margin-right: 2rem;
+    margin-left: 0;
+    margin-right: 0;
   }
 }
 .nav-aside > ul > li:first-child > a:before {
@@ -17903,6 +18076,76 @@ a.nav-arrow:hover .icon-container {
   content: none;
 }
 
+.nav-toggle-layout > .nav-container {
+  width: auto;
+  margin: 0;
+  padding: 0;
+}
+@media (max-width: 1199.98px) {
+  .nav-toggle-layout > .nav-container {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background: #fff;
+    border-top: 1px solid #c1c1c1;
+    overflow-y: scroll;
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+    -webkit-transition: -webkit-transform 0.2s;
+    transition: -webkit-transform 0.2s;
+    transition: transform 0.2s;
+    transition: transform 0.2s, -webkit-transform 0.2s;
+    z-index: 120;
+  }
+  .mobile-menu-open .nav-toggle-layout > .nav-container {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+
+.nav-main-mobile {
+  position: static;
+  border: 0;
+  -webkit-transform: none !important;
+          transform: none !important;
+}
+@media (min-width: 1200px) {
+  .nav-main-mobile {
+    display: none;
+  }
+}
+.nav-main-mobile .nav-wrapper {
+  height: auto;
+}
+.nav-main-mobile .nav-container {
+  margin-left: 0;
+  padding-left: 0;
+}
+.nav-main-mobile .nav-container .nav-menu {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  position: static;
+  width: 100%;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #c1c1c1;
+}
+.nav-main-mobile .nav-container .nav-menu li {
+  border: 0;
+}
+.nav-main-mobile .nav-container .nav-menu li a {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem;
+}
+.nav-main-mobile .nav-container .nav-menu li.current-menu-item > a:first-child {
+  background: transparent;
+  color: #212121;
+}
+
 .person-card-avatar {
   height: 8rem;
 }
@@ -18282,7 +18525,7 @@ a.nav-arrow:hover .icon-container {
   border-top: 1px solid #e6e6e6;
 }
 .footer-light-socials .social-icon-negative .icon {
-  font-size: 1.35rem;
+  font-size: 1.375rem;
 }
 
 .bg-dark .footer-light-socials,
@@ -19757,8 +20000,7 @@ a.cc-link {
   }
   .table-like .line .cep .label {
     clip: auto;
-    -webkit-clip-path: none;
-            clip-path: none;
+    clip-path: none;
     position: static;
     width: auto;
     height: auto;