/*
Theme Name: Hello-child
Template: hello-elementor
Version: 1.0.0
*/



/*Add your own styles here:*/


/* =============================================================
   General / Global
   -------------------------------------------------------------
   Sitewide rules that aren't specific to any one plugin or
   feature. The two focus-state rules used to be sitting in the
   BuddyPress section of oracle-styles.css even though they apply
   everywhere (any form field, any focused element) — moved here
   next to the matching border rule they were written to pair with.
   ============================================================= */

li::marker {
    font-family: 'Elsie Swash Caps';
    font-size: 25px;
    color: #f70f9f;
    font-weight: bold;
    display: inline-block;
}
li {
    margin-bottom: 20px;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #F70F9F;
}

:focus-visible {
    outline: #F70F9F auto 1px;
}

/* =============================================================
   MemberPress
   ============================================================= */

.mp_wrapper, .mp-wrapper.mp-no-subs, .mepr-no-active-subscriptions {
    max-width: 740px !important;
    margin: 0 auto;
}
.mp_wrapper {
    max-width: 740px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}
nav#mepr-account-nav {
    margin-top: 0px;
}
a#mepr-account-logout {
    display: none;
}

/* =============================================================
   FacetWP
   ============================================================= */

select.facetwp-dropdown {
    padding: 0.575rem 1rem;
}
button.facetwp-reset {
    margin-top: 10px;
}
.readings-filter .facetwp-facet {
    margin-bottom: 0px;
}
select.facetwp-dropdown, input.facetwp-date, input.facetwp-autocomplete {
    background: #F9DEEFE8;
}
input.facetwp-date.facetwp-date-min, input.facetwp-autocomplete {
    margin-bottom: 5px;
}


/* =============================================================
   Buddypress styling that BuddyBuilder didn't reach
   ============================================================= */

/* Native radio/checkbox accent color - BuddyPress-wide */
.buddypress input[type="radio"],
.buddypress input[type="checkbox"] {
    accent-color: var(--pink, #F70F9F);
}

/* Loading icon fixes */

/* Scoped-down loading spinner for BuddyPress areas */
.buddypress .loading {
    text-align: center;
    padding: 10px;
}

.buddypress .loading:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid var(--pink-soft);
    border-top: 2px solid var(--pink);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.buddypress .bp-personal-tab.current.selected.loading:after {
    display: none;
}


/* Profile Message center */

.buddypress #message-threads li.thread-item .thread-content {
    flex: 1 2 50%;
}