/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.logged-in .signup-form-button{display: none; }
#loginform label{display: block;}
.aol-registration-form, .aol-login-form, .aol-reset-pass-form{border: 1px solid #bbb; padding: 20px; border-radius: 5px;}
ul.aol-dashboard-navigation{ font-size:13px; padding-bottom: 30px !important; list-style: none; border-bottom: 2px solid #2b2e83 }
.aol-dashboard-navigation li{ display: inline-block; float: left; }
.aol-dashboard-navigation li a{ padding: 10px; text-transform: uppercase; font-size: 13px; }
.aol-dashboard-navigation li:first-child a{ padding-left: 0px; }
.aol-dashboard-navigation li:not(:last-child)::after{ content: "|"; }
.aol-dashboard-navigation li a:hover{ color: #a51c75 !important; }
.aol-dashboard-wrapper{ background: white; padding: 30px; margin-bottom: 30px; }

#left-area #aol-user-meta{list-style: none;}
#aol-user-meta li{padding-bottom: 15px;}
.aol-user-data{display: flex; gap:20px; padding: 10px; font-size: 15px;  color: #3c434a}
.aol-user-data .aol-user-avatar{flex-grow: 1}
.aol-user-data .aol-user-info{flex-grow: 10}
.aol-user-data strong{font-weight: 600;}
.aol-username{color:#2d2e82!important; font-size:1.4em; margin-top: 10px; margin-bottom: 15px;}
#aol-user-avatar { margin: 0 15px 0 0; border-radius: 10px; aspect-ratio: 1/1; max-width: 150px; }
.aol-hide{display: none;}
p.form-control{border: none;}
#aol-user-meta td, #aol-user-meta th{padding: 0}
.aol-um-value-wrapper{position: relative}
.aol-um-value-wrapper input[type="text"]{width: 100%; padding: 0.5rem; border: 1px solid #bbb; border-radius: 0.25rem;}
.aol-um-value-wrapper input:focus { color: #212529; border-color: #86b7fe !important; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
.aol-um-value-wrapper input{width: 100%; padding: 0.5rem; border: 1px solid #bbb; border-radius: 0.25rem;}
.aol-um-value-wrapper .row-actions{position: absolute; right: 10px; top: 0.25rem}
.aol-um-value-wrapper:hover .dashicons-edit{display: inline-block}
.aol-um-value-wrapper .dashicons-edit:hover {color: #00F; cursor: pointer;}
.aol-um-value-wrapper .dashicons-edit, .selected .aol-um-value-wrapper .dashicons-edit{display: none;}
.aol-um-value-wrapper .dashicons-yes {color: #0B0; size: 25px}
.aol-um-value-wrapper .dashicons-no {color: #B00; size: 25px}
.aol-um-value-wrapper .aol-um-action:hover .dashicons-yes {color: #0F0;}
.aol-um-value-wrapper .aol-um-action:hover .dashicons-no {color: #F00;}

.aol-um-wrapper .aol-um-action {cursor: pointer; display: none;}
.aol-um-wrapper .aol-um-value-input{display: none;}

/*After Selection*/
.aol-um-wrapper.selected .aol-um-value-input{display: inherit;}
.aol-um-wrapper.selected .aol-um-value{display: none;}
.aol-um-wrapper.selected .aol-um-action {display: inline-block;}