@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..700&display=swap');


@font-face {  
  font-family: 'SaolDisplay';
  font-weight: 100;
  font-display:swap;
  src: url('/themes/unde/assets/fonts/SaolDisplay-Light.ttf'); 
}

@font-face {  
  font-family: 'SaolDisplay';
  font-weight: lighter;
  font-style: italic;
  font-display:swap;
  src: url('/themes/unde/assets/fonts/SaolDisplay-LightItalic.ttf'); 
}

@font-face {  
  font-family: 'SaolDisplay';
  font-weight: 200;
  font-display:swap;
  src: url('/themes/unde/assets/fonts/SaolDisplay-Regular.ttf'); 
}

@font-face {  
  font-family: 'SaolDisplay';
  font-weight: bold;
  font-style: italic;
  font-display:swap;
  src: url('/themes/unde/assets/fonts/SaolDisplay-SemiboldItalic.ttf'); 
}

@media (min-width: 1400px) and (max-width: 1920px){
  .scale-content{
    transform-origin: top center;
  }
}


.filters select{
    background: transparent;
    color: #c71d3e;
    border: 1px solid #c71d3e;
    padding: 10px 10px 10px 10px;
    outline: none;
    font-size:1rem;
}

.static_content{
  padding-bottom: 3rem;
}

.static_content h2{
  font-size: 1.5rem!important;
  color: #ef77ba!important;
  text-align: left !important;
  font-family: "Montserrat", sans-serif!important;
  text-transform: uppercase!important;
  font-weight:600;
}

.compensate_paral{
  height: 1px;
  top: -350px;
  position: relative;
}

.add_2_wl{
  background: transparent;
  border: 0px;
  background: transparent;
  border: 0px;
  color: #fff;
  color: #fff;
  font-size: 0.9rem;
  display: block;
  font-weight: 600;
  padding: 0;
}

body{
	background: #151413;
	font-family: "Montserrat", sans-serif;
	color:#d1d1d1;
	font-weight: 100;
/*  padding-top: 76px;*/
  font-size: 1.1rem;
  font-weight: 300;
  overflow-x: hidden;
}

small{
    font-size: 0.8rem;
    font-weight: 100;
}

header{
    width:100%;
}

footer{
  padding-top:0px!important;
/*  min-height: 670px;*/
  background: url('/themes/unde/assets/images/footer_bkg.jpg') no-repeat scroll top center/cover;
}

section{
  min-height: 45vh;
}

p{
  font-size: 1.1rem;
  font-weight: 500;
}

footer a{
  color:#eee;
  font-weight: 200;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
}

footer a:hover{
  color:#fff;
  text-decoration: underline;
}

footer a img{
/*  filter: opacity(0.5);*/
}

footer a:hover img{
/*  filter: opacity(1);*/
}

table td{
  border:1px solid #ccc;
  padding: 15px;
/*  color:#000;*/
}


header:has(nav.navbar div.navbar-collapse.show),
header:has(nav.navbar div.navbar-collapse.collapsing) {
  background-color: rgb(42, 5, 5)!important;
  opacity:1!important;
}

.menu_dec{
    position: absolute;
    top: 100px;
    right: 50px;
    width: 150px;
    height:150px;
    display: none;
    margin: 0 auto;
    overflow: visible;
}

.menu_dec img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;      /* so they don't block clicks */
}

/* Z-order: 05 bottom, 04 middle, 03 top */
.img-a { z-index: 11; width: 150px;}
.img-b { z-index: 10; width:150px;}

/* Top image rotates 360° in 1.5s, looping */
.img-a {
    animation: dec-rotate 10s linear infinite;
}


/* rotation: keep it centered by including translate in the transform */
@keyframes dec-rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}






.blog_page{
  background: #fff;
  color:#000;
}

.navbar-toggler{
  border: 0;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none!important;
}

.top_topper{
  padding-top:150px;
}

.top_topper_smaller{
  padding-top:100px;
}

.unde{
    position: absolute;
    top: 60px;
    z-index: 1;
    height: 60px;
    width: 155px;
    object-fit: cover;
    object-position: top;
}

.white_bkg{
  background: #fff7f3;
  color:#000;
}

.link{
  cursor: pointer;
}

.paral{
  will-change: transform; 
}

.fancy-list {
  list-style: none;        /* remove default bullets */
  padding-left: 0;
}

.fancy-list li {
    position: relative;
    padding-left: 1.8rem;
    margin: 1.2rem 0;
}

.fancy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 20px;
  height: 20px;
  background-image: url("/themes/unde/assets/images/li.png");
  background-size: contain;
  background-repeat: no-repeat;
}


.red{
	color:#c71d3e;
}

.pink{
	color:#ef77ba;
}

.grey{
  color:#818181;
}

a{
  text-decoration: none;
}

a:hover{
  text-decoration: inherit;
}

a.red:hover{
  color:#fff;
}

a.white{
    color: #fff;
    font-size: 0.9rem;
    display: block;
    font-weight: 600;
}

.form-floating>label{
  color:#000;
}

input,textarea,select{
  border-radius: 0!important;
}

img.border_img{
  border: 12px solid #ef77ba;
}

.remove_from_wl_form{
/*    right: 0;
    position: relative;
    top: -40px;*/
}

.the_artist_page_bkg{
    background: url('/themes/unde/assets/images/artist_page_bkg.jpg') no-repeat scroll -30px 40px/108%,#040406;
}

.jewelry_bkg{
  background: url('/themes/unde/assets/images/jewelry_bkg_m.jpg') no-repeat -128px -61px/164% #0c0c0e;
}

.order_bkg{
  background:url('/themes/unde/assets/images/order_bkg.png') no-repeat right 0px/53%;
}

.wishlist_bkg{
  background:url(/themes/unde/assets/images/wishlist_bkg.jpg) no-repeat scroll 22px -107px / 120%;
}

.uw_collection{
  background:url('/themes/unde/assets/images/uw_bkg.jpg') no-repeat scroll 0 -32px / 106%, #0c0c0e;
}

.cg_collection{
  background:url('/themes/unde/assets/images/cg_bkg.jpg') no-repeat scroll 0 0px / 100%, #f890b1;
}

.ju_collection{
  background:url('/themes/unde/assets/images/ju_bkg.jpg') no-repeat scroll 0 0px / 176%, #0c0c0e;
}

.men_collection{
  background:url('/themes/unde/assets/images/man_bkg.jpg') no-repeat scroll -26px -54px / 119%, #0c0c0e
}

.mush_collection{
  background:url('/themes/unde/assets/images/mush.jpg') no-repeat scroll 0 0px / 100%, #ff8fae;
}

.v_collection{
  background:url('/themes/unde/assets/images/v_col_bkg.jpg') no-repeat scroll -45px -195px /196%, #0c0c0e;
}

.x_collection{
  background:
    url('/themes/unde/assets/images/x_m_b_1.png') no-repeat scroll 0 0px/100%,
    #000000
}

.ingherat_collection{
  background:
    url('/themes/unde/assets/images/ingherat_collection_bkg_m.jpg') no-repeat scroll 0px 0px /115%, 
    url('/themes/unde/assets/images/ingherat_collection_bkg_m_2.jpg') no-repeat scroll 0px 491vh /115%, 
    #000;
}

.hearts_collection{
  background:url('/themes/unde/assets/images/hearts_collection_bkg.jpg') no-repeat scroll -200px -460px, #0c0c0e;
}

.custom_collection{
  background:url('/themes/unde/assets/images/custom_collection_bkg_m.jpg') no-repeat scroll -0px 0px/100%, #0c0c0e;
}

.blog_list_page{
  background:url('/themes/unde/assets/images/blog_bkg.jpg') no-repeat scroll 1px -128px/119%,#060102;
}

.custom_order_form_bkg{
  background:url('/themes/unde/assets/images/custom_order_form_bkg.jpg') no-repeat scroll -198px -68px/163%;
}

.btn-primary{
  background: #ef77ba;
  font-family: 'SaolDisplay';
  color:#000;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 0;
  border-color: #ef77ba;
  display: block;
}

.btn-primary:hover{
  background: #000;
  color:#ef77ba;
  border-color: #ef77ba;
}

.btn-secondary{
  background: #000;
  font-family: 'SaolDisplay';
  color:#ef77ba;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: bolder;
  border-radius: 0;
  border-color: #ef77ba;
  display: block;
  font-weight: 600;
}

.btn-secondary:hover{
  background: #ef77ba;
  color:#000;
  border-color: #ef77ba;
}


.btn_power{
    background: #ECECEC;
    background: radial-gradient(ellipse farthest-corner at left center, #919191 23%, #717171 50%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 2.5rem;
    border: 1px solid #ef77ba;
    padding: 7px 2.5rem;
    font-family: 'SaolDisplay';
    width: 350px;
}

.btn_power:hover{
  background:#ef77ba;
  color:#fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn_pink_small{
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #ef77ba;
    background: #ef77ba;
    padding: 16px 2.5rem 10px;
    font-family: 'SaolDisplay';
    font-weight: 700;
    line-height: 16px;
}

.btn_pink_small:hover{
  background:#000;
  color:#ef77ba;
}


.btn_pink{
    color:#ef77ba;   
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.5rem;
    border: 1px solid #ef77ba;
    padding: 7px 2.5rem;
    font-family: 'SaolDisplay';
}

.btn_pink:hover{
  background:#ef77ba;
  color:#fff;
}

header a.nav-link{
    background: #ECECEC;
    background: radial-gradient(ellipse farthest-corner at left center, #919191 23%, #717171 50%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
}

header a.nav-link:hover{
  -webkit-text-fill-color: #fff;
}

p{
	line-height: normal;
}

h1,h2,h3,.h1,.h2,.h3{
	font-family: 'SaolDisplay';
}

h1,.h1{
  font-size: 2.8rem;
}

.h2, h2 {
    font-size: 2.5rem;
 }


h4,.h4{
	font-weight: 600;
}

h5,.h5{
  font-weight: 600;
}

img{
  max-width: 100%;
  max-height: 100%;
}

.slick-slide{
  height: auto!important;
}


.gallery a{
  border:5px solid #ef77ba;
  width:250px;
  max-width: 90%;
  height: 220px;
}

.gallery a img{
  width:100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.gallery a:hover{
  border:5px solid #c71d3e;
}

.gallery a:hover img{
  width:250px;
  height: 240px;
}

.product_in_list{
  padding:8px;

}

.product_in_list img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center center;
    border: #ef77ba 8px solid;
}

.jewelry_bkg .product_in_list img,
.blog_list_page .product_in_list img{
  border:#ef77ba 4px solid;
}

.product_in_list a{
  color:#ef77ba;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 400;
/*  padding-top: 10px;*/
}

.product_in_list:hover a{
  text-decoration: underline;
}

.product_in_list:hover img{
  
}


.prod_bkg .prod_images{
  margin-top:0px;
}


.cart_product_image{
    border: #ef77ba 2px solid;
}


.colectie_in_list{
    max-width: 100%;
    max-height: 70vw;
}

.colectie_in_list a{
  color:#ef77ba8c;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
}

.grey_p{
    /* background: linear-gradient(70deg, rgba(80, 87, 92, 1) 0%, rgba(222, 222, 221, 1) 100%); */
    /* background: -webkit-linear-gradient(70deg, rgba(80, 87, 92, 1) 0%, rgba(222, 222, 221, 1) 100%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-weight: 100;
    line-height: 2rem;
    font-style: italic;
    color: #fff;
    font-size: 2rem;
}


.rotate-on-hover {
    display: inline-block;
}

.rotate-on-hover:hover {
    animation: rotateOnce 0.25s linear forwards;
}

@keyframes rotateOnce {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.open_cart{
    position: relative;
    top:1px;
}

.open_cart > div{
    position: absolute;
    top: 10px;
    left: 50%;
    font-size: 0.7rem;
    color: #fff;
    background: #ef77ba;
    padding: 0px 6px 0 6px;
    border-radius: 15px;
    transform: translate(-50%, 0);
}

.silent_submit_button{
  border:1px solid transparent;
  background: transparent;
  color:#c71d3e;
}

.silent_submit_button:hover{
  border:1px solid #c71d3e;
}

.wishlist_cnt{
     position: relative;
}

.wishlist_cnt > div{
    position: absolute;
    top: 11px;
    left: 50%;
    font-size: 0.7rem;
    color: #fff;
    background: #ef77ba;
    padding: 0px 6px 0 6px;
    border-radius: 15px;
    transform: translate(-50%, 0px);
}


.expanded_cart{
    width: 93vw;
    position: fixed;
    right: 1px;
    top: 1px;
    border: 1px solid #ccc;
    background: #000000;
    z-index: 1050;
    display: none;
    height: calc(100vh - 26px);
    overflow-y: scroll;
}


.cart_counter{
    position: absolute;
    top: -7px;
                    left: 13px;
    background: #aaa;
    border-radius: 180px;
    font-size: 0.7rem;
    padding: 2px 6px 0 6px;
    color: #fff;
}

#cookies-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 20px;
    max-width: 100vw;
    color: black;
    z-index: 1000;
    text-align: left;
    padding: 10px;
    background-color: #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    color: #fff;
    width: 100vw;
}

#cookies-bar p{
    font-size: 0.8rem;
    padding: 0;
    margin: 0;
}

.btn.btn-simple-green{
    color: #fff;
    background: #157200;
    border: 1px solid #fff;
}

.btn.btn-simple-grey{
    color: #6a6a6a;
    border: 1px solid #6a6a6a;
}

.btn.btn-simple-white{
    color: #ccc;
    border: 1px solid #ccc;
}

.mw-650p{
  max-width: 650px;
}

img.preview_image {
  border: 12px solid #ef77ba;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.grey_p a{
  color: inherit;
  text-decoration: underline;
}


.prod_1{
  width: 75%;
}

.prod_2{
  width: 80%;
  margin-left: auto;
}

.prod_4{
  width: 75%;
  margin-left: auto;
}

.prod_5{

}

.prod_6{
}

.prod_7{
  width: 75%;
}

.prod_10{

}

.prod_11{
  
}

.prod_12{

}

.prod_13{
  width: 90%;
}

.default_collection_text{
    font-family: 'SaolDisplay';
    font-weight: 100;
    line-height: 1.5rem;
    font-style: italic;
    color: #fff;
    font-size: 1.5rem;
}

.form-check-input:checked {
    background-color: #c71d3e;
    border-color: #c71d3e;
}

.btn:focus, .btn.focus, .btn:active, .btn.active{
    box-shadow: none;
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}


@media(min-width: 768px ){  /*md*/

}

@media(min-width: 992px ){  /*lg*/

    .expanded_cart{
        width: 450px;
        position: fixed;
        right: 7px;
        top: 58px;
        border: 1px solid #ccc;
        background:#000; 
        z-index: 1000;
        display: none;
        min-height: auto;
        /*height: auto;*/
        overflow: auto;
    }

    .w-lg-100{
      width: 100%!important;
    }

    .w-lg-75{
      width: 75%!important;
    }

    .w-lg-50{
      width: 50%!important;
    }

}

@media(min-width: 1200px ){  /*xl*/

  .default_collection_text{
    line-height: 2rem;
    font-size: 2rem;
  }

  .prod_5{
    margin-top: 20%;

  }

  .prod_6{
    margin-top: 10%;
  }

  section{
    min-height: 100vh;
  }


}

@media(min-width: 1400px ){  /*xxl*/

  .prod_bkg .prod_images{
    margin-top:200px;
  }

  .jewelry_bkg .product_in_list img{
    border:#ef77ba 8px solid;
  }

  footer{
    padding-top:140px!important;
  }

  .the_artist_page_bkg{
    background: url('/themes/unde/assets/images/artist_page_bkg.jpg') no-repeat scroll 0px 100px/100%,#040406;
  }

  .jewelry_bkg{
    background: url('/themes/unde/assets/images/jewelry_bkg.jpg') no-repeat scroll 16px 133px/100% #0c0c0e;
  }

  .order_bkg{
    background:url('/themes/unde/assets/images/order_bkg.png') no-repeat scroll left 100px/33%;
  }

  .wishlist_bkg{
    background:url('/themes/unde/assets/images/wishlist_bkg.jpg') no-repeat scroll 0 140px / 100%;
  }

  .uw_collection{
    background:url('/themes/unde/assets/images/uw_bkg.jpg') no-repeat scroll 0 0px / 100%;
  }

  .cg_collection{
    background:url('/themes/unde/assets/images/cg_bkg.jpg') no-repeat scroll 0 0px / 100%;
  }

  .ju_collection{
    background:url('/themes/unde/assets/images/ju_bkg.jpg') no-repeat scroll 0 0px / 100%, #0c0c0e;
  }

  .men_collection{
    background:url('/themes/unde/assets/images/man_bkg.jpg') no-repeat scroll 0 -100px / 100%, #0c0c0e;
  }

  .mush_collection{
    background:url('/themes/unde/assets/images/mush.jpg') no-repeat scroll 0 0px / 100%, #ff8fae;
  }

  .v_collection{
    background:url('/themes/unde/assets/images/v_col_bkg.jpg') no-repeat scroll 0 -0px /100%;
  }

  .x_collection{
    background:url('/themes/unde/assets/images/x_col_bkg.jpg') no-repeat scroll 0 -0px/cover;
  }

  .ingherat_collection{
    background:url('/themes/unde/assets/images/ingherat_collection_bkg.jpg') no-repeat scroll 0 -0px /cover;
  }

  .hearts_collection{
    background:url('/themes/unde/assets/images/hearts_collection_bkg.jpg') no-repeat scroll 0 -0px;
  }

  .custom_collection{
    background:url('/themes/unde/assets/images/custom_collection_bkg.jpg') no-repeat scroll -74px -69px/107%, #0c0c0e;
  }

  .blog_list_page{
    background:url('/themes/unde/assets/images/blog_bkg.jpg') no-repeat scroll -2px 115px/100%,#060102;
  }

  .custom_order_form_bkg{
    background:url('/themes/unde/assets/images/custom_order_form_bkg.jpg') no-repeat scroll 0px 0px/100%, #0c0c0e;
  }

  .custom_bkg{
    background: url('/themes/unde/assets/images/custom_bkg.jpg') no-repeat scroll -44px 0/100%, #08080a;
  }  



  h1,.h1{
    font-size: 4rem;
  }



  body{
    padding-top: 0px;
  }


  .unde{
    top: 100px;
  }
  
  .top_topper{
    padding-top:200px;
  }

  .top_topper_smaller{
    padding-top:100px;
  }

  .h2, h2 {
    font-size: 3.5rem;
  }

  .btn_pink{
    font-size: 2.5rem;
  }

}



@media(min-width: 1600px ){  /*xxl*/

  .custom_bkg{
    background: url('/themes/unde/assets/images/custom_bkg.jpg') no-repeat scroll 0px 0/100%, #08080a;
  }  

  .jewelry_bkg{
    background: url('/themes/unde/assets/images/jewelry_bkg.jpg') no-repeat scroll -55px 100px/100% #0c0c0e;
  }

  .custom_collection{
    background:url('/themes/unde/assets/images/custom_collection_bkg.jpg') no-repeat scroll -74px -123px/107%, #0c0c0e;
  }

}



/*levitation*/
:root{
  --levitate-amp: 10px;
  --levitate-speed: 3.5s;
}

.levitate {
  display: inline-block;
  transform: translateY(0);
  animation: levitate var(--levitate-speed) ease-in-out infinite;
  will-change: transform, filter;
  filter: drop-shadow(0 10px 12px rgba(0,0,0,.25));
}

/* Desync: stagger start phase using negative delays (5 buckets) */
.levitate:nth-child(5n + 1) { animation-delay: calc(-0.00 * var(--levitate-speed)); }
.levitate:nth-child(5n + 2) { animation-delay: calc(-0.20 * var(--levitate-speed)); }
.levitate:nth-child(5n + 3) { animation-delay: calc(-0.40 * var(--levitate-speed)); }
.levitate:nth-child(5n + 4) { animation-delay: calc(-0.60 * var(--levitate-speed)); }
.levitate:nth-child(5n + 5) { animation-delay: calc(-0.80 * var(--levitate-speed)); }

/* Pause on hover/focus */
.levitate:hover,
.levitate:focus { animation-play-state: paused; }

/* Keyframes */
@keyframes levitate {
  0%   { transform: translateY(0);    filter: drop-shadow(0 10px 12px rgba(0,0,0,.25)); }
  50%  { transform: translateY(calc(-1 * var(--levitate-amp)));
         filter: drop-shadow(0 6px 10px rgba(0,0,0,.18)); }
  100% { transform: translateY(0);    filter: drop-shadow(0 10px 12px rgba(0,0,0,.25)); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .levitate { animation: none; }
}


/*END levitation*/




 /* ROTATOION   adjust the duration to your taste */
  :root { --spin-duration: 40s; }

  .rotating {
    display: block;                 /* avoids extra whitespace from inline images */
    transform-origin: center center;/* spin around its own center */
    animation: spin var(--spin-duration) linear infinite;
    will-change: transform;
  }


/*END rotation*/