@charset "UTF-8";
@charset "UTF-8";


:root {
--lp-cotainer-max-with: var(--lp-container-max-width);
}
.wp-block-group {
--lp-container-max-width: var(--wp--style--global--wide-size);
} @-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
.learn-press-message {
position: relative;
margin: 24px auto;
padding: 10px 20px;
border-radius: var(--lp-border-radius, 5px);
background-color: #E5F7FF;
color: #007AFF;
width: 100%;
}
.learn-press-message.error {
background-color: #FEE5E5;
color: #FF3B30;
}
.learn-press-message.warning {
background-color: #FEF7E6;
color: #FF9500;
}
.learn-press-message.success {
background-color: #EBF8E5;
color: #3AB500;
}
.learn-press-message.info {
background-color: rgba(0, 122, 255, 0.1019607843);
color: #007AFF;
}
.learn-press-message a {
text-decoration: underline;
}
.lp-toast.toastify {
background: #EBF8E5;
color: #3AB500;
border-radius: var(--lp-border-radius, 5px);
box-shadow: 0 0 0;
display: flex;
align-items: center;
}
.lp-toast.toastify .toast-close {
background: transparent !important;
font-size: 0;
padding-right: 12px;
}
.lp-toast.toastify .toast-close:before {
content: "\f00d";
font-family: "lp-icon";
font-size: 16px;
color: #000;
line-height: 17px;
}
.lp-toast.toastify .toast-close:hover {
opacity: 1;
}
.lp-toast.toastify.error {
background-color: #FEE5E5;
color: #FF3B30;
}
@keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.lp-loading-change {
position: absolute;
display: none;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.38);
top: 0;
}
.lp-load-ajax-element {
position: relative;
}  @-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
:root {
--lp-cotainer-max-with: var(--lp-container-max-width);
}
.wp-block-group {
--lp-container-max-width: var(--wp--style--global--wide-size);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
} body {
background: #fff;
}
body.learnpress-page {
overflow-x: hidden;
}
button {
cursor: pointer;
}
input, button, select, textarea {
outline: none;
} a {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
p {
margin-bottom: 1em;
}
p:last-child {
margin: 0;
}
.lp-content-area {
max-width: var(--lp-container-max-width) !important;
margin: 0 auto;
padding-left: var(--lp-cotainer-padding);
padding-right: var(--lp-cotainer-padding);
}
.lp-content-area.learn-press-message {
margin-bottom: 24px;
padding-right: 15px;
padding-left: 15px;
}
.lp-ico svg {
width: 20px;
height: 20px;
}
.lp-button {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
}
.lp-button.loading {
pointer-events: none;
opacity: 0.8;
}
.lp-button.loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-left: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
.lp-hidden {
display: none !important;
}
.learn-press-tabs {
margin-bottom: 32px;
position: relative;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
}
.learn-press-tabs .learn-press-tabs__checker {
display: none;
}
.learn-press-tabs__nav {
display: flex;
flex-wrap: wrap;
padding: 0;
column-gap: 40px;
row-gap: 12px;
list-style: none;
margin: 0 0 -1px 0 !important;
}
.learn-press-tabs__item {
position: relative;
margin: 0;
list-style: none;
}
.learn-press-tabs__item > a {
display: block;
margin: 0;
padding: 0 0 16px 0;
font-size: 1.125em;
line-height: 1;
font-weight: 600;
text-align: center;
text-transform: capitalize;
cursor: pointer;
color: #333;
text-decoration: none;
}
.learn-press-tabs__item > a:focus {
outline: 0;
text-decoration: none;
}
.learn-press-tabs__item::after {
position: absolute;
bottom: 0;
top: auto;
right: 0;
width: 100%;
height: 2px;
background: transparent;
content: "";
}
.learn-press-tabs__item.active a, .learn-press-tabs__item:hover a {
color: var(--lp-primary-color);
}
.learn-press-tabs__item.active::after, .learn-press-tabs__item:hover::after {
background: var(--lp-primary-color);
}
.learn-press-tabs.stretch .learn-press-tabs__tab {
flex: 1;
}
.learn-press-tabs.stretch .learn-press-tabs__tab > label {
padding: 18px 10px;
}
@media (max-width: 990px) {
.learn-press-tabs__nav, .learn-press-tabs .learn-press-filters {
overflow-x: auto;
white-space: nowrap;
flex-wrap: nowrap;
scroll-behavior: smooth;
}
.learn-press-tabs__nav::-webkit-scrollbar, .learn-press-tabs .learn-press-filters::-webkit-scrollbar {
display: none;
}
}
.learn-press-filters {
display: flex;
flex-wrap: wrap;
padding: 0;
column-gap: 40px;
row-gap: 12px;
list-style: none;
margin: 0 0 -1px 0 !important;
}
.learn-press-filters li {
position: relative;
margin: 0;
list-style: none;
}
.learn-press-filters li a, .learn-press-filters li span {
display: block;
margin: 0;
padding: 0 0 16px 0;
font-size: 1.125em;
line-height: 1;
font-weight: 600;
text-align: center;
text-transform: capitalize;
cursor: pointer;
color: #333;
text-decoration: none;
}
.learn-press-filters li a:focus, .learn-press-filters li span:focus {
outline: 0;
text-decoration: none;
}
.learn-press-filters li a::after, .learn-press-filters li span::after {
position: absolute;
bottom: 0;
top: auto;
right: 0;
width: 100%;
height: 2px;
background: transparent;
content: "";
}
.learn-press-filters li a.active, .learn-press-filters li a:hover, .learn-press-filters li span.active, .learn-press-filters li span:hover {
color: var(--lp-primary-color);
}
.learn-press-filters li a.active::after, .learn-press-filters li a:hover::after, .learn-press-filters li span.active::after, .learn-press-filters li span:hover::after {
background: var(--lp-primary-color);
}
.learn-press-filters li.active a, .learn-press-filters li.active span {
color: var(--lp-primary-color);
}
.learn-press-filters li.active a::after, .learn-press-filters li.active span::after {
background: var(--lp-primary-color);
}
.learn-press-filters li:after {
display: none !important;
}
.wrapper-course-nav-tabs {
position: relative;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
}
.learn-press-nav-tabs {
margin: 0;
display: flex;
flex-wrap: wrap;
padding: 0;
column-gap: 40px;
row-gap: 12px;
list-style: none;
margin: 0 0 -1px 0 !important;
}
.learn-press-nav-tabs li {
position: relative;
margin: 0;
list-style: none;
}
.learn-press-nav-tabs li label {
display: block;
margin: 0;
padding: 0 0 16px 0;
font-size: 1.125em;
line-height: 1;
font-weight: 600;
text-align: center;
text-transform: capitalize;
cursor: pointer;
color: #333;
text-decoration: none;
}
.learn-press-nav-tabs li label:focus {
outline: 0;
text-decoration: none;
}
.learn-press-nav-tabs li::after {
position: absolute;
bottom: 0;
top: auto;
right: 0;
width: 100%;
height: 2px;
background: transparent;
content: "";
}
.learn-press-nav-tabs li.active label, .learn-press-nav-tabs li:hover label {
color: var(--lp-primary-color);
}
.learn-press-nav-tabs li.active::after, .learn-press-nav-tabs li:hover::after {
background: var(--lp-primary-color);
}
.TabsDragScroll {
position: relative;
}
.TabsDragScroll:hover {
cursor: all-scroll;
}
.TabsDragScroll ul {
max-width: 100%;
white-space: nowrap;
scroll-behavior: smooth;
user-select: none;
overflow-x: auto;
flex-wrap: nowrap;
}
.TabsDragScroll ul::-webkit-scrollbar {
display: none;
}
.TabsDragScroll ul.dragging {
scroll-behavior: unset;
cursor: all-scroll;
}
.lp-checkout-form__before,
.lp-checkout-form__after {
width: 45%;
width: -webkit-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: calc(50% - 30px);
margin: 0 15px 40px 15px;
}
.lp-checkout-form__before .lp-checkout-block h4,
.lp-checkout-form__after .lp-checkout-block h4 {
margin-top: 0;
margin-bottom: 18px;
color: #333;
font-size: 1.5em;
font-weight: 600;
line-height: 1;
}
@media (max-width: 815px) {
.lp-checkout-form__before,
.lp-checkout-form__after {
width: 100%;
margin: 0 0 40px 0;
}
}
.lp-checkout-form__before {
float: left;
}
.lp-checkout-form__before #checkout-order {
width: 100%;
}
.lp-checkout-form .lp-checkout-form__after {
float: right;
}
.lp-checkout-form .lp-checkout-remember {
letter-spacing: 0;
margin-top: 0;
}
.lp-checkout-form .lp-checkout-remember label {
width: auto;
color: #666;
}
.lp-checkout-form .lp-checkout-remember label input[type=checkbox] {
position: relative;
top: 3px;
width: 19px;
height: 19px;
margin: 0 0 0 4px;
border: 1px solid #ccc;
cursor: pointer;
-webkit-appearance: none;
}
.lp-checkout-form .lp-checkout-remember label input[type=checkbox]:focus {
outline: 0;
}
.lp-checkout-form .lp-checkout-remember label input[type=checkbox]:checked::after {
position: absolute;
top: 2px;
right: 2px;
color: #41abec;
font-family: "lp-icon";
font-size: 14px;
line-height: 1;
content: "\f00c";
border: none;
transform: none;
}
.lp-checkout-form .lp-checkout-remember a {
color: #666;
font-weight: 300;
text-decoration: underline;
text-decoration-color: #ccc;
}
.lp-checkout-form .lp-checkout-remember a:hover {
color: var(--lp-primary-color);
text-decoration-color: var(--lp-primary-color);
}
.lp-checkout-form .lp-form-fields {
padding: 0 0 14px 0;
}
.lp-checkout-form .lp-form-fields label {
display: block;
margin-bottom: 10px;
}
.lp-checkout-form .lp-form-fields input:not([type=checkbox]) {
line-height: normal;
width: 100%;
padding: 10px 15px;
border: 1px solid #ccc;
}
.lp-checkout-form .lp-form-fields input:not([type=checkbox]):focus {
border-color: var(--lp-primary-color);
outline: 0;
}
.lp-checkout-form {
margin: 0 -15px;
margin-top: 50px;
}
@media (max-width: 815px) {
.lp-checkout-form {
display: flex;
flex-direction: column-reverse;
margin: 0;
}
}
.lp-checkout-form #btn-checkout-account-switch-to-guest {
margin-bottom: 60px;
}
.lp-checkout-form .description {
float: right;
}
.lp-checkout-form a {
color: #41abec;
}
.lp-checkout-form a label {
display: inline-block;
color: inherit;
font-weight: normal;
cursor: pointer;
}
.lp-checkout-form a:hover {
color: #ffb606;
}
.lp-checkout-form #checkout-account-guest {
width: 100%;
margin-bottom: 35px;
padding-bottom: 19px;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
}
.lp-checkout-form #checkout-account-guest .lp-form-fields,
.lp-checkout-form #checkout-account-guest .form-field {
margin-bottom: 0;
padding-bottom: 0;
}
.lp-checkout-form div.lp-guest-checkout-output {
margin-top: 10px;
padding: 8px 20px;
border: 2px solid #41abec;
border-radius: 4px;
transition: all 0.2s ease;
}
.lp-checkout-form label.lp-guest-checkout-output {
margin-top: 10px;
cursor: pointer;
user-select: none;
}
.lp-checkout-form .lp-guest-checkout-notice {
margin: 30px 0 0 0;
}
.lp-checkout-form .lp-guest-switch-login {
margin-top: 1em;
color: #666;
font-weight: 400;
}
.lp-checkout-form .lp-guest-switch-login a {
display: inline-block;
}
.lp-checkout-form input[name=checkout-account-switch-form] {
display: none;
}
.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block {
display: none;
overflow: hidden;
height: 0;
margin: 0;
padding: 0;
border: 0;
opacity: 0;
}
.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block > * {
overflow: hidden;
height: 0;
}
.lp-checkout-form input[name=checkout-account-switch-form]:checked + .lp-checkout-block {
display: block;
overflow: auto;
height: auto;
}
.lp-checkout-form input[name=checkout-account-switch-form][value=guest]:checked ~ #btn-checkout-account-switch-to-guest {
display: none;
}
.lp-checkout-form::after {
display: block;
clear: both;
content: "";
}
.lp-checkout-form:focus {
outline: 0;
}
#checkout-order .lp-checkout-order__inner {
padding: 0 20px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: 4px;
}
#checkout-order .cart-item:first-child td {
border-top: 0;
}
#checkout-order td, #checkout-order th {
border-left: 0;
border-right: 0;
background: transparent;
}
#checkout-order td:last-child, #checkout-order th:last-child {
padding-left: 0;
}
#checkout-order table {
width: 100%;
margin: 0;
border: 0;
}
#checkout-order .course-name {
font-weight: 600;
}
#checkout-order .course-name a {
display: -webkit-box;
overflow: hidden;
color: #000;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
#checkout-order .course-name a:hover {
color: var(--lp-primary-color);
}
#checkout-order .col-number {
min-width: 50px;
color: #666;
font-weight: 600;
text-align: left;
}
#checkout-order tfoot {
font-size: 1.2em;
}
#checkout-order tfoot th {
font-weight: 600;
padding-right: 0;
}
#checkout-order tfoot .order-total {
font-size: 1.4em;
}
#checkout-order tfoot tr:last-child {
border-width: 0;
}
#checkout-order tfoot tr:last-child td, #checkout-order tfoot tr:last-child th {
border-width: 0;
}
#checkout-order .course-thumbnail {
width: 80px;
padding: 20px 0 18px 13px;
}
#checkout-order .course-thumbnail > img {
width: 100px;
max-width: 100% !important;
height: auto !important;
}
.order-comments {
width: 100%;
padding: 15px;
min-height: 150px;
border: 1px solid var(--lp-border-color, #E2E0DB);
resize: none;
}
#checkout-account-register,
#checkout-account-login {
width: 100%;
margin-bottom: 32px;
padding-bottom: 20px;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
}
#checkout-account-register .form-field .rwmb-label,
#checkout-account-register .form-field .rwmb-input .description,
#checkout-account-login .form-field .rwmb-label,
#checkout-account-login .form-field .rwmb-input .description {
display: none;
}
#checkout-account-register .lp-checkout-remember label,
#checkout-account-login .lp-checkout-remember label {
display: inline-block; }
#checkout-account-register .lp-checkout-remember a,
#checkout-account-login .lp-checkout-remember a {
float: left;
}
#checkout-account-register .lp-checkout-sign-in-link,
#checkout-account-register .lp-checkout-sign-up-link,
#checkout-account-login .lp-checkout-sign-in-link,
#checkout-account-login .lp-checkout-sign-up-link {
display: flex;
margin: 0;
color: #666;
font-weight: 400;
}
#checkout-account-register .lp-checkout-sign-in-link a,
#checkout-account-register .lp-checkout-sign-up-link a,
#checkout-account-login .lp-checkout-sign-in-link a,
#checkout-account-login .lp-checkout-sign-up-link a {
margin-right: 5px;
color: #41abec;
cursor: pointer;
}
#checkout-account-register .lp-checkout-sign-in-link a:hover,
#checkout-account-register .lp-checkout-sign-up-link a:hover,
#checkout-account-login .lp-checkout-sign-in-link a:hover,
#checkout-account-login .lp-checkout-sign-up-link a:hover {
color: var(--lp-primary-color);
}
#checkout-account-register .lp-checkout-sign-in-link a label,
#checkout-account-register .lp-checkout-sign-up-link a label,
#checkout-account-login .lp-checkout-sign-in-link a label,
#checkout-account-login .lp-checkout-sign-up-link a label {
display: inline-block;
float: left;
color: inherit;
font-weight: normal;
cursor: pointer;
}
#checkout-payment {
width: 100%;
margin-bottom: 25px;
}
#checkout-payment h4 {
margin-bottom: 24px;
}
#checkout-payment .secure-connection {
margin-top: 5px;
opacity: 0.5;
font-size: 0.75em;
font-weight: normal;
margin-right: 10px;
}
#checkout-payment .secure-connection i {
margin-left: 5px;
font-size: 1.125em;
}
@media (max-width: 767px) {
#checkout-payment .secure-connection {
margin-top: 0;
}
}
#checkout-payment .payment-methods {
margin: 0 0 24px 0;
padding: 0;
list-style: none;
}
#checkout-payment .lp-payment-method {
position: relative;
margin: 0;
}
#checkout-payment .lp-payment-method > label {
display: flex;
align-items: center;
}
#checkout-payment .lp-payment-method .gateway-input,
#checkout-payment .lp-payment-method .gateway-icon {
vertical-align: middle;
}
#checkout-payment .lp-payment-method .gateway-icon {
max-height: 32px;
}
#checkout-payment .lp-payment-method .gateway-input {
position: relative;
width: 20px;
height: 20px;
margin: 0 0 0 8px;
border: 1px solid var(--lp-border-color, #E2E0DB);
background: #fff;
-webkit-appearance: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#checkout-payment .lp-payment-method .gateway-input::before {
position: absolute;
top: 50%;
right: 50%;
width: 6px;
height: 6px;
background: #41abec;
transform: translate(50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#checkout-payment .lp-payment-method .gateway-input:checked::before {
content: "";
}
#checkout-payment .lp-payment-method .gateway-input:focus {
outline: 0;
}
#checkout-payment #checkout-order-action button {
width: 100%;
border-color: var(--lp-primary-color);
color: #fff;
background: var(--lp-primary-color);
font-weight: 500;
}
#checkout-payment #checkout-order-action button:hover {
border-color: var(--lp-primary-color);
opacity: 0.5;
background: var(--lp-primary-color);
}
.lp-terms-and-conditions {
color: #666;
}
.lp-terms-and-conditions a {
color: #41abec;
}
.lp-terms-and-conditions a:hover {
color: var(--lp-primary-color);
}
.learn-press-checkout.guest-checkout {
display: none;
}
.button-continue-guest-checkout {
clear: both;
}
#learn-press-checkout .payment-methods {
margin: 0;
padding: 0;
list-style: none;
}
#learn-press-checkout .payment-methods .lp-payment-method {
margin-bottom: 20px;
}
#learn-press-checkout .payment-methods .lp-payment-method > label {
display: flex;
flex-flow: row nowrap;
padding: 10px 20px;
background: #f5f5f5;
line-height: 2.5rem;
cursor: pointer;
}
#learn-press-checkout .payment-methods .lp-payment-method > label img {
vertical-align: middle;
}
#learn-press-checkout .payment-methods .lp-payment-method.selected > label {
background: #d4d4d4;
}
#learn-press-checkout .payment-methods .payment-method-form {
display: none;
padding: 15px 20px;
border-top: 1px solid var(--lp-border-color, #E2E0DB);
background: #f9f9f9;
}
#learn-press-checkout-login,
#learn-press-checkout-register {
margin-bottom: 1.5em;
padding: 20px 20px 0 20px;
border: 1px solid var(--lp-border-color, #E2E0DB);
background: #fff;
}
#learn-press-order-review,
.learn-press-checkout-comment {
margin-bottom: 20px;
}
#checkout-form-login,
#checkout-form-register {
_display: none;
}
#checkout-form-login .learn-press-form-register,
#checkout-form-login .learn-press-form-login,
#checkout-form-register .learn-press-form-register,
#checkout-form-register .learn-press-form-login {
display: none;
}
#checkout-guest-email {
margin: 0 0 20px 0;
}
#checkout-guest-email .form-heading {
margin: 0;
}
#checkout-guest-email #checkout-guest-options {
margin: 0;
list-style: none;
}
#checkout-guest-email #checkout-existing-account,
#checkout-guest-email #checkout-new-account {
display: none;
margin: 0;
}
#checkout-guest-email.email-exists #checkout-existing-account {
display: block;
}
#checkout-guest-email.email-exists #checkout-new-account {
display: none;
}
.learn-press-checkout-comment h4 {
display: none;
}
.lp-content-area .order_details {
width: 100%;
border-collapse: collapse;
}
.lp-content-area .order_details th a, .lp-content-area .order_details td a {
color: var(--lp-primary-color);
}
.learnpress-checkout .learnpress > .learn-press-message {
max-width: var(--lp-container-max-width);
margin: 0 auto;
}
input[type=text],
input[type=email],
input[type=number],
input[type=password] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
box-shadow: unset;
}
.learnpress table {
width: 100%;
margin: 0 auto 1em auto;
border-spacing: 0;
border-collapse: collapse;
}
.learnpress table th, .learnpress table td {
padding: 0.7em 1em;
border: 1px solid var(--lp-border-color, #E2E0DB);
background: #fff;
text-align: right;
}
.learnpress table thead {
box-sizing: border-box;
border: 1px solid var(--lp-border-color, #E2E0DB);
}
.learnpress table thead th {
border-bottom: none;
background: var(--lp-white-grey, #F7F7FB);
font-size: 1.1em;
font-weight: 600;
}
.learnpress table tbody, .learnpress table tfoot {
box-sizing: border-box;
}
.learnpress table tbody td, .learnpress table tbody th, .learnpress table tfoot td, .learnpress table tfoot th {
border: 1px solid var(--lp-border-color, #E2E0DB);
line-height: 1.4;
}
.learnpress table tbody td a, .learnpress table tbody th a, .learnpress table tfoot td a, .learnpress table tfoot th a {
color: inherit;
text-decoration: none;
}
.learnpress table tbody td a:hover, .learnpress table tbody th a:hover, .learnpress table tfoot td a:hover, .learnpress table tfoot th a:hover {
color: var(--lp-primary-color);
}
.learnpress table tbody tr .column-status .result-percent, .learnpress table tfoot tr .column-status .result-percent {
font-weight: 500;
}
.learnpress table tbody tr .column-status .lp-label, .learnpress table tfoot tr .column-status .lp-label {
font-weight: 600;
}
.learnpress table tbody tr:nth-child(even) td, .learnpress table tfoot tr:nth-child(even) td {
background: var(--tb-even-color, #fafafa);
}
.learnpress table .list-table-nav td {
font-size: 0.875em;
}
.learnpress table .list-table-nav td.nav-text {
text-align: right;
}
.learnpress table .list-table-nav td.nav-pages {
text-align: left;
}
.learnpress table .list-table-nav td.nav-pages .learn-press-pagination {
text-align: left;
}
.learnpress table .list-table-nav td.nav-pages .page-numbers {
margin-bottom: 0;
}
.lp-label {
display: inline-block;
color: #666;
font-weight: 300;
}
.learn-press-form .form-fields {
margin: 0;
padding: 0;
list-style: none;
}
.lp-profile-content .learn-press-form .form-fields {
margin: 0 -15px !important;
}
.lp-profile-content .learn-press-form .form-fields .form-field {
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 767px) {
.lp-profile-content .learn-press-form .form-fields .form-field__50 {
width: 50%;
float: right;
}
}
.learn-press-form .form-fields .form-field {
margin: 0 0 20px 0;
}
.learn-press-form .form-fields .form-field > label {
font-style: italic;
}
.learn-press-form .form-fields .form-field label {
display: block;
font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
font-weight: 700;
margin: 0 0 10px 0;
}
.learn-press-form .form-fields .form-field input[type=email],
.learn-press-form .form-fields .form-field input[type=text],
.learn-press-form .form-fields .form-field input[type=password],
.learn-press-form .form-fields .form-field input[type=tel],
.learn-press-form .form-fields .form-field input[type=url],
.learn-press-form .form-fields .form-field input[type=number],
.learn-press-form .form-fields .form-field textarea {
width: 100%;
border: 1px solid var(--lp-border-color, #E2E0DB);
padding: 8px 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.learn-press-form .form-fields .form-field input[type=email]:focus,
.learn-press-form .form-fields .form-field input[type=text]:focus,
.learn-press-form .form-fields .form-field input[type=password]:focus,
.learn-press-form .form-fields .form-field input[type=tel]:focus,
.learn-press-form .form-fields .form-field input[type=url]:focus,
.learn-press-form .form-fields .form-field input[type=number]:focus,
.learn-press-form .form-fields .form-field textarea:focus {
border-color: var(--lp-primary-color);
outline: none;
}
.learn-press-form .form-fields .form-field .description {
margin-top: 10px;
font-size: 0.875em;
font-style: italic;
line-height: 1.4;
}
.learn-press-form .form-fields .form-field .asterisk, .learn-press-form .form-fields .form-field .required {
color: #f00;
}
.learn-press-form.completed button::before {
margin-left: 10px;
font-family: "lp-icon";
font-size: 1.125em;
content: "\f00c";
}
.learn-press-form .form-field__clear {
clear: both;
}
.learn-press-form form > p > label {
display: flex;
gap: 8px;
}
.learn-press-form p {
margin: 0;
}
.learn-press-form-login,
.learn-press-form-register {
max-width: 600px;
margin-left: auto;
margin-bottom: 60px;
margin-right: auto;
padding: 40px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.learn-press-form-login h3,
.learn-press-form-register h3 {
margin-bottom: 20px;
}
.learn-press-form-login button[type=submit],
.learn-press-form-register button[type=submit] {
padding: 12px 16px;
width: 100%;
border-radius: var(--lp-border-radius, 5px);
outline: none;
color: #fff;
background: var(--lp-primary-color);
}
.required label {
font-weight: bold;
}
.required label:after {
content: " *";
display: inline;
}
.lp-password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
width: 100%;
}
.lp-password-input input[type=password] {
padding-left: 2.5em;
}
.lp-password-input input::-ms-reveal {
display: none;
}
.lp-password-input .lp-show-password-input {
position: absolute;
top: 8px;
left: 10px;
cursor: pointer;
}
.lp-password-input .lp-show-password-input::after {
font-family: "lp-icon";
content: "\f06e";
}
.lp-password-input .lp-show-password-input.display-password::after {
color: #585858;
content: "\f070";
}
.form-desc {
font-size: smaller;
font-style: italic;
}
.become-teacher-form {
width: 90%;
max-width: 500px;
margin: 0 auto;
}
.become-teacher-form .form-field input[type=text],
.become-teacher-form .form-field input[type=email],
.become-teacher-form .form-field input[type=number],
.become-teacher-form .form-field input[type=password] {
width: 100%;
}
.become-teacher-form .become-teacher-form__description {
margin-top: 12px;
}
.become-teacher-form button {
padding: 12px 24px;
}
.btn-base {
border-color: var(--lp-primary-color);
color: white;
background-color: var(--lp-primary-color);
} .lp-user-cover-image_background {
position: relative;
}
.lp-user-cover-image_background .lp-btn-to-edit-cover-image {
position: absolute;
bottom: 0;
left: 0;
background: var(--lp-white-grey, #F7F7FB);
padding: 12px 20px;
border-radius: 0 var(--lp-border-radius, 5px) 0 0;
text-transform: capitalize;
cursor: pointer;
color: var(--lp-primary-color);
text-decoration: none;
}
@media (max-width: 767px) {
.lp-user-cover-image_background .lp-btn-to-edit-cover-image {
font-size: 0;
padding: 4px 12px;
}
.lp-user-cover-image_background .lp-btn-to-edit-cover-image:before {
font-family: "lp-icon";
content: "\f044";
font-size: 16px;
}
}
.lp-user-cover-image__display {
width: 100%;
}
@media (max-width: 767px) {
.lp-user-cover-image {
position: relative;
z-index: 1;
}
}
.lp-user-cover-image .lp-cover-image-empty {
display: flex;
align-items: center;
width: 100%;
height: 250px;
border: 2px dashed var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
cursor: pointer;
position: relative;
text-align: center;
}
.lp-user-cover-image .lp-cover-image-empty:hover {
border-color: var(--lp-primary-color);
}
.lp-user-cover-image .lp-cover-image-empty input[type=file] {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 10;
}
.lp-user-cover-image .lp-cover-image-empty .lp-cover-image-empty__info {
z-index: 1;
flex: 1;
position: relative;
padding: 0 16px;
line-height: 1.3;
}
.lp-user-cover-image .lp-cover-image-empty .lp-cover-image-empty__info__top {
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
flex-direction: column;
}
.lp-user-cover-image .lp-cover-image-empty .lp-cover-image-empty__info__top .lp-icon-file-image {
font-size: 32px;
transform: rotate(90deg);
}
.lp-user-cover-image .lp-cover-image-empty .lp-cover-image-empty__info__top .lp-icon-file-image:before {
color: var(--lp-primary-color);
content: "\f08b";
}
.lp-user-cover-image .lp-cover-image-empty .lp-cover-image-empty__info__bottom {
opacity: 0.7;
}
@media (max-width: 420px) {
.lp-user-cover-image .lp-cover-image-empty {
height: 200px;
}
.lp-user-cover-image .lp-cover-image-empty .lp-cover-image-empty__info {
padding: 0 8px;
font-size: 15px;
}
}
.lp-user-cover-image .lp-user-cover-image__buttons {
display: inline-flex;
gap: 12px;
margin-top: 16px;
}
.lp-user-cover-image_background {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 20px;
border-radius: var(--lp-border-radius, 5px);
min-height: 100px;
}
.lp-user-cover-image_background > img {
opacity: 0;
visibility: hidden;
}
.learnpress_avatar__form label {
display: inline-block;
}
.learnpress_avatar__form input[type=file] {
display: none;
}
.learnpress_avatar__form__upload {
display: flex;
width: 200px;
height: 200px;
border: 1px dashed var(--lp-border-color, #E2E0DB);
border-radius: 3px;
background-color: #fafafa;
font-size: 0.875em;
font-weight: 300;
font-style: italic;
line-height: 2.6875em;
text-align: center;
cursor: pointer;
align-items: center;
justify-content: center;
}
.learnpress_avatar__form__upload div {
line-height: 1.4;
}
.learnpress_avatar__button--loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-left: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
button.learnpress_avatar__button {
height: 40px;
padding: 0 15px;
border: 0;
background: var(--lp-primary-color);
color: white;
margin-top: 15px;
border-radius: 3px;
}
button.learnpress_avatar__button + button {
margin-right: 15px;
margin-left: 0;
}
.dashboard-statistic__row {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.dashboard-statistic__row .statistic-box {
padding: 20px;
background: var(--lp-white-grey, #F7F7FB);
text-align: center;
display: flex;
flex-wrap: wrap;
gap: 20px;
border-radius: var(--lp-border-radius, 5px);
width: calc((100% - 40px) / 3);
}
@media (min-width: 1200px) and (max-width: 1440px) {
.dashboard-statistic__row .statistic-box {
gap: 16px;
padding: 16px;
}
}
@media (max-width: 1200px) {
.dashboard-statistic__row .statistic-box {
width: calc((100% - 20px) / 2);
}
}
@media (max-width: 768px) {
.dashboard-statistic__row .statistic-box {
gap: 16px;
padding: 16px;
}
}
@media (max-width: 600px) {
.dashboard-statistic__row {
gap: 8px;
}
.dashboard-statistic__row .statistic-box {
width: 100%;
gap: 12px;
padding: 8px 12px;
}
.dashboard-statistic__row .statistic-box__text {
display: flex;
justify-content: space-between;
align-items: center;
}
.dashboard-statistic__row .statistic-box__text label {
margin: 0;
}
.dashboard-statistic__row .statistic-box__text__number {
font-size: 1.2em;
}
.dashboard-statistic__row .statistic-box__icon span {
--lp-width-icon: 40px;
font-size: 18px;
}
}
.statistic-box__icon span {
--lp-width-icon: 60px;
display: flex;
width: var(--lp-width-icon);
height: var(--lp-width-icon);
border-radius: 50%;
background: rgba(0, 199, 190, 0.1019607843);
line-height: var(--lp-width-icon);
align-items: center;
justify-content: center;
color: #00C7BE;
font-size: 24px;
}
.statistic-box__icon [class^=lp-icon-]:before {
width: 1em;
}
.statistic-box__icon .lp-icon-enrolled_courses:before, .statistic-box__icon .lp-icon-total_course:before {
content: "\f518";
}
.statistic-box__icon .lp-icon-in_progress_course, .statistic-box__icon .lp-icon-student_in_progress {
background: rgba(175, 82, 222, 0.1019607843);
color: #AF52DE;
}
.statistic-box__icon .lp-icon-finished_courses, .statistic-box__icon .lp-icon-published_course {
background: rgba(88, 86, 214, 0.1019607843);
color: #5856D6;
}
.statistic-box__icon .lp-icon-passed_courses, .statistic-box__icon .lp-icon-student_completed {
background: rgba(85, 190, 36, 0.2);
color: #34C759;
}
.statistic-box__icon .lp-icon-failed_courses, .statistic-box__icon .lp-icon-pending_course {
background: rgba(255, 59, 48, 0.1019607843);
color: #FF3B30;
}
.statistic-box__icon .lp-icon-total_student {
background: rgba(0, 122, 255, 0.1019607843);
color: #007AFF;
}
.statistic-box__icon .lp-icon-total_student:before {
content: "\f501";
}
.statistic-box__text {
flex: 1;
text-align: right;
}
.statistic-box__text label {
display: block;
margin-bottom: 4px;
font-weight: normal;
line-height: 1.3;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
.statistic-box__text__number {
font-size: 1.6em;
line-height: 1;
font-weight: 600;
}
.wrapper-profile-header {
position: relative;
}
.lp-user-profile {
position: relative;
--lp-item-padding: 40px;
}
.lp-user-profile img {
max-width: 100%;
height: auto;
}
.lp-user-profile .lp-user-profile-avatar img {
display: block;
border-radius: var(--lp-border-radius-avatar, 50%);
width: 100%;
height: auto;
}
.lp-user-profile .lp-user-profile-socials {
display: flex;
position: relative;
margin: 0;
gap: 12px;
}
.lp-user-profile .lp-user-profile-socials a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--lp-color-base, #333);
width: var(--lp-social-size, 40px);
height: var(--lp-social-size, 40px);
border-radius: 50%;
border: 1px solid var(--lp-border-color, #E2E0DB);
font-size: 16px;
}
.lp-user-profile .lp-user-profile-socials a:hover {
color: var(--lp-color-white, #fff);
border-color: var(--lp-primary-color);
background: var(--lp-primary-color);
}
.lp-user-profile .lp-user-profile-socials a:hover svg {
fill: var(--lp-color-white, #fff);
}
.lp-user-profile .lp-profile-content-area {
position: relative;
padding: 0;
display: flex;
align-items: flex-start;
}
.lp-user-profile .lp-profile-left {
min-width: 120px;
max-width: 120px;
}
.lp-user-profile .lp-profile-right {
padding-right: 20px;
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.lp-user-profile .lp-profile-username {
margin: 0;
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
font-weight: 500;
text-transform: capitalize;
color: inherit;
flex: 1;
}
.lp-user-profile .lp-profile-user-bio {
width: 100%;
}
.lp-user-profile #profile-sidebar {
float: right;
width: 270px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-top: 0;
margin-top: var(--lp-item-padding);
margin-bottom: 32px;
}
@media (max-width: 990px) {
.lp-user-profile #profile-sidebar {
width: 100%;
margin-bottom: 0;
}
}
.lp-user-profile .lp-profile-nav-tabs {
margin: 0;
padding: 0;
list-style: none;
}
.lp-user-profile .lp-profile-nav-tabs > li {
position: relative;
margin: 0;
padding: 0;
border-top: 1px solid var(--lp-border-color, #E2E0DB);
}
.lp-user-profile .lp-profile-nav-tabs > li a {
padding: 10px 20px;
color: inherit;
font-weight: 500;
text-decoration: none;
display: flex;
width: 100%;
gap: 8px;
line-height: 1.4;
}
.lp-user-profile .lp-profile-nav-tabs > li a > i {
margin-top: 3px;
}
.lp-user-profile .lp-profile-nav-tabs > li > a {
padding: 14px 20px;
position: relative;
}
.lp-user-profile .lp-profile-nav-tabs > li > a > i {
color: var(--lp-primary-color);
}
.lp-user-profile .lp-profile-nav-tabs > li ul li {
margin: 0;
}
.lp-user-profile .lp-profile-nav-tabs > li ul li a {
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
.lp-user-profile .lp-profile-nav-tabs > li ul li a:hover {
color: var(--lp-primary-color);
}
.lp-user-profile .lp-profile-nav-tabs > li.active {
background: var(--lp-primary-color);
}
.lp-user-profile .lp-profile-nav-tabs > li.active > a, .lp-user-profile .lp-profile-nav-tabs > li.active > a i {
color: #fff;
}
.lp-user-profile .lp-profile-nav-tabs > li:not(.active):hover {
background: var(--lp-white-grey, #F7F7FB);
}
.lp-user-profile .lp-profile-nav-tabs > li.has-child > a:after {
font-family: "lp-icon";
content: "\f105";
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.lp-user-profile .lp-profile-nav-tabs li > ul {
display: none;
position: absolute;
z-index: 1000;
top: 0;
right: 100%;
min-width: 180px;
margin: 0;
padding: 0;
background: #fff;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
list-style: none;
}
.lp-user-profile .lp-profile-nav-tabs li > ul li {
white-space: nowrap;
}
.lp-user-profile .lp-profile-nav-tabs li > ul li:hover, .lp-user-profile .lp-profile-nav-tabs li > ul li.active {
color: var(--lp-primary-color);
}
.lp-user-profile .lp-profile-nav-tabs li:hover > ul {
display: block;
}
.lp-user-profile .lp-profile-content {
float: left;
width: calc(100% - 300px);
margin-bottom: 32px;
padding-top: var(--lp-item-padding);
}
@media (max-width: 990px) {
.lp-user-profile .lp-profile-content {
width: 100%;
}
}
@media (max-width: 767px) {
.lp-user-profile .lp-profile-content .profile-orders {
overflow-x: scroll;
}
}
.lp-user-profile .lp-profile-content .course-categories, .lp-user-profile .lp-profile-content .course-instructor {
margin-bottom: 14px;
}
.lp-user-profile .lp-profile-content .course-categories {
padding: 0;
}
.lp-user-profile .profile-orders .profile-heading {
display: none;
}
.lp-user-profile .profile-orders table {
margin-top: 0;
}
.lp-user-profile .profile-orders .column-order-actions a {
margin-left: 6px;
color: black;
text-decoration: underline;
font-weight: 500;
}
.lp-user-profile .profile-orders .column-order-actions a:hover, .lp-user-profile .profile-orders .column-order-actions a:focus {
color: var(--lp-primary-color);
}
.lp-user-profile .learn-press-message {
margin-top: 0;
}
.lp-user-profile .profile-heading {
margin-bottom: 24px;
}
.lp-user-profile.guest .lp-content-area {
display: flex;
align-items: flex-start;
}
.lp-user-profile.guest .lp-content-area > div {
flex: 1;
width: 100%;
}
@media (min-width: 1366px) {
.lp-user-profile .lp-content-area {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 990px) {
.lp-user-profile {
--lp-item-padding: 30px;
}
.lp-user-profile #profile-nav {
border-top: 1px solid var(--lp-border-color, #E2E0DB);
}
.lp-user-profile .lp-profile-nav-tabs {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
overflow-x: auto;
white-space: nowrap;
scroll-behavior: smooth;
}
.lp-user-profile .lp-profile-nav-tabs::after {
display: none;
}
.lp-user-profile .lp-profile-nav-tabs > li {
border: none;
border-left: 1px solid var(--lp-border-color, #E2E0DB);
flex: 1;
}
.lp-user-profile .lp-profile-nav-tabs > li:last-child {
border-left: none;
}
.lp-user-profile .lp-profile-nav-tabs > li > a {
height: auto;
padding: 8px 12px 8px 12px;
flex-direction: column;
white-space: nowrap;
align-items: center;
font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
line-height: 1.4;
gap: 4px;
}
.lp-user-profile .lp-profile-nav-tabs > li > a > i {
position: static;
transform: translate(0);
}
.lp-user-profile .lp-profile-nav-tabs > li > a::after {
display: none !important;
margin-right: 10px;
}
.lp-user-profile .lp-profile-nav-tabs > li.has-child a::after {
display: none !important;
}
.lp-user-profile .lp-profile-nav-tabs > li:after {
display: none;
}
.lp-user-profile .lp-profile-nav-tabs > li.active:after, .lp-user-profile .lp-profile-nav-tabs > li.active:before {
display: none;
}
.lp-user-profile .lp-profile-nav-tabs > li.active.has-child ul {
display: none;
width: max-content;
transform: translateX(20%);
}
.lp-user-profile .lp-profile-nav-tabs > li.active.has-child ul::after {
display: table;
clear: both;
box-shadow: 0 0 0;
content: "";
}
.lp-user-profile .lp-profile-nav-tabs > li.active.has-child ul li {
float: right;
border-left: 1px solid var(--lp-border-color, #E2E0DB);
}
.lp-user-profile .lp-profile-nav-tabs > li.active.has-child ul li:last-child {
border-left: none;
}
.lp-user-profile .lp-profile-nav-tabs > li.active.has-child ul li a {
padding: 0 10px;
}
.lp-user-profile .lp-profile-nav-tabs li:not(.has-child) > a::after, .lp-user-profile .lp-profile-nav-tabs li:hover ul {
display: none !important;
}
}
@media (max-width: 768px) {
.lp-user-profile .lp-profile-content-area {
align-items: center;
}
.lp-user-profile .lp-profile-right {
flex-direction: column;
align-items: flex-start;
}
.lp-user-profile .lp-profile-user-bio {
display: none;
}
.lp-user-profile.guest .lp-content-area {
flex-direction: column;
}
}
@media (max-width: 650px) {
.lp-user-profile .lp-profile-left {
min-width: 100px;
max-width: 100px;
}
.lp-user-profile .lp-user-profile-socials {
gap: 8px;
--lp-social-size: 36px;
font-size: 14px;
}
}
#profile-content-withdrawals > h2 {
font-size: 1.6em;
margin-bottom: 12px;
}
.learn-press-profile-course__statistic {
margin-bottom: 32px;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
height: auto;
display: block;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td, .learn-press-profile-course__progress .lp_profile_course_progress__item th {
text-align: center;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
width: 15%;
padding: 0;
}
@media (max-width: 768px) {
.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
display: none;
}
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2), .learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) {
width: 25%;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2) a, .learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(3), .learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(3) {
width: 10%;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(4), .learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(4) {
width: 25%;
}
.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(5), .learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(5) {
width: 25%;
}
@media (max-width: 768px) {
.learn-press-profile-course__progress .learn-press-course-tab__filter__content {
overflow-x: auto;
}
}
.lp-profile-content #profile-content-order-details h3 {
margin-top: 0;
font-size: 1.875em;
line-height: 1.5;
font-weight: 500;
margin-bottom: 15px;
}
.recover-order__title {
margin-bottom: 5px;
}
.recover-order__description {
margin-bottom: 20px;
opacity: 0.7;
font-size: 0.8em;
font-style: italic;
}
.lp-order-recover {
display: flex;
gap: 10px;
}
.lp-order-recover input[type=text] {
font-style: italic;
flex: 1 1 auto;
}
.lp-profile-content ul {
list-style: none !important;
padding: 0 !important;
}
.course-extra-box {
margin-bottom: 16px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
width: 100%;
}
.course-extra-box.active .course-extra-box__content {
height: auto;
}
.course-extra-box__title {
--extra-height: 50px;
display: flex;
align-items: center;
position: relative;
height: var(--extra-height);
margin: 0 !important;
padding: 0 20px 0 45px;
background: rgba(181, 187, 211, 0.15);
font-size: 1em;
font-weight: 700;
cursor: pointer;
}
@media (max-width: 767px) {
.course-extra-box__title {
padding-right: 16px;
}
}
.course-extra-box__title::after {
position: absolute;
top: 0;
left: 20px;
font-family: "lp-icon";
line-height: var(--extra-height);
content: "\f107";
}
.course-extra-box__content {
overflow: hidden;
transition: height 0.3s ease;
}
.course-extra-box__content-inner {
-webkit-animation-name: course-extra-box__content-inner-transform;
animation-name: course-extra-box__content-inner-transform;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
}
.course-extra-box__content-inner > ul {
padding-right: 0 !important;
padding-bottom: 0 !important;
}
.course-extra-box__content ul,
.course-extra-box__content li {
list-style: none;
}
.course-extra-box__content ul {
margin: 0;
padding: 0;
}
.course-extra-box__content li {
margin: 0;
padding: 12px 20px;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
}
@media (max-width: 767px) {
.course-extra-box__content li {
padding-right: 16px;
padding-left: 16px;
}
}
.course-extra-box__content li::before {
margin-left: 8px;
color: var(--lp-primary-color);
font-family: "lp-icon";
content: "\f00c";
}
.course-extra-box__content li:last-child {
border-bottom: 0;
}
.course-extra-box:last-child {
margin-bottom: 60px;
}
.course-extra-box.active .course-extra-box__title::after {
content: "\f106";
}
.course-extra-box + .comment-respond, .course-extra-box + .comments-area {
margin-top: 30px;
margin-bottom: 30px;
}
.course-extra-box + .course-tabs {
margin-top: 30px;
}
input[name=course-extra-box-ratio] {
display: none;
}
input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
display: block;
}
input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
transform: scale(1);
}
@-webkit-keyframes course-extra-box__content-inner-transform {
from {
opacity: 0;
-webkit-transform: translateX(-5%);
-moz-transform: translateX(-5%);
-ms-transform: translateX(-5%);
-o-transform: translateX(-5%);
transform: translateX(-5%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes course-extra-box__content-inner-transform {
from {
opacity: 0;
transform: translateX(-5%);
}
to {
opacity: 1;
transform: translateX(0%);
}
}
.course-tab-panel-faqs .course-faqs-box {
margin-bottom: 20px;
border: 1px solid rgba(204, 204, 204, 0.6);
border-radius: 5px;
}
.course-tab-panel-faqs .course-faqs-box__title {
display: block;
position: relative;
margin: 0;
padding: 12px 20px 12px 45px;
font-size: 1em;
line-height: 1.5;
font-weight: 700;
cursor: pointer;
}
.course-tab-panel-faqs .course-faqs-box__title::after {
position: absolute;
top: 12px;
left: 20px;
font-family: "lp-icon";
content: "\f067";
}
.course-tab-panel-faqs .course-faqs-box:last-child {
margin-bottom: 40px;
}
.course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
color: var(--lp-primary-color);
}
.course-tab-panel-faqs .course-faqs-box__content {
display: none;
}
.course-tab-panel-faqs .course-faqs-box__content-inner {
padding: 20px;
-webkit-animation-name: course-faqs-box__content-inner-transform;
animation-name: course-faqs-box__content-inner-transform;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
}
input[name=course-faqs-box-ratio] {
display: none;
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
display: block;
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
color: var(--lp-primary-color);
background: rgba(241, 242, 248, 0.4);
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
content: "\f068";
}
@-webkit-keyframes course-faqs-box__content-inner-transform {
from {
opacity: 0;
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
-o-transform: translateY(-5%);
transform: translateY(-5%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes course-faqs-box__content-inner-transform {
from {
opacity: 0;
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
-o-transform: translateY(-5%);
transform: translateY(-5%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
}
.extra-box__title, .course-faqs__title, .course-material__title {
margin-top: 0;
margin-bottom: 12px;
}
#learn-press-course-tabs.show-all .course-tab-panel {
margin-bottom: 40px;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .course-tab-panels .course-tab-panel:nth-child(1) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(2):checked ~ .course-tab-panels .course-tab-panel:nth-child(2) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(2):checked ~ .learn-press-nav-tabs .course-nav:nth-child(2) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(2):checked ~ .learn-press-nav-tabs .course-nav:nth-child(2) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(3):checked ~ .course-tab-panels .course-tab-panel:nth-child(3) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(3):checked ~ .learn-press-nav-tabs .course-nav:nth-child(3) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(3):checked ~ .learn-press-nav-tabs .course-nav:nth-child(3) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(4):checked ~ .course-tab-panels .course-tab-panel:nth-child(4) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(4):checked ~ .learn-press-nav-tabs .course-nav:nth-child(4) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(4):checked ~ .learn-press-nav-tabs .course-nav:nth-child(4) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(5):checked ~ .course-tab-panels .course-tab-panel:nth-child(5) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(5):checked ~ .learn-press-nav-tabs .course-nav:nth-child(5) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(5):checked ~ .learn-press-nav-tabs .course-nav:nth-child(5) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(6):checked ~ .course-tab-panels .course-tab-panel:nth-child(6) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(6):checked ~ .learn-press-nav-tabs .course-nav:nth-child(6) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(6):checked ~ .learn-press-nav-tabs .course-nav:nth-child(6) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(7):checked ~ .course-tab-panels .course-tab-panel:nth-child(7) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(7):checked ~ .learn-press-nav-tabs .course-nav:nth-child(7) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(7):checked ~ .learn-press-nav-tabs .course-nav:nth-child(7) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(8):checked ~ .course-tab-panels .course-tab-panel:nth-child(8) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(8):checked ~ .learn-press-nav-tabs .course-nav:nth-child(8) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(8):checked ~ .learn-press-nav-tabs .course-nav:nth-child(8) label {
color: var(--lp-primary-color);
background: #fff;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(9):checked ~ .course-tab-panels .course-tab-panel:nth-child(9) {
display: block;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(9):checked ~ .learn-press-nav-tabs .course-nav:nth-child(9) {
border-bottom: 0;
}
#learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(9):checked ~ .learn-press-nav-tabs .course-nav:nth-child(9) label {
color: var(--lp-primary-color);
background: #fff;
}
.course-tab-panels .course-tab-panel {
padding-top: 30px;
}
.course-tab-panel {
display: none;
}
.course-tab-panel.active {
display: block;
}
.course-tab-panel .course-description h4 {
margin-top: 0;
margin-bottom: 1.125em;
}
.course-tab-panel .course-description img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.course-tab-panel .lp-course-author {
display: flex;
align-items: start;
}
@media (max-width: 767px) {
.course-tab-panel .lp-course-author {
flex-direction: column;
align-items: center;
}
}
.course-tab-panel .lp-course-author .course-author__pull-left {
margin-left: 30px;
text-align: center;
align-items: center;
}
@media (max-width: 767px) {
.course-tab-panel .lp-course-author .course-author__pull-left {
margin-left: 0;
margin-bottom: 24px;
}
}
.course-tab-panel .lp-course-author img {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
object-position: center;
display: block;
margin: 0 auto;
}
.course-tab-panel .lp-course-author .course-author__pull-right {
flex: 1;
}
@media (max-width: 767px) {
.course-tab-panel .lp-course-author .course-author__pull-right {
width: 100%;
text-align: center;
}
}
.course-tab-panel .lp-course-author .author-title {
margin-bottom: 4px;
}
.course-tab-panel .lp-course-author .author-title a {
text-decoration: none;
color: #333;
box-shadow: none;
font-size: 1.125em;
font-weight: 500;
text-transform: capitalize;
}
.course-tab-panel .lp-course-author .author-title a:hover {
color: var(--lp-primary-color);
}
.course-tab-panel .lp-course-author .author-description {
color: #666;
font-style: italic;
}
.course-tab-panel .lp-course-author .instructor-social {
display: flex;
gap: 16px;
margin-bottom: 12px;
}
.course-tab-panel .lp-course-author .author-socials {
display: grid;
grid-template-columns: repeat(4, 33px);
gap: 10px;
justify-content: center;
margin-top: 16px;
}
.course-tab-panel .lp-course-author .author-socials > a {
display: inline-block;
width: 33px;
height: 33px;
margin: 0;
border: 1px solid #ededed;
border-radius: 50%;
color: #878787;
box-shadow: none;
font-size: 0.8em;
line-height: 2em;
text-align: center;
vertical-align: middle;
transition: all 0.3s;
}
.course-tab-panel .lp-course-author .author-socials > a:hover {
border-color: var(--lp-primary-color);
color: #fff;
background: var(--lp-primary-color);
}
.course-tab-panel .lp-course-author .author-socials .fa-googleplus::before {
content: "\f0d5";
}
.course-summary div.lp-list-co-instructor {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin-top: 30px;
}
.course-summary div.lp-list-co-instructor__item {
display: flex;
column-gap: 30px;
}
@media (max-width: 767px) {
.course-summary div.lp-list-co-instructor__item {
align-items: center;
flex-direction: column;
padding: 0 15px;
column-gap: 0;
row-gap: 10px;
}
}
.course-summary div.lp-list-co-instructor__avatar > img {
width: 100%;
max-width: 96px;
border-radius: 999px;
}
.course-summary div.lp-list-co-instructor__bio {
flex: 1;
}
.course-summary div.lp-list-co-instructor__bio__top > a {
font-size: 1.125em;
font-weight: 600;
}
.course-summary .course-price {
margin-bottom: 10px;
}
.course-summary .course-price .origin-price,
.course-summary .course-price .origin-price {
margin-left: 10px;
font-size: 1.125em;
font-style: italic;
text-decoration: line-through;
}
.course-summary .course-price .price {
font-size: 1.5em;
}
.course-summary .course-summary-sidebar .lp-course-buttons {
margin-bottom: 20px;
text-align: center;
}
.course-summary .course-featured-review .featured-review__title {
margin-top: 0;
margin-bottom: 6px;
font-size: 1.2em;
font-weight: 500;
}
.course-summary .course-featured-review .featured-review__stars {
padding-bottom: 12px;
color: var(--lp-primary-color);
}
.course-summary .course-featured-review .featured-review__content {
position: relative;
color: #666;
font-style: italic;
}
.course-summary .course-featured-review .featured-review__content::after {
position: absolute;
top: -42px;
left: -15px;
color: rgba(102, 102, 102, 0.1);
font-family: Arial;
font-size: 180px;
font-weight: 700;
font-style: normal;
content: "‘‘";
transform: rotate(-180deg);
}
.course-summary .course-tags a {
display: inline-block;
padding: 3px 5px;
border-radius: 4px;
color: #fff;
background: #9aa5ab;
font-size: 0.75em;
line-height: 1;
}
.edit-content {
margin-right: 5px;
}
.course-item-popup #tab-curriculum {
display: block;
}
.course-curriculum ul.curriculum-sections {
position: relative;
z-index: 499;
margin: 0;
padding: 0;
list-style: none;
}
.course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
display: none;
}
.course-curriculum ul.curriculum-sections .section {
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.course-curriculum ul.curriculum-sections .section:last-child {
padding: 0;
}
.course-curriculum ul.curriculum-sections .section.section-empty .section-header {
margin-bottom: 20px;
}
.course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
margin-left: 15px;
margin-right: 15px;
}
.course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
display: block;
}
.course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
top: 0;
}
.course-curriculum ul.curriculum-sections .item-meta.duration {
background: #d9e0f1;
}
.course-curriculum .section-item__loadmore {
display: flex;
justify-content: center;
align-items: center;
}
.course-curriculum .section-item__loadmore button {
margin-top: 10px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
box-shadow: none;
outline: none;
}
.course-curriculum .section-item__loadmore.loading button:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-left: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
.course-curriculum .section-header {
display: table;
width: 100%;
padding: 20px 0;
border-bottom: 0;
border-bottom: 1px solid #d9e0f1;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
margin: 0;
}
.course-curriculum .section-header span.show-desc {
display: inline-block;
position: absolute;
top: 50%;
left: 30px;
width: 20px;
height: 20px;
transform: translate(0, -50%);
}
.course-curriculum .section-header span.show-desc::before {
font-family: "lp-icon";
font-size: 1.125em;
content: "\f107";
}
.course-curriculum .section-header span.show-desc:hover::before {
border-top-color: #ccc;
}
.course-curriculum .section-header .section-desc {
margin-top: 10px;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
color: var(--lp-color-accent);
font-style: italic;
line-height: 1.3;
}
.course-curriculum .section-header .section-meta {
display: block;
padding-top: 17px;
padding-bottom: 15px;
font-size: 0.8em;
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
.course-curriculum .section-item {
width: 100%;
}
.course-curriculum .section-content {
margin: 0;
padding: 0;
list-style: none;
}
.course-curriculum .section-content .course-item-meta {
display: table-cell;
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
.course-curriculum .section-content .course-item-meta .item-meta {
display: inline-block;
color: #fff;
}
.course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
background: #14c4ff;
}
.course-curriculum .section-content .course-item-meta .item-meta.trans {
padding: 0;
}
.course-curriculum .section-content .course-item-meta .count-questions {
background: #9672cf;
}
.course-curriculum .section-content .course-item-meta .duration {
background: #c0c0c0;
}
.course-curriculum .section-content .course-item-meta .course-item-status {
padding: 0;
color: #999;
}
.course-curriculum .section-content .course-item-meta .course-item-status::before {
font-family: "lp-icon";
content: "\f00c";
}
.course-curriculum .section-content .course-item-preview {
font-style: normal;
padding: 0;
}
.course-curriculum .section-content .course-item-preview::before {
color: #fff;
padding: 3px 8px;
font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
background: #00adff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
content: attr(data-preview);
}
.course-curriculum .course-item {
display: flex;
position: relative;
margin: 0 0 2px 0;
padding: 0 16px;
background: rgba(241, 242, 248, 0.4);
transition: padding-right linear 0.15s;
}
.course-curriculum .course-item > span {
display: flex;
width: 28px;
color: #666;
font-weight: 300;
align-items: center;
}
.course-curriculum .course-item .section-item-link {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
padding: 12px 0;
color: inherit;
outline: none;
gap: 12px;
}
.course-curriculum .course-item .section-item-link:hover .item-name {
color: var(--lp-primary-color);
}
.course-curriculum .course-item .section-item-link::before {
color: var(--lp-primary-color);
font-family: "lp-icon";
}
.course-curriculum .course-item .section-item-link .course-item-info {
width: 100%;
}
.course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
gap: 16px;
align-items: center;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
.course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
background: transparent;
}
.course-curriculum .course-item .item-name {
font-weight: 600;
}
.course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
content: "\f059";
}
.course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
content: "\e929" !important;
}
.course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
content: "\e92a" !important;
}
.course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
content: "\f15b";
}
.course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
content: "\f03d";
}
.course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
content: "\f028";
}
.course-curriculum .course-item.item-locked .course-item-status::before {
color: var(--lp-secondary-color);
content: "\f023";
}
.course-curriculum .course-item.has-status {
padding-top: 1px;
}
.course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
color: #3bb54a;
}
.course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
border-color: #f02425;
color: #f02425;
content: "\f00d";
}
.course-curriculum .course-item::before {
position: absolute;
top: 50%;
right: 0;
width: 3px;
height: 0;
background: #00adff;
content: "";
transition: height linear 0.15s, top linear 0.15s;
}
.course-curriculum .course-item.current {
background: #f9f9f9;
}
.course-curriculum .course-item.current a::before {
right: 10px;
}
.course-curriculum .course-item.current::before {
top: 0;
height: 100%;
}
.course-curriculum .section-left {
vertical-align: top;
}
.course-curriculum .section-left .section-title {
font-weight: 700;
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
text-transform: capitalize;
display: block;
}
.course-curriculum .curriculum-more__button {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
box-shadow: none;
outline: none;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.course-curriculum .curriculum-more__button.loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-left: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
float: left;
}
#wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before, #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before, #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
top: 2px;
font-family: "lp-icon";
}
#wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
content: "\f017";
}
#wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
content: "\f15c";
}
#wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
content: "\f29c";
}
.scroll-wrapper {
overflow: hidden;
opacity: 0;
}
.scroll-wrapper .scroll-element {
background: transparent;
}
.scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible {
transition: opacity 0.25s;
}
.scroll-wrapper:hover .scroll-element.scroll-y.scroll-scrolly_visible {
opacity: 0.7;
}
.course-remaining-time .label-enrolled {
font-size: inherit;
}
.lp-course-progress {
position: relative;
}
.lp-course-progress .lp-passing-conditional {
position: absolute;
top: 0;
width: 3px;
height: 6px;
margin-right: -1px;
background: var(--lp-secondary-color);
}
.viewing-course-item .section-header .section-desc {
display: none;
} .course-meta {
display: flex;
margin-bottom: 40px;
}
.course-meta .course-students::before {
font-family: "lp-icon";
content: "";
}
.course-meta .course-meta__pull-left,
.course-meta .course-meta__pull-right {
display: flex;
flex-wrap: wrap;
gap: 50px;
}
@media (max-width: 767px) {
.course-meta .course-meta__pull-left,
.course-meta .course-meta__pull-right {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
}
@media (max-width: 560px) {
.course-meta .course-meta__pull-left,
.course-meta .course-meta__pull-right {
grid-template-columns: repeat(2, 1fr);
}
}
.course-meta.course-meta-primary .course-meta__pull-left {
gap: 16px;
}
@media (max-width: 767px) {
.course-meta.course-meta-primary .course-meta__pull-left {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.course-meta.course-meta-primary .course-meta__pull-left {
grid-template-columns: 1fr;
}
}
.course-meta.course-meta-primary .course-meta__pull-left .meta-item {
margin-left: 0 !important;
}
@media (max-width: 560px) {
.course-meta.course-meta-primary .course-meta__pull-left .meta-item {
width: 100%;
}
}
@media (max-width: 1024px) {
.course-meta.course-meta-secondary .course-meta__pull-left {
gap: 16px;
}
}
@media (max-width: 1024px) {
.course-meta.course-meta-secondary .course-meta__pull-left .meta-item {
margin-left: 0 !important;
width: calc((100% - 32px) / 3);
}
}
@media (max-width: 768px) {
.course-meta.course-meta-secondary .course-meta__pull-left .meta-item {
width: 100%;
}
}
.course-meta .course-meta__pull-left {
flex: 1;
}
.course-meta .course-meta__pull-right {
flex: 0 0 50%;
}
.course-meta.course-meta-primary .meta-item {
flex: 1;
}
.course-meta.two-columns .course-meta {
flex: 1;
} @media (max-width: 1200px) {
body.course-item-popup #learn-press-course-curriculum {
width: 300px;
}
}
@media (max-width: 768px) {
body.course-item-popup #learn-press-course-curriculum {
margin-left: 0%;
}
}
@media (max-width: 768px) {
body.course-item-popup #learn-press-course-curriculum .course-curriculum {
width: 200px;
}
}
@media (max-width: 1300px) {
body.course-item-popup #learn-press-course-curriculum .progress-bg {
width: 40px;
}
}
@media (max-width: 768px) {
body.course-item-popup #learn-press-course-curriculum .items-progress,
body.course-item-popup #learn-press-course-curriculum .course-progress {
float: none;
width: 100%;
margin-left: 0%;
margin-bottom: 20px;
}
}
@media (max-width: 1300px) {
body.course-item-popup #content-item-nav {
right: 300px;
}
}
@media (max-width: 768px) {
body.course-item-popup #content-item-nav {
right: 200px;
}
}
@media (max-width: 1300px) {
body.course-item-popup .section-desc {
display: none;
}
}
@media (max-width: 768px) {
body.course-item-popup.wpadminbar #learn-press-content-item,
body.course-item-popup.wpadminbar #learn-press-course-curriculum {
top: 106px;
}
}
.lp-quiz-buttons {
margin-bottom: 20px;
display: block;
clear: both;
content: "";
}
.quiz-progress {
margin-bottom: 30px;
background: rgb(231, 247, 255);
}
.quiz-progress .progress-items {
display: flex;
}
.quiz-progress .progress-items .progress-item {
position: relative;
color: #777;
font-size: 0.938em;
flex: 1;
}
.quiz-progress .progress-items .progress-item .progress-number, .quiz-progress .progress-items .progress-item .progress-label {
display: block;
line-height: 1;
text-align: center;
}
.quiz-progress .progress-items .progress-item .progress-number {
margin: 15px 0 10px 0;
font-size: 1.25em;
}
.quiz-progress .progress-items .progress-item .progress-label {
margin-bottom: 15px;
font-size: 0.875em;
}
.quiz-progress .progress-items .progress-item i {
display: none;
float: right;
width: 60px;
height: 60px;
color: #fff;
background: #00adff;
font-size: 1.875em;
line-height: 60px;
text-align: center;
}
.quiz-progress .progress-items .progress-item::after {
display: block;
clear: both;
content: "";
}
.answer-options {
margin: 0;
padding: 0;
list-style: none;
}
.answer-options .answer-option {
display: flex;
overflow: hidden;
position: relative;
margin: 0 0 18px 0;
padding: 10px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background linear 0.25s;
-moz-transition: background linear 0.25s;
-ms-transition: background linear 0.25s;
-o-transition: background linear 0.25s;
transition: background linear 0.25s;
}
.answer-options .answer-option .option-title {
display: table-cell;
}
.answer-options .answer-option .option-title .option-title-content {
display: inline-block;
vertical-align: middle;
}
.answer-options .answer-option .option-title::before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 3px;
background: #ddd;
content: "";
-webkit-transition: background linear 0.25s;
-moz-transition: background linear 0.25s;
-ms-transition: background linear 0.25s;
-o-transition: background linear 0.25s;
transition: background linear 0.25s;
}
.answer-options .answer-option input[type=checkbox],
.answer-options .answer-option input[type=radio] {
-webkit-appearance: initial;
-moz-appearance: initial;
position: relative;
z-index: 10;
width: 32px;
min-width: 32px;
height: 32px;
margin: 0 3px 0 10px;
border: 1px solid #cfcfcf;
background: #f9fafc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.answer-options .answer-option input[type=checkbox]::after,
.answer-options .answer-option input[type=radio]::after {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
}
.answer-options .answer-option input[type=checkbox]:focus,
.answer-options .answer-option input[type=radio]:focus {
outline: none;
}
.answer-options .answer-option input[type=checkbox]:checked ~ .option-title .option-title-content,
.answer-options .answer-option input[type=radio]:checked ~ .option-title .option-title-content {
position: relative;
}
.answer-options .answer-option input[type=checkbox]:checked ~ .option-title::before,
.answer-options .answer-option input[type=radio]:checked ~ .option-title::before {
background: #00adff;
}
.answer-options .answer-option input[type=checkbox]:checked::after,
.answer-options .answer-option input[type=radio]:checked::after {
opacity: 1;
}
.answer-options .answer-option input[type=checkbox]::after {
margin-top: 0;
}
.answer-options .answer-option input[type=checkbox]::after {
width: auto;
box-sizing: content-box;
height: auto;
color: #3db748;
font-family: "lp-icon";
font-size: 16px;
opacity: 0;
content: "\f00c";
background: none;
border: none;
}
.answer-options .answer-option input[type=checkbox]:checked::after {
border: none;
}
.answer-options .answer-option input[type=radio] {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.answer-options .answer-option input[type=radio]::before {
border-radius: 50%;
}
.answer-options .answer-option input[type=radio]:checked::after {
content: "";
width: 10px;
height: 10px;
border-radius: 10px;
background: #00adff;
}
.answer-options .answer-option .option-title {
margin: 0;
}
.answer-options .answer-option:hover {
background: #e1f5ff;
}
.answer-options .answer-option.answered-wrong input[type=checkbox]::after {
color: #f00;
}
.answer-options .answer-option.answered-wrong input[type=radio]::after {
background: #f00;
}
button[data-counter] {
position: relative;
}
button[data-counter]::after {
padding-right: 5px;
content: "(+" attr(data-counter) ")";
}
.quiz-result {
max-width: 320px;
margin: 20px auto 48px;
text-align: center;
}
.quiz-result .result-heading {
display: none;
}
.quiz-result.passed .result-message {
background: #3bb54a;
}
.quiz-result.passed .result-message::after {
content: "\f00c";
}
.quiz-result .result-message {
margin-bottom: 30px;
padding: 10px 0;
color: #fff;
background: #f02425;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: var(--lp-border-radius, 5px);
-moz-border-radius: var(--lp-border-radius, 5px);
border-radius: var(--lp-border-radius, 5px);
gap: 8px;
}
.quiz-result .result-message::after {
font-family: "lp-icon";
content: "\f00d";
}
.quiz-result .result-grade .result-achieved,
.quiz-result .result-grade .result-require {
display: inline-block;
margin: 0 auto;
}
.quiz-result .result-grade .result-achieved {
padding-bottom: 7px;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
font-size: 1.75em;
font-weight: 500;
line-height: 1;
}
.quiz-result .result-grade .result-require {
display: block;
padding-top: 5px;
color: #666;
font-size: 1em;
font-weight: 400;
line-height: 1;
}
.quiz-result .result-grade .result-message {
font-size: 0.875em;
}
.quiz-result.passed .result-achieved {
color: #04adff;
}
.quiz-result.passed .result-message strong {
color: #04adff;
}
.quiz-result .result-statistic {
margin: 0;
padding: 0;
text-align: right;
list-style: none;
}
.quiz-result .result-statistic .result-statistic-field {
display: flex;
margin: 0;
}
.quiz-result .result-statistic .result-statistic-field + li {
border-top: 1px dashed var(--lp-border-color, #E2E0DB);
}
.quiz-result .result-statistic .result-statistic-field span, .quiz-result .result-statistic .result-statistic-field p {
margin: 0;
flex: 1;
}
.quiz-result .result-statistic .result-statistic-field span {
color: #666;
font-size: 1em;
font-weight: 400;
line-height: 2.1875em;
}
.quiz-result .result-statistic .result-statistic-field span::before {
display: inline-block;
width: 15px;
margin-left: 10px;
color: var(--lp-primary-color);
font-family: "lp-icon";
font-size: 1em;
font-weight: 900;
}
.quiz-result .result-statistic .result-statistic-field p {
color: #333;
font-weight: 500;
text-align: left;
}
.quiz-result .result-statistic .result-statistic-field.result-time-spend label::before {
font-weight: 400;
content: "\f017";
}
.quiz-result .result-statistic .result-statistic-field.result-point label::before {
font-weight: 400;
content: "\f005";
}
.quiz-result .result-statistic .result-statistic-field.result-questions label::before {
font-weight: 400;
content: "\f059";
}
.quiz-result .result-statistic .result-statistic-field.result-questions-correct label::before {
color: #3db748;
content: "\f00c";
}
.quiz-result .result-statistic .result-statistic-field.result-questions-wrong label::before {
color: #f02425;
content: "\f00d";
}
.quiz-result .result-statistic .result-statistic-field.result-questions-skipped label::before {
color: #ddd;
content: "\f2f5";
}
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div {
max-width: 100%;
flex-direction: column;
}
@media (min-width: 426px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div {
flex-direction: row;
justify-content: space-between;
}
}
@media (min-width: 1025px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div {
max-width: 792px;
}
}
@media (min-width: 450px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div .questions-index {
width: 35%;
text-align: inherit;
}
}
@media (min-width: 1120px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div .questions-index {
width: 50%;
}
}
@media (min-width: 450px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div > div {
width: 65%;
justify-content: end;
flex: auto;
}
}
@media (min-width: 768px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div > div {
width: 50%;
}
}
@media (min-width: 1120px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div > div {
width: 50%;
}
}
@media (max-width: 768px) {
.lp-sidebar-toggle__close #content-item-quiz .quiz-status > div > div .submit-quiz #button-submit-quiz {
white-space: inherit;
padding: 8px 16px;
}
}
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div {
max-width: 100%;
flex-direction: column;
}
@media (min-width: 650px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div {
flex-direction: row;
}
}
@media (min-width: 1120px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div {
max-width: 792px;
}
}
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div .questions-index {
width: 100%;
text-align: center;
}
@media (min-width: 650px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div .questions-index {
width: 35%;
text-align: inherit;
}
}
@media (min-width: 1120px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div .questions-index {
width: 50%;
}
}
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div > div {
width: 100%;
justify-content: center;
flex-direction: column-reverse;
gap: 0;
}
@media (min-width: 490px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div > div {
flex-direction: row-reverse;
}
}
@media (min-width: 650px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div > div {
width: 65%;
gap: 12px;
justify-content: end;
flex: auto;
}
}
@media (min-width: 768px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div > div {
width: 50%;
}
}
@media (min-width: 1120px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div > div {
width: 50%;
}
}
@media (max-width: 768px) {
.lp-sidebar-toggle__open #content-item-quiz .quiz-status > div > div .submit-quiz #button-submit-quiz {
white-space: inherit;
padding: 8px 16px;
}
}
.quiz-status {
position: sticky;
z-index: 99;
top: 0;
left: 0;
right: 0;
margin: 0 0 35px 0;
}
.quiz-status > div {
display: flex;
box-sizing: border-box;
width: 100%;
max-width: 792px;
margin: 0 auto;
padding: 8px 16px;
border-radius: 4px;
background: var(--lp-primary-color);
justify-content: center;
align-items: center;
}
.quiz-status > div > div {
display: flex;
flex-direction: row-reverse;
flex: 0 0 50%;
align-items: center;
}
@media (max-width: 480px) {
.quiz-status > div > div {
justify-content: center;
}
}
.quiz-status > div > div .submit-quiz #button-submit-quiz {
margin: 0;
border-radius: 4px;
overflow: hidden;
white-space: nowrap;
}
.quiz-status > div > div .countdown {
margin: 0;
border-radius: 4px;
overflow: hidden;
padding: 12px;
}
.quiz-status > div .current-point {
display: none;
}
.quiz-status .questions-index {
display: inline-block;
color: #666;
font-size: 1em;
font-weight: 400;
line-height: 1.625em;
}
.quiz-status .questions-index span {
color: #333;
font-weight: 500;
}
.quiz-status .countdown {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
color: #333;
font-weight: 500;
text-align: center;
}
.quiz-status .countdown .fas {
color: #333;
font-size: 1em;
}
.quiz-status .countdown .clock {
display: none;
width: 40px;
height: 40px;
}
.quiz-status .countdown .clock::before {
position: absolute;
width: 40px;
height: 40px;
border: 4px solid #b1c1e6;
border-radius: 50%;
content: "";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.quiz-status .countdown .clock .circle-progress-bar {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
stroke: #5383f7;
}
.quiz-status .countdown .clock .circle-progress-bar .circle-progress-bar__circle {
transition: 0.35s stroke-dashoffset;
transform: rotate(90deg);
transform-origin: 50% 50%;
}
.quiz-status .countdown .clock.x .circle-progress-bar__circle {
stroke: #f00;
}
.quiz-status .submit-quiz button {
margin: 0 10px 0 0;
border: none;
border-radius: 0;
background: #fff;
text-transform: uppercase;
}
.quiz-status .submit-quiz button:hover {
background: var(--lp-secondary-color);
}
.quiz-status.submitting .submit-quiz button {
background: #ddd;
}
.question-numbers {
text-align: center;
list-style: none;
}
.question-numbers li {
display: inline-block;
position: relative;
margin-bottom: 3px;
}
.question-numbers li a {
display: block;
min-width: 20px;
padding: 8px;
border: 1px solid #ddd;
color: #999;
background: #f5f5f5;
box-shadow: none;
font-size: 0.75em;
line-height: 1;
}
.question-numbers li a span {
vertical-align: middle;
}
.question-numbers li a:hover {
border: 1px solid #3880a2;
color: #fff;
background: #00adff;
}
.question-numbers li.current a {
border-color: #3880a2;
color: #fff !important;
background: #00adff;
}
.question-numbers li.current.skipped::after {
background: #fff;
}
.question-numbers li.answered a::after {
margin-right: 3px;
font-family: "lp-icon";
font-size: 8px;
vertical-align: middle;
}
.question-numbers li.answered.answered-wrong a {
color: #f00;
}
.question-numbers li.answered.answered-true a {
color: #00adff;
}
.question-numbers li.answered.answered-true.current a {
color: #fff;
}
.question-numbers li.skipped::after {
position: absolute;
bottom: 3px;
right: 50%;
width: 10px;
height: 4px;
margin-right: -5px;
border-radius: 2px;
background: #aaa;
content: "";
}
.quiz-intro {
display: flex;
margin: 0 0 20px;
padding: 0;
list-style: none;
flex-flow: row wrap;
}
@media (max-width: 768px) {
.quiz-intro {
padding-left: 10px;
padding-right: 10px;
justify-content: space-between;
}
}
.quiz-intro-item {
display: flex;
margin: 0 0 0 40px;
align-items: center;
}
@media (max-width: 768px) {
.quiz-intro-item {
margin: 0 0 0 20px;
}
}
.quiz-intro-item::before {
position: relative;
margin-left: 10px;
color: var(--lp-primary-color);
font-family: "lp-icon";
font-size: 1em;
}
.quiz-intro-item--passing-grade {
order: 2;
}
.quiz-intro-item--passing-grade::before {
content: "\f012";
}
.quiz-intro-item--questions-count {
order: 1;
}
.quiz-intro-item--questions-count::before {
content: "\f12e";
}
.quiz-intro-item--duration {
order: 2;
}
.quiz-intro-item--duration::before {
content: "\f017";
}
.quiz-intro-item__title {
margin: 0;
padding: 0 0 0 8px;
color: #333;
font-weight: 300;
}
.quiz-intro-item__content {
color: #222;
font-weight: 400;
}
.question-explanation-content,
.question-hint-content {
margin-bottom: 20px;
padding: 10px 15px;
background: #f5f5f5;
}
.redo-quiz button[type=submit] {
content: attr(data-counter);
}
.circle-bar {
position: relative;
width: 300px;
height: 300px;
border-color: #ddd;
}
.circle-bar::before {
position: absolute;
z-index: 0;
top: 0;
right: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 10px solid #ddd;
border-radius: 50%;
content: "";
}
.circle-bar .before,
.circle-bar .after {
position: absolute;
z-index: 0;
top: 0;
right: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 10px solid #14c4ff;
border-radius: 50%;
transform: rotate(-45deg);
}
.circle-bar .before {
border-bottom-color: transparent;
border-right-color: transparent;
transform: rotate(-45deg);
}
.circle-bar .after {
border-color: #14c4ff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(-45deg);
}
.circle-bar.bg50 .after {
z-index: 10;
border-bottom-color: inherit;
border-right-color: inherit;
transform: rotate(-45deg);
}
.lp-quiz-buttons .complete-quiz,
.lp-quiz-buttons .back-quiz,
.lp-quiz-buttons .review-quiz {
float: left;
}
.quiz-result .result-grade {
display: flex;
flex-direction: column;
position: relative;
box-sizing: border-box;
height: 200px;
margin-bottom: 30px;
padding: 50px;
justify-content: center;
align-items: center;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.quiz-result .result-grade::before,
.quiz-result .result-grade svg {
position: absolute;
top: 0;
right: 50%;
width: 200px;
height: 200px;
margin-right: -100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.quiz-result .result-grade::before {
box-sizing: border-box;
padding: 30px;
border: 10px solid #ccc;
content: "";
}
.quiz-result .result-grade svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.quiz-result .result-grade svg circle {
stroke: var(--lp-primary-color);
}
.quiz-result.passed .result-grade svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.quiz-result.passed .result-grade .result-achieved {
color: #333;
}
.quiz-result.passed .result-grade .result-message strong {
color: #4caf50;
}
.quiz-questions .question {
margin-bottom: 60px;
}
.quiz-questions .question-answers .answer-options {
margin: 0;
padding: 0;
}
.question .answer-option {
padding: 0;
}
.question .answer-option input[type=radio],
.question .answer-option input[type=checkbox] {
position: absolute;
top: 50%;
border-color: #d9e0f1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 10px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.question .answer-option input[type=radio]::after,
.question .answer-option input[type=checkbox]::after {
border-color: #d9e0f1;
}
.question .answer-option input[type=radio]:disabled,
.question .answer-option input[type=checkbox]:disabled {
border-color: #ddd;
background: #f9f9f9;
}
.question .answer-option input[type=radio]:disabled::after,
.question .answer-option input[type=checkbox]:disabled::after {
border-color: #ddd;
}
.question .answer-option input[type=radio]:checked:not(:disabled)::after,
.question .answer-option input[type=checkbox]:checked:not(:disabled)::after {
border-color: #99aee4;
}
.question .answer-option input[type=radio] {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.question .answer-option input[type=radio]::before {
border-radius: 50%;
}
.question .answer-option .option-title {
display: flex;
width: 100%;
margin: 0;
padding: 10px 60px 10px 10px;
border: 1px solid var(--lp-border-color, #E2E0DB);
color: #666;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.question .answer-option .option-title:hover {
background: #f9f9f9;
}
.question .answer-option .option-title::before {
display: none;
}
.question .answer-option.answer-correct .option-title {
border-color: #4caf50;
}
.question .answer-option.answered-wrong .option-title {
border-color: #ff6423;
}
.question .question-title {
display: block;
margin-top: 0;
margin-bottom: 18px;
font-size: 1.125em;
font-weight: 500;
}
.question .question-title .edit-link {
float: left;
font-size: 0.875em;
font-weight: normal;
}
.question .question-content {
margin-bottom: 30px;
}
.question .question-content img {
width: 100%;
max-width: 100%;
}
.question .question-response {
margin-bottom: 10px;
font-size: 0.875em;
}
.question .question-response .label {
display: inline-block;
margin: 0 0 0 5px;
padding: 8px 10px;
border-radius: 4px;
color: #fff;
line-height: 1;
}
.question .question-response .point {
display: inline-block;
}
.question .question-response.correct .label {
background: #4caf50;
}
.question .question-response.incorrect .label {
background: #ff6423;
}
.question .question-index {
display: inline-block;
margin: 0 0 0 5px;
}
.question .btn-show-hint {
position: relative;
margin: 0 10px 0 0;
padding: 0;
outline: none;
color: #00adff;
background: transparent;
font-size: 0;
text-decoration: none;
border: none;
}
.question .btn-show-hint::before {
font-family: "lp-icon";
font-size: 18px;
content: "\f059";
}
.question .btn-show-hint:hover span {
position: absolute;
bottom: 100%;
right: 100%;
width: auto;
padding: 6px 9px;
border-radius: 2px;
color: #333;
background: #eee;
font-size: 14px;
font-weight: 400;
line-height: 1;
white-space: nowrap;
text-transform: none;
}
.question.question-fill_in_blanks .blanks .blank-input-wrap {
display: inline-block;
}
.question.question-fill_in_blanks .blanks .blank-block {
margin-bottom: 20px;
}
.question.question-fill_in_blanks .blanks .blank-input {
display: inline-block;
width: auto;
min-width: 50px;
margin: 0 10px;
padding: 0 10px;
border: none;
border-bottom: 1px dashed var(--lp-border-color, #E2E0DB);
text-align: center;
white-space: nowrap;
}
.question.question-fill_in_blanks .blanks .blank-input br {
display: none;
}
.question.question-fill_in_blanks .blanks .blank-input > * {
display: inline;
white-space: nowrap;
}
.question.question-fill_in_blanks .blanks .blank-select {
display: inline-block;
height: 30px;
margin-right: 4px;
padding: 1px;
}
.question.question-fill_in_blanks .blanks .blank-fills {
display: inline-block;
}
.question.question-fill_in_blanks .blanks .blank-fills code {
margin: 0 5px;
padding: 0 6px;
background: #ddd;
line-height: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.question.question-fill_in_blanks .blanks.ordered {
list-style-position: inside;
}
.question.question-fill_in_blanks .blanks.one-paragraph {
line-height: 3;
}
.lp-sort-bg label.option-title {
background: rgba(255, 182, 6, 0.68) !important;
}
.quiz-attempts .attempts-heading {
margin-bottom: 15px;
}
.quiz-attempts table th, .quiz-attempts table td {
text-align: center;
}
.learn-press-message.fixed {
position: fixed;
top: 32px;
right: 0;
left: 0;
background: rgba(0, 173, 255, 0.6);
text-align: center;
z-index: 100;
color: #FFF;
padding: 10px;
}
.learn-press-message.fixed[data-delay-in] {
display: none;
}
.lp-ajax-message {
display: none;
margin-top: 20px;
padding: 20px;
border: 2px solid #EBF8E5;
border-radius: 9px;
font-size: 0.9em;
line-height: 1.4;
}
.lp-ajax-message.error {
border-color: #FEE5E5;
}
.course-graduation span {
color: #999;
}
.course-graduation .icon {
margin-left: 5px;
font-size: 1.25em;
}
.course-graduation.passed .icon {
color: #059601;
}
.course-graduation.error .icon {
color: #d85554;
}
.learn-press-template-warning::before {
color: #ffc107;
font-family: "lp-icon";
content: "\f071";
}
.lp-badge {
display: flex;
height: 30px;
padding: 0;
line-height: 1;
align-items: center;
justify-content: center;
}
.lp-badge::before, .lp-badge::after {
content: "";
}
.lp-badge::before {
display: inline-block;
position: relative;
z-index: 10;
color: #fff;
font-weight: bold;
line-height: 1;
}
.lp-badge.featured-course {
position: absolute;
z-index: 1;
top: 15px;
right: -120px;
width: 300px;
background: #FF2828;
text-align: center;
transform: rotate(45deg);
height: auto;
padding: 5px 0;
}
.lp-badge.featured-course::before {
font-size: 0.75em;
text-transform: uppercase;
content: attr(data-text);
} body div.entry-content > div.learnpress, body div.entry-content > div.learnpress:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
--responsive--aligndefault-width: 100%;
max-width: var(--lp-content-width, 100%);
}
body .entry-content.has-global-padding {
padding-right: 0;
padding-left: 0;
}
.lp-archive-courses ul, .lp-archive-courses ol {
list-style-type: decimal;
list-style-position: inside;
padding: 0 0 1.5em;
}
.lp-archive-courses ul {
list-style-type: revert;
padding: 0 1em 1em 0;
}
.lp-archive-courses ul.course-nav-tabs {
list-style: none;
padding: 0;
}
.lp-archive-courses ol ul {
padding: 2px 35px 2px 0;
}
.lp-archive-courses ol ol {
padding: 2px 20px 2px 0;
}
.learnpress #left-area ul, .learnpress .entry-content ul, .learnpress .et-l--body ul, .learnpress .et-l--footer ul, .learnpress .et-l--header ul, .learnpress-profile #left-area ul, .learnpress-profile .entry-content ul, .learnpress-profile .et-l--body ul, .learnpress-profile .et-l--footer ul, .learnpress-profile .et-l--header ul {
padding: 0;
list-style: none !important;
}
.learnpress.dt-the7 .learn-press-filters {
margin-bottom: 20px;
}
.learnpress.dt-the7 .learn-press-courses[data-size="3"] .course {
width: 50%;
}
.bridge.learnpress .lp-archive-courses {
margin-top: 100px;
}
.bridge.learnpress .lp-archive-courses ul.learn-press-breadcrumb {
padding-top: 45px;
}
.bridge.learnpress .content {
z-index: 110;
}
.bridge.learnpress .comment-respond .comment-form {
margin: 0;
}
.bridge.learnpress .comment-respond .comment-form > p, .bridge.learnpress .comment-respond .comment-form > div {
padding: 0;
}
.bridge.learnpress.learnpress-profile .content {
z-index: 100;
}
.bridge.learnpress #learn-press-item-comments {
background: #f6f6f6;
}
.learnpress.ast-separate-container .ast-article-single {
padding-right: 15px;
padding-left: 15px;
}
.ast-container {
--lp-cotainer-padding: 0 ;
}
body.learnpress-page.twentysixteen #primary .lp-entry-content {
float: none;
width: auto;
margin: 0 15%;
}
body.learnpress-page.twentyfifteen .course-summary-sidebar .widget {
width: 100%;
padding: 0;
}
body.learnpress-page.twentysixteen .entry-footer {
display: none;
}
body.learnpress-page.twentysixteen .lp-entry-content {
float: none;
width: auto;
}
body.learnpress-page.twentyseventeen #primary article.type-page {
width: 100%;
}
body div.entry-content > div.learnpress {
--responsive--aligndefault-width: 100%;
max-width: var(--lp-content-width, 100%);
}
body .entry-content.has-global-padding {
padding-right: 0;
padding-left: 0;
}
@media screen and (min-width: 61.5625em) {
body.twentysixteen.learnpress-page .entry-footer {
display: none;
}
body.twentysixteen.learnpress-page .lp-entry-content {
float: none;
width: auto;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
display: none;
}
body:not(.search-results) article:not(.type-page) .lp-entry-content {
float: none;
width: auto;
}
}
body.twentyseventeen.learnpress-page #primary article.page .entry-header,
body.twentyseventeen.learnpress-page #primary article.page .lp-entry-content {
width: 100%;
float: none;
}
@media screen and (min-width: 48em) {
body.twentyseventeen.learnpress-page #primary article.page .entry-header,
body.twentyseventeen.learnpress-page #primary article.page .lp-entry-content {
width: 100%;
float: none;
}
}
.edu-press:not(.nofixcss) .course-instructor-category > div:nth-child(2) label, .theme-edu-press:not(.nofixcss) .course-instructor-category > div:nth-child(2) label {
display: none;
}
.edu-press:not(.nofixcss) .course-instructor-category > div:nth-child(2) a, .theme-edu-press:not(.nofixcss) .course-instructor-category > div:nth-child(2) a {
font-size: 1rem;
}
.edu-press:not(.nofixcss) .course-instructor-category .course-categories a, .theme-edu-press:not(.nofixcss) .course-instructor-category .course-categories a {
font-weight: normal;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-categories, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-categories {
position: absolute;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-content .course-instructor, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-content .course-instructor {
display: inline;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info > *, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info > * {
display: revert;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info .course-readmore, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info .course-readmore {
width: auto;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info .course-readmore a, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info .course-readmore a {
padding: 0;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info .course-readmore a:hover, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=grid] .course-info .course-readmore a:hover {
background: transparent;
color: var(--thim-body_primary_color);
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .course-info, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .course-info {
border-top: 1px solid rgba(153, 153, 153, 0.2);
padding-top: 20px;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=list] .course-info, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .learn-press-courses[data-layout=list] .course-info {
margin-top: 50px;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-courses-bar .search-courses input, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-courses-bar .search-courses input {
height: unset;
padding: 10px 20px;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-courses-bar .search-courses button, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-courses-bar .search-courses button {
background-image: none !important;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-courses-bar .search-courses button i, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-courses-bar .search-courses button i {
display: block;
}
.edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .lp-courses-bar .switch-layout .switch-btn, .theme-edu-press:not(.nofixcss) .lp-archive-courses .lp-content-area .lp-courses-bar .switch-layout .switch-btn {
opacity: 1;
}
.edu-press:not(.nofixcss) .learn-press-courses .course-content .course-readmore a, .theme-edu-press:not(.nofixcss) .learn-press-courses .course-content .course-readmore a {
border: none;
}
.edu-press:not(.nofixcss) .lp-user-profile .dashboard-statistic__row .statistic-box, .theme-edu-press:not(.nofixcss) .lp-user-profile .dashboard-statistic__row .statistic-box {
background-color: var(--lp-white-grey, #F7F7FB);
min-width: unset;
margin-bottom: 0;
}
.edu-press:not(.nofixcss) .learn-press-courses .course-wrap-meta .meta-item::before, .theme-edu-press:not(.nofixcss) .learn-press-courses .course-wrap-meta .meta-item::before {
font-family: "lp-icon" !important;
font-weight: normal !important;
margin: 0 !important;
}
.edu-press:not(.nofixcss).single-lp_course .lp-archive-courses .learn-press-nav-tabs, .theme-edu-press:not(.nofixcss).single-lp_course .lp-archive-courses .learn-press-nav-tabs {
background: transparent;
border-radius: 0;
}
.theme-elearningwp:not(.nofixcss) .lp-courses-bar .switch-layout .switch-btn {
border: none !important;
background-color: unset !important;
padding: 0;
}
.theme-elearningwp:not(.nofixcss) .lp-content-area.learn-press-message {
padding: 10px 15px;
}
.theme-course-builder:not(.nofixcss) .lp-courses-bar .search-courses button {
padding: 0;
}
.theme-course-builder:not(.nofixcss) .lp-courses-bar .courses-order-by {
height: unset !important;
padding: 8px 15px 8px 35px !important;
}
.theme-course-builder:not(.nofixcss) #learn-press-profile.lp-user-profile.no-bio-user #profile-sidebar {
margin-top: 0 !important;
}
.theme-course-builder:not(.nofixcss) #learn-press-profile.lp-user-profile.no-bio-user .lp-profile-content-area {
align-items: center;
}
.theme-course-builder:not(.nofixcss) .lp-courses-bar .switch-layout .switch-btn {
border-radius: 5px;
border: none;
padding: 0;
}
.theme-course-builder:not(.nofixcss) #learn-press-profile.lp-user-profile .wrapper-profile-header {
padding-bottom: 30px;
}
.theme-course-builder:not(.nofixcss) #learn-press-profile.lp-user-profile .wrapper-profile-header .lp-profile-user-bio {
padding-bottom: 0;
}
.theme-eduma:not(.nofixcss) .learnpress #learn-press-profile.lp-user-profile .learn-press-filters {
padding-bottom: 0 !important;
overflow-y: visible;
}
.theme-eduma:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-content-area {
flex-direction: column;
}
.learnpress-v4:not(.nofixcss), .learnpress-v3:not(.nofixcss) {
--lp-border-radius-avatar: 0;
}
.learnpress-v4:not(.nofixcss) .statistic-box, .learnpress-v3:not(.nofixcss) .statistic-box {
--thim-lp-profile-bg-color: #F7F7FB;
}
.learnpress-v4:not(.nofixcss) #learn-press-profile.lp-user-profile .learn-press-filters, .learnpress-v3:not(.nofixcss) #learn-press-profile.lp-user-profile .learn-press-filters {
border: none !important;
margin: 0 0 0 -1px 0 !important;
}
.learnpress-v4:not(.nofixcss) .lp-user-profile .lp-profile-left, .learnpress-v3:not(.nofixcss) .lp-user-profile .lp-profile-left {
min-width: unset !important;
position: static !important;
}
.learnpress-v4:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-content-area, .learnpress-v3:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-content-area {
min-height: unset;
padding-right: 0;
display: flex;
}
.learnpress-v4:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-left, .learnpress-v3:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-left {
border: none !important;
}
.learnpress-v4:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-left img, .learnpress-v3:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-left img {
border-radius: 50%;
}
.assignments .lp-icon-file-alt:before {
content: "\e929";
}
.theme-ivy-school:not(.nofixcss) .lp-user-profile .lp-user-profile-avatar img {
border-radius: 0;
}
.learn-press-tip {
display: none;
margin: 0 5px;
color: #444;
font-size: 0.8em;
font-style: normal;
line-height: 1;
vertical-align: baseline;
cursor: pointer;
}
.learn-press-tip.ready {
display: inline-block;
}
.learn-press-tip::before {
font-family: "lp-icon";
content: "\f059";
}
.learn-press-tip:hover {
opacity: 0.8;
}
.learn-press-tip-floating {
position: absolute;
z-index: 9999999;
min-width: 20px;
margin-right: -1px;
padding: 0.618em 1em;
color: #fff;
background: #383838;
font-size: 0.8em;
line-height: 1.2em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.learn-press-tip-floating > * {
font-size: 0.8em;
}
.learn-press-tip-floating .close {
display: inline-block;
position: absolute;
top: -8px;
left: -8px;
width: 16px;
height: 16px;
border: 1px solid #fff;
color: #fff;
background: #468fbc;
line-height: 1rem;
text-align: center;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.learn-press-tip-floating .close::before {
font-family: "lp-icon";
content: "\f00d";
}
.learn-press-tip-floating p {
margin: 0;
}
.learn-press-tip-floating::before {
position: absolute;
bottom: -6px;
right: 50%;
width: 0;
height: 0;
margin-right: -6px;
border: 6px solid transparent;
border-top-color: #383838;
border-bottom-width: 0;
content: "";
}
body.lp-preview.admin-bar #learn-press-content-item {
top: 32px !important;
}
body.lp-preview #learn-press-course-curriculum {
display: none;
}
body.lp-preview #learn-press-content-item {
top: 0 !important;
right: 0 !important;
}  @-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
#popup_container {
opacity: 0;
transform: scale(0.5);
}
body.confirm #popup_overlay {
z-index: 999998 !important;
}
body.confirm #popup_container {
z-index: 999999 !important;
max-width: 90% !important;
min-width: 300px !important;
padding: 10px !important;
background: #F5F5F5;
transition: opacity 0.25s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body.confirm #popup_container #popup_title {
display: none !important;
}
body.confirm #popup_container #popup_message {
margin: -10px;
background: #FFF;
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body.confirm #popup_container .close {
position: absolute;
top: 3px;
left: 10px;
}
body.confirm #popup_container #popup_panel {
margin-top: 20px;
text-align: center;
}
body.confirm #popup_container #popup_panel button, body.confirm #popup_container #popup_panel input[type=button], body.confirm #popup_container #popup_panel input[type=submit] {
height: 30px;
line-height: 1.875rem;
padding: 0 25px;
}
body.confirm #popup_container #popup_cancel {
display: none;
}
body.confirm #popup_container.ready {
opacity: 1;
transform: scale(1);
} .lp-archive-courses {
width: 100%;
scroll-margin: 30px;
}
.lp-archive-courses .lp-content-area.has-sidebar {
display: flex;
gap: 32px;
}
@media (max-width: 768px) {
.lp-archive-courses .lp-content-area.has-sidebar {
display: inherit;
}
}
.lp-archive-courses .lp-content-area.has-sidebar .learn-press-courses[data-layout=grid] li {
width: 33.33%;
}
@media (max-width: 1440px) {
.lp-archive-courses .lp-content-area.has-sidebar .learn-press-courses[data-layout=grid] li {
width: 50%;
}
}
@media (max-width: 768px) {
.lp-archive-courses .lp-content-area.has-sidebar .learn-press-courses[data-layout=grid] li {
width: 100%;
}
}
.lp-archive-courses .lp-content-area .lp-main-content {
flex: 1;
}
.lp-archive-courses .lp-content-area .lp-archive-courses-sidebar {
width: 25%;
}
@media (max-width: 768px) {
.lp-archive-courses .lp-content-area .lp-archive-courses-sidebar {
width: 100%;
}
}
.lp-archive-courses.loading ul.learn-press-courses {
position: relative;
}
.lp-archive-courses.loading ul.learn-press-courses::before, .lp-archive-courses.loading ul.learn-press-courses::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 15px;
left: 15px;
}
.lp-archive-courses.loading ul.learn-press-courses::after {
z-index: 3;
background: #f3f3f3;
background: linear-gradient(-90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
background-size: 400% 100%;
list-style: none;
animation: lp-skeleton-loading 1.4s ease infinite;
}
.lp-archive-courses.loading ul.learn-press-courses::before {
z-index: 2;
opacity: 0.8%;
background: var(--lp-color-white, #fff);
}
.lp-archive-courses .learn-press-courses-header {
margin-bottom: 16px;
}
.lp-archive-courses .learn-press-courses-header h1 {
margin: 0;
font-size: calc(var(--lp-font-size-base, 1em) * 2.15);
}
.learn-press-courses {
clear: both;
margin: 0 -16px;
padding: 0 !important;
min-height: 300px;
list-style: none;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.learn-press-courses .course-item {
flex-direction: column;
display: flex;
transition: all 0.3s;
}
.learn-press-courses .course-item:hover .course-thumbnail .thumbnail::before {
opacity: 1;
}
.learn-press-courses .course-item:hover .course-thumbnail a img {
transform: scale(1.05);
}
.learn-press-courses .course-item:hover .course-wishlist {
opacity: 1;
}
.learn-press-courses .course-item .course-wishlist.filled {
opacity: 1;
}
.learn-press-courses .course-content {
position: relative;
border-top: 0;
}
.learn-press-courses .course-content .course-permalink {
display: block;
border: none;
text-decoration: none;
color: inherit;
line-height: 1.3;
}
.learn-press-courses .course-content .course-review {
display: none;
}
.learn-press-courses .course-content .course-tags {
display: inline-block;
}
.learn-press-courses .course-content .course-info > span {
display: block;
}
.learn-press-courses .course-content .course-info .course-price .origin-price,
.learn-press-courses .course-content .course-info .course-price .price {
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
font-weight: 700;
}
.learn-press-courses .course-content .course-info .course-price .origin-price {
margin-left: 8px;
opacity: 0.8;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
text-decoration: line-through;
}
.learn-press-courses .course-content .course-short-description {
display: -webkit-box;
overflow: hidden;
margin-bottom: 16px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.learn-press-courses .course-content .separator {
display: none;
}
.learn-press-courses .course-thumbnail {
overflow: hidden;
position: relative;
border-radius: var(--lp-border-radius, 5px);
}
.learn-press-courses .course-thumbnail .lp-badge.featured {
position: absolute;
z-index: 100;
top: 28px;
right: -110px;
width: 300px;
text-align: center;
transform: rotate(45deg);
}
.learn-press-courses .course-thumbnail .course-wishlist {
position: absolute;
z-index: 2;
top: 6px;
left: 6px;
opacity: 0;
color: var(--lp-color-white, #fff);
cursor: pointer;
}
.learn-press-courses .course-thumbnail .course-wishlist::before {
font-family: "lp-icon";
content: "\f004";
}
.learn-press-courses .course-thumbnail .course-wishlist .course-wishlist__btn {
display: none;
}
.learn-press-courses .course-thumbnail .course-wishlist:hover {
color: var(--lp-primary-color);
}
.learn-press-courses .course-thumbnail:hover::before {
opacity: 1;
}
.learn-press-courses .course-thumbnail:hover a img {
transform: scale(1.05);
}
.learn-press-courses .course-thumbnail:hover .course-wishlist {
opacity: 1;
}
.learn-press-courses .course-thumbnail a {
display: block;
overflow: hidden;
}
.learn-press-courses .course-thumbnail .thumbnail {
margin: 0;
padding: 0;
border: 0;
border-radius: unset;
line-height: unset;
}
.learn-press-courses .course-thumbnail img {
display: block;
width: 100%;
height: auto;
transition: all 0.5s ease;
transform: scale(1);
max-width: unset !important;
}
.learn-press-courses .course-title {
margin: 0 0 12px 0;
padding: 0;
display: block;
}
.learn-press-courses .course-title:hover {
color: var(--lp-primary-color);
}
.learn-press-courses .course-permalink:hover {
color: var(--lp-primary-color);
}
@media (min-width: 769px) {
.learn-press-courses .course-summary-content .course-info-left {
width: calc(100% - 340px);
}
}
@media (max-width: 1024px) {
.learn-press-courses .course-summary-content .course-meta.course-meta-primary .course-meta__pull-left .meta-item .meta-item__value span, .learn-press-courses .course-summary-content .course-meta.course-meta-primary .course-meta__pull-left .meta-item .meta-item__value > div {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.learn-press-courses .course-summary-content .course-meta.course-meta-secondary {
margin-bottom: 0;
}
.learn-press-courses .course-summary-content .course-meta.course-meta-secondary .course-meta__pull-left .meta-item {
height: auto;
}
.learn-press-courses .course-summary-content .course-meta.course-meta-secondary .course-meta__pull-left .meta-item:last-child {
margin-left: 0;
}
@media (max-width: 1024px) {
.learn-press-courses .course-summary-content .course-meta.course-meta-secondary .course-meta__pull-left .meta-item {
margin-left: 0 !important;
width: calc((100% - 32px) / 3);
}
}
@media (max-width: 768px) {
.learn-press-courses .course-summary-content .course-meta.course-meta-secondary .course-meta__pull-left .meta-item {
width: 100%;
}
}
@media (max-width: 768px) {
.learn-press-courses .course-summary-content {
width: 100%;
}
}
.learn-press-courses .course-price .free {
color: #3AB500;
}
.learn-press-courses .course {
width: 25%;
margin: 0 0 32px 0;
box-shadow: none;
list-style: none;
}
.learn-press-courses .course-info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.learn-press-courses .course-instructor-category {
display: flex;
padding: 0;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.learn-press-courses .course-instructor-category > div > * {
display: inline;
vertical-align: middle;
}
.learn-press-courses .course-instructor-category label {
font-size: inherit;
font-weight: inherit;
}
.learn-press-courses .course-instructor-category a {
font-weight: 600;
text-decoration: none;
}
.learn-press-courses .course-instructor-category a:hover {
color: var(--lp-primary-color);
}
.learn-press-courses .course-wrap-meta {
display: flex;
padding: 0;
margin-bottom: 12px;
gap: 20px;
flex-wrap: wrap;
row-gap: 8px;
}
.learn-press-courses .course-wrap-meta .meta-item {
text-transform: capitalize;
display: flex;
gap: 8px;
}
.learn-press-courses .course-wrap-meta .meta-item::before {
color: var(--lp-primary-color);
font-family: "lp-icon";
}
.learn-press-courses .course-wrap-meta .meta-item > div {
display: inline-block;
}
.learn-press-courses .course-wrap-meta .meta-item-level::before {
content: "\f012";
}
.learn-press-courses .course-wrap-meta .meta-item-duration::before {
content: "\f017";
}
.learn-press-courses .course-wrap-meta .meta-item-lesson::before {
content: "\f15b";
}
.learn-press-courses .course-wrap-meta .meta-item-quiz::before {
content: "\f12e";
}
.learn-press-courses .course-wrap-meta .meta-item-student::before {
content: "\f501";
}
.learn-press-courses .course-wrap-meta .meta-item-address::before {
content: "\e91b";
}
.learn-press-courses .course-content .course-readmore a {
padding: 8px 24px;
border-radius: var(--lp-border-radius, 5px);
color: var(--lp-color-base, #333);
border: 1px solid var(--lp-color-base, #333);
transition: all 0.3s;
display: block;
background: transparent;
text-decoration: none;
}
.learn-press-courses .course-content .course-readmore a:hover {
background: var(--lp-primary-color);
color: var(--lp-color-white, #fff);
border-color: var(--lp-primary-color);
}
.learn-press-courses[data-layout=list] {
margin: 0;
}
.learn-press-courses[data-layout=list] .course {
display: flex;
width: 100%;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
flex-wrap: wrap;
justify-content: flex-end;
padding-bottom: 32px;
}
.learn-press-courses[data-layout=list] .course-item {
flex-direction: row;
width: 100%;
border: unset;
align-items: start;
}
@media (max-width: 767px) {
.learn-press-courses[data-layout=list] .course-item {
flex-direction: column;
}
}
.learn-press-courses[data-layout=list] .course-content {
padding: 0 24px 0 0;
}
@media (max-width: 767px) {
.learn-press-courses[data-layout=list] .course-content {
padding: 16px 0;
}
}
.learn-press-courses[data-layout=list] .course-content .course-tags a {
margin: 0 0 10px 10px;
padding: 3px 5px;
border-radius: 3px;
color: var(--lp-color-white, #fff);
background: #e4a2a2;
line-height: 1;
}
.learn-press-courses[data-layout=list] .course-content .course-excerpt {
width: 100%;
}
.learn-press-courses[data-layout=list] .course-content .course-info {
width: 100%;
display: flex;
justify-content: space-between;
}
@media (max-width: 520px) {
.learn-press-courses[data-layout=list] .course-content .course-info {
width: 100%;
}
}
.learn-press-courses[data-layout=list] .course-content .course-info .course-students {
display: none;
}
.learn-press-courses[data-layout=list] .course-thumbnail {
width: 35%;
}
.learn-press-courses[data-layout=list] .course-content {
width: 65%;
}
@media (max-width: 767px) {
.learn-press-courses[data-layout=list] .course-thumbnail, .learn-press-courses[data-layout=list] .course-content {
width: 100%;
}
}
.learn-press-courses[data-layout=list] .course-title {
font-size: calc(var(--lp-font-size-base, 1em) * 1.7);
}
.learn-press-courses[data-layout=grid] .course, .learn-press-courses.lp-courses-related .course {
padding: 0 16px;
}
@media (max-width: 992px) {
.learn-press-courses[data-layout=grid] .course, .learn-press-courses.lp-courses-related .course {
width: 50%;
}
}
@media (max-width: 767px) {
.learn-press-courses[data-layout=grid] .course, .learn-press-courses.lp-courses-related .course {
width: 100%;
}
}
.learn-press-courses[data-layout=grid] .course-item, .learn-press-courses.lp-courses-related .course-item {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
}
.learn-press-courses[data-layout=grid] .course-item:hover, .learn-press-courses.lp-courses-related .course-item:hover {
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
}
.learn-press-courses[data-layout=grid] .course-wrap-meta .meta-item-duration, .learn-press-courses[data-layout=grid] .course-wrap-meta .meta-item-level, .learn-press-courses[data-layout=grid] .course-wrap-meta .meta-item-quiz, .learn-press-courses.lp-courses-related .course-wrap-meta .meta-item-duration, .learn-press-courses.lp-courses-related .course-wrap-meta .meta-item-level, .learn-press-courses.lp-courses-related .course-wrap-meta .meta-item-quiz {
display: none;
}
.learn-press-courses[data-layout=grid] .course-content, .learn-press-courses.lp-courses-related .course-content {
padding: 20px;
flex-grow: 1;
}
.learn-press-courses[data-layout=grid] .course-content .course-info, .learn-press-courses.lp-courses-related .course-content .course-info {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.learn-press-courses[data-layout=grid] .course-content .course-info .course-readmore, .learn-press-courses.lp-courses-related .course-content .course-info .course-readmore {
width: 100%;
text-align: center;
}
.learn-press-courses[data-layout=grid] .course-content .course-title, .learn-press-courses.lp-courses-related .course-content .course-title {
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
}
.learn-press-courses[data-layout=grid] .course-content .course-excerpt, .learn-press-courses[data-layout=grid] .course-content .course-short-description, .learn-press-courses.lp-courses-related .course-content .course-excerpt, .learn-press-courses.lp-courses-related .course-content .course-short-description {
display: none;
}
.learn-press-courses[data-layout=grid] .learn-press-message, .learn-press-courses.lp-courses-related .learn-press-message {
margin-right: 15px;
margin-left: 15px;
}
.learn-press-courses[data-layout=grid] .course-thumbnail, .learn-press-courses.lp-courses-related .course-thumbnail {
border-radius: var(--lp-border-radius, 5px) var(--lp-border-radius, 5px) 0 0;
}
.learn-press-courses[data-size="3"] .course {
width: 33.3333%;
}
@media (max-width: 767px) {
.learn-press-courses[data-size="3"] .course {
width: 100%;
}
}
.learn-press-courses .lp-archive-course-skeleton {
position: absolute;
height: 100%;
background: linear-gradient(-90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
animation: lp-skeleton-loading 1.4s ease infinite;
background-size: 400% 100%;
}
.learn-press-courses .lp-archive-course-skeleton li {
display: none;
}
.lp-list-courses-default .lp-skeleton-animation {
clear: both;
padding: 5px 0 0 0;
}
.lp-courses-bar {
display: flex;
width: 100%;
justify-content: space-between;
gap: 12px;
margin-bottom: 32px;
flex-wrap: wrap;
}
.lp-courses-bar .courses-order-by {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
padding-left: 30px;
background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
background-size: 0.8em;
background-position: calc(100% - (100% - 0.5em)) center;
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
line-height: 1.1;
}
.woocommerce-js .lp-courses-bar .courses-order-by {
background-position-x: calc(100% - (100% - 10px));
}
.lp-courses-bar .courses-order-by:focus {
border-color: var(--lp-primary-color);
outline: 0;
}
.lp-courses-bar > * {
display: flex;
}
.lp-courses-bar .search-courses {
flex: 1;
}
.lp-courses-bar .search-courses input {
width: 100%;
max-width: 240px;
margin: 0 0 0 4px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
}
.lp-courses-bar .search-courses input::-webkit-input-placeholder {
color: #999;
}
.lp-courses-bar .search-courses input::-moz-placeholder {
color: #999;
}
.lp-courses-bar .search-courses input:-ms-input-placeholder {
color: #999;
}
.lp-courses-bar .search-courses input:-moz-placeholder {
color: #999;
}
.lp-courses-bar .search-courses input::placeholder {
color: #999;
}
.lp-courses-bar .search-courses input:focus {
border-color: var(--lp-primary-color);
outline: 0;
}
.lp-courses-bar .search-courses button {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
box-shadow: 0 0 0;
}
.lp-courses-bar .search-courses button i {
font-size: 1.2em;
line-height: 1.2;
}
.lp-courses-bar .search-courses button:focus {
outline: 0;
}
.lp-courses-bar .search-courses button.loading > i:before {
display: inline-block;
content: "\f110";
-webkit-animation: lp-rotating 1s linear infinite;
-moz-animation: lp-rotating 1s linear infinite;
animation: lp-rotating 1s linear infinite;
}
.lp-courses-bar .switch-layout {
align-items: center;
justify-content: center;
}
.lp-courses-bar .switch-layout input[type=radio] {
display: none;
}
.lp-courses-bar .switch-layout .switch-btn {
margin: 0;
cursor: pointer;
padding: 8px 12px;
}
.lp-courses-bar .switch-layout .switch-btn::before {
display: inline-block;
margin: 6px;
color: var(--lp-color-base, #333);
font-family: "lp-icon";
line-height: 1.2;
width: 1em;
}
.lp-courses-bar .switch-layout .switch-btn.grid {
border-radius: 0 var(--lp-border-radius, 5px) var(--lp-border-radius, 5px) 0;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-left: none;
}
.lp-courses-bar .switch-layout .switch-btn.grid::before {
content: "\f009";
}
.lp-courses-bar .switch-layout .switch-btn.list {
border-radius: var(--lp-border-radius, 5px) 0 0 var(--lp-border-radius, 5px);
border: 1px solid var(--lp-border-color, #E2E0DB);
border-right: none;
}
.lp-courses-bar .switch-layout .switch-btn.list::before {
content: "\f03a";
}
@media (max-width: 767px) {
.lp-courses-bar .search-courses {
width: 100%;
}
.lp-courses-bar .search-courses input {
min-width: 240px;
max-width: unset;
}
}
.switch-layout input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(5):checked ~ .switch-btn:nth-child(6) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(5):checked ~ .switch-btn:nth-child(6)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(7):checked ~ .switch-btn:nth-child(8) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(7):checked ~ .switch-btn:nth-child(8)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(9):checked ~ .switch-btn:nth-child(10) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(9):checked ~ .switch-btn:nth-child(10)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(11):checked ~ .switch-btn:nth-child(12) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(11):checked ~ .switch-btn:nth-child(12)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(13):checked ~ .switch-btn:nth-child(14) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(13):checked ~ .switch-btn:nth-child(14)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(15):checked ~ .switch-btn:nth-child(16) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(15):checked ~ .switch-btn:nth-child(16)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(17):checked ~ .switch-btn:nth-child(18) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(17):checked ~ .switch-btn:nth-child(18)::before {
color: var(--lp-primary-color);
}
.switch-layout input[type=radio]:nth-child(19):checked ~ .switch-btn:nth-child(20) {
background-color: var(--lp-white-grey, #F7F7FB);
}
input[type=radio]:nth-child(19):checked ~ .switch-btn:nth-child(20)::before {
color: var(--lp-primary-color);
} .lp_allow_repurchase_select {
padding: 20px;
background: #f7f7f7;
}
.lp_allow_repurchase_select > ul {
padding: 0;
list-style: none;
}
.lp_allow_repurchase_select > ul li label {
display: flex;
align-items: center;
gap: 10px;
}
.lp_allow_repurchase_select > a {
display: inline-block;
margin-top: 10px;
color: var(--lp-color-white, #fff);
background-color: #222;
}
.lp-single-offline-course .lp-single-offline-course-main {
display: flex;
gap: 30px;
margin-bottom: 80px;
}
.lp-single-offline-course .course-price .free {
color: #3AB500;
}
.lp-single-offline-course .course-price .origin-price {
text-decoration: line-through;
opacity: 0.6;
margin-left: 4px;
}
.lp-single-offline-course__left {
width: 70%;
}
.lp-single-offline-course__left > div {
margin-bottom: 32px;
}
.lp-single-offline-course__left .learn-press-breadcrumb {
display: flex;
list-style: none;
flex-wrap: wrap;
gap: 5px;
font-size: var(--lp-font-size-base);
align-items: center;
margin-bottom: 8px;
}
.lp-single-offline-course__left .learn-press-breadcrumb li {
list-style: none;
padding: 0;
margin: 0;
}
.lp-single-offline-course__left .course-title {
display: block;
font-weight: 700;
font-size: calc(var(--lp-font-size-base, 1em) * 2.15);
margin: 0 0 12px 0;
}
.lp-single-offline-course__left .course-img img {
width: 100%;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one {
margin-bottom: 12px;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one .item-meta {
display: inline;
line-height: 1.4;
margin-right: 12px;
padding-right: 12px;
border-right: 1px solid #E2E0DB;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one .item-meta:first-child {
margin: 0;
padding: 0;
border: none;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one .lp-item-wishlist.active {
color: var(--lp-primary-color);
}
.lp-single-offline-course__left .lp-single-course-offline-info-one .star-info {
display: inline-block;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one .star-info .ico-star {
display: inline-block;
vertical-align: sub;
margin-left: 4px;
}
.lp-single-offline-course__left .lp-single-course-offline-info-one .star-info svg {
height: 22px;
}
.lp-single-offline-course__left .instructor-description {
margin-top: 16px;
}
.lp-single-offline-course__left .instructor-social {
display: flex;
gap: 8px;
margin-top: 30px;
}
.lp-single-offline-course__left .instructor-social a {
width: 37px;
height: 37px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #F1F2F8;
border-radius: 50%;
}
.lp-single-offline-course__left .instructor-social a:hover {
background-color: var(--lp-primary-color);
}
.lp-single-offline-course__left .instructor-social a:hover i {
color: #fff;
}
.lp-single-offline-course__left .instructor-social a .lp-icon-facebook {
color: #216BF6;
}
.lp-single-offline-course__left .instructor-social a .lp-icon-twitter {
color: #169DF0;
}
.lp-single-offline-course__left .instructor-social a .lp-icon-youtube-play {
color: #FF0200;
}
.lp-single-offline-course__left .instructor-social a .lp-icon-linkedin {
color: #0078B7;
}
.lp-single-offline-course__left .instructor-social a i {
font-size: 18px;
}
.lp-single-offline-course__left .item-title {
margin-bottom: 30px;
}
.lp-single-offline-course__right {
width: 30%;
}
.lp-single-offline-course__right .info-metas,
.lp-single-offline-course__right .course-featured-review {
border: 1px solid #E2E0DB;
padding: 30px;
margin-bottom: 60px;
}
.lp-single-offline-course__right .info-metas .info-meta-item,
.lp-single-offline-course__right .course-featured-review .info-meta-item {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #E2E0DB;
padding-bottom: 16px;
margin-bottom: 16px;
font-size: var(--lp-font-size-base);
}
.lp-single-offline-course__right .info-metas .info-meta-item:nth-last-of-type(2),
.lp-single-offline-course__right .course-featured-review .info-meta-item:nth-last-of-type(2) {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.lp-single-offline-course__right .info-metas .info-meta-left,
.lp-single-offline-course__right .course-featured-review .info-meta-left {
display: inline-flex;
align-items: center;
gap: 8px;
}
.lp-single-offline-course__right .info-metas .info-meta-left > span,
.lp-single-offline-course__right .course-featured-review .info-meta-left > span {
min-width: 16px;
}
.lp-single-offline-course__right form.purchase-course {
width: 100%;
}
.lp-single-offline-course__right .course-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 30px;
}
.lp-single-offline-course__right .course-buttons .lp-button {
padding: 12px 16px;
border-radius: var(--lp-border-radius, 3px);
font-size: var(--button--font-size);
line-height: 1.5em;
font-weight: 600;
width: 100%;
}
.lp-single-offline-course__right .course-buttons .lp-button.button {
border: 0;
}
.lp-single-offline-course__right .course-buttons a.course-btn-extra {
border-color: var(--lp-primary-color);
color: var(--lp-primary-color);
}
.lp-single-offline-course__right .course-buttons a.course-btn-extra:focus, .lp-single-offline-course__right .course-buttons a.course-btn-extra:hover {
background-color: var(--lp-primary-color);
color: #fff;
}
.lp-single-offline-course__right .course-buttons .button-purchase-course {
background-color: var(--lp-primary-color);
color: #fff;
}
.lp-single-offline-course__right .featured-review__title {
font-weight: bold;
font-size: 1.4rem;
margin-top: 10px;
}
.lp-single-offline-course__right .course-featured-review {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 16px;
position: relative;
}
.lp-single-offline-course__right .course-featured-review::before {
background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='56' height='56' rx='28' fill='%23F2F1F8'/%3E%3Cpath d='M17.425 40.5325C17.3136 40.5325 17.2015 40.5061 17.0958 40.4518C16.7823 40.2903 16.6073 39.9215 16.6673 39.5504L18.2548 31.142H12.7691C12.3442 31.142 12 30.7678 12 30.3058V15.5028C12 15.0409 12.3442 14.6666 12.7691 14.6666H25.8927C26.3176 14.6666 26.6618 15.0409 26.6618 15.5028V30.3051C26.6618 30.5046 26.5961 30.6979 26.4761 30.8501L18.0084 40.2406C17.8584 40.43 17.6442 40.5325 17.425 40.5325ZM13.5389 29.4689H19.1731C19.4009 29.4689 19.6165 29.5783 19.7629 29.7678C19.9093 29.9572 19.9707 30.2072 19.9307 30.451L18.6739 36.8314L25.1243 29.9953V16.3398H13.5389V29.4689Z' fill='%23121212'/%3E%3Cpath d='M34.7609 40.5325C34.6495 40.5325 34.5374 40.5061 34.4317 40.4518C34.1182 40.2903 33.9433 39.9215 34.0033 39.5496L35.5907 31.1413H30.105C29.6801 31.1413 29.3359 30.767 29.3359 30.3051V15.5028C29.3359 15.0409 29.6801 14.6666 30.105 14.6666H43.2286C43.4329 14.6666 43.6285 14.7551 43.7728 14.912C43.917 15.0688 43.9977 15.2815 43.9977 15.5036V30.3058C43.9977 30.5054 43.9313 30.6987 43.8113 30.8509L35.3436 40.2414C35.1937 40.4308 34.9787 40.5333 34.7595 40.5333L34.7609 40.5325ZM30.8748 29.4689H36.509C36.7368 29.4689 36.9525 29.5783 37.0989 29.7678C37.2452 29.9572 37.3067 30.2072 37.2667 30.451L36.0099 36.8306L42.4603 29.9953V16.3398H30.8755L30.8748 29.4689Z' fill='%23121212'/%3E%3C/svg%3E%0A");
content: "";
width: 56px;
height: 56px;
position: absolute;
top: -25px;
}
.lp-single-offline-course__right .featured-review__stars {
order: 3;
color: var(--lp-primary-color);
}
.lp-single-offline-course .lp-list-courses-related h3 {
margin-bottom: 40px;
}
.lp-instructor-info {
display: flex;
gap: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.lp-instructor-info .instructor-display-name {
font-size: 1.4rem;
}
.lp-instructor-info .lp-instructor-meta {
margin-top: 16px;
}
.instructor-display-name {
font-weight: bold;
}
.instructor-item-meta {
display: inline-flex;
}
.instructor-total-courses {
display: inline-flex;
border-right: 1px solid #e2e0db;
margin-right: 12px;
padding-right: 12px;
}
@media (max-width: 991px) {
.lp-single-offline-course .lp-single-offline-course-main {
flex-direction: column;
margin-bottom: 0;
}
.lp-single-offline-course__left, .lp-single-offline-course__right {
width: 100%;
}
}
@media (max-width: 767px) {
.lp-single-offline-course__left .lp-instructor-info {
flex-direction: column;
}
}
.lp-archive-courses .course-detail-info {
padding: 28px 0 20px 0;
color: var(--lp-color-white, #fff);
background: var(--lp-secondary-color);
position: relative;
}
.lp-archive-courses .course-detail-info .course-title {
margin: 0 0 24px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: var(--lp-color-white, #fff);
font-weight: 700;
font-size: calc(var(--lp-font-size-base, 1em) * 2.15);
padding-bottom: 24px;
}
.lp-archive-courses .course-detail-info::before, .lp-archive-courses .course-detail-info::after {
content: "";
width: 50%;
height: 100%;
background: var(--lp-secondary-color);
position: absolute;
top: 0;
}
.lp-archive-courses .course-detail-info::before {
left: 100%;
right: auto;
}
.lp-archive-courses .course-detail-info::after {
right: 100%;
left: auto;
}
.lp-archive-courses .course-meta__pull-left {
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
.lp-archive-courses .course-meta__pull-left .meta-item {
display: flex;
text-transform: capitalize;
align-items: center;
}
.lp-archive-courses .course-meta__pull-left .meta-item::before {
margin-left: 8px;
color: var(--lp-primary-color);
font-family: "lp-icon";
}
.lp-archive-courses .course-meta__pull-left .meta-item .meta-item__image {
margin-left: 8px;
flex: 0 0 46px;
}
.lp-archive-courses .course-meta__pull-left .meta-item .meta-item__image img {
overflow: hidden;
position: relative;
width: 46px;
height: 46px;
border-radius: 50%;
display: block;
}
.lp-archive-courses .course-meta__pull-left .meta-item.meta-item-duration::before {
content: "\f017";
}
.lp-archive-courses .course-meta__pull-left .meta-item.meta-item-level::before {
content: "\f012";
}
.lp-archive-courses .course-meta__pull-left .meta-item.meta-item-lesson::before {
content: "\f0c5";
}
.lp-archive-courses .course-meta__pull-left .meta-item.meta-item-quiz::before {
content: "\f12e";
}
.lp-archive-courses .course-meta__pull-left .meta-item.meta-item-student::before {
content: "\f501";
}
.lp-archive-courses .course-meta__pull-left .meta-item__value label {
margin: 0;
color: var(--lp-color-accent-1);
font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
font-weight: 300;
line-height: 1.5;
display: block;
}
.lp-archive-courses .course-meta__pull-left .meta-item__value > div {
line-height: 1.5;
}
.lp-archive-courses .course-meta__pull-left .meta-item__value > div a {
color: var(--lp-color-white, #fff);
text-transform: capitalize;
text-decoration: none;
}
.lp-archive-courses .course-meta__pull-left .meta-item__value > div a:hover {
color: var(--lp-primary-color);
}
.lp-archive-courses .course-meta__pull-left .meta-item-categories {
align-items: center;
}
.lp-archive-courses .course-meta__pull-left .meta-item-categories::before {
margin-left: 8px;
font-size: 2.25em;
line-height: 1;
content: "\f097";
}
.lp-archive-courses .course-meta__pull-left .meta-item-categories .meta-item__value div span {
padding: 0 4px;
}
.lp-archive-courses .course-meta__pull-left .meta-item-review .meta-item__value {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.lp-archive-courses .course-meta__pull-left .meta-item-review .meta-item__value .review-stars-rated {
margin-bottom: 0;
line-height: 1;
}
.lp-archive-courses .course-meta-primary {
margin-bottom: 20px;
}
.lp-archive-courses .course-meta-primary .meta-item-categories::before {
font-weight: 400;
}
.lp-archive-courses .lp-entry-content {
display: flex;
flex-direction: row;
}
.lp-archive-courses .lp-entry-content .entry-content-left {
width: calc(100% - 300px);
max-width: 100%;
margin: 0;
padding-left: 40px;
padding-top: 60px;
}
@media (max-width: 768px) {
.lp-archive-courses .lp-entry-content .entry-content-left {
width: 100%;
padding-left: 0;
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.lp-archive-courses .lp-entry-content {
flex-direction: column;
}
}
.lp-archive-courses .course-summary-sidebar {
width: 300px;
max-width: 100%;
margin-top: -190px;
}
@media (max-width: 768px) {
.lp-archive-courses .course-summary-sidebar {
width: 100%;
margin-top: 0;
}
.lp-archive-courses .course-summary-sidebar .course-summary-sidebar__inner {
width: 100%;
}
}
@media (max-width: 767px) {
.lp-archive-courses .course-summary-sidebar {
width: 100%;
padding-right: 0;
}
}
.lp-archive-courses .course-summary-sidebar__inner {
width: 300px;
}
.lp-archive-courses .course-summary-sidebar__inner .course-sidebar-top {
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
}
.lp-archive-courses .course-summary-sidebar__inner .course-sidebar-secondary {
margin-top: 30px;
padding: 0;
}
.lp-archive-courses .course-summary-sidebar__inner .learn-press-course-wishlist {
color: var(--lp-color-white, #fff);
background: transparent !important;
font-size: 0;
}
.lp-archive-courses .course-summary-sidebar__inner .learn-press-course-wishlist.on, .lp-archive-courses .course-summary-sidebar__inner .learn-press-course-wishlist:hover {
color: var(--lp-primary-color);
}
.lp-archive-courses .course-summary-sidebar__inner .learn-press-course-wishlist::before {
font-family: "lp-icon";
font-size: 1em;
content: "\f004";
}
.lp-archive-courses .course-summary-sidebar__inner > div {
overflow: hidden;
padding: 20px;
background: var(--lp-color-white, #fff);
}
.lp-archive-courses .course-summary-sidebar__inner > div ul {
list-style: none;
}
.lp-archive-courses .course-summary-sidebar__inner > div ul li a {
color: #666;
font-weight: 300;
line-height: 1.5em;
}
.lp-archive-courses .course-summary-sidebar__inner > div ul li a:hover {
color: var(--lp-primary-color);
box-shadow: unset;
}
.lp-archive-courses .courses-btn-load-more {
display: flex;
align-items: center;
gap: 5px;
}
.lp-archive-courses .course-wishlist:before {
font-family: "lp-icon";
}
.course-summary-sidebar {
--lp-button-background-color: #28303d;
--lp-button-color: #d1e4dd;
position: relative;
}
.course-summary-sidebar .course-sidebar-preview {
margin-bottom: 35px;
background: #fff;
}
.course-summary-sidebar .has-global-padding {
padding-left: 0;
padding-right: 0;
}
.course-summary-sidebar .lp-course-buttons {
margin-bottom: 34px;
}
.course-summary-sidebar .lp-course-buttons > * {
margin-bottom: 10px;
}
.course-summary-sidebar .lp-course-buttons > *:last-child {
margin-bottom: 0;
}
.course-summary-sidebar .lp-course-buttons form,
.course-summary-sidebar .lp-course-buttons button {
width: 100%;
text-decoration: none;
}
.course-summary-sidebar .lp-course-buttons button {
font-weight: 500;
background-color: var(--lp-button-background-color);
color: var(--lp-button-color);
border: none;
}
.course-summary-sidebar .lp-course-buttons button:hover {
border-color: var(--lp-primary-color);
}
.course-summary-sidebar .course-results-progress .items-progress,
.course-summary-sidebar .course-results-progress .course-progress {
display: flex;
flex-direction: row;
margin: 0 0 5px;
padding: 0;
justify-content: space-between;
flex-wrap: wrap;
}
.course-summary-sidebar .course-results-progress .items-progress__heading,
.course-summary-sidebar .course-results-progress .course-progress__heading {
margin: 0;
margin-bottom: 7px;
padding: 0;
color: #333;
font-size: 1em;
font-weight: 500;
flex: 1 1 auto;
width: auto;
}
.course-summary-sidebar .course-results-progress .items-progress .learn-press-progress,
.course-summary-sidebar .course-results-progress .course-progress .learn-press-progress {
clear: both;
width: 100%;
}
.course-summary-sidebar .course-results-progress .number {
display: block;
margin: 0;
color: #666;
font-size: 1em;
font-weight: 300;
line-height: 1em;
text-align: left;
}
@media (min-width: 769px) {
.course-summary-sidebar.slide-down .course-summary-sidebar__inner {
position: fixed;
top: 0;
}
}
.lp-course-buttons:empty {
display: none;
}
.course-sidebar-preview .course-price {
text-align: center;
}
.course-sidebar-preview .course-price .origin-price {
color: var(--lp-primary-color);
font-size: 1.3em;
font-weight: 300;
font-style: unset;
}
.course-sidebar-preview .course-price .price {
color: var(--lp-primary-color);
font-size: 1.3em;
font-weight: 500;
}
.course-sidebar-preview .media-preview {
overflow: hidden;
position: relative;
margin: -20px -20px 10px;
}
.course-sidebar-preview .media-preview img {
max-width: 100%;
height: auto;
vertical-align: top;
width: 100%;
}
.course-sidebar-preview .course-wishlist {
float: none;
}
.course-sidebar-preview .course-time {
margin-bottom: 28px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.course-sidebar-preview .course-time-row {
color: #666;
font-size: 1em;
font-weight: 300;
margin-bottom: 0;
}
.course-sidebar-preview .course-time-row strong {
color: #333;
font-weight: 500;
}
.course-sidebar-preview .course-time-row time {
color: #666;
font-weight: 300;
}
.course-sidebar-preview > *:last-child {
margin-bottom: 0;
}
.learnpress-page .lp-button.secondary {
background: #9198ab;
}
.learnpress-page .lp-button.secondary:hover {
background: #9ba6c5;
}
.learnpress-page .lp-button:disabled, .learnpress-page .lp-button[disabled] {
background: #ddd;
pointer-events: none;
color: var(--lp-button-background-color);
}
.learnpress-page:hover {
text-decoration: none;
}
.lp-sidebar-toggle__close .content-item-wrap .quiz-buttons.align-center .button-left.fixed {
margin-right: 0 !important;
}
.course-item-nav {
display: flex;
}
.course-item-nav .prev,
.course-item-nav .next { }
.course-item-nav .prev span,
.course-item-nav .next span {
display: block;
font-weight: bold;
}
.course-item-nav .prev a,
.course-item-nav .next a {
color: #999;
}
.course-item-nav .next {
text-align: left;
}
#popup-course {
display: flex;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--lp-bg-color-lesson, #fff);
}
#popup-course .back-course {
padding-right: 24px;
padding-left: 24px;
line-height: 70px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
#popup-course .back-course:hover {
background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
#popup-course .back-course {
background: transparent;
opacity: 0.6;
padding-right: 15px;
padding-left: 15px;
}
#popup-course .back-course:hover {
background: transparent;
opacity: 1;
}
}
#popup-course .popup-header__inner {
display: flex;
width: 792px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
padding-right: 15px;
padding-left: 15px;
column-gap: 10px;
}
@media (max-width: 1024px) {
#popup-course .popup-header__inner {
width: 100%;
}
}
@media (max-width: 767px) {
#popup-course .popup-header__inner {
flex-direction: column;
gap: 5px;
}
#popup-course .popup-header__inner.can-finish-course .items-progress {
display: none;
}
}
#popup-course .lp-quiz-buttons .complete-quiz,
#popup-course .lp-quiz-buttons .back-quiz,
#popup-course .lp-quiz-buttons .review-quiz {
float: left;
}
#popup-course .quiz-results,
#popup-course .quiz-content,
#popup-course .quiz-questions,
#popup-course .quiz-buttons,
#popup-course .quiz-attempts {
margin-bottom: 60px;
}
#popup-course .quiz-questions .lp-fib-content {
margin-bottom: 20px;
padding: 20px;
border: 2px solid var(--lp-border-color, #E2E0DB);
border-radius: 6px;
line-height: 1.6;
}
#popup-course .quiz-questions .lp-fib-input {
display: inline-block;
width: auto;
max-width: none;
}
#popup-course .quiz-questions .lp-fib-input > input {
height: 36px;
padding: 6px 16px;
border: 1px solid var(--lp-border-color, #E2E0DB);
line-height: 2.25em;
}
#popup-course .quiz-questions .lp-fib-answered {
padding: 0 10px;
background: #ececec;
white-space: nowrap;
}
#popup-course .quiz-questions .lp-fib-answered.fail {
border: 2px solid #d85554;
}
#popup-course .quiz-questions .lp-fib-answered.fail .lp-fib-answered__answer {
text-decoration: line-through;
}
#popup-course .quiz-questions .lp-fib-answered.correct {
border: 2px solid #00adff;
}
#popup-course .quiz-questions .lp-fib-note {
display: flex;
margin-right: 10px;
font-size: 0.8em;
font-weight: 400;
align-items: center;
}
#popup-course .quiz-questions .lp-fib-note > span {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 0 0 5px;
}
#popup-course .quiz-questions .lp-sorting-choice__check-answer {
padding: 5px 20px;
border: 2px solid #EBF8E5;
border-radius: 5px;
}
#popup-course .question .question-response {
display: flex;
align-items: center;
justify-content: flex-start;
}
#popup-course .scrollbar-light > .scroll-element {
z-index: 9999;
}
#popup-course .scrollbar-light > .scroll-element.scroll-y {
display: none;
}
#popup-course .scrollbar-light > .scroll-element.scroll-y .scroll-bar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#popup-header {
display: flex;
position: fixed;
z-index: 100;
left: 0;
right: 475px;
padding: 0;
border-bottom: 1px solid #d9e0f1;
background: var(--lp-secondary-color);
align-items: center;
-webkit-transition: right 0.25s;
-moz-transition: right 0.25s;
-ms-transition: right 0.25s;
-o-transition: right 0.25s;
transition: right 0.25s;
}
#popup-header .course-title {
margin: 0;
padding: 0;
font-size: 1em;
letter-spacing: unset;
}
#popup-header .course-title a {
display: -webkit-box;
overflow: hidden;
color: #fff;
font-weight: 400;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-decoration: none;
}
#popup-header .course-title a:hover {
color: var(--lp-primary-color);
}
#popup-header .items-progress {
display: flex;
justify-content: center;
align-items: center;
column-gap: 10px;
white-space: nowrap;
}
#popup-header .number {
padding-left: 10px;
color: #fff;
font-size: 0.8em;
font-weight: 300;
}
#popup-header .lp-button {
display: flex;
position: relative;
height: auto;
border: none;
color: #fff;
background: var(--lp-primary-color);
white-space: nowrap;
padding: 6px 15px;
font-size: 1rem;
}
#popup-header .lp-button:hover {
opacity: 0.8;
}
#popup-header .lp-button-back {
float: left;
margin: 9px 10px;
}
#popup-header .lp-button-back button::before, #popup-header .lp-button-back button::after {
content: "";
}
#popup-header .lp-button-back button::before {
border: 1px solid #ddd;
}
#popup-header .lp-button-back button::after {
border: 1px solid #ddd;
}
#popup-sidebar {
overflow: auto;
position: relative;
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
flex: 0 0 475px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
#popup-sidebar .search-course {
display: flex;
position: relative;
height: 70px;
background: var(--lp-white-grey, #F7F7FB);
}
#popup-sidebar .search-course input[name=s] {
display: block;
width: 100%;
padding-right: 20px;
border: none;
color: var(--lp-color-base, #333);
background: transparent;
box-shadow: none;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#popup-sidebar .search-course input[name=s]::-webkit-input-placeholder {
color: #999;
}
#popup-sidebar .search-course input[name=s]::-moz-placeholder {
color: #999;
}
#popup-sidebar .search-course input[name=s]:-ms-input-placeholder {
color: #999;
}
#popup-sidebar .search-course input[name=s]:-moz-placeholder {
color: #999;
}
#popup-sidebar .search-course input[name=s]::placeholder {
color: #999;
}
#popup-sidebar .search-course input[name=s]::-webkit-input-placeholder {
font-style: italic;
}
#popup-sidebar .search-course input[name=s]::-moz-placeholder {
font-style: italic;
}
#popup-sidebar .search-course input[name=s]:-ms-input-placeholder {
font-style: italic;
}
#popup-sidebar .search-course input[name=s]:-moz-placeholder {
font-style: italic;
}
#popup-sidebar .search-course input[name=s]::placeholder {
font-style: italic;
}
#popup-sidebar .search-course input[name=s]:focus {
outline: 0;
}
#popup-sidebar .search-course button {
position: absolute;
top: 0;
left: 10px;
height: 70px;
padding: 0 16px;
border: 0;
background: transparent;
line-height: 1px;
box-shadow: none;
}
#popup-sidebar .search-course button:focus {
outline: none;
}
#popup-sidebar .search-course button::before {
color: var(--lp-color-accent, #666);
font-family: "lp-icon";
content: "\f002";
}
#popup-sidebar .search-course button.clear {
display: none;
}
#popup-sidebar .search-course button.clear::before {
content: "\f00d";
}
#popup-sidebar .search-course.searching button:before {
display: inline-block;
content: "\f110";
animation: lp-rotating 1s linear infinite;
}
#popup-sidebar .course-curriculum {
overflow: auto;
position: absolute;
top: 70px;
bottom: 0;
width: 475px;
}
#popup-sidebar .course-curriculum::-webkit-scrollbar-thumb {
background: #ccc;
}
#popup-sidebar .course-curriculum::-webkit-scrollbar {
width: 8px;
}
#popup-sidebar .course-curriculum::-webkit-scrollbar-track {
background: #f5f5f5;
}
#popup-sidebar .section {
position: relative;
padding: 0 0 4px 0;
}
#popup-sidebar .section .circle-progress {
display: inline-block;
position: absolute;
top: 50%;
left: 10px;
width: 24px;
height: 24px;
margin-top: -12px;
border: 3px solid #d9e0f1;
border-radius: 50%;
}
#popup-sidebar .section.section-empty .section-header {
margin: 0;
}
#popup-sidebar .section-header {
position: sticky;
z-index: 1000;
top: 0;
padding: 20px 16px;
cursor: pointer;
background-color: var(--lp-bg-color-lesson, #fff);
}
#popup-sidebar .section-header .section-title .show-desc::before {
font-family: "lp-icon";
font-size: 1.125em;
content: "\f0d7";
}
#popup-sidebar .section-header .section-toggle {
justify-content: flex-end;
flex: 0;
}
#popup-sidebar .section-header .section-toggle i {
color: var(--lp-color-accent, #666);
}
#popup-sidebar .section-header .section-meta {
padding-top: 6px;
padding-bottom: 0;
}
#popup-sidebar .section-content {
margin-bottom: 0;
}
#popup-sidebar .curriculum-more {
padding-left: 16px;
padding-right: 16px;
}
#popup-sidebar .course-item > span {
display: none;
}
#popup-sidebar .course-item::before {
top: -1px;
bottom: -1px;
height: auto;
background: transparent;
}
#popup-sidebar .course-item::after {
content: "";
}
#popup-sidebar .course-item.current {
background: var(--lp-white-grey, #F7F7FB);
}
#popup-sidebar .course-item.has-status.failed .trans {
color: #f02425;
}
#popup-sidebar .course-item.status-completed .trans {
color: #3bb54a;
}
#popup-content {
overflow: auto;
position: relative;
margin: 70px 0 50px 0;
flex: 1;
padding-right: 15px;
padding-left: 15px;
}
#popup-content .lp-button {
position: relative;
margin: 0;
padding: 8px 25px;
border-color: var(--lp-border-color, #E2E0DB);
}
#popup-content .lp-button.instant-check .instant-check__icon {
margin-left: 5px;
}
#popup-content .lp-button.instant-check .instant-check__icon::before {
font-family: "lp-icon";
content: "\f058";
}
#popup-content .lp-button.instant-check .instant-check__info {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
margin-top: 3px;
padding: 11px 20px;
border-radius: 3px;
background: var(--lp-white-grey, #F7F7FB);
color: var(--lp-color-base, #333);
white-space: nowrap;
text-transform: none;
}
@media (max-width: 600px) {
#popup-content .lp-button.instant-check .instant-check__info {
white-space: normal;
width: 90vw;
}
}
#popup-content .lp-button.instant-check:hover .instant-check__info {
visibility: visible;
}
#popup-content .lp-button.instant-check.loading::before {
display: none;
}
#popup-content .lp-button.instant-check.loading .instant-check__icon {
display: inline-block;
animation: lp-rotating 1s linear infinite;
}
#popup-content .lp-button.instant-check.loading .instant-check__icon::before {
font-weight: 800;
content: "\f110";
}
#popup-content .lp-button:hover {
border-color: var(--lp-primary-color);
}
#popup-content .lp-button.completed {
display: flex;
flex-direction: row-reverse;
border-color: transparent;
color: #fff;
background: #3db748;
align-items: center;
justify-content: center;
float: right;
}
#popup-content .lp-button.completed i {
margin-right: 9px;
font-size: 0.8em;
}
#popup-content.fixed-quiz-status .quiz-status {
background: var(--lp-primary-color);
}
#popup-content.fixed-quiz-status .quiz-status > div {
padding: 0;
}
#popup-content::-webkit-scrollbar {
width: 8px;
}
#popup-content::-webkit-scrollbar-thumb {
background: #ccc;
}
#popup-content::-webkit-scrollbar-track {
background: #f5f5f5;
}
#popup-footer {
position: fixed;
z-index: 99999;
left: 0;
bottom: 0;
right: 475px;
width: 100%;
max-width: 792px;
height: 50px;
margin: 0 auto;
border-top: 1px solid #ebebeb;
background: var(--lp-bg-color-lesson, #fff);
-webkit-transition: right 0.25s;
-moz-transition: right 0.25s;
-ms-transition: right 0.25s;
-o-transition: right 0.25s;
transition: right 0.25s;
}
@media (max-width: 1024px) {
#popup-footer {
width: auto;
padding: 0 15px;
}
}
#popup-footer .course-item-nav {
justify-content: space-between;
}
#popup-footer .course-item-nav .prev,
#popup-footer .course-item-nav .next {
display: flex;
line-height: 3.125em;
}
#popup-footer .course-item-nav .prev a,
#popup-footer .course-item-nav .next a {
display: block;
color: var(--lp-color-accent, #666);
}
#popup-footer .course-item-nav .prev::before,
#popup-footer .course-item-nav .next::before {
color: #999;
font-family: "lp-icon";
}
#popup-footer .course-item-nav .prev:hover a, #popup-footer .course-item-nav .prev:hover::before,
#popup-footer .course-item-nav .next:hover a,
#popup-footer .course-item-nav .next:hover::before {
color: var(--lp-primary-color);
}
#popup-footer .course-item-nav .prev:hover .course-item-nav__name,
#popup-footer .course-item-nav .next:hover .course-item-nav__name {
display: block;
}
#popup-footer .course-item-nav .next {
flex-direction: row-reverse;
}
#popup-footer .course-item-nav .next::before {
margin-right: 10px;
content: "\f0da";
}
#popup-footer .course-item-nav[data-nav=next] {
justify-content: flex-end;
}
#popup-footer .prev::before {
margin-left: 10px;
content: "\f0d9";
}
#popup-footer .prev .course-item-nav__name {
left: auto;
right: -30px;
}
#popup-footer .prev .course-item-nav__name::before {
left: auto;
right: 5px;
}
@media (max-width: 1024px) {
#popup-footer .prev .course-item-nav__name {
right: 15px;
}
}
#popup-footer .course-item-nav__name {
display: none;
position: absolute;
top: -20px;
left: -30px;
width: auto;
padding: 10px 15px;
color: var(--lp-color-accent, #666);
background: #ccc;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
line-height: 1;
}
@media (max-width: 1024px) {
#popup-footer .course-item-nav__name {
top: -25px;
left: 15px;
right: auto;
}
}
#sidebar-toggle {
display: inline-block;
width: 32px;
min-width: 32px;
line-height: 70px;
height: unset;
margin: 0;
background: rgba(255, 255, 255, 0.1);
color: var(--lp-color-white, #fff);
font-size: 1.4em;
cursor: pointer;
transition: 0.25s;
-webkit-appearance: none;
border: none;
text-align: center;
}
#sidebar-toggle:after {
display: none;
}
#sidebar-toggle::before {
display: inline-block;
position: static;
margin: 0;
width: auto;
height: auto;
font-family: "lp-icon";
content: "\f0d9";
}
#sidebar-toggle:focus {
border: 0;
outline: 0;
}
body.admin-bar #popup-course {
top: 32px;
}
body.lp-sidebar-toggle__close #sidebar-toggle::before {
content: "\f0da";
}
body.lp-sidebar-toggle__close #popup-sidebar {
flex: 0 0 0;
}
body.lp-sidebar-toggle__close #popup-header, body.lp-sidebar-toggle__close #popup-footer {
right: 0;
}
@media (max-width: 768px) {
body:not(.lp-sidebar-toggle__open) #sidebar-toggle::before {
content: "\f0da";
}
body:not(.lp-sidebar-toggle__open) #popup-sidebar {
flex: 0 0 0;
}
}
@media screen and (max-width: 480px) {
#popup-header, #popup-footer {
width: 100%;
}
.learnpress-v4 #popup-header, .lp-4 #popup-header, .learnpress-v4 #popup-footer, .lp-4 #popup-footer {
width: auto;
}
.learnpress-v4.starkid #popup-header, .learnpress-v4.starkid #popup-footer {
width: 100%;
}
#popup-content {
min-width: 100vw;
}
}
.course-curriculum .section-header .section-meta {
position: relative;
}
@media screen and (max-width: 1280px) {
#popup-sidebar {
flex-basis: 300px;
}
#popup-sidebar .course-curriculum {
width: 300px;
}
#popup-header, #popup-footer {
right: 300px;
}
}
@media screen and (max-width: 782px) {
body.admin-bar #popup-course {
top: 46px;
}
#popup-course .course-item-meta .item-meta.count-questions, #popup-course .course-item-meta .item-meta.duration {
display: none;
}
#popup-sidebar {
flex-basis: 300px;
}
#popup-sidebar .course-curriculum {
width: 300px;
}
#popup-header,
#popup-footer {
right: 300px;
}
}
.content-item-wrap {
width: 792px;
max-width: 100%;
margin: 0 auto;
--lp-item-padding: 60px;
padding-top: var(--lp-item-padding);
padding-bottom: var(--lp-item-padding);
}
@media (max-width: 1024px) {
.content-item-wrap {
width: 100%;
--lp-item-padding: 40px;
}
}
.content-item-wrap .course-item-title {
margin-top: 0;
margin-bottom: 24px;
font-size: calc(var(--lp-font-size-base, 1em) * 2.6);
font-weight: 700;
}
@media (max-width: 767px) {
.content-item-wrap .course-item-title {
text-align: center;
}
}
.content-item-wrap .content-item-summary:after {
clear: both;
content: "";
display: block;
}
.content-item-wrap .content-item-description {
margin-bottom: 30px;
}
.content-item-wrap .content-item-description .wp-video, .content-item-wrap .content-item-description .mejs-container {
margin-bottom: 15px;
}
.content-item-wrap .content-item-description h2, .content-item-wrap .content-item-description h3, .content-item-wrap .content-item-description h4, .content-item-wrap .content-item-description h5, .content-item-wrap .content-item-description h6 {
margin-top: 10px;
margin-bottom: 15px;
letter-spacing: unset;
}
.content-item-wrap .content-item-description img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.content-item-wrap #learn-press-quiz-app {
margin-bottom: 40px;
}
.content-item-wrap .quiz-content {
margin-bottom: 40px;
color: #666;
font-weight: 300;
}
.content-item-wrap .quiz-content img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.content-item-wrap .quiz-buttons {
display: flex;
justify-content: center;
text-align: center;
gap: 10px;
}
.content-item-wrap .quiz-buttons .button-right .lp-button {
margin: 0 15px 0 0;
}
.content-item-wrap .quiz-buttons.align-center {
display: block;
text-align: center;
}
.content-item-wrap .quiz-buttons.align-center .button-left {
text-align: center;
}
.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
position: fixed;
z-index: 999991;
bottom: 0;
right: 50%;
width: 100%;
max-width: 792px;
height: 49px;
margin-right: 237px;
transform: translateX(50%);
background: #fff;
}
@media (max-width: 768px) {
.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
width: 100% !important;
}
}
.content-item-wrap .quiz-buttons.align-center .button-left.nav-center {
height: 50px;
margin-right: 0 !important;
}
.content-item-wrap .quiz-buttons:not(.infinity).is-first .prev {
display: none;
}
.content-item-wrap .quiz-buttons:not(.infinity).is-last .next {
display: none;
}
.content-item-wrap .questions-pagination .nav-links {
text-align: center;
display: flex;
justify-content: center;
gap: 4px;
margin-top: 6px;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers {
padding: 10px 15px;
margin: 0;
color: var(--lp-color-base, #333);
background-color: transparent;
font-weight: normal;
border: 1px solid var(--lp-border-color, #E2E0DB);
line-height: 1;
border-radius: var(--lp-border-radius, 5px);
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.dots {
border: none;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers.current, .content-item-wrap .questions-pagination .nav-links .page-numbers:hover {
color: var(--lp-primary-color);
}
@media (max-width: 575px) {
.content-item-wrap .questions-pagination .nav-links {
margin-top: 10px;
}
.content-item-wrap .questions-pagination .nav-links .page-numbers {
padding: 5px 10px;
}
}
.course-curriculum .section-title {
position: relative;
margin-bottom: 0;
}
.course-curriculum .section-title span.show-desc {
display: inline-block;
position: absolute;
top: 50%;
left: 30px;
width: 20px;
height: 20px;
transform: translate(0, -50%);
}
.course-curriculum .section-title span.show-desc::before {
font-family: "lp-icon";
font-size: 1.125em;
content: "\f107";
}
.course-curriculum .section-title span.show-desc:hover::before {
border-top-color: var(--lp-border-color, #E2E0DB);
}
@media (max-width: 575px) {
#popup-course .quiz-attempts {
overflow-x: auto;
}
}
.lp-overlay {
display: none;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(209, 213, 219, 0.8);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: opacity;
}
.wp-admin .lp-modal-dialog .lp-modal-header {
padding: 2em;
}
.wp-admin .lp-modal-dialog .lp-modal-header h3 {
font-size: 1.4em;
}
.lp-modal-dialog {
display: flex;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0;
width: 100%;
min-height: 100vh;
text-align: center;
align-items: center;
justify-content: center;
}
.lp-modal-dialog .learn-press-message {
width: auto;
margin: 0 !important;
}
.lp-modal-dialog .lp-modal-content {
display: inline-block;
overflow: hidden;
z-index: 2;
width: auto;
max-width: 600px;
border-radius: 8px;
text-align: right;
vertical-align: middle;
background: white;
color: black;
}
.lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
margin: 0;
}
.lp-modal-dialog .lp-modal-content .lp-group-step h3 {
border-bottom: 1px solid #eee;
}
.lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
padding: 0 1em;
}
.lp-modal-dialog .lp-modal-header {
background: #7c60d9;
border-bottom: 1px solid #eee;
padding: 1em;
}
.lp-modal-dialog .lp-modal-header h3 {
margin: 0;
color: white;
font-weight: 400;
}
.lp-modal-dialog .lp-modal-body .main-content {
max-height: 500px;
overflow: auto;
overscroll-behavior: contain;
}
.lp-modal-dialog .lp-modal-body .main-content h3, .lp-modal-dialog .lp-modal-body .main-content h2, .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
padding: 1em;
}
.lp-modal-dialog .lp-modal-footer {
padding: 20px;
background-color: #f9fafb;
text-align: left;
}
.lp-modal-dialog .btn-yes {
color: #fff;
background-color: #7c60d9;
}
#lp-modal-overlay {
display: none;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background: #000;
}
#lp-modal-window {
display: none;
position: fixed;
z-index: 999999;
top: 50%;
right: 50%;
padding: 35px 60px 28px 60px;
background: #fff;
transform: translate(50%, -50%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#lp-modal-window #lp-modal-content {
margin: 0 0 24px 0;
color: #333;
font-weight: 400;
text-align: center;
}
#lp-modal-window #lp-modal-content > * {
margin: 0 0 0.5em;
}
#lp-modal-window #lp-modal-buttons {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
#lp-modal-window #lp-modal-buttons .lp-button {
position: relative;
margin: 0 10px 0 10px;
}
.learn-press-comments {
width: 792px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 1024px) {
.learn-press-comments {
width: 100%;
}
}
@media (min-width: 769px) {
#learn-press-item-comments {
padding-bottom: 50px;
}
}
.learn-press-progress {
overflow: hidden;
position: relative;
width: 80px;
height: 6px;
border-radius: 3px;
}
.learn-press-progress .progress-bg {
overflow: hidden;
position: relative;
height: 6px;
background: #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.learn-press-progress .progress-bg .progress-active {
position: absolute;
right: 50%;
width: 100%;
height: 100%;
margin-right: -100%;
background: var(--lp-primary-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.learn-press-progress .learn-press-progress__active {
position: absolute;
z-index: 1;
right: -100%;
width: 100%;
height: 100%;
border-radius: 3px;
background: var(--lp-primary-color);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.learn-press-progress::before {
display: block;
position: absolute;
z-index: 0;
top: 0;
width: 100%;
height: 100%;
background: #ccc;
content: "";
}
.course-curriculum .section-header .section-left {
display: flex;
align-items: center;
gap: 16px;
}
.course-curriculum .section-header .section-left .wrapper-section-title {
flex: 1;
}
.course-curriculum .section-header .section-left .section-toggle {
flex: 0 0 40px;
align-items: center;
text-align: center;
cursor: pointer;
min-width: 1em;
}
.course-curriculum .section-header .section-left .section-toggle .fa-caret-down, .course-curriculum .section-header .section-left .section-toggle .lp-icon-caret-down, .course-curriculum .section-header .section-left .section-toggle .lp-icon-angle-down {
display: none;
}
.course-curriculum .section-header .learn-press-progress {
width: 80px;
}
.course-curriculum .section.closed .section-toggle .fa-caret-down, .course-curriculum .section.closed .section-toggle .lp-icon-caret-down, .course-curriculum .section.closed .section-toggle .lp-icon-angle-down {
display: block;
}
.course-curriculum .section.closed .section-toggle .fa-caret-up, .course-curriculum .section.closed .section-toggle .lp-icon-caret-up {
display: none;
}
.course-curriculum .section.closed .section-content {
overflow: hidden;
height: 0;
}
.lp-skeleton-animation {
margin: 0;
padding: 0;
list-style: none;
}
.lp-skeleton-animation > li {
width: 100%;
height: 16px;
margin-top: 15px;
border-radius: 2px;
background: linear-gradient(-90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
background-size: 400% 100%;
list-style: none;
animation: lp-skeleton-loading 1.4s ease infinite;
}
@keyframes lp-skeleton-loading {
0% {
background-position: 0% 50%;
}
to {
background-position: 100% 50%;
}
}
.lp-material-skeleton {
overflow: auto;
}
.lp-material-skeleton .course-material-table {
width: 100%;
display: none;
}
.lp-material-skeleton .course-material-table th {
text-align: center;
}
.lp-material-skeleton .course-material-table th:first-child {
text-align: right;
}
.lp-material-skeleton .course-material-table tr td:not(:first-child) {
text-align: center;
}
.lp-material-skeleton .course-material-table tfoot td {
text-align: right;
font-weight: bold;
}
.lp-material-skeleton .lp-loadmore-material.lp-button {
display: none;
margin-top: 20px;
padding: 12px 24px;
}
#popup-content .lp-material-skeleton .lp-loadmore-material.lp-button {
display: none;
margin-top: 20px;
padding: 12px 24px;
}
.learnpress.theme-twentytwentytwo .wp-site-blocks, .learnpress.twentytwentytwo .wp-site-blocks {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.learnpress.theme-twentytwentytwo .wp-site-blocks > .wp-block-group, .learnpress.twentytwentytwo .wp-site-blocks > .wp-block-group {
max-width: none;
margin-left: auto;
margin-right: auto;
}
.learnpress.theme-twentytwentytwo .lp-archive-courses, .learnpress.twentytwentytwo .lp-archive-courses {
max-width: none;
}
.learnpress.theme-twentytwentytwo .wp-container-11 .alignfull, .learnpress.theme-twentytwentytwo .wp-container-9 .alignfull, .learnpress.theme-twentytwentytwo .wp-container-12 .alignfull, .learnpress.twentytwentytwo .wp-container-11 .alignfull, .learnpress.twentytwentytwo .wp-container-9 .alignfull, .learnpress.twentytwentytwo .wp-container-12 .alignfull {
max-width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.learnpress.twentytwentyone, .learnpress.theme-twentytwentyone {
--lp-font-size-base: 0.925em;
}
.learnpress.twentytwentyone .lp-archive-courses a:focus, .learnpress.theme-twentytwentyone .lp-archive-courses a:focus {
background: transparent !important;
text-decoration: none !important;
outline: none !important;
}
.learnpress.twentytwentyone .pagination, .learnpress.twentytwentyone .comments-pagination, .learnpress.theme-twentytwentyone .pagination, .learnpress.theme-twentytwentyone .comments-pagination {
border-top: 0;
padding-top: 0;
}
@media (max-width: 1199px) {
.learnpress.twentytwentytwo .wp-site-blocks .wp-block-template-part, .learnpress.theme-twentytwentyone .wp-site-blocks .wp-block-template-part {
padding-right: 15px;
padding-left: 15px;
}
}
.learn-press-pagination {
margin: 20px 0;
text-align: center;
}
.learn-press-pagination .page-numbers {
display: inline-block;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
list-style: none;
}
.learn-press-pagination .page-numbers > li {
display: inline-block;
margin: 0;
}
.learn-press-pagination .page-numbers > li .page-numbers {
float: unset;
padding: 0 12px;
color: #666;
text-decoration: none;
}
.learn-press-pagination .page-numbers > li .page-numbers.current {
color: var(--lp-primary-color);
font-weight: 400;
}
.learn-press-pagination .page-numbers > li .page-numbers:hover {
color: var(--lp-primary-color);
} @media (max-width: 1024px) {
body.learnpress-page {
--lp-cotainer-padding: 1rem;
}
}
footer {
clear: both;
}
.margin-bottom {
margin-bottom: 20px;
}
.hide-if-js {
display: none !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.lp-form-fields {
margin: 0;
padding: 0;
list-style: none;
}
.lp-form-fields .form-field {
margin: 0 0 20px 0;
list-style: none;
}
ul.learn-press-breadcrumb {
max-width: var(--lp-container-max-width);
width: 100%;
margin: 0 auto;
padding: 1em var(--lp-cotainer-padding);
list-style: none;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
ul.learn-press-breadcrumb li {
display: inline-block;
margin: 0;
}
ul.learn-press-breadcrumb li a:hover {
color: var(--lp-primary-color);
}
ul.learn-press-breadcrumb i {
margin: 0 8px;
}
ul.learn-press-breadcrumb a {
color: inherit;
}
.learnpress-page input[type=text],
.learnpress-page input[type=email],
.learnpress-page input[type=number],
.learnpress-page input[type=password], .learnpress-page textarea {
border-color: var(--lp-border-color, #E2E0DB);
-webkit-border-radius: var(--lp-border-radius, 5px);
-moz-border-radius: var(--lp-border-radius, 5px);
border-radius: var(--lp-border-radius, 5px);
}
.learnpress-page input[type=text]:focus,
.learnpress-page input[type=email]:focus,
.learnpress-page input[type=number]:focus,
.learnpress-page input[type=password]:focus, .learnpress-page textarea:focus {
outline: none;
border-color: var(--lp-primary-color);
}
.learnpress-page .lp-button, .learnpress-page #lp-button {
padding: 12px 24px;
border: 1px solid var(--lp-border-color, #E2E0DB);
color: var(--lp-color-base, #333);
background: transparent;
box-shadow: unset;
font-family: inherit;
font-weight: 400;
text-align: center;
text-transform: capitalize;
-webkit-border-radius: var(--lp-border-radius, 5px);
-moz-border-radius: var(--lp-border-radius, 5px);
border-radius: var(--lp-border-radius, 5px);
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.learnpress-page .lp-button.large, .learnpress-page #lp-button.large {
height: 52px;
padding: 18px 30px;
font-size: 1.1em;
}
.learnpress-page .lp-button:hover, .learnpress-page #lp-button:hover {
border-color: var(--lp-primary-color);
color: #fff;
background: var(--lp-primary-color);
}
.learnpress-page .lp-button.btn-ajax-off .icon, .learnpress-page #lp-button.btn-ajax-off .icon {
display: none;
}
.learnpress-page .lp-button.btn-ajax-on .icon, .learnpress-page #lp-button.btn-ajax-on .icon {
display: inline-block;
margin-left: 5px;
-webkit-animation: lp-rotating 1s linear infinite;
-moz-animation: lp-rotating 1s linear infinite;
animation: lp-rotating 1s linear infinite;
}
.learnpress-page .lp-button:focus, .learnpress-page #lp-button:focus {
outline: 0;
}
.learnpress-page .rwmb-field .description {
margin-top: 8px;
color: #999;
font-size: smaller;
font-style: italic;
}
.lp-entry-content .course-tabs {
margin-bottom: 40px;
} form.retake-course,
form.enroll-course,
form.purchase-course {
display: inline-flex;
flex-direction: column;
gap: 10px;
} .table-orders th, .table-orders td {
padding: 5px 10px;
}
.form-button {
display: inline-block;
}
ul.list-table-nav {
display: flex;
margin-right: 0;
list-style: none;
}
ul.list-table-nav .nav-text {
text-align: right;
flex: 1;
}
ul.list-table-nav .nav-pages {
text-align: left;
flex: 1;
}
ul.list-table-nav .nav-pages .learn-press-pagination {
display: inline-block;
margin-bottom: 0;
}
.primary-color {
color: var(--lp-primary-color);
}
.primary-color-before::before {
color: var(--lp-primary-color);
}
.primary-color-after::after {
color: var(--lp-primary-color);
}
.primary-background-color {
background: var(--lp-primary-color);
}
.primary-background-color {
background: var(--lp-primary-color);
}
.course-origin-price {
margin-left: 5px;
font-size: 85%;
text-decoration: line-through;
}
.content-item-wrap #comments {
margin-left: 0;
margin-right: 0;
}
.content-item-wrap #comments #comment {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.course-tabs input[name=learn-press-course-tab-radio],
.course-tabs .course-tab-panel {
display: none;
}
.no-event {
pointer-events: none;
}
@media screen and (max-width: 768px) {
ul.learn-press-courses .course {
width: 48%;
}
}
@media screen and (max-width: 600px) {
ul.learn-press-courses .course {
width: 100%;
margin-left: 0;
}
}
.course-price:empty {
display: none !important;
}
 @-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
right: -40%;
width: 40%;
}
to {
right: 100%;
width: 10%;
}
}
@font-face {
font-family: "lp-icon";
src: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/learnpress/assets/src/css/vendor/fonts/lp-icon/lp-icon.ttf?v=bz7zxt) format("truetype"), url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/learnpress/assets/src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=bz7zxt) format("woff2"), url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/learnpress/assets/src/css/vendor/fonts/lp-icon/lp-icon.svg?v=bz7zxt#lp-icon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=lp-icon-], [class*=" lp-icon-"] { font-family: "lp-icon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lp-icon-plus:before {
content: "\f067";
}
.lp-icon-question:before {
content: "\f128";
}
.lp-icon-minus:before {
content: "\f068";
}
.lp-icon-search:before {
content: "\f002";
}
.lp-icon-envelope-o:before {
content: "\f003";
}
.lp-icon-heart:before {
content: "\f004";
}
.lp-icon-star:before {
content: "\f005";
color: #ffb606;
}
.lp-icon-star-o:before {
content: "\f006";
}
.lp-icon-user:before {
content: "\f007";
}
.lp-icon-th-large:before {
content: "\f009";
}
.lp-icon-th:before {
content: "\f00a";
}
.lp-icon-th-list:before {
content: "\f00b";
}
.lp-icon-check:before {
content: "\f00c";
}
.lp-icon-close:before {
content: "\f00d";
}
.lp-icon-remove:before {
content: "\f00d";
}
.lp-icon-times:before {
content: "\f00d";
}
.lp-icon-signal:before {
content: "\f012";
}
.lp-icon-cog:before {
content: "\f013";
}
.lp-icon-gear:before {
content: "\f013";
}
.lp-icon-trash-o:before {
content: "\f014";
}
.lp-icon-home:before {
content: "\f015";
}
.lp-icon-file-o:before {
content: "\f016";
}
.lp-icon-clock-o:before {
content: "\f017";
}
.lp-icon-download:before {
content: "\f019";
}
.lp-icon-play-circle-o:before {
content: "\f01d";
}
.lp-icon-refresh:before {
content: "\f021";
}
.lp-icon-lock:before {
content: "\f023";
}
.lp-icon-flag:before {
content: "\f024";
}
.lp-icon-book:before {
content: "\f02d";
}
.lp-icon-bookmark:before {
content: "\f02e";
}
.lp-icon-video-camera:before {
content: "\f03d";
}
.lp-icon-edit:before {
content: "\f044";
}
.lp-icon-pencil-square-o:before {
content: "\f044";
}
.lp-icon-check-square-o:before {
content: "\f046";
}
.lp-icon-arrows:before {
content: "\f047";
}
.lp-icon-chevron-left:before {
content: "\f053";
}
.lp-icon-chevron-right:before {
content: "\f054";
}
.lp-icon-check-circle:before {
content: "\f058";
}
.lp-icon-question-circle:before {
content: "\f059";
}
.lp-icon-arrow-left:before {
content: "\f060";
}
.lp-icon-arrow-right:before {
content: "\f061";
}
.lp-icon-expand:before {
content: "\f065";
}
.lp-icon-compress:before {
content: "\f066";
}
.lp-icon-exclamation-circle:before {
content: "\f06a";
}
.lp-icon-gift:before {
content: "\f06b";
}
.lp-icon-eye:before {
content: "\f06e";
}
.lp-icon-eye-slash:before {
content: "\f070";
}
.lp-icon-exclamation-triangle:before {
content: "\f071";
}
.lp-icon-warning:before {
content: "\f071";
}
.lp-icon-calendar:before {
content: "\f073";
}
.lp-icon-comment:before {
content: "\f075";
}
.lp-icon-chevron-up:before {
content: "\f077";
}
.lp-icon-chevron-down:before {
content: "\f078";
}
.lp-icon-shopping-cart:before {
content: "\f07a";
}
.lp-icon-bar-chart:before {
content: "\f080";
}
.lp-icon-bar-chart-o:before {
content: "\f080";
}
.lp-icon-key:before {
content: "\f084";
}
.lp-icon-cogs:before {
content: "\f085";
}
.lp-icon-gears:before {
content: "\f085";
}
.lp-icon-thumbs-o-up:before {
content: "\f087";
}
.lp-icon-thumbs-o-down:before {
content: "\f088";
}
.lp-icon-heart-o:before {
content: "\f08a";
}
.lp-icon-sign-out:before {
content: "\f08b";
}
.lp-icon-linkedin-square:before {
content: "\f08c";
}
.lp-icon-sign-in:before {
content: "\f090";
}
.lp-icon-phone:before {
content: "\f095";
}
.lp-icon-square-o:before {
content: "\f096";
}
.lp-icon-bookmark-o:before {
content: "\f097";
}
.lp-icon-twitter:before {
content: "\f099";
}
.lp-icon-facebook:before {
content: "\f09a";
}
.lp-icon-facebook-f:before {
content: "\f09a";
}
.lp-icon-unlock:before {
content: "\f09c";
}
.lp-icon-bullhorn:before {
content: "\f0a1";
}
.lp-icon-bell-o:before {
content: "\f0a2";
}
.lp-icon-certificate:before {
content: "\f0a3";
}
.lp-icon-briefcase:before {
content: "\f0b1";
}
.lp-icon-arrows-alt:before {
content: "\f0b2";
}
.lp-icon-copy:before {
content: "\f0c5";
}
.lp-icon-files-o:before {
content: "\f0c5";
}
.lp-icon-pinterest-square:before {
content: "\f0d3";
}
.lp-icon-google-plus-square:before {
content: "\f0d4";
}
.lp-icon-google-plus:before {
content: "\f0d5";
}
.lp-icon-money-bill-alt:before {
content: "\f0d6";
}
.lp-icon-caret-down:before {
content: "\f0d7";
}
.lp-icon-caret-up:before {
content: "\f0d8";
}
.lp-icon-caret-left:before {
content: "\f0d9";
}
.lp-icon-caret-right:before {
content: "\f0da";
}
.lp-icon-linkedin:before {
content: "\f0e1";
}
.lp-icon-comment-o:before {
content: "\f0e5";
}
.lp-icon-file-text-o:before {
content: "\f0f6";
}
.lp-icon-angle-double-left:before {
content: "\f100";
}
.lp-icon-angle-double-right:before {
content: "\f101";
}
.lp-icon-angle-double-up:before {
content: "\f102";
}
.lp-icon-angle-double-down:before {
content: "\f103";
}
.lp-icon-angle-left:before {
content: "\f104";
}
.lp-icon-angle-right:before {
content: "\f105";
}
.lp-icon-angle-up:before {
content: "\f106";
}
.lp-icon-angle-down:before {
content: "\f107";
}
.lp-icon-desktop:before {
content: "\f108";
}
.lp-icon-mobile:before {
content: "\f10b";
}
.lp-icon-mobile-phone:before {
content: "\f10b";
}
.lp-icon-circle-o:before {
content: "\f10c";
}
.lp-icon-spinner:before {
content: "\f110";
}
.lp-icon-code:before {
content: "\f121";
}
.lp-icon-puzzle-piece:before {
content: "\f12e";
}
.lp-icon-calendar-o:before {
content: "\f133";
}
.lp-icon-ellipsis-h:before {
content: "\f141";
}
.lp-icon-ellipsis-v:before {
content: "\f142";
}
.lp-icon-file:before {
content: "\f15b";
}
.lp-icon-file-alt:before {
content: "\f15c";
}
.lp-icon-youtube-play:before {
content: "\f16a";
}
.lp-icon-instagram:before {
content: "\f16d";
}
.lp-icon-dot-circle-o:before {
content: "\f192";
}
.lp-icon-graduation-cap:before {
content: "\f19d";
}
.lp-icon-mortar-board:before {
content: "\f19d";
}
.lp-icon-google:before {
content: "\f1a0";
}
.lp-icon-language:before {
content: "\f1ab";
}
.lp-icon-database:before {
content: "\f1c0";
}
.lp-icon-file-pdf:before {
content: "\f1c1";
}
.lp-icon-file-word:before {
content: "\f1c2";
}
.lp-icon-file-excel:before {
content: "\f1c3";
}
.lp-icon-file-powerpoint:before {
content: "\f1c4";
}
.lp-icon-file-image:before {
content: "\f1c5";
}
.lp-icon-file-photo:before {
content: "\f1c5";
}
.lp-icon-file-picture:before {
content: "\f1c5";
}
.lp-icon-file-archive:before {
content: "\f1c6";
}
.lp-icon-file-zip:before {
content: "\f1c6";
}
.lp-icon-file-audio:before {
content: "\f1c7";
}
.lp-icon-file-sound:before {
content: "\f1c7";
}
.lp-icon-file-movie:before {
content: "\f1c8";
}
.lp-icon-file-video:before {
content: "\f1c8";
}
.lp-icon-file-code:before {
content: "\f1c9";
}
.lp-icon-circle-thin:before {
content: "\f1db";
}
.lp-icon-share-alt:before {
content: "\f1e0";
}
.lp-icon-pie-chart:before {
content: "\f200";
}
.lp-icon-line-chart:before {
content: "\f201";
}
.lp-icon-user-secret:before {
content: "\f21b";
}
.lp-icon-television:before {
content: "\f26c";
}
.lp-icon-tv:before {
content: "\f26c";
}
.lp-icon-question-circle-o:before {
content: "\f29c";
}
.lp-icon-google-plus-circle:before {
content: "\f2b3";
}
.lp-icon-google-plus-official:before {
content: "\f2b3";
}
.lp-icon-user-circle:before {
content: "\f2bd";
}
.lp-icon-user-graduate:before {
content: "\f501";
}
.lp-icon-user-edit:before {
content: "\f4ff";
}
.lp-icon-my-courses:before {
content: "\e900";
}
.lp-icon-clock:before {
content: "\e901";
}
.lp-icon-stopwatch:before {
content: "\f2f2";
}
.lp-icon-file-download:before {
content: "\f56d";
}
.lp-icon-list:before {
content: "\f03a";
}
.lp-icon-students:before {
content: "\e902";
}
.lp-icon-courses:before {
content: "\e903";
}
.lp-icon-tiktok-alt:before {
content: "\e908";
}
.lp-icon-alarm-clock:before {
content: "\e909";
}
.lp-icon-art-and-design:before {
content: "\e90a";
}
.lp-icon-best-customer-experience:before {
content: "\e90b";
}
.lp-icon-certificate-o:before {
content: "\e90c";
}
.lp-icon-community:before {
content: "\e90d";
}
.lp-icon-online-education:before {
content: "\e90e";
}
.lp-icon-concierge-bell:before {
content: "\e90f";
}
.lp-icon-target:before {
content: "\e910";
}
.lp-icon-content-marketing:before {
content: "\e911";
}
.lp-icon-dollar-sign:before {
content: "\e912";
}
.lp-icon-website:before {
content: "\e913";
}
.lp-icon-worldwide-security:before {
content: "\e914";
}
.lp-icon-educational-programs:before {
content: "\e915";
}
.lp-icon-online-class:before {
content: "\e916";
}
.lp-icon-monitor:before {
content: "\e917";
}
.lp-icon-lucide:before {
content: "\e918";
}
.lp-icon-ebook:before {
content: "\e919";
}
.lp-icon-co-instructor:before {
content: "\e904";
}
.lp-icon-close-circle:before {
content: "\e907";
}
.lp-icon-layers:before {
content: "\e91a";
}
.lp-icon-filter:before {
content: "\e91c";
}
.lp-icon-in_progress_course:before {
content: "\e91d";
}
.lp-icon-finished_courses:before {
content: "\e91e";
}
.lp-icon-failed_courses:before {
content: "\e91f";
}
.lp-icon-passed_courses:before {
content: "\e920";
}
.lp-icon-student_in_progress:before {
content: "\e924";
}
.lp-icon-student_completed:before {
content: "\e925";
}
.lp-icon-published_course:before {
content: "\e926";
}
.lp-icon-pending_course:before {
content: "\e927";
}
.lp-icon-list-check:before {
content: "\e929";
}
.lp-icon-icon-h5p:before {
content: "\e92a";
}
.lp-icon-comment-written:before {
content: "\e921";
}
.lp-icon-book-open:before {
content: "\f518";
}
.lp-icon-pinterest-p:before {
content: "\f231";
}
.lp-icon-dropbox:before {
content: "\e905";
}
.lp-icon-map-pin:before {
content: "\e91b";
}
.lp-icon-map-marker:before {
content: "\e91b";
}
.lp-icon-box:before {
content: "\e906";
}
.lp-skeleton-animation {
margin: 0;
padding: 0;
list-style: none;
}
.lp-skeleton-animation > li {
width: 100%;
height: 16px;
margin-top: 15px;
border-radius: 2px;
background: linear-gradient(-90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
background-size: 400% 100%;
list-style: none;
animation: lp-skeleton-loading 1.4s ease infinite;
}
@keyframes lp-skeleton-loading {
0% {
background-position: 0% 50%;
}
to {
background-position: 100% 50%;
}
}
.lp-loading-circle {
width: 15px;
height: 15px;
border: 2px solid #ccc;
border-radius: 50%;
border-top-color: rgba(0, 0, 0, 0.76);
animation: spin 1s infinite linear;
display: inline-block;
}
.lp-loading-circle.hide {
display: none;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
} .lp-form-course-filter__title {
font-weight: 500;
}
.lp-form-course-filter__content {
position: relative;
}
.lp-form-course-filter__content .lp-course-filter__field * {
cursor: pointer;
}
.lp-form-course-filter__content .lp-course-filter__field {
position: relative;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.lp-form-course-filter__content .lp-course-filter__field input:focus {
outline: none;
}
.lp-form-course-filter__content .lp-course-filter__field input[disabled] {
cursor: not-allowed;
}
.lp-form-course-filter__content .lp-course-filter__field label {
color: #333;
padding: 0;
margin: 0;
text-transform: capitalize;
}
.lp-form-course-filter__content .lp-course-filter__field .count {
position: absolute;
left: 0;
top: 0;
color: #999;
}
.lp-form-course-filter__content .lp-course-filter-search-field {
position: relative;
display: flex;
align-items: center;
}
.lp-form-course-filter__content .lp-course-filter-search-field input {
width: 100%;
line-height: 2rem;
border: 1px solid #eee;
padding: 8px;
}
.lp-form-course-filter__content .lp-course-filter-search-field input:focus {
outline: none;
}
.lp-form-course-filter__content .lp-course-filter-search-field .lp-loading-circle {
position: absolute;
left: 10px;
}
.lp-form-course-filter__content .lp-course-filter-search-result {
position: absolute;
z-index: 10;
background: white;
width: 100%;
border: 1px solid #eeeeee;
max-height: 300px;
overflow-y: auto;
padding: 0;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list {
padding: 0 10px;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest {
display: flex;
gap: 8px;
padding: 10px 0;
align-items: center;
border-bottom: 1px solid #f5f5f5;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest:last-child {
border-bottom: none;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img {
width: 50px;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img img {
width: 50px;
height: auto;
display: block;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a {
font-size: 0.875em;
line-height: 1em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a span {
font-size: 0.875em;
line-height: 1em;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-info {
border-top: 1px solid #eeeeee;
padding: 10px;
background: #e8f0fe;
font-weight: 500;
display: flex;
justify-content: space-between;
}
.lp-form-course-filter .course-filter-submit, .lp-form-course-filter .course-filter-reset {
padding: 12px 24px;
text-transform: capitalize;
width: calc(50% - 4px);
border: 1px solid rgba(204, 204, 204, 0.3);
border-radius: 4px;
background-color: var(--lp-button-background-color);
color: var(--lp-button-color);
}
.lp-form-course-filter .course-filter-submit:focus, .lp-form-course-filter .course-filter-reset:focus {
outline: none;
}
.lp-form-course-filter .course-filter-submit:hover, .lp-form-course-filter .course-filter-reset:hover {
color: #fff;
background: var(--lp-primary-color);
}
.lp-form-course-filter .course-filter-reset {
margin-right: 4px;
}
.lp-form-course-filter .course-filter-submit {
margin-left: 4px;
}
.lp-form-course-filter .lp-form-course-filter__item {
margin-bottom: 12px;
border-bottom: 1px solid #eee;
padding-bottom: 12px;
}
.lp-form-course-filter .lp-form-course-filter__item .lp-cate-parent .lp-cate-child {
margin-right: 1rem;
}
#learn-press-become-teacher-form .become-teacher-fields {
list-style: none;
padding: 0;
}
@keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.lp-loading-change {
position: absolute;
display: none;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.38);
top: 0;
}
.lp-load-ajax-element {
position: relative;
}
@media (min-width: 1024px) {
body.theme-divi {
--lp-cotainer-padding:0;
}
}
.learnpress.widget {
margin-bottom: 30px;
}
@media (max-width: 420px) {
.learnpress.widget {
max-width: 400px;
}
}
.learnpress.widget h3 {
margin-bottom: 20px;
}
.learnpress.widget a {
text-decoration: none;
}
.learnpress-widget-wrapper {
margin-top: 16px;
position: relative;
}
.learnpress-widget-wrapper .lp-widget-loading-change {
position: absolute;
display: none;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.38);
top: 0;
z-index: 10;
}
.learnpress-widget-wrapper .lp-widget-course {
margin: 0 0 30px 0;
border: 1px solid #eee;
}
.learnpress-widget-wrapper .lp-widget-course__image img {
height: auto;
width: 100%;
display: block;
}
.learnpress-widget-wrapper .lp-widget-course__title {
margin-bottom: 20px;
font-size: 1em;
font-weight: 600;
}
.learnpress-widget-wrapper .lp-widget-course__content {
margin: 0;
padding: 16px;
border-top: 1px solid #eee;
}
.learnpress-widget-wrapper .lp-widget-course__title {
margin: 4px 0 16px 0;
}
.learnpress-widget-wrapper .lp-widget-course__meta {
display: grid;
margin: 16px 0 0 0;
grid-template-columns: repeat(2, 1fr);
justify-content: space-between;
align-items: center;
gap: 24px;
}
.learnpress-widget-wrapper .lp-widget-course__meta .course-price {
margin-bottom: 0;
}
.learnpress-widget-wrapper .lp-widget-course__meta .course-price .course-item-price {
display: flex;
flex-direction: column;
}
.learnpress-widget-wrapper .lp-widget-course__description {
color: #666;
font-size: 0.875em;
}
.learnpress-widget-wrapper .lp-widget-course__price {
color: #444;
font-size: 0.875em;
font-weight: 600;
}
.learnpress-widget-wrapper .lp-widget-course__instructor {
display: flex;
align-items: center;
}
.learnpress-widget-wrapper .lp-widget-course__instructor__avatar {
margin-left: 5px;
}
.learnpress-widget-wrapper .lp-widget-course__instructor__avatar img {
width: 20px;
border-radius: 20px;
height: 20px;
display: block;
}
.learnpress-widget-wrapper .lp-widget-course__instructor > a {
color: #777;
font-size: 0.875em;
}
.learnpress.widget_course_progress .lp_widget_course_progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress {
margin: 0;
padding: 20px;
border: 1px solid #eee;
}
.learnpress.widget_course_progress .course-results-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress {
margin-top: 10px;
font-size: 0.8em;
}
.learnpress.widget_course_progress .course-results-progress .items-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress {
display: flex;
margin-bottom: 7px;
justify-content: space-between;
align-items: center;
}
.learnpress.widget_course_progress .course-results-progress .items-progress__heading,
.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress__heading {
font-weight: 400;
}
.learnpress.widget_course_progress .lp-course-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress {
width: 100%;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress {
position: relative;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg {
overflow: hidden;
position: relative;
height: 6px;
background: #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active {
position: absolute;
right: 50%;
width: 100%;
height: 100%;
margin-right: -100%;
background: var(--lp-primary-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional {
position: absolute;
top: 0;
width: 3px;
height: 6px;
margin-right: -1px;
background: var(--lp-secondary-color);
}
.learnpress.widget_course_info .lp_widget_course_info,
.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info {
margin: 0;
padding: 20px;
border: 1px solid #eee;
line-height: 1;
}
.learnpress.widget_course_info .lp_widget_course_info h3,
.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info h3 {
margin-bottom: 15px;
}
.learnpress.widget_course_info .lp_widget_course_info ul,
.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul {
margin: 0;
padding: 0;
font-size: 0.8em;
}
.learnpress.widget_course_info .lp_widget_course_info ul li,
.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
line-height: 1;
}
.learnpress.widget_course_info .lp_widget_course_info ul li span,
.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul li span {
font-size: 0.8em;
}
.learnpress.widget_course_info .lp_widget_course_info ul label,
.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul label {
font-size: 0.8em;
}
.learnpress.widget_course_extra .lp-widget-course-extra,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra {
margin: 0;
padding: 20px;
border: 1px solid #eee;
line-height: 1;
}
.learnpress.widget_course_extra .lp-widget-course-extra h3,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra h3 {
margin-bottom: 20px;
font-size: 1rem;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content h4.course-extras__title,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content h4.course-extras__title {
margin: 0;
margin-bottom: 15px;
font-size: 0.8em;
font-weight: 600;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content ul,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content ul {
margin: 0;
padding: 0;
font-size: 0.8em;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content ul li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content ul li {
margin-bottom: 10px;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras {
display: block;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content {
color: #777;
font-size: 0.8em;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul {
list-style: none;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol {
list-style-position: inside;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul li,
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol li {
position: relative;
border: none;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li,
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li {
padding-right: 20px;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li::before,
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li::before,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li::before,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li::before {
display: inline-block;
position: absolute;
top: 50%;
right: 0;
width: 12px;
height: 7px;
border: 2px solid #8794b9;
border-top: none;
border-left: none;
content: "";
transform: rotate(54deg) translateY(-50%);
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li,
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li {
padding-right: 20px;
}
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li::before,
.learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li::before,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li::before,
.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li::before {
display: inline-block;
position: absolute;
top: 50%;
right: 0;
width: 12px;
height: 7px;
border: 2px solid #8794b9;
border-top: none;
border-left: none;
content: "";
transform: rotate(54deg) translateY(-50%);
}
.learnpress.widget_course_featured .lp-widget-featured-courses__footer,
.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,
.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link {
font-size: 1rem;
line-height: 1;
}
.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link::before,
.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link::before {
content: "←";
}
.learnpress.widget_course_popular .lp-widget-popular-courses__footer,
.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link,
.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link {
font-size: 1rem;
line-height: 1;
}
.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link::before,
.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link::before {
content: "←";
}
.learnpress.widget_course_recent .lp-widget-recent-courses__footer,
.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link,
.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link {
font-size: 1rem;
line-height: 1;
}
.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link::before,
.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link::before {
content: "←";
}
.learnpress-widget-wrapper__restapi .lp-skeleton-animation {
min-width: 250px;
}
.learnpress-widget-wrapper__restapi ul {
padding: 0;
}.pm-difl {
display: inline-block;
float: left
}
.pm-dbfl {
display: block;
float: left;
width: 100%
}
.pm-difr {
display: inline-block;
float: right
}
.pm-bg {
background-color: #fafafa
}
.pm-bg-lt {
background-color: #fff
}
.pm-bg-dk {
background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
color: #fff
}
.pm-remove {
color: #a00a00
}
.pg-failed-message {
color: #a00a00
}
.pm-border {
border-width: 1px;
border-style: solid;
border-color: #e1e1e1
}
.pm-border-bt {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #e1e1e1
}
.pm-radius5 {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden
}
.pm-pad10 {
padding: 10px
}
.pm-pad20 {
padding: 20px
}
.pm-clip {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.pm33 {
width: 31%;
margin: 10px 1%
}
.pmagic .pm-group-container .pm-group.pm50.pm33 {
width: 31%;
margin: 10px 1%
}
.pmagic * {
box-sizing: border-box
}
.pmagic {
width: 100%;
max-width: 100% !important;
font-size: 14px;
text-rendering: optimizeLegibility;
animation: pm-fadein .5s linear 1;
-webkit-animation: pm-fadein .5s linear 1;
-moz-animation: pm-fadein .5s linear 1;
-o-animation: pm-fadein .5s linear 1;
margin-bottom: 20px;
display: inline-block;
box-sizing: border-box
}
.pmagic a {
text-decoration: none;
border: 0!important;
cursor: pointer;
box-shadow: none!important
}
.pmagic img {
box-shadow: none!important;
padding: 0!important;
line-height: 1!important
}
.entry-content .pmagic img {
margin: 0;
padding: 0;
box-shadow: none!important
}
.pmagic a:focus,
.pmagic button:active,
.pmagic div:active,
.pmagic input:active,
.pmagic li:active {
outline: 0!important
}
.pg-alert-info {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
width: 94%;
margin: 15px;
display: inline-block
}
.pg-alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.pg-alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
@keyframes pm-fadein {
from {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 100;
transform: translateY(0)
}
}
@-webkit-keyframes pm-fadein {
from {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 100;
transform: translateY(0)
}
}
@-moz-keyframes pm-fadein {
from {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 100;
transform: translateY(0)
}
}
@-o-keyframes pm-fadein {
from {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 100;
transform: translateY(0)
}
}
@keyframes pm-popup-in {
0% {
transform: scale(0, 0);
opacity: 0
}
100% {
transform: scale(1, 1);
opacity: 1
}
}
@-webkit-keyframes pm-popup-in {
0% {
transform: scale(0, 0);
opacity: 0
}
100% {
transform: scale(1, 1);
opacity: 1
}
}
@-moz-keyframes pm-popup-in {
0% {
transform: scale(0, 0);
opacity: 0
}
100% {
transform: scale(1, 1);
opacity: 1
}
}
@-o-keyframes pm-popup-in {
0% {
transform: scale(0, 0);
opacity: 0
}
100% {
transform: scale(1, 1);
opacity: 1
}
}
@keyframes pm-popup-out {
0% {
transform: scale(1.1, 1.1)
}
20% {
transform: scale(1.1, 1.1)
}
100% {
transform: scale(1, 1)
}
}
@-webkit-keyframes pm-popup-out {
0% {
transform: scale(1.1, 1.1)
}
20% {
transform: scale(1.1, 1.1)
}
100% {
transform: scale(1, 1)
}
}
@-moz-keyframes pm-popup-out {
0% {
transform: scale(1.1, 1.1)
}
20% {
transform: scale(1.1, 1.1)
}
100% {
transform: scale(1, 1)
}
}
@-o-keyframes pm-popup-out {
0% {
transform: scale(1.1, 1.1)
}
20% {
transform: scale(1.1, 1.1)
}
100% {
transform: scale(1, 1)
}
}
.pmagic .pm-group-container .pm-group .pm-group-info {
color: #646464
}
.pmagic .pm-group-container .pm-group .pm-group-logo {
overflow: hidden;
position: relative;
height: 200px
}
.pm-group-logo-img,
.pmagic .pm-group-container .pm-group .pm-group-logo {
padding: 5px 0;
justify-content: center
}
.pmagic .pm-group-container .pm-group .pm-group-desc {
word-break: normal;
line-height: 1.5em;
height: 8em
}
.pmagic .pm-group-container .pm-group .pm-group-button {
margin-top: 10px
}
.pmagic .pm-group-bg {
position: absolute;
display: block;
width: 200%;
height: auto;
top: -50%;
left: -50%;
z-index: 1
}
.no-cssfilters .pmagic .pm-group-bg {
opacity: .2
}
.cssfilters .pmagic .pm-group-bg {
-webkit-filter: blur(10px);
filter: blur(10px);
opacity: .75
}
.pmagic .pm-group-container .pm-top-heading {
text-align: center;
margin-bottom: 20px;
border-width: 0 0 1px 0;
padding-bottom: 10px
}
.pmagic .pm-group-container .pm-group .pm-group-logo .pm-group-bg img {
height: 100%;
width: 100%;
-webkit-animation: none;
-moz-animation: none;
animation: none
}
.pmagic .pm-group-container .pm-group .pm-group-logo .pm-group-logo-img img {
-webkit-animation: pm-fadein 1s linear 1;
-moz-animation: pm-fadein 1s linear 1;
-o-animation: pm-fadein 1s linear 1;
animation: pm-fadein 1s linear 1;
margin: auto!important;
padding: 0!important;
max-height: 180px;
width: auto;
transition: 1s;
position: relative;
z-index: 8
}
.pmagic .pm-group-container .pm-group .pm-group-logo .pm-group-logo-img img:hover {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2)
}
.pmagic .pm-group-container .pm-group.pm50 {
width: 48%;
margin: 10px 1% 0 1%;
min-height: 175px
}
.pmagic .pm-group-container .pm-group.pm100 {
width: 80%;
margin: 10px 10% 0 10%
}
.pmagic .pm-group-container .pm-group {
text-align: center
}
.pmagic .pm-group-container .pm-group .pm-group-heading a {
text-decoration: none;
box-shadow: none;
font-size: 120%
}
.pmagic .pm-group-container .pm-group .pm_group_price {
color: orange
}
.pmagic .pm-group-container .pm-group .pm_free_group {
color: orange;
text-transform: uppercase
}
.pmagic .pm-group-signup {
float: left;
width: 100%;
margin-bottom: 10px;
text-align: center
}
.pmagic .pm-group-signup .pm_button {
float: none
}
.pmagic .pm-group-card-box {
padding: 0 1%
}
.pmagic .pm-group-card {
margin: 0 0 10px 0;
overflow: hidden
}
.pmagic .pm-group-title {
text-align: center;
font-size: 120%
}
.pmagic .pm-group-image {
width: 30%;
border-width: 0 1px 0 0;
max-width: 200px
}
.pmagic .pm-group-image img {
margin: auto;
display: block;
padding: 20px!important;
width: 100%;
height: auto
}
.pmagic .pm-group-description {
width: 70%;
border-width: 0 0 0 1px;
margin-left: -1px
}
.pmagic .pm-group-description .pm-card-label {
width: 25%
}
.pmagic .pm-group-description .pm-card-value {
width: 73%;
margin-left: 2%;
color: #969696
}
.pmagic .pm-group-description .pm-group-leader-small img {
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
border-radius: 50%;
margin-bottom: 0px;
margin-right: 2px;
object-fit: cover;
}
.pmagic .pm-group-description .pm-group-leader-small img:not(:first-child) {
margin-left: 8px;
}
.pmagic .pm-group-description .pm-group-leader-small a{
text-decoration: none;
}
.pmagic .pm-group-description .pm-card-value .pg-label-wrapper .pg_label {
width: auto;
max-width: 6em;
font-size: 12px;
display: inline-block;
margin: 1px;
padding: 1px 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-radius: 3px
}
.pmagic .pm-user-card {
overflow: hidden;
margin-top: 10px;
position: relative
}
.pmagic .pm-user-card .pm-user-card-cover {
height: 150px;
min-height: 150px;
overflow: hidden;
position: absolute
}
.pmagic .pm-user-card .pm-user-card-cover img {
-webkit-animation: pm-popup-out 4s ease-out 1;
-moz-animation: pm-popup-out 4s ease-out 1;
-o-animation: pm-popup-out 4s ease-out 1;
animation: pm-popup-out 4s ease-out 1;
width: 100%;
min-height: 100%;
height: auto
}
.pmagic .pm-user-image {
margin-top: 75px
}
.rgba img.user-profile-image {
background-color: rgba(255, 255, 255, .8);
margin: 0 auto;
margin-bottom: 12px
}
.no-rgba img.user-profile-image {
background-color: #fff
}
.pmagic .pm-user-image img.avatar,
.pmagic .pm-user-image img.user-profile-image {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
display: block;
position: relative;
margin: auto!important;
margin: auto calc(50% - 75px)!important;
padding: 10px!important;
height: 150px;
width: 150px
}
.rgba .pm-user-image img.avatar {
background-color: rgba(255, 255, 255, .8)
}
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
.pmagic .pm-user-image img.user-profile-image {
padding: 0!important
}
}
.pmagic .pm-user-card .pm-user-description-row:last-child {
margin-bottom: 10px
}
.pmagic .pm-user-card .pm-card-label img,
.pmagic .pm-user-card .pm-card-value img {
display: inline-block!important;
vertical-align: middle;
height: 1em;
width: auto;
margin: 0!important;
padding: 0!important
}
.pmagic .pm-user-card .pm-user-card-title {
text-align: center
}
.pmagic .pm-user-card.pm100 {
width: 80%;
margin: 10px 10% 0 10%
}
.pmagic .pm-user-card.pm100 .pm-card-label {
width: 100%;
text-transform: uppercase;
font-size: 86%
}
.pmagic .pm-user-card.pm100 .pm-card-value {
width: 100%;
color: #969696
}
.pmagic .pm-user-card.pm100 .pm-user-description-row {
border-width: 0;
padding: 10px 20px 0 20px;
text-align: center
}
.pmagic .pm-user-card.pm100 .pm-user-description-row::after {
content: "____";
color: #e1e1e1;
width: 100%;
float: left
}
.pmagic .pm-user-card.pm100 .pm-card-label,
.pmagic .pm-user-card.pm100 .pm-card-value {
display: block;
line-height: 1.5em;
max-height: 7.5em;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal!important
}
.pmagic .pm-user-card.pm50 {
width: 48%;
margin: 10px 1% 0 1%
}
.pmagic .pm-user-card.pm50 .pm-card-label {
width: 100%;
text-transform: uppercase;
font-size: 86%
}
.pmagic .pm-user-card.pm50 .pm-card-value {
width: 100%;
color: #969696
}
.pmagic .pm-user-card.pm50 .pm-user-description-row::after {
content: "____";
color: #e1e1e1
}
.pmagic .pm-user-card.pm50 .pm-user-description-row {
border-width: 0;
padding: 10px 20px 0 20px;
text-align: center
}
.pmagic .pm-user-card.pm33 .pm-card-label {
width: 48%
}
.pmagic .pm-user-card.pm33 .pm-card-value {
margin-left: 2%;
width: 50%;
color: #969696
}
.pmagic .pm-user-card.pm33 .pm-user-description-row {
border-width: 0;
padding: 10px 10px 0 20px
}
.pmagic .pm-user-card.pm33 .pm-card-label,
.pmagic .pm-user-card.pm33 .pm-card-value {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.pmagic .pm-user-card.pm100 .pm-card-label,
.pmagic .pm-user-card.pm100 .pm-card-value,
.pmagic .pm-user-card.pm50 .pm-card-label,
.pmagic .pm-user-card.pm50 .pm-card-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
#pm-leader-badge {
background-color: #000
}
.pmagic .pm-user-description {
height: 100%
}
.pmagic .pm-field-multiple-value {
margin: 0 5px 0 0
}
.pmagic .pm-field-multiple-value::after {
content: ","
}
.pmagic .pm-field-multiple-value:last-child::after {
content: ""
}
.pm-group-view .pm-edit-heading {
margin-bottom: 20px
}
.pm-group-view .pm-group-change-icon {
text-align: center;
margin: 20px
}
.pm-group-view .pm-group-change-icon input {
display: inline-block
}
.pm-group-view .pm-group-icon-action {
margin: 20px 0 20px 0
}
.pm-group-edit-form {
text-align: center
}
.pmagic .pmagic-form .pm-group-edit-form .pmrow {
text-align: left
}
.pmagic .pm-login-box {
width: 80%;
max-width: 600px;
margin: 20px auto;
float: none
}
.pm-login-box-error {
text-align: center;
background-color: #f08080;
color: #fff;
word-break: normal;
font-size: 86%
}
.pm-login-box-error span a {
color: #fff
}
.pmagic .pm-login-box input[type=password],
.pmagic .pm-login-box input[type=text] {
margin: 20px 5% 0 5%!important;
width: 90%!important;
max-width: 90%!important;
padding: .5em!important;
min-height: 3em;
font-size: 1em
}
.pmagic .pm-login-box form#pm_login_form {
margin-bottom: 0
}
.pmagic .pm-login-box-bottom-container {
border-width: 1px 0 0 0;
padding: 20px;
text-align: center;
margin-top: 20px
}
.pmagic #lostpasswordform input#user_login {
margin-bottom: 20px;
float: left
}
.pmagic .pm-login-box input[type=submit] {
text-align: center;
float: none;
width: auto;
margin: auto;
font-size: 1em;
padding: 10px 15px;
cursor: pointer;
transition: 0.2s;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
}
.pmagic .pm-login-box .pm-login-header {
text-align: center;
padding: 10px
}
.pm-center-button {
width: 50%;
text-align: center
}
.pm-group-view {
max-width: 1200px;
margin: 0px auto;
}
.pm-group-view .pm-header-section {
position: relative;
height: 445px
}
.pm-group-view .pm-cover-image {
overflow: hidden;
height: 300px
}
.pm-group-view .pm-cover-image img {
position: absolute;
clip: rect(0, 1200px, 300px, 0)!important;
height: 300px;
object-fit: cover;
border-radius: 0!important
}
.pmagic .pm-group-view #pg-profile-tabs .pg-profile-tab-content {
min-height: 350px
}
#pm-change-cover-image-dialog .pm-popup-image img.pm-cover-image {
margin: 0 auto
}
.pm-group-view .pm-profile-title-header {
height: 130px;
top: 0
}
.pm-group-view .pm-profile-image {
position: absolute;
width: auto;
left: 10px;
top: 240px;
line-height: 1!important;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
max-width: 180px
}
.rgba .pm-group-view .pm-profile-image {
background-color: rgba(255, 255, 255, .5);
overflow: hidden
}
.no-rgba .pm-group-view .pm-profile-image {
background-color: #fff
}
.pm-group-view .pm-profile-image img {
margin: 0!important;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
width: 150px;
height: 150px
}
.pmagic .pg-edit-profile-notice {
font-size: 12px;
font-style: italic
}
.pmagic .pm-profile-title-header .pm-profile-image .pg-profile-change-img {
bottom: 0;
line-height: 180px
}
.pmagic .pm-cover-image .pg-profile-change-img {
top: 0;
height: 300px
}
.pmagic .pm-cover-image .pg-profile-change-img,
.pmagic .pm-profile-title-header .pm-profile-image .pg-profile-change-img {
position: absolute;
right: 0;
display: none;
width: 100%;
font-size: 1.2em;
margin: 0!important;
padding: 0!important
}
.pmagic .pm-cover-image .pg-profile-change-img .pg-item-image-change,
.pmagic .pm-profile-title-header .pm-profile-image .pg-profile-change-img .pg-item-image-change {
display: block;
padding: 5px;
text-align: center;
margin: 0;
cursor: pointer
}
.pmagic .pm-cover-image .pg-profile-change-img {
cursor: pointer
}
.pmagic .pm-profile-title-header .pm-profile-image .pg-profile-change-img .pg-item-image-change::before {
display: none
}
.pmagic .pm-group-view .pm-profile-title {
margin: 1em 0 0 180px
}
.csscalc .pm-group-view .pm-profile-title {
width: 24%
}
.no-csscalc .pm-group-view .pm-profile-title {
width: 60%
}
.pmagic .pm-group-view .pm-user-name {
font-size: 1.5em;
height: 1.5em
}
.pmagic .pm-group-view .pm-user-group-name {
font-size: 86%;
color: #646464;
color: #646464;
text-transform: uppercase
}
.pmagic .pm-group-view .pm-group-icon {
max-width: 240px;
height: 128px;
padding: 10px 10px;
width: 100%
}
.pg-mobile-479 .pmagic .pm-group-view .pm-group-icon {
max-width: 100%;
}
.pg-mobile-479 .pmagic .pm-group-view .pm-group-icon .pm-single-group-badge {
text-align: center;
}
.pg-mobile-479 .pmagic .pm-group-container .pm-group.pm100{
width: 100%;
margin: 10px 0px;
}
.pmagic .pm-group-view .pm-section {
margin: 20px 0;
min-height: 500px
}
.pmagic .pm-section .pm-edit-user {
width: 50%
}
.pmagic .pm_button {
text-align: center
}
.pm-group-view .pm-section .pm-section-nav-vertical {
overflow: hidden;
max-width: 250px;
width: 30%
}
.pmagic .pm-group-view .pm-section-nav-vertical ul {
margin: 0!important;
padding: 0!important
}
.pmagic .pm-group-view .pm-section-nav-vertical ul li {
list-style: none;
margin: 0!important;
transition: .2s;
cursor: pointer;
padding: 1em;
text-align: left;
border-bottom: 0 solid #e1e1e1
}
.pmagic .pm-group-view #pg-about .pm-section .pm-section-nav-vertical ul li {
border-bottom: 1px solid #e1e1e1
}
.pmagic .pm-group-view #pg-about .pm-section .pm-section-nav-vertical ul li:last-child{
border-bottom:0px; 
}
.pmagic .pm-group-view .pm-section .pm-section-nav-vertical ul li a {
text-decoration: none
}
.pmagic .pm-group-view .pm-section .pm-section-nav-vertical ul li:last-child {
border-bottom: 0
}
.pmagic .pm-group-view .pm-section .pm-section-nav-vertical ul li.ui-state-active,
.pmagic .pm-group-view .pm-section .pm-section-nav-vertical ul li.ui-state-hover {
background-color: #fff;
margin: 0!important
}
.pmagic .pm-group-view .pm-section .pm-section-nav-vertical ul li.ui-state-active,
.pmagic .pm-group-view .pm-section .pm-section-nav-vertical ul li.ui-state-hover {
background-color: #fafafa;
margin: 0!important
}
.pmagic .pm-group-view #pg-about .pm-section .pm-section-nav-vertical ul li.ui-state-active,
.pmagic .pm-group-view #pg-about .pm-section .pm-section-nav-vertical ul li.ui-state-hover {
background-color: #fff;
margin: 0!important
}
.pmagic .pm-group-view .pm-section #pg_rm_registration_tab {
overflow: auto
}
.pmagic .pm-group-view .pm-section #pg_rm_registration_tab .rmagic table.rm-user-data {
table-layout: auto
}
.pmagic .pm-group-view .pm-section .pm-section-content {
width: 69%;
margin: 0;
border-left: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
min-height: 342px;
min-height: 520px
}
.pmagic .pm-group-view #pg-about .pm-section .pm-section-content {
border-left: 0
}
.pmagic .pm-group-view .pm-section .pm-section-content.pm_full_width_profile {
border-left: 0
}
.pmagic .pm-group-view .pm-section .pm-section-content .buttonarea.pm-full-width-container {
text-align: center;
float: left;
width: 100%
}
.pmagic form.pmagic-form .buttonarea.pm-full-width-container input[type="submit"]{
font-size: 16px;
padding: 10px 15px;
cursor: pointer;
transition: 0.2s;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
}
.pg-edit-action-wrap .pm-edit-action input[type="submit"],
.pmagic form.pmagic-form .buttonarea.pm-full-width-container input[type="submit"]{
background-color: #eee;
background-color: rgba(0,0,0,0.80);
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.9);
color: #fff;
color: rgba(255,255,255,1);
font-size: 16px;
cursor: pointer;
transition: 0.2s;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.25);
}
.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow input,
.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow select,
.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow textarea {
height: 38px;
padding: 5px
}
.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow select#pm_profile_privacy {
line-height: 26px
}
.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow {
margin-left: 3%
}
.pmagic .pmagic-form .buttonarea #pm_reset_passerror {
font-size: 14px
}
.pmagic .pmagic-form .buttonarea #pm_reset_passerror.pm_password_success {
color: #00e600
}
.pmagic .pmagic-form .buttonarea #pm_reset_passerror.pm_password_error {
color: red
}
.pm-group-view .pm-section .pm-section-content #chat_message_form {
padding-left: 4%
}
.pm-group-view .pm-section .pm-section-content .pm-user-description-row {
border-width: 0 0 1px 0;
padding: 1em
}
.pm-group-view .pm-section.pm100 .pm-section-content .pm-user-description-row .pm-card-label,
.pm-group-view .pm-section.pm100 .pm-section-content .pm-user-description-row .pm-card-value {
width: 100%;
margin: 0
}
.pm-group-view .pm-section.pm100 .pm-section-content .pm-user-description-row .pm-card-label {
font-weight: 700;
text-transform: none
}
.pm-group-view .pm-section.pm100 .pm-section-content .pm-user-description-row .pm-card-value {
padding-left: 10px
}
.pm-group-view .pm-section .pm-section-content .pm-user-description-row .pm-card-label {
text-transform: uppercase;
font-size: 86%;
width: 30%;
padding-left: 10px;
position: relative
}
.pm-group-view .pm-section .pm-section-content .pm-user-description-row .pm-card-value {
width: 68%;
margin-left: 2%;
color: #969696
}
.pm-group-view .pm-section .pm-section-content .pm-user-description-row .pm-card-value a {
word-break: break-all
}
.pm-group-view .pm-user-description-row .pm-card-label img {
vertical-align: middle;
margin: 0!important;
width: 16px;
height: auto;
position: absolute;
right: calc(100% - 2px)
}
.pm-edit-group {
display: inline;
float: right
}
.pmagic .pm-full-width-container {
padding: 20px;
text-align: center;
font-size: 1.5em
}
.pmagic .pm-full-width-container input {
text-align: center
}
.pmagic legend {
text-align: center;
padding: 1em;
font-size: 1.2em;
font-weight: 700;
width: auto!important;
border: 0!important
}
.pmagic .pmagic-form .pmrow {
margin-bottom: 20px
}
.pmagic .pmagic-form .pmrow .errortext {
color: tomato;
display: block;
width: 100%;
float: left;
font-size: 86%
}
.pmagic .pm-submit-container,
.pmagic .pmrow {
display: block;
width: 100%;
float: left
}
.pmagic .pm-field-input,
.pmagic .pm-field-lable,
.pmagic .pm-form-field-icon,
.pmagic .pm-radio-option {
display: inline-block;
float: left;
word-wrap: normal
}
.pmagic input:disabled {
cursor: default;
opacity: .5;
pointer-events: none
}
.pmagic .pm-form-field-icon {
width: 5%;
min-height: 1px
}
.pmagic .pg-group-form-field-icon .pm-form-field-icon{
width: auto;
margin-right: 4px;
}
.pmagic .pm-form-field-icon:empty{
display: none;
}
.pmagic .pm-field-lable {
width: 23%;
margin-left: 1%;
margin-right: 1%
}
.pmagic .pm-field-input {
width: 60%
}
.pmagic .pm-form-field-icon img {
width: 16px;
height: auto;
margin: 2px;
display: inline-block;
vertical-align: middle
}
.pmagic .pmagic-form .pmrow .pminput.pm_recaptcha .g-recaptcha>div {
margin: 0 auto;
}
.pmagic .pmrow input:not(.pmagic .pm-radio-option input[type=radio]):not(.pmagic .pm-radio-option input[type=checkbox]),
.pmagic .pmrow select,
.pmagic .pmrow textarea {
width: 100%
}
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="text"], 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="password"], 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="email"], 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="url"],
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="file"], 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="number"], 
.pmagic .pg-group-reg-form .pmrow .pm-field-input textarea,
.pmagic .pg-group-reg-form .pmrow .pm-field-input select{
background-color: #fff;
background-color: rgba(255,255,255,0.33);
box-sizing: border-box;
color: #333;
color: rgba(0,0,0,0.75);
display: block;
float: none;
font-size: 13px;
border: 1px solid #ccc;
border: 1px solid rgba(128,128,128,0.5);
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
border-radius: 3px;
box-shadow: none!important;
transition: background-color 0.2s, border 0.2s;
}
.pmagic .pg-group-reg-form .pmrow .pm-field-input select[multiple]{
height: auto;
}
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="text"]:hover, 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="password"]:hover, 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="email"]:hover, 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="url"]:hover,
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="file"]:hover, 
.pmagic .pg-group-reg-form .pmrow .pm-field-input input[type="number"]:hover, 
.pmagic .pg-group-reg-form .pmrow .pm-field-input textarea:hover,
.pmagic .pg-group-reg-form .pmrow .pm-field-input select:hover
{
background-color: rgba(255,255,255,0.66);
border: 1px solid rgba(128,128,128,0.66);
outline: none!important;
}
.pmagic .pg-group-reg-form .pmrow .pm-field-input.pm_user_url input[type="text"]:first-child{
margin-bottom: 10px;
}
.pmagic .pg-group-reg-form .pmrow .pm-field-input textarea {
min-height: 100px;
resize: vertical;
}
.pmagic .pmrow input[type=file] {
border: 0;
font-size: 12px
}
.pmagic .pm-field-input #wp-description-wrap input.button,
.pmagic .pm-field-input.pm_rich_editor_required #wp-description-wrap input.button {
width: auto
}
.pmagic textarea {
resize: vertical
}
.pmagic .pm-radio-option {
margin-right: 10px
}
.pmagic .pm-radio-option{
display: inline-flex;
align-items: center;
margin-bottom: 10px;
}
.pmagic .pm-radio-option input[type=checkbox],
.pmagic .pm-radio-option input[type=radio]{
margin-right: 5px;
}
.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow input[type=radio].pg-hide-privacy-profile {
height: auto
}
.pmagic .pm-radio-option input[type=checkbox]:not( body.theme-twentytwenty-one .pmagic .pm-radio-option input[type=checkbox]),
.pmagic .pm-radio-option input[type=radio]:not( body.theme-twentytwenty-one .pmagic .pm-radio-option input[type=radio]) {
width: auto;
margin-right: 5px
}
.pmagic .pmrow .pm_repeat {
margin-bottom: 10px
}
.pmagic .pmrow .pm_repeat .add {
margin-right: 10px
}
.pmagic #pm_add_blog_post .pmrow .pm-field-input .pm-radio-option input[type=radio]:checked,
.pmagic #pm_add_blog_post .pmrow .pm-field-input .pm-radio-option input[type=radio]:not(:checked) {
position: relative;
opacity: inherit;
left: inherit
}
.pg-blog-dialog-mask {
display: none;
background-color: #000;
opacity: .25;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999
}
.pmagic .multipage_nav a {
display: block
}
.pmagic .multipage_nav .multipage_next {
display: inline-block;
float: right
}
.pmagic .multipage_nav .multipage_back {
display: inline-block;
float: left
}
.pmagic .multipage_nav .submit {
text-transform: uppercase
}
.pmagic .multipage_nav .multipage_state {
display: block;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto
}
.pmagic fieldset {
border: 2px solid #e1e1e1;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
div.clearer {
display: block;
visibility: hidden;
clear: both;
height: 0;
border-width: 0;
margin: 0;
padding: 0
}
@media screen and (max-width: 700px) {
.pmagic .pm-field-input {
display: block;
width: 100%
}
.pmagic .pm-field-lable {
width: 100%;
text-align: left;
}
.pmagic .pmrow {
margin-bottom: 10px;
font-size: 120%
}
.pmagic .pm-radio-option {
display: block;
width: 100%;
text-align: left
}
.pmagic .pm-form-field-icon {
width: 24px
}
.pmagic .pm-full-width-container input {
width: 80%
}
}
.pmagic ul.page-numbers {
display: inline-block;
padding: 10px;
margin: 0;
float: left;
width: 100%;
text-align: center
}
.pmagic ul.page-numbers li {
display: inline-block;
margin: 0
}
.pmagic ul.page-numbers li::before {
display: none
}
.pmagic ul.page-numbers li a {
display: inline-block;
padding: 8px 16px;
text-decoration: none;
margin-left: 5px;
transition: .3s;
background-color: transparent;
}
.pmagic ul.page-numbers li span.dots {
color: #000;
display: inline-block;
padding: 8px 16px;
text-decoration: none;
background-color: #fff;
margin-left: 5px;
transition: .3s
}
.pmagic ul.page-numbers li span.current {
display: inline-block;
text-decoration: none;
transition: .3s;
border-radius: 100%;
color: #fff;
padding: 0;
height: 38px;
width: 38px;
background-color: #000;
line-height: 38px
}
.pm_clear {
width: 100%;
float: left
}
.pmagic .pm-accordian-title {
cursor: pointer;
margin-bottom: 4px;
}
.pmagic .pm-accordian-title.ui-accordion-header {
position: relative;
}
.pmagic .pm-accordian-title.ui-accordion-header::before {
font-family: FontAwesome;
content: "\f105";
position: absolute;
right: 14px;
color: rgb(143 143 143);
}
.pmagic .pm-accordian-title.ui-accordion-header.ui-accordion-header-active::before{
content: "\f107";
}
.pmagic .pm-accordian-content {
height: auto!important;
max-width: 750px;
margin-top: 30px;
}
.pmagic .pm-field-input .pm_repeat:first-child .removebutton {
display: none
}
.pmagic .pg-edit-action-wrap {
margin-bottom: 20px
}
.pmagic .pg-edit-action-wrap .pm-edit-link a {
margin: 0 4px;
text-decoration: none;
border-bottom: 1px dotted currentColor!important
}
.pm-popup-mask {
display: none;
background-color: #000;
opacity: .25;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999;
max-width: 100% !important;
}
#pm-add-blog-dialog,
#pm-change-cover-image-dialog,
#pm-change-image-dialog,
#pm-change-password-dialog,
#pm-show-cover-image-dialog,
#pm-show-profile-image-dialog {
display: none;
z-index: 9999999
}
.pm-popup-container {
display: block;
float: left;
width: 600px;
background-color: #fff;
position: fixed;
top: 10%;
overflow: hidden;
z-index: 9999999;
box-shadow: 0 0 20px #969696;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
left: 30%;
left: calc(50% - 300px);
overflow-y: auto;
max-height: 90%
}
.pm-popup-container::-webkit-scrollbar {
width: 8px;
background-color: #f4f4f4
}
.pm-popup-container::-webkit-scrollbar-track {
border-radius: 10px
}
.pm-popup-container::-webkit-scrollbar-thumb {
background-color: #e0e0e0;
width: 8px;
height: 4px
}
#pm-show-cover-image-dialog .pm-popup-container,
#pm-show-profile-image-dialog .pm-popup-container {
width: auto;
max-width: 800px
}
.pm-popup-container .pm-popup-title {
text-align: center;
font-size: 1.2em
}
.pm-popup-close {
height: 24px;
width: 24px;
opacity: .5;
cursor: pointer;
position: relative;
top: 0
}
.pm-popup-container a[type=button]:hover {
cursor: pointer
}
.pm-popup-container .pm-popup-image {
text-align: center
}
.pm-popup-container .pm-popup-info {
font-size: 86%;
color: tomato;
text-align: center
}
.pm-popup-container .pm-popup-error {
float: left;
width: 100%;
color: tomato;
padding: 1em;
font-size: 1em;
display: none
}
.pm-popup-container img#avatar-edit-img {
margin: auto
}
.pm-popup-container input[type=file] {
text-align: center;
margin: 10px auto
}
.pm-popup-container .jcrop-tracker {
background-color: rgba(255, 255, 255, .2)
}
.pm-popup-container .modal-footer {
display: none;
text-align: center
}
.pm-loader {
width: 40px;
height: 40px;
border: 5px solid #e1e1e1;
border-radius: 100%;
animation: pm_rotate 1s linear infinite;
margin-left: 40%;
margin-left: calc(50% - 20px)
}
#pm_result_pane .pm-loader {
float: left
}
@keyframes pm_rotate {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
span#pm-change-cover-image {
cursor: pointer
}
.pm-popup-image input[type=submit] {
margin: 10px 0 0 0
}
#pm_result_pane .pg-search-result-wrapper {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: flex-end;
width: 100%;
}
div#pm_result_pane .pm-loader {
margin-top: 100px;
}
.pmagic .pm-users-search-page .pm-user {
margin: 10px 12px 14px 12px;
overflow: hidden
}
.pmagic .pm-search-box {
position: relative
}
.pmagic .pm-users-search-page .pm-search-box .pm-search-submit {
margin-left: 10px
}
.pm-search-box input[type=submit].pm-search-submit,
.pm-search-box input[type=text].pm-search-input {
font-size: 1em;
margin-top: 0!important
}
.pm-search-box input[type=text].pm-search-input {
width: 100%;
border-width: 1px;
padding: 6px 10px;
height: 38px;
}
.theme-astra .pmagic .pm-search-box input[type=text].pm-search-input:focus,
.theme-astra .pmagic .pm-search-box input[type=text].pm-search-input:active{
border-width: 1px;
border-style: solid;
outline: 1px;
}
.theme-astra .pmagic .pmrow .pm-field-input input:focus,
.theme-astra .pmagic .pmrow .pm-field-input input:active{
border-width: 1px;
border-style: solid;
outline: 1px;
}
.pmagic .pm-users-search-page .pm-user a {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pmagic .pm-users-search-page .pm-user-name {
text-align: center;
padding: 5px;
width: 8em;
}
.pm-users-search-page #pm-advance-search-form .search_result img.user-profile-image {
margin: 0
}
@media screen and (max-width: 700px) {
.pmagic .pm-field-input {
display: block;
width: 100%
}
.pmagic .pm-form-row {
margin-bottom: 10px;
font-size: 120%
}
.pmagic .pm-radio-input {
display: block;
width: 100%;
text-align: left
}
.pmagic .pm-full-width-container input {
width: 80%;
margin-bottom: 15px
}
}
.pm_morectnt span {
display: none
}
.pm_showmoretxt {
text-decoration: none
}
.pmagic .pm-field-multiple-value {
float: none
}
.jcrop-holder div div img {
visibility: hidden!important
}
.pmagic .pm-filters {
list-style: none;
margin-left: 0;
padding-left: 0;
float: left;
margin-top: 10px
}
.pmagic .pm-filters .pm-filter-item {
display: inline-block;
padding: 5px 15px;
margin-bottom: 0px;
}
.pmagic .pm-filters input[type=checkbox] {
margin-right: 5px
}
.pmagic .pm-advances-search-text {
text-indent: 20px
}
.pmagic .pm-adv-search-button .pm-search-submit {
display: flex;
align-content: center;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: transparent !important;
padding: 0px !important;
}
.pmagic .pm-adv-search-button .pm-search-submit svg{
}
.pmagic #pm_result_pane .pm-all-members {
padding: 24px 0px;
font-size: 14px;
}
.pmagic .pm-adv-search-button .pm-search-reset {
box-shadow: 0 1px 0 0 currentColor !important;
}
.pmagic .pm-adv-search-button .pm-search-reset:hover{
box-shadow:none !important;
}
.pmagic .pm-adv-search-button {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding: 10px 0px;
}
@media only screen and (max-width:760px) {
.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box {
flex-direction: column;
}
.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box .pg-users-sorting-ls.pg-members-sortby{
margin-top: 20px;
width: 100%;
}
.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box .pg-users-sorting-ls.pg-members-sortby .pg-sortby-alpha {}
width: 94%;
}
.pmagic .pm-adv-search-text {
text-indent: 20px
}
.pmagic .pm-search-box .fa-search {
position: absolute;
top: 22px;
left: 20px;
font-size: 15px
}
.pmagic .pm-user-search #pm_result_pane .pm-user .pm-user-profile,
.pm-users-search-page #pm-advance-search-form .search_result img.user-profile-image{
min-height: 98px;
object-fit: cover;
border-radius: 50%;
object-position: center;
}
.pmagic .pm-filters#advance_seach_ul li.pm-filter-item:before {
display: none
}
.pmagic .pmagic-form .pmrow.pm-row-divider,
.pmagic .pmagic-form .pmrow.pm-row-spacer {
height: 0;
padding: 20px 0
}
.pmagic .pm-profile-tab-wrap {
padding: 0;
margin: 0;
width: 100%
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab {
list-style: none;
display: inline-block;
float: left;
position: relative
}
.pmagic .pm-profile-tab-wrap.pg-horizontal-responsive-menu .mejs-container {
display: none
}
.pmagic .pm-blog-post-wrap {
margin-bottom: 25px;
padding-top: 20px
}
.pmagic .pm-blog-img-wrap {
width: 30%
}
.pmagic .pm-blog-img {
padding: 10px
}
.pmagic .pm-blog-img-wrap .pm-blog-img img {
width: 75px;
height: 75px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
object-fit: cover
}
.pmagic .pm-blog-desc-wrap {
width: 70%
}
.pmagic .pm-blog-desc {
font-size: 86%
}
.pmagic .pm-blog-desc-wrap .pm-blog-desc {
word-break: break-word
}
.pmagic .pm-blog-desc-wrap .pm-blog-desc p {
word-break: break-word
}
.pmagic .pm-blog-comment,
.pmagic .pm-blog-time {
text-align: center
}
.pmagic .pm-blog-comment {
font-size: 75%
}
.pmagic .pm-blog-title {
font-size: 120%;
padding-top: 20px
}
.pmagic .pg-load-more-container {
text-align: center
}
#load_more_message {
visibility: hidden
}
.pmagic .pm-blog-img-wrap .pm-blog-status {
padding-top: 20px
}
.pmagic .pm-blog-img-wrap .pm-blog-status span {
display: block;
width: 100%
}
.pmagic .pg-blog-notice {
padding: 50px 20px;
min-height: 580px;
font-style: italic
}
.pm-group-view .pm-profile-tabs #pg-blog {
width: 100%
}
.pmagic .pg-new-blog-button {
padding: 20px;
border-radius: 8px;
width: 50%;
margin: 20px auto;
text-align: center
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab a {
color: #646464
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab a.active~.pm-border-slide {
width: 100%
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab {
margin-bottom: -1px;
margin-right: 0;
padding: 20px 10px
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab.ui-tabs-active {
padding: 20px 10px
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab a.ui-tabs-anchor {
padding: 1px
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab::before {
display: none
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab a {
display: inline-block;
color: #000;
text-decoration: none;
font-weight: 300;
letter-spacing: .5px
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab.ui-tabs-active a {
font-weight: 700
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab .pm-border-slide {
width: 0;
height: 3px;
background: #000;
transition: width .3s;
position: absolute;
bottom: 0;
left: 0
}
.pmagic .pm-profile-tab-wrap .pm-profile-tab:hover .pm-border-slide {
width: 100%
}
.pmagic #unread_notification_count,
.pmagic #unread_thread_count {
border-radius: 12px;
color: white;
text-align: center;
min-width: 20px;
margin: 6px;
position: absolute;
line-height: 14px;
top: 0;
font-size: 11px;
display: none;
line-height: 20px;
font-family: helvetica, sans-serif
}
.pmagic #unread_notification_count.thread-count-show,
.pmagic #unread_thread_count.thread-count-show {
display: block;
right: -6px;
top: 6px
}
.pmagic #pm_notification_view_area {
margin: 4em
}
.pmagic #pm_load_more_notif {
max-width: 439px;
background-color: #f9f9f9;
background-color: #f9f9f9;
margin-top: 25px;
padding: 5px 0;
font-size: 12px;
text-align: center;
cursor: pointer
}
.pmagic .pm_add_friend_request,
.pmagic span.pm-add-friend {
cursor: pointer;
margin-right: 8px
}
#pg-messages .pm-section.pm-dbfl .pm-section-nav-vertical #threads_ul li a img.avatar {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%
}
.pm-section .pm_full_width_profile {
width: 100%!important;
max-width: 100%!important
}
.pmagic .pm-blog-desc-wrap #chat_message_form input#receipent_field {
background-color: transparent;
border: 0;
text-shadow: none;
max-height: 40px;
outline: 0;
height: 40px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
padding: 0 8px
}
.pm-group-view .pm-profile-tabs #pg-about {
width: 100%
}
.pm-group-view .pm-section .pm-section-content .pm-section-wrapper {
padding-left: 4%
}
.pmagic .pm_frontend_attachment .attachment_icon img {
width: auto
}
.pmagic #pm-msg-overlay.pm-overlay-show {
position: absolute;
min-height: 500px;
width: 100%;
background-color: rgba(255, 255, 255, .5);
z-index: 99
}
.pmagic .pm-sending-msg {
opacity: .5
}
.pmagic .pm-messenger-button {
position: relative
}
.pmagic .pm-messenger-button label {
float: right
}
.pmagic .pm-messenger-button svg {
width: 35px;
float: right;
margin-right: 4px;
margin-top: 8px;
cursor: pointer;
height: 24px;
animation: pg-paper-plane .5s ease-out 1
}
@keyframes pg-paper-plane {
from {
transform: translateX(-150px);
opacity: 0
}
to {
transform: translateX(0);
opacity: 1
}
}
.pmagic .pm-chat-messenger-box .emoji-container input[type=submit] {
display: none
}
.pmagic .pm-chat-messenger-box .emoji-container input[type=submit]:hover {
background-color: transparent
}
.pmagic .pm-conversations-container .pm-msg-user {
padding: 8px
}
#pg-messages .pm-section .pm-section-nav-vertical ul.dbfl li {
margin: 0;
padding: 0;
border-bottom: 1px solid #e1e1e1;
padding: 4px 0 4px 0;
position: relative
}
.pm-group-view .pm-section .pm-section-nav-vertical ul li::before {
display: none
}
.pmagic #pg-messages ul#threads_ul li .messagedelete_thread {
float: right;
display: none;
position: absolute;
right: 0;
top: 8px
}
.pmagic #pg-messages ul#threads_ul li:hover .messagedelete_thread {
display: block
}
.pmagic #pg-messages ul#threads_ul li .messagedelete_thread a {
width: 14px;
height: 14px;
font-size: 0;
margin: 14px 6px 15px 0;
float: left
}
.pmagic .pm-conversation-time {
clear: left;
font-size: 10px
}
.pmagic .pm-conversation-box-user img {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
margin: 8px 4px 4px 0;
width: 36px;
height: 36px
}
.pmagic .pm-conversations-container .pm-thread-user {
padding-top: 4px;
width: 6em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.pmagic .pm-user-status.pm-online {
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-user-online-icon.png);
background-repeat: no-repeat;
width: 12px;
height: 50px;
background-position: 100% 50%;
margin-left: 8px
}
.pmagic .pm-user-status.pm-offline {
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-user-offline-icon.png);
background-repeat: no-repeat;
width: 12px;
height: 50px;
background-position: 100% 50%;
margin-left: 2px
}
.pmagic .pm-user-conversations-counter {
padding: 12px
}
.pm-group-view .pm-section .pm-section-nav-vertical ul#threads_ul {
overflow-y: auto;
max-height: 476px
}
.pm-group-view .pm-section .pm-section-nav-vertical ul#threads_ul::-webkit-scrollbar {
width: 8px;
background-color: #f4f4f4
}
.pm-group-view .pm-section .pm-section-nav-vertical ul#threads_ul::-webkit-scrollbar-track {
border-radius: 10px
}
.pm-group-view .pm-section .pm-section-nav-vertical ul#threads_ul::-webkit-scrollbar-thumb {
background-color: #e0e0e0;
width: 8px;
height: 4px
}
.pmagic .pm-message-thread-time {
font-size: 80%;
padding: 8px;
float: left
}
.pmagic .pm-group-view .pm-profile-tabs a::after {
display: none
}
.pmagic .pm-notification {
position: relative;
padding: 1em 1em 1em 2em;
border-left: 4px solid #ddd;
width: 100%;
float: left
}
.pmagic .pm-notification:before {
position: absolute;
top: 50%;
margin-top: -20px;
left: -24px;
color: #fff;
width: 42px;
height: 42px;
border-radius: 100%;
text-align: center;
line-height: 42px;
font-weight: 700;
font-family: Georgia;
text-shadow: 1px 1px rgba(0, 0, 0, .5)
}
.pmagic .pm-group-blog-post-notice {
border-color: #f9f9f9
}
.pmagic .pm-group-blog-post-notice:before {
content: "";
background-color: #ffa71b;
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-blog-post-notification.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
.pmagic .pm-friend-request-notice {
border-color: #f9f9f9
}
.pmagic .pm-friend-request-notice:before {
content: "";
background-color: #68d6b6;
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-new-friend-request.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
.pmagic .pm-new-post-comment-notice {
border-color: #f9f9f9
}
.pmagic .pm-new-post-comment-notice:before {
content: "";
background-color: #bf7bde;
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-new-post-comment.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
.pmagic .pm-new-friend-added-notice {
border-color: #f9f9f9
}
.pmagic .pm-new-friend-added-notice:before {
content: "";
background-color: #8fa3f2;
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-new-friend-added.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
.pmagic .pm-notification .pm-notification-card {
max-width: 400px;
border-radius: 8px;
width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .08);
position: relative;
margin-left: 30px;
background-color: #fff
}
.pmagic .pm-notification-date {
position: absolute;
left: -36px;
font-size: 12px;
top: 62%;
background-color: rgba(255, 255, 255, .67)
}
.pmagic .pm-notification-profile-image img {
width: 55px;
height: 55px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
object-fit: cover
}
.pmagic .pm-notification-profile-image {
width: 20%
}
.pmagic .pm-notification-description {
width: 80%
}
.pmagic .pm-notification-user {
font-size: 14px
}
.pmagic .pm-notification-user-activity {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.pmagic .pm-notification-footer {
background-color: #f9f9f9;
background-color: #f9f9f9;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}
.pmagic .pm-notification-buttons {
padding: 7px
}
.pmagic .pm-notification-buttons a {
padding: 0 7px 0 7px
}
.pmagic #pg-notifications {
width: 100%
}
.pmagic .pm-notification-close {
position: absolute;
right: 3px;
top: 4px;
cursor: pointer;
background-color: #e1e0e1;
border-radius: 100%;
width: 20px;
height: 20px;
text-align: center;
line-height: 28px
}
.pmagic .pm-notification-close svg {
fill: #fff;
width: 18px;
height: 18px;
}
.pmagic .pm-myfriends-list {
position: relative;
margin-top: 50px;
width: 100px;
height: 100px;
margin: 5px
}
.pmagic.pm-myfriends-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
border-radius: 100%;
background: rgba(0, 0, 0, 0);
transition: background .5s ease
}
.pmagic .pm-myfriends-list:hover .pm-myfriends-overlay {
display: block;
background: rgba(255, 255, 255, .65);
height: 100%;
position: absolute;
z-index: 1;
width: 100%
}
.pmagic .pm-myfriends-list img {
position: absolute;
width: 100px;
height: 100px;
left: 0;
border-radius: 100%;
margin: 0!important
}
.pmagic .pm-friend-message-Remove,
.pmagic .pm-friend-message-button,
.pmagic .pm-friend-select {
position: absolute;
width: 100%;
left: 0;
text-align: center;
opacity: 0;
transition: opacity .35s ease;
z-index: 99;
cursor: pointer
}
.pmagic .pm-friend-message-button {
top: 34px
}
.pmagic .pm-friend-message-Remove {
top: 58px
}
.pmagic .pm-friend-select {
top: 10px
}
.pmagic #pg-friends .pm-selected-image,
.pmagic .pm-myfriends-list:hover .pm-friend-message-Remove,
.pmagic .pm-myfriends-list:hover .pm-friend-message-button,
.pmagic .pm-myfriends-list:hover .pm-friend-select {
opacity: 1;
animation-name: slideInUp;
animation-duration: .5s;
animation-fill-mode: both
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
opacity: 0
}
to {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.pmagic .pm-myfriends-list:hover .pm-friend-select {
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.pmagic .pm-myfriends-list:hover .pm-friend-message-button {
-webkit-animation-delay: 50ms;
animation-delay: 50ms
}
.pmagic .pm-myfriends-list:hover .pm-friend-message-Remove {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.pmagic .pm-friend-message-Remove a,
.pmagic .pm-friend-message-button a,
.pmagic .pm-friend-select label {
width: 65px;
text-align: center;
border: solid 2px #fff;
z-index: 1;
font-size: 12px;
background-color: rgba(255, 255, 255, .76);
border-radius: 6px;
font-weight: 400;
border: 0;
display: inline-block;
padding: 2px 2px;
height: 21px;
line-height: 16px;
cursor: pointer
}
.pmagic #pg-friends .pm-selected-image {
position: absolute;
width: 100%;
height: 100%;
z-index: 999;
border-radius: 100%;
background-color: #fff;
border: 1px solid rgba(216, 214, 214, .59);
text-align: center;
padding-top: 15px
}
.pmagic #pg-friends .pm-selected-image svg {
width: 70px;
height: 70px
}
.pmagic .pm-friend-status.pm-offline {
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-user-offline-icon.png);
background-repeat: no-repeat;
width: 12px;
height: 18px;
background-position: 100% 50%;
display: inline-block
}
.pmagic .pm-friend-status.pm-online {
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pm-user-online-icon.png);
background-repeat: no-repeat;
width: 12px;
height: 18px;
background-position: 100% 50%;
display: inline-block
}
.pmagic .pm-myfriends-list-wrap .pm-friend-info {
text-align: center
}
.pmagic .pm-myfriends-list-wrap .pm-friend-info .pm-friend-name {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
display: inline-block;
text-align: left;
padding: 0;
margin: 0;
line-height: 20px
}
.pmagic .pm-myfriends-list-wrap .pm-friend-info .pm-friend-name a {
padding: 0;
margin: 0
}
.pmagic .pm-my-friends .pm-myfriends-list-wrap {
margin: 10px
}
.pmagic .pm-myfriends-list .pm-friend-select input[type=checkbox] {
width: 0;
height: 0;
float: left;
visibility: hidden;
display: none
}
.pmagic .pm-myfriends-list .pm-friend-message-Remove a {
color: red
}
.pmagic #pg-friend-requests .pm-my-friends,
.pmagic #pg-myfriends .pm-my-friends,
.pmagic #pg-requests-sent .pm-my-friends {
width: 98%;
border-top: 1px solid #e1e1e1;
float: left;
margin: 10px 0 0 4%
}
.pmagic #pg-myfriends.pm-thirdparty-friends {
border-left: 0;
width: 100%
}
.pmagic #pg-myfriends.pm-thirdparty-friends .pm-my-friends {
border-top: 0
}
.pmagic #pg-friend-requests,
.pmagic #pg-myfriends,
.pmagic #pg-requests-sent {
border-left: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1
}
.pmagic .notification-count {
color: #db544e
}
.pmagic .pm-delete {
background-color: #db544e;
color: #fff;
color: #fff;
background-image: none;
text-shadow: none
}
.pmagic .pm-friend-action-bar button {
border-radius: 5px;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
margin-right: 5px;
box-shadow: none;
border: 0
}
.pmagic .pg-friend-error-notice {
padding: 50px 20px;
min-height: 200px;
font-style: italic
}
.pmagic .pg-friend-error-notice.pg-no-friends {
padding: 0
}
.pmagic #preview-avatar-profile {
display: inline-block
}
.pg-datepicker-wrap .ui-datepicker.ui-widget.ui-widget-content {
border: none;
box-shadow: 0 0 0 1px rgba(14, 41, 57, .12), 0 2px 5px rgba(14, 41, 57, .44), inset 0 -1px 2px rgba(14, 41, 57, .15);
padding: 10px;
font-family: Roboto, Helvetica, serif;
border-radius: 0;
max-width: 320px;
background-color: #fff;
width: 100%;
z-index: 99999!important
}
.pg-datepicker-wrap .ui-datepicker.ui-widget.ui-widget-content table.ui-datepicker-calendar {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%
}
.pg-datepicker-wrap .ui-datepicker-header.ui-widget-header {
background-image: none;
background-color: #e1e1e1;
border: none;
padding: 18px 0!important;
border-radius: 0;
position: relative
}
.pg-datepicker-wrap .ui-widget-content .ui-state-default {
border-color: #fff!important;
background-image: none!important;
text-align: center;
border-radius: 4px
}
.pg-datepicker-wrap .ui-state-active,
.pg-datepicker-wrap .ui-widget-content .ui-state-active {
background-color: #6495ed!important;
color: #fff!important
}
.pg-datepicker-wrap #ui-datepicker-div .ui-datepicker-calendar th {
font-weight: lighter;
border: 0;
text-align: center
}
.pg-datepicker-wrap #ui-datepicker-div .ui-datepicker-calendar td,
.pg-datepicker-wrap #ui-datepicker-div .ui-datepicker-calendar th {
width: 14.28%
}
.pg-datepicker-wrap .ui-state-highlight,
.pg-datepicker-wrap .ui-widget-content .ui-state-highlight {
background-color: #f0f8ff!important
}
.pg-datepicker-wrap #ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
.pg-datepicker-wrap #ui-datepicker-div.ui-datepicker select.ui-datepicker-year {
display: inline-block;
margin-right: 10px;
background-image: none;
border: 0;
height: auto;
padding: 0;
-webkit-appearance: menulist;
float: left!important
}
.pg-datepicker-wrap .ui-datepicker select.ui-datepicker-month,
.pg-datepicker-wrap .ui-datepicker select.ui-datepicker-year {
width: 42%!important;
float: none!important
}
.pg-datepicker-wrap .ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
margin-top: -10px
}
.pg-datepicker-wrap .ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.pg-datepicker-wrap .ui-datepicker .ui-datepicker-prev {
left: 2px
}
.pg-datepicker-wrap .ui-datepicker .ui-datepicker-next {
right: 2px
}
.pg-datepicker-wrap .ui-widget-content .ui-state-default {
border: 1px solid #fff;
background-color: #e6e6e6;
text-align: center;
border-radius: 4px;
display: block;
padding: .2em;
font-weight: 400;
color: #555;
text-decoration: none
}
.pg-datepicker-wrap #ui-datepicker-div .ui-datepicker-calendar td {
padding: 0;
border-width: 0
}
.pg-datepicker-wrap .ui-widget-header .ui-icon {
background-image: url(//lightgreen-kangaroo-787394.hostingersite.com/wp-content/plugins/profilegrid-user-profiles-groups-and-communities/public/partials/images/pg-ui-icon.png)
}
.pg-datepicker-wrap .ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.pg-datepicker-wrap .ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.pg-datepicker-wrap .ui-icon {
width: 16px;
height: 16px;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.pg-datepicker-wrap .ui-datepicker .ui-datepicker-next span,
.pg-datepicker-wrap .ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.pmagic .pmagic-form .pm-stripe-wrapper .pmrow .pm-field-input select {
display: inline-block
}
.pmagic i.fa {
margin-right: 5px
}
.pg-group-menu-slab {
width: 100%;
height: 50px;
border: 1px solid #ddd;
border: 1px solid rgba(221, 221, 221, .84);
margin-bottom: 10px;
border-radius: 3px;
overflow: hidden;
background-color: #fff;
background-color: rgba(255, 255, 255, .62)
}
.pg-group-menu-slab .pg-group-menu-img img {
width: 50px!important;
height: 50px!important;
object-fit: cover;
border-radius: 0;
box-shadow: none
}
.pg-group-menu-name {
padding: 5px 10px;
line-height: 35px;
width: 83%;
width: calc(100% - 50px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px
}
.pg-group-menu-name a {
text-decoration: none;
box-shadow: none
}
.widget-box.pg_groups_menu,
.widget.pg_groups_menu {
width: 100%;
display: inline-block
}
.widget-box.pg_groups_menu a.pm-dbfl,
.widget.pg_groups_menu a.pm-dbfl {
box-shadow: none;
margin: 0
}
.pmagic .pm-field-input .pm_frontend_attachment.pm_edit_attachment {
width: 100%;
float: left;
margin-bottom: 12px
}
.pmagic .pm-field-input .pm_frontend_attachment.pm_edit_attachment .attachment_icon img {
max-height: 100px;
float: left
}
.pmagic .pm-field-input .pm_frontend_attachment.pm_edit_attachment .pm_removebutton {
float: left;
margin: 40px 15px;
height: 100%
}
.pmagic #pg_group_tabs #pg_group_setting .pm-section-nav-vertical {
overflow: hidden;
max-width: 150px;
width: 20%
}
.pmagic #pg_group_tabs #pg_group_setting .pm-section-content {
width: 80%;
margin: 0;
border-left: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
min-height: 342px;
min-height: 520px
}
.pmagic #pg_show_inbox .pg-rm-inbox,
.pmagic #pg_show_pending_post .pg-pending-posts {
border-radius: 50%;
color: #fff;
text-align: center;
min-width: 18px;
font-size: 10px;
line-height: 18px;
background-color: #000;
display: inline-block;
margin-left: 2px
}
.pmagic .pg-members-sortby .pg-sort-dropdown {
display: inline-block
}
.pmagic .pg-group-sorting-ls.pg-members-sortby .pg-sort-dropdown {
width: 62%;
margin-left: 5px
}
.pmagic .pg-group-sorting-ls.pg-members-sortby .pg-sort-dropdown select {
width: 100%;
min-height: auto
}
.pmagic .pg-group-sorting-rs .pg-members-sortby .pg-sort-dropdown {
width: 100%
}
.pmagic .pg-group-sorting-rs .pg-members-sortby .pg-sort-dropdown select {
width: 100%;
height: 30px;
min-height: auto
}
.pmagic .pg-group-sorting-ls {
width: 54%
}
.pmagic .pg-group-sorting-rs {
width: 46%
}
.pmagic .pg-group-sorting-ls .pg-sortby-alpha {
width: 70%
}
.pmagic .pg-group-sorting-ls .pg-sortby-alpha .pg-group-sorting-title {
width: 27%;
padding: 8px 0
}
.pmagic .pg-group-sorting-ls .pg-sortby-number {
width: 28%
}
.pmagic .pg-group-sorting-ls .pg-sortby-number .pg-sort-dropdown {
width: 100%
}
.pg-setting-disabled {
opacity: .5;
pointer-events: none
}
.pmagic .pg-group-setting-blog .pg-group-sorting-fw {
width: 100%;
margin-bottom: 10px
}
.pmagic .pg-group-setting-blog .pg-group-sorting-fw .pg-sortby-alpha {
width: 74%
}
.pmagic .pg-group-sorting-rs .pg-member-search input {
width: 100%;
font-size: 12px;
margin-left: 5px!important;
padding: 10px;
height: 32px;
min-height: auto
}
.pmagic .pg-group-sorting-rs .pg-add-member {
width: 21%
}
.pmagic .pg-group-sorting-rs .pg-members-sortby {
width: 43%
}
.pmagic .pg-group-sorting-rs .pg-member-search {
width: 36%
}
.pmagic .pg-member-search input {
width: auto
}
.pg-add-member {
padding: 8px
}
.pmagic .pg-members-sortby .pg-sort-dropdown select,
#pm-advance-search-form #advance_search_pane .pm-search-box select{
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc)!important;
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.9em) .5em!important;
background-size: 7px 6px, 5px 6px, 1px 1.5em!important;
background-repeat: no-repeat!important;
margin: 0!important;
background-color: transparent!important;
border: 0!important
}
.pmagic .pg-members-sortby .pg-sort-dropdown select,
#pm-advance-search-form #advance_search_pane .pm-search-box select{
background-color: #fff;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: .5em 3.5em .5em 1em!important;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
height: auto
}
.pmagic .pm-profile-tab-wrap li.pg-group-setting {
list-style: none;
float: right
}
.pmagic .pm-profile-tab-wrap li.pg-group-setting:before {
display: none
}
.pmagic .pg-group-setting-head {
margin: 10px 0 20px 0
}
.pmagic .pg-group-members,
.pmagic .pg-group-setting-blog {
margin-left: 3%;
font-size: 12px
}
.pg-group-setting-blog-batch,
.pg-group-setting-member-batch {
padding-left: 0
}
.pg-group-setting-blog-batch .pg-group-setting-blog-link,
.pg-group-setting-member-batch .pg-group-setting-blog-link,
.pg-group-setting-request-batch .pg-group-setting-blog-link {
padding: 0 18px 0 0
}
.pg-group-setting-blog-batch .pg-group-setting-blog-link a,
.pg-group-setting-member-batch .pg-group-setting-blog-link a,
.pg-group-setting-request-batch .pg-group-setting-blog-link a {
text-decoration: underline;
box-shadow: none;
font-weight: 600
}
.pg-group-setting-blog-batch .pg-group-setting-blog-link a:hover,
.pg-group-setting-member-batch .pg-group-setting-blog-link a:hover,
.pg-group-setting-request-batch .pg-group-setting-blog-link a:hover {
text-decoration: none
}
.pmagic table.pg-group-members {
border-collapse: collapse;
font-size: 12px;
width: 100%;
max-width: 100%;
margin-bottom: 25px;
border: 0;
table-layout: auto;
display: inline-table;
margin: 0
}
.pmagic table.pg-group-members input.pg-blog-checked,
.pmagic table.pg-group-members input.pg-blog-checked-all,
.pmagic table.pg-group-members input.pg-member-checked,
.pmagic table.pg-group-members input.pg-member-checked-all {
min-height: auto;
height: auto;
margin: 0
}
.pmagic table.pg-group-members td .pg-member-avatar {
width: 26px
}
.pmagic table.pg-group-members tr:nth-child(odd) {
background-color: #fafafa;
background-color: #fafafa
}
.pmagic table.pg-group-members tr {
border: 0;
background-color: #fff;
background-color: #fff
}
.pmagic .pg-sort-icon i.fa-sort {
padding-left: 5px
}
.pmagic table.pg-group-members td,
.pmagic table.pg-group-members th {
padding: 8px 6px;
border: 0;
text-align: left;
white-space: nowrap;
vertical-align: middle;
text-transform: capitalize;
font-weight: 400
}
.pmagic table.pg-group-members td:first-child,
.pmagic table.pg-group-members th:first-child {
text-align: center
}
.pmagic table.pg-group-members .pg-group-member-name a {
max-width: 75px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
box-shadow: 0 1px 0 0 currentColor!important;
line-height: 14px;
text-decoration: none
}
.pmagic table.pg-group-members .pg-group-member-name a:hover {
box-shadow: 0 0 0 0 currentColor!important
}
.pmagic table.pg-group-members .pg-member-avatar img {
border-radius: 50%;
width: 26px;
height: 26px;
margin: 0
}
.pmagic table.pg-blog-setting .pg-blog-title a {
max-width: 75px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
box-shadow: 0 1px 0 0 currentColor!important;
line-height: 16px
}
.pmagic table.pg-blog-setting .pg-pending-blog-title {
max-width: 75px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
line-height: 16px
}
.pmagic table.pg-blog-setting .pg-update-message svg {
margin-top: 7px
}
.pmagic .pg-group-edit-setting #pm_edit_group .pm-group-change-icon img {
margin: 0 auto
}
.pmagic .pg-group-edit-setting #pm_edit_group .pm-edit-action {
text-align: center
}
.pmagic .pg-group-edit-setting #pm_edit_group .pm-group-edit-form .pm-col {
width: 100%;
float: left
}
.pmagic .pg-group-edit-setting #pm_edit_group .pm-group-edit-form .pm-field-lable {
text-align: center
}
.pmagic .pg-group-edit-setting #pm_edit_group .pm-group-edit-form .pm-field-input input {
font-size: 12px
}
.pmagic .pg-group-edit-setting #pm_edit_group .pm-group-edit-form .pm-field-input textarea {
min-height: 140px;
font-size: 12px!important;
padding: 8px;
line-height: 20px!important
}
.pmagic .pg-setting-dropdown,
.pmagic .pg-sort-dropdown {
position: relative
}
.pmagic .pg-dropdown-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid rgba(221, 221, 221, .85);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box
}
.pmagic ul.pg-dropdown-menu li {
list-style: none
}
.pmagic ul.pg-dropdown-menu li a {
display: block;
padding: 4px 4px 4px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
font-size: 12px;
text-align: left
}
.pmagic ul.pg-dropdown-menu li a:hover {
text-decoration: none
}
.pmagic ul.pg-dropdown-menu li:before {
display: none
}
.pmagic .pg-setting-dropdown .pg-dropdown-icon i {
padding-left: 10px;
cursor: pointer
}
.pg-group-setting-popup-footer {
padding: 15px 10px;
background-color: #fefefe;
border-top: 1px solid #e1e1e1
}
.pg-group-setting-popup-footer .pg-group-setting-bt {
padding-right: 25px
}
.pg-group-setting-popup-footer .pg-group-setting-bt a {
text-decoration: none;
box-shadow: none;
cursor: pointer
}
#pm-edit-group-popup .pm-popup-container {
font-size: 12px
}
#pm-edit-group-popup .pm-popup-container .pm-popup-title {
text-align: left;
font-weight: 600;
font-size: 12px;
color: #000;
box-sizing: border-box;
}
#pm-edit-group-popup .pmrow {
width: 95%;
margin: 0 auto;
float: none
}
#pm-edit-group-popup #pg_text_counter {
text-align: right
}
#pm-edit-group-popup .pg-edit-group-popup-loader {
min-height: 150px;
width: 100%;
float: left;
text-align: center;
padding-top: 50px
}
#pm-edit-group-popup .pg-group-setting-popup-wrap {
min-height: 160px;
padding: 20px 10px
}
#pm-edit-group-popup .pg-group-setting-popup-wrap .pg-info-message {
margin-bottom: 28px
}
#pm-edit-group-popup #pg_change_post_status_form .pm-radio-option input {
display: inline-block;
margin: 0 6px 0 0;
padding: 0
}
#pm-edit-group-popup .pg-group-setting-popup-wrap .errortext,
#pm-edit-group-popup .pg-group-setting-popup-wrap .pg-users-send-box .errortext {
color: red;
text-align: left;
float: left;
margin-top: 6px
}
#pm-edit-group-popup .group-popup-container {
width: 85%;
margin: 0 auto
}
.group-popup-container {
text-align: right
}
.group-popup-container a {
padding-left: 10px;
box-shadow: none!important;
text-decoration: underline;
cursor: pointer
}
#pm-edit-group-popup .group-popup-container .pm_repeat:first-child .pg-remove-user {
display: none
}
#pg_password_meter_outer {
background-color: #edecec;
height: 10px;
width: 80%;
border-radius: 3px;
overflow: hidden
}
.group-popup-container #pg_password_result {
margin-top: 15px
}
.group-popup-container .pg-email-password {
text-align: left;
margin: 20px 0
}
#pm-edit-group-popup .group-popup-container input {
font-size: 12px;
width: auto;
min-height: auto
}
#pm-edit-group-popup .group-popup-container input[type=email],
#pm-edit-group-popup .group-popup-container input[type=password] {
width: 100%
}
#pm-edit-group-popup .pmradio .pm-radio-option {
margin-right: 8px;
margin-bottom: 4px
}
#pm-edit-group-popup .pmradio .pm-radio-option label {
padding-left: 6px;
display: inline-block
}
#pm-edit-group-popup .pg-users-send-box {
margin-bottom: 15px
}
#pm-edit-group-popup .pg-users-send-box .pm-field-lable {
font-weight: 700;
width: 15%
}
#pm-edit-group-popup .pg-users-send-box .pm-field-input {
width: 75%
}
#pm-edit-group-popup .pg-users-send-box .pm-field-input textarea {
width: 100%;
font-size: 12px!important;
font-weight: 400
}
#pm-edit-group-popup .pg-users-send-box .pm-field-input .pm-message-username {
background-color: #e6f6ff;
border: 1px solid #49b1ea;
padding: 5px 8px;
border-radius: 3px;
font-weight: 400;
font-size: 12px;
color: #49b1ea
}
.pg-invited-user-result {
margin-bottom: 12px;
border-radius: 5px
}
.pg-invited-user-result .pg-invited-user img {
border-radius: 50%;
width: 40px;
height: 40px;
float: left;
margin: 0
}
.pg-invited-user-info {
width: 80%;
width: calc(100% - 100px);
margin-top: 0;
margin-left: 12px
}
.pg-invited-user-email {
font-weight: 600
}
.pg-admin-note {
background-color: #fffbea;
border-left: solid 5px #f4d247;
line-height: 18px;
padding: 15px 18px;
margin-bottom: 20px
}
.pmagic .pg-user-groups-wrap .pg-user-group-icon {
width: 30%;
padding: 3%
}
.pmagic .pg-user-groups-wrap .pg-user-group-icon img {
max-height: 100px;
object-fit: cover;
border-radius: 100%;
width: 70px;
height: 70px
}
.pmagic .pg-user-groups-wrap .pg-user-group-desc {
width: 70%;
line-height: 20px;
min-height: 132px;
padding: 3%;
text-align: left
}
.pmagic .pg-user-groups-wrap .pg-user-group-head .pg-setting-dropdown {
float: right
}
.pmagic ul.pg-dropdown-menu li a.pm-remove {
color: #a00a00
}
.pmagic .pm-group-image .pg-group-limit-message {
font-size: 12px;
width: 90%;
margin: 0 auto;
margin-bottom: 10px
}
#pg-group-badge {
float: right;
width: 100%;
text-align: right;
margin: 33px 12px 0 0
}
#pg-group-badge #pg-group-badge-dock ul li a {
float: left;
position: relative
}
#pg-group-badge #pg-group-badge-dock ul li:nth-child(1) a {
z-index: 5
}
#pg-group-badge #pg-group-badge-dock ul li:nth-child(2) a {
z-index: 4
}
#pg-group-badge #pg-group-badge-dock ul li:nth-child(3) a {
z-index: 3
}
#pg-group-badge #pg-group-badge-dock ul li:nth-child(4) a {
z-index: 2
}
#pg-group-badge #pg-group-badge-dock ul li:nth-child(5) a {
z-index: 1
}
#pg-group-badge li {
list-style-type: none;
display: inline-block;
position: relative;
margin: 0 -10px 0 -10px
}
#pg-group-badge li img {
width: 50px !important;
height: 50px !important;
object-fit: cover;
-webkit-transition: all .3s;
-webkit-transform-origin: 50% 100%;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out
}
#pg-group-badge li:hover img {
-webkit-transform: scale(2);
margin: 0 2em
}
#pg-group-badge ul.pm-single-group-badge li:hover img {
-webkit-transform: scale(1.5);
margin: 0 2em;
-webkit-transition: all .3s;
-webkit-transform-origin: 50% 50%
}
#pg-group-badge ul.pm-single-group-badge li img {
-webkit-transform: scale(1.5);
margin: 0 2em;
-webkit-transition: all .3s;
-webkit-transform-origin: 50% 50%
}
.pmagic .pg-group-setting-blog #pm-edit-group-blog-html-container,
.pmagic .pg-group-setting-blog #pm-edit-group-member-html-container,
.pmagic .pg-group-setting-blog #pm-edit-group-request-html-container {
width: 100%
}
.pg-group-user-info-box {
margin: 8px 0;
border-radius: 5px;
border: 1px solid #ececec
}
.pg-group-user-info-box .pg-group-user-avatar img {
border-radius: 50%;
width: 36px;
height: 36px;
float: left;
margin: 0
}
.pg-group-user-info-box .pg-group-user-info {
width: 80%;
width: calc(100% - 100px);
margin-top: 3px;
margin-left: 12px;
margin-top: 8px
}
.pmagic .pm-group-view .pm-section .pm-section-content .rm-user-row>.rm-user-row {
display: none
}
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table>.rm-user-row {
display: none
}
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table {
width: 100%
}
.pmagic .pm-group-view .pm-section .pm-section-content #rm_my_sub_tab {
padding: 10px
}
#rmwc_address_tab .rmwc-fe-address {
width: 46%;
float: left;
text-align: center;
margin: 0 2%
}
.pmagic .pm-group-view .pm-section .pm-section-content .rm-user-row>.rm-user-row {
display: none
}
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table>.rm-user-row {
display: none
}
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table {
width: 100%
}
.pmagic .pm-group-view .pm-section .pm-section-content #rm_my_sub_tab {
padding: 10px
}
#rmwc_address_tab .rmwc-fe-address {
width: 46%;
float: left;
text-align: center;
margin: 0 2%
}
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table,
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table td,
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table th,
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table tr {
border: none
}
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data,
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data td,
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data th,
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data tr {
border: none
}
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table,
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table td,
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table th,
.pmagic .pm-group-view .pm-section .pm-section-content .rmagic-table table tr {
border: none
}
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data,
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data td,
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data th,
.pmagic .pm-group-view .pm-section .pm-section-content table.rm-user-data tr {
border: none
}
.pmagic .pm-widget-login-box #pm_widget-login_form input[type=password],
.pmagic .pm-widget-login-box #pm_widget-login_form input[type=text] {
width: 100%!important;
max-width: 100%!important;
margin: 0!important
}
.pmagic .pm-widget-login-box .pm-login-box-error {
margin-bottom: 15px
}
.pmagic .pm-widget-login-box #pm_widget-login_form {
padding: 14px 10px;
border-radius: 5px;
background-color: rgba(253, 253, 253, .17);
box-shadow: 0 0 1px 0 #d0d0d0
}
.pmagic .pm-widget-login-box .pm_widget-login-row label {
margin-bottom: 5px;
text-align: left
}
.pmagic .pm-widget-login-box .pm-login-box-bottom-container input[type=submit] {
width: 100%
}
.pmagic .pm-widget-login-box .pm-login-box-bottom-container .pm-login-links-box {
margin-top: 14px
}
.pmagic .pm-widget-login-box {
width: 100%;
max-width: 600px;
margin: 0
}
.pmagic .pm-widget-login-box .pm_widget-login-row {
width: 100%;
margin-bottom: 18px
}
.pmagic .pm-widget-login-box .pm-login-box-bottom-container {
margin: 0;
padding: 0
}
.pmagic .pm-widget-login-box.pm-widget-login-box-large .pm_widget-login-row {
width: 46%;
margin: 18px 2%
}
.pmagic .pm-widget-login-box.pm-widget-login-box-large .pm-login-box-bottom-container input[type=submit] {
width: 96%
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pg-user-content-img {
width: 100%;
text-align: center
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pg-user-content-img #pm-show-profile-image {
float: none
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pg-loggedin-user-info {
width: 100%;
text-align: center
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pm-widget-user-group {
width: 100%
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pm-widget-user-group #pg-group-badge li img {
width: 45px;
height: 45px
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pm-widget-user-group #pg-group-badge {
margin: 0;
text-align: center
}
.pmagic .pm-widget-login-box.pm-widget-login-box-small .pg-loggedin-user-info .pm-profile-title {
width: 100%
}
.pmagic .pm-widget-login-box .pg-loggedin-user-info {
width: 48%
}
.pmagic .pm-widget-login-box .pm-widget-user-group {
width: 28%;
padding: 0
}
.pmagic .pm-widget-login-box .pg-user-content {
background-color: #fbfbfb;
background-color: rgba(251, 251, 251, .3);
padding: 0px;
box-sizing: border-box;
border-radius: 3px
}
.pmagic .pm-widget-login-box  .pg_widget_logout_link {
border-width: 1px 0px 0px;
background-color: #efefef;
text-align: center;
}
.pmagic .pm-widget-login-box .pm-widget-user-group #pg-group-badge li {
margin: 0 -13px 0 -10px;
border: 0;
background-image: none;
padding: 0
}
.pmagic .pm-widget-login-box .pm-widget-user-group #pg-group-badge li:before {
display: none
}
.pmagic .pm-widget-login-box .pm-widget-user-group #pg-group-badge li img {
width: 30px;
height: 30px
}
.pmagic .pm-widget-login-box .pm-widget-user-group #pg-group-badge li:hover img {
-webkit-transform: scale(1);
margin: 0 1em
}
.pmagic .pm-widget-login-box #pm-show-profile-image img {
border-radius: 100%
}
.pmagic .pg-group-filters-head {
padding: 12px 10px
}
.pmagic .pg-group-filters-head .pg-members-sortby .pg-sort-dropdown select {
background-color: #fff!important;
height: 36px
}
.pmagic .pg-group-filters-head .pg-sort-view label svg {
width: 40px;
height: 40px
}
.pmagic .pg-group-filters-head .pg-sort-view input[type=radio] {
display: none
}
.pmagic .pg-group-filters-head .pg-sort-view label svg {
fill: #d8d8d8
}
.pmagic .pm-all-group-container .pm-group-list-view {
border-bottom: 1px solid #e1e1e1;
padding: 10px 0px;
margin: 20px 0px;
}
.pmagic .pg-group-filters-head .pg-group-filter-rs .pg-members-sortby {
margin-top: 2px
}
.pmagic .pg-group-filters-head .pg-group-filter-rs .pg-members-sortby .pg-sort-view{
display: inline-flex;
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-logo {
width: 15%;
max-width: 100px;
margin-right: 25px
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-logo img {
width: 100%;
height: auto;
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc {
width: 65%;
padding: 0px 12px 0px 0;
}
.pmagic .pm-all-group-container .pm-loader {
margin-top: 110px
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-button {
margin-top: 20px
}
.pmagic .pm-group-list-view-info span {
width: auto;
padding: 4px 6px;
display: inline-block;
text-align: center;
font-size: 15px;
line-height: 14px
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc .pm-group-list-view-info a {
cursor: auto
}
.pmagic .pg-group-filters-head .pg-members-sortby .pg-sort-dropdown {
margin-top: 4px
}
.pmagic .pg-group-filters-head .pg-group-filter-rs .pg-group-search {
margin-left: 20px
}
.pmagic .pg-group-filters-head .pg-group-filter-rs .pg-group-search input[type=text] {
background-color: #fff;
padding: 8px 8px;
margin-top: 4px
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc .pm-group-heading {
padding: 0
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc .pm-group-desc {
padding: 0
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc .pm-group-list-view-info {
margin-top: 11px;
float: left;
width: auto;
color: #949595;
color: #949595;
background-color: #f1f1f1;
padding: 6px 16px;
border: 1px solid #ececec;
border-radius: 2px
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc .pm-group-list-view-info:hover {
box-shadow: 0 0 6px rgb(228 228 228)
}
.pmagic .pm-all-group-container .pm-group-list-view .pm-group-name-desc .pm-group-list-view-info span {
color: inherit
}
.pg-group-filters-head .pg-group-sorting-rs .pg-member-search,
.pg-group-filters-head .pg-group-sorting-rs .pg-members-sortby {
display: inline-block
}
.pg-group-filters-head .pg-group-sorting-rs .pg-member-search input[type=text] {
background-color: #fff;
height: 36px
}
.pg-group-filters-head .pg-group-sorting-rs {
text-align: right;
padding-right: 10px
}
.pmagic #pg_group_tabs #pg_members #pg_members_grid_view {
margin-top: 110px
}
#threads_ul {
float: left
}
#pg-messages #userSection {
float: left;
width: 100%;
width: 100%;
height: 60px;
line-height: 60px;
background: #f5f5f5
}
.pg-shortcode-content .pg-profile-tab-content,
.pg-shortcode-content .pm-message-thread-section {
display: block!important
}
.pmagic .pm-group-cards-shortcode-title {
text-decoration: none !important;
}
#pg-group-badge li:before {
display: none
}
#pg-group-badge #pg-group-badge-dock ul li a {
box-shadow: none
}
.pm-group-view.pg-shortcode-content .pg-profile-tab-content {
width: 100%
}
.pm-group-view .pm-header-section.pm-without-cover-image {
height: auto;
padding: 26px 0
}
.pm-group-view .pm-header-section.pm-without-cover-image .pm-cover-image {
height: auto
}
.pm-group-view .pm-header-section.pm-without-cover-image .pm-profile-image {
top: 5px
}
.pm-group-view .pm-profile-title-header.pm-without-profile-image .pm-profile-title {
margin-left: 14px
}
.pmagic .pm-group-view #pg-about .pm-section.pg-left-pannel-hide .pm-section-left-panel {
display: none!important
}
.pmagic .pm-group-view #pg-about .pm-section.pg-left-pannel-hide .pm-section-right-panel .pm-section-content {
width: 100%
}
.pmagic .pm-group-view #pg-about .pm-section.pg-left-pannel-hide .pm-section-right-panel .pm-section-content .pm-section-wrapper {
padding-left: 0
}
.theme-twentyfourteen .pmagic .pm-group-view .pm-group-icon {
max-width: 150px
}
.theme-twentyfourteen .pmagic .pm-group-view .pm-group-icon #pg-group-badge li img {
width: 40px;
height: 40px
}
.theme-twentyfourteen .pmagic .pm-group-view .pm-group-icon #pg-group-badge li:hover img {
-webkit-transform: scale(1.5);
margin: 0 2px
}
.csscalc.theme-twentyfourteen .pm-group-view .pm-profile-title {
width: 30%
}
.csscalc .theme-twentyfourteen .page .entry-content {
box-sizing: content-box
}
.pmagic .pm-login-box-bottom-container .pm-login-links-box {
width: 100%;
padding-bottom: 0
}
.pmagic .pm-login-box-bottom-container a.pg-registration-button {
float: none;
width: auto;
margin: auto;
font-size: 1em;
margin-left: 20px
}
.pmagic img[src*="default-user"] {
filter: grayscale(100%);
}
#pm-advance-search-form .pm-search-box-wrap {    
border: 1px solid #e8e8e8;
border-radius: 3px;
background-color: #ffffff;
padding: 12px 6px;
}
#pm-advance-search-form .pm-search-box-wrap .pm-search-box,
#pm-advance-search-form .pm-search-box-wrap .pm-search-box .pg-sortby-alpha{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
align-content: stretch;
}
#pm-advance-search-form .pm-search-box-wrap .pm-search-box {
padding: 10px;
border: 0px;
margin: 0px;
}
#pm-advance-search-form #advance_search_pane {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
border-width: 1px 0px 1px 0px;
max-width: 100%;
margin: 20px 0px;
padding: 16px 0px;
}
#pm-advance-search-form #advance_search_pane .pm-search-box {
margin: 0px;
padding: 0px;
border: 1px solid #e1e1e1;
text-align: left;
}
#pm-advance-search-form #advance_search_pane .pm-search-box select {
width: 100%;
max-width: 100% !important;
}
#pm-advance-search-form #advance_search_pane #advance_seach_ul{
margin: 0px;
padding: 0px;
}
.pm-search-box-wrap .pm-search-box .pg-sortby-alpha .pg-users-sorting-title {
margin-right: 8px;
min-width: 75px;
text-align: right;
} .pg-message-box-container{
display: flex;
height: 100% !important;
max-height: 500px;
margin-top: 10px;
}
.pg-message-box-sidebar {
max-width: 280px;
display: flex;
background: #fff;
flex-direction: column;
border-right: 1px solid #ccc;
transition: 500ms all;
}
.pg-msg-thread-container {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
}
.pg-msg-thread-container .pg-msg-connection-head {
float: left;
width: 100%;
}
.pg-msg-thread-container .pg-msg-connection-head img {
border-radius: 50%;
width: 50px;
height: 50px;
object-fit: cover;
margin-right: 10px;
box-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
}
.pg-msg-thread-container .pg-msg-conversation-info {
flex: 1;
}
.pg-msg-thread-container .pg-msg-conversation-info .pg-msg-conversation-title{
font-weight: 700;
width: 100%;
padding: 14px 10px;
float: left;
}
.pg-msg-thread-container .pg-msg-conversation-info .pg-msg-thread-time {
display: flex;
margin-top: 3px;
font-size: 0.85em;
}
.pg-msg-connections-type-head {
width: 100%;
float: left;
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
}
.pg-msg-connections-type-head input{
width: 100%;
height: 36px !important;
padding: 0px 10px !important;
border: 0px !important;
background-color: transparent !important;
}
.pg-msg-thread-container .open {
}
.pg-msg-thread-container .open a {
color: #000;
letter-spacing: 3px;
}
.pg-users-search-list-wrap {
flex: 1;
display: flex;
flex-direction: column;
padding: 15px 0px;
overflow: auto;
min-height: 200px;
}
.pg-message-box-sidebar .pg-message-box-action {
display: flex;
margin: 10px 0 0 0;
padding-bottom: 10px;
align-items: center;
justify-content: flex-end;
border-bottom: 1px solid #e1e1e1;
position: relative;
}
.pg-message-box-sidebar .pg-message-box-action .pg-new-thread svg {cursor: pointer;}
.pg-message-box-sidebar .pg-message-box-action input.pg-msg-search {
width: 100%;
max-width: 100%;
height: 34px;
margin-right: 15px;
border: 1px solid #e1e1e1;
padding: 3px 12px;
font-size: 14px;
}
.pg-message-box-container.pg-message-box-small .pg-message-box-sidebar .pg-message-box-action input.pg-msg-search {
margin: 5px 15px;
}
.pg-message-box-sidebar .pg-msg-list-wrap{
width: 100%;
overflow: auto;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list {
border-bottom: 1px solid #ccc;
background: #fff;
display: flex;
align-items: center;
padding: 5px;
height: 70px;
cursor: pointer;
border-left: 3px solid transparent ;
position: relative;
}
.pg-message-box-sidebar .pg-msg-conversation-list .pg-user-status {
background-color: #fff;
width: 12px;
height: 12px;
position: absolute;
left: 40px;
top: 46px;
box-shadow: 0 0 0 2px #fff, 0 4px 6px rgb(0 0 0 / 20%);
border-radius: 50%;
}
.pg-message-box-sidebar .pg-msg-conversation-list .pg-user-status.pg-msg-online{
background-color: rgb(18 167 98);
}
.pg-message-box-sidebar .pg-msg-conversation-list .pg-user-status.pg-msg-offline{
background-color: rgb(165 165 165);
}
.pg-message-box-sidebar  .pg-msg-list-wrap .pg-msg-conversation-list.active { 
border-left: 3px solid;
border-color: inherit;
border-bottom: 1px solid #ccc;
}
.pg-message-box-sidebar  .pg-msg-list-wrap .pg-msg-conversation-list:hover, 
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list.active {
background-color: rgba(255, 255, 255, 0.96);
border-left: 3px solid;
border-color: inherit;
border-bottom: 1px solid #ccc;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list img {
border-radius: 50%;
width: 48px !important;
height: 48px !important;
object-fit: cover;
margin-right: 10px;
box-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-msg-conversation-info {
flex: 1;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-msg-conversation-info .pg-msg-thread-user {
font-weight: 700;
text-align: left;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-msg-conversation-info .pg-thread-msg {
padding-right: 8px;
font-size: 0.85em;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-msg-conversation-info .pg-thread-msg .emoji{
width:20px !important;
height: 20px !important;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-thread-notification {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: space-between;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-unread-count {
font-size: 0.75em;
background: #bde2f7;
box-shadow: 0 5px 15px -5px rgb(0 0 0 / 70%);
padding: 3px;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
color: #fff;
margin-right: 10px;
line-height: 14px;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list .pg-msg-thread-time {
margin-right: 5px;
margin-left: 5px;
font-size: 0.75em;
color: #a9a9a9;
}
.pg-message-box-sidebar .pg-msg-list-wrap {
width: 100%;
overflow: auto;
}
.pg-list-user-img-wrap {
align-items: center;
padding-right: 8px;
display: flex;
}
.pg-list-user-img-wrap .pg-msg-thread-user {
flex: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pg-msg-conversation-action {
position: relative;
height: 24px;
top: -2px;
display: none;
opacity: 0;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list:hover .pg-msg-thread-time {
display: none;
}
.pg-msg-thread-time {
display: inline-block;
flex: 0 0 auto;
margin-right: auto;
transition: opacity 83ms ease-in-out;
overflow: hidden;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-msg-conversation-list:hover .pg-msg-conversation-action  {
display: flex;
opacity: 1;
}
.pg-message-box-sidebar .pg-msg-list-wrap .pg-no-thread {
padding: 5px;
width: 100%;
} .pg-message-footer{
border-top: 1px solid #ddd;
background: #eee;
padding: 10px;
display: flex;
height: 60px;
}
.pg-message-footer input {
flex: 1;
padding: 0 20px;
border-radius: 5px;
}
.pg-users-search-list-wrap::before {
content: "";
margin-bottom: auto;
}
.pg-users-search-list-wrap .pg-message-list {
align-self: flex-start;
max-width: 60%;
width: 100%;
}
.pg-users-search-list-wrap .pg-message-list.pg-user-self-msg {
align-self: flex-end;
}
.pg-users-search-list-wrap .pg-message-list.pg-user-self-msg .pg-message-box {
background-color: #f3f3f3;
border-color: #e8e8e8;
}
.pg-users-search-list-wrap .pg-message-list .pg-message-box {
background: #fff;
box-shadow: 0 5px 15px -5px rgb(0 0 0 / 10%);
margin-bottom: 10px;
border-radius: 5px;
font-size: 12px;
padding: 18px 0.8em;
}
.pg-users-search-list-wrap .pg-message-list .pg-message-box{   
}
.pg-users-search-list-wrap .pg-message-list {
margin: 35px 20px 15px 20px;
position: relative;
}
.pg-users-search-list-wrap .pg-message-list > img.user-profile-image,
.pg-users-search-list-wrap .pg-message-list > img.pm-user-profile{
position: absolute;
left: -15px;
top: -40px;
height: 48px !important;
width: 48px !important;
margin: 0px;
border-radius: 50%;
}
.pg-users-search-list-wrap .pg-message-list .pg-msg-thread-time {
text-align: right;
color: #999;
font-size: 0.75em;
}
.pg-message-box-container.pg-message-box-medium .pg-message-box-sidebar {
max-width: 250px;
}
.pg-message-box-container.pg-message-box-small .pg-message-box-sidebar {
position: absolute;
width: 100%;
height: 0vh;
min-width: 88%;
box-shadow: 1px 1px 9px 2px rgb(216 216 216);
z-index: 99999;
display: none;
}
.pg-message-box-container.pg-message-box-small .pg-message-box-sidebar.opened{
height: 80vh !important;
display:block
}
.pg-msg-connection-head-wrap{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: stretch;
}
@media only screen and (max-width: 480px), only screen and (max-width: 767px){ }
#chat_message_form{
width: 100%;
display: inherit;
}
button#send_msg_btn {
width: 40px;
padding: 0px 0px 0px 5px;
height: 35px;
background: none;
border: 0px;
}
.msg-search-result{color:red;}
.pg-list-user-img-wrap .pg-msg-thread-user .pg-label-wrapper,
.pg-list-user-img-wrap .pg-msg-thread-user .pg-user-rating-wrap{
display: none;
}
.pg-msg-thread-container .pg-msg-thread-header {
height: 55px;
background: #fff;
border-bottom: 1px solid #ccc;
display: flex;
padding: 10px;
align-items: center;
}
.pg-msg-thread-container .pg-msg-thread-header .pg-msg-thread-wrap {
display: flex;
align-items: center;
}
.pg-msg-thread-wrap .pg-new-thread {
display: inline-flex;
font-size: 12px;
}
.pg-msg-thread-wrap .pg-new-thread svg {
width: 16px;
margin-right: 2px;
}
.pg-msg-thread-wrap .pg-thread-icon {
line-height: 4px;
}
.pg-msg-thread-container .pg-msg-thread-header img {
border-radius: 50%;
width: 48px !important;
height: 48px!important;
object-fit: cover;
margin-right: 10px;
box-shadow: 1px 2px 3px rgb(0 0 0 / 50%);
margin: 0px 8px 0px 0px;
}
.pmagic .pg-users-search-list-wrap::-webkit-scrollbar,
.pg-message-box-sidebar .pg-msg-list-wrap::-webkit-scrollbar{
width: 8px;
background-color: #f4f4f4
}
.pmagic .pg-users-search-list-wrap::-webkit-scrollbar-track,
.pg-message-box-sidebar .pg-msg-list-wrap::-webkit-scrollbar-track{
border-radius: 10px;
}
.pmagic .pg-users-search-list-wrap::-webkit-scrollbar-thumb,
.pg-message-box-sidebar .pg-msg-list-wrap::-webkit-scrollbar-thumb{
background-color: #e0e0e0;
width: 8px;
height: 4px;
}
.pg-users-search-list-wrap.ui-autocomplete {
width: 100% !important;
background-color: rgba(255, 255, 255, 0.9);
position: absolute !important;
z-index: 99999;
margin-left: 0px;
padding-left: 0px;
left: 0px !important;
overflow: auto;
max-height: 400px;
box-shadow: -3px 3px 4px 1px rgb(220 220 220 / 42%);
border: 1px solid #e1e1e1;
border-radius: 6px;
}
.pg-users-search-list-wrap.ui-autocomplete li {
list-style: none;
padding: 6px 4px 5px 13px;
border-bottom: 1px solid rgba(241, 241, 241, 0.38);
transition: 0.2s;
}
.pg-new-thread-action {
visibility: hidden;
}
.pg-thread-action-controller {
background-color: #fff;
position: absolute;
left: 50%;
padding: 8px;
transition: visibility 0s linear 167ms,opacity 167ms cubic-bezier(.4,0,1,1) 0s,z-index 0s linear 167ms;
box-shadow: 0 0 0 1px rgb(0 0 0 / 15%), 0 6px 9px rgb(0 0 0 / 20%);
border-radius: 3px;
z-index: 99999;
}
.pg-thread-action-controller ul {
margin: 0px;
padding: 0px
}
.pg-thread-action-controller ul li {
font-size: 12px;
list-style: none;
padding: 4px 0px;
}
.pg-thread-action-controller-overlay {
position: fixed;
width: 100%;
height: 100%;
background-color: rgb(255 255 255 / 0%);
top: 0px;
left: 0px;
}
.pg-users-search-list-wrap .pg-message-list.pg-user-self-msg .pg-message-action {
display: none;
position: absolute;
right: 0px;
background-color: #fff;
height: 20px;
border-radius: 5px;
top: -2px;
cursor: pointer;
}
.pg-users-search-list-wrap .pg-message-list.pg-user-self-msg:hover .pg-message-action{
display: block;
}
.pg-message-action-wrap{
position: absolute;
background: #fff;
right: 0px;
top: 22px;
border-radius: 5px;
transition: visibility 0s linear 167ms,opacity 167ms cubic-bezier(.4,0,1,1) 0s,z-index 0s linear 167ms;
box-shadow: 0 0 0 1px rgb(0 0 0 / 0%), 1px 2px 6px rgb(0 0 0 / 14%);
z-index: 99999
}
.pg-message-action .pg-message-action-wrap {
display: none;
}
.pg-message-action.pg-action-active .pg-message-action-wrap {
display: block;
}
.pg-message-action-wrap ul {
margin: 0px;
padding: 0px
}
.pg-message-action-wrap ul li {
list-style: none;
font-size: 12px;
padding: 0px 14px;
cursor: pointer;
}
.pg-message-box-container.pg-message-box-medium .pg-thread-open,
.pg-message-box-container.pg-message-box-medium .pg-msg-thread-wrap .pg-new-thread,
.pg-message-box-container.pg-message-box-medium .pg-thread-new-msg{
display: none;
}
.pg-users-search-list-wrap ul {
background-color: rgba(255, 255, 255, 0.9);
z-index: 99999;
left: 0px !important;
overflow: auto;
max-height: 200px;
box-shadow: -3px 3px 4px 1px rgb(220 220 220 / 42%);
border: 1px solid #e1e1e1;
border-radius: 6px;
padding: 1px 0px !important;
line-height: 16px !important;
margin: 0px !important;
}
.pg-users-search-list-wrap ul li {
list-style: none;
padding: 10px 6px 10px 12px;
border-bottom: 1px solid rgba(241, 241, 241, 0.38);
transition: 0.2s;
margin: 0px !important;
word-break: normal;
cursor: pointer;
}
.pg-message-box-container.pg-message-box-small .pg-message-box-sidebar {
border: 0px;
}
.active.pg-msg-conversation-list .pg-unread-count{
display: none;
} 
.pg-users-search-list-wrap ul{
height:100%;
}  .pmagic .pm-login-box .pmagic-form .pg-toggle-password {
float: right;
cursor: pointer;
margin-right: 6%;
margin-top: -25px;
z-index: 999;
position: relative;
}  body.theme-twentytwenty-three .pmagic,
body.theme-twentytwenty .pmagic,
body.theme-twentytwenty-one .pmagic,
body.theme-twentytwenty-two .pmagic:not(body.theme-twentytwenty-two .pmagic.pg-payment-modal){  
display: inline-flex;
}
body.theme-twentytwenty-one .pmagic{
justify-content: center;
}
body.theme-twentytwenty-one .pmagic .pm-users-search-page {
max-width: 1200px;
margin: 0px auto;
}
body.theme-twentytwenty-three .pmagic .pmagic-form#pm_add_blog_post{
max-width: 800px;
margin: 0px auto;
}
body.theme-twentytwenty-three .pmagic {
max-width: 1200px !important;
margin: 0px;
display: flex;
}
body.theme-twentytwenty-three .pg-no-group-found-warning {
width: 100%;
max-width: 800px;
margin: 0px auto;
}
body.theme-twentytwenty-three .pmagic .pg-group-box-wrap,
body.theme-twentytwenty .pmagic .pg-group-box-wrap,
body.theme-twentytwenty-one .pmagic .pg-group-box-wrap,
body.theme-twentytwenty-two .pmagic .pg-group-box-wrap{
max-width: 1200px;
margin: 0px auto;
}
body.theme-twentytwenty .pmagic {
max-width: 1200px !important;
margin: 0px auto !important;
display: grid;
}
body.theme-twentytwenty-two .pmagic .pm-friend-action-bar button{
padding: 8px 12px;
}
.theme-twentytwenty-one .pg-theme-bg {
background-color: rgb(255, 255, 255,0.4);
}
.pg-users-search-list-wrap .pm-thread-user {
position: absolute;
top: -30px;
left: 38px;
}
.pm-group-image-link{
display:block;
}#pg_password_meter_inner{height:10px}#pg_password_meter_inner.pg-pass-short{font-weight:700;background-color:red;font-size:larger;width:25%}#pg_password_meter_inner.pg-pass-weak{font-weight:700;background-color:orange;font-size:larger;width:50%}#pg_password_meter_inner.pg-pass-good{font-weight:700;background-color:#2d98f3;font-size:larger;width:75%;height:20px}#pg_password_meter_inner.pg-pass-strong{font-weight:700;background-color:#32cd32;font-size:larger;width:100%}.pmagic .pm-profile-tab-wrap.pg-horizontal-responsive-menu{width:100%}.pg-horizontal-responsive-menu li.hideshow ul{position:absolute;display:none;left:0;border:1px solid #d2d2d2;padding:0;margin:0;z-index:99999;background-color:#fff;border:1px solid #ddd;border:1px solid rgba(221,221,221,.85);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:3px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border-top-left-radius:0}.pmagic .pm-profile-tab-wrap.pg-horizontal-responsive-menu li.hideshow ul li{width:100%;padding:8px 8px;min-width:126px;margin:0}.pg-horizontal-responsive-menu li.hideshow{position:relative;list-style:none;display:inline-block;float:left;margin-bottom:-1px;margin-right:0;padding:15px 10px;top:8px}.pmagic #pg-profile-menuToggle input#pg-toggle-menu-close{display:none}@media only screen and (max-width:1800px){.pmagic .pm-popup-container{left:calc(42% - 300px)}}@media only screen and (max-width:979px){.pmagic{float:none;display:inline-block}.pm-group-view .pm-section .pm-section-nav-vertical{width:35%}.pmagic .pm-group-view .pm-section .pm-section-content{width:65%}.pm-group-view .pm-section.pm100 .pm-section-content .pm-user-description-row .pm-card-label,.pm-group-view .pm-section.pm100 .pm-section-content .pm-user-description-row .pm-card-value{padding-left:10px}.pmagic .pm-conversations-container .pm-msg-user{padding:2px}.pmagic #pg-messages ul#threads_ul li .messagedelete_thread a{width:14px;height:14px}.pmagic .pm-conversations-container .pm-thread-user{width:5em}}@media only screen and (max-width:760px){.pmagic #pg-profile-menuToggle{display:block;position:relative;top:-35px;left:11px;z-index:1;-webkit-user-select:none;user-select:none}.pmagic #pg-profile-menuToggle input#pg-toggle-menu-close{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.pmagic #pg-profile-menuToggle span.pg-toggle-menu-icon{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.pmagic #pg-profile-menuToggle span.pg-toggle-menu-icon:first-child{transform-origin:0 0}.pmagic #pg-profile-menuToggle span.pg-toggle-menu-icon:nth-last-child(2){transform-origin:0 100%}.pmagic #pg-profile-menuToggle input:checked~span.pg-toggle-menu-icon{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}.pmagic #pg-profile-menuToggle input:checked~span.pg-toggle-menu-icon:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2,.2)}.pmagic #pg-profile-menuToggle input:checked~span.pg-toggle-menu-icon:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}.pmagic #pg-mobile-menu{position:absolute;width:400px;margin:-50px 0 0 -50px;padding:35px;padding-top:60px;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}.pmagic #pg-mobile-menu li{padding:10px 0;font-size:22px;width:100%;text-align:left}.pmagic #pg-profile-menuToggle input:checked~ul{transform:none}.pmagic .pm-form-field-icon{width:auto}.pmagic .pm-form-field-icon img{margin-right:5px}.pmagic .pm-field-lable{margin-left:0}.pmagic .pm-group-view .pm-section{min-height:inherit}.pmagic .pm-conversations-container .pm-msg-user{padding:8px}.pmagic #pm-show-woocommere-order-dialog .pm-popup-container{max-width:900px;width:90%;left:calc(50% - 290px)}.pmagic .pg-group-sorting-ls{width:100%}.pmagic .pg-group-sorting-rs{width:100%}.pmagic .pg-group-sorting-ls .pg-sortby-alpha{width:100%}}@media only screen and (max-width:479px){.pmagic #pg-profile-menuToggle{top:-75px}.pmagic .pm-group-view .pm-header-section{height:auto}.csscalc .pm-group-view .pm-profile-title{width:100%;margin:0;margin-top:100px;text-align:center}.pmagic .pm-notification-profile-image{width:30%}.pmagic .pm-notification-description{width:70%}body .pmagic #bbpress_forum .pm-section-nav-vertical{max-width:100%;width:100%}body .pmagic .pg-bbpress-sections-warp{width:100%;margin:30px 0}.pmagic .pg-mailchimp-box .pg-right-mailchimp-text{width:100%}.pmagic .pm-group-view .pm-section #pg-newsletter{width:100%}.pmagic #bbpress_forum .pg-bbpress-sections-warp{border:0}.pmagic .pm-conversations-container .pm-thread-user{width:auto;max-width:17em}.pmagic .pm-group-card-box .pm-group-image{width:100%;border-width:0 0 1px 0;max-width:100%;margin-bottom:12px}.pmagic .pm-group-view .pm-section .pm-section-content{width:100%;border:0}.pmagic .pm-group-description .pm-group-leader-small{height:auto}.pmagic .pg-group-wall-comments-count{float:left;width:100%;font-size:12px}.pmagic .pg-group-wall-comments-count svg{width:15px}.pmagic .pg-group-wall-comment-wrap .pg-group-wall-action{width:100%;text-align:center}.pg-group-wall-comment-wrap .pg-group-wall-action input.pg-delete-gw-wall{font-size:12px!important}.pmagic .pg-group-wall-comments-count #pm-show-comment-form{padding-left:0;display:inline-block;width:50%;font-size:12px;text-align:right;padding-right:0}.pmagic .pm-group-description .pm-card-label{width:100%}.pmagic .pg-group-wall-wrap .pg-group-wall-post-btn span{padding:10px;border-radius:4px;display:inline-block;width:80%}.pmagic .pm-chat-messenger-box #messenger_textarea{font-size:12px;padding:20px}.pmagic #pg-woocommerce_purchases .pg-woocommerce .pg-woocommerce-product .pg-woocommerce-img img,.pmagic #pg-woocommerce_reviews .pg-woocommerce .pg-woocommerce-product .pg-woocommerce-img img{width:100%;height:100%}.pmagic #pg-woocommerce_purchases .pg-woocommerce,.pmagic #pg-woocommerce_reviews .pg-woocommerce{width:100%}.pm-group-view .pm-section .pm-section-nav-vertical ul#threads_ul{min-height:auto}.pmagic .pg-new-blog-button{width:100%}.pmagic .pm-blog-img-wrap{width:70%;margin:0 auto;float:none;display:block}.pmagic .pm-blog-post-wrap{margin-bottom:25px;padding-top:20px;border-bottom:1px solid #e1e1e1}.pmagic .pm-blog-desc-wrap{width:100%;text-align:center}.pmagic #pm_notification_view_area{width:80%;margin:0 auto}.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow{margin-left:0}.pminput.pm_recaptcha .g-recaptcha{transform:scale(.75)!important;-webkit-transform:scale(.75)!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important}.pmagic .pm-login-box .pm-login-header p{text-align:center}.pmagic #pm-show-woocommere-order-dialog .pm-popup-container{max-width:900px;width:90%;left:calc(50% - 168px)}.pmagic #pg_group_tabs #pg_group_setting .pm-section-content{width:100%;border-left:0}.pmagic .pg-group-setting-blog #pm-edit-group-blog-html-container,.pmagic .pg-group-setting-blog #pm-edit-group-member-html-container,.pmagic .pg-group-setting-blog #pm-edit-group-request-html-container{width:100%;overflow-y:scroll}.pmagic .pg-group-edit-setting #pm_edit_group .pm-group-edit-form .pm-field-lable{width:100%;font-size:12px}.pmagic .pm-group-view .pm-group-change-icon{margin:20px auto}.pmagic .pm-blog-desc-wrap{width:100%;text-align:center}.pmagic .pm-blog-post-wrap{margin-bottom:25px;padding-top:20px;border-bottom:1px solid #e1e1e1}.pmagic #pm_notification_view_area{width:80%;margin:0 auto}.pmagic .pm-group-view .pm-section .pm-section-content form.pmagic-form .pmrow{margin-left:0}.pminput.pm_recaptcha .g-recaptcha{transform:scale(.75)!important;-webkit-transform:scale(.75)!important;transform-origin:0 0!important;-webkit-transform-origin:0 0!important}.pmagic .pm-login-box .pm-login-header p{text-align:center}}.pg-mobile-479 .pm-group-view .pm-section .pm-section-nav-vertical{max-width:100%;width:100%}.pg-mobile-479 .pm-group-view .pm-section .pm-section-nav-vertical{max-width:100%!important;width:100%!important}.pg-mobile-479 .pm-group-view .pm-section .pm-section-content.pm-message-thread-section{border-right:1px solid #e1e1e1}.pg-mobile-479 .pm-group-view .pm-profile-title-header{height:auto}.pg-mobile-479 .pm-group-view .pm-profile-image{left:19%}.pg-mobile-479 .pmagic #pg-myfriends,.pg-mobile-479 .pmagic #pg-requests-sent,.pmagic #pg-friend-requests{border-left:0}.pg-mobile-479 .pm-popup-container{display:block;float:left;width:94%;background-color:#fff;position:fixed;top:10%;overflow:hidden;z-index:9999999;box-shadow:0 0 20px #969696;box-shadow:0 0 20px rgba(0,0,0,.2);left:30%;left:calc(50% - 174px);overflow-y:auto;max-height:90%}.pg-mobile-479 .pmagic #pm-show-woocommere-order-dialog .pm-popup-container{width:94%;left:calc(50% - 176px)}.pmagic .pm-group-view .pm-section svg.pg-left-panel-icon{width:33px;height:33px;border:1px solid #ebebeb;border-radius:100%;fill:#8d8d8d;cursor:pointer}.pg-left-panel-icon{display:none}.pm-section-left-panel,.pm-section-right-panel{display:block}.pg-mobile-479 .pm-section-left-panel{display:block}.pg-mobile-479 .pm-section-right-panel{display:none}.pg-mobile-479 .pmagic .pm-group-description{width:100%;text-align:center}.pg-mobile-479 .pmagic .pm-group-description .pm-card-value{width:100%;margin:0}.pg-mobile-479 .pmagic .pm-group-description .pm-card-row{margin-bottom:12px}.pg-mobile-479 .pmagic .pm-myfriends-list{margin:16px}.pg-mobile-979 .pmagic #pg-messages ul#threads_ul li .messagedelete_thread{right:8px;top:26px}