.login-section-content form[name="login"] {
    background-color: #fff;
    padding: 40px 60px;
    max-width: 408px;
    margin: 0 auto;
}

.login-section-content form[name="login"] .tml-label {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 14px;
}

.login-section-content form[name="login"] input {
   color: #2c2218 !important;
}

.login-section-content form[name="login"] input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #555;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}

.login-section-content form[name="login"] input[type="checkbox"]:checked {
  background-color: #35533d;
  border-color: #35533d;
}

.login-section-content form[name="login"] input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.login-section-content form[name="login"] input[type="checkbox"] {
 border: 2px solid #8f8f80;
}

.login-section-content form[name="login"] input[type="checkbox"]+label.tml-label {
    font-family: Quattrocento Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding-left: 10px;
    font-size: 16px;
    color: #2c2218;
    margin: 0;
}

.login-section-content .tml-pwd-wrap {
  margin-bottom: 35px;
}

.login-section-content .tml-rememberme-wrap {
    display: flex;
    align-items: center;
	    margin-bottom: 40px !important;
}

.login-section-content button.tml-button {
    background: #2c2218;
    color: #edeae3;
    padding: 8px 16px;
    width: 140px;
    border: 2px solid #000;
    font-family: Quattrocento Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.login-section-content button.tml-button:hover {
    background: #4b4138;
}

.login-section-content form[name="login"]+ul.tml-links {
        position: relative;
    top: -166px;
    list-style: none;
    margin-left: auto;
    padding-left: 0;
    text-align: right;
    max-width: 150px;
    margin-right: 80px;
}
.login-section-content h2.wp-block-heading {
    font-family: SortsMillGoudy;
    font-size: 2rem;
    line-height: 40px;
    margin-bottom: 2.5rem;
    margin-top: 16px;
}

.login-section-content h2.wp-block-heading:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #2c2218;
    position: relative;
    top: 20px;
}

.login-section-content h2+p {
    font-family: Quattrocento,Helvetica Neue,Helvetica,Arial,sans-serif;    
    font-size: 16px;
    color: #2c2218;
    margin-bottom: 20px;
}

.login-section-content h2.wp-block-heading, .login-section-content h2.wp-block-heading+p {
    max-width: 408px;
    margin-left: auto;
    margin-right: auto;
}

.login-section-content form[name=login]+ul.tml-links a {
    color: #600;
}

.login-section-content form[name=login]+ul.tml-links a:hover {
    color: #8f8f80;
}
.show-password-input:after {
    content: "Show ";
    font-family: Quattrocento Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-left: .618em;
    text-decoration: none;
    color: #2c2218;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJ1BMVEVHcEyQkICRkYOYmIqPj4GQkICQkIKRkYCQkIGfn5+RkYGQkICPj4DwzVCNAAAADHRSTlMA9DgW2b5smFwEjbPPuhOzAAAAdUlEQVQY02NgoAJgznYU2WYAZReeAQJxCE/xTISyUesZIRCbSSYIRKkeVABJHJ/AYJbMwFADlOL0WQCUBApzHZnAwAbErGfOBABFExhYTjAwMJ45I8DA0OOAKoOiB2YaJ8g0VHsmILsA1W0Mk5FcDQETiPcyAKK2LOO9JdE5AAAAAElFTkSuQmCC);
    background-position: right -4px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 65px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 0px;
}

.show-password-input {
    position: relative;
    cursor: pointer;
}

.display-password:after {
    content: "Hide";
    width: 58px;
    opacity: .6;
}
.login-section-content form[name=login] input:not([type="checkbox"]):hover {
    box-shadow: inset 0 -.25rem 0 -1px #35533d;
}

.login-section-content form[name=login] input:not([type="checkbox"]) {
    transition: all .2s ease-in-out;
}
@media (max-width: 575px) {
 .login-section-content form[name=login] input:not([type="checkbox"]):hover {
    box-shadow: inset 0 -.25rem 0 -1px #35533d;
}

.login-section-content form[name=login] input:not([type="checkbox"]) {
    transition: all .2s ease-in-out;
}

.login-section-content .tml-login {
    padding: 0 24px;
}

.login-section-content form[name=login] {
    padding: 40px 20px;
}

.login-section-content h2.wp-block-heading, .login-section-content h2.wp-block-heading+p {
    padding: 0 24px;
}

.login-section-content form[name=login]+ul.tml-links {
    top: -145px;
    margin-right: 0;
    text-align: left;
    padding-left: 20px;
    width: calc(100% - 48px);
    max-width: 100%;
    margin-left: 0;
}

.login-section-content form[name=login] .tml-submit-wrap {
    padding-top: 20px !important;
}   
}
/* ============================================================================
   Reciprocal Clubs Directory - Cosmos card-grid restyle  (added 2026-06-27)
   ----------------------------------------------------------------------------
   Goal: elegant / modern / minimalist GRID of cards for the club listings and
   the reviews, matching the cosmos-club theme. LAYOUT + CARD POLISH ONLY.
   - No font-family is set anywhere: the theme's existing fonts are untouched.
   - Accent color is the site's existing maroon (--custom-primary #600); no new
     brand colors are introduced. Neutral greys/shadows derive from the ink
     (--custom-legaldye #2c2218).
   Scoping (so nothing else on the site is affected):
   - Card interiors keyed on [data-content-name="reciprocal_c_dir_ltg|rev_rev"]
     (unique to reciprocal listings/reviews; never the um_directory members).
   - Page chrome keyed on the three reciprocal body classes.
   Reversible: delete this block (timestamped .bak alongside the file).
   ============================================================================ */

/* --- Grid rhythm: equal-height cards in each row ------------------------- */
body.page-id-695 .drts-view-entity-container,
body.single-reciprocal_c_dir_ltg .drts-view-entity-container,
body.single-reciprocal_c_rev_rev .drts-view-entity-container {
    display: flex;
}

/* --- Robust responsive GRID (force grid as the default, all viewports) ----
   The Directories view only goes multi-column at >=992px, so narrower windows
   look like a single-column list. Override the top-level entities row to a CSS
   grid that fills as many ~290px columns as fit. Direct-child combinator (>) so
   the cards' INNER .drts-row layouts (label/value, rating) are untouched.
   Applies identically on dev and prod, sidestepping the per-view column drift. */
body.page-id-695 .drts-view-entities-list-grid > .drts-row,
body.page-id-695 .drts-view-entities-list-row > .drts-row,
body.single-reciprocal_c_dir_ltg .drts-view-entities-list-grid > .drts-row,
body.single-reciprocal_c_dir_ltg .drts-view-entities-list-row > .drts-row,
body.single-reciprocal_c_rev_rev .drts-view-entities-list-grid > .drts-row,
body.single-reciprocal_c_rev_rev .drts-view-entities-list-row > .drts-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 22px;
    margin: 0 !important;
}
body.page-id-695 .drts-view-entities-list-grid > .drts-row > .drts-view-entity-container,
body.page-id-695 .drts-view-entities-list-row > .drts-row > .drts-view-entity-container,
body.single-reciprocal_c_dir_ltg .drts-view-entities-list-grid > .drts-row > .drts-view-entity-container,
body.single-reciprocal_c_dir_ltg .drts-view-entities-list-row > .drts-row > .drts-view-entity-container,
body.single-reciprocal_c_rev_rev .drts-view-entities-list-grid > .drts-row > .drts-view-entity-container,
body.single-reciprocal_c_rev_rev .drts-view-entities-list-row > .drts-row > .drts-view-entity-container {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding: 0 !important;
}

/* --- Card shell (listings + reviews share one look) --------------------- */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"].drts-display--summary,
.drts-entity[data-content-name="reciprocal_c_rev_rev"].drts-display--summary {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(44, 34, 24, 0.12) !important;   /* replaces faint 0.2-opacity border */
    --bs-border-opacity: 1 !important;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(44, 34, 24, 0.05);
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"].drts-display--summary:hover,
.drts-entity[data-content-name="reciprocal_c_rev_rev"].drts-display--summary:hover {
    border-color: rgba(44, 34, 24, 0.20) !important;
    box-shadow: 0 8px 22px rgba(44, 34, 24, 0.10);
    transform: translateY(-3px);
}

/* listing card is a flex column so the details button bottom-aligns in flow
   (the theme positions .view-club-details-link absolute; we override below) */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"].drts-display--summary {
    display: flex;
    flex-direction: column;
}

/* --- Comfortable, uniform interior padding ------------------------------ */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .directory-listing-main {
    padding: 22px 24px 0 !important;
}
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .dts_class_review {
    padding: 22px 24px;
}
/* kill the oversized 3rem bottom gap Directories adds inside the listing card */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .drts-display-element-columns-1.drts-bs-mb-5 {
    margin-bottom: 0 !important;
}

/* --- Titles: keep theme font; just colour + tidy ------------------------ */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .directory-listing-title a,
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-title a {
    color: #2c2218;
    text-decoration: none;
    line-height: 1.3;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .directory-listing-title a:hover,
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-title a:hover,
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .directory-listing-title a:focus-visible,
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-title a:focus-visible {
    color: #600;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .directory-listing-title,
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-title {
    margin-bottom: 0.5rem !important;
}

/* --- Listing info rows: muted, consistent rhythm ------------------------ */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .summary-field-text p {
    color: #6a5e57;
    margin: 0;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .summary-field-value {
    color: #43382f;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .directory-listing-info {
    line-height: 1.5;
}

/* --- Review meta + body -------------------------------------------------- */
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-author-container {
    color: #6a5e57;
    font-size: 0.82rem;
}
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-author-container a {
    color: #6a5e57;
}
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-author-container a:hover {
    color: #600;
}
.drts-entity[data-content-name="reciprocal_c_rev_rev"] .review-body {
    color: #43382f;
    line-height: 1.6;
    font-size: 14px;
}

/* --- "View Club Details" -> outlined maroon button (existing accent) -----
   The theme sets .view-club-details-link {position:absolute;bottom:20px;right:20px}
   plus a chevron :after. With variable card heights that absolute button overlaps
   the card text. Put it back in normal flow and bottom-align it via the flex column
   above; suppress the stray absolute chevron. */
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link {
    position: static !important;
    margin-top: auto;
    padding: 16px 24px 22px;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link p {
    margin: 0;
    padding-right: 0 !important;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link p:after {
    display: none !important;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link a {
    display: inline-block;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    color: #600;
    background: #fff;
    border: 1.5px solid #600;
    border-radius: 6px;
    padding: 8px 16px;
    transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link a:hover,
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link a:focus-visible {
    background: #600;
    color: #fff !important;
    border-color: #600;
}
.drts-entity[data-content-name="reciprocal_c_dir_ltg"] .view-club-details-link a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 0, 0, 0.3);
}

/* --- "Write a Review" button: clean SOLID maroon primary CTA -------------
   Real element is button[data-button-name="frontendsubmit_add_review_review"]
   (theme default drts-bs-btn-outline-primary). Solid maroon marks it as the
   primary action vs the outlined "View Club Details" secondary button. */
body.single-reciprocal_c_dir_ltg button[data-button-name="frontendsubmit_add_review_review"],
body.page-id-695 button[data-button-name="frontendsubmit_add_review_review"],
body.single-reciprocal_c_rev_rev button[data-button-name="frontendsubmit_add_review_review"] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff !important;
    background: #600 !important;
    border: 1.5px solid #600 !important;
    border-radius: 6px;
    padding: 9px 18px;
    box-shadow: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
body.single-reciprocal_c_dir_ltg button[data-button-name="frontendsubmit_add_review_review"]:hover,
body.page-id-695 button[data-button-name="frontendsubmit_add_review_review"]:hover,
body.single-reciprocal_c_rev_rev button[data-button-name="frontendsubmit_add_review_review"]:hover,
body.single-reciprocal_c_dir_ltg button[data-button-name="frontendsubmit_add_review_review"]:focus-visible,
body.page-id-695 button[data-button-name="frontendsubmit_add_review_review"]:focus-visible {
    background: #4d0000 !important;
    color: #fff !important;
    border-color: #4d0000 !important;
}
body.single-reciprocal_c_dir_ltg button[data-button-name="frontendsubmit_add_review_review"]:focus-visible,
body.page-id-695 button[data-button-name="frontendsubmit_add_review_review"]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 0, 0, 0.3);
}
body.single-reciprocal_c_dir_ltg button[data-button-name="frontendsubmit_add_review_review"] i,
body.page-id-695 button[data-button-name="frontendsubmit_add_review_review"] i {
    color: #fff !important;
    margin: 0;
}

/* --- Force grid everywhere: hide the list/grid layout toggle ------------- */
body.page-id-695 .drts-view-entities-layout-switch,
body.page-id-695 .drts-view-nav-item-name-layout_switch,
body.single-reciprocal_c_dir_ltg .drts-view-entities-layout-switch,
body.single-reciprocal_c_dir_ltg .drts-view-nav-item-name-layout_switch,
body.single-reciprocal_c_rev_rev .drts-view-entities-layout-switch,
body.single-reciprocal_c_rev_rev .drts-view-nav-item-name-layout_switch {
    display: none !important;
}