/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* New Intimate CSS  */
/* Chat mobile CSS  */
.chat-mobile {
  display: flex;
  background-color: var(--color-primary) !important;
  color: white;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0);
  height: 50px;
  padding-top: 15px !important;
}

.chat-mobile > i {
  margin-right: 8px;
}

@media screen and (max-width: 588px) {
  .chat-desktop {
    display: none !important;
  }
  .chat-mobile {
    display: flex !important;
  }
}

@media screen and (min-width: 588px) {
  .chat-mobile {
    display: none !important;
  }
  .chat-desktop {
    display: flex !important;
  }
}

/* Member actions fav, gifts, photos  */
.member-actions {
  display: flex;
  justify-content: space-around;
  position: relative;
  top: 32px;
}

.member-actions > i {
  font-size: x-large;
  color: var(--color-primary) !important;
  border: 1px solid;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}

.member-actions > a > i {
  font-size: x-large;
  color: var(--color-primary) !important;
  border: 1px solid;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}

.member-actions > i:hover {
  color: white;
  background-color: var(--color-primary) !important;
}

.member-actions > form {
  display: none;
}

/* Chat and Flirt buttons  */
.button-actions {
  display: flex;
  justify-content: space-between;
  position: relative;
  bottom: -43px;
}

.button-actions > button {
  display: flex;

  background-color: var(--color-primary) !important;

  color: white;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0);
  height: 50px;
  padding-top: 16px;
}

.button-actions > button:hover {
  background-color: rgb(255 76 108);
}

.button-actions > button:focus {
  background-color: #d82525;
}

.button-actions > button > p {
  margin: 0;
}

.button-actions > button > i {
  font-size: larger;
  position: relative;
  right: 10px;
  bottom: 3px;
}

.member-detail-wrap .button-actions button {
  gap: 0px !important;
  padding: 6px 12px 0px 32px !important;
}

.member-detail-wrap .user-details {padding: 0px 20px 0px 20px;}

/* User details text CSS  */
.text-box-wrapper {
  position: relative;
  bottom: 8px;
}

.text-box-wrapper > h6 > a {
  color: white !important;
  font-weight: 800 !important;
}

.text-box-wrapper > div {
  color: black !important;
  font-weight: 800 !important;
}

.filter-bar-wrap .trigger-filter-icon {
  font-size: 0px;
}

.chat-desktop p, .chat-mobile p {display: none;}

.button-actions > .chat-desktop{
  background: transparent !important;
  color: #9F3C70 !important;
  font-size: 20px !important;
  border: 1px solid #9F3C70 !important;
  box-shadow: none !important;
  height: 36px;
  margin-left: 12px;
  margin-right: 8px;
}
@media screen and (max-width: 991px) {.button-actions > .chat-desktop{margin-left: -40px;}}
@media screen and (max-width: 450px) {.button-actions{margin-left: -60px;}}
@media screen and (max-width: 360px) {.button-actions{margin-right: -12px;}}

.chat-mobile {
  background: transparent !important;
  color: #72284D !important;
  font-size: 20px !important;
  border: 1px solid #72284D !important;
  box-shadow: none !important;
  height: 36px;
  margin-left: 12px;
}

.user-details.edited-details-section{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.main-member-list-wrap .member-detail-wrap{height: 460px !important;}
.main-member-list-wrap .member-detail-wrap .user-detail-content{margin-bottom: -16px;}


.custom-slider {
    position: relative;
    width: 100%;
    max-width: 400px; /* Optional: set max width */
    margin: auto;
    overflow: hidden;
    background-color: #000000;
}


.slides {
  height: 280px;
    display: flex;
    transition: transform 0.5s ease-in-out;
    align-items: center;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
}

.slide img {
    width: 100%;    /* Fixed height */
    display: block;
}


/* Arrow buttons */
.custom-slider button.prev,
.custom-slider button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-primary);
    border: none;
    color: white;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
}
.custom-slider button.prev, .custom-slider button.next,.elementor-kit-1863 button:focus {background-color: #9F3C70;}
/* Left arrow */
.custom-slider button.prev {
    left: 10px;
}

/* Right arrow */
.custom-slider button.next {
    right: 10px;
}

.custom-slider button:hover {
    background-color: #ffffff !important;
	border-radius: 50% !important;
}

/* Dots */
.dots {
    text-align: center;
    padding-bottom: 0px;
    padding-top: 4%;
}

.dot {
    height: 12px;
    width: 12px;
    margin: 0 3px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: #717171;
}

span.tooltiptext{display: none;}

.block-user-link {
  display: inline-block;
  color: inherit;
  margin-left: 5px;
  text-decoration: none;
}

.block-user-link i {
  font-size: 1em; /* match your other icons */
}

a.wpee-add-fav-btn{margin-right: 8px;}

@media screen and (max-width: 991px) {
  .main-member-list-wrap .member-detail-wrap .img-holder{ width: 320px;}

  a.wpee-add-fav-btn{margin-right: 12px;}

  .button-actions {bottom: -54px;}

  .main-member-list-wrap .member-detail-wrap .user-details {padding: 24px !important;}
  .main-member-list-wrap .member-detail-wrap .user-detail-content [data-label="member-city"]{flex-direction: column-reverse;}
  .member-actions {display: block;}
}

@media only screen and (max-width: 481px) {.main-member-list-wrap {justify-content: center;}}

.main-member-list-wrap .member-detail-wrap .user-detail-content [data-label="member-city"]{
  display: flex !important;
  margin-left: 2px;
}

.member-detail-wrap .user-detail-content p{display: -webkit-inline-box;}

.button-actions.wpee-register-redirect{display: none;}

.custom-slider .prev:hover,.custom-slider .next:hover {background-color: #000000;}

/* Font Awesome 6 Icons */
.fa6-icon {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal;
  margin-left: 5px;
}

.fa6-icon[disable] {
  color: #ccc;
}

/* Hide FA6 icons on small screens */
@media (max-width: 768px) {
  .fa6-icon {
      display: none;
  }
}
.fa-eye {
  font-family: "Font Awesome 6 Free" !important;
}

.popup-main-wrapper .popup-title {color: #fff;}

input#wp-intimate-gift-submit{
      margin-left: 8em;
    margin-bottom: 1em;
    box-shadow: none;
}

/* Responsive CSS */
@media (max-width: 1024px) {
	.main-member-list-wrap .member-detail-wrap {width: calc(32% - 30px) !important;}

	.main-member-list-wrap {justify-content: center;}
}

@media screen and (max-width: 991px) {
    .member-actions {
        display: flex;
        justify-content: space-between;
    }
	.button-actions > .chat-desktop {margin-left: 16px;}

	.main-member-list-wrap .member-detail-wrap {width: calc(45% - 30px) !important;}

	.main-member-list-wrap .member-detail-wrap .img-holder {width: 100%;}

	.main-member-list-wrap {justify-content: center;}
}

@media screen and (max-width: 450px) {
	.main-member-list-wrap .member-detail-wrap {width: calc(100% - 30px) !important;}
	
	.button-actions {margin-left: -4px;}
}