.roogan{
    &-overlay{
        position: relative;
        .entry-header{
            z-index: 3;
            position: relative;
        }
        .entry-image{
            mix-blend-mode: multiply;
        }
    }

    &-overlay-bg-bottom{
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 2;
        
        border-radius: 0 0 8px 8px;

        height: 75%;
        display: flex;
        align-items: flex-end;

        padding: 15px 20px 20px;
        @include mq('md') {
            padding: 20px 30px 30px;  
        }
        @include mq('lg') {
            padding: 40px 50px 50px;  
        }

        &:after{
            border-radius: 0 0 8px 8px;
        }
        &-medium{
            padding: 15px 20px 20px;    

            @include mq('md') {
                padding: 20px 30px 30px;  
            }
            @include mq('lg') {
                padding: 30px 40px 40px;  
            }

        }
        &-small{
            padding: 15px 20px 20px; 

            @include mq('md') {
                padding: 20px 30px 30px;  
            }
            @include mq('lg') {
                padding: 30px 30px 35px;  
            }
        }

    }
    &-overlay-bg-full{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        &:after{
            border-radius: 8px;
        }
        
    }
    &-overlay-bg-full,
    &-overlay-bg-bottom{
        pointer-events: none;
        a{
            pointer-events: auto;
        }
        &:after{
            content:"";
            width: 100%;
            height: 100%;
            bottom: 0;
            min-height: 130px;
            left: 0;
            position: absolute;
            z-index: 2;
            filter: brightness(0.2);
        }
    }
    &-overlay-bg-bottom:after{
        background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
    }
}

.section-archive .roogan-overlay-bg-bottom {
    height: 50%;
}

.rogan-section-gradient-overlay{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    .container{
        position: absolute;
        z-index: 10;
    }
    .entry-media{
        position: relative;
    }
    .entry-media:before{
        content:"";           
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 3;
        background: #000;
        pointer-events: none;
    }
    .entry-media:after{
            content:"";           
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            z-index: 2;
            pointer-events: none;
    }
}

[data-color=overlay]{
    .entry{
        &-title a{
            color: #FFF;
            &:hover{
                color: rgba(255,255,255,.75);                  
            }
        }
        &-meta span{
            color: rgba(255,255,255,.75);   
        }
        &-meta a,
        &-category a{
            color: rgba(255,255,255,.75);
            &:hover{
                color:#FFF;
            }
        }
        &-meta span:after{
            background: rgba(255,255,255,.5);
        }
    }
    .h0,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .section-description,
    p,
    .roogan-button-play span,
    .roogan-menu-subscribe li,
    .roogan-menu-subscribe li a::before{
        color: #FFF;
    }

   
    a{
        color: rgba(255,255,255,.75);
        &:hover{
            color:#FFF;
        }        
    }
    .section-meta,
    .section-meta span{
        color: rgba(255,255,255,.75);
    }
    .punchline-label:before,
    .punchline-label:after{
        background-color: #FFF;
    }
    .punchline-label{
        color: #FFF;
    }

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea{
        border: 1px solid rgba(255,255,255,0.5);
        color: #FFF;
    }
    .section-embed input[type=submit],
    .section-embed button[type=submit],
    .section-embed button{
        background: var(--color-acc);
        color: var(--color-bg);
        border: none;
        &:hover{
            opacity: .8;
        }
    }

    ::-webkit-input-placeholder { /* Edge */
        color:#FFF;
      }
      
      :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:#FFF;
      }
      
      ::placeholder {
        color:#FFF;
      }
      .container{
          pointer-events: none;
      }
      a,
      .container .row{
          pointer-events: auto;
      }
      .roogan-breadcrumbs{
        color: rgba(255,255,255,0.5); 
        }
        .roogan-breadcrumbs a{
            color: rgba(255,255,255,0.75);
        }
        .roogan-breadcrumbs a:hover,
        .roogan-menu a{
            color: #FFF; 
        }

        .roogan-subscribe-single .roogan-menu a{
            border: 1px solid rgba(255,255,255,0.5);;
        }


}
.entry-media .roogan-button-play span{
    color:#FFF;   
}


.rogan-section-gradient-overlay .roogan-button-play i{
    background: var(--color-acc);
    color: #FFF;
}