:root { --bp-member-swipe-color-danger: #e74c3c; --bp-member-swipe-color-success: #3DBDB6; --bp-member-swipe-black-faded: rgba(0, 0, 0, .05); --bp-member-swipe-transition-base: all .2s ease-in-out; --bp-member-swipe-card-avatar-width: 90px; --bp-member-swipe-card-avatar-height: 90px; --bp-member-swipe-card-avatar-border-radius: 500px; --bp-member-swipe-card-border-width: 1px; --bp-member-swipe-card-border-color: rgba(0, 0, 0, .05); --bp-member-swipe-card-border-radius: 5px; --bp-member-swipe-card-box-shadow-color: rgba(0, 0, 0, .05); --bp-member-swipe-card-background-color: #ffffff; --bp-member-swipe-card-color: #444; --bp-member-swipe-card-title-color: #222; --bp-member-swipe-card-title-font-weight: 600; --bp-member-swipe-card-padding: 1rem; --bp-member-swipe-card-online-state-size: 8px; --bp-member-swipe-card-online-state-border-color: var(--bp-member-swipe-card-background-color); --bp-member-swipe-card-online-state-border-width: 4px; --bp-member-swipe-card-online-state-position-x: 8px; --bp-member-swipe-card-online-state-position-y: 8px; } .buddypress-member-swipe-wrapper { margin: 15px 0; } @media (max-width: 991.98px) { .buddypress-member-swipe-wrapper { overflow: hidden; } } .buddypress-member-swipe-wrapper .item-list-tabs.primary-list-tabs { display: flex; margin-bottom: 1.5rem !important; justify-content: center; } .buddypress-member-swipe-content, #members-index-swipe { position: relative; } .bp-member-swipe-card { border: var(--bp-member-swipe-card-border-width) solid var(--bp-member-swipe-card-border-color); border-radius: var(--bp-member-swipe-card-border-radius); color: var(--bp-member-swipe-card-color); background-color: var(--bp-member-swipe-card-background-color); box-shadow: 0px 0px 15px 0px var(--bp-member-swipe-card-box-shadow-color); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 300px; margin: 15px auto 45px auto; position: relative; } .bp-member-swipe-card .bp-member-swipe-card__avatar { display: flex; align-items: center; justify-content: center; padding: var(--bp-member-swipe-card-padding); } .bp-member-swipe-card .bp-member-swipe-card__avatar a { display: inline-flex; position: relative; } .bp-member-swipe-card .bp-member-swipe-card__avatar img { width: var(--bp-member-swipe-card-avatar-width) !important; height: var(--bp-member-swipe-card-avatar-height) !important; overflow: hidden; border-radius: var(--bp-member-swipe-card-avatar-border-radius); background-color: var(--bp-member-swipe-black-faded); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-user-drag: none; max-width: 150px !important; } .bp-member-swipe-card .bp-member-swipe-card__body { display: flex; flex-direction: column; padding: 0 var(--bp-member-swipe-card-padding) var(--bp-member-swipe-card-padding) var(--bp-member-swipe-card-padding); text-align: center; height: 100%; min-height: 130px; } .bp-member-swipe-card .bp-member-swipe-card__title { padding-bottom: .2rem; color: var(--bp-member-swipe-card-title-color); font-weight: var(--bp-member-swipe-card-title-font-weight); } .bp-member-swipe-card .bp-member-swipe-card__title a:not(:hover) { color: inherit !important; } .bp-member-swipe-card .bp-member-swipe-card__meta { margin-bottom: .5rem; font-size: .9em; } .bp-member-swipe-card .bp-member-swipe-card__item { display: flex; flex-direction: column; align-items: center; padding-bottom: 1rem; } .bp-member-swipe-card .bp-member-swipe-card__item > div, .bp-member-swipe-card .bp-member-swipe-card__item > a { display: flex; align-items: center; text-align: center; } .bp-member-swipe-card .bp-member-swipe-card__item > div > div, .bp-member-swipe-card .bp-member-swipe-card__item > div > a, .bp-member-swipe-card .bp-member-swipe-card__item > a > div, .bp-member-swipe-card .bp-member-swipe-card__item > a > a { margin: 0; margin-left: 0 !important; } .bp-member-swipe-card .bp-member-swipe-card__item > div + div, .bp-member-swipe-card .bp-member-swipe-card__item > div + a, .bp-member-swipe-card .bp-member-swipe-card__item > a + div, .bp-member-swipe-card .bp-member-swipe-card__item > a + a { margin-top: 10px; } .bp-member-swipe-card .bp-member-swipe-card__item a { text-decoration: none !important; } .bp-member-swipe-card .bp-member-swipe-card__item a:not(:hover) { color: inherit !important; } .bp-member-swipe-card .bp-member-swipe-card__item:empty { display: none; } .bp-member-swipe-card .bp-member-swipe-card__action { padding-top: .5rem; width: 100%; } .bp-member-swipe-card .bp-member-swipe-card__action > div { width: 100%; } .bp-member-swipe-card .bp-member-swipe-card__action > div + div { margin-top: .2rem; } .bp-member-swipe-card .bp-member-swipe-card__action > div a { display: flex; align-items: center; justify-content: center; cursor: pointer; } .bp-member-swipe-card a { text-decoration: none !important; } .bp-member-swipe-card a:not(:hover) { text-decoration: none !important; color: inherit; } .is-online .bp-member-swipe-card .bp-member-swipe-card__avatar > a:before { content: ''; display: block; position: absolute; bottom: var(--bp-member-swipe-card-online-state-position-y); left: var(--bp-member-swipe-card-online-state-position-x); z-index: 2; width: var(--bp-member-swipe-card-online-state-size); height: var(--bp-member-swipe-card-online-state-size); border-radius: 50%; background-color: var(--bp-member-swipe-color-success); box-shadow: 0 0 0 var(--bp-member-swipe-card-online-state-border-width) var(--bp-member-swipe-card-online-state-border-color); pointer-events: none; } #buddypress ul#members-list.bp-member-swipe-list .hmk-trigger-match { display: none !important; } .bp-member-swipe-list { margin: 0; padding: 0; list-style: none; } .bp-member-swipe-list li { margin: 0; } .bp-member-swipe-list li::marker { content: none !important; } .bp-member-swipe-pagination { position: static; padding: 0; margin: 20px 0; } @media (min-width: 768px) { .bp-member-swipe-pagination { margin: 0; } } .bp-member-swipe-pagination .bp-member-swipe-pagination__links { display: flex; align-items: center; justify-content: center; } .bp-member-swipe-pagination .bp-member-swipe-pagination__link { display: flex; align-items: center; justify-content: center; width: 100px; height: 100%; margin: 0; padding: 0; border: 0; background: none !important; color: inherit !important; text-decoration: none !important; } @media (min-width: 768px) { .bp-member-swipe-pagination .bp-member-swipe-pagination__link { position: absolute; top: 0; left: 0; z-index: 3; } } .bp-member-swipe-pagination .bp-member-swipe-pagination__link i { width: 100%; height: auto; font-size: 2.5em; color: inherit; opacity: .2; transition: var(--bp-member-swipe-transition-base); font-style: normal; font-weight: 100; } @media (min-width: 768px) { .bp-member-swipe-pagination .bp-member-swipe-pagination__link i { font-size: 3.3em; } } .bp-member-swipe-pagination .bp-member-swipe-pagination__link:hover { background: none !important; } .bp-member-swipe-pagination .bp-member-swipe-pagination__link:hover, .bp-member-swipe-pagination .bp-member-swipe-pagination__link:active, .bp-member-swipe-pagination .bp-member-swipe-pagination__link:focus { outline: 0 !important; } .bp-member-swipe-pagination .bp-member-swipe-pagination__link:hover i, .bp-member-swipe-pagination .bp-member-swipe-pagination__link:active i, .bp-member-swipe-pagination .bp-member-swipe-pagination__link:focus i { opacity: .4; } .bp-member-swipe-pagination .bp-member-swipe-pagination__link.loading i:before { content: "\f531"; } .bp-member-swipe-pagination .bp-member-swipe-pagination__link--next { right: 0; left: auto; } .bp-member-swipe-pagination .bp-member-swipe-pagination__link--next:hover i { transform: translate3d(10px, 0, 0); } .bp-member-swipe-pagination .bp-member-swipe-pagination__link--prev:hover i { transform: translate3d(-10px, 0, 0); } @media (min-width: 768px) { body.rtl .bp-member-swipe-pagination .bp-member-swipe-pagination__link--prev { right: 0; left: auto; } body.rtl .bp-member-swipe-pagination .bp-member-swipe-pagination__link--next { right: auto; left: 0; } } .loader-card .bp-member-swipe-card, .stack-empty .bp-member-swipe-card { min-height: 250px; display: flex; justify-content: center; align-items: center; } .loader-card .bp-member-swipe-card .loader, .stack-empty .bp-member-swipe-card .loader { border: 8px solid #f3f3f3; border-top: 8px solid #444; border-radius: 50% !important; width: 60px; height: 60px; -webkit-animation: matchpress-spin 1s linear infinite; animation: matchpress-spin 1s linear infinite; } @-webkit-keyframes matchpress-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes matchpress-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }