/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
p {
    margin: 0;
}
.rating > div > span {
    padding: 10px 20px;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
}
.listing {
    display: flex;
    gap: 30px;
}

.listing .right_side {
    width: 100%;
}

.listing .right_side .top_bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
} 
.listing .right_side .top_bar > span {
    display: flex;
    white-space: nowrap;
    gap: 10px;
    align-items: center;
}
.listing .right_side .top_bar > span {
    display: flex;
    white-space: nowrap;
    gap: 10px;
    align-items: center;
}

.rating > div {
    display: flex;
    gap: 10px;
}
.page-template-members-listings {
    background: #f2f2f2;
}

.listing .left_side {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    flex-basis: 30%;
    height: fit-content;
}
.listing .right_side {
    flex-basis:70%;
}
.card {
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    margin-top: 25px;
}
.card .d-flex{
    display: flex;
    gap: 15px;
}

.card .title {
    font-size: 24px;
    font-weight: 600;
}

.card .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 10px 0;
}
.suggestion, .Category, .profile {
    padding: 0px 10px 0px 0;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
}
.suggestion span, .Category span, .profile span {
    display: inline-block;
    min-width: 100px;
}

.location {
    font-size: 14px;
}
.social-icons {text-align: center;padding-top: 10px;border-top: 1px solid #d9d7d7;margin-top: 20px;}

.social-icons a {
    color: #000;
}

.social-icons a i {
    font-size: 25px;
    margin: 0 10px;
}

.social-icons a:hover {
    color: #5271ff;
}
.profile-role > div {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.category {
    font-size: 20px;
}

.profile-role p {
    font-size: 20px;
}

.profile-role {
    margin-top: 20px;
}
.location-div p , .category-div p{
    font-size: 20px;
    margin-bottom: 15px;
}

.location-div input {
    margin-top: 15px;
}
.card:hover {
    box-shadow: 0 0 10px #000;
}
.profile-role input {
    width: 20px;
}

.profile-role label {
    cursor: pointer;
}
button.apply {
    margin-top: 20px;
    width: 100%;
    border-radius: 2px;
    background: #5271ff;
}
.title-holder {
    padding: 100px;
    text-align: center;
    background: #fff;
    margin-bottom: 50px;
}
.page-template-members-listings .ast-container {
    max-width: unset;
    padding: 0;
}

.page-template-members-listings .ast-container #primary {
    margin-top: 0;
}

.page-template-members-listings .ast-container #primary .listing {
    max-width: 1300px;
    margin: 0 auto;
}
.page-template-members-listings .site-header {background: #fff;border-bottom: 1px solid #d6d2d2;}

.page-template-members-listings .site-header div#ast-desktop-header {
    max-width: 1300px;
    margin: 0 auto;
   
}

.page-template-members-listings .ast-primary-header-bar {
     border: none !important;
    box-shadow: none !important;
}
.category-div .container {
    display: block;
    position: relative;
    padding:7px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .category-div .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
  }
   .category-div .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #eee;
    z-index:-1;
  }
   .category-div .container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  .category-div .container input:checked ~ .checkmark {
    background-color: #5271ff;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  .category-div .container input:checked ~ .checkmark:after {
    display: block;
  }
  .category-div  label.container:has(> input:checked) {
    color:#fff;
}
  .category-div {
    position: relative;
    z-index: 0;
}
.category-div {
    margin-top:20px;
}
.profile_info {
    display: flex;
    gap: 20px;
}

.profile_info .profile_img {
    flex-basis: 20%;
}
.single-detail .profile_info .profile_img img {
     object-fit: cover;
}
.profile_info .profile_content {
    flex-basis: 90%;
}

.single-detail {
    padding: 60px 0px;
}

.profile_info .profile_img img {
    border-radius: 20px;
}
.profile_description p {
    font-size: 14px;
    line-height: 20px;
}
div#details h3 {
    margin-bottom: 20px;
}
.single_cat , .profile_role {
    font-size: 16px;
    margin-top: 5px;
}

.user_title h1 {
    font-size: 22px;
}

.user_title h3 {
    font-size: 17px;
    margin: 2px 0;
}
.profile_description {
    font-size: 18px;
}
.socail_info span {
    display: block;
    margin: 5px 0 0;
}

.socail_info {
    margin-top: 20px;
}

.socail_info span a {
    color: #000;
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
}

.socail_info span a:hover {
    color: #5271ff;
}

.review_section {
    margin: 20px auto 0;
    border-radius: 5px;
    padding-top:0;
    overflow: hidden;
}

.review_section .write_review_head {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 10px #00000036;
    padding: 20px;
    align-items: center;
    border-radius: 0px;
}
.review_section .write_review_head span.user_icon {
    background: #5271ff;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    margin-right: 15px;
    font-weight: 600;
}
.review_body.show-body {
    height: 300px;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
}

.review_body form {
    padding: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 15px;
    margin-top: 20px;
}

i.fa-solid.fa-user.fa-fw {
    text-align: right;
}

.write_review_head p {
    font-weight: 500;
    font-size: 18px;
}

.review_section .write_review_head > span {
    font-size: 20px;
    background: #5271ff;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
}

.review_section .write_review_head > span i {
    text-align: center;
}

.review_body form button a {
    color: #fff;
}

.review_body form button {
    padding: 10px 20px;
}
.suggest_description, .title {
    display: inline-block;
    font-size: 14px;
    line-height: 16px !important;
}
.commentss {
   margin-top: 30px;
    position: relative;
    display: flex;
    gap: 15px;
}
.top_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

p.organizer {
    line-height: normal;
}
.comments h5 {
    font-size: 20px;
    margin-bottom: 10px;
}
.like-dislike span {
    margin-right: 10px;
}

.like-dislike span:hover {
    color: #5271ff;
    cursor: pointer;
}
.toolbar button {
    margin-top: 6px;
    padding: 10px 20px;
}
.toolbar button a {
    color: #fff;
}
div#details {
    padding: 30px;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
}
/* .review_body {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: all 0.25s ease-in-out;
} */
.review_body {
    display: none;
}


.comment_person span i {
    background: #f2f2f2;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: left;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.comment_person span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}
.posted-date {
    margin: 10px 0;
    font-size: 18px;
}

.comments p {
    font-size: 18px;
}
.single-detail {
    background: #fff;
}



.single-detail .profile_info .profile_img img {
    box-shadow: 5px 5px 10px #0000004d;
}
.user_title {
    display: flex;
    justify-content: space-between;
}

.user_title a {
    padding: 6px 75px 6px 15px;
    border: 1px solid dodgerblue;
    border-radius: 5px;
    display: block;
    color: #000;
    position: relative;
    cursor: pointer;
}

.user_title a span.visit_site {
    display: block;
}

.user_title a:before {
    content: "\f178";
    position: absolute;
    height: 20px;
    width: 20px;
    color: #ffa500;
    font-family: 'FontAwesome';
    right: 7px;
    top: 20px;
    transform: scaleX(1.5);
}

.user_title a:hover {
    background: #3e72fe;
    color: #fff;
}

.user_title a:hover:before {
    color: #fff;
}
.fa-plus.fa-minus::before {
    content: "\f068";
}

.single_cat {
    display: inline-block;
}

.profile_role {
    display: inline-block;
    margin-left: 15px;
}
.bottom_bar {
    display: flex;
    justify-content: end
}

/* .comment_reply form {
    display: flex;
    align-items: center;
   overflow: hidden;
}

.comment_reply form input {
    border: none;
    height: 70px;
}*/
.plus_icon {
    cursor: pointer;
}

.comment_reply {
    margin-top:20px;
    overflow: hidden;
}
.comment_reply .d-none {
    display: none;
}
input[type="text"]:focus{
    border-color: #0000;
}
.reply {
    cursor: pointer;
}
 .reply span {
    border: 1px solid #a7a8a9;
    padding: 5px;
    border-radius: 3px;
    color: #78797a;
}

.like-dislike span i {
    transform: scaleX(2);
    margin-right: 5px;
}
.comment_reply form button:hover {
    box-shadow: 3px 10px 10px #0000002b;
    transform: translateY(-3px);
}
.reply span:hover {
    color: #3e72fe;
}
.comment_reply form button {
    background: #f2f2f200;
    padding: 8px 16px;
    border: 1px solid #a7a8a9;
    border-radius: 3px;
    color: #78797a;
    font-weight: 400;
    transition: all 0.2s ease-in;
    margin:10px 10px 10px 0;
}
/* .comments li::before {
    content: "";
    height: 40px;
    width: 40px;
    background: url('https://new.thesuggestor.com/wp-content/uploads/2024/02/placeholder-4.png');
    position: absolute;
    left:0px;
    border-radius: 50%;
    background-size: cover;
} */
.comments li {
     position: relative;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: 40px;
    display: block;
    min-height: 40px;
}

ul#comments li {
    position: relative;
    margin-top: 20px;
}
.comments li p {
    background: #f2f2f2;
    padding: 5px 10px;
    border-radius: 5px;
}
.gallery_images > img {
    height: 95px;
    width: 95px;
    object-fit: cover;
}
span.close-btn {
    position: absolute;
    top: 50px;
    font-size: 50px;
    right: 50px;
    cursor: pointer;
}
.like-dislike span i {
    color: #3e72fe;
}
.single-detail {
    display: flex;
    gap: 25px;
}

.rightsidebar {
    min-width: 350px;
    padding: 20px;
}
.rightsidebar h4 {
    color: #006dd2;
    font-size: 17px;
    margin-bottom: 5px;
}
.details .profile_description {
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.2s linear;
}

.details.full_detail .profile_description {
    display: block;
}
div#poll {
    margin-top: 20px;
}

div#poll form {
    display: flex;
    align-items: center;
    gap: 20px;
    margin:10px 0;
}
div#poll form span {
    display: flex;
    align-items: center;
    gap: 5px;
}
div#poll {
    margin-top: 20px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;
}
.contact-info p {
    margin-bottom: 10px;
}
div#poll {
    margin-top: 20px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;
    background: #006dd2;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 5px 5px 10px;
}
.poll-area {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

label.opt-1 {
    background: #fff;
}

label.opt-2 {
    background: #fff;
}

/* 17-02-2024 poll design css start */
#poll label .row span {
    visibility: hidden;
}

#poll label .row span > span {
    visibility: visible;
}

#poll label .row span#option-1-text::before {
    content: "\f30c";
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 20px;
    font-family: 'FontAwesome';
    color: #000;
    visibility: visible;
    transform:scaleX(1.5);
}

#poll .poll-area label {
    position: relative;
}

#poll label .row span#option-2-text::before {
   transform:rotate(180deg) scaleX(1.5);
    content: "\f30c";
    position: absolute;
    left: 15px;
    top: 9px;
    font-size: 20px;
    font-family: 'FontAwesome';
   visibility: visible;
}
.like-dislike span i.fa-flag {
    transform: none;
}
#poll label.opt-1.chooseOption.poll_vote_enabled .row span::before {
    color:#fff !important;
}

/* 17-02-2024 poll design css end */

.page-template-members-listings .ast-container #primary .listing .card img {
    width: 120px !important;
    height: 120px;
    object-fit: contain;
    box-shadow: 0px 11px 10px 3px #0000004f;
}
.pagination ul li .current {
    text-align: center;
    line-height: 2.5;
    color: #fff;
}

div#pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

div#pagination-container li.disabled span.current.next {
    line-height: 2.5rem !important;
}

div#pagination-container li.disabled span.current.prev {
    line-height: 2.5rem !important;
}

.side_bar_section .left_side {
    margin-top: 30px;
}
.ihc-register-9 .iump-form-ihc_avatar {
    display: none;
}

.ihc-register-9 .iump-form-ihc_avatar + div {
    flex-basis: 100% !important;
    width: 100%;
}

.ihc-register-9 button.select2-selection__clear {
    position: absolute !important;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 50px;
    padding: 0px 20px;
    font-size: 20px;
    z-index: 9;
}
@media screen and (max-width:767px) {
	.card .title{
		line-height:1.2 !important;
	}
    div#details {
        max-width: unset;
        padding: 20px;
        margin: 30px auto;

    }
    section.listing {
        flex-direction: column;
    }
   
.profile_info {
    display: block;
    padding: 0 15px;
}

.profile_info .user_title {
    display: block;
}

.profile_info .user_title a {
    display: block;
    margin-bottom: 20px;
}
.profile_role {
     margin-left: 0px; 
}
    .review_section {
        max-width: unset;
    }
    
    .comments li {
        margin-left: 10px;
    }
    
    .comments li p {
        font-size: 14px !important;
    }
}