/**
 * Theme Name: Online Tena Yoga Community
 * Theme URI: https://online.tena.yoga/
 * Description: Child theme for the Tena Yoga member community. Adds the member practice hub, journal, recordings and community landing pages.
 * Author: Tena Yoga
 * Template: buddyx
 * Version: 0.1.0
 * Text Domain: online-tena-yoga-community
 */

/* Legacy Online Tena Yoga CT styles, folded into this child theme so the old theme can be removed. */
#whats-new-form {
    margin-top: 20px;
}
.subnav-filters, .activity-type-navs
{display:none;}

@media (min-width: 1200px){
.container {
    width: 895px !important;
    max-width: 895px !important;
}}
@media (max-width: 991px){
.activity-update-form #whats-new-avatar img  {display: none !important;}
}
@media (max-width: 46.8em){
.buddypress-wrap:not(.bp-single-vert-nav) .bp-navs:not(.bp-subnavs) li {
    display: inline-block !important;
}
}

.site-header-wrapper ~ .container {width: 100% !important;
    max-width: 100% !important;}
.buddypress-wrap .register-page .layout-wrap {
    grid-template-columns: 50% !important;
}
.register-page {padding-bottom: 80px !important;}
.site-wrapper {
    width: 650px;
    margin: 0 auto !important;
}
.activity-inner p:first-child {margin-top: 15px !important;}
#buddypress .activity-list .activity-item .activity-content>.activity-meta.action .button {font-size:12px !important}
.activity-list .activity-item .activity-content>.activity-meta.action .button {
    border: none !important;
}
body {background: white !important;}
.site-branding img {
    max-height: 45px;
}
.activity-list .activity-item .activity-meta.action {background:transparent !important;}
.activity-card-head {
    display: none !important;
}
.activity-list.bp-list .activity-item {border:0 !important}
.activity-list.bp-list .activity-item .activity-meta.action .generic-button {margin-top:3px !important}
#buddypress .generic-button a, #buddypress .standard-form button, #buddypress a.button {border:0 !important;background-color:transparent !important;}
#buddypress .standard-form .user-pass1-wrap button.wp-generate-pw, #buddypress .standard-form .user-pass1-wrap button.wp-generate-pw:hover {color: #000 !important;border:1px solid #000 !important;}
.activity-list .activity-item.has-comments .activity-content>.activity-meta.action {
    border-bottom: 0 !important;
}
.activity-list.bp-list .activity-item {
	background: #f9f9f9 !important;}
.activity-list .activity-item .activity-meta.action {
	border-top: 0 !important;}
.activity-list .activity-item .activity-content blockquote {margin-left: 15px !important;
    padding: 15px 0 !important;
    margin-bottom: 15px !important;}
.buddypress-wrap .activity-comments ul li {
       background: #f0f0f0 !important;
}
.acomment-meta, .time-since {color: #9c9c9c !important;}
#dir-filters, #activity-rss-feed {display:none !important;}
.activity-update-form {border:0 !important;margin-top:15px;}
#whats-new-form {background: #f9f9f9;}
.users-header #cover-image-container {
    width: 895px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);    margin-left: 0 !important;}
#buddypress #header-cover-image, #cover-image-container {
	height: 355px !important;}
.item-header-cover-image-wrapper {
	background: transparent !important;}
.item-header-cover-image-wrapper {border:0 !important;margin:-50px 0 0 0 !important}
.buddypress div#item-header-cover-image h2 {padding-top:72px !important;}
.activity-list .activity-item .activity-meta.action .acomment-reply.button:before {
    content: "" !important;
    background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M408,64H104a56.16,56.16,0,0,0-56,56V312a56.16,56.16,0,0,0,56,56h40v80l93.72-78.14a8,8,0,0,1,5.13-1.86H408a56.16,56.16,0,0,0,56-56V120A56.16,56.16,0,0,0,408,64Z" style="fill:none;stroke:%23000000;stroke-linejoin:round;stroke-width:32px"/></svg>');
        background-size: 17px 17px;
    width: 17px !important;
    height: 17px;
    display: inline-block !important;
}
.activity-list .activity-item .activity-meta.action .delete-activity:before { content: "" !important;background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M112,112l20,320c.95,18.49,14.4,32,32,32H348c17.67,0,30.87-13.51,32-32l20-320" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="80" y1="112" x2="432" y2="112" style="stroke:%23000000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/><path d="M192,112V72h0a23.93,23.93,0,0,1,24-24h80a23.93,23.93,0,0,1,24,24h0v40" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="176" x2="256" y2="400" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="184" y1="176" x2="192" y2="400" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="328" y1="176" x2="320" y2="400" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>'); 
    background-size: 17px 17px;
    width: 17px !important;
    height: 17px;
    display: inline-block !important;
}
.activity-list .activity-item .activity-meta.action .fav:before {content: "" !important;background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M352.92,80C288,80,256,144,256,144s-32-64-96.92-64C106.32,80,64.54,124.14,64,176.81c-1.1,109.33,86.73,187.08,183,252.42a16,16,0,0,0,18,0c96.26-65.34,184.09-143.09,183-252.42C447.46,124.14,405.68,80,352.92,80Z" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>'); background-size: 17px 17px;
    width: 17px !important;
    height: 17px;
    display: inline-block !important;}
.activity-list .activity-item .activity-meta.action .button:before {font-size: 17px !important;}
.activity-list .activity-item .activity-meta.action .unfav:before {
    position: relative;
    top: -3px;
}
.activity-list .activity-item .activity-meta.action .button:before {
    font-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
    display: inline-block!important;
}
iframe {    width: 100%;}
.fa-envelope:before {content: "";background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><rect x="48" y="96" width="416" height="320" rx="40" ry="40" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="112 160 256 272 400 160" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>');font-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
    display: inline-block!important;    background-size: contain;}
.fa-bell:before {content: "";background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M427.68,351.43C402,320,383.87,304,383.87,217.35,383.87,138,343.35,109.73,310,96c-4.43-1.82-8.6-6-9.95-10.55C294.2,65.54,277.8,48,256,48S217.79,65.55,212,85.47c-1.35,4.6-5.52,8.71-9.95,10.53-33.39,13.75-73.87,41.92-73.87,121.35C128.13,304,110,320,84.32,351.43,73.68,364.45,83,384,101.61,384H410.49C429,384,438.26,364.39,427.68,351.43Z" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M320,384v16a64,64,0,0,1-128,0V384" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>');font-size: 17px !important;
    height: 16px !important;
    width: 16px !important;
    display: inline-block!important;    background-size: contain;}
.activity-list .activity-item .activity-meta.action .button.buddyboss_edit_activity.action-edit:before {
    content: "";
       height: 16px !important;
    width: 16px !important;position: relative;top: -2px;
    display: inline-block!important;    background-size: contain !important;padding-right: 5px !important;
    margin-right: 5px;
    background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M262.29,192.31a64,64,0,1,0,57.4,57.4A64.13,64.13,0,0,0,262.29,192.31ZM416.39,256a154.34,154.34,0,0,1-1.53,20.79l45.21,35.46A10.81,10.81,0,0,1,462.52,326l-42.77,74a10.81,10.81,0,0,1-13.14,4.59l-44.9-18.08a16.11,16.11,0,0,0-15.17,1.75A164.48,164.48,0,0,1,325,400.8a15.94,15.94,0,0,0-8.82,12.14l-6.73,47.89A11.08,11.08,0,0,1,298.77,470H213.23a11.11,11.11,0,0,1-10.69-8.87l-6.72-47.82a16.07,16.07,0,0,0-9-12.22,155.3,155.3,0,0,1-21.46-12.57,16,16,0,0,0-15.11-1.71l-44.89,18.07a10.81,10.81,0,0,1-13.14-4.58l-42.77-74a10.8,10.8,0,0,1,2.45-13.75l38.21-30a16.05,16.05,0,0,0,6-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16,16,0,0,0-6.07-13.94l-38.19-30A10.81,10.81,0,0,1,49.48,186l42.77-74a10.81,10.81,0,0,1,13.14-4.59l44.9,18.08a16.11,16.11,0,0,0,15.17-1.75A164.48,164.48,0,0,1,187,111.2a15.94,15.94,0,0,0,8.82-12.14l6.73-47.89A11.08,11.08,0,0,1,213.23,42h85.54a11.11,11.11,0,0,1,10.69,8.87l6.72,47.82a16.07,16.07,0,0,0,9,12.22,155.3,155.3,0,0,1,21.46,12.57,16,16,0,0,0,15.11,1.71l44.89-18.07a10.81,10.81,0,0,1,13.14,4.58l42.77,74a10.8,10.8,0,0,1-2.45,13.75l-38.21,30a16.05,16.05,0,0,0-6.05,14.08C416.17,247.67,416.39,251.83,416.39,256Z" style="fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>');
}
.buddypress-icons-wrapper .bp-msg a, .buddypress-icons-wrapper .user-notifications a {top: 3px;}
@media (min-width: 768px){
    .primary-menu-container {padding-right: 30px;}
}
@media screen and (max-width: 60em) {
    .site-wrapper {
       width: 100% !important;}
}
.buddypress-wrap .subnav-filters .subnav-search {float: right;}
@media (min-width: 768px){
.site-wrapper #item-header {
    margin-top: 0 !important;
}}
#buddypress .activity-list .activity-item .activity-content>.activity-meta.action .buddyboss_edit_activity_cancel, #buddypress .activity-list .activity-item .activity-content>.activity-meta.action .button.buddyboss_edit_activity {
    margin-top: 0 !important;
    top: 3px;
    position: relative;
}
.activity-header a, h2.user-nicename {    color: goldenrod !important;}
.activity-list .activity-item .activity-meta.action .button.buddyboss_edit_activity_cancel:before {
    content: "\f335";
    position: relative;
    top: -3px;
}
.ac-textarea textarea {background: #fff !important;border: 0!important;}
.bp-member-type-list strong {display: none;}
#buddypress .member-header-actions #post-mention a, #buddypress .member-header-actions #send-private-message a{    background-color: indianred !important;}
.bp-navs ul li .count {background-color: indianred !important;    padding: 3px 5px !important;
    position: relative;top:-2px;}
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items, #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items,.buddypress-wrap:not(.bp-vertical-navs) .item-body, .bp-navs ul li a  {border: 0 !important;}
@media screen and (min-width: 46.8em){
.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {border: 0 !important;}}
.site-info, .site-footer {
    border-top: 0 !important;}
#buddypress .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment {position: relative;top:3px;}
.buddypress-wrap .activity-comments ul {
    padding: 10px;
}
ul.split-button-body {    margin: 0;
    padding: 15px;
    list-style: none;
    width: 200px;}
button .requested {font-size: 12px !important;}
.buddypress-wrap .tabbed-links ul li.current {padding-top: 5px;}
.buddypress-wrap ul.subnav {background: transparent !important;}

/* Community hub styles. */
:root {
    --ty-ink: #201b17;
    --ty-muted: #6f665c;
    --ty-line: #e7ded2;
    --ty-soft: #fbf7f0;
    --ty-panel: #ffffff;
    --ty-accent: #a95c48;
    --ty-accent-strong: #8f4435;
    --ty-gold: #c9a74d;
    --ty-green: #6a8065;
    --ty-shadow: 0 10px 30px rgba(32, 27, 23, 0.08);
}

body.ty-community-page {
    background: var(--ty-soft) !important;
}

.ty-member-wrap {
    width: min(1080px, calc(100% - 32px));
    margin: 0 auto;
    padding: 34px 0 58px;
    color: var(--ty-ink);
}

.site-header-wrapper > .container-fluid {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.ty-hero-band {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
    gap: 24px;
    align-items: stretch;
    margin-bottom: 24px;
}

.ty-hero-main,
.ty-panel,
.ty-action-card,
.ty-journal-entry {
    background: var(--ty-panel);
    border: 1px solid var(--ty-line);
    box-shadow: var(--ty-shadow);
}

.ty-hero-main {
    padding: clamp(24px, 4vw, 42px);
}

.ty-kicker {
    margin: 0 0 10px;
    color: var(--ty-accent-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ty-hero-main h1,
.ty-panel h2,
.ty-panel h3 {
    margin: 0;
    color: var(--ty-ink);
    line-height: 1.12;
    letter-spacing: 0;
}

.ty-hero-main h1 {
    max-width: 720px;
    font-size: clamp(32px, 5vw, 58px);
}

.ty-lead {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--ty-muted);
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.62;
}

.ty-hero-side {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ty-panel {
    padding: 22px;
}

.ty-panel h2 {
    font-size: 24px;
}

.ty-panel h3 {
    font-size: 19px;
}

.ty-panel p,
.ty-panel li {
    color: var(--ty-muted);
    font-size: 15px;
    line-height: 1.55;
}

.ty-panel p:last-child,
.ty-panel ul:last-child {
    margin-bottom: 0;
}

.ty-theme-meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.ty-prompt-options {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--ty-line);
}

.ty-prompt-options p {
    margin: 0 0 8px;
    color: var(--ty-accent-strong);
    font-size: 13px;
    font-weight: 700;
}

.ty-prompt-options ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
}

.ty-prompt-options li {
    color: var(--ty-muted);
}

.ty-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid var(--ty-line);
    background: var(--ty-soft);
    color: var(--ty-muted);
    font-size: 13px;
    line-height: 1.2;
}

.ty-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0;
}

.ty-action-card {
    min-height: 166px;
    padding: 20px;
    text-decoration: none;
    color: var(--ty-ink);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.ty-action-card:hover {
    color: var(--ty-ink);
    border-color: #d1bfa9;
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(32, 27, 23, 0.11);
}

.ty-action-card strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.2;
}

.ty-action-card span {
    display: block;
    color: var(--ty-muted);
    font-size: 14px;
    line-height: 1.45;
}

.ty-two-col {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 18px;
    margin-top: 24px;
}

.ty-button-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.ty-button,
.ty-button-secondary,
.ty-journal-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid var(--ty-accent);
    background: var(--ty-accent);
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.ty-button:hover,
.ty-journal-form button:hover {
    background: var(--ty-accent-strong);
    border-color: var(--ty-accent-strong);
}

.ty-button-secondary {
    background: #fff;
    color: var(--ty-accent-strong) !important;
}

.ty-button-secondary:hover {
    background: var(--ty-soft);
    color: var(--ty-accent-strong) !important;
}

.ty-journal-form {
    margin-top: 18px;
}

.ty-journal-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--ty-ink);
}

.ty-journal-form textarea {
    width: 100%;
    min-height: 190px;
    resize: vertical;
    padding: 14px;
    border: 1px solid var(--ty-line);
    background: #fff;
    color: var(--ty-ink);
    font-size: 16px;
    line-height: 1.5;
}

.ty-journal-status {
    min-height: 22px;
    margin-top: 10px;
    color: var(--ty-green);
    font-size: 14px;
}

.ty-journal-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.ty-journal-entry {
    padding: 16px;
    box-shadow: none;
}

.ty-journal-entry time {
    display: block;
    margin-bottom: 7px;
    color: var(--ty-muted);
    font-size: 13px;
}

.ty-journal-entry p {
    margin: 0;
    white-space: pre-wrap;
}

.ty-journal-entry-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.ty-entry-delete {
    border: 0;
    background: transparent;
    color: var(--ty-muted);
    padding: 4px 0;
    font-size: 13px;
    cursor: pointer;
}

.ty-entry-delete:hover {
    color: var(--ty-accent-strong);
}

.ty-note {
    border-left: 4px solid var(--ty-gold);
    padding-left: 14px;
}

.ty-list-clean {
    margin: 14px 0 0;
    padding-left: 18px;
}

@media (max-width: 900px) {
    .ty-hero-band,
    .ty-two-col {
        grid-template-columns: 1fr;
    }

    .ty-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ty-member-wrap {
        width: min(100% - 20px, 1080px);
        padding-top: 18px;
    }

    .ty-grid {
        grid-template-columns: 1fr;
    }

    .ty-hero-main,
    .ty-panel,
    .ty-action-card {
        padding: 18px;
    }
}
