.site-video-bg {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

.site-video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tm-page {
    position: relative;
    z-index: 1;
    background: transparent;
}

.color-pink,
.color-red,
.color-green,
.color-orange,
.color-violet,
.color-azur,
.color-yellow
{
    position: relative;
}

.color-pink img ,
.color-red img ,
.color-green img ,
.color-orange img ,
.color-violet img ,
.color-azur img ,
.color-yellow img
{
    position: relative;
    z-index: 1;
}

.podcast .color-pink::before,
.podcast .color-red::before,
.podcast .color-green::before,
.podcast .color-orange::before,
.podcast .color-violet::before,
.podcast .color-azur::before,
.podcast .color-yellow::before
{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
}

.podcast .color-pink::before
{
	background: url('/images/icone/mosti-icon-bianco.png') right 2rem center / 80px auto no-repeat;
}

.podcast .color-red::before
{
	background: url('/images/icone/pirates-icon-bianco.png') right 2rem center / 80px auto no-repeat;
}

.podcast .color-green::before
{
	background: url('/images/icone/black-icon-bianco.png') right 2rem center / 80px auto no-repeat;

}
.podcast .color-orange::before
{
	background: url('/images/icone/black-icon-bianco.png') right 2rem center / 80px auto no-repeat;

}
.podcast .color-violet::before
{
	background: url('/images/icone/black-icon-bianco.png') right 2rem center / 80px auto no-repeat;

}
.podcast .color-azur::before
{
	background: url('/images/icone/user-icon-bianco.png') right 2rem center / 80px auto no-repeat;
}

.podcast .color-yellow::before
{
	background: url('/images/icone/fuckup-icon-bianco.png') right 2rem center / 80px auto no-repeat;
}

.podcast .color-pink::after,
.podcast .color-red::after,
.podcast .color-green::after,
.podcast .color-orange::after,
.podcast .color-violet::after,
.podcast .color-azur::after,
.podcast .color-yellow::after
{
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.75;
    z-index: 2;
    pointer-events: none;
}

.color-pink,
.color-pink::after {
    background-color: #f137a6;
    color: #ffffff;
}

.color-red,
.color-red::after  {
    background-color: #d4005a;
    color: #ffffff;
}

.color-green,
.color-green::after {
    background-color: #cef664;
}

.color-orange,
.color-orange::after {
    background-color: #ff4733;
}

.color-violet,
.color-violet::after {
    background-color: #774ea0;
}

.color-azur,
.color-azur::after {
    background-color: #36f1ff;
}

.color-yellow,
.color-yellow::after {
    background-color: #fff924;
}

.color-pink h1 {
    color: #ffffff;
}

/* Homepage featured boxes: match the YOOtheme #gallery-default cards. */
.home-featured-boxes > div {
    min-width: 0;
}

.home-featured-box {
    display: block;
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #2b2b2b;
}

.home-featured-box > a {
    display: block;
    position: relative;
    color: inherit;
}

.home-featured-box .el-image {
    display: block;
    width: 100%;
    height: auto;
    min-height: 300px;
    object-fit: cover;
    transition: opacity .3s ease, transform .3s ease;
}

.home-featured-box > a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .08));
    pointer-events: none;
}

.home-featured-box > a:hover .el-image,
.home-featured-box > a:focus .el-image {
    opacity: .85;
    transform: scale(1.03);
}

.home-featured-box .uk-position-bottom-left {
    z-index: 1;
    width: 100%;
}

.home-featured-box .uk-panel {
    position: relative;
}

.home-featured-box .el-title {
    color: #fff;
}