/*
Theme Name: MyLobi
Template: rife-free
Version: 1.0
Description: MyLobi Custom Theme
Author: Common Rise
*/

/* Add your custom styles below */

.gradient-text {
  display: inline-block;

  background: linear-gradient(135deg, #0986c8, #b03e97);
  background-clip: text;
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
  color: transparent;

  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* Gradient Button */
#gradient-outline-btn {
  position: relative !important;
  display: inline-block !important;
  padding: 14px 36px !important;
  font-weight: 600;
  background-color: white !important;
  color: #5f3393 !important;
  border: none !important;
  z-index: 1;
  border-radius: 1000px;
	align-items:center;
}

#gradient-outline-btn::before {
  content: '';
  position: absolute;
  top: -2px; left: -2px; bottom: -2px; right: -2px;
  background: linear-gradient(135deg, #0986c8, #b03e97);
  z-index: -1;
  border-radius: 1000px;
}

#gradient-outline-btn::after {
  content: '';
  position: absolute;
  top: 1px; left: 1px; bottom: 1px; right: 1px;
  background: white;
  z-index: -1;
  border-radius: 1000px;
}
#gradient-outline-btn:hover {
  color: white !important;
  background: linear-gradient(135deg, #0986c8, #b03e97) !important;
	text-decoration:none;
}
#gradient-outline-btn:hover::after {
  background: transparent;
}

/* Page Title Gradient */
h1.page-title {
	background: linear-gradient(135deg, #0986c8 0%, #B03E97 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* PMPro Button Gradient */
#pmpro_btn-submit, .pmpro_btn-submit-update-profile {
  position: relative !important;
  display: inline-block !important;
  padding: 14px 36px !important;
  font-weight: 600 !important;
  background-color: white !important;
  color: #5f3393 !important;
  border: solid 1px #5F3393 !important;
  z-index: 1!important;
  border-radius: 1000px !important;
	align-items:center!important;
	line-height:0.8 !important;
}

#pmpro_btn-submit::before, .pmpro_btn-submit-update-profile::before {
  content: ''!important;
  position: absolute!important;
  top: -2px !important; left: -2px !important; bottom: -2px !important; right: -2px !important;
  background: linear-gradient(135deg, #0986c8, #b03e97) !important;
  z-index: -1 !important;
  border-radius: 1000px !important;
}

#pmpro_btn-submit::after, .pmpro_btn-submit-update-profile::after {
  content: '' !important;
  position: absolute !important;
  top: 1px !important; left: 1px !important; bottom: 1px !important; right: 1px !important;
  background: white !important;
  z-index: -1 !important;
  border-radius: 1000px !important;
}

#pmpro_btn-submit:hover, .pmpro_btn-submit-update-profile:hover {
  color: white !important;
  background: linear-gradient(135deg, #0986c8, #b03e97) !important;
	text-decoration:none !important;
	border: 1px solid transparent !important; /* ← keep border size, but hide it */
}
#pmpro_btn-submit:hover::after, .pmpro_btn-submit-update-profile:hover::after {
  background: transparent !important;
}

/* Toggle Password Styles */
.pmpro_form_field-password-toggle {
	margin-right:25px !important;
	color:#b03e97 !important;
}

/* linkSelector Style */
#linkSelector, #linkSelector2 {
  padding: 1px 15px 1px 15px;
  font-size: 16px;
  border: 2px solid #0986c8;
  border-radius: 8px;
  background-color: white;
  color: #333;
  appearance: none; /* Remove default OS styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%206%205-6z%22%20fill%3D%22%234facfe%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 6px;
}

/* ACF Frontend Styles */
.acf-field input[type="file"] {
  border: 2px dashed #ccc;
  padding: 10px;
  background-color: #f8f8f8;
  color: #333;
  width: 100%;
  margin-bottom: 15px;
}

.acf-field label {
  font-weight: 600 !important;
  color: #b03e97;
  margin-bottom: 5px;
  display: block;
}

.acf-field input[type="submit"],
.acf-field .fea-submit-button {
  background: linear-gradient(135deg, #0986c8 0%, #b03e97 100%);
  color: white;
  padding: 10px 20px;
  border: solid #FFF 2px;
  border-radius: 1000px;
  cursor: pointer;
  font-weight: bold;
	transition: background 2s ease-in-out;
	margin-top:15px;
}

.acf-field input[type="submit"]:hover,
.acf-field .fea-submit-button:hover {
  background: white;
	border:solid #5f3393 2px;
	color:#5f3393;
}

.acf-fields > .acf-field {
	border-top-style:none !important
}
.acf-input > .description {
	font-size: 10px;
}

/* Profile Account Card */
.pmpro_heading-with-avatar {
	margin-left:50px !important;
}

.pmpro_heading-with-avatar > .avatar-48 {
	margin-left:30px !important;
}
/* Remove theme width limit in Elementor editor */
.elementor-editor-active .content-limiter {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}