.catawp-breadcrumbs-wrapper {
position: relative;
overflow: hidden;
} .catawp-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333;
padding: 10px 20px;
position: relative;
border-bottom: 1px solid #e0e0e0; margin-bottom: 5px; } .catawp-breadcrumbs a {
display: inline-block;
text-decoration: none;
color: #333;
margin-right: 20px;
position: relative;
transition: box-shadow 0.3s ease;
background: #fff;
border: 1px solid #ccc;
border-radius: 20px;
padding: 4px 12px;
box-sizing: border-box;
} .catawp-breadcrumbs a:not(:last-child)::after {
content: url(//andaluciavibes.com/wp-content/plugins/cata-wp/public/imgs/breadcrumbs.png);
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
margin-left: 8px; } .catawp-breadcrumbs a:hover {
outline: 2px solid #3b49df;
outline-offset: -2px;
} .catawp-home {
display: inline-flex;
align-items: center;
}
.catawp-home .dashicons {
margin-right: 4px;
} @media (max-width: 768px) {
.catawp-breadcrumbs {
flex-wrap: nowrap; overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
padding: 10px 0;
position: relative;
scrollbar-width: none; } .catawp-breadcrumbs::-webkit-scrollbar {
display: none;
}
.catawp-breadcrumbs a {
margin-right: 16px;
}
.catawp-breadcrumbs a:not(:last-child)::after {
left: 96%;
margin-left: 10px;
}
} @media (max-width: 768px) {
.catawp-breadcrumbs-wrapper::after {
content: "";
position: absolute;
right: -20px;
top: 8px;
width: 80px;
height: 50%;
pointer-events: none;
background: linear-gradient(to left, #fff, rgba(255,255,255,0));
z-index: 10;
}
}