/*
 * @package dineshghimire
 * @subpackage blogmagazine
 * @since 1.0.0
 */
 
.widget{
    margin: 0 0 30px;
    a{
        &:hover{
            color: $primary_color;
            &:before{
                color:inherit;
            }
        }
    }
    .post-cats-list{
        a{
            &:hover{
                color:$white_color;
            }
        }
    }
    li{
        &:hover{
            &:before{
                color: $primary_color;
            }
        }
    }
    select{
        max-width: 100%;
    }
}
.dglib-carousel-control{
    background-color:$primary_color;
    &:hover{
        background-color:$secondary_color;
    }
}

.widget-title,
.blogmagazine-block-title{
    .wdgt-tab-toggle{
        float:right;
        display:none;
        .fa{
            cursor:pointer;
            padding:6px 8px;
            display:block;
            font-size:20px;
            line-height:25px;
            background-color:$primary_color;
        }
        @media(max-width:600px){
            display:block;
        }
    }
    .wdgt-title-tabs{
        margin:0;
        padding:0 15px;
        display:inline;
        list-style:none;
        vertical-align: top;
        @media(max-width:600px){
            left:0;
            right:0;
            top:100%;
            z-index:1;
            width:100%;
            padding:0px;
            display:block;
            overflow:hidden;
            position:absolute;
            max-height:10px 0px;
            background-color:#fff;
            border:1px solid $primary_color;
            transition: max-height .3s linear;
        }
        &.show-tabs{
            @media(max-width:600px){
                max-height:500px;
                display:block;
            }
        }
    }
    .wdgt-tab-term{
        color:$primary_color;
        font-size:12px;
        display:inline-block;
        text-transform: uppercase;
        a{
            color:inherit;
            padding:10px;
            display:block;
            transition:none;
        }
        &:hover, &.active-item{
            color:$white_color;
            background-color:$primary_color;
        }
        @media(max-width:600px){
            width:100%;
            display:block;
        }
    }
}

.blogmagazine-block-title{
    color:$white_color;
    display:block;
    font-size: 16px;
    margin: 0 0 20px;
    text-align: left;
    line-height:1em;
    border: 1px solid $primary_color;
    border-bottom:3px solid $primary_color;
    .title-wrapper{
        line-height:1.5em;
        padding:6px 15px;
        display:inline-block;
        vertical-align: top;
        background-color:$primary_color; 
        text-transform: uppercase; 
        a{
            color:inherit;
        }
    }
}

.widget-title{
    margin: 0 0 20px;
    text-align: left;
    padding: 6px 0;
    color:inherit;
    font-size:20px;
    text-transform: uppercase;
    .wdgt-tab-term{
        color:$white_color;
        a{
            color:inherit;
            padding: 0 8px;
        }
        &:hover, &.active-item{
            color:$footer_color;
            background-color:transparent;
        }
    }
}

.widget-title,
.blogmagazine-block-title{
    position: relative;
    .carousel-nav-action{
        top: 0;
        right: 0;
        padding:6px;
        position: absolute;
        .blogmagazine-carousel-control{
            color: $white_color;
            font-size: 16px;
            margin-left: 0;
            padding: 3px 13px;
            cursor: pointer;
            display: inline-block;
            background-color: #333;
            transition: all 0.5s ease;
            &:hover{
                background-color: $primary_color;
            }
        }
    }
}