/* IN STYLE.CSS */
/* :root {
  --theme-grey: #e2e2e2;
  --theme-green: #41ad49;
  --theme-pink: #ec008c;
}
*/

/* MOVE TO MAIN STYLE */
figure {
margin-inline-start: 0;
}


/* end */
form {
  border-radius: var(--theme-radius);
  -webkit-border-radius: var(--theme-radius);
  -moz-border-radius: var(--theme-radius);
}



pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }

.pms-account-navigation a:link,.pms-account-navigation a:visited {
  color: grey;
}

.pms-group-dashboard,
#pms_login,
#wppb-loginform,
#pms_recover_password_form,
#wppb-register-user,
#wppb-edit-user {
  padding: 1.3em 1.5em 2.2em 1.5em;
  background-color: var(--theme-grey);
}

table.pms-account-subscription-details-table a,
.pms-group-dashboard a,
.pms-account-navigation a.pms-account-navigation-link--active {
  color: var(--theme-pink);
}

/* hidden renewal option */
table.pms-account-subscription-details-table tr:nth-child(7),
.pms-account-navigation-link--payments
 {
  display: none;
}


.pms-group-dashboard h3,
#pms_login h4,
#wppb-loginform h4,
#wppb-register-user h4,
#wppb-edit-user h4 {
  display: block;
  width: 100%;
  padding-top: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 200;
  color: #5e5e5e;
  line-height: 1.2em;
  text-align: left;
  border-top: 2px solid #d3d3d3;
}

#pms_login ul li,
#wppb-loginform ul li,
#pms_recover_password_for ul li,
#wppb-register-user ul li,
#wppb-edit-user ul li {
  position: relative;
  list-style: none;
  margin: 0.5em 0 0.5em 0;
  font-size: 0.8125em;
  line-height: 1.461em;
}


form.pms-gm-edit-details ul li:before,
#pms_login ul li::before,
#wppb-loginform ul li::before,
#pms_recover_password_form ul li::before,
#wppb-register-user ul li::before,
#wppb-edit-user ul li::before{
  content: "";
  position: absolute;
  text-align: left;
  left: inherit;
  top: inherit;
  font-size: inherit;
  color: inherit;
}

div.pms-group-dashboard label,
form.pms-form label,
#pms_login label,
#wppb-loginform label,
#wppb-register-user label,
#wppb-edit-user label {
  display: block;
  width: 19%;
  float: left;
  clear: left;
  margin-right: 1.5%;
  margin-bottom: 0.125em;
  color: #5e5e5e;
  line-height: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: left;
}






#pms_login input,
#wppb-loginform input,
#pms_recover_password_form input,
#wppb-register-user input,
#wppb-edit-user input {
  width: 66%;
}

#pms_login textarea,
#wppb-loginform textarea,
#wppb-register-user textarea,
#wppb-edit-user textarea {
  width: 64.5%;
  height: 12em;
  padding: 0.5em;
}

a.wp-block-button__link {
  /* background: #41ad49; */
  background: var(--theme-green);
  padding: 0.4rem 1.2rem;
  color: color(sRGB 0.823 0.821 0.821);
  text-transform: uppercase;
  font-size: 0.723em;
  font-weight: 700;
}

a.wp-block-button__link:hover,
a:active.wp-block-button__link:active,
a:hover.wp-block-button__link:hover {
  text-decoration: none;
  color: #fff;
}


/* form.pms-form input[type=submit], */
#pms_login input.button.button-primary,
#wppb-loginform input.button.button-primary,
#pms_recover_password_form input[type=submit],
#wppb-register-user input[type=submit],
#wppb-edit-user input[type=submit] 
 {
  display: block;
  padding: 5px 7px;
  margin: 2em auto 0 auto;
  background-color: #d4d4d4;
  background-color: var(--theme-pink);
  color: #fff;
  width: 69.9%;
  border: none;
  text-transform: uppercase;
  font-size: 0.923em;
  font-weight: 700;
  clear: both;
}
form#pms_login {
  padding: 1.3em 1.5em 0.4em 1.5em;
}
/* form#pms_login {
  max-width: 561.8px;
} */

#pms_login a {
  display: none;

}
#pms_login  {
  color: var(--theme-grey);

}


#pms_login input[type=checkbox],
#wppb-loginform input[type=checkbox] {
width: 3%;
margin-left: 20.3%;
}
#wppb-login-wrap input[type=checkbox] {
width: 3%;
margin-left: 0;
}

#pms_login a {
  margin: 0.5em 0 0.5em 0.2em;
  font-size: 0.923em;
  text-transform: uppercase;
  text-align: right;
  color: #5e5e5e;
}

#pms_login .login-submit {
  padding: 27px 0 0;
}


input#email,
input[type=email],
input[type=number],
select {
  /* width: 67%; */
}
#wppb-edit-user input[type=email] {
  padding: 3px;
}

#pms_login input[type=password],
#wppb-loginform input[type=password] {

  width: 67.3%;
}

 #wppb-loginform label {
  display: block;
  width: 22%;
  float: left;
  clear: left;
  margin-right: 1.5%;
  margin-bottom: 0.1250em;
  color: #5e5e5e;
  line-height: 1.000em;
  padding-top: 0.5000em;
  padding-bottom: 0.5000em;
  text-align: right;
}




#wppb-register-user .pms-subscription-plan label {
  display: none !important;
  display: inherit;
  width: 22%;
  float: left;
  clear: left;
  margin-right: 1.5%;
  margin-bottom: 0.125em;
  color: #5e5e5e;
  line-height: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: right;
}

.pms_custom_links {
  margin: 0.500em 0 0.500em 0.200em;
  font-size: 0.923em;
  text-transform: uppercase;
  text-align: right;
}

.wppb-mailchimp-subscribe, label,
.login-remember label {
  width: 28%;
}

.wppb-mailchimp-subscribe,
.login-remember,  {
  padding-left: 20%;
}
#wppb-register-user .wppb-mailchimp-subscribe label,
#pms_login .login-remember label,
#wppb-loginform .login-remember label {
  width: 100%;
  margin-right: 0;
}


#wppb-register-user li.wppb-mailchimp-subscribe input,
#wppb-register-user li.wppb-send-credentials-checkbox input
 {
  width: 16px;
  margin-left: 0;
}

#wppb-register-user li.wppb-mailchimp-subscribe label,
#wppb-register-user li.wppb-send-credentials-checkbox label
 {
   margin-right: 100%;
  padding: 0 ;
}
#wppb-register-user li.wppb-mailchimp-subscribe,
#wppb-register-user li.wppb-send-credentials-checkbox
 {
  padding: 0 36%;
}


.pms-account-subscription-details-table__actions a + a:before {
  content: "\A0|\A0\A0";
  color: #ababab;
}


#wppb-edit-user .pms-account-subscription-details-table {
  padding-top: 22px;
}
#wppb-edit-user .wppb-subscription-plans {
  display: none;
}

.pms-group-dashboard input
{
  background: #fafafa;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 10%);
  border: 1px solid #ddd;  
}




/* #pms-abandon-subscription-form input[name="pms_redirect_back"] ,
#pms-abandon-subscription-form input[name="pms_confirm_abandon_subscription"],
#pms-cancel-subscription-form input[name="pms_redirect_back"],
#pms-cancel-subscription-form input[name="pms_confirm_cancel_subscription"]

{
  padding: 0.4rem 1.2rem;
  color: var(--theme-grey);
  text-transform: uppercase;
  font-size: 0.723em;
  font-weight: 700;
  border: none;
  color: white;

} */

/* #pms-abandon-subscription-form input[name="pms_redirect_back"],
#pms-cancel-subscription-form input[name="pms_redirect_back"]
 {
  color: color(sRGB 0.823 0.821 0.821);
  color: black;
  float: left;
  margin-right: 12px;
  font-weight: inherit;

}
#pms-abandon-subscription-form input[name="pms_confirm_abandon_subscription"],
#pms-cancel-subscription-form input[name="pms_confirm_cancel_subscription"]
 {
  background: var(--theme-pink);
} */


#wppb-edit-user input[name="pms_confirm_abandon_subscription"] 
{
  background-color: red !important;
}



#wppb-edit-user input[name="pms_redirect_back"] 
{
  background-color: white;
  color: black !important;
}


span.wppb-form-error {
  display: inline-block;
  color: white;
  background: red;
  padding: 3px 14px;
  font-size: 0.7rem;
  border-radius: 5px;
}



#wppb-edit-user .wppb-subscription-plans {
  background: white;
  padding: 22px;
  border-radius: 8px;
  box-shadow: 3px 3px 6px #0000001f;
  width: 53%;
  margin: 0 auto;
  margin-top: 33px;
}
#wppb-edit-user li.wppb-subscription-plans p{
  font-size: 0.9rem;
  padding: 0 9%;
}
#wppb-register-user li.wppb-subscription-plans p {
  padding: 5.4% 0 0.9%;
  text-align: center;
}

/* GROUP */
#wppb-register-user .pms-group-memberships-field,
#wppb-register-user .pms-gm-message

 {
  display: none;
}

.pms-group-dashboard,
.pms-account-subscription-details-table {
  font-size: .85rem;
}

tr.pms-account-subscription-details-table__actions {
  display: none;
}
  


a.pms-account-subscription-action-link:not(:last-child):after {
  content: ' | ';
}


div.pms-gm-message{
  margin-top: 22px;
}


.pms-account-navigation ul {
  list-style-type: none !important;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}
.pms-account-navigation li.pms-account-navigation-link {
  margin-right: 4px;
}
.pms-account-navigation li {
  list-style: none !important;
}
.pms-account-navigation ul li {
  margin: 0.5em 0 1.2em 0.1em;
}
.pms-account-navigation ul li:before
{
  content: inherit;
}
.pms-account-navigation ul li:not(:last-child):after {
  content: " | ";
  padding-left: 4px;
}

.pms-account-subscription-details-table td:nth-child(1) {
  color: grey;
  text-transform: uppercase;
  font-size: 0.7rem;
  width: 19em;
}
tr.pms-account-subscription-details-table__status td:nth-child(2) {
  color: green;
  text-transform: uppercase;
}


/* MEMBER TITLE SIGN-IN */
button#accordion_signin {
  display: none;
}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

/* .active, .accordion:hover {
  background-color: #ccc;
} */

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

p.wppb-error {
  background: var(--theme-grey);
  padding: 21px;
}


p.wppb-error {
  background: var(--theme-grey);
  padding: 21px;
}

.login-remember label {
  float: right !important;
  width: 534px !important;
  padding-top: .2rem !important;
}




@media (max-width: 1000px) { 

  .login-remember label {
    width: 330px !important;
  }  


}


@media (max-width: 765px) {

  .login-remember label {
    width: 214px !important;
  } 
  
}



@media (max-width: 566px) {

  .login-remember label {
    width: 177px !important;
  } 
  

}