@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

#toolbar-administration {
    display: none;
}

body, html {
    overflow: hidden;
    padding-top: 0 !important;
    width: auto!important; overflow-x: hidden!important
    }
    

    body.page-user-login,
    body.page-user-password,
    body.page-user-register {
    overflow: scroll;
}


    body.page-user-login .community-title-wrapper,
    body.page-user-password .community-title-wrapper,
    body.page-user-register .community-title-wrapper {
    display: none;
}
    
    img {
    max-width: 100%;
    height: auto;
}

.vertical-tabs {
    display: none;
}

.dropbutton a {
    margin-bottom: 10px;
}
    
.main .container {
    overflow-y: scroll;
    max-width: 100% !important;
}

.coaches .container {
    padding: 0;
}

.nav li {
    text-align: center;
}

#auth_box {
    width: 80%;
    padding: 0;
    max-width: 600px;
}

#auth_box img {
    max-width: 200px;
}

#auth_box .region-content {
    color: #495058;
    padding-top: 1em;
    padding-bottom: 0;
}

a#edit-cancel {
    width: 100%;
    background: #bc2226;
    border-color: #bc2226;
    margin-top: 10px;
}

#auth_box h2.title {
    color: #209fbc;
}

.main {
    margin-top: 60px;
}
@media (max-width: 1199.98px) {
    .main {
    padding-top: 60px;
}
.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-inline-start: 0;
}
}

.group .field--name-field-description {
        margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #219ebc;
}

.community-title-wrapper {
    position: fixed;
    top: 0;
    left: 30.6rem;
    width: calc(100% - 30.6rem);
    height: 60px;
    z-index: 9;
    background: #373f44;
    padding: 5px;
}
@media (max-width: 1199.98px) {
    .community-title-wrapper {
    left: 0;
    width: 100%;
}
}
.community-icon, .community-title {
    display: inline-block;
    vertical-align: middle;
    margin:0;
    max-width: 60%;
    max-height: 50px;
    overflow: hidden;
    padding-left: 8px;
    font-size: 2em;
}
@media (max-width: 1400px) {
.community-icon, .community-title {
    font-size: 1.4em;
    max-width: 250px;
}
}
@media (max-width: 600px) {
.community-icon, .community-title {
    font-size: 1em;
        max-width: 200px;
}
}
@media (max-width: 550px) {
.community-icon, .community-title {
    font-size: 0.5em;
    max-width: 60px;
}
}
@media (max-width: 400px) {

}

.community-icon img {
    width:50px;
    height:50px;
    border-radius:50%;
}
.community-sport {
    font-size: 0.4em;
}
@media (max-width: 926px) {
.community-sport {
    display: none;
}
}

ul.community-tabs {
    display: inline-block;
    text-align: center;
    float: right;
        margin-right: 20px;
}
ul.community-tabs li {
    display: inline-block;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.tab-icon, .tab-text {
    display: inline-block;
    vertical-align: middle;
        font-size: initial;
}
@media (max-width: 430px) {
ul.community-tabs li {
    padding: 10px 0px;
}
}
@media (max-width: 350px) {
ul.community-tabs li {
    display: none;
}
}
@media (max-width: 782px) {
.tab-text {
    display: none;
}
}
img.tab-icon {
    width: 40px;
    height: 40px;
    margin: auto;
}
.community-tabs a {
    color: #fff;
}
#group-group-field-conversation {
    margin-top: 40px;
}

.messages.messages--status {
    background: #229ebc;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.messages.messages--status a {
    color: #fff;
    font-weight: 700;
}


ul {
    list-style: none;
    padding: 0;
}

ul.tabs.primary li {
    list-style: none;
    display: inline-block;
    background: #229ebc;
    color: #fff;
    padding: 4px 8px;
}
ul.tabs.primary li a {
    color: #fff;
}

/* COACH PROFILE START */

/*.section-user h1.page-title {
    display: none;
}*/

.sessions, .followers, .following {
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}

.sessions span, .followers span, .following span {
    font-size: 0.8em;
    opacity: 0.5;
}

.sessions a div div, 
.followers a div div, 
.following a div div {
    height: 0;
}


.profile-image {
    margin-top: -100px;
    margin-left: 20px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 5px solid #fff;
}
.profile-image img {
    width: 100%;
    height: auto;
    background: #fff;
}

.header-image {
    min-height: 225px;
    max-height: 250px;
    overflow: hidden;
}
.header-image img {
    width:100%;
}

.card {
/*  overflow-x: hidden!important; */
  border-radius: 20px;
}

.card-body {
    overflow-x: hidden;
}

.indented .card-body {
    padding: 0.5rem;
    padding-bottom: 2rem;
}

.indented .comment-meta {
    margin-top: 30px;
    margin-left: 70px;    
    height: 40px;
}

.coach-profile .card-body {
        padding: 1rem 2.25rem;
}

.coach-profile-about span {
    display: block;
}

span.username, span.name {
    display: inline-block;
}

.coach-profile-about .name {
    font-weight: 700;
    font-size: 1.8em;
}


/* COACH PROFILE END */

.group {
    position: relative;
}

.group .media {
    display: block;
}

.group .media img {
    display:block;
    margin: auto;
    margin-bottom: 20px;
}

.field__label {
    font-weight: 700;
}

video {
    max-width: 100%;
    background: #000;
    margin-top: 1em;
}

.region.region-content,
.region.region-coaches-content,
.region.region-communities-content,
.region.region-library-content,
.region.region-profile-content,
.region.region-messages-content {
    padding: 0 5%;
    padding-bottom: 140px !important;
    padding-top: 60px;
}

@media (max-width: 782px) {
    .region.region-content,
.region.region-coaches-content,
.region.region-communities-content,
.region.region-library-content,
.region.region-messages-content,
.region.region-profile-content {
    padding: 0;
}
}

.main-layout .default,
.main-layout .coaches,
.main-layout .library,
.main-layout .profile,
.main-layout .messages {
    width:100%;
}

.tab-content, .tab-pane {
    height: 95%;
}

.section-group .region-content {
    margin-bottom: 100px;
}

.ajax-comments-form-add {

}
@media (max-width: 1199.98px) {
    .ajax-comments-form-add {

}
}

.views-exposed-form .form-item {
    width: 100%;
}

.comment-form textarea {
background: transparent;
    color: #1d1d1c;
    padding: 10px;
    height: 200px;
    width: 100%;
    margin: 5px;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.form-managed-file .form-file {
    font-size: 0;
    width: 100%;
    max-width: 100px;
}

.form-managed-file .form-file:before {
    content: '';
    background: url(https://portal.coachuna.com/images/icon-gallery.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-left: 12px;
    position: absolute;
}

.field--name-field-attach-image .form-file:before {
  background: url(/assets/media/icon-image.png);
    background-size: cover;
}

.field--name-field-attach-video .form-file:before {
  background: url(/assets/media/icon-video.png);
    background-size: cover;
}

.field--name-field-attach-file .form-file:before {
  background: url(/assets/media/icon-file.png);
    background-size: cover;
}

.comment-form-wrap,
#private-message-add-form,
.private-message-add-form {
    background-color: rgba(255, 255, 255, 0.98);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: none;
    height: 100vh;
    left: 0;
    padding: 10%;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000;
}

.comment-form-wrap.active,
#private-message-add-form.active,
.private-message-add-form.active {
    display: block;
}

#block-coachuna-commentslauncherclose,
#img-modal-closer {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: 9999;
    display:none;
    background: none;
    border: none;
    font-size: 2em;
    color: #fff;
}

#block-coachuna-commentslauncherclose.active,
#img-modal-closer.active {
    display:block;
}

#comment-form-launcher {
    background: none;
    border: none;
    font-size: 0.4em;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #229ebc;
}
@media (max-width: 1199.98px) {
    #comment-form-launcher {
    bottom: 140px;
}
}
#comment-form-launcher i {
    font-size: 25px;
    background: #229ebc;
    color: #fff;
    padding: 0.5em;
    border-radius: 50%;
    }

.ajax-comments-form-reply textarea {
    background: #fff;
}

.comment-form .form-actions {
    width: 100%;
    display: block;
    margin: 5px;
    margin-top: 10px;
}

.comment-body img {
    background: white;
    margin-top: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.comment .links a, 
.comment .links, 
.comment .links span,
.like_dislike .like a, 
.like_dislike .dislike a,
.comment .flag-report {
    color: #229ebc;
}

.comment .links li {
        cursor: pointer;
}
.comment-form label {
    display: none;
}

.comment-form .field--name-field-have-you-attached-a-sessio label {
    display: initial !important;
}

.comment-form .field--name-field-have-you-attached-a-sessio {
    min-width: 50px;
    background: #ffffff;
    margin: 5px;
    padding: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.comment-form .field--widget-file-generic label, .comment-form .field--widget-image-image label {
    display: block;
}
.comment-form .form-actions {
    margin-top: 0;
}
.comment-form .form-wrapper {
    display: inline-block;
    vertical-align: top;
}
.js-filter-wrapper,
.comment-form .field--name-field-like {
    display: none;
}
.comment-form .field--widget-text-textarea {
    width: 100%;
}
.comment-form .field--widget-file-generic, .comment-form .field--widget-image-image {
    min-width: 50px;
    background: #ffffff;
    margin: 5px;
    padding: 10px;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media (max-width: 1199.98px) {

}

.comment-body .field--name-field-image img,
.comment-body .field.field--name-field-video video {
    margin: auto;
    display: block;
    margin-top: 1em;
    border-radius: 20px;
}

.comment-body .field.field--name-field-video video {
    background: #000;
}

@media (max-width: 1199.98px) {
    .comment-form .field--widget-text-textarea {

}
.comment-form .field--name-field-image, .comment-form .field--name-field-video, .comment-form .field--name-field-attachment {
    width: 10%;
}
}
.comment-form .form-actions .button {
        height: 50px;
    width:100%;
    padding:0;
    text-transform: uppercase;
}

.comment-header a.permalink, .comment-header .comment-title {
    display: none;
}

.comment-header article > .form-item {
    display: none;
}
.comment-header a {
    font-weight: 900;
}
.comment-header .field--name-user-picture .field__label {
    display: none;
}
.node-content .comment-header .field--name-user-picture img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #f26222;
    margin: 0;
}
.comment-header .field--name-field-bcio, 
.comment-header .field--name-field-address,
.comment-header .field--name-field-logo, 
.comment-header .field--name-field-stats, 
.comment-header .field--type-viewfield, 
.comment-header .flag {
    display: none !important;
}
.comment-header .field--name-field-profile-picture {
    display: block !important;
}

.ajax-comments-form-reply {
    margin-bottom: 20px;
}

.comment-user-picture, .comment-meta {
    display: inline-block;
    vertical-align: top;
}
.comment-user-picture {
    width: 50px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 50%;
}


article .comment-meta {
    height: 20px;
    margin-left: 25px;
    margin-top: 10px;
        position: absolute;
    z-index: 9;
}

.comment-meta p {
    font-size: 0.8em;
}

.comment-header {
    position: absolute;
    z-index: 1;
    top: 1em;
    left: 1em;
}

.block-unblock {
    display: none;
}

.comment-header .private_message_link_wrapper {
    display: none;
}

.comment-header .has-stories:before {
    width: 50px !important;
    height: 50px !important;
}

.comment-header .user-marker.premium {
    left: 0;
    right: auto;
    zoom: 0.5;
}

.comment-meta, .comment-meta h3 {
    font-size: 0.8em;
    line-height: 0.8em;
    margin-left: 60px;
    margin-top: -20px;
}

.field--name-comment-body {
    padding-top: 50px;
}

.comment-body p {
    margin-bottom: 0;
}
.comment.by-viewer .comment-user-picture img {
    border: 3px solid #229ebc;
}
.indented .comment {
    margin-left: 4em;
}

.comment .flag-report:before {
    content: "\f024";
    font-family: "Font Awesome 6 Free";
    padding-right: 5px;
}

.comment .flag-report.action-unflag:before {
    font-weight: 900;
}

.comment-body .links {
    list-style: none;
    padding-left:8px;
        margin-top: 5px;
}
.comment-body .links li {
    font-size: 0.8em;
    line-height: 2em;
}
.comment-form-wrap h2 {
    display: none;
}

.comment-form .js-filter-wrapper {
    display: none;
}

.comment-meta a.username {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width: 500px) {
.comment-meta a.username {
    max-width: 150px;
}
.likeit-title:before,
.reply a i,
.replies a i,
.favourites a:before {
    display: block;
    text-align: center;
}
.comment .card-footer {
    zoom: 0.6;
}
}

.logo-img {
    width:100%;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
}

.main .h2,
.main .h3,
.main .h4,
.main .h5,
.main .h6,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
  color: #485057;
}

input {
    max-width: 100%;
}

.form-actions {
    margin-top: 20px;
}

.form--inline {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.form--inline select, 
.form--inline input {
    width: 100%;
    vertical-align: top;
}

.form-text,
.form-textarea,
.form-email,
.form-url,
.form-select,
.form-tel {
    width: 100%;
    border: none;
}
.form-item .description {
    color: #C95D63;
}
.form-item .description {
    font-style: italic;
    font-size: 0.8em;
}

.form-url {
    min-height: 40px;
    border-radius: 5px;
}

.user-form .form-item,
.profile-form .form-item {
    padding: 2px;
}

.user-form fieldset {
    margin-top: 2em;
}

.user-form .form-managed-file {
    height: auto;
}

.user-form .image-widget-data .form-submit[value|="Remove"], .user-form .form-managed-file .form-submit[value|="Remove"] {
    position: relative;
}

.user-form .form-managed-file .form-file {
    font-size: initial;
}

.authentication-page p,
.text-dark {
  color: #f8f9fa !important;
}
.media-link:after {
  background-color: transparent;
}
.form-group label {
  color: #fff;
}
.form-group.bg-light,
.input-group.bg-light {
  background-color: #383f44 !important;
}
.form-group .input-group-text,
.input-group .input-group-text {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.form-group input.form-control,
.input-group input.form-control {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  caret-color: #adb5bd;
}
.form-group input.form-control:focus,
.input-group input.form-control:focus {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.form-control:focus {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
textarea.form-control:focus {
  background-color: transparent;
}
.custom-file-label {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #adb5bd;
}
.custom-file-label:after {
  background-color: #383f44;
  border-color: #2a2a2a;
  color: #fff;
}
.avatar {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.avatar.avatar-away:before,
.avatar.avatar-busy:before,
.avatar.avatar-offline:before,
.avatar.avatar-online:before {
  border-color: #323333;
}

.likeit-title:before {
    content: "\f164";
    font-family: "Font Awesome 6 Free";
    padding-right: 5px;
}
.likeit-title.Unlike:before {
    font-weight: 900;
}

.flag-add-to-favourites-comment a:before {
    content: "\f005";
    font-family: "Font Awesome 6 Free";
    padding-right: 5px;
}
.flag-add-to-favourites-comment.action-unflag a:before {
    font-weight: 900;
}

.btn {
    width: 100%;
}
.btn-sm {
    min-height: 30px;
}
.btn.btn-icon {
    width: 3rem;
}
.btn-outline-default,
select,
.form-text,
.form-textarea,
.form-email,
.form-url,
.form-tel {
  background: #2a2a2a;
  border-color: #2a2a2a;
  color: #adb5bd;
}
.btn-outline-default:hover,
select:hover,
.form-text:hover {
  background: #495057;
  color: #adb5bd;
}
.btn-outline-default:focus,
select:focus,
.form-text:focus {
  box-shadow: none;
}
.btn-minimal {
  background-color: transparent !important;
  color: #495057;
}
.btn-minimal:hover {
  color: inherit !important;
}
.btn-minimal:focus {
  color: rgba(33, 37, 41, 0.35);
}
.btn-minimal.active {
  color: inherit;
}
.btn-secondary {
  color: #adb5bd;
}
.btn-secondary:not(:disabled):not(.disabled):active {
  color: inherit;
}
.message-content .btn-primary {
  background: #4e44fe;
}
.message .message-content {
  background-color: #383f44;
  color: #b9b9b9;
}
.message .avatar img {
  box-shadow: 0 0 0 0.5rem #323333;
}
.message .message-options {
  color: #adb5bd;
}
.message.self .message-content {
  background-color: #219ebc;
  color: #fff;
}
.message-divider:before {
  background-color: #424242;
  border-color: #2b2b2f;
  color: #b0b5b9;
}
.contacts-list .contacts-item.active .avatar:before {
  border-color: #219ebc;
}
.contacts-list .contacts-item.unread .avatar:before {
  border-color: #f4f4ff;
}
.contacts-list .contacts-item .contacts-link {
  border-color: #333341;
  color: inherit;
  color: #fff;
  position: relative;
}
a.contacts-link-hidden {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
@media (min-width: 1200px) {
  .contacts-list .contacts-item:hover .contacts-link {
    border-color: #219ebc;
  }
  .contacts-list .contacts-item.active .contacts-link {
    background: #219ebc;
    border: 1px solid #219ebc;
  }
  .contacts-list .contacts-item.active .contacts-link .chat-name {
    color: #fff;
  }
  .contacts-list .contacts-item.active .contacts-link .chat-time,
  .contacts-list .contacts-item.active .contacts-link .contacts-texts,
  .contacts-list .contacts-item.active .contacts-link p,
  .contacts-list .contacts-item.active .contacts-link svg {
    color: #f1f1f1 !important;
  }
}
.contacts-list .contacts-item.unread .contacts-link {
  background: #383f44;
  border-color: #383f44;
}
.contacts-list .contacts-item.unread .contacts-link .contacts-texts {
  color: #e8e8e8;
}
@media (min-width: 1200px) {
  .contacts-list .contacts-item.unread.active .contacts-link {
    background: #219ebc;
    border: 1px solid #219ebc;
  }
  .contacts-list .contacts-item.unread.active .contacts-link .chat-name,
  .contacts-list .contacts-item.unread.active .contacts-link .chat-time,
  .contacts-list .contacts-item.unread.active .contacts-link .contacts-texts {
    color: #f1f1f1;
  }
}
.contacts-list .contacts-content .contacts-info .chat-time,
.contacts-list .contacts-content .contacts-texts {
  color: #adb5bd;
}
.dropdown.show .btn-secondary.btn-minimal,
.dropdown.show .nav-link {
  color: #495057 !important;
}
.dropdown.show .btn-outline-default,
.dropdown.show select,
.dropdown.show .form-text {
  background-color: #495057;
}
.dropdown.show .dropdown-menu {
  background: #2b2b2b;
}
.dropdown.show .dropdown-menu .dropdown-item {
  color: rgba(197, 201, 223, 0.8);
}
.dropdown.show .dropdown-menu .dropdown-item:focus,
.dropdown.show .dropdown-menu .dropdown-item:hover {
  background-color: #383f44;
}
.modal-content {
  background: rgb(56 63 68 / 100%);;
  border-color: rgb(56 63 68 / 100%);;
}
.modal-content h5,
.modal-content h6 {
  color: #fff;
}
.modal-content .modal-header {
  border-color: #2b2b2f;
}
.modal-content .modal-header .modal-title {
  color: #fff;
}
.modal-content .modal-footer {
  border-color: #2b2b2f;
}
.close {
  text-shadow: none;
}
.list-group-item {
  background: #383f44;
  border-color: #2b2b2f;
}
.document-body h6,
.document-body p,
.list-group-item p,
.media-body h6,
.media-body p {
  color: #fff;
}
.chat-body .chat-footer,
.chat-body .chat-header {
  border-color: #2b2b2f;
}
.chat-info {
  background: #383f44;
}
@media (min-width: 1200px) {
  .chat-info {
    border-color: #2b2b2f;
  }
}
@media screen and (max-width: 1260px) and (min-width: 1200px) {
  .chat-info.chat-info-visible {
    border-color: #2b2b2f;
  }
}
.chat-info .chat-info-header {
  border-color: #2b2b2f;
}
.chat-info h5,
.chat-info h6 {
  color: #fff;
}

.main-layout .navigation {
  background: #383f44;
}
@media (min-width: 1200px) {
  .main-layout .navigation {
    border-color: #2b2b2f;
  }
}
#mainNavTab li a i,
.community-tabs li a i {
    font-size: 1.2em;
    padding-bottom: 10px;
}
.community-tabs li a i {
    padding-bottom: 0;
}
#mainNavTab li a:hover i,
#mainNavTab li a.active i,
.community-tabs a:hover i,
.community-tabs a.active i {
    font-weight: 900 !important;
}
.nav-text {
    font-size: 0.4em;
    display: block;
    text-align: center;
}
.main-layout .sidebar {
  background: #2d2d2d;
    height: 100vh;
}
@media (min-width: 1200px) {
  .main-layout .sidebar {
    border-color: #2b2b2f;
  }
}
.main-layout .main {
  background: #f2f4f7;
}

@media (max-width: 992px) {
  .main-layout .main {
    background: #f2f4f7;
  }
}
.navbar-light .nav-minimal .nav-link {
  color: #aaa;
}
.navbar-light .nav-minimal .nav-link:hover {
  color: #dedcff;
}
.navbar-light .nav-minimal .nav-link.active {
  color: #fff;
}
.sidebar-header {
  background: #383f44;
  border-color: #2b2b2f;
}
@media (max-width: 1200px) {
.sidebar-header {
  background: #229ebc;
  border-color: #229ebc;
}
.main-layout .sidebar {
    background: #f1f4f7;
}
.main-layout .sidebar .contacts-list, .main-layout .sidebar .contacts-list h1, .main-layout .sidebar .contacts-list h2, .main-layout .sidebar .contacts-list h3, .main-layout .sidebar .contacts-list h4, .main-layout .sidebar .contacts-list h5, .main-layout .sidebar .contacts-list h6, .main-layout .sidebar .contacts-list p {
    color: #2a2a2a;
}
}
.sidebar-header h5 {
  color: #fff;
}
.card,
.card-bg-1,
.card-bg-2,
.card-bg-3,
.card-bg-4,
.card-bg-5 {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 5px;
}
.card .card-footer,
.card .card-header {

}

.card.bg-dark {
    border: none;
}

.page-main-heading {
  background-color: #383f44;
  border-color: #2b2b2f;
}
.page-main-heading h5 {
  color: #fff;
}
.border-bottom {
  border-color: #2b2b2f !important;
}
.appbar {
  background: #383f44;
}
@media (min-width: 1200px) {
  .appbar {
    border-color: #2b2b2f;
  }
}
.appbar .appbar-head {
  background-color: #383f44;
  border-color: #2b2b2f;
  color: #f8f9fa;
}
.appbar .nav-link {
  color: #adb5bd;
}
.appbar .appbar-wrapper {
  border-color: #2b2b2f;
}
@media (min-width: 1200px) {
  .appbar .appbar-wrapper {
    border-color: #2b2b2f;
  }
}
.appbar .appbar-wrapper .nav-link {
  color: #b1b1b1;
}
.appbar .appnavbar-content {
  background: #323333;
}
.appbar .appnavbar-content .appnavbar-body-title,
.appbar .appnavbar-content .appnavbar-footer,
.appbar .appnavbar-content .appnavbar-heading {
  background-color: #383f44;
  border-color: #2b2b2f;
}
.backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}
.translator-container textarea {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  caret-color: #adb5bd;
  color: #b9b9b9;
}
.translator-container textarea:focus {
  color: #fff;
}
.translator-container .card {
  color: #b9b9b9;
}
.note-container {
  padding: 0.75rem;
}
.note-container .note {
  background-color: #383f44;
  border-color: #2b2b2f;
}
.note-container .note .note-footer {
  border-color: #2b2b2f;
}
.note-container .note .note-added-on,
.note-container .note .note-description,
.todo-container .todo-list .todo-task-done .todo-title {
  color: #adb5bd;
}
.settings-container .border {
  border-color: #2b2b2f !important;
}
.modal-body .form-control {
  color: #b9b9b9;
}
.modal-body textarea {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  caret-color: #adb5bd;
  color: #b9b9b9;
}
.modal-body textarea:focus {
  color: #fff;
}
.dropdown-divider {
  border-color: #4b4b60;
}
.emojionearea .emojionearea-picker {
  background: #323333;
}
.emojionearea .emojionearea-picker .emojionearea-filters {
  background: #383f44;
}
.emojionearea
  .emojionearea-picker
  .emojionearea-filters
  .emojionearea-filter.active {
  background: #323333;
}
.emojionearea-form-control {
  background-color: #323333;
  border-color: #2b2b2f !important;
  color: #adb5bd;
}
.emojionearea-form-control.focused {
  color: #fff;
}
#group-group-field-conversation .indented {
    margin-left: 20px;
}

.indented .messages,
.comment-form-wrap .messages {
    display: none !important;
}

.ajax-progress {
        position: fixed;
    z-index: 1261;
    top: 48.5%;
    left: 49%;
    width: 100px;
    height: 100px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: transparent;
    background-image: url(https://portal2.coachuna.com/assets/media/spinner.gif);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}

.contacts-content .flag-follow a {
    padding: 6px 10px;
    min-height: 28px;
    line-height: 1em;
    width: auto;
    min-width: 100px;
    z-index: 2;
    border: 0px solid transparent;
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.4375rem 1.25rem;
    text-align: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    min-height: 30px;
        background-color: #219ebc;
    border-color: #219ebc;
    color: #fff;
}

.contacts-content .flag {
    position: absolute;
    z-index: 2;
    margin-top: -30px;
    right: 10px;
}

.form-type-managed-file .description {
    display: none;
}


.js-form-managed-file ::-webkit-file-upload-button {
    background: #219ebc;
    border: none;
    height: 50px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}

.form-managed-file, .form-managed-file a, .form-managed-file span {
    color: #fff;
    margin: auto;
    width: 100%;
    display:block;
    overflow:hidden;
    position: relative;
}

.comment-form .field--widget-image-image label {
    display: none;
}

.comment-form .field--widget-image-image summary {
    margin-bottom: 0.5rem;
}

@media (min-width: 1200px) {
.comment-form .field--widget-file-generic, 
.comment-form .field--widget-image-image {
    width: 30%;
}
}

.comment-form .field--widget-file-generic:has(table), 
.comment-form .field--widget-image-image:has(table) {
    width: 100% !important;
}

li.tabs__tab:has(> a[href*="content"]),
li.tabs__tab:has(> a[href*="revisions"]),
li.tabs__tab:has(> a[href*="nodes"]) {
    display: none;
}

table {
    border-collapse: collapse;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    width: 100%;
}

table thead tr {
    background-color: #219ebc;
    color: #ffffff;
    text-align: left;
}

tr {
    border-bottom: 1px solid #373f44;
}

table th, table td {
    padding: 12px 15px;
    vertical-align: middle;
}

.group-form .form-managed-file .form-file:before {
    display: none;
}
.group-form .form-managed-file .form-file {
    font-size: initial;
}

.comment-form .form-actions .button:nth-child(2) {
        display: none !important;
    color: transparent;
    background: transparent;
    border-color: transparent;
}

.image-widget-data .file--mime-image-png {
    display: none;
}

.image-widget-data .form-submit[value|="Remove"],
.form-managed-file .form-submit[value|="Remove"] {
background-color: #bc2222;
    border-color: #bc2222;
    }

form#group-relationship-group-group-membership-group-join-form #edit-actions:before {
    content: 'Are you sure you want to join this community?';
    padding-bottom: 20px;
    display: block;
}


.group-relationship-form #edit-path-wrapper {
    display: none;
}

.comment-form #edit-field-like-wrapper {
    display: none;
}

.like_dislike .like, .like_dislike .dislike {
    text-align: left;
    width: 100%;
}

.like_dislike, 
.like, 
.dislike,
.like a,
.dislike a,
.like span,
.dislike span {
    border: none !important;
}

.like_dislike .like span, 
.like_dislike .dislike span {
    min-width: 20px;
    text-align: right;
}

.like a,
.dislike a,
.like span,
.dislike span {
    font-size: 0.8em;
}

.like_dislike .like a {
    margin-top:-8px;
    float: right;
    padding-left: 10px;
}

.like a:before {
    content: "\f164";
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    padding-right: 5px;
}

.like_dislike .like span:before {
    content: '\0028';
}

.like_dislike .like span:after {
    content: '\0029';
}

.like_dislike .like span, .like_dislike .dislike span {
    float: left;
    padding-left: 20px;
    padding-right: 0;
    color: #229ebc;
}

.dislike {
    display: none;
}

.comment-body {
    position: relative;
}

.comment-body .field--name-field-attach-file a:before {
    content: "\f0c6";
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    padding-right: 5px;
    font-weight: 900;
}

.comment .links a.js-ajax-comments-delete:before {
    content: "\f2ed";
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    padding-right: 5px;
}

.comment .links a.js-ajax-comments-edit:before {
    content: "\f303";
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    padding-right: 5px;
    font-weight:900;
}

.comment .links a.js-ajax-comments-reply:before {
    content: "\f3e5";
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    padding-right: 5px;
    font-weight:900;
}

.button--danger {
    width: 100%;
    margin-top: 10px;
    background: #bc2121;
    border-color: #bc2121;
}

.social-links {
    width: 100%;
    text-align: center;
}

.social-links a {
    margin: 20px;
    display: inline-block;
    font-size: 20px;
}

.comment-user-picture img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.comment {
    border-top: 1px solid #cfe1e5;
    padding-top: 5px;
    position: relative;
}
.comment:first-child {
 /*   border: none; */
}
.indented .comment {
    border: none;
    padding: 0;
}

/* Messaging */

.private-message-inbox .node-taxonomy-container {
    display: none;
}

.block-private-message-inbox-block .active-thread {
    border-color: #219ebc !important;
}

.private-message-thread.private-message-thread-inbox .private-message-recipients:before {
    content: "\f27a";
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    padding-right: 5px;
}

.private-message-recipients, .private-message-inbox .field--name-created {
    font-size: 0.8em;
    color: #219ebc;
}

#block-coachuna-privatemessageinbox h2 {
    display: none;
}

.region-messages-list {
    list-style: none;
    padding: 0.75rem;
}

@media (min-width: 1200px) {
.private-message-thread-inbox {
    color: #fff;
}
}

.private-message-thread-inbox {
    padding: 0.5em 1em !important;
}
.private-message h3.term-title, .private-message .taxonomy-terms {
    display: inline-block;
}

.private-message h3.term-title {
    font-size: 1em;
}

#private-message-page .private-message-thread-full .field--name-private-messages .private-message {
    background: #fff;
    padding: 10px 20px 10px 20px;
    border: none;
    border-radius: 20px;
    margin-top: 1em;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#private-message-page .private-message-thread-full .field--name-private-messages .private-message.private-message-author-self {
    background: #cfe1e5;
}

#private-message-add-form {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #cfe1e5;    
    overflow: scroll;
    padding-bottom: 180px;
}

#edit-message-wrapper .js-filter-wrapper {
    display: none;
}

@media (max-width: 1200px) {
.indented .comment {
    margin-left: 0em;
}
.card-footer {
        padding: 0.5rem;
}
}

.comment-body .dropdown {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    line-height: 0;
}
.comment-body .dropdown .dropdown-menu {
    font-size: initial;
    line-height: initial;
}
[id^="like_dislike_status-"] {
    display: none;
}
.like_dislike:has([id^="like_dislike_status-"]:not(:empty)) .like a:before {
    font-weight: 700;
}

.comment .card-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border: none;
        align-items: flex-end;
}

article.comment .flag, article.comment .likeit {
    display: none;
}
article.comment .comment-body {
    margin-top: 20px;
    margin-left: 20px;
}
#comment-form {
    margin-top: 60px;
}

.file-upload-js-error {
    display: block !important;
    width: 100%;
    color: #fff;
    background: #bc2222;
    margin-bottom: 10px;
    padding: 10px;
}

.collapse,
.collapsing {
    background: #f8f9fa;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-top: -20px;
    margin-bottom: 10px;
}

.view-community-conversation-replies {
    padding: 20px;
}

.view-experience .contacts-item,
.view-group-members .contacts-item,
.view-duplicate-of-experience .contacts-item {
    border-bottom: 1px solid #229ebc;
    padding-bottom: 10px;
}

.action-links {
    margin-bottom: 20px;
}

.action-links li {
    list-style: none;
}

*:focus {
    outline: none !important;
}

#img-modal img {
    height: 100%;
    width: auto;
    margin: auto;
}

@media (max-width: 1199.98px) {
#img-modal img {
    width: 100%;
    height: auto;
    margin: auto;
}
}

#img-modal {
        height: 80%;
    left: 10%;
    top: 10%;
    width: 80%;
}

#img-modal .modal-content {
    display: flex;
    height: 100%;
    width: 100%;
    text-align: center;
}

#img-modal-closer i {
    background: #229ebc;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    text-align: center;
}

.modal.active {
    display: block;
}
.modal-content {
    height: 100vh;
}

.indented .comment .likes {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 10px;
}

.smaller {
    font-size: 0.6rem;
}

.indented .likeit-title, .likeit-count {
    display: inline-block;
    vertical-align: bottom;
}
.indented .likeit-title.Like {
    font-size: 0;
}
.indented .likeit-title.Like:before {
    font-size: initial;
}


.typing {
    width: 5em;
    height: 2em;
    position: relative;
    padding: 10px;
    margin: auto;
    background: #e6e6e6;
    border-radius: 20px;
    margin-bottom: 20px;
}

.typing__dot {
  float: left;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: #8d8c91;
  border-radius: 50%;
  opacity: 0;
  animation: loadingFade 1s infinite;
}

.typing__dot:nth-child(1) {
  animation-delay: 0s;
}

.typing__dot:nth-child(2) {
  animation-delay: 0.2s;
}

.typing__dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}

.updated-date {
    vertical-align: top;
    text-align: center;
    margin-left: 10px;
}

.indented .card-body p {
    margin-left: 10px;
}

.comment-loader {
    display:none;
}
.comment-loader.active {
    display:block;
}

.comment-form .form-actions, #back-button-wrapper button {
    position: fixed;
    top: 100px;
    width: 100px;
    right: 20px;
}
#back-button-wrapper button {
    right: 25px;
    top: 160px;
}


.page-private-message-create #private-message-add-form {
    display: block;
    position: relative;
    border: none;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.feed-icons {
    display: none;
}

img.multiple {
    max-width: 45%;
}

@media (min-width: 1199.98px) {
.comment-form-wrap, #private-message-add-form, .private-message-add-form {
    left: 500px;
    width: calc(100vw - 500px);
}
}


.private-message-recipients span {
    display: none;
}

@media (max-width: 1199.98px) {
.profile-tab-open .main {
    padding-top: 0;
}

.profile-tab-open .profile .community-title-wrapper {
    display: none;
}
}

span.file:before {
    content: '\f15b';
    font-family: fontawesome;
    color: #229ebc;
    /* font-weight: 400 !important; */
}

button#comment-form-closer {
    background: none;
    border: none;
    padding-top: 5px;
}

.tabledrag-toggle-weight-wrapper,
.tableresponsive-toggle-columns,
.touchevents a.tabledrag-handle {
    display: none;
}

#edit-field-attach-image-wrapper table thead,
#edit-field-attach-image-wrapper table thead,
#edit-field-attach-image-wrapper table thead {
    display: none;
}
#edit-field-attach-image-wrapper table td,
#edit-field-attach-image-wrapper table td,
#edit-field-attach-image-wrapper table td {
    width: 100%;
    display: block;
}
#edit-field-attach-image-wrapper table tr,
#edit-field-attach-image-wrapper table tr,
#edit-field-attach-image-wrapper table tr {
    border-bottom: none;
}

.details-wrapper table {
    display:block;
    box-shadow: none;
}


.section-user .form-managed-file a {
    display: none;
}

.section-user .form-managed-file .form-file {
    max-width: 200px;
}

@media (max-width: 1199.98px) {
    .hide-mobile {
    display: none;
}
}

@media (min-width: 1199.98px) {
    .hide-desktop {
    display: none;
}
}

.field--name-field-have-you-attached-a-sessio {
    width: 100%;
}
.form-item-field-have-you-attached-a-sessio {
    display: inline-block;
    padding: 2em 0em;
}
#edit-field-have-you-attached-a-sessio-yes, #edit-field-have-you-attached-a-sessio-no {
    display: none;
}
.form-item-field-have-you-attached-a-sessio input:checked+label {
    transform: translateY(2px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}
#edit-field-have-you-attached-a-sessio-yes:checked + label {
    background: #229ebc;
    color: white;
}
#edit-field-have-you-attached-a-sessio-no:checked + label {
    background: #ff327b;
    color: white;
}
.form-item-field-have-you-attached-a-sessio label {
    display: inline-block;
  padding: 1em 2em;
  margin: 0.5em;
  cursor: pointer;
  border-radius: 0.25em;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2), inset 0 -3px 0 rgba(0,0,0,0.22);
  transition: 0.3s;
  user-select: none;
}
legend {
    font-size: 1em;
}

.install-app .pwa-a2hs {
    margin:10px;
    text-align: center;
}