/*
        Theme Name: Frank-Awards
        Description: Theme for Frank-Awards
        Author: SAY Media Consulting
        Author URI: https://www.say-consulting.de
        Template: twentytwentyfive
        Version: 1.0
        Tags:
*/

li{
    padding-left: .4rem;
}
li::marker{
    color: var(--wp--preset--color--accent-1);
    font-size: 1.6rem;
}

.start-cover{
    position: relative;
}
.start-cover::after{
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
}

.start-cover .skew-grp{
    transform: skew(-20deg);
    overflow: hidden;
}
.start-cover .skew-grp figure{
    transform: skew(20deg);
}
.start-cover figure img{
    object-fit: cover;
}
.start-cover .slider-grp{

}
.start-cover .middle-col{
    height: 100vh;
}
.start-cover .middle-col figure,
.start-cover .middle-col figure img{
    height: 100%;
}
.start-cover .right-col{

}
.is-style-text-subtitle{
    position: relative;
}
.is-style-text-subtitle::before{
    content: '';
    background-color: var(--wp--preset--color--accent-1);
    width: 35px;
    height: 1px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 45%;
}

.grid-hover .hover-group{
    position: relative;
    background-color: var(--wp--preset--color--accent-3);
}
.grid-hover .hover-content{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s ease all;
}
.grid-hover .hover-group:hover .hover-content{
    opacity: 1;
}
.nav_is-sticky{
    position: sticky;
    top: 200px;
}

@media(prefers-reduced-motion: no-preference){

}
@media(max-width: 781px){

}
@media(max-width: 1199px){

}
@media(min-width: 1200px){

}
@media(min-width: 1600px){

}
@media(min-width: 2000px){

}