/* Fenris Character Release Form */
.cr-page { max-width: 820px; margin: 0 auto; font-family: "Times New Roman", Georgia, serif; color: #111; line-height: 1.25; font-size: 15px; background-color:whitesmoke; padding:20px 40px; border-radius: 12px; }
.cr-page h2 { font-weight: 700; margin-bottom: 20px; text-transform: none; }
.cr-body { margin-bottom: 10px; white-space: pre-wrap; font-weight: 400; font-size: 18px; }
.cr-section { margin-top: 10px; font-size: 16px; }
.cr-indent { margin-left: 20px; margin-top: 6px; margin-bottom: 6px; }
.cr-heading { font-weight: 700; margin-bottom: 6px; }
.cr-signature-block { display: flex; gap: 40px; margin-top: 18px; }
.cr-column { flex: 1; padding: 8px 0; }
.cr-owner { border-right: none; }
.cr-sign-field { width: 100%; padding: 6px 8px; box-sizing: border-box; font-family: inherit; font-size: 15px; border: 0; border-bottom: 1px solid #111; background: transparent; }
.cr-small-field { width: 150px; padding: 6px 8px; box-sizing: border-box; font-family: inherit; font-size: 15px; border: 0; border-bottom: 1px solid #111; background: transparent; display: inline-block; color: black; }
.cr-field { width: 100%; min-height: 64px; padding: 6px 8px; box-sizing: border-box; font-family: inherit; font-size: 15px; border: 0; border-bottom: 1px solid #111; background: transparent; }
.cr-foot { margin-top: 14px; font-size: 14px; }
.cr-submit { margin-top: 18px; }
.wpcf7-form .wpcf7-submit { font-family: "Times New Roman", Georgia, serif; font-weight: 600; padding: 8px 14px; background: #f4f4f4; border: 1px solid #ccc; cursor: pointer; color: black; font-size: 1.3rem; border-radius: 8px; }

/* layout only — let JS set internal pixel buffer */
#digital_signature-pad_owner_signature_svg,
.dscf7_signature_inner {
  width: 100%;
  height: 150px;
  max-height: 150px;
  background-color: rgb(163, 162, 162);
}
/* ensure the canvas fills the container in CSS pixels */
.dscf7_signature_inner canvas,
#digital_signature-pad_owner_signature_svg canvas {
  width: 100% !important;
  height: 150px !important;
  display: block;
}

/* Ensure mobile stack */
@media (max-width: 720px) {
  .cr-signature-block { flex-direction: column; gap: 12px; }
  .cr-small-field { width: 100%; height:150px;}
}

/* Layout + legal-document styling for character rows */
.cr-characters { margin: 8px 0 14px 30px; font-family: "Times New Roman", Georgia, serif; color:#111; }
.cr-characters-label { display:block; margin-bottom:3px; font-weight:700; }
.cr-characters-list { display:flex; flex-direction:column; gap:10px; }
.cr-char-row { display:flex; align-items:flex-start; gap:8px 16px; }
.cr-char-left { flex: 0 0 36%; }
.cr-char-right { flex: 1; }
     
.cr-char-actions p,
.cr-char-left p,
.cr-char-right p { margin:4px 0px; font-weight: bold; }

.cr-smalllabel { font-size:13px; font-weight:600; display:block; margin-bottom:4px; }
.cr-input { width:100%; box-sizing:border-box; font-family: "Times New Roman", Georgia, serif; font-size:15px; padding:6px 8px; border:0; border-bottom:1px solid #111; background:transparent; }

.cr-actions { display:flex; gap:8px; align-items:center; }

.cr-add-btn { font-family: "Times New Roman", Georgia, serif; font-size:14px; padding:6px 10px; background:#f4f4f4; border:1px solid #ccc; cursor:pointer; margin-right:8px; border-radius: 8px; font-weight: bold; }
.cr-remove-row { font-size: 16px;
    line-height: 1;
    padding: 2px 8px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    color: #910;
    font-weight: bold;
    border-radius: 8px;
    padding: 4px 8px; }

.cr-hint { font-size:12px; color:#444; margin-left:8px; }

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    position: absolute;
    bottom: 250px;
    left: 220px;
    font-size: 1.2rem;
    max-width: 340px;
    border-radius: 8px;
    background-color: lightgreen;
    min-height: 100px;
}




/*         */

.ku-manual-invoice-form-container {
  display: block;
  padding: 20px;
  font-size: 1rem;
  max-width: 400px;
  border-radius: 20px;
  background-color: var(--slate);
  color: whitesmoke
}

.ku-manual-invoice-form-header {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
}

.ku-manual-invoice-form label {
  font-size: 0.8rem;
  font-weight: bold;
  color: whitesmoke;
  margin-right: 1rem;
} 
.ku-manual-invoice-form-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0px;
  font-size: 1rem;
  color: whitesmoke;
}
.ku-manual-invoice-form-label {
  text-align: left;
  margin-right: 0.5rem;
}
.ku-manual-invoice-user {
  width: 150px;
  padding: 5px;
  font-size: 0.8rem;
  border-radius: 8px;
  height: 30px;
}
.ku-manual-invoice-form-supporter {
  width: 150px !important;
  padding: 5px;
  font-size: 0.8rem;
  border-radius: 8px;
  height: 30px;
  margin-right: auto;
}
.ku-manual-invoice-form-row input[type="number"] {
  width: 75px;
  padding-left: 10px;
  font-size: 1.0rem;
  border-radius: 8px;
  height: 25px;
}

#ku-manual-invoice-form > span {
  width: 175px !important;
  padding: 5px;
  font-size: 0.8rem;
  border-radius: 8px;
  height: 25px;
}
.ku-manual-invoice-button {
  margin-left: 2rem !important;

}
.ku-supporter-project-container {
  display: flex;
  flex-direction: column;
  align-items: left;
  padding: 0.5rem;
  font-size: 1rem;
  max-width: 800px !important;
  width: 800px;
  min-height: 600px;
  background-color: var(--slate);
  border-radius: 8px;
  margin-left: 2rem !important;
}
.ku-supporter-project-title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0px 10px;
}
.ku-supporter-project-title-row span {
  font-size: 1.5rem;
  font-weight: bold;
  color: whitesmoke;
}
.ku-supporter-project-status {
  font-size: 1.2rem;
  font-weight: bold;
  color: whitesmoke;
  margin-right: 2rem;
}
.ku-wide-template-content {
  margin-left: 0.5rem  !important;
  margin-right: 0.5rem !important;
}
.dashboard-navigation {
    display: flex;
    margin-bottom: 50px;
    background-color: var(--slate);
    padding: 0.5rem;
    justify-content: flex-start;
}
.dashboard-navigation-item {
    /* The css for the individual navigation items are not inserted inline */
    text-decoration: none;
    color: whitesmoke !important;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 1.2rem;
    transition: background 0.2s, color 0.2s;
}
.dashboard-navigation-item a{
    color: white !important;
}
.dashboard-navigation-item:hover {
    background-color: #2563eb;
    color: white !important;
}  


.ku-tiles-container {
  display:block;
  border: none;
  border-radius:8px;
  padding:10px;
  margin:10px;
  background-color: var(--slate);
  width: 380px;
}
.ku-tiles-header {
  color: whitesmoke;
  text-align: center;
  margin: 0px 0px 10px 0px;
  font-size: 1.2rem;
  font-weight: bold;
}

.ku-project-tile,
.ku-wish-tile {
  display: flex;
  flex-direction: row;
  border: none;
  border-radius: 8px;
  background-color: whitesmoke;
  width: 380px;
  margin-bottom: 0.5rem;
}
.ku-project-tile-images,
.ku-wish-tile-images {
  display: flex;
  flex-direction: row;
  max-height: 75px;
}
.ku-project-tile-images img,
.ku-wish-tile-images img {
  max-width: 75px !important;
  max-height: 75px !important;
  width: 75px;
  height: 75px;
  object-fit: cover;
  border-radius: 10px;
}
.ku-project-tile-details,
.ku-wish-tile-details {
  display: flex;
  flex-direction: column;
  margin-left: 0.2rem;
  font-size: 0.9rem;
  width: -webkit-fill-available;
  min-height: 50px;
}
.ku-project-tile-title {
  display: flex;
  justify-content: flex-end;
  margin-right: 0.5rem;
}
.ku-wish-tile-title {
  font-weight: bold;
  font-size: 1.1rem;
}
.ku-project-tile-characeters,
.ku-wish-tile-characters {
  display: flex;
  flex-direction: row;
}
.ku-wish-tile-characters span {
  padding-right: 0.5rem;
  font-size: 0.9rem;
}

.ku-wish-tile-date {
  margin-top: 0rem;
  font-size: 0.8rem;
}
.ku-manual-invoice-button,
.ku-view-wish-button,
.ku-request-wish-button,
.ku-unrequest-wish-button,
.ku-wish-tile-button,
.ku-request-wish-button {
  border-radius: 8px;
  border: none;
  padding: 0.1rem 0.3rem;
  text-decoration: none;
  background-color: var(--light-slate); 
  font-size: 0.8rem;
  font-weight: normal;
  float: right;
  margin-right: .25rem;
  position: relative;
  max-height: 1.5rem;
  min-width: fit-content;
  width: 4.5rem;
  align-items: center;
  align-self: flex-end;
  margin-bottom: 0.2rem;
  margin-top: -.5rem;
  text-align: center;
}

/* my-characters pod template    */
.ku-character-image-container {
  height: 200px;
  display: block !important;
  justify-content: left;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  width: 200px;
  border-radius: 8px;
}
.ku-character-title-overlay {
  position: relative;
  bottom: 37px;
  background: rgba(255, 255, 255, 0.7); /* White background with transparency */
  color: black !important;
  width: 150px;
  text-align: left;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0px 10px;
  height: 30px;
  margin: 0px 0px 0px 20px;
  border-radius: 8px;
}

/* Wishes Page */
.wish-user-list {
  width: 380px !important; 
  margin: 0.25rem 0rem;
  font-size: 1rem;
  font-family: 'Arial', sans-serif;
  border-radius: 8px;
  padding: 0px;
  background-color: whitesmoke;
  display: flex; 
  height: 75px;
}
.wish-user-list-details { 
  text-align: left; 
  display: block;
  width: 100%;
}

.wish-user-list-title {
  font-size: 1.2rem;
  font-weight: bold;

}

.wish-user-list-date {
  margin-left: 10px;
  font-size: 0.8rem;
}

.wish-user-list-images { 
  display: flex;
  min-width: 225px; 
  max-width: 225px;
}

.wish-user-list-images a {
  max-width: 75px !important;
  max-height: 75px !important;
  width: 75px;
  height: 75px;

}

.wish-user-list-images img { 
  max-width: 75px !important;
  max-height: 75px !important;
  width: 75px;
  height: 75px;
  object-fit: cover;
  border-radius: 10px;
 }

.wish-user-list-characters {
  display: flex;
  flex-direction: row;
  margin-left: 0px;
}

/* Payments Page */
.payment-details-container {
  display: flex;
  flex-direction: column;
  align-items: left;
  padding: 20px;
  font-size: 1rem;
  max-width: 600px !important;
  background: whitesmoke;
  border-radius: 1rem;
  margin-top: 1rem;
}

.payment-details-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.payment-details-container-header span,
.payment-details-container-header {
  font-size: 1.5rem;
  font-weight: bold;
}

.payment-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  font-size: 1rem;
} 


.payment-project-header { 
  font-size: 1.5em; 
  font-weight: bold; 
  margin: 10px 0px; 
}
.payment-project-status {
  font-size: 1.5em; 
  font-weight: bold; 
  color: black; 
  text-transform: capitalize;
}
.payment-project-container {
  display: block;
  align-items: left;
  max-width: 600px;
}
.payment-project-featured-image {
  display: block;
  max-width: 150px;
  max-height: 150px;
  object-fit: contain;
  border-radius: 10px;
}

.payment-project-container img {
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
  border-radius: 10px;
}

.payment-project-finished-products {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.75rem 0.5rem;
}



/*  Variables  */
:root {
	--blue: #1e90ff;
	--white: #ffffff;
	--slate: #324e72;
	--light-slate: #a5b4d1;
	--link: black;
	--visited: black;
}
  
/*  Universal Styles */
.rounded-square-50 { max-width:50px; max-height:50px; object-fit:contain; border-radius:10px !important; }
.rounded-square-100 { max-width:100px; max-height:100px; object-fit:contain; border-radius:10px !important; }
.rounded-square-200 { max-width:200px; max-height:200px; object-fit:contain; border-radius:10px !important; }
.rounded-square-400 { max-width:400px !important; max-height:400px !important; object-fit:contain !important; border-radius:10px !important; }

.img-rounded-square { object-fit:contain !important; border-radius:10px !important; }
.img-max-400 { width:auto; height:auto; max-width:400px !important; max-height:380px !important; }
.img-max-300 { width:auto; height:auto; max-width:300px !important; max-height:280px !important; }
.img-max-200 { width:auto; height:auto; max-width:200px !important; max-height:180px !important; }
.img-max-100 { width:auto; height:auto; max-width:100px !important; max-height:100px !important; }

.ku-image-container-200 { height:180px; display: flex; justify-content: center; padding-bottom:0px; margin-bottom:0px; }
.ku-image-container-300 { height:280px; display: flex; justify-content: center; padding-bottom:0px; margin-bottom:0px; width:100%; }

.display-block { display:block; }
.display-flex { display:flex; padding:10px; }
.flex-center { justify-content: center; width:100%;}

a:link {
  color: var(--link);
  font-size:1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:visited {
  color: var(--visited);
  font-weight: Bold;
  font-size:1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.ku-float-left {
  align-self: center;
  float:left; 
}

.ku-flex-container {
  display: flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  width:100%;
}

.ku-flex-container div { float:left; }

.ku-border,
.ku-border-container {
  border-radius:20px; 
  margin:5px; 
  padding:10px;
  background-color: whitesmoke;
}

.ku-border { background-color: whitesmoke; }
.ku-border p { padding:10px; }
.ku-edit-button { width: fit-content; padding:7px 0px;  margin:5px; border-radius:20px; background-color: var(--light-slate); }

/* *********************************** 
  *    Tabs Container
  * ********************************* */
.plethoraplugins-tabs-container { min-width:850px; margin-right:20px; } 
/* Vertical Tabs */
.js-plethoraplugins-tabs, .plethoraplugins-sidenavjump { max-width:200px !important; }

/* *********************************** 
  *    List Pod Items Visual Editor Block
    To wrap the output of the pods template and prevent the following blocks from floating inadvertantly.  
  * ********************************* */
.pod-container { display:flex; width:auto; flex-wrap: wrap; }

/* *********************************** 
  * 		New Project from Wish Page
  * ********************************* */
.ku-n-p-f-w-page { display: flex; }
.ku-n-p-f-w-left { width: auto; }
.ku-n-p-f-w-right { width: 500px; padding-left: 20px; display: block; }
.ku-n-p-f-w-right > .pods-form-pod-project { display:block; }

/* *********************************** 
  * 		Send Invoices Form
  * ********************************* */
.ku-notice { 
  margin: -40px 0px 5px 40px;
  padding: 10px 40px;
  border: none;
  border-radius: 8px;
  background-color: lightyellow;
  width: calc(100% - 180px);
  text-align: left;
  font-size: 1em;
  height: 23px;
} 
.ku-success { 
  background-color: lightgreen; ;
} 
.ku-error { 
  background-color: lightcoral; ;
  font-weight: bold;
}

.payments-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  border-radius: 16px;
  overflow: hidden;
}

.payments-popup-close-container {
  position: absolute;
  top: 18px;
  right: 24px;
  z-index: 2;
}

.close-payments-button {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: #475569;
  cursor: pointer;
  padding: 8px;
}

.payments-popup-content {
  padding: 48px 32px 32px 32px;
}

.payments-popup-content h2 {
  margin-top: 0;
}

.invoice-amount-field {
  width: 60px;
  padding: 5px 10px;
  font-size: 1rem;
  border-radius: 8px;
  margin-left: 30px;
  }

.payment-notice {
  padding: 10px 20px;
  font-size: 1rem;
  margin: 20px;
  width: fit-content;
}
.payment-invoiced-notice {
  background-color: lightyellow;
}
.payment-paid-notice {
  background-color: lightgreen;
}

.send-invoices-button-container {
  display: flex;
  justify-content: center;
}

#send-invoices-button {
  padding: 10px 20px;
  font-size: 1.2em;
  border-radius: 8px;
  margin-top: 20px;
  background-color: var(--light-slate);
}
#send-invoices-button:hover {
  background-color: var(--blue);
  color: var(--white);
}

.ku-table,
.ku-multiple-supporter-invoice-table {
  width: auto;
  border-collapse: collapse;
  border-radius:8px;
  font-size: 1em;
  font-family: 'Arial', sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  font-weight: normal;
  background-color: var(--light-slate);
  padding: 5px 15px;
}


.ku-multiple-supporter-invoice-table thead tr { background-color: whitesmoke; color: #ffffff; text-align: left; }

.ku-multiple-supporter-invoice-table th,
.ku-multiple-supporter-invoice-table td { padding: 5px 15px !important; font-weight: normal; text-align:left; }

.ku-multiple-supporter-invoice-table tr { border-bottom: 1px solid #dddddd; }

.ku-multiple-supporter-invoice-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
.ku-multiple-supporter-invoice-table tbody tr.active-row { color: var(--light-slate); }
.ku-multiple-supporter-invoice-table tbody tr:last-of-type { border-bottom: none; }

/* *********************************** 
  * 		Paypal Subscription area
  * ********************************* */
.ku-subscribe-container {
  border: 2px solid black !important;
  border-radius: 20px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px;
}
.ku-subscribe-container form {
  display:flex;
  justify-content: center;
  align-content: center;
  margin-bottom: 20px;
}
.wppaypal_variable_subscription_a3_label {
  min-width: 20px;
  margin-left: 20px;
  font-size: 1.5em;
  justify-content: center;
  align-content: center;
}
.wppaypal_variable_subscription_a3_input {
  margin: 0px 10px 0px 0px;
  padding: 10px 10px 10px 10px;
  font-size: 1em;
  border-radius: 20px;
  width: 50px;
}
.ku-subscribe-container input[type="submit"] {
  display: flex;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  border-radius: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
.ku-paypal-manage-button {
  width:fit-content; 
  padding:7px 0px; 
  margin:5px;
  border-radius:20px; 
  background-color: var(--light-slate); 	
}


/* Invoices Tiles */
.invoices-tiles-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  width: 400px;
  max-width: 400px;
  border-radius: 8px;
  background-color: var(--slate);
  padding: 0rem 0rem 1rem 1rem;
  gap: 0.5rem;
}
.invoices-tiles-header {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  color: whitesmoke;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;

}
.invoices-tiles-container-tile {
  display: block;
  font-size: 1.2rem;
  padding: 10px 10px;
  width: auto;
  color: black;
  background-color: whitesmoke;
  margin-right: 1rem;
  border-radius: 8px;
  gap: 1rem;
}
.invoices-tiles-container 
.invoice-title {
  font-size: 1rem;
  font-weight: bold;
  padding: 0px 10px;
  width: auto;
  color: black;
}
.invoices-tiles-container-tile-amount {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
.invoices-tiles-container-tile-amount form input[type="submit"] {
  padding: 0.5rem;
  background-color: var(--slate);
  color: white;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
}

/* ************************************************************************ 
  * 		Project User View
  * *********************************************************************** */
.project-user-view-container {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  font-size: 1rem;
  max-width: 1000px !important;
  width: 1000px;
  min-height: 600px;
  background-color: var(--slate);
  border-radius: 8px;
  margin-left: 2rem !important;
}

.project-user-view-title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.project-user-view-title-row span {
  font-size: 1.5rem;
  font-weight: bold;
  color: whitesmoke;
  margin: 0.5rem 1rem 1rem 1rem;
}

.project-user-view-images {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 0rem 1rem;
}
.project-user-view-finished-products img,
.project-user-view-images img { 
  max-height: 150px;
  max-width: 150px;
  object-fit: cover;
  border-radius: 8px;
}

.project-user-view-supporter-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0rem 1rem 1rem 1rem;
  gap: 1rem;
}
.project-user-view-supporter-row span {
  color: whitesmoke;
  font-size: 1rem;
  font-weight: bold;
  gap: 1rem;
  font-size: 1.5rem;
}
.project-user-view-character {
  position: relative;
}

.project-user-view-character span{
  position: absolute;
  bottom: 4px;
  left: 0px;
  font-size: 20px;
  background-color: whitesmoke;
  opacity: 50%;
  width: calc(100% - 0.5rem);
  border-radius: 0px 0px 8px 8px;
  padding-left: 0.5rem;
  color: black;
}

.project-user-view-finished-products {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.75rem 0.5rem;
  margin: 1rem 1rem 1rem 1rem;
}

/* ************************************************************************ 
  * 		Projects I Support
  * *********************************************************************** */
.ku-projects-supporter-table-view { border:1px solid black; }

.projects-i-support-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  font-size: 1rem;
  max-width: 400px !important;
  width: 400px;
  background-color: var(--slate);
  border-radius: 8px;
  margin-left: 2rem !important;
}

.projects-i-support { 
  display: block;
  width: 380px;
  max-width: 380px;
  border: none;
  border-radius: 8px;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: whitesmoke;
}
.projects-i-support-container h2 {
  color: whitesmoke;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
.projects-i-support-title {
  font-size: 1rem;
  font-weight: bold;
  padding: 0px 10px;
  width: auto;
  display: flex;
  justify-content: space-between;
  margin-right: 1rem;
  color: black;
}
.projects-i-support-images {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  justify-content: flex-start;
  width: 100%;
  padding-left: 1rem;
  height: 100px;
  max-height: 100px;
}

.projects-i-support-images img {
  object-fit: cover;
  border-radius: 10px;
  border: none;
  margin: 0.5rem;
  display: inline-block;
  height: 150px;
  max-height: 150px;
  width: 150px;
  max-width: 150px;
}


/* My invoices tiles pods template */
.my-invoices-tile-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 400px;
  max-width: 400px;
  border-radius: 8px;
  background-color: var(--slate);
}
.my-invoices-title {
  display: flex;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0px 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.my-invoices-images {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  justify-content: flex-start;
  width: 100%;
  padding-left: 1rem;
  height: 100px;
  max-height: 100px;

}

/* *********************************** 
  * 		User Payments Table
    Also used on payments page
  * ********************************* */
.ku-payments-column { 
  max-width: 600px !important;
  min-width: 400px !important;
}

.ku-artist-payments-filter {
  margin-left: 9rem;
  padding-left: 0rem;
  position: relative;
  top: -4rem;
}
.pods-pagination-advanced {
  display: inline-flex;
  max-width: 500px;
  font-size: 1rem;
}
  .ku-user-payments-container {
  display: flex;
  flex-direction: column;
  align-items: left;
}  

.ku-user-payments-container p.pods-pagination {
  margin: 0rem;
  padding: 0rem;
  max-width: 500px !important;
  position: relative;
  top: -4rem;
}

.ku-user-payments-header {
  font-size: 2rem;
  font-weight: bold;
  text-align: left;
  color: black;
  margin-left: 1rem;
  position: relative;
  top: -2rem;
}

.pods-form-filters-submit { 
 margin-left: 40px !important; 
} 

.ku-user-payments-table {
  width: 450px; /* Fixed width for the table */
  font-size: 0.8rem;
  font-family: 'Arial', sans-serif;
  border-radius: 8px;
  padding: 8px;
  background-color: var(--slate) ;
  position: relative;
  top: -3rem;
}

.ku-user-payments-table th, .ku-user-payments-table td { border: 1px solid #ddd; padding: 8px; text-align: left;  }
.ku-user-payments-table th { background-color: #f2f2f2; color: #333; font-weight: bold; }
.ku-user-payments-table tr { border-radius: 8px 0px 0px 8px; }
.ku-user-payments-table tr:nth-child(odd) { background-color: whitesmoke; }
.ku-user-payments-table tr:nth-child(even) { background-color: var(--light-slate); }
.ku-user-payments-table tr:hover { background-color: #ddd; }
.ku-user-payments-table th, .ku-user-payments-table td { padding: 5px 10px; }
.ku-user-payments-table th { color: black; }
.ku-user-payments-table th:nth-child(1), .ku-user-payments-table td:nth-child(1) { width: 150px; }
.ku-user-payments-table th:nth-child(2), .ku-user-payments-table td:nth-child(2) { width: 150px; }
.ku-user-payments-table th:nth-child(3), .ku-user-payments-table td:nth-child(3) { width: 65px; }
.ku-user-payments-table th:nth-child(4), .ku-user-payments-table td:nth-child(4) { width: 85px; }

.ku-user-payments-table input[type="submit"] {
  color: white; /* White text */
  border: none; /* Remove border */
  padding: 10px 20px; /* Add some padding */
  text-align: center; /* Center the text */
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Make it inline-block */
  font-size: 0.8rem !important; /* Increase font size */
  margin: 4px 2px; /* Add some margin */
  cursor: pointer; /* Add a pointer cursor on hover */
  border-radius: 8px; /* Rounded corners */
}

.ku-success-message-container {
  width:500px;
  height: fit-content;
  padding: 20px;
  display: block;
  justify-content:center;
  border: 1px solid black;
  border-radius:20px;
  text-align: center;
}
.ku-success-message-container div { margin-top:20px; }

/* ******************************************************************************************* 
  * 		Edit Wish Page
  * ****************************************************************************************** */
.ku-edit-wish-columns-container { 
  flex-wrap: wrap;
}
.ku-edit-wish-left-column {
  min-width:400px !important;
  flex-shrink:0;	
}
.ku-edit-wish-middle-column {
  min-width:500px !important;
  flex-shrink:0;
  flex-wrap: wrap;
}
.ku-edit-wish-right-column {
  min-width:500px !important;
  flex-shrink:0;
  flex-wrap: wrap;
}
/* ******************************************************************************************* 
  * 		My Profile Page Tabs
  * ****************************************************************************************** */
.pg-horizontal-responsive-menu > li {
  color:whitesmoke !important;
  font-size: 1.1em;
}

/* *********************************** 
  * 		Pods Pagination
  * ********************************* */
.pods-pagination { clear: both !important; font-size: 1.5em; width: 100%; text-align: center; }
.pods-pagination-number, 
.pods-pagination-label { margin:10px; }
.pods-pagination-current { font-size:1.2em; }

/* *********************************** 
  * 		Character Pods Templates
  * ********************************* */
.character-tile-300 { width:320px; height:360px; }
.ku-character-tile-200, .character-tile-200 { width:200px; height:240px; }
.character-tile-200-xl { width:200px; height:280px; }
.ku-character-details-block { display: block; padding:0px; margin:0px; }
.ku-character-title { font-size:1em; margin:0px; padding:0px; }
.ku-character-details { display:block; font-size: 1em; width:100%; }
.ku-character-details p { margin-left:20px; }
.ku-character-details-row {
  display:inline-block;
  padding:0px 0px 0px 20px; 
  margin:0px;
  font-size: .8em;
  
}
.ku-character-select-button-row {
  display:flex;
  width:100%;
  justify-content: flex-end;
  font-size:.8em;
}
.ku-edit-character-button {
width: auto;
margin-top: 0px;
display: flex;
padding: 2px 2px;
margin-right: 10px;
border:1px solid black;
border-radius: 20px;
text-decoration: none;
text-decoration-line: none;
background-color: var(--blue); 	
float: right;
}

.by-author {
  display:flex; 
  justify-content:flex-end; 
  margin-top:-10px;	
  font-size:1em;
  text-decoration: none;		
}
.by-author a:link,
.by-author a:visited {
  border-radius:20px;
  margin-left: 2px;
  padding: 0px 8px 3px 8px;
  color: Black;
  font-weight: Bold;
  font-size:1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.by-author a:hover,
.by-author a:active { background-color:whitesmoke; }

/* *************************************************************************************** 
  * 	Select/Delete Buttons for Character & Catalog
  * ************************************************************************************* */
.ku-delete-button,
.ku-select-button {
  display: inline-block;
  padding: 2px 15px;
  margin-right: 20px;
  border:1px solid black;
  border-radius:20px;
  text-decoration: none;
  text-decoration-line: none;
  background-color: var(--light-slate); 
}
.ku-delete-button:link,
.ku-delete-button:visited,
.ku-select-button:link,
.ku-select-button:visited { color: Black; font-weight: normal; font-size:.8em; text-align: center; }

.ku-delete-button:hover,
.ku-delete-button:active,
.ku-select-button:hover,
.ku-select-button:active { background-color:whitesmoke; }

/* *************************************************************************************** 
  * 		Catalog Page
  * ************************************************************************************* */
.ku-catalog-details-row {
  display:flex;
  width: 100%;
  padding:0px 20px 0px 20px; 
  margin-right: 50px;
  font-size: 1em;
  justify-content: space-between;
}

.ku-wish-button {
  width:auto;
  margin-top:-10px;
  display: inline-block;
  padding: 2px 2px;
  margin-right: 20px;
  border:1px solid black;
  border-radius:20px;
  text-decoration: none;
  text-decoration-line: none;
  background-color: var(--light-slate); 
}

/* *************************************************************************************** 
  * 		Project Page
  * ************************************************************************************* 
.project-container { display:block; }
.project-header { display:flex; justify-content:space-between; }
.project-title { font-size:1.5em; }
.project-page-need-by ul { font-size:1em !important; list-style-type:none !important; margin-block-start: 0px !important; margin-block-end: 0px !important; }
.project-images-container { width:450px; }
.ku-characters-row { display:flex; width:100%; justify-content:flex-end; }
*/

/* *************************************************************************************** 
  * 		Art View Page
  * ************************************************************************************* */
.character-details { margin-left: 40px; }
.art-view-title { font-size: 2em; font-weight: bold; padding: 10px 40px; }
.art-view-character-container { display: flex; flex-wrap: wrap; padding: 5px 10px; max-width: 100%; }
.art-view-featured-image { border-radius: 20px; width: 100%; padding: 5px; }
.art-view-reference-images { border-radius: 20px; }
.art-view-alt-image { border-radius: 20px; width: 200px; padding: 5px; }
.art-view-alt-image-container { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 5px 10px; max-width: 100%; }
.art-container { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.art-container p.pods-pagination { clear: both !important; }

.art-tile-300 { width:320px; height:340px; }

/* *************************************************************************************** 
  * 		New Wish Page
  * ************************************************************************************* */
.pods-form-ui-row-name-catalog {
  visibility: hidden;
  display: none;
}

.title-button a:link,
.title-button a:visited {
  border-radius:20px;
  color: Black;
  font-weight: normal;
  font-size:1.2em;
  padding: 5px 15px;
    margin: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.title-button a:hover,
.title-button a:active { border: 1px solid black; }

.character-button a:link,
.character-button a:visited {
  border-radius:20px;
  color: Black;
  font-weight: normal;
  font-size: 1.2em;
  padding: 2px 15px;
    margin: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.character-button a:hover,
.character-button a:active { border: 1px solid black; }


/* *************************************************************************************** 
  * 		Wish tiles view
  * ************************************************************************************* */
.wish-container {
  display:block;
  border: 1px solid black;
  border-radius:20px;
  padding:10px;
  margin:10px;
}
.wish-tile-view-container {
  width: 260px;
  height: 350px;
}
.wish-title {
  font-size:1.5em;
}

.wish-by {
  font-size:.8em;
}

.wish-author {
  font-size: 1em;
}

.wish-images-container {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.wish-images-container img {
  padding:5px;
}

.wish-details-container {
  display:block;
  padding-left:0px; 
}
.wish-names-container {
  display:flex;
  flex-wrap: wrap;
  margin:0px;
}

.wish-character-names {
  padding: 2px;
  font-size:.8em;
}
.wish-full-view-container a:link,
.wish-full-view-container a:visited,
.wish-details-container a:link,
.wish-details-container a:visited {
  border-radius:20px;
  margin-left: 2px;
  padding: 0px 8px 3px 8px;
  color: Black;
  font-weight: normal;
  font-size:1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.wish-details-container a:hover,
.wish-details-container a:active { border: 1px solid black; }

.wish-full-view-container {
  width:fit-content; 
  padding:10px; 
  border: 1px solid black;
  border-radius:20px;
  background-color:whitesmoke;
}

.wish-full-view-column {
  display:block;
  border: 1px solid black;
  border-radius:20px;
  min-width: 200px;
  min-height: 200px;
  margin:10px;
  padding:5px;
}
.wish-full-view-featuring-label {
  font-size: 1em;
  margin-left: 10px;
  margin-right:10px;
}
.wish-full-view-featuring {
  font-size:1.5em;
  margin:10px;
}
.wish-full-view-header {
  display:inline-block; 
  width:100%; 
  text-align:center; 
  margin:10px;
}
.wish-full-view-title {
  display: inline-block;
  font-size:2em;
  text-align:center;
}
.wish-detail {
  margin:10px;
  margin-right:40px;
}
.wish-block {
  display:block;
}
.wish-flex {
  display:flex;	
  padding:10px;
}

.border-item-container { display:block; border: 2px solid black; border-radius:20px; padding:10px; }

.item-container { display:flex; width:fit-content; padding:0px 20px 20px 20px; }

.wish-button { margin:5px; border-radius:10px; padding:7px; }

.button-container { float:left; font-size:.8em; margin-left: 40px; }

.item-title { font-size:1.5em; margin:10px 10px 10px 40px; padding:0px;	}

/* *************************************************************************************** 
  * 	  New Wish Page  
  * ************************************************************************************* */
.new-wish-page-container {
  display: flex;
  flex-wrap: wrap;
}

.ku-new-wish-form {
  flex: 1;
  padding: 10px;
  box-sizing: border-box;
  min-width:400px;
}

.ku-new-wish-middle-column {
  flex: 2;
  padding: 10px;
  box-sizing: border-box;
}

.ku-new-wish-right-column {
  flex: 1;
  padding: 10px;
  box-sizing: border-box;
}


/* *************************************************************************************** 
  * 	 Catalog-Item-tiles view  
  * ************************************************************************************* */
.item-outer-container {
  margin:0px; 
  float:left; 
}

.item-border-200px {
    border: 1px solid black;
    border-radius:20px; 
    width:240px;
    margin:5px; }

.item-border-300px {
    border: 1px solid black;
    border-radius:20px; 
    width:340px;
    margin:5px; }

.item-inner-container {
      margin:10px;
}

.item-image-200px img {
    border-radius:20px; width:200px; height:200px;}

.item-image-300px img {
    border-radius:20px; width:300px; height:300px;}

.item-title {
    font-weight: bold;   }

.item-edit {
    padding-left: 5px; }

/* *************************************************************************************** 
  * 	 Container for the social icons  
  * ************************************************************************************* */
.KU-social-container {
  display: flex;
  width: fit-content;
  background-color: #94a3b8; 
  border-radius: 20px;
  margin-top:10px;
  padding: 5px 15px 0px 15px;
}
.KU-social-container .KU-social,
.KU-social-container .social {
  float:left;
}
.KU-social-container img.no-lightbox {
  width: 50px; /* Set the desired width */
  height: 50px; /* Set the desired height */
  border-radius: 20%; /* Optional: make the icons circular */
  margin: 0px;
  padding: 5px 5px 0px 5px;  
}

/* *************************************************************************************** 
  * 	Wishes Artist Table  
  * ************************************************************************************* */
  .ku-artist-wishes-table {
    border-collapse: collapse;
    border-radius:20px;
    margin: 20px 0;
    font-size: 1em;
    font-family: 'Arial', sans-serif;
    min-width: 900px;
    max-width: 1400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    font-weight: normal;
    background-color: var(--light-slate);
  }

  .ku-artist-wishes-table thead tr { background-color: whitesmoke; color: #ffffff; text-align: center; }
  .ku-artist-wishes-table th,
  .ku-artist-wishes-table td { padding: 12px 15px; font-weight: normal; text-align:center; }
  .ku-artist-wishes-table tr { border-bottom: 1px solid #dddddd; }
  .ku-artist-wishes-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
  .ku-artist-wishes-table tbody tr.active-row { color: #009879; }
  .ku-artist-wishes-table tbody tr:last-of-type { border-bottom: none; }

  .ku-artist-wishes-table th:nth-child(1),
  .ku-artist-wishes-table td:nth-child(1) { width: 200px; }
  .ku-artist-wishes-table th:nth-child(2),
  .ku-artist-wishes-table td:nth-child(2) { width: 200px; }
  .ku-artist-wishes-table th:nth-child(3),
  .ku-artist-wishes-table td:nth-child(3) { width: 150px; }
  .ku-artist-wishes-table th:nth-child(4),
  .ku-artist-wishes-table td:nth-child(4) { width: 150px; text-align: left; }
  .ku-artist-wishes-table th:nth-child(5),
  .ku-artist-wishes-table td:nth-child(5) { width: 150px; }
  .ku-artist-wishes-table th:nth-child(6),
  .ku-artist-wishes-table td:nth-child(6) { width:200px; text-align: left; }

/* *************************************************************************************** 
  * 	Projects Artist Table  
  * ************************************************************************************* */
  .ku-artist-projects-table {
    border-collapse: collapse;
    border-radius:20px;
    margin: 20px 0;
    font-size: 1em;
    font-family: 'Arial', sans-serif;
    min-width: 900px;
    max-width: 1400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    font-weight: normal;
    background-color: var(--light-slate);
  }

  .ku-artist-projects-table thead tr { background-color: whitesmoke; color: #ffffff; text-align: left; }
  .ku-artist-projects-table th,
  .ku-artist-projects-table td { padding: 12px 15px; font-weight: normal; text-align:center; }
  .ku-artist-projects-table tr { border-bottom: 1px solid #dddddd; }
  .ku-artist-projects-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
  .ku-artist-projects-table tbody tr.active-row { color: #009879; }
  .ku-artist-projects-table tbody tr:last-of-type { border-bottom: none; }

  .ku-artist-projects-table th:nth-child(1),
  .ku-artist-projects-table td:nth-child(1) { width: 150px; }
  .ku-artist-projects-table th:nth-child(2),
  .ku-artist-projects-table td:nth-child(2) { width: 200px; }
  .ku-artist-projects-table th:nth-child(3),
  .ku-artist-projects-table td:nth-child(3) { width: 200px; }
  .ku-artist-projects-table th:nth-child(4),
  .ku-artist-projects-table td:nth-child(4) { width: 150px; }
  .ku-artist-projects-table th:nth-child(5),
  .ku-artist-projects-table td:nth-child(5) { width: 150px; }
  .ku-artist-projects-table th:nth-child(6),
  .ku-artist-projects-table td:nth-child(6) { width:75px; }
  .ku-artist-projects-table th:nth-child(7),
  .ku-artist-projects-table td:nth-child(7) { width: 100px; }
  .ku-artist-projects-table th:nth-child(8),
  .ku-artist-projects-table td:nth-child(8) { min-width:200px; text-align: left; }

/* *************************************************************************************** 
  * 	 Projects Full View Template  
  * ************************************************************************************* 
div.container {
  border: 0px solid black;
  border-radius: 20px;
  width: 100%;
}
div.header {
  display: inline-block;
  padding: 0px 20px;
}

div.header span.title {
  font-size: 1.8em;
}

div.header span.users,
div.header span.characters,
div.header span.price,
div.header span.need-by {
  font-size: 1.2em;
  padding: 0px 10px 0px 20px;
}

div.header span.user,
div.header span.character {
  font-size: 1.5em;
  padding: 0px 5px;
}

div.header span.price {
  font-size: 1.8em;
  padding: 0px 20px;
}

div.header span.payment {
  padding: 0px 20px;
  font-size: 1.2em;
}

div.content {
  display: flex;
}


div.catalog-item,
div.featured-image,
div.character-image,
div.reference-image {
  float: left;
  margin: 20px 5px 0px 5px;
  border: 1px solid black;
  border-radius: 10px;
  padding: 5px;
  width: 220px;
  height: 250px;
}

div.catalog-item img,
div.featured-image img,
div.character-image img,
div.reference-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 200px;
  object-fit: contain;
  padding: 20px 0px 0px 0px;
}

div.catalog-item div.title,
div.character-image div.title,
div.reference-image div.title {
  font-size: 1.2em;
  text-align: center;
}

 END Projects Full View Template 
 */
/* ****************************** */

/* Pods Forms   */

.pods-form {
  overflow:visible !important;  
}

/* Field Labels */
.pods-form-ui-label {
  color: black;
  font-size:1.2em;
    margin-top:10px;
    margin-bottom:10px;
} 

/* Text Fields */
.pods-form-ui-field-type-website,
.pods-form-ui-field-type-text {
  font-size: 1.2em;
padding-left:20px;
margin-top:10px;
  border-radius:10px;
  max-width:380px;
  border: none;
}

/* Repeatable text fields Add Button */
.is-secondary {
margin-bottom: 10px;
border-radius:20px;
color:black !important;
}

/* File Field */
.pods-form-ui-row-type-file {
  min-height:30px; 
} 

/* File Field Add Button*/
.pods-dfv-list-add {
  color: black;
  font-size:1em;
  margin-left:100px;
  border: 2px solid black;
  border-radius:20px;
  width:150px;
  text-align: center;
} 

/* File Field Selected File(s) */

/* Relationship Field Container */
.pods-list-select-values-container {
  max-width:400px;
  margin-left:0px;
  margin-top:-20px;
  padding-top:0px;
}  

/* Relationship Selected Item(s) */
.pods-dfv-pick-full-select__control {
  margin-left:0px;
  margin-bottom:30px;
  max-width:400px;
} 

/* Relationship multi field  */
.pods-field-option {
margin-left:0px;
margin-right:20px;
}
/* Relationshis Selected */
.pods-list-select-item__inner {
    margin-left:0px;
    padding-left: 0px;
}

/* Currency, Date, & Yes/No fields */
.pods-form-ui-field-type-pick,
.pods-form-ui-field-type-datetime,
.pods-form-ui-field-type-currency {
  font-size: 1.2em;
  margin-top:10px;
  margin-bottom: 20px !important;
  border-radius: 10px;
  max-width: 150px !important;
  border: none;
} 

/* Currency Sign for Currency Field */
.pods-currency-sign {
  margin-left:10px;
  padding-top:-10px;
  margin-top:-10px;
}

/* Textarea Field */
.pods-form-ui-field-type-paragraph {
  max-width:380px;
  border-radius:20px;
  margin-top:10px;
  margin-bottom:10px;
}

/* All Field comments (instructions) */
.pods-form-ui-comment {
  padding-top:0px;
  margin-top:-10px;
  margin-left:30px;
}

/* Drop Down for Associated Role Specifically */
#pods-form-ui-pods-field-associated-role {
  padding:5px;
  padding-bottom:10px;
  margin:15px;
}

/* Repeatable Fields Wrapper */
.pods-field-wrapper__repeatable {
  /* Hide the border and use page background color */
  background: var(--wp--preset--color--base-0) !important;
  border: none !important;
}

/* Submit button */
.pods-submit-button {
  font-size:16px;
  padding:10px;
  border:none;
  border-radius:20px;
}

/* *************************************************************************************** 
  * 		The way the blocks are displayed on the page editor
  * ************************************************************************************* */
.knot-u-block { border: 1px solid black; border-radius: 20px; padding: 20px; width: 300px; margin: 20px auto; box-sizing: border-box; }
.knot-u-block h2 { text-align: center; }
.knot-u-block label { display: block; text-align: center; margin-top: 10px; }
.knot-u-block input[type="text"] { display: block; margin: 10px auto; padding: 5px; width: 80%; box-sizing: border-box; }
.form-flex-container { display: flex !important; flex-wrap: wrap !important; }
.form-block-container { display: block; }

/* *************************************************************************************** 
  * 		Form Styles
  * ************************************************************************************* */
.form-column input[type="text"], 
.form-column input[type="date"], 
.form-column input[type="file"], 
.form-column textarea, 
.form-column select { width: 100%; padding: 10px; font-size: 1em; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
.left-column {
  margin-top:20px;
}
li .pods-dfv-list-name { flex: 1; min-width: 300px; max-width: 500px; }
.form-column input[type="submit"] { background-color: #4CAF50; color: white; border: none; padding: 10px 20px; font-size: 1.2em; border-radius: 5px; cursor: pointer; }
.form-column input[type="submit"]:hover { background-color: #45a049; }
.final-price-container { display: flex; align-items: center; margin-bottom: 10px; }
.final-price-container label { margin-right: 10px; width: auto; text-align: left; }
.textarea-container { display: block; margin-bottom: 10px; }
.textarea-container label { display: block; margin-bottom: 5px; }
.textarea-container textarea { width: 400px; height: 100px; border-radius: 20px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; }
.pods-pagination { margin: 0rem; }

/* ku_send_money Shortcode Styles */
.ku-send-money-container {
  background-color: var(--slate);
  border-radius: 20px;
  padding: 0px;
  margin: 0px;
  color: whitesmoke;
}

.ku-send-money-title {
  background-color: rgba(59, 130, 246, 0.2);
  margin: 0;
  padding: 15px 20px;
  border-radius: 20px 20px 0 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: whitesmoke;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ku-form-send-money {
  padding: 20px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

.ku-form-send-money .ku-form-field {
  margin-bottom: 15px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.ku-form-send-money label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 0.9rem;
  color: whitesmoke;
}

.ku-form-send-money input[type="number"],
.ku-form-send-money input[type="text"] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  box-sizing: border-box;
}

.ku-form-send-money small {
  display: block;
  margin-top: 5px;
  font-size: 0.8rem;
  color: #ccc;
}

.ku-form-send-money .ku-button {
  background-color: #3b82f6;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ku-form-send-money .ku-button:hover {
  background-color: #2563eb;
}

.ku-form-send-money .ku-form-submit {
  text-align: center;
  margin-top: 20px;
}

/* PayPal Button Container Styles */
.ku-paypal-button-container {
  background-color: var(--slate);
  border-radius: 20px;
  padding: 0;
  margin: 0px;;
  color: whitesmoke;
}

.ku-paypal-button-title {
  background-color: rgba(59, 130, 246, 0.2);
  margin: 0;
  padding: 15px 20px;
  border-radius: 20px 20px 0 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: whitesmoke;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ku-paypal-button-content {
  padding: 30px 20px;
  text-align: center;
  background: transparent;
}

/* PayPal Button Centering */
.ku-paypal-button-content > div,
.ku-paypal-button-content form,
.ku-paypal-button-content .wppaypalcheckout-container,
.ku-paypal-button-content .wppaypalcheckout-button-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.ku-paypal-button-content input[type="submit"] {
  margin: 0 auto !important;
  display: block !important;
  padding: 10px;
  border-radius: 8px;
  border: none;
  font-weight: bold;
}

/* PayPal Button Direct Styling */
.ku-paypal-button-content div[id*="wppaypalcheckout-button-container"] {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.ku-paypal-button-content div[id*="paypal-button"] {
  margin: 0 auto !important;
}