:root{
    --lt-green: #abfd54;
    --drk-green: #1a3301;
    --shade: #4f564f;
    --shade-dark: #23291f;
    --shade-green: #374030;
    --deep-green:#2f5b01;
    --mid-green: #448302;
    --bright-green: #83fb04;
    --mint-green: #befc7f;
    --shade-white: #d5d9d1;
    --shade-mid: #adb5a5;
    --green-shade: #738563;
    --lt-mint: #d2fda7;
    --green-gek: #03402c;
    --shade: #4f564f;
    --drk-green-gray: #4f514d;
    --lt-shade-green: #546448;
    --forest-green: #175d2f;
    --lt-mid-green: #8ec640;
    --lt-grn-white: #e7f0df;
    --white-green: #d5e5d6;
    --card-shade: #e9f0e2;
    --logo-lt-green: #7dc242;
    --logo-drk-green: #313430;
    --drk-deep-green: #071a0e;
  }

nav {
    background: var(--bs-gray-200);
    
}
.member-bar{
    display: flex;
    list-style: none;
}

.member-bar ul {
 
    text-align: right;
    margin-left: auto;
    margin-right: 1rem !important;
}
.member-bar ul li{
    /* display: inline-flex; */
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.member-bar li a {
    padding: 0.20rem 0.7rem;
    text-decoration: none; 
    color: var(--green-shade);
    display:flex;

}

/* #site_logo {
    height: auto;
    width: 3.0rem;
} */
.navbar-brand>img.logo{
height: auto;
    width: 3rem;
}
/* .navber-tuggle{
    border-color: white;
} */

/* TODO: wire bootstrap placeholder single.php , css and js*/
/* .placeholder.finishLoad {
    display:contents ;
   
  } */

  /* .house-placeholder.finishLoad > img{
    opacity: 1;
} */
.footer-icon {
    display: block ruby;
}
.footer-start {
    position: fixed;
        bottom: 0;
        justify-content: center;
        display: inline-flex;
        align-content: center;
        margin: 1rem auto;
        width: 100%;
        height: 7.5rem;
        padding: 1rem;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    display: inline-flex;
        width: 100%;
        position: relative;
        justify-content: center;
        align-content: center;
        top: 5rem;
        margin: 0 auto;
        height: 100vh;
        background-color: #e9f0e2;
        border: 2px solid #f5f6f5;
        border-radius: 8px 5px 0 0;
        box-shadow: 0px 5px 20px #c0c1c0;
    }

.has-text-align-center {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    position: absolute;
    width: 100%;
}
.house-placeholder > img {
    width: 90%;
    max-width: 150rem;
    height: 300px;
    max-height: 50rem;
    background-image: url('../img/houes-placeholder.png');
    background-size: cover;
    object-fit: cover;
    opacity: 0.5;
    transition:  200ms ease-in-out;
    padding: 0;
    margin: auto;
}
/* bubble shape */
.img-bubble-wrapper {
    position: relative;
}
.bubble{
    position: absolute;
    right: -0.1rem;
    top: -1rem;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 12.1rem;
    border: 0.5rem solid white;
    background-color: #5ca411;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--lt-mint);
    z-index: 999;
    font-size: x-large;

}

.placeholder-portrait {
    position: relative;
    top: -1.5rem;
}

/* List group */
.list-group {
    width: 100%;
    max-width: 460px;
    margin-inline: 1.5rem;
}

.form-check-input:checked+.form-checked-content {
    opacity: .5;
}

.form-check-input-placeholder {
    border-style: dashed;
}

[contenteditable]:focus {
    outline: 0;
}

.list-group-checkable .list-group-item {
    cursor: pointer;
}

.list-group-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.list-group-item-check:hover+.list-group-item {
    background-color: var(--bs-secondary-bg);
}

.list-group-item-check:checked+.list-group-item {
    color: #fff;
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.list-group-item-check[disabled]+.list-group-item,
.list-group-item-check:disabled+.list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

.list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: .5rem;
}

.list-group-radio .form-check-input {
    z-index: 2;
    margin-top: -.5em;
}

.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
    background-color: var(--bs-secondary-bg);
}

.list-group-radio .form-check-input:checked+.list-group-item {
    background-color: var(--bs-body);
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px var(--bs-primary);
}

.list-group-radio .form-check-input[disabled]+.list-group-item,
.list-group-radio .form-check-input:disabled+.list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}


/* Profile */
.img-round{
    border-radius: 50%;
border-width: .3rem;
background-color: #9a9b99;
border-color: 2rem;
border-style: solid;
border-color: var(--green-shade);
}
.img-size{
    width: 8.5rem;
    height: 8.5rem;
}

/*-------------------------------
*
* WooCommerse override 
*
------------------------------*/
/* .woocommerce-MyAccount-navigation{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1a3301;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    box-shadow: 0 0.4px 10px var(--lt-shade-green);


}
.woocommerce-MyAccount-navigation ul {
display: flex;
margin-top: 1rem;
}
.woocommerce-MyAccount-navigation ul li a {
    list-style: none;
    text-decoration: none;
    color: var(--shade-white);
    font-size: 1rem;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    position: relative;
}
.woocommerce-MyAccount-navigation ul li a.active::after{
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 2px; 
    background-color: #374030;


} */
/* .navbar-nav ul {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
} */


nav.woocommerce-MyAccount-navigation{
    border-radius: 4px;
    /* background-color: #d4f0d6; */
    background-color: unset;
}
nav.woocommerce-MyAccount-navigation ul {
    display: flex;
    margin-left: 2rem;
    background-color: var(--green-gek);
}
nav.woocommerce-MyAccount-navigation a {
    font-size: 0.9rem;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    position: relative;
    color:var(--logo-lt-green);
}
nav.woocommerce-MyAccount-navigation a:hover {
color: var(--drk-deep-green);
}
nav.woocommerce-MyAccount-navigation a:active {
    color: var(--bright-green);
}
nav.woocommerce-MyAccount-navigation a.active::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--lt-shade-green);
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link  {

    font-weight: lighter;
    list-style: none;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link a {
    text-decoration: none !important;
   
}
.woocommerce-MyAccount-navigation{
position: sticky;
top: 0;
z-index: 1020;
}
 @media (max-width: 768px) {
    
    nav.woocommerce-MyAccount-navigation > ul{
        display: block;
        transition: 0.3s;
        box-shadow: 0 10px 10px var(--lt-shade-green);
        width: max-content;
        background-color: var(--green-gek);
     }


         nav.woocommerce-MyAccount-navigation a{
        color: var(--logo-lt-green);
     }
 }
.woocommerce-MyAccount-content>p:nth-child(2){
display:inline-flex;
}
div.woocommerce-MyAccount-content p strong:nth-child(2) {
    font-size: 0.9rem;
}
.woocommerce-MyAccount-content>p> a{
    text-decoration: none;
}

.woocommerce-MyAccount-content>p>a:hover {
    color: var(--green-shade);
}

.woocommerce-MyAccount-content>p :only-of-type {
    color: var(--shade-white);
    background-color: var(--drk-green);
    padding: 2px 5px;
    border-radius: 6px;
    font-weight: bold;
}
.woocommerce-MyAccount-content>p :only-of-type:hover{
    color: #d9ecc8;
    background-color: #3f7507;
}
.woocommerce-MyAccount-content P :nth-child(n) {
    font-weight: bold;
}
.woocommerce-MyAccount-content {
    background-color: #e6f0e6;
    padding: 5px;
    margin-left: 2rem;
}

.woocommerce form.login,
.woocommerce-form.woocommerce-form-login.login
{
    background-color: var(--logo-lt-green) !important;
    border-radius: 10px !important;
    display: inline-block;
        margin: calc(2 * .50rem) auto;
        max-width: 55rem;
        min-width: 14rem;
}

.woocommerce>h2 {
    color: var(--shade-mid);
    font-size: 1.5rem;
    font-variant-caps: all-small-caps;
}
.woocommerce-button.button.woocommerce-form-login__submit{
    background-color: var(--drk-deep-green);
    color: var(--shade-white);
}
.woocommerce-button.button.woocommerce-form-login__submit:hover {
    background-color: var(--drk-green);
    color: var(--shade-white);
}
.woocommerce-info {
border-top-color: #f0ca9a;
    background-color: #f0eb9a;
    border-radius: 0 0 5px 5px;
    max-width: 20rem;
    position: relative;
    top: 5rem;
    padding: 3rem;
    margin: 3rem;

}
.woocommerce-Address address,
.woocommerce-Address-title.title {
    display: inline-block;
    width: max-content;
}


a.button.wc-backward {
    background-color: var(--drk-green);
    color: var(--wc-highligh-text);
}
a.button.wc-backward:hover {
    background-color: var(--mid-green);
    color: var(--wc-highligh-text);
}
.wc-empty-cart-message {
    font-weight: bold;
}


.woocommerce-info::before {
   content: url("https://splacy.com/wp-content/themes/splacy/img/icons/cart3.svg");
    /* content: "\e028"; */
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 1em;
    left: 1.5em;
}
div.woocommerce p.form-row.form-row-last button.button {
    background-color: var(--deep-green);  
    color: var(--card-shade);
    border-radius: 0.3rem;
}
div.woocommerce p.form-row.form-row-last button.button:hover {
    background-color: var(--mid-green);
 
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select
{
    border: 0.8px solid var(--shade-mid);
    color: var(--logo-drk-green);

}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
a.checkout-button.button.alt.wc-forward{
background-color: var(--mid-green);
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
a.checkout-button.button.alt.wc-forward:hover {
    background-color: var(--deep-green);
}

.woocommerce span.onsale {
   
    border-radius: 10rem;
    background-color: #f02c2c;
    width: 3rem;
    height: auto;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce table.shop_table td a
{
    font-weight: 700;
    color: var(--bs-gray);
}
/* Order details */
.woocommerce table.shop_table {
    border: 1px solid var(--shade-white);
    border-radius: 0.8rem;
    background-color: var(--lt-grn-white);
}

.woocommerce ul.products li.product .button {
    background-color: palegreen;
}

.woocommerce ul.products li.product .button:active {
    background-color: var(--card-shade);
}
/* Filter box */
select.orderby {
    padding: 0.5rem;
    border: 0.1rem solid var(--shade-white);
    background-color: white;
    border-radius: 0.2rem;
}
/* Cart page */
.wc-block-components-product-name{
    font-weight: 700;
        color: var(--bs-gray);
        text-decoration: none;
        
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    min-height: 3em;
    background-color: var(--mid-green);
    color: var(--bright-green);
    border-radius: 0.3rem;
    text-decoration: none;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
    background-color: var(--drk-green);
}
/* Check out page */
div.wc-block-components-text-input input{
    border-color: var(--shade-white);
}

wc-block-components-title.wc-block-components-checkout-step__title {
    font-weight: bolder;
}

.wc-block-components-form.wc-block-checkout__form {
    color: var(--drk-green-gray);
    font-weight: lighter;
}

/* Drop down */
.wc-blocks-components-select .wc-blocks-components-select__select {
   
    border: 1px solid #c8edee;
    border-radius: 0.3rem;
    color: #7b858e;
}
/* check out input */
.wp-block-woocommerce-checkout 
.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="number"],
.wc-block-components-form .wc-block-components-text-input input[type="password"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="url"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="url"]
{
    background-color: #fff !important;
        border: 1px solid hsla(128.6, 7.4%, 63.1%, 0.8) !important;
        border-radius: 4px !important;
        color: #676a69 !important;
}

.wc-block-components-notice-banner.is-error {
    background-color: #fbcaca !important;
    border-color: #f9d2d2 !important;
}

/* Login Template-login */
form#loginform-custom{
    display: block ;
    align-self: center;
    padding: 3rem 1.5rem;
    background-color: #0b2916e1;
    border-radius: 8px;
    color: var(--drk-deep-green);


}

input#wp-submit.button.button-primary{
    color: var(--card-shade);
    background-color: var(--mid-green);
    border-color: var(--mid-green);
    width: 100%;
    padding: 0.5rem 0 0.5rem 0 ; 
    border-radius: 0.375rem;
}

input#wp-submit.button.button-primary:hover {
    
    background-color: #146c43;
    border-color:#146c43;
}

input#user_login, input#user_pass {
    padding: calc(1rem .75rem);
    height: calc(2.5rem + 2px);
    line-height: 1.25;
    border: 1px solid #ced3da;
    border-radius: .375rem;
    width: 100%;
}
.login-username > label:nth-child(1),
.login-password > label:nth-child(1){
    position: relative;
    top: 0.5rem;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    color: aliceblue;
    display: content;
}

   

.login-remember > label:nth-child(1){
    color: #76ff93;
}
 body.d-flex.align-items-center.py-4.bg-body-tertiary {
     background-image: url("https://splacy.com/wp-content/themes/splacy/img/Splacy-community.svg");
     background-position: center center;
     background-size: auto;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-color: #fff;
 }

 /*  
 *  Buddypress Custom Styles
 */
 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
     display: block;
 }
 .wc-block-components-sidebar-layout.wc-block-cart {
     /* padding-top: 0; */
     display: inline-flex !important;
    padding-right: 1rem;
        padding-left: 1rem;
 }
 body #buddypress div{
        margin: 0.1rem;
        width: auto;
        border-radius: 7px 7px 0 0;
        border-color: #9eb596;
        border-width: .1px;
        padding: 2px;
 }

#bp-login-widget-form>p>label {
    color: var(--lt-shade-green);
}
.col-auto.m-auto.splacy-title-h1>h1 {
    color: #738563;
    display: block;
    width: 100%;
    height: 10px;
    padding: 1rem;
    margin: 1rem auto;
}
.col-auto.m-auto.splacy-title-h1 {
    width: 100% !important;
        align-content: center;
        display: inline-flex;
        position: relative;
}

.row.splacy-row-1 {
    display: inline-flex;
    justify-content: center;
    align-content: center;
}

.buddypress-wrap form.bp-dir-search-form button[type="submit"]{
    border: 1px solid #738563;
        border-radius: 5px;
        background-color: var(--shade-white);
        color: var(--forest-green);
        align-content: center;
}
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.selected a:hover {
    background: var(--green-shade);
    color: #fafafa;
}
 /* Search window */
 #buddypress div.dir-search {
      
     margin: auto;
     position: absolute;
 }
#members-order-select {
    position: relative;
    left: 0px;
    margin: 5px;
    padding: 2px;
    float: none !important;
}
#buddypress.buddypress-wrap.splacy .screen-content {
    position: absolute;
}
#buddypress.buddypress-wrap.splacy.bp-dir-hori-nav {
    position: relative;
}
#buddypress ul.item-list li img.avatar {
    display: inline-flex;
    margin: auto;
    border-radius: 36px;
    float: none;
    left: -0.9rem;
    position: relative;
}
.buddypress-wrap .members-list li .member-name {
    margin-bottom: 10px;
    font-size: 1.3rem;
    padding: 1.1rem;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}
#bp-login-widget-form input[type="password"]:focus,
#bp-login-widget-form input[type="text"]:focus,
#bp-login-widget-form input[type="password"]:active,
#bp-login-widget-form input[type="text"]:active {
  border: 2px solid green !important;
  
}
@media only screen and (min-width: 700px) and (max-width: 930px) {
    .d-flex.flex-wrap.justify-content-center.py-3.my-4.border-top {
        visibility: hidden !important;
    }
}



@media screen and (min-width: 46.8em) {
    .bp-list li .item-avatar {
        float: unset;
        margin-right: 5%;
    }
          .bp-list li .item .item-block {
              float: none;
              position: relative;
          }
           .wc-block-components-sidebar-layout.wc-block-cart {
               padding-left: 1rem;
               padding-right: 1rem;
               display: inline-block;
               position: absolute;
           }
}
@media screen and (min-width: 32em) {

    .buddypress-wrap .subnav-filters .component-filters,
    .buddypress-wrap .subnav-filters .last {
        float: none !important;
        margin-top: 0;
        width: auto;
    }
         .wc-block-components-sidebar-layout.wc-block-cart {
             padding-left: 1rem;
             padding-right: 1rem;
             display: inline-block;
             position: absolute;
         }
         
}
 @media screen and (min-width: 32em) {

     .buddypress-wrap .subnav-filters .bp-search,
     .buddypress-wrap .subnav-filters .dir-search,
     .buddypress-wrap .subnav-filters .feed,
     .buddypress-wrap .subnav-filters .group-act-search,
     .buddypress-wrap .subnav-filters .group-invites-search,
     .buddypress-wrap .subnav-filters .subnav-search,
     .buddypress-wrap .subnav-filters .subnav-search form,
     .buddypress-wrap .subnav-filters .user-messages-bulk-actions,
     .buddypress-wrap .subnav-filters .user-messages-search {
        
         display: inline-flex;
     }
 }

 .buddypress-wrap .bp-dir-search-form,
 .buddypress-wrap .bp-messages-search-form::after,
 .buddypress-wrap .bp-messages-search-form::before {
     content: " ";
     display: inline-flex;
 }


.buddypress-wrap .select-wrap {
     /* top: 3.5rem;
     position: relative;
     padding: .2rem; */
    top: .5rem;
        position: fixed;
 }
/* Footer */

.d-flex.flex-wrap.justify-content-center.py-3.my-4.border-top {
position: fixed;
    bottom: -25px;
    width: 100%;
    align-content: center;
    left: 0;
    background-color: #e9f5f8;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* aside.bp-feedback.bp-messages.info{
    background-color: #f9fffa !important;
    border-radius: 5px !important;
}
.buddypress-wrap .bp-feedback.info .bg-icon{
    background-color: var(--logo-lt-green) !important;
}
#signup_username, #signup_email , #pass1,
#field_1 , #field_2 , #field_3 , #field_4 {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 3px solid var(--drk-green) !important;
    background-color: white !important;
 }

 #buddypress .standard-form input[type="text"], #signup_username{
    width: 95% !important;
 }

 #signup-form{
    display: block!important;
    width: 100% !important;
    height: auto;
 }
 #basic-details-section, #profile-details-section{
    display: block !important;
    width: 50% !important;

 }
 legend {
    float: none !important;
 } */