/*
Theme Name: LoveMatch
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: 2024-10-28 04:04:08

*/

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

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

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

/* Hero section bg resize */
.hero-section{
	margin-left: 80px;
	margin-right: 80px;
	border-radius: 30px;	
}
@media screen and (max-width: 991px) {
	.hero-section{
	margin-left: 40px;
	margin-right: 40px;
	border-radius: 30px;	
	}
}
@media screen and (max-width: 450px) {
	.hero-section{
	margin-left: 12px;
	margin-right: 12px;
	border-radius: 30px;	
	}
}

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

/* 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: #E4519E !important;
}
.slick-dots li button::before {
    background-color: #E4519E;
}

/* Blog Content Wrap */
.blog-content-wrap {
    width: 100%;
    margin-top: 0px;
		background-color: #F8F9FF;
		border-radius: 0px 0px 30px 30px;
}
.date-wrap i {display: none;}
.date-wrap{color: #6b73ce;}

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

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

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

.wpee-user-stories-wrap .user-stories-wrap .thumb {
    height: 250px;
    width: 250px;
}
.wpee-user-stories-wrap .content-wrap-inner.left-wrap .user-story-wrap figure {
    border-radius: 30px;
}

/* 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);
}

/* Cover Photo Radius */
.profile-cover-photo{
	border-radius: 30px;
}
/*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: 257px;}

@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;
    color: var(--color-primary);
}
.member-list-tab-wrap ul.filters-button-group>li {
    color: #616881;
   	background-color: #F8F9FF;
}
.member-detail-wrap .user-detail-content p {color: #434670;}
.main-member-list-wrap .member-detail-wrap {min-height: 360px;}


/* 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;}

/* 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);}

/* 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: -webkit-box;
    display: -ms-flexbox;
    -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;
}
.member-detail-wrap .member-user-name {
    font-size: 16px;
    font-family: 'Lexend' !important;
}

/* Header menu items color CSS */
.main-navigation li a{
    color:var(--e-global-color-secondary);
}

/* 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: 'Lexend' !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: 300;}

/* 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: -6px;}

/* 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;}

/* User Story Content padding fix */
.user-stories-wrap .story-content-wrap {padding-bottom: 12px;}

/* 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: 292px;}}
@media only screen and (max-width: 1600px) {.profile-header-menu {margin-left: 296px;}}
@media only screen and (max-width: 1366px) {
	.profile-header-menu {margin-left: 277px;}
	.profile-notification-blocks {margin-left: 36px;}
	.profile-menu-wrapper .profile-menu-tab {margin-left: 64px;}
}

@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: -12px;}
}
@media only screen and (max-width: 397px) {
	.profile-header-menu .ham-icon {margin-right: -50px;}
}

/* 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;
    }
}

/* 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%;}}

/* 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;}