/*
Theme Name: Lavish Date
Theme URI: https://www.wpdating.com/dating-demo/
Template: wpdating-premium
Author: Digital Product Labs, Inc.
Author URI: https://www.wpdating.com/
Description: WordPress Theme designed for WordPress Dating Plugin users
Tags: Dating theme,Theme Framework,WP Dating Theme,WordPress Theme,WP Dating Theme Framework,HTML5,Clean,Responsive,Black,White
Version: 1.0.0
Updated: 2026-03-31 04:04:08

*/

/* Logo Resize */
a.navbar-brand.high-res{max-width:60%;}

/* Footer widget title color fix */
footer .footer-title {color: #ffffff;}

.short-video-bg{height: 50%;}

#toTop.slide-in {bottom: 64px;}

/* Remove Navbar bottom border */
.site-header {
    border-bottom: none;
	top: 12px;
}

/* Video section bg resize */
.short-video-bg,#short-video-bg{
	transform: scale(0.9);
	border-radius: 30px;
}
.video-section-art{
	 margin-left: 160px !important;
}

/* Testimonial Buttons */
.slick-dots li button {background: #1a1a1a !important;}
.slick-dots li button::before {background-color: #1a1a1a;}
.testimonials-wrap {background-image: none;}

/* Blog Content Wrap */
.blog-content-wrap {
    width: 100%;
    margin-top: 0px;
		background-color: #F8F9FF;
		border-radius: 0px 0px 0px 0px;
}
.date-wrap i {display: none;}
.date-wrap{
    color: #9F2FFE;
     font-family: 'Lato';
}

figure.img-holder{
	border-radius: 5px 5px 0px 0px;
}

/* User Story Section */
.wpee-user-stories-wrap .content-wrap-inner.right-wrap .user-story-wrap{border-radius: 5px;}

.wpee-user-stories-wrap .content-wrap-inner.right-wrap .user-story-wrap figure{border-radius: 5px 0px 0px 5px;}

.wpee-user-stories-wrap .user-stories-wrap .thumb {
    height: 300px;
    width: 456px;
}
.wpee-user-stories-wrap .user-stories-wrap .thumb-big {height: 300px;}
.wpee-user-stories-wrap .content-wrap-inner.left-wrap .user-story-wrap figure {border-radius: 5px;}
.wpee-user-stories-wrap .content-wrap {justify-content: center;}
.user-stories-wrap .user-story-wrap {    
    box-shadow: none;
    margin: 16px;
    height: 400px;
    width: 360px;
}
p.desc{display: none;}
p.story-excerpt{margin: 0 0 4px;}
[hidden] {display: block;}
.link-wrap.line-animate{display: none;}
h4.post-title {font-size: 24px;}
.post-title {margin: 0px 0 4px;}
.user-stories-wrap{margin-bottom: 0px;}

/* Members page search bar */
/* Search bar color and radius change */
.filter-bar-wrap {
    background-color: #FFF;
    border-radius: 8px;
}

/* No members found text CSS */
.main-member-list-wrap .records-not-found {
    color: #5C63B7;
    border: 1px solid #5C63B7;
}

/* Profile Page */
/* Cover Photo Overlay remove */
.overlay::before {
	background-color: rgba(0, 0, 0, 0.0);
}

/* Default Cover Photo BG */
.wpee-profile-header .profile-cover-photo {
    background: url(inner-page-header@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Cover Photo Radius */
.profile-cover-photo{border-radius: 80px 0px 80px 0px;}

/*Profile details text color*/
.wpee-profile-header h4.username.text-white{
	color: #5C63B7;
}
.age-location-wrap.text-white {
    color: #616881;
}

/*Profile header designs*/
.wpee-profile-header .profile-user-details {
    width: 105%;
    background-color: #fff;
    border-radius: 30px;
    padding-right: 40px;
    padding-top: 24px;
    padding-left: 40px;
    margin-left: -4%;
    margin-right: 50%;
}
@media (max-width: 1366px) {
	.wpee-profile-header .profile-user-details {
    	width: 100%;
    	margin-left: 0%;
	}
	.profile-menu-wrapper .profile-menu-tab{margin-left:50px;}
}

/* Profile picture and status picture */
img#profile_picture.img{
	border-radius: 8px;
}
.profle-status .profile-status-img {
	border-width: 0px;
}

/* Account Status CSS */
.wpee-profile-header .profile-user-details .user-info-wrapper .account-status {border-radius:18px;}
.account-status{color:#5C63B7;}

/* Cover Photo buton CSS */
.wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo{color:#E4519E;}

/* Status button */
.profle-status form.wpee-status-form input[type="submit"]{
	border-radius: 8px;
}

/* Textarea borders and texts CSS */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #7A7D9F;
    border: 1px solid #DADDF0;
    border-radius: 4px;
}


.inner-page-wrap.d-flex.align-center{
	background-color:#FEF7FA;
}

@media (max-width: 430px) {
    body.page h1 {
        font-size: 28px;
    }
}

/* Profile Page Cover Photo Section Responsive */
@media (max-width: 767px) {
.wpee-profile-header .profile-user-details {
    background-color: #ffffff00;
	}
}

.wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo:hover{background-color: #E4519E;}

/* Profile Sidebar Blocks Title BG Color */
.wpee-block .wpee-block-title {
    background-color: #FCFCFF;
}

/* Profile Page Responsive Header Menu BG Color */
@media only screen and (max-width: 767px) {
    .wpee-profile-header .profile-header-menu {
        background-color: #FCFCFF;
    }
}

/* Blog Card Image Size CSS */
.blog-card-wrap figure.img-holder{height: 180px;}

@media only screen and (max-width: 767px) {.blog-card-wrap figure.img-holder{height: auto;}}


/* User Stories CSS */
.user-stories-wrap .img-holder {width: 100%;}

/* Members List Homepage Widget */
.member-list-tab-wrap ul.filters-button-group>li:hover, .member-list-tab-wrap ul.filters-button-group>li.is-checked {
    background-color: #FEE8F3;
    display: none;
    color: var(--color-primary);
}
.member-list-tab-wrap ul.filters-button-group>li {
    color: #616881;
   	background-color: #F8F9FF;
    display: none;
}
.member-detail-wrap .user-detail-content p {color: #434670;}
.main-member-list-wrap .member-detail-wrap {min-height: 360px;}

.member-detail-wrap .user-details {
    display: flex;
    flex-direction: column-reverse;
    padding: 16px;
}

/* Profile Page Meet Me CSS */
.meet-to-info .wpee-meetme-action-wrap a[data-action='yes']{color: #fff;
    background-color: #A2D85D;}
.meet-to-info .wpee-meetme-action-wrap a[data-action='no']{color: #fff;
    background-color: #FE726F;}

/* Profile Page Online Members CSS */
.online-members-section>li {
    width: calc(60px - 4px);
    border-radius: 8%;
}

/*Profile Page Feed List Image CSS*/
.wpee-feed-list .feed-content span.image-bg {border-radius: 4px;}

/* Profile Page Sub-header section */
ul.profile-section-tab{background-color: #FCFCFF;}
.panel-default>.panel-heading {background-color: #F8F9FF !important;}

/* Account Status CSS */
.wpee-profile-header .profile-user-details .user-info-wrapper .account-status {border: 1px solid #5C63B7;}

/* Edit Cover Photo CSS */
.wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo {
border: 1px solid var(--color-primary);}

/* Profile page error message CSS */
.wpee-error-message {background: #F8F9FF;}

/* Pagination CSS */
.wpse_pagination .disabled {background: #5C63B7;}
.row-paging .wpse_pagination .disabled {color: #ffffff;}
.wpse_pagination .current {background: #E4519E;}

/*Chat Addon CSS*/
/* Popup Chat */
#chat-main-container #chat-form-open-button {background-color: var(--color-primary);}
#chat-main-container .chat-form-close-container {background-color: var(--color-primary);}

#chat-main-container .tab button.tablinks {background-color: #FCFCFF;}
#chat-main-container .tab button.tablinks:hover {background-color: #FEE8F3;}

/* FullScreen Chat */
.profile-content-inner.instant-chat .dc_instant_chat_wrap #frame .sidepanel.dsp-user-list-container .profile.dsp-current-user-details {background: #FEE8F3;}

.instant-chat .dc_content_header_wrap h2 {color: var(--color-primary);}

/* Profile dropdown menu CSS */
.wpee-notification-links ul.wpee-sub-menu{width: 256px;}

/* Subscribe to Newsletter Button CSS */
.newsletter-wrap form input[type="submit"] {height: 45px;}

/* Homepage Quick Search Section CSS */
.e-con.e-flex>.e-con-inner {z-index: 2;}

/* Cover photo button mobile responsive button CSS */
@media only screen and (max-width: 991px) {
    .wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo, .profile-header-right .wpee-friend-request a {background-color: #fff;}
}

/* Upgrade Account Cards CSS */
.wpee-plan-item-wrapper .wpee-plan-item {
    background-color: #FEF7FA;
    border-radius: 16px;
}
.settings-list-wrapper .wpee-premium-area .dspdp-row {background-color: #FEF7FA;}

/* Profile tabs for Upgrade Account Section CSS */
ul.profile-section-tab{padding: 0px 0px;}

/* PayPal CSS */
.popup-main-wrapper .popup-title {background-color: #FCFCFF;}
input[type="submit"]{background: var(--color-primary);}

.wpee-plan-item-wrapper .wpee-plan-item input[value="Upgrade / PayPal"] {color: var(--footer-text);}
.wpee-plan-item-wrapper .wpee-plan-item input[value="Upgrade / PayPal"]:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Feedback Corrections */
/* Profile Cover Section CSS correction for tablet devices */
@media only screen and (max-width: 991px) {
.wpee-profile-header .profile-user-details {background-color: #ffffff00;}
}

/* Registration form CSS */
.dsp_reg_main {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 16px;
    padding: 0 16px;
}
.dsp_reg_main .form-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    flex: 0 0 calc(100% / 2 - (16px * 1 / 2));
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.dsp_reg_main .form-group:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
} 
.dsp_reg_main .form-group.register-username-group {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.dsp_reg_main .form-group.register-gender-group {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.dsp_reg_main .form-group.register-terms-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 16px 0 32px;
}
.dsp_reg_main .form-group.register-terms-group input[type=checkbox] {margin: 0 16px 0 0;}
.dsp_reg_main .form-inline {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: s2;
}
.dsp_reg_main .g-recaptcha {padding: 0;}
@media screen and (max-width: 451px) {
    .dsp_reg_main {padding: 0 8px;}
    .dsp_reg_main label {font-size: 14px;}
}
.wpee-register-form-wrap #wpee-registration-form .form-inline.dob-wrap {gap: 8px;}
.wpee-register-form-wrap #wpee-registration-form .form-inline.dob-wrap select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
    flex: 0 0 calc(100% / 3 - 8px * 2 / 3);
}

/* Members card detail text CSS */
.user-detail-content p{
    font-size: 14px;
    font-weight: 300;
	height: 68px;
}
.member-detail-wrap .member-user-name {
    font-size: 22px;
    font-family: 'Lato' !important;
}

/* Header menu items color CSS */
.main-navigation li a{
    color:#ffffff;
}

/* Profile page news feed post button CSS */
@media (max-width: 767px) {
    .profle-status form.wpee-status-form input[type="submit"] {width: 94%;}
}
/* Profile page account status responsive CSS */
@media (max-width: 991px) {
.wpee-profile-header .profile-user-details .user-info-wrapper .account-status {width: auto;}
}
/* Homepage Blog widget CSS */
h4.post-title {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Lato' !important;
}

/*Testimonials widget text CSS*/
.desc-wrap p{font-weight: 300 !important;}
.desc-wrap p span{font-weight: 300 !important;}

/* User Story Widget text CSS */
.story-content-wrap p{font-weight: 400;}

/* App store widget homepage section CSS */
@media (max-width: 390px) {
    .elementor-74 .elementor-element.elementor-element-205b735.e-con {
        width: 400px;
        margin-left: -80px;
    }
}

/* Heading 1 tablet CSS of Testimonials, User Story and Blogs */
@media (max-width: 991px) {
    body.page h1 {margin-top: 32px;}
}
@media (max-width: 1024px) {
    body.page h1 {margin-top: 32px;}
}
/* Heading 1 mobile CSS of Testimonials, User Story and Blogs */
@media (max-width: 450px) {
    body.page h1 {
        font-size: 28px;
        margin-top: -8px;
    }
}
/* Online Green Dot CSS on Profile Picture */
.wpee-online {
    right: 16px;
    top: 16px;
}

/* User View Details buttons CSS*/
.profile-header-right .wpee-friend-request a{
    background-color: var(--color-primary);;
    color: #ffffff;
}
.profile-header-right .wpee-block-user a{
    background-color: transparent;
    color: #5C63B7;
    border: 1px solid #5C63B7;
}
/* Registration form password criteria text CSS */
div.password-criteria p {font-size: 0.8rem;}

/* Logo Responsive CSS */
@media (max-width: 2560px) {
    .logo-wrap, a.navbar-brand {max-width: 50%;}
}
@media (max-width: 1920px) {
    .logo-wrap, a.navbar-brand {max-width: 50%;}
}
@media (max-width: 1440px) {
    .logo-wrap, a.navbar-brand {max-width: 60%;}
}
/* Close button hamburger CSS */
@media (max-width: 991px) {
    .site-header .ham-icon.is-triggred::before {
        margin-top: -2px;
        margin-left: 1px;
    }
}

/* Profile page user details CSS */
@media (min-width: 1024px) {
.wpee-profile-header .profile-user-details{
	align-items: flex-start;
	}
}

/* Main Menu CSS */
.site-header .right-content .main-navigation {width: max-content;}
@media (max-width: 991px) {
    .site-header .right-content .main-navigation {
        background: #000000;
    }
}

/* User Story Content padding fix */
.user-stories-wrap .story-content-wrap {padding: 11px;}
@media (max-width: 390px) {.user-stories-wrap .user-story-wrap {width: 325px;}}
/* Profile page line remove CSS */
.wpee-profile-header .wpee-profile-header::after {height: 0px;}

/* Profile page container CSS */
@media only screen and (max-width: 3840px) {.wpee-container {max-width: 1920px;}}
@media only screen and (max-width: 2560px) {.wpee-container {max-width: 1600px;}}
@media only screen and (max-width: 1920px) {.wpee-container {max-width: 1366px;}}
@media only screen and (max-width: 1600px) {.wpee-container {max-width: 1280px;}}
@media only screen and (max-width: 1440px) {.wpee-container {max-width: 1121px;}}
@media only screen and (max-width: 1366px) {.wpee-container {max-width: 1121px;}}
@media only screen and (max-width: 1280px) {.wpee-container {max-width: 991px;}}

/* Profile page submenu CSS */
@media only screen and (max-width: 3840px) {.profile-header-menu {margin-left: 280px;}}
@media only screen and (max-width: 2560px) {.profile-header-menu {margin-left: 292px;}}
@media only screen and (max-width: 1920px) {.profile-header-menu {margin-left: 314px;}}
@media only screen and (max-width: 1600px) {.profile-header-menu {margin-left: 314px;}}
@media only screen and (max-width: 1366px) {
	.profile-header-menu {
		margin-left: 279px;
        margin-right: 64px;
	}
	.profile-notification-blocks {margin-left: 36px;}
	.profile-menu-wrapper .profile-menu-tab {margin-left: 40px;}
}

@media only screen and (max-width: 1280px) {
	.profile-header-menu .profile-menu-wrapper {flex-direction: column;}
	.profile-header-menu {margin-top: -84px;}
	.profile-notification-blocks {margin-left: 64px;}
}
@media only screen and (max-width: 1121px) {.profile-header-menu {margin-top: -108px;}}
@media only screen and (max-width: 1024px) {.wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo{padding: 8px 8px;}}
@media only screen and (max-width: 991px) {
	.profile-header-menu .profile-menu-wrapper {flex-direction: row;}
	.wpee-profile-header .profile-header-menu {
		margin-left: -88px;
		padding-top: 0px;
	}
}
@media only screen and (max-width: 450px) {
    .wpee-profile-header .profile-header-menu {margin-left: 0px;}
}
@media only screen and (max-width: 397px) {
	.profile-header-menu .ham-icon {margin-right: 0px;}
}

/* Meet Me mobile view full size CSS */
@media only screen and (max-width: 767px) {.wpee-meet-me-box .meet-to-info .dsp-meetme-image, .wpee-meet-me-box .meet-to-info .user-meetto-info{width: 100%;}}

/* Settings tab CSS */
ul.profile-section-tab li a {
    font-size: 16px;
    padding: 0px 0px;
    white-space: nowrap;
}

ul.profile-section-tab {
    padding-bottom: 16px;
    overflow: auto;
}

/* Profile page tabs mobile view CSS */
@media only screen and (max-width: 575px) {
    ul.profile-section-tab {flex-direction: row;}
	ul.profile-section-tab>li {
        margin-right: 30px !important;
    }
}

/* Other User Profile Notification Links Mobile View CSS */
@media only screen and (max-width: 450px) {ul.wpee-notification-links{margin-left: -48px;}}
@media only screen and (max-width: 412px) {ul.wpee-notification-links{margin-left: -64px;}}
@media only screen and (max-width: 390px) {ul.wpee-notification-links{margin-left: -16px;}}

/* MacOS Menu Item and logo design fix */
.site-header .left-content {flex: 1;}
.logo-wrap, a.navbar-brand {max-width: 205px;}
a.navbar-brand.high-res {max-width: 205px;}


/* Homepage Quick Search  */
.wpee-small-quick-search-wrap form .form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wpee-small-quick-search-wrap form .form-inline .form-group {
  flex: 0 0 100%;
  margin-bottom: 30px;
  position: relative;
}
.wpee-small-quick-search-wrap form .form-inline .form-group .form-control {
  height: 45px;
  font-size: 16px;
  padding: 0px 10px;
  border-radius: 8px;
}
.wpee-small-quick-search-wrap form .form-inline .form-group select.form-control {
  border-color: #cccccccc;
  background: #FFF url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23AF87E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 16px top 50% scroll;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpee-small-quick-search-wrap form .form-inline .form-group .label-overlap {
  position: absolute;
  width: auto;
  background-color: #FFF;
  padding: 4px;
  margin: 0;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  top: -10px;
  left: 14px;
  display: block !important;
}
.wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap i {
  display: none;
}
.wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap input[type="submit"] {
  opacity: 1;
  font-size: 16px;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
  color: #FFF;
  font-family: Lato;
  font-weight: 700;
  position: static;
  background-image: linear-gradient(98deg, #9F2FFE 0%, #EE2A96 100%);
}
.wpee-small-quick-search-wrap form .form-inline .submit-wrap {
  height: auto;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100% !important;
  margin-bottom: 0;
}
.wpee-small-quick-search-wrap form .form-inline .form-group {
    width: calc(50% - 8px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    margin-bottom: 24px;
}
@media screen and (max-width: 1399px) {
  .wpee-small-quick-search-wrap form .form-inline .form-group .form-control {
    font-size: 16px;
    padding: 0px 10px;
    height: 45px;
  }
  .wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap input[type="submit"] {
    font-size: 16px;
    padding: 0px 10px;
    height: 45px;
  }
}
@media screen and (max-width: 481px) {
  .wpee-small-quick-search-wrap form .form-inline .form-group .form-control {
    margin-bottom: 9px;
  }
}

/* Header Menu Transparent CSS  */
header.site-header {
    background-color: transparent;
    border-color: transparent;
}
header.site-header.header-shadow {
    background-color: #EE2A96;
    border-color: #EE2A96;
}
header.site-header + div, header.site-header + section {
    margin-top: -94px;
}
header.site-header + section.inner-page-wrap {
    padding-top: 185px;
    height: auto;
}

.logo-wrap, a.navbar-brand {
    max-width: 205px;
    margin-left: 8%;
}
.logo-wrap a.navbar-brand.high-res {max-width: 128px;}

/* Header Menu CSS  */
.menu.nav-menu li a,.menu.nav-menu>.current-menu-item>a{color: #ffffff;}
.menu.nav-menu li a:hover,.menu.nav-menu>.current-menu-item>a:hover{color: #000;}
ul.wpee-notification-links li a:hover{color: #9F2FFE;}

.wpee-notification-links li a{color:#ffffff;}
.wpee-notification-links ul.wpee-sub-menu{background: #000000;}
.right-content{margin-right: 0%;}

.btn-wrap.primary.outline a{
    border-color: #ffffff;
    color:#ffffff;
}

/* Hero Section Design Changes  */
.hero-section{margin-right: 12%;}

/* Members page Section Design Changes  */
.img-inblock{margin-right: 12%;}

/* Blogs, Testimonials, User Stories Header Image  */
.inner-page-wrap{background-image: url(./inner-page-header@2x.png) !important;}

/* Blogs, Testimonials, User Stories Header Heading Texts  */
.wpee-container h1.text-center{
    color: #ffffff;
    padding-bottom: 24px;
    padding-top: 0px;
    margin-top: -64px;
}

/* Online Green Dot  */
.dspdp-online-status {left: calc(100% + 1px);}

/* User Story Page CSS  */
.user-stories-wrap .user-story-wrap {height: 520px;}
figure.img-holder.overlay.bg-img.overlay::before{background-color: rgb(0 0 0 / 50%);}

/* 404 page CSS  */
.not-found, #not-found{
    margin-top: -6.5%;
    transform: scale(0.9);
}

/* Submit button CSS  */
.button.wpee-btn, input[type=submit].dspdp-btn-default.dspdp-btn, #chat-main-container #chat-form-open-button{background: linear-gradient(98deg, #9F2FFE 0%, #EE2A96 100%);}

/* Profile Header Menu Icons CSS  */
.profile-header-menu .profile-notification-blocks {
    background: #000;
    padding: 0px 10px 0px 10px;
    border-radius: 4px;
}

/* Footer Logo CSS  */
footer .footer-logo {margin-left: -24px;}

/* Hero Section Video CSS  */
.elementor .elementor-background-video-container{border-radius: 0px 0px 0px 0px;}

/* Horizontal member list (3 visible) */
.main-member-list-wrap.members-horizontal {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  height: auto !important;         /* ignore inline fixed height */
  scroll-snap-type: x mandatory;
}

/* Each card: 1/3 width, cancel inline absolute positioning */
.main-member-list-wrap.members-horizontal .member-detail-wrap {
  position: static !important;     /* override inline 'position:absolute' */
  left: auto !important;
  top: auto !important;
  width: calc((100% - 2 * 24px) / 3) !important;  /* 3 cards per view */
  flex: 0 0 calc((100% - 2 * 24px) / 3) !important;
  scroll-snap-align: start;
}

/* optional: hide scrollbar (WebKit) */
.main-member-list-wrap.members-horizontal::-webkit-scrollbar { display: none; }

/* Horizontal row: 3 cards visible, no manual scroll bar */
.main-member-list-wrap.members-horizontal {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0px !important;
  overflow: hidden !important;     /* no scrollbars; JS moves it */
  height: auto !important;
}

.main-member-list-wrap.members-horizontal .member-detail-wrap {
  position: static !important;     /* cancel plugin masonry */
  left: auto !important;
  top: auto !important;
  width: calc((100% - 2 * 24px) / 3) !important;   /* 3 per view */
  flex: 0 0 calc((96% - 2 * 24px) / 3) !important;
}
.main-member-list-wrap{margin: 0 0px -30px;}
/* Feedback Changes */
/* Members Searchbox CSS */
.filter-bar-wrap .search-block-wrap input {width: 64em;}
@media screen and (max-width: 991px) {.filter-bar-wrap .search-block-wrap input {width: 42em;}}
@media screen and (max-width: 481px) {.filter-bar-wrap .search-block-wrap input {width: 18em;}}

/* Register Login Form CSS  */
.wpee-register-form form input[type="submit"]{
    background-color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}
.wpee-register-form form input[type="submit"]:hover{border-color: var(--color-primary);}

/* Gift page CSS  */
.wpee-gifts-no-content{color:#ff0000;}

/* Profile Page CSS  */
ul.wpee-notification-links.different-user li a{border-color: #000000;}
ul.wpee-notification-links.different-user li a:hover{background-color: #000000;}

ul.wpee-notification-links.different-user li a{color: #ffffff;}
ul.wpee-notification-links.different-user li a:hover{color: var(--e-global-color-secondary);}

/* Media Upload Button CSS  */
a.wpee-create-button {background-color: var(--e-global-color-secondary);}
a:visited {color: #ffffff;}
a.wpee-create-button:hover {
    color: #fff;
    background-color: var(--e-global-color-secondary);
}

/* Members page no result message CSS  */
.main-member-list-wrap .records-not-found {
    color: #ffffff;
    border: 1px solid #ffffff;
}


/* Others profile submenu iPad Pro CSS  */
@media (min-width: 1024px) and (max-width: 1280px) {

    .profile-menu-wrapper .profile-menu-tab {
        margin-left: 64px;
    }
	
	.profile-header-menu {margin-left: 210px;}
	.wpee-profile-header .profile-user-details {
        width: 120%;
        margin-left: -10% !important;
    }
	
    /* Profile page icons CSS  */
    .profile-header-menu .profile-notification-blocks {
        background: none;
        margin-left: 54px;
    }
	
    .wpee-notification-links.different-user {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 2px 12px;
        background: #000;
        border-radius: 4px;
        width: auto;
        max-width: fit-content;
    }

    /* Profile Buttons CSS  */
    .profile-header-right .wpee-friend-request a {
        padding: 12px 8px;
        font-size: 13px;
    }

    .profile-header-right .wpee-block-user {
        margin-left: 8px;
    }
	.profile-header-right .wpee-block-user a{padding: 11px 12px;}
}

@media only screen and (max-width: 1024px){.wpee-profile-content{padding-top: 5%;}}

/* Profile page submenu icons mobile CSS  */
@media only screen and (max-width: 450px) {.profile-header-menu .profile-notification-blocks {padding: 0px 10px 0px 55px;}}

/* Hamburger menu CSS  */
@media (max-width: 991px) {.ham-icon span, .ham-icon::before, .ham-icon::after {background-color: #42A5F5;}}

@media (max-width: 414px) {
    .profile-header-menu .profile-notification-blocks {padding: 0px 10px 0px 70px;}
    .ham-icon {margin-right: -24px;}
}

@media (max-width: 397px) {.profile-header-menu .profile-notification-blocks{padding: 0px 8px 0px 32px;}}

@media (max-width: 360px) {.profile-header-menu .profile-notification-blocks {padding: 0px 4px 0px 24px;}}

/* Others Profile Mobile SubMenu CSS */
@media only screen and (max-width: 450px) {
    .wpee-profile-header .profile-header-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

/* Login/Register CSS */
.wpee-lr-tab .wpee-lr-tab-title:hover, .wpee-lr-tab .wpee-lr-tab-title.active {    background-color: var(--color-primary);
    color: #fff;
}

.wpee-register-form form input[type="submit"] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

input[type=submit].dspdp-btn-default.dspdp-btn{background: var(--color-primary);}

.menu.nav-menu li a:hover{color: var(--color-primary);}

.menu.nav-menu li a:hover, .menu.nav-menu>.current-menu-item>a:hover {color: var(--color-primary);}

ul.wpee-notification-links li a:hover {color: var(--color-primary);}

header.site-header.header-shadow{background-color: #14141A;}

/* Search widget button CSS */
.wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap input[type="submit"]{
   background: linear-gradient(135deg, #e08d52, #d7425b);
  box-shadow: 0 4px 25px -4px hsl(25 70% 60% / .3);
  color: #ffffff;
  border: none;
  border-radius: 60px;
  transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.2s ease;
  cursor: pointer;
}

.wpee-small-quick-search-wrap form .form-inline .form-group.submit-wrap input[type="submit"]:hover {box-shadow: 0 0 40px -10px hsl(350 65% 55% / .4);}

.wpee-small-quick-search-wrap form .form-inline .form-group select.form-control{background: #F7F6F2 url(data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23AF87E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A) no-repeat right 16px top 50% scroll;}

/* Chat Popup CSS */
.button.wpee-btn, input[type=submit].dspdp-btn-default.dspdp-btn, #chat-main-container #chat-form-open-button {
    background: linear-gradient(135deg, #A67C00, #FFD700);
}

/* Memberlist Tab CSS */
.main-member-list-wrap .member-detail-wrap{background-color: #F7F6F2;}

/* Testimonial Slide Button CSS */
.slick-dots li button {background: #eba734 !important;}

.testimonials-wrap{background-color: #F7F6F2;}

/* Blog CSS */
.blog-content-wrap {background-color: #19191F;}

.wpee-blog-post h4.post-title > a{color: #fff;}

.blog-content-wrap ul.cat-wrap li a{color: #ffffff;}

.blog-content-wrap h4.post-title a{color: var(--color-primary);}

.single-banner-wrap .img-holder {background-position: center;}

/* User Story CSS */
.user-stories-wrap .user-story-wrap{
	background-color: #19191F;
	height: 550px;
}

.wpee-user-stories h4.post-title > a, h4.post-title a {color: var(--color-primary);}

.wpee-user-stories p.story-excerpt{color: #ffffff;}

/* BG Glow */
.bg-glow{background:radial-gradient(ellipse at center, hsl(350 65% 55% / .15) 0%, transparent 70%);}

/* User Story CSS */
.inner-page-wrap, .blog-list-wrapper, .testimonials-listing-wrap{
  background-image: url(https://lavishdate.wpdating.com/wp-content/themes/wpdating-premium/images/inner-banner-bg.png) !important;
	margin-bottom: 0px;
	padding-bottom: 80px;
}

.inner-page-wrap.d-flex.align-center {background-color: #341C40;}

.user-stories-wrap.listing-wrap, .blog-list-wrapper, .testimonials-listing-wrap {background-color: #341C40;}

.story-content-wrap p {color: #ffffff;}

.meta-wrap li a {color: #9F2FFE;}

@media only screen and (max-width: 1280px) {
    .wpee-container {
        max-width: 991px;
        padding: 0% 8%;
    }
}

/* Profile Page CSS */
.button.wpee-btn, input[type=submit].dspdp-btn-default.dspdp-btn, #chat-main-container #chat-form-open-button {background: var(--color-primary);}

a.wpee-create-button, a.wpee-create-button:hover{background-color: var(--color-primary);}

ul.profile-section-tab li a::before{background-color: var(--color-primary);}

ul.profile-section-tab li.active a, ul.profile-section-tab li a:hover{color: var(--color-primary);}

input[type=submit].dspdp-btn-default.dspdp-btn:hover{background-color:transparent;}

.wpee-search-tab .heading-submenu{color:var(--color-primary);}

.zip-search, .dspdp-form-group.dsp-form-group{color: var(--footer-text);}

body, body.page-template{color: var(--color-body);}

span.dsp_span_pointer{color: var(--color-body);}

a#wpee_edit_location{color: var(--footer-anchor);}

.profle-status form.wpee-status-form input[type="submit"]:hover{border-color: var(--color-primary);}

.profile-activity-right-sidebar .meet-to-info h2 {color: var(--color-primary);}

.wpee-profile-content .wpee-block, .profile-section-content, .meet-to-info .user-meetto-info {background-color: #F7F6F2;}

.profile-cover-photo {border-radius: 0px;}

.profile-header-menu .profile-notification-blocks, .wpee-notification-links ul.wpee-sub-menu{background: var(--color-body);}

span.profile-cover-image.overlay::before {
    background-color: var(--color-body);
    opacity: 0.25;
}

.wpee-profile-header h4.username.text-white {color: var(--color-primary);}

#news-feed .wpee-feed-loader {color: var(--color-primary);}

.wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo {color: var(--color-primary);}

.wpee-profile-header .profile-user-details .change-cover-photo .trigger-cover-photo:hover {background-color: var(--color-primary);}

.feeds-content.no-feeds h4 {color: var(--color-primary);}

ul.profile-section-tab {padding: 8px 12px;}

.wpee-profile-header .profile-user-details{margin-left: -2%;}

.profile-menu-wrapper .profile-menu-tab>li>a{
	color: var(--footer-anchor);
	font-weight: 400;
}

.profile-menu-wrapper .profile-menu-tab>li.active>a{
	color: var(--color-primary);
	font-weight: 900;
}

@media only screen and (max-width: 450px) {.profile-header-menu .profile-notification-blocks {margin-top: 8px;}}

@media only screen and (max-width: 767px) {
    .wpee-profile-header .profile-header-menu {
        padding: 12px 20px;
        margin-bottom: 8px;
		width: 100%;
    }
}

@media (max-width: 991px) {
	.ham-icon {
		margin-top: 8px;
		margin-right: 128px;
	}
}

/* Pagination CSS */
.wpse_pagination .disabled {background: var(--footer-bg);}

.wpse_pagination .current {background: var(--footer-bg);}

/* Profile Activity Text CSS */
.profile-activity-feeds #news-feed .feeds-content, .profile-activity-inner .feeds-content{
  background-color: var(--footer-text);
  padding: 4%;
  border-radius: 8px;
}

.popup-main-wrapper .popup-form button.save-button {background-color: var(--color-primary);}

/* Meet Me Buttons CSS */
.meet-to-info .wpee-meetme-action-wrap a {
    width: 88px;
    border-radius: 12px;
}

.meet-to-info .wpee-meetme-action-wrap a[data-action='yes'], .meet-to-info .wpee-meetme-action-wrap a[data-action='no'] {font-size: 18px;}

.meet-to-info .wpee-meetme-action-wrap a i{margin-right: 8px;}

/* Responsive Feedback CSS */
@media (max-width: 991px) {.site-header .left-content {align-items: flex-start;}}
@media (max-width: 450px) {.ham-icon {margin-right: 32px;}}
@media (max-width: 414px) {.ham-icon {margin-right: 16px;}}

/* Feedback Responsive CSS for profile pages */
/* Profile Submenu Responsive CSS */
.wpee-profile-header .profile-header-menu {background-color: transparent;}

@media only screen and (max-width: 991px) {.wpee-profile-header .profile-header-menu {margin-left: -64px;}}

@media only screen and (max-width: 397px) {
	.profile-header-menu .ham-icon {margin-right: 0px;}
	
	.profile-notification-blocks {margin-left: 12px;}
}

@media only screen and (max-width: 450px) {
	.profile-notification-blocks {margin-left: 12px;}

	.wpee-profile-header .profile-header-menu {margin-left: 0px;}
}

/* Member Card Detail Height CSS */
.user-detail-content p{height: 68px;}

/* Online Green Dot in Member Card */
.dspdp-online-status {left: auto;}

.meet-to-info.no-user-profiles b{color:var(--color-primary);}