/** Choice Coach phone styles */
nav.top {
display: none;
.logo-bar {
padding: 0px 20px;
}
}
footer {
padding: 0px 16px;
gap: 16px;
.content {
.copyright {
font-size: 11px;
align-self: end;
}
.footer-links {
gap: 8px;
flex-direction: column;
align-items: end;
}
}
}
.badge {
font-size: 11px;
}
.form {
.form-input-pair {
flex-direction: column;
gap: 16px;
}
}
.simple-form {
padding: 96px 16px 80px 16px;
}
.medium2-form,
.medium-form,
.wide-form {
width: unset;
padding: 64px 16px 80px 16px;
margin: 0px 0px;
}
.main-content {
&.member-content,
&.visitor-content {
padding: 16px;
.page-header {
&.with-search,
&.with-actions {
gap: 24px;
flex-direction: column-reverse;
.search-panel {
width: 100%;
#coach-search-field {
width: 100%;
}
}
}
.photo-header-text {
gap: 16px;
}
}
}
}
.window-overlay {
.close-button {
top: 14px;
right: 16px;
}
}
.docking {
&.padding {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
}
#page-status-message {
width: calc(100% - 16px);
left: 16px;
border: 1px solid var(--color-panel-border);
outline: none;
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}
cc-messaging {
width: 100%;
right: -660px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.50);
backdrop-filter: blur(8px);
.inner-panel {
.heading-content {
.heading {
padding: 0px 12px;
.button {
padding: 8px 8px;
font-size: 14px;
}
}
.past-messages {
.message {
&.peer-message {
padding-right: 16px;
}
&.self-message {
padding-left: 16px;
}
}
}
}
.messaging-footer {
.composition {
padding: 12px 12px;
}
}
}
}
cc-expertise-tree {
.input-label-pair {
.badge {
font-size: 12px;
}
}
.tree-container {
.subtree {
padding-left: 20px;
}
}
}
cc-star-rating {
&.large {
.score, .review-count {
font-size: 14px;
}
}
}