/*
English:

CSS framework framweork.averin.pro 
Version: 4.6
Prefix: ""
Author: Artemiy Averin (ya@averin.pro)
Company: Design studio Artemy Averin (https://averin.pro/) 

Docs & Examples: http://framework.averin.pro/ 

Русский: 

CSS фреймворк framweork.averin.pro
Версия: 4.6
Префикс: ""
Дизайн студия Артемия Аверина (ya@averin.pro)
 
Документая и примеры: http://framework.averin.pro/
*/

/*** Start breadcrumb component ***/
.breadcrumb { display: flex; align-items: center; font-size: 0.875em; font-weight: normal; text-transform: none; } 
.breadcrumb a, .breadcrumb span { font-style: normal; padding-right: 8px; white-space: nowrap; color: #111; } 
.breadcrumb a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: var(--color-red); text-decoration: none; } 
.breadcrumb span:after, .breadcrumb a:after { display: inline-block; content: "/"; color: rgba(17, 17, 17, 0.4); padding-left: 8px; } 
.breadcrumb span:last-child:after, .breadcrumb a:last-child:after { display: none; } 
.breadcrumb span, .breadcrumb span:last-child { color: rgba(17, 17, 17, 0.55); text-decoration: none; }
.breadcrumb.is-links a { color: #4da1ff; }
.breadcrumb.is-links a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #FF0000; text-decoration: none; }
/*** End breadcrumb component ***/