Current File : /home/pacjaorg/public_html/2024/wp-content/plugins/ekit-megamenu/assets/scss/elements.scss

.post--tab {
    display: flex;
    .tabHeader {
        flex: 0 0 15%;
        ul {
            list-style: none;
            padding-left: 0px;
            >li {
                font-size: 14px;
                color: #232323;
                border: none;
                padding: 14px 16px 14px 30px;
                cursor: pointer;
                background-color: #FFFFFF;
                transition: all .5s ease;
                &.active,
                &:hover {
                    color: #d72924;
                    background-color: #f0f1f4;
                }
            }
        }
    }
    .tabContent {
        flex: 0 0 85%;
    }
}
.ekit--tab__post__details {
    border-left: 1px solid #f0f1f4;
    border-left: 1px solid #f0f1f4;
    .tabItem {
        display: none;
        animation: hide-fadeout 600ms ease-out;
        &.active {
            display: block;
            animation: show-fadein 600ms ease-in;
        }
    }
    .tab__post__single--item {
        &.ekit___column-2 {
            width: (100% / 2);
        }
        &.ekit___column-4 {
            width: (100% / 4);
        }
        border-top: 0px;
        width: (100% / 3);
        padding: {
            left: 15px;
            right: 15px;
        }
        display: inline-block;
        float: left;
        &:hover {
            .tab__post--header {
                > img {
                    transform: scale(1.2);
                }
            }
        }
    }
    .tab__post--header {
        position: relative;
        overflow: hidden;
        display: block;
        margin-bottom: 20px;
        padding: {
            left: 0;
            right: 0;
        }
        > img {
            transition: all .4s ease-in-out;
        }
        .tab__post--icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 5;
            > span {
                color: #FFFFFF;
                font-size: 48px;
            }
        }
    }
    .tab__post--title {
        font-size: 15px;
        font-weight: 500;
        color: #232323;
        > a {
            color: inherit;
            padding: {
                left: 0;
                right: 0;
            }
        }
    }
}
.clearfix {
    &::after {
        display: block;
        content: "";
        clear: both;
    }
}
.post--lists {
    list-style: none;
    padding-left: 0px;
    > li {
        border: none !important;
        > a {
            padding: 8px 16px;
            line-height: normal;
            transition: all .4s ease;
        }
    }
    &.vertical--list {
        > li {
            float: left;
            margin-right: 16px;
            > a {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}

@keyframes show-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes hide-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}