.ph-hero-photo{
    min-height:68rem;
    width:100%;
    position: relative;
    z-index:18;
}
.ph-hero-photo-image{
    position:absolute;
    top: 0; 
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center;
}
.ph-hero-photo-image-layer{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
}

/* -- */

.ph-hero-photo-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color:white;
    padding-top:4rem;
}
.ph-hero-photo-content .rank-math-breadcrumb{
    margin-bottom:14rem;
}
.ph-hero-photo-content .rank-math-breadcrumb a,
.ph-hero-photo-content .rank-math-breadcrumb .separator:after,
.ph-hero-photo-content .rank-math-breadcrumb .last{
    color:white;
}
h1.ph-hero-photo-title{
    color: white;
    margin: 0 0 4rem 0;
    max-width: 75rem;
}
.ph-hero-photo-metas{
    display:flex;
}
.ph-hero-photo-post-tags{
    margin-left:2rem;
}
.ph-hero-photo-post-tags a{
    color:var(--ph-color-2);
}
.ph-hero-photo-post-tags a:hover{
    text-decoration:underline;
}

/* -- */

@media (max-width: 1200px){
   .ph-hero-photo-content {
        padding: 3rem;
    }
}


@media (max-width: 767px){    
    .ph-hero-photo{
        min-height:40rem;
    } 
    .ph-hero-photo-content .rank-math-breadcrumb{
        display:none;
    }
    .ph-hero-post-tags {
        margin-left: 1.6rem;
    }
}