:root {
    --seashell:#fef6ee;
    --metallic-pink: #ebb1b9;
    --pale-magenta-pink:#FF99CC;
}

/* override font*/
body {
 font-family: 'Josefin Sans', sans-serif !important;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: 'Josefin Sans', sans-serif !important;}

/*    untuk top bar  */
.custom-wrapper{
    max-width: 1140px !important;
    margin: 0 auto;
    box-shadow:  0 0 45px 0 rgba(0, 0, 0, 0.12);
}
.custom-topbar{

}
.navbar-custom {
    height: 90px;
    max-height: 90px !important;
    max-width: 1140px !important;
}
/* Note : Navbar Height = 70px */
.navbar-hr-pink{
    position: relative;
    height: 6px; top: 64px;
    background-color: rgb(255,140,200);"
}

.dotted-line-sparator{
    border:none;
    border-bottom:3px dotted  #ebb1b9;
    color:#ebb1b9;
    height: 1px;
    width: 50%;
}

.navbar-search {
    width: 250px;
}

#main_search_box {
    border-style: solid;
    border-width: 1px;
    border-color: pink;
}

.main-search-box{
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    border: 1px solid #fef6ee;
    background: transparent;
    color: #fef6ee;;
    width: 220px;
    height: 45px;
    padding-left: 20px;
    padding-right: 40px;
    font-size:0.8rem;
}
.main-search-box:focus{
    outline: none;
    border: 1px solid #fef6ee;
    color: #fef6ee;
}

.badge-age{
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
}
.badge-age .badge-top{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.badge-age:hover .badge-top {
    display: inline;
}

.pt-70 {
    padding-top: 70px;
}
.pt-90 {
    padding-top: 90px;
}
.bg-pink-soft{
    background-color: rgb(255,250,255) !important;
}
.bg-pink-light{
    background-color: rgb(255, 240, 250) !important;
}
.lux-pink1 {
    color: var(--metallic-pink) !important;
}
.lux-pink2 {
    color: var(--pale-magenta-pink) !important;
}

.lux-Seashell1 {
    color: var(--seashell) !important;
}

.bg-lux-pink1 {
    background-color: var(--metallic-pink) !important;
}
.bg-lux-pink2 {
    background-color: var(--pale-magenta-pink) !important;
}

/*  global background */
.bg-page {
    background-image: url('../../assets/images/bg-page.jpg');
    background-size: cover;
}
.bg-page-gradient {
    background-image: url('../../assets/images/bg-gradient.jpg');
    background-size: cover;
}
.bg-page-paper-pattern {
    background-image: url('../../assets/images/bg-paper-pattern.jpg');
    background-size: cover;
}
.bg-page-paper-pattern-light {
    background-image: url('../../assets/images/bg-paper-pattern-light.jpg');
    background-size: cover;
}
.text-gradient{
    background: -webkit-linear-gradient( #f90d88, antiquewhite);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content-page-custom{
    margin: 70px 0 0;
}
.rad-0-7{
    border-radius: 0.7em;
}
.rad-1{
    border-radius: 1em;
}

.tippy-box[data-theme~='pink'] {
    background-color: pink;
    color: black;
}

/*  Product Items  */
.card-product {
    border: 1px solid white;
}
.card-product:hover {
    border: 1px solid pink;
}

/* navigator */
.page-item.active .page-link{
    background-color: pink;
    border-color: deeppink;
}

.btn-gold {
    color: #fff;
    /*background-color: #f672a7;*/
    /*border-color: #f672a7;*/
    background-color: goldenrod;
    border-color: goldenrod;
}

.btn-gold:hover {
    color: #fff;
    background-color: gold;
    border-color: gold;
}

.btn-gold:focus,
.btn-gold.focus {
    box-shadow: 0 0 0 0.15rem rgba(215, 181, 0, 0.5);
}

.btn-gold.disabled,
.btn-gold:disabled {
    color: #fff;
    background-color: darkgoldenrod;
    border-color: darkgoldenrod;
}

.btn-gold:not(:disabled):not(.disabled):active,
.btn-gold:not(:disabled):not(.disabled).active,
.show > .btn-gold.dropdown-toggle {
    color: #fff;
    background-color: goldenrod;
    border-color: goldenrod;
}

.btn-gold:not(:disabled):not(.disabled):active:focus,
.btn-gold:not(:disabled):not(.disabled).active:focus,
.show > .btn-gold.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.15rem rgba(218, 165, 32, 0.5);
}

.btn-seashell {
    color: black;
    background-color: #fef6ee;
    border-color: #fef6ee;
}

.btn-seashell:hover {
    color: #ebb1b9;
    background-color: #FEEEEE;
    border-color: #FEEEEE;
    -ms-transform: scale(1.5); /* IE 9 */
    transform: scale(1.5);
    transition: transform .2s;
}

.btn-seashell:focus,
.btn-seashell.focus {
    box-shadow: 0 0 0 0.15rem rgb(228, 222, 216, 0.5);
}

.btn-seashell.disabled,
.btn-seashell:disabled {
    color: dimgray;
    background-color: #E5DED8;
    border-color: #E5DED8;
}

.btn-seashell:not(:disabled):not(.disabled):active,
.btn-seashell:not(:disabled):not(.disabled).active,
.show > .btn-seashell.dropdown-toggle {
    color: black;
    background-color: #E5DED8;
    border-color: #E5DED8;
}

.btn-seashell:not(:disabled):not(.disabled):active:focus,
.btn-seashell:not(:disabled):not(.disabled).active:focus,
.show > .btn-seashell.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.15rem rgb(228, 222, 216, 0.5);
}

.custom-footer{
    position: relative;
    left: 0;
}