/* M Checkout */

.mp_wrapper .mp-form-label
{
	font-size:17px;
	font-weight:500 !important;
	color:#2b303d;
	padding-bottom:5px;
	font-family:poppins !important;
	
}

.mp_wrapper .mp-form-row #user_first_name1,#user_last_name1,#user_login1,#user_email1,#mepr-address-one1,#mepr-address-two1,#mepr-address-city1,#mepr-address-country1,#mepr-address-state1,#mepr-address-zip1,#mepr_email1,#mepr_phone1,#mepr_company1,#mepr_user_password1,#mepr_user_password_confirm1,#mepr_discord_id1{
	width:85% !important;
	border-color:#CDD9EC;
  border-radius:5px !important;
	font-family:poppins !important;
	
}

.have-coupon-link{
	background-color:#F8F9FC;
	display:block;
	margin-top:50px;
	margin-bottom:50px;
	padding:15px;
	border-radius:3px;
	color:#ff9635;
	text-decoration:underline !important;
	font-weight:400;
	font-size:17px;
	width:85% !important;
}
.have-coupon-link:hover{
	text-decoration:none !important;
	color:#333;
}

.mp_wrapper .mepr-payment-method{
	width:85% !important;
	
}
.mp_wrapper .stripe-card-name{
	border-color:#CDD9EC !important;
  border-radius:5px;
}
.mp_wrapper .mepr-stripe-card-element{
	border-color:#CDD9EC !important;
  border-radius:5px;
}
.mepr_tos a{
	color:#DE7D39;
	font-size:16px;
	font-weight:400;
}
.mp-form-submit .mepr-submit{
	background-color:#ff9635;
	border:0px;
  border-radius:50px;
	color:white;
	font-weight:500;
	font-size:18px;
	padding:15px 55px 15px 55px;
	box-shadow:none !important;
	width:85% !important;
	transform:none !important;
	font-family:poppins;
	transition: all .2s linear;
	
}
.mp-form-submit .mepr-submit:hover{
	background-color:#007991;
}
@media only screen and (max-width: 600px) {
 .mp-form-submit .mepr-submit{
	width:99% !important;
}
	.mp_wrapper {
		width:99% !important;
	}
	.mp_wrapper .mepr-payment-method{
	width:99% !important;
	
}
	.mp_wrapper .mp-form-row #user_first_name1,#user_last_name1,#user_login1,#user_email1,#mepr-address-one1,#mepr-address-two1,#mepr-address-city1,#mepr-address-country1,#mepr-address-state1,#mepr-address-zip1,#mepr_email1,#mepr_phone1,#mepr_company1,#mepr_user_password1,#mepr_user_password_confirm1,#mepr_discord_id1{
		width:99% !important;
	}
	.have-coupon-link{
		width:99% !important;
	}
}

.mp_wrapper #mepr_coupon_code1{
	border-color:#CDD9EC;
	border-radius:5px;
        width:85%;
}
.mp_wrapper .mp_invoice{
	width:85%;
}
.dashicons, .dashicons-before::before{
	display:none !important;
}
.mp-form-row .mepr_bold{
	display:none;
}

/*  Dashboard */

.dash-menu .hfe-nav-menu li a{
	border-radius:5px;
}


/* Memberpress Account */
.mp_wrapper .mp-form-row{
	padding-bottom:5px;

}
#mepr_account_form .mepr-submit{
padding: 15px 35px 15px 35px;
background-color: #FF9635;
border:none !important;
color: white;
font-weight: 600;
font-family:poppins;
}
.mepr-account-change-password a{
	font-weight:600;
	width:100% !important;
	display:block;
	color:#FF9635;
	font-family:poppins;
}

#mepr_account_form .mepr-submit:hover{
	background:#007991;
	color:white;
}
#mepr_account_form .mp-form-label{
	font-size:16.5px;
	font-weight:550;
	color:#091d2e;
	font-family:poppins !important;
}
#mepr_account_form .mepr-form-input{
	border-color:#CDD9EC;
	font-family:poppins !important;
  border-radius:5px;
}
#mepr-account-nav{
	font-family:poppins !important; 
	
}

/* Discord button */
.ets-discord-connection-wrapper .btn-connect{
	border-radius:5px !important;
}
.ets_assigned_role img {
  display: none !important;
}
/* Remove "Have a coupon? */
.have-coupon-link { display: none; }
.mepr_coupon.mepr-hidden { display: initial; }
/* Remove Related posts in lessons */
#jp-relatedposts {
    display: none !important;
}
/* Change my courses size */
h1.mepr_page_header {
    font-size: 24px; 
}
/* Custom CSS for MemberPress course list shortcode */

/* Modify the course progress bar container */
.course-progress {
  /* Add custom styles here */
  border: 1px solid #ccc;
  background-color: #eaeaea;
}

/* Modify the course progress bar */
.user-progress {
  /* Add custom styles here */
  background-color: #888;
}

/* Modify the course title link */
.mpcs-course-list a {
  /* Add custom styles here */
  color: #000;
  text-decoration: underline;
  font-size: 16px;
  transition: color 0.3s ease-in-out;
}

/* Add hover effect to course titles */
.mpcs-course-list a:hover {
  color: #118196;
}

/* Custom CSS to hide course title element */
.mepr_page_header {
  display: none;
}

/* Custom CSS for subscription data element */
.mepr-account-product {
  font-weight: bold;
}
.mepr-account-auto-rebill {
  font-weight: bold;
}
.mepr-account-created-at {
  font-weight: bold;
}

.mepr-open-upgrade-popup {
  display: inline-block;
  padding: 10px 20px;
  background-color: #DE7D39;
  color: #fff;
  border: none;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
  text-align: center;
	font-weight: bold;
}

.mepr-open-upgrade-popup:hover {
  background-color: #118196;
  font-weight: bold;
  color: #fff;
}

#mepr-account-subscriptions-table td[data-label] {
  text-align: center;
}
#mepr-account-subscriptions-table th {
  text-decoration: underline;
}
#mepr-account-subscriptions-table {
  border-collapse: collapse;
  border: 2px solid #000;
	margin-bottom: 20px;
}

#mepr-account-subscriptions-table th,
#mepr-account-subscriptions-table td {
  border: 1px solid #000;
  padding: 8px;
}
#mepr-account-payments-table {
  border-collapse: collapse;
  border: 2px solid #000;
}
#mepr-account-payments-table th,
#mepr-account-payments-table td {
  border: 1px solid #000;
  padding: 8px;
  text-align: center;
}

#mepr-account-payments-table th {
  text-decoration: underline;
}
.mepr_update_account_table {
  padding-bottom: 40px;
	padding-left: 13px;

}

/* Custom CSS for dashboard menu item */
#mepr-account-nav {
  display: flex;
  justify-content: space-between;
  border: 2px solid black;
  border-radius: 5px;
  padding: 10px;
  width: fit-content;
  margin: 0 auto;
}

.mepr-nav-item {
  margin: 0 10px;
}

.mepr-nav-item a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.mepr-nav-item a:hover {
  background-color: #118196;
  color: #fff;
}

.mepr-active-nav-tab a {
  background-color: #fe9635;
  color: #fff;
}

.mepr-active-nav-tab a:hover {
  background-color: #118196;
}
/* Removing "change password" */
.mepr-account-change-password {
  display: none;
}
/* Custom CSS for dashboard menu item content borders */

.mepr-account-form {
  border: 2px solid black;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.mepr-courses-wrapper {
  border: 2px solid black;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 55px; 
  padding-left: 10px;
  border-radius: 5px;
}


@media (max-width: 767px) {
  #mepr-account-nav {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  .mepr-nav-item {
    margin: 5px;
  }
}
/*removing last name checkout field*/
.mp-form-row.mepr_last_name {
    display: none;
}
/*hiding "author" dropdown in course player*/
.mpcs-course-filter .column .dropdown:nth-of-type(2) {
    display: none;
}

/*Editing "actions" column within member dashboard*/
.mepr-account-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mepr-account-actions a, .mepr-account-actions button {
    font-weight: bold;
    text-decoration: none;
    background-color: #118196;
    color: #FFFFFF;
    padding: 3px 10px;
    margin: 5px 0;
    border: none;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.mepr-account-actions a:hover, .mepr-account-actions button:hover {
    background-color: #DE7D39;
}

.mepr-account-actions a:active, .mepr-account-actions button:active {
    background-color: #118196;
}

/* The rules inside this media query will apply to screens under 600px wide */
@media screen and (max-width: 600px) {
    .mepr-account-actions {
        flex-direction: row;
    }

    .mepr-account-actions a, .mepr-account-actions button {
        margin: 0 5px;  /* Adjust the horizontal margin */
    }
}

/*changing color of courses menu text*/
.dropdown.dropdown-right.has-image.active ul.menu li a {
    color: black !important;
}
ul#menu-memberpress-classroom-2 li.menu-item a.menu-link {
    color: black !important;
}

.wp-block-uagb-popup-builder.uagb-block-0f123977 {
    display: none !important;
}

#mpcs-sidebar .mpcs-sidebar-wrapper .figure img {
    max-height: none !important;
}