HEX
Server: Apache
System: Linux scp1.abinfocom.com 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User: confeduphaar (1010)
PHP: 8.1.33
Disabled: exec,passthru,shell_exec,system
Upload Files
File: /home/confeduphaar/backip-old-files/media/jdbuilder/scss/_pricelist.scss
.jdb-pricelist-item {
    img {
        max-width: 100%;
        height: auto;
    }
}

.jdb-pricelist-content {
    flex-grow: 1;
}

// Title
.jdb-pricelist-header {
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.jdb-pricelist-title a {
    text-decoration: none;
}

.jdb-pricelist-text {
    color: #c9ab81;
    font-size: 18px;
    line-height: 1.5rem;
    font-weight: normal;
    position: relative;
}

// Content Alignment
.jdb-pricelist-item-inner {
    overflow: hidden;

    .jdb-pricelist-align-top & {
        align-items: flex-start;
    }

    .jdb-pricelist-align-middle & {
        align-items: center;
    }

    .jdb-pricelist-align-bottom & {
        align-items: flex-end;
    }
}

// Overall Alignment
// Left Alignment
.jdb-pricelist-mobile-text-left {
    @include media-breakpoint-down(sm) {
        .jdb-pricelist-item-inner {
            text-align: left;
        }

        .jdb-pricelist-header {
            justify-content: flex-start;
        }

        .jdb-pricelist-image img {
            margin: 0 auto 0 0;
        }
    }
}

// Center Alignment
.jdb-pricelist-mobile-text-center {
    @include media-breakpoint-down(sm) {
        .jdb-pricelist-item-inner {
            text-align: center;
        }

        .jdb-pricelist-header {
            justify-content: center;
        }

        .jdb-pricelist-image img {
            margin: 0 auto;
        }
    }
}

// Right Alignment
.jdb-pricelist-mobile-text-right {
    @include media-breakpoint-down(sm) {
        .jdb-pricelist-item-inner {
            text-align: right;
        }

        .jdb-pricelist-header {
            justify-content: flex-end;
        }

        .jdb-pricelist-image img {
            margin: 0 0 0 auto;
        }
    }
}

// Justify Alignment
.jdb-pricelist-mobile-text-justify {
    @include media-breakpoint-down(sm) {
        .jdb-pricelist-item-inner {
            text-align: justify;
        }

        .jdb-pricelist-header {
            justify-content: flex-start;
        }

        .jdb-pricelist-image img {
            margin: 0 auto 0 0;
        }
    }
}

// Overall Alignment
// Left Alignment
.jdb-pricelist-tablet-text-left {
    @include media-breakpoint-only(md) {
        .jdb-pricelist-item-inner {
            text-align: left;
        }

        .jdb-pricelist-header {
            justify-content: flex-start;
        }

        .jdb-pricelist-image img {
            margin: 0 auto 0 0;
        }
    }
}

// Center Alignment
.jdb-pricelist-tablet-text-center {
    @include media-breakpoint-only(md) {
        .jdb-pricelist-item-inner {
            text-align: center;
        }

        .jdb-pricelist-header {
            justify-content: center;
        }

        .jdb-pricelist-image img {
            margin: 0 auto;
        }
    }
}

// Right Alignment
.jdb-pricelist-tablet-text-right {
    @include media-breakpoint-only(md) {
        .jdb-pricelist-item-inner {
            text-align: right;
        }

        .jdb-pricelist-header {
            justify-content: flex-end;
        }

        .jdb-pricelist-image img {
            margin: 0 0 0 auto;
        }
    }
}

// Justify Alignment
.jdb-pricelist-tablet-text-justify {
    @include media-breakpoint-only(md) {
        .jdb-pricelist-item-inner {
            text-align: justify;
        }

        .jdb-pricelist-header {
            justify-content: flex-start;
        }

        .jdb-pricelist-image img {
            margin: 0 auto 0 0;
        }
    }
}

// Overall Alignment
// Left Alignment
.jdb-pricelist-desktop-text-left {
    @include media-breakpoint-up(lg) {
        .jdb-pricelist-item-inner {
            text-align: left;
        }

        .jdb-pricelist-header {
            justify-content: flex-start;
        }

        .jdb-pricelist-image img {
            margin: 0 auto 0 0;
        }
    }
}

// Center Alignment
.jdb-pricelist-desktop-text-center {
    @include media-breakpoint-up(lg) {
        .jdb-pricelist-item-inner {
            text-align: center;
        }

        .jdb-pricelist-header {
            justify-content: center;
        }

        .jdb-pricelist-image img {
            margin: 0 auto;
        }
    }
}

// Right Alignment
.jdb-pricelist-desktop-text-right {
    @include media-breakpoint-up(lg) {
        .jdb-pricelist-item-inner {
            text-align: right;
        }

        .jdb-pricelist-header {
            justify-content: flex-end;
        }

        .jdb-pricelist-image img {
            margin: 0 0 0 auto;
        }
    }
}

// Justify Alignment
.jdb-pricelist-desktop-text-justify {
    @include media-breakpoint-up(lg) {
        .jdb-pricelist-item-inner {
            text-align: justify;
        }

        .jdb-pricelist-header {
            justify-content: flex-start;
        }

        .jdb-pricelist-image img {
            margin: 0 auto 0 0;
        }
    }
}

// Vertical Alignment
.jdb-pricelist-vtop .jdb-pricelist-item-inner {
    align-items: flex-start;
}

.jdb-pricelist-vmiddle .jdb-pricelist-item-inner {
    align-items: center;
}

.jdb-pricelist-vbottom .jdb-pricelist-item-inner {
    align-items: flex-end;
}

// Badge
.jdb-pricelist-badge {
    color: #fff;
    background-color: #67ca67;
    font-size: 12px;
    line-height: normal;
    padding: 1px 6px;
    border-radius: 3px;
}

// Description
.jdb-pricelist-description {
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: normal;

    p {
        margin: 0;
    }
}

// Price
.jdb-price-wrapper span {
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
}

.jdb-pricelist-price {
    color: #c9ab81;

    &.has-discount {
        text-decoration: line-through;
        color: #e81a1a;
    }
}

// Image Left
.jdb-price-image-left {
    .jdb-pricelist-item-inner {
        display: flex;
    }

    .jdb-pricelist-image {
        margin-right: 15px;
        flex: 0 0 100px;
    }
}

// Image Right
.jdb-price-image-right {
    .jdb-pricelist-item-inner {
        display: flex;
    }

    .jdb-pricelist-image {
        margin-left: 15px;
        order: 1;
        flex: 0 0 100px;
    }
}

// Divider
.jdb-pricelist-separator {
    flex-grow: 1;
    margin-left: 6px;
    margin-right: 6px;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    height: 0;
    min-width: 40px;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}

.jdb-pricelist-separator-none {
    border: none;
}

// Tabs
.jdb-pricelist-categories-tabs {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;

    a {
        color: #393939;
        display: flex;
        margin: 0;
        padding: 5px 10px;
        align-items: center;
    }

    li.active a,
    li a:hover {
        color: #c9ab81;
    }
}

// Tab's Icon Position
.jdb-pricelist-icon-left a span:first-child {
    order: 0;
    padding-right: 5px;
}

.jdb-pricelist-icon-left a span i {
    text-align: center;
}

.jdb-pricelist-icon-top a {
    flex-direction: column;
    align-items: center;
}

.jdb-pricelist-icon-top a span:first-child {
    padding-bottom: 5px;
}

.jdb-pricelist-icon-right a span:first-child {
    order: 1;
    padding-left: 5px;
}

@media (min-width: 767px) {
    .jdb-pricelist-vertical-tabs {
        display: flex;
        align-items: flex-start;

        .jdb-pricelist-categories-tabs {
            max-width: 200px;
            flex: 0 0 200px;
            flex-direction: column;
        }

        // Tab Alignment
        .jdb-pricelist-categories-tabs {
            justify-content: flex-end;
            justify-content: center;
            justify-content: flex-start;
            margin: 0;
        }

    }

    .jdb-pricelist-vertical-tabs-right {
        .jdb-pricelist-categories-tabs {
            order: 1;
        }
    }
}

.jdb-pricelist-horizontal-tabs {
    .jdb-pricelist-categories-tabs {
        margin: 0 0 20px;
    }

    li:not(:last-child) {
        margin-right: 15px;
    }
}

.jdb-pricelist-tab-content {
    flex: 1 1 100%;
}