@charset "UTF-8";
/**
* Template Style
*
* [Table of contents]
*   2. Components
*     2.13 Breadcrumbs
**/

.breadcrumbs-custom { position: relative; background: #f8f8f8; }
.breadcrumbs-custom img { width: 100%; }
.breadcrumbs-custom__inner { padding: 20px 0; text-align: center; }
.breadcrumbs-custom__inner > * + * { margin-top: 10px; }
.breadcrumbs-custom__title { font-size: 20px; line-height: 1.2; color: #000; }
.breadcrumbs-custom__path > li { display: inline-block; vertical-align: baseline; font-size: 12px; line-height: 1.3; }
.breadcrumbs-custom__path a { position: relative; top: -1px; }
.breadcrumbs-custom__path > li.active { color: #000; }
.breadcrumbs-custom__path > li.active a { color: inherit; pointer-events: none; }
.breadcrumbs-custom__path > li + li:before { position: relative; left: -1px; display: inline-block; padding: 0 5px; content: "/"; vertical-align: baseline; }
.breadcrumbs-custom__path a { display: inline; vertical-align: middle; }
.breadcrumbs-custom__path a, .breadcrumbs-custom__path a:active, .breadcrumbs-custom__path a:focus { color: #000000; }
.breadcrumbs-custom__path a:hover { color: #000; }
@media (min-width: 768px) { .breadcrumbs-custom__inner { display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-left: -15px; margin-right: -15px; } .breadcrumbs-custom__inner > * { padding: 0 15px; } .breadcrumbs-custom__inner > * + * { margin-top: 0; } .breadcrumbs-custom__title { font-size: 24px; line-height: 1.54167; }}