/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

:root {
    --bs-primary: #F3AA05;
}
:root[data-bs-theme=light] .navbar-dark {
    --bs-navbar-color: rgb(255 255 255);
}
.bg-color-theme {
    background-color: var(--bs-primary) !important;
}
.color-theme {
    color: var(--bs-primary) !important;
}
 .velocitymp-ratio-image-box {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.velocitymp-ratio-image-16-9 {
    padding-bottom: 56.25%;
}
.velocitymp-ratio-image-8-5 {
    padding-bottom: 62.5%;
}
.velocitymp-ratio-image-4-3 {
    padding-bottom: 75%;
}
.velocitymp-ratio-image-3-2 {
    padding-bottom: 66.66%;
}
.velocitymp-ratio-image-box img {
    display: none !important;
}
.z-index-1 {
    z-index: 1 !important;
}
.z-index-2 {
    z-index: 2 !important;
}
.z-index-3 {
    z-index: 3 !important;
}
.z-index-4 {
    z-index: 4 !important;
}
.z-index-5 {
    z-index: 5 !important;
}
.velocity-premium-button {
    background-color: #F4B616;
    text-align: center;
    cursor: pointer;
}
.iklan-biasa {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.iklan-premium {
    border: 1px solid #F4B616;
    background-color: #fff5dc;
    position: relative;
    transition: all 300ms ease-in;
}
.iklan-premium::before {
    content: '';
    background-image: url('../img/star.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    transform: scale(1);
    transition: all 200ms ease-in;
}
.iklan-premium:hover::before {
    transform: scale(1.2);
    transition: all 200ms ease-in;
}
.iklan-premium::after {
    content: 'Premium';
    position: absolute;
    top: 9px;
    left: 20px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #ffb436;
    color: #fff;
    line-height: 1;
    padding: 5px 0px 5px 0px;
    letter-spacing: 1px;
    text-align: center;
    overflow: hidden;
    width: 0px;
    transition: all 300ms ease-in;
}
.iklan-premium:hover::after {
    padding: 5px 10px 5px 17px;
    width: 90px;
    transition: all 300ms ease-in;
}
.velocity-iklan-footer a, .velocity-iklan-footer {
    color: #8d8d8d;
}
.velocity-iklan-footer a:hover {
    color: #333333;
}
.site-info {
    opacity: 0.5;
}
.foto-profil-penjual {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}
.velocity-iklan-galeri img {
    max-height: 380px;
    width: auto;
}
.velocity-term-image {
    height: 60px;
    width: auto;
}
.vmpc-kategori-list .nav-pills .nav-link.active {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #DEDEDE !important;
    border-bottom: 1px solid #DEDEDE !important;
    background-color: #fff;
    color: #111111 !important;
}
.vmpc-pagination .page-numbers {
	padding: 5px 13px;
	background-color: #333333;
	border: 1px solid #333333;
	color: #ffffff;
    display: inline-block;
}
.vmpc-pagination .page-numbers:hover,
.vmpc-pagination .page-numbers.current {
	background-color: #ffffff;
	color: #333333;
}


.fpmedia-col {
    display: inline-block;
    width: 48%;
    position: relative;
    margin: 1%;
}
.fpmedia-col img {
    width: 100%;
}
.frontpost-featured .fpmedia-col {
    width: 100% !important;
}
.fpmedia-del {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 1;
    cursor: pointer;
    color: #ffffff;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 80%);
}


@media only screen and (min-width: 768px) {
    .fpmedia-col {
        width: 31%;
    }
    .vmpc-kategori-list .nav-pills .nav-link.active {
        border-left: 1px solid #DEDEDE !important;
        position: relative;
        right: -1px;
    }
}

@media (min-width: 1000px) {
    .fpmedia-col {
        width: 23%;
    }
}



/* Pagination */
.velocity-iklan-pagination {
    display: flex;
    justify-content: start;
}
.velocity-iklan-pagination .pagination {
    margin: 0;
}
.velocity-iklan-pagination .page-numbers {
    padding: 0.5rem 0.75rem;
    margin-right: -1px;
    border: 1px solid #dee2e6;
    color: #007bff;
    text-decoration: none;
    background-color: #fff;
}
.velocity-iklan-pagination .page-numbers:hover {
    color: #0056b3;
    background-color: #e9ecef;
}
.velocity-iklan-pagination .current {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.velocity-iklan-pagination .disabled .page-numbers {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
.velocity-iklan-pagination .page-numbers:first-child {
    border-radius: 5px 0 0 5px;
}
.velocity-iklan-pagination .page-numbers:last-child {
    border-radius: 0 5px 5px 0;
}
/* END PAGINATION */



/*! Magnific Popup - v1.1.0 - 2016-02-20
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2016 Dmitry Semenov; */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}