/home/blackyak/www/wordpress/wp-content/themes/travivu/assets/sass/template/_breadcrumb.scss
.custom-breadcrumb{
position: relative;
background: $black;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 35px;
position: relative;
z-index: 1;
text-align: center;
.breadcrumb-main{
position: relative;
z-index: 11;
}
.breadcrumb-container-inner{
position: relative;
padding: 100px 0 100px;
@include media-breakpoint-down(lg){
padding-bottom: 80px;
padding-top: 80px;
}
@include media-breakpoint-down(md){
padding-bottom: 60px;
padding-top: 60px;
}
@include media-breakpoint-down(sm){
padding-bottom: 50px;
padding-top: 50px;
}
}
.heading-title{
font-size: 36px;
color: $white;
margin: 0 0 12px;
font-weight: 700;
@include media-breakpoint-down(lg){
font-size: 32px;
}
@include media-breakpoint-down(md){
font-size: 30px;
}
@include media-breakpoint-down(sm){
font-size: 26px;
}
}
.breadcrumb{
margin-bottom: 0;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: $white;
position: relative;
padding-top: 18px;
&:after{
content: '';
width: 50px;
height: 2px;
background: $theme-color;
position: absolute;
left: 50%;
top: 0;
margin-left: -25px;
z-index: 11;
}
@media(max-width: 500px){
display: none;
}
li{
float: left;
position: relative;
z-index: 11;
line-height: 1;
padding: 0 10px;
&:after{
content: '/';
position: absolute;
bottom: 0;
left: -3px;
z-index: 1;
color: #ccc;
}
&:first-child{
&:after{
display: none;
}
}
a{
color: $white;
&:hover{
text-decoration: underline;
}
}
}
}
.breadcrumb-overlay{
position: absolute;
@include size(100%, 100%);
z-index: 1;
top: 0;
left: 0;
}
&.text-light{
.heading-title{
color: $white
}
}
}
body.home.blog{
.title-layout-standard{
.custom-breadcrumb{
.heading-title{
display: inline-block!important;
float: left;
font-size: 18px;
margin: 5px 0 0;
}
}
}
}
.elementor-widget-gva_post_breadcrumb{
.custom-breadcrumb{
// background: none!important;
}
}