/* ----------------------------------------------------------------
    Fonts

    Replace your Fonts as necessary
-----------------------------------------------------------------*/

@font-face {
  font-family: 'laluxes';
  src: url('fonts/LaLuxes.otf') format('opentype');
  font-feature-settings: 
    "liga" 0,   /* disable standard ligatures */
    "calt" 0,   /* disable contextual alternates */
    "swsh" 0,   /* disable swashes */
    "dlig" 0,   /* disable discretionary ligatures */
    "clig" 0,   /* disable contextual ligatures */
    "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "ss05" 0, "ss06" 0, "ss07" 0, "ss08" 0, /* disable stylistic sets */
    "salt" 0,
    "titl" 0,
    "kern" 0;   /* keep kerning for nice spacing */
  font-variant-ligatures: none;
  font-weight: normal;
  font-style: normal;
}

small,
#primary-menu ul li a,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
#primary-menu ul ul a,
.wp-caption,
.feature-box.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.entry-meta li,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span { font-family: 'Quattrocento'; }



h1,
h2,
h3,
h4,
h5,
h6,
#logo,
#top-search form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.counter,
label,
.wedding-head .first-name,
.wedding-head .last-name { font-family: 'laluxes'; }

body { font-family: 'Montserrat'; background-color: #f2f1ed !important;}

.judul{
    font-size: 50px;
    margin-bottom: 0px;
}

.coklat{
    color: #9f7866;
}

.glyphfont{
    letter-spacing: 0.1px !important;
}

.hover-wrap{
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 999;
}

.text-white{
    color: #fff !important;
}

.oc-item:hover{
    transform: scale(1.05); 
    transition: transform 0.5s ease-in-out;
    z-index: 9999;
    position: relative;
}

.image-hover-skin-booster {
  position: relative;
  width: 210px;
  height: 50px;
  overflow: hidden;
}

.image-hover {
  position: relative;
  width: 210px;
  height: 50px;
  overflow: hidden;
}

.image-hover img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.5s ease;
}

.img-hover {
  opacity: 0;
}

.image-hover:hover .img-hover {
  opacity: 1;
}

.image-hover:hover .img-default {
  opacity: 0;
}

#slide-number {
    display: none;
}

@media (max-width: 767px) {
    .judul{
        font-size: 30px;
    }

    #arrowBanner{
        display: none;
    }

}

@media (max-width: 479px) {
    .judul{
        font-size: 23px;
    }

    .image-hover{
        width: 130px !important;
        height: 32px !important;
    }

    .hover-wrap{
        right:10px;
    }

}







/* ----------------------------------------------------------------
    You can change your Font Specific Settings here
-----------------------------------------------------------------*/