/*
 Theme Name:   Inotek Child
 Theme URI:    https://wp.themevally.com/inotek/
 Description:  Inotek Child Theme
 Author:       Theme-vally
 Author URI:   https://themeforest.net/user/theme-vally
 Template:     inotek
 Domain Path: /languages/
 Version:      1.0.0
*/
.nextend-thumbnail-scroller{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    width:100% !important;
    background:#000 !important;
}

.n2-thumbnail-dot{
    position: relative !important;
    min-height: 120px !important;
    padding: 10px !important;
    background: #000 !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;      /* vertical center */
    justify-content: center !important;  /* horizontal center */

    text-align: center !important;
}

.n2-thumbnail-dot picture,
.n2-thumbnail-dot img{
    display:none !important;
}

.n2-thumbnail-dot::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:2px;
    height:60px;
    background:rgba(255,255,255,.15);
}

.n2-thumbnail-dot:first-child::before{
    display:none;
}

.n2-thumbnail-dot .n2-caption-overlay{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    background:none !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    text-align:left !important;
}

.n2-thumbnail-dot .n2-font-fc4d90183b53a8d7049df3b59a797c31-simple{
    display:block !important;
    width:100% !important;
    color:rgba(255,255,255,.55) !important;
    font-size:18px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
    text-align:left !important;
    margin:0 !important;
}

.n2-thumbnail-dot:hover .n2-font-fc4d90183b53a8d7049df3b59a797c31-simple,
.n2-thumbnail-dot.n2-active .n2-font-fc4d90183b53a8d7049df3b59a797c31-simple{
    color:#fff !important;
}

.n2-thumbnail-dot.n2-active::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:60px;
    background:#f5b400;
}

@media(max-width:991px){

    .nextend-thumbnail-scroller{
        grid-template-columns:repeat(2,1fr) !important;
    }

    .n2-thumbnail-dot{
        min-height:95px !important;
        padding:25px 20px !important;
    }

    .n2-thumbnail-dot .n2-font-fc4d90183b53a8d7049df3b59a797c31-simple{
        font-size:18px !important;
    }
}

@media(max-width:767px){

    .nextend-thumbnail-scroller{
        grid-template-columns:1fr !important;
    }

    .n2-thumbnail-dot{
        min-height:75px !important;
        padding:18px 20px !important;
    }

    .n2-thumbnail-dot::before{
        display:none;
    }

    .n2-thumbnail-dot.n2-active::after{
        top:auto;
        bottom:0;
        transform:none;
        width:100%;
        height:4px;
    }

    .n2-thumbnail-dot .n2-font-fc4d90183b53a8d7049df3b59a797c31-simple{
        font-size:15px !important;
    }
}.n2-thumbnail-dot{
    border-left:4px solid rgba(255,255,255,.15) !important;
    padding-left:35px !important;
    background:#000 !important;
}

.n2-thumbnail-dot:first-child{
    border-left:none !important;
}

.n2-thumbnail-dot.n2-active{
    border-left:4px solid #B13B26 !important;
}