/* 
*
=======================================================================+
------------------------------------------------------------------------
   FILE NAME : custom css header
------------------------------------------------------------------------
========================================================================
*
*/ 

/* Add your CSS code here.*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');

/* font-family: 'Questrial', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

/* font-family: 'Manrope', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/* font-family: 'DM Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

/* font-family: 'Satisfy', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

/* ######################### Message section of admin dashboard ########################### */

/* BOOST PROFILE BUTTON DESIGN */

.custom_boost_btn {
    background-image: url(https://freemore.app/wp-content/uploads/2023/07/menuhover.png)!important;
    background-position: center!important;
    background-size: cover!important;
    border-radius: 50px!important;
    color: #000!important;
    padding: 0px 25px!important;
    border: none!important;
   font-size: 15px!important;
    font-weight: 400!important;
    color: #000000!important;
    font-family: 'Josefin Sans', sans-serif!important;
   margin-left:5px;
}

.btn-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.frnt-mem-title {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    color: #EE0988;
}

.frnt-mem-top, .frnt-mem-background{
   background: #000;
    padding: 40px 35px;
    border-radius: 20px;
}

.frnt-mem-title-desc {
    color: #ffffffa3!important;
}

.mem-sub-heading{
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}

.frnt-mem-button{
    background-image: url(https://freemore.app/wp-content/uploads/2023/07/menuhover.png)!important;
    background-position: center!important;
    background-size: cover!important;
    border-radius: 50px!important;
    color: #000!important;
    padding: 0px 25px!important;
    border: none!important;
   font-size: 15px!important;
    font-weight: 400!important;
    color: #000000!important;
    font-family: 'Josefin Sans', sans-serif!important;
   margin-left:5px;
}

.perferred_age_input{
   color: #ffffff!important;
    font-size: 14px!important;
    font-family: 'Josefin Sans', sans-serif!important;
    background: #000000;
    border: 1px solid #ffffff;
    height: 36px;
    border-radius: 50px;
    width: 90%;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* ########################## START CODE FOR WP EVENT MANAGER ############################ */
.single_event_listing {
    padding: 60px;
}


/* /////////////////////////////////// 11 September 2023  ////////////////////  */ 
.eicon-share-arrow {
    display: none;
}

.card.card-filter.filter-tax_event_listing_type.cust-card-filter {
    display: none!important;
}

.card.card-filter.filter-tax_event_listing_category.cust-card-filter {
    display: none!important;
}

/*  /////////////////////////  12 september 2023 ////////////////////////  */
.membership-alert-message {
    color: #fff;
    padding: 60px 0px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.inner_container1_head.manage-sec-margin {
    margin-top: 33px;
}

#cometchat_windowtitlebar {
    text-align: center;
    color: #ffffff;
    padding: 14px;
    background: #f74871!important;
}

/* 13 SEPTEMBER 2023 search Filter */ 

.cust-filter-profile-box {
    padding: 5px!important;
}

#ajax-search-output {
    min-height: 500px!important;
}

.downgrade-button{
background-image: url(https://freemore.app/wp-content/uploads/2023/07/menuhover.png)!important;
    background-position: center!important;
    background-size: cover!important;
    border-radius: 50px!important;
    color: #000!important;
    height: 37px!important;
    font-family: 'Josefin Sans', sans-serif!important;
   font-size: 14px!important;
    padding: 0px 15px;
    margin-left: 10px;
}

.account-block-body-downgrade{
   font-family: 'Josefin Sans', sans-serif;
    background: #000;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 25px 36px 25px!important;
}

.account-block-body-downgrade label {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    padding-left: 20px;
}

.postal-code-inp{
    width: 81px!important;
}

.phone-code-inp{
    width: 120px!important;
}

.cstm-p-favorites-col{
    padding: 0px 6px!important;
}



.age_error{
    border: 1px solid red;
  }

.age_error_msg {
    color: red;
    font-size: 16px;
   font-family: 'Josefin Sans', sans-serif;
}


/*  START CODE FOR HOME PAGE MEMBERSHIP SECTION  */
.home-mem-col-1{
   background-image:linear-gradient(rgba(0,0,0, .5),rgba(0,0,0,.5)),url('http://freemore.app/wp-content/uploads/2023/12/offer_02-scaled-1.jpg');
   background-size:cover;
   background-position:center;
   background-repeat:no-repeat;
    padding: 100px 40px!important;
}

.home-mem-col-2{
   background-image:url('http://freemore.app/wp-content/uploads/2023/12/text-line.png');
   background-size:cover;
   background-position:center;
   background-repeat:no-repeat;
    padding: 100px 40px!important;
   display:flex;
   justify-content:Center;
   align-items:Center;
/*    position:relative; */
}


.home-mem-col-3{
   background-image:linear-gradient(rgba(0,0,0, .5),rgba(0,0,0,.5)), url('http://freemore.app/wp-content/uploads/2023/12/offer_02-scaled-1.jpg');
   background-size:cover;
   background-position:center;
   background-repeat:no-repeat;
    padding: 100px 40px!important;
}

.home-mem-block-title{
   color: #FFFFFF;
    font-family: "Lilita One", Sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase;
   margin-bottom: 20px;
}

.home-mem-block-desc{
   color:#ffffffc9;
   font-family: "Open Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
   
}

.home-mem-block-desc-small{
   color: #FFFFFF;
   font-family: "Open Sans", Sans-serif;
}

.home-mem-image {
   background-image: url('http://freemore.app/wp-content/uploads/2023/12/jump-683x1024-1.png')!important;
   height: 450px;
   width: 75%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   animation: myfirsttwo 5s infinite alternate !important;
   position: absolute;
   top:30px;
}

@keyframes myfirsttwo {
   0% {
      top: 30px; /* Full opacity at the start */
   }
   50% {
      top: 70px; /* Halfway through the animation, set opacity to 0 (invisible) */
   }
   100% {
      top:30px; /* Full opacity at the end */
   }
}



.home-mem-package-btn{
   font-family: "Lilita One", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    background-color: #ED68A3;
    border-radius: 50px 50px 50px 50px;
    padding: 20px 35px 20px 35px;
   color:#fff;
}

.home-mem-package-btn:hover{
   color:#fff;
   background:#000;
}

/*  START CSS FOR SINGLE PROFILE USER GALLERY Date 15 September 2023  */

 .ekko-lightbox-item.fade.in.show {
    display: flex!important;
    justify-content: center!important;
    background: transparent;
    align-items: center;
    padding: 0px!important;
    margin: 0px!important;
}

.ekko-lightbox-item.fade.in.show img {
    height: 100%;
    width: 100%;
}

i.eicon-frame-expand {
    display: none!important;
}

i.eicon-zoom-in-bold {
    display: none!important;
}

/*#wrapper, #page{
   zoom: 80%;
}

.d-flex.preload-hide{
   zoom: 100%!important;
}
*/
/* Date 16 Septenber 2023   */
div#elementor-lightbox-slideshow-single-img {
    display: none!important;
}

.ekko-lightbox .modal-body {
    padding: 8px!important;
}

div#footer_logo img {
    height: 50px;
}

/* 19 SEPTEMBER 2023  */ 

.list-info-pop ul li {
/*     padding: 7px 13px 7px 0px!important; */
   padding: 7px 2px 7px 0px!important;
}
/* .list-info-pop ul{
   padding-left:2px!important;
} */
/* .list-info-pop::-webkit-scrollbar {
  width: 5px!important;
} */

/* himanshu css start */

.custom_friendcard span{
   
    left: 0!important;
    margin-top: 5px;
    margin-left: 5px;
}

.custom_user_last_login_info{

    position: absolute;
    top: 3px;
  /* right: 5%;    */
   right: 94px;
/*    color:white; */
   color:#343232;
   opacity:0.8!important;
   font-weight:600!important;
   font-family: 'Josefin Sans', sans-serif!important;
   font-size:10px!important;
   
}


.friends-container .btn-system{
        top: -3px!important;
}


.custom_add_user{
     background-image: url(https://freemore.app/wp-content/uploads/2023/07/menuhover.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: none !important;
    cursor: pointer;
    width: 70px !important;
    /* height: 21px; */
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    margin-right: 5px;
    padding: 1px 10px;
}

.custom_add_user span {
    font-size: 10px!important;ṣ
    border: none!important;
    font-family: 'Josefin Sans', sans-serif!important;
}


.display_name a{   
   color:white!important;
   font-size:9px;
   font-family: 'Josefin Sans', sans-serif!important;
   padding-left: 5px;
}

a.text-dark.text-decoration-none:hover {
    color: #ed0889!important;
}
 .custom_friendcard_main{
   height: 200px;
   
   
} 

   
.custom_main{
    height:161px !important;
   width:95% !important;
      
   
}


.custom_display_name_btn_main {
    position: absolute;
    bottom: 20%;  
    display: flex!important;
    align-items: start!important;
    justify-content: space-between!important;
    width: 175px;
   
}

.custom_friendcard {
   height:200px;  
}

 .ppt-avatar.ppt-avatar-xxl .visible  {
    width: 95% !important;
    height: 161px!important;
}


/*  search bar*/
select.form-control.custom_search_dropdown {
    border-radius: 50px;
    background-color: black;
   color:white;
   font-family: 'Josefin Sans', sans-serif!important;
   width: 140px;
}
 select.form-control.custom_search_dropdown option:hover{
   background-color:#ed0889!important;
} 


/* himanshu css end */




/* [ppt-box] ._content [ppt-list-item],
[ppt-box] ._content [ppt-list-box] {
   margin-top: 0px !important;
   border-radius: 8px;
   background: #F74871 !important;  */
}
.account-left.cust-message-account-left {
    background: black;
}
.custom_message_row_first {
    width: 280px !important;
    padding: 0px 12px !important;
}

a.hover-bg-light.cust-menu-link:hover {
    background: white !important;
}
a.hover-bg-light.cust-menu-link:hover svg {
  color: black !important; /* Change the fill color to red on hover */
}
a.hover-bg-light.cust-menu-link:hover text-600 mb-2{
    color: black !important; 
}
a.hover-bg-light {
    width: 208px;
  
    padding: 10px 0px 10px 16px !important;
}
._content.p-0 {
    background: black;
}
.account-left {
    background: black !important;
}
.row.tabs {
   margin-right: -2px !important;
   margin-left: -2px !important;
}

#page-content-wrapper{
   
}

.basic-profile-block-body label {
   color: #ffff !important;
   font-size: 15px;
   font-weight: 600;
   width: 100%;
   padding: 8px 10px;
   border-radius: 8px;
   background: #EE0988 !important;
}

.custom_user_min_max_age_section {
   margin-right: 2px;
}

select.custom-myProfi-aboutme-select {
   background: #403434 !important;
   border: none !important;
   border-radius: 0px !important;
   margin-right: 30% !important;
   height:36px !important;

}

.col-10.p-2.user-data {
   padding-left: 20px !important;
}

select.custom-myProfi-aboutme-height-select {
   background: #403434 !important;
   border: none !important;
   border-radius: 0px !important;
}

select#custom-myProfi-aboutme-height-select1 {
   margin-right: 5px;
}

.col-sm-12.col-lg-4.col-md-4.cust-col-pro.accordion-item.active label {
   color: black !important;
   background: white !important;
}

textarea.accordion-content {
   display: none;
}

.tab {
   display: none;
}

/* Style for the active tab */
.active-tab {
   display: block;
}

/* Style for the tab buttons */
.tab-button {
   cursor: pointer;
   border-radius: 8px;
   border: none;
   padding: 10px 20px;
   background-color: #F01385;
   color: #fff;
}

.active-tab-button {
   background-color: #ffff !important;
   color: #000 !important;
}

label.tab-button {
   color: #fff;
}

label.tab-button.active-tab-button {
   background: white !important;
   color: black !important;
}

.tab-button:hover {
   background-color: #ffff !important;
   color: #000 !important;
}
a.hover-bg-light.cust-menu-link{
    padding:  10px, 0px, 10px, 16px !important;
}
.w-100.left-side-menus {
    background: black !important;
    padding: 0px 12px 12px 12px !important;
}
.account-left.left-side-menus {
    background: black !important;
}

@media (max-width: 768px) {

   /* Your CSS styles for screens with a maximum width of 768px go here */
   .row.tabs {
      display: none !important;
   }

   .row.accordian {
      display: block !important;
   }
}


/*//////////////////////// 03 OCTOBER 2023 ////////////////////////////////*/
.tax_wrapper.search_radius.cust-filter-btn-distance div {
    font-size: 14px!important;
    background-image: url(https://freemore.app/wp-content/uploads/2023/07/menuhover.png)!important;
    border-radius: 50px!important;
    background-size: cover!important;
    background-position: center!important;
    border: none!important;
    font-family: 'Josefin Sans', sans-serif!important;
    color: #000!important;
    padding: 8px 0px 4px 0px!important;
    width: 100%;
}

.cust-filter-btn{
    font-size: 14px!important;
    background-image: url(https://freemore.app/wp-content/uploads/2023/07/menuhover.png)!important;
    border-radius: 50px!important;
    background-size: cover!important;
    background-position: center!important;
    border: none!important;
    font-family: 'Josefin Sans', sans-serif!important;
    color: #000!important;
    padding: 3px 0px 0px 0px!important;
    width: 100%;
    margin: 0px!important;
}

.cust-filter-input {
    background: #000!important;
    color: #ffffff!important;
    font-size: 13px!important;
    font-family: 'Josefin Sans', sans-serif!important;
    border: 1px solid #ffffff!important;
    border-radius: 50px!important;
}

.error_msg_distance span{
   color:red;
}



















/* //////////////////////////////// START MEDIA QUERY /////////////////////////////////// */
/* ########################## MEDIA SCREEN AND MAX WIDTH 768 ############################ */
@media screen and (max-width: 768px){
   
.single_event_listing {
    padding: 20px;
}
   
#page-content-wrapper.with-mobilemenu {
    margin-bottom: 0px!important;
}
   
.home-mem-col-2 {
   height: 500px!important;
}
   
.home-mem-image {
   height:393px;
   animation: myfirsttwo 5s infinite alternate !important;
   position: absolute;
   top:10px;
}

@keyframes myfirsttwo {
   0% {
      top: 10px; /* Full opacity at the start */
   }
   50% {
      top: 70px; /* Halfway through the animation, set opacity to 0 (invisible) */
   }
   100% {
      top:10px; /* Full opacity at the end */
   }
}
   
.home-mem-block-title {
    color: #FFFFFF;
    font-family: "Lilita One", Sans-serif!important;
    font-size: 45px!important;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
   
   
}

/* ########################## MEDIA SCREEN AND MAX WIDTH 600 ############################ */
@media screen and (max-width: 600px) {
   
.single_event_listing {
    padding: 20px;
}  
   
#page-content-wrapper.with-mobilemenu {
    margin-bottom: 0px!important;
}
   
.home-mem-col-2 {
   height: 500px!important;
}
   
   
.home-mem-image {
   height:393px;
   animation: myfirsttwo 5s infinite alternate !important;
   position: absolute;
   top:10px;
}

@keyframes myfirsttwo {
   0% {
      top: 10px; /* Full opacity at the start */
   }
   50% {
      top: 70px; /* Halfway through the animation, set opacity to 0 (invisible) */
   }
   100% {
      top:10px; /* Full opacity at the end */
   }
}
   
   .home-mem-block-title {
    color: #FFFFFF;
    font-family: "Lilita One", Sans-serif!important;
    font-size: 45px!important;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

   
}