/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

body:not(.register):not(.tag-professional) 
#masthead:has(.top-banner-header) + #content {
    margin-top: 37px !important;
}

.bs-reply-header .bbp-author-role{
	margin-right: 0px !important;
}
.jet-fb-form-block {
    padding: 10px;

}

.jet-fb-form-block .jet-form-builder-row{
    margin-bottom:30px;
}

.jet-form-builder__label-text {font-size: 20px;
                                font-weight:600;}

.gmp-feedback-form-event {   margin-bottom:30px;}

.jet-fb-form-block {
    border: 1px solid #edf2fa;
    padding: 20px;
    border-radius: 5px;
    background: #edf2fa2b;
}
.jet-form-builder__label {
    margin-bottom: 20px;
}
.jet-fb-form-block h2.wp-block-heading {
    color: #008080;
    font-size: 30px;
    border-bottom: 2px solid;
}
.jet-fb-form-block .jet-form-builder__action-button-wrapper.jet-form-builder__submit-wrap.has-prev {
    gap: 5px;
}
@media (max-width: 768px) {
  .jet-fb-form-block h2.wp-block-heading {
    font-size: 22px; 
  }
}



/* PROFILE PAGE CSS START */
/* Connect card styles (add to dslp-styles.css) */

.dslp-connect-section .dslp-connect-card {
  padding: 18px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* Heading */
.dslp-connect-section .dslp-section-heading {
  margin: 0 0 14px 0;
  font-size: 16px;
  font-weight: 700;
  color: #0b2540;
}

/* Row that holds the buttons */
.dslp-connect-section .dslp-socials-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Square icon buttons */
.dslp-social-btn {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #0b2540;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  box-shadow: none;
}

/* icon size and color using currentColor */
.dslp-social-btn svg { width: 18px; height: 18px; display: block; color: #0b2540; }

/* hover/focus */
.dslp-social-btn:hover,
.dslp-social-btn:focus {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(11,37,64,0.06);
  background: #ffffff;
  outline: none;
}

/* TikTok pill (text button) */
.dslp-social-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #0b2540;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: transform .12s ease, box-shadow .12s ease;
}

/* pill hover */
.dslp-social-pill:hover,
.dslp-social-pill:focus {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(11,37,64,0.06);
  background: #ffffff;
  outline: none;
}

/* small spacing tweak so pills align baseline with icons */
.dslp-social-pill { margin-left: 6px; }

/* responsive: collapse on small screens */
@media (max-width: 560px) {
  .dslp-connect-section .dslp-socials-row {
    gap: 8px;
    flex-wrap: wrap;
  }
  .dslp-social-btn { width: 44px; height: 44px; border-radius: 10px; }
  .dslp-social-pill { padding: 8px 10px; font-size: 13px; }
}


/* ============================== */
/* ABOUT SECTION (pixel match)    */
/* ============================== */

.dsn-profile-page .dslp-about-card {
  background: #ffffff;
  border: 1px solid #e3e9ec;
  border-radius: 10px;
  padding: 26px;
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
}

/* Title */
.dsn-profile-page .dslp-about-title {
  font-size: 20px;
  font-weight: 700;
  color: #0b2540;
  margin: 0 0 16px 0;
}

/* Paragraphs */
.dsn-profile-page .dslp-about-text p {
  font-size: 15px;
  line-height: 1.65;
  color: #4b5563;
  margin: 0 0 16px 0;
}

/* VIDEO BOX */
.dsn-profile-page .dslp-video-box {
  margin-top: 22px;
  padding: 32px;
  background: #f7f9fa;
  border-radius: 12px;
  text-align: center;
  border: 1px solid #e4eaed;
}

/* Circle video icon */
.dsn-profile-page .dslp-video-icon {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #e9f7f6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px auto;
}

/* Video Title */
.dsn-profile-page .dslp-video-title {
  font-size: 17px;
  font-weight: 700;
  color: #0b2540;
  margin-bottom: 4px;
}

/* Subtitle */
.dsn-profile-page .dslp-video-sub {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 18px;
}

/* Button */
.dsn-profile-page .dslp-video-btn {
  border-radius: 100px;
 background-color: #008080;
 color:#fff;
 padding: 10px 20px;
 font-weight: 500;
transition: .3s all;
}

.dsn-profile-page .dslp-video-btn:hover {
 background: #efc36b; color:black;
}


/* Services Offered section (drop into dslp-styles.css) */

/* card wrapper */
.dslp-wrap.dsn-profile-page .dslp-services-card,
.dslp-services-card {
  background: #ffffff;
  border: 1px solid #e6eef0;
  border-radius: 10px;
  padding: 22px;
  margin-bottom: 20px;
  box-shadow: 0 6px 20px rgba(11,37,64,0.03);
  font-family: "Montserrat", Arial, sans-serif;
}

/* heading */
.dslp-wrap.dsn-profile-page .dslp-services-heading,
.dslp-services-heading {
  font-size: 20px;
  font-weight: 800;
  color: #0b2540;
  margin: 0 0 18px 0;
}

/* grid */
.dslp-wrap.dsn-profile-page .dslp-services-grid,
.dslp-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 18px;
}

/* service item */
.dslp-wrap.dsn-profile-page .dslp-service-item,
.dslp-service-item {
  background: #ffffff;
  border: 1px solid #eef6f6;
  border-radius: 8px;
  padding: 18px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

/* hover */
.dslp-service-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(11,37,64,0.06);
  border-color: #d6f0ef;
}

/* icon */
.dslp-wrap.dsn-profile-page .dslp-service-icon,
.dslp-service-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #f0faf9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0ea5a4;
  margin-bottom: 10px;
  flex-shrink: 0;
}

/* title & subtitle */
.dslp-wrap.dsn-profile-page .dslp-service-title,
.dslp-service-title {
  font-size: 16px;
  font-weight: 800;
  color: #0b2540;
  margin: 0 0 6px 0;
}

.dslp-wrap.dsn-profile-page .dslp-service-sub,
.dslp-service-sub {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
  font-weight: 700;
}

/* description fills available space */
.dslp-wrap.dsn-profile-page .dslp-service-desc,
.dslp-service-desc {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 14px 0;
  flex: 1 1 auto;
}

/* Learn more button */
.dslp-wrap.dsn-profile-page .dslp-service-cta,
.dslp-service-cta {
  margin-top: 8px;
  text-align: left;
}
.dslp-wrap.dsn-profile-page .dslp-btn,
.dslp-btn {
  display: inline-block;
  padding: 9px 14px;
  border-radius: 6px;
  border: 1px solid #e6ebed;
  background: #ffffff;
  color: #0b2540;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  transition: background 0.12s ease, transform 0.12s ease;
}
.dslp-btn:hover { background: #f7f9fb; transform: translateY(-2px); }

/* footer divider & CTA */
.dslp-wrap.dsn-profile-page .dslp-services-footer,
.dslp-services-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
}

.dslp-wrap.dsn-profile-page .dslp-divider,
.dslp-divider {
  width: 100%;
  height: 1px;
  background: #eef6f6;
  margin: 6px 0 0 0;
  border-radius: 2px;
}

/* primary CTA */
.dslp-wrap.dsn-profile-page .dslp-cta-primary,
.dslp-cta-primary {
 border-radius: 100px;
 background-color: #008080;
 color:#fff;
 padding: 5px 20px;
 font-weight: 500;
 transition: .3s all;
}
.dslp-cta-primary:hover {background: #efc36b; color:black;  }

/* responsive: stack columns */
@media (max-width: 1100px) {
  .dslp-wrap.dsn-profile-page .dslp-services-grid,
  .dslp-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 620px) {
  .dslp-wrap.dsn-profile-page .dslp-services-grid,
  .dslp-services-grid {
    grid-template-columns: 1fr;
  }
  .dslp-wrap.dsn-profile-page .dslp-service-item,
  .dslp-service-item { min-height: auto; }
}


/* ===== Hardened FAQ overrides (paste into dslp-styles.css) ===== */

/* Target both when wrapped and when not */
.dslp-wrap.dsn-profile-page .dslp-faq-card,
.dslp-faq-card {
  background: #ffffff !important;
  border: 1px solid #e6eef0 !important;
  border-radius: 10px !important;
  padding: 22px !important;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* Heading */
.dslp-wrap.dsn-profile-page .dslp-faq-heading,
.dslp-faq-heading {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0b2540 !important;
  margin: 0 0 18px 0 !important;
}

/* Reset any global button styles that theme applies
   We explicitly target the question button inside our FAQ only. */
.dslp-wrap.dsn-profile-page .dslp-faq-question,
.dslp-faq-question {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 14px 0 !important;
  background: transparent !important;      /* remove theme background */
  border: none !important;                 /* remove theme border */
  color: #0b2540 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  border-radius: 0 !important;             /* remove rounded pill */
  text-align: left !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* If theme applies strong button selectors like button, .btn, etc,
   make sure our selector is more specific (above) and add an extra fallback: */
.dslp-faq-card button.dslp-faq-question,
.dslp-faq-card .dslp-faq-question {
  background: transparent !important;
  color: #0b2540 !important;
}

/* Divider between items */
.dslp-wrap.dsn-profile-page .dslp-faq-item,
.dslp-faq-item {
  border-top: 1px solid #ecf1f4 !important;
}

/* Remove any weird inline-block / display forcing on children */
.dslp-wrap.dsn-profile-page .dslp-faq-question > * ,
.dslp-faq-question > * {
  margin: 0 !important;
  padding: 0 !important;
}

/* Icon transform when open */
.dslp-wrap.dsn-profile-page .dslp-faq-item.dslp-open .dslp-faq-toggle-icon,
.dslp-faq-item.dslp-open .dslp-faq-toggle-icon {
  transform: rotate(180deg) !important;
}

/* Answer area */
.dslp-wrap.dsn-profile-page .dslp-faq-answer,
.dslp-faq-answer {
  display: none;
  padding: 12px 0 16px 0 !important;
  color: #4b5563 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Open state */
.dslp-wrap.dsn-profile-page .dslp-faq-item.dslp-open .dslp-faq-answer,
.dslp-faq-item.dslp-open .dslp-faq-answer {
  display: block !important;
}

/* small mobile tweaks */
@media (max-width: 600px){
  .dslp-wrap.dsn-profile-page .dslp-faq-card,
  .dslp-faq-card {
    padding: 18px !important;
  }
  .dslp-wrap.dsn-profile-page .dslp-faq-question-text,
  .dslp-faq-question-text { font-size: 14px !important; }
}


/* Testimonials section (no variables) */

/* container card */
.dslp-wrap.dsn-profile-page .dslp-testimonials-card,
.dslp-testimonials-card {
  background: #ffffff;
  border: 1px solid #e6eef0;
  border-radius: 10px;
  padding: 22px;
  margin-bottom: 20px;
  font-family: "Montserrat", Arial, sans-serif;
  box-shadow: none;
}

/* heading */
.dslp-wrap.dsn-profile-page .dslp-testimonials-heading,
.dslp-testimonials-heading {
  font-size: 20px;
  font-weight: 800;
  color: #0b2540;
  margin: 0 0 18px 0;
}

/* grid */
.dslp-wrap.dsn-profile-page .dslp-test-grid,
.dslp-test-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* testimonial card */
.dslp-wrap.dsn-profile-page .dslp-testimonial-item,
.dslp-testimonial-item {
  background: #ffffff;
  border: 1px solid #eef6f6;
  border-radius: 8px;
  padding: 16px;
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.14s ease;
}

/* subtle hover */
.dslp-testimonial-item:hover { transform: translateY(-4px); }

/* quote icon top-left */
.dslp-quote-icon {
  width: 36px;
  height: 36px;
  color: #cfeff0;
  margin-bottom: 8px;
  opacity: 1;
}

/* testimonial text */
.dslp-test-text {
  font-style: italic;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
  margin: 6px 0 12px 0;
}

/* meta row (name / date / stars) */
.dslp-test-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

/* name & date */
.dslp-test-name {
  font-weight: 700;
  color: #0b2540;
  font-size: 14px;
}
.dslp-test-date {
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
}

/* stars */
.dslp-test-stars {
  color: #f6b500;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
}

/* responsive */
@media (max-width: 920px) {
  .dslp-wrap.dsn-profile-page .dslp-test-grid,
  .dslp-test-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .dslp-wrap.dsn-profile-page .dslp-test-grid,
  .dslp-test-grid {
    grid-template-columns: 1fr;
  }
  .dslp-testimonial-item { min-height: auto; }
}


/* =============================== */
/* Credentials Section (NO vars)   */
/* =============================== */

.dslp-credentials-section {
  font-family: "Montserrat", Arial, sans-serif;
  margin-bottom: 20px;
}

/* Main Card */
.dslp-credentials-card {
  background: #ffffff;
  border: 1px solid #e6eef0;
  border-radius: 12px;
  padding: 26px;
  margin-bottom: 28px;
}

/* Title */
.dslp-credentials-heading {
  font-size: 22px;
  font-weight: 800;
  color: #0b2540;
  margin: 0 0 22px 0;
}

/* Block wrapper */
.dslp-cred-block {
  margin-bottom: 28px;
  position: relative;
  padding-left: 32px;
}

/* Icon on left */
.dslp-cred-icon {
  position: absolute;
  left: 0;
  top: 2px;
}

/* Subtitles */
.dslp-cred-subtitle {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #0b2540;
}

/* List items */
.dslp-cred-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dslp-cred-list li {
  font-size: 15px;
  color: #4b5563;
  margin-bottom: 8px;
}

/* Badges row */
.dslp-cred-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Badge style */
.dslp-badge {
  background: #efc36b;
  color: #0b2540;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 20px;
  display: inline-block;
  white-space: nowrap;
}

/* Footer button */
.dslp-cred-footer {
  text-align: center;
}

.dslp-cred-btn {
 border-radius: 100px;
 background-color: #008080;
 color:#fff;
 padding: 10px 20px;
 font-weight: 500;
 transition: .3s all;
}

.dslp-cred-btn:hover {
  background: #efc36b; color:black;
}

/* Responsive */
@media(max-width:700px){
  .dslp-credentials-card { padding:20px; }
  .dslp-cred-block { padding-left: 28px; }
}


/* Left stats cards (no variables) */

/* container */
.dslp-wrap.dsn-profile-page .dslp-left-stats,
.dslp-left-stats {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* each card */
.dslp-left-card {
  background: #ffffff;
  border: 1px solid #e6eef0;
  border-radius: 10px;
  padding: 14px;
  box-shadow: none;
}

/* inner layout */
.dslp-left-card-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

/* icon */
.dslp-left-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0ea5a4; /* teal */
}

/* small heading above number */
.dslp-left-title {
  font-size: 17px;
  color: #4b5563;
  font-weight: 700;
  margin: 0;
}

/* big number */
.dslp-left-number {
  font-size: 28px;
  font-weight: 900;
  color: #0b2540;
  line-height: 1;
}

/* small subtext after number (e.g. "posts", "joined") */
.dslp-left-sub {
  font-size: 13px;
  font-weight: 700;
  color: #4b5563;
  margin-left: 6px;
}

/* subtle hover lift (optional) */
.dslp-left-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(11,37,64,0.04);
  transition: transform .16s ease, box-shadow .16s ease;
}
.dslp-post-grid {background: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
    border-radius: var(--bb-block-radius);
    margin-bottom: 30px;
    padding: 30px;}
/* responsive: reduce gap on small screens */
@media (max-width: 560px) {
  .dslp-left-stats { gap: 12px; }
  .dslp-left-card { padding: 12px; }
  .dslp-left-number { font-size: 24px; }
}

/* 24-11-2025/*

/* RESET default card container */
.dslp-post-grid {
  background: var(--bb-content-background-color);
  border: 1px solid var(--bb-content-border-color);
  border-radius: var(--bb-block-radius);
  margin-bottom: 30px;
  padding: 30px;
}

/* BLOG GRID (only cards, NOT the title) */
.dslp-post-grid > .dslp-card {
  display: block;
}

/* turn only cards into a grid */
.dslp-post-grid {
  display: grid;
  grid-template-columns: 1fr; /* mobile default */
  gap: 30px;
}

/* Title spans full width */
.dslp-post-grid > h2 {
  grid-column: 1 / -1;
  margin-bottom: 0 !important;
  font-weight: 700;
  font-size: 18px;
}

/* Tablet – 2 cards in row */
@media (min-width: 600px) {
  .dslp-post-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop – 3 cards in row */
@media (min-width: 992px) {
  .dslp-post-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dslp-card {
    border: 0px solid  grey;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15)
}

.dslp-card-content {
    padding: 20px;
}

img.dslp-thumb-img.wp-post-image {
  width: 100%;
  border-radius: 10px 10px 0 0;
  height: 170px;
  object-fit: cover;
}

h3.dslp-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.dslp-card p.dslp-card-excerpt{
  font-size: 14px;
  margin-bottom: 15px !important;
  line-height: 21px;
}
.dslp-card .dslp-card-date{
  font-weight: 500;
}
.gamplify-edit-main-title{
  display: none;
}
p.gamplify-not-submiitd-notice {
    text-align: center;
}
.pro-mem-downassets-title{
  font-size: 20px;
  font-weight: 500;
}
a.edit-link{
  border-bottom: 1px solid #000;
}

/* Tag Based Hide Css for pro */
body.tag-pro-approved.bb-buddypanel.sticky-header:not(.bb-sfwd-aside) .site-header, 
body.tag-pro-applicant.bb-buddypanel.sticky-header:not(.bb-sfwd-aside) .site-header{
  width: 100% !important;
}
body.tag-pro-applicant .buddypanel, body.tag-pro-approved .buddypanel, body.tag-pro-applicant #primary-menu, body.tag-pro-approved #primary-menu{
  display: none;
}
body.tag-pro-approved.bb-buddypanel:not(.activate) .site, 
body.tag-pro-applicant.bb-buddypanel:not(.register) .site, 
body.tag-pro-applicant.bb-buddypanel:not(.activate) .site, 
body.tag-pro-approved.bb-buddypanel:not(.register) .site {
  margin-left: 0 !important;
}
body:is(.tag-pro-approved, .tag-pro-applicant) .pro-tag-foot-one{
  display: none;
}

body:is(.tag-pro-approved, .tag-pro-applicant) #header-aside :where(a.header-search-link, .bb-separator, #header-messages-dropdown-elem, #header-notifications-dropdown-elem, .notification-wrap){
  display: none;
}

body:is(.tag-pro-approved, .tag-pro-applicant) #header-my-account-menu li.bp-menu:not( li.bp-menu.bp-logout-nav  ){
  display: none;
} 
body:is(.tag-pro-approved, .tag-pro-applicant) ul.sub-menu-inner > li{
  pointer-events: none;
}