/* stylelint-disable selector-class-pattern */

/* =========================================================
   JSC COMPONENT CONTRACT
   File: jsc-idx-single-disclosure.css
   Layer: IDX / Single Listing / Disclosure
   Version: 2.0
========================================================= */

:root{
  --jsc-idx-single-disclosure-gap: 20px;
  --jsc-idx-single-disclosure-gap-sm: 12px;
  --jsc-idx-single-disclosure-pad: 22px;
  --jsc-idx-single-disclosure-radius: 20px;

  --jsc-idx-single-disclosure-label-size: 12px;
  --jsc-idx-single-disclosure-label-tracking: 0.12em;
  --jsc-idx-single-disclosure-copy-size: 13px;
  --jsc-idx-single-disclosure-copy-lh: 1.65;

  --jsc-idx-single-disclosure-bg: rgba(18, 20, 26, 0.03);
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .compliance-section,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .disclosure-section{
  margin-top: var(--jsc-idx-single-section-gap);
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-office-name{
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  color: var(--jsc-text-body);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .flexmls-office-name::before{
  content: "Listing Office";
  display: block;
  color: var(--jsc-text-strong);
  font-size: var(--jsc-idx-single-disclosure-label-size);
  line-height: 1.2;
  letter-spacing: var(--jsc-idx-single-disclosure-label-tracking);
  text-transform: uppercase;
  font-weight: 600;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .compliance-section{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .compliance-section .flexmls-idx-compliance-label,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .compliance-section .label,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .compliance-section span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding-inline: 12px;
  border: 1px solid var(--jsc-idx-single-border);
  border-radius: 999px;
  background: #fff;
  color: var(--jsc-text-body);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .disclosure-section{
  display: grid;
  gap: var(--jsc-idx-single-disclosure-gap-sm);
  padding: var(--jsc-idx-single-disclosure-pad);
  background: var(--jsc-idx-single-disclosure-bg);
  border: 1px solid var(--jsc-idx-single-border);
  border-radius: var(--jsc-idx-single-disclosure-radius);
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .disclosure-section::before{
  content: "Disclosure";
  color: var(--jsc-text-body);
  font-size: var(--jsc-idx-single-disclosure-label-size);
  line-height: 1.2;
  letter-spacing: var(--jsc-idx-single-disclosure-label-tracking);
  text-transform: uppercase;
  font-weight: 600;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .disclosure-section p,
:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .disclosure-section div{
  margin: 0;
  color: var(--jsc-text-body);
  font-size: var(--jsc-idx-single-disclosure-copy-size);
  line-height: var(--jsc-idx-single-disclosure-copy-lh);
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .disclosure-section hr{
 display: none !important;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .fbs-branding {
  text-align: left !important;
}

:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .fbs-branding > a{
  color: white !important; 
}


:is(
  .jsc-idx-single-shell,
  body.page-id-2147 .flexmls-listing-details.flexmls-v2-widget
) .fbs-branding a:hover{
  color: white;
}

@media (max-width: 767.98px){
  :root{
    --jsc-idx-single-disclosure-pad: 18px;
    --jsc-idx-single-disclosure-gap: 16px;
    --jsc-idx-single-disclosure-gap-sm: 10px;
  }
}

/* stylelint-enable selector-class-pattern */