.section-title {
    margin: 0;
    margin-top: 4px;
    display: flex;
    position: relative;
}



.section-title>div:nth-child(1) {
    border-bottom: 1px solid var(--sd-cg-bo);
    flex: 1;

    display: flex;
    justify-content: space-between;
    ;
    align-items: center;
}

.section-title>div:nth-child(1) {
    justify-content: flex-end;font-size:14.5px
}









.next-buttons-container {
    display: flex;
    width: 100%;
    align-items: center;
}





.section-title>div:nth-child(2)>div:nth-child(1) {
    box-sizing: border-box;
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    bottom: 0;
    left: -9px;
    background-color: var(--sd-con-bgd);
}

.section-title>div:nth-child(2)>div:nth-child(1)::before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    bottom: 0;
    left: 0;

    border-bottom: 1px solid var(--sd-cg-bo);
    border-right: 1px solid var(--sd-cg-bo);
    border-bottom-right-radius: 9px;

    background: var(--sd-bo-bgd);

}

/* .section-title>div:nth-child(2)>div:nth-child(1)::after {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    bottom: 0;
    left: 0;

    background: blue;

} */

.section-title>div:nth-child(2)>div:nth-of-type(2) {
    content: '';
    position: absolute;
    background-color: var(--sd-con-bgd);
    height: 9px;
    width: 9px;
    bottom: 0;
    right: -9px;

}

.section-title>div:nth-child(2)>div:nth-of-type(2)::before {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    bottom: 0;
    left: 0;

    background: var(--sd-bo-bgd);
    border-bottom: 1px solid var(--sd-cg-bo);
    border-left: 1px solid var(--sd-cg-bo);
    border-bottom-left-radius: 9px;

}

.section-title>div:nth-child(2) {
    border-radius: var(--sd-head-rad);
    border-top: 1px solid var(--sd-cg-bo);
    padding:10px;
    background-color: var(--sd-con-bgd);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    display: flex;
    align-items: center;

    position: relative;
    border-right: 1px solid var(--sd-cg-bo);
    border-left: 1px solid var(--sd-cg-bo);
}

.section-title div:nth-child(2)>span {
    text-align: center;
    display: block;
}




.section-title>div:nth-child(3) {
    border-bottom: 1px solid var(--sd-cg-bo);
    flex: 1;
    /* border-bottom-left-radius: var(--sd-head-rad); */
    display: flex;
    align-items: center;    min-width: 14px;
}

.section-title>div:nth-child(3) svg,
.section-title>div:nth-child(1) svg {
    padding-inline: 1em;
    margin-inline: 1em;
    height: 1rem;
    --bs-btn-color: var(--sd-con-bgd);
}

.section-title>div:nth-child(3) button,
.section-title>div:nth-child(1) button {
    --bs-btn-color: var(--sd-con-bgd);
    --bs-btn-hover-color: var(--sd-h);
}
.section-title>div:nth-child(1)> details:last-child>span,
.section-title>div:nth-child(3)> details>span {
    border-radius: 10px;
    max-width: 20em;transition-delay: 1s;flex-direction: row;
}

.section-title>div:nth-child(1)> details:last-child>span div:last-child,
.section-title>div:nth-child(3)> details>span div:last-child {
    display: none;
}

.section-title>div:nth-child(1)> details:last-child>span::after,
.section-title>div:nth-child(3)> details>span::after {display:none
}

nav>a {
    display: flex;
    align-items: center;

}

.logged-in-as {
    border-left: none;
        border-top-left-radius: var(--sd-head-rad);
}

.logged-in-as a {
    padding-left: 1em;
    white-space: nowrap;
}

#site_nav>div:nth-child(2) {
    flex: auto;
    position: relative;
    border-radius: var(--sd-head-rad);

    border-top-left-radius: 0;
    border-top-right-radius: 0;


}

#site_nav>div:nth-child(2)>div:first-child {
    box-sizing: border-box;
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    top: 0;
    left: -9px;
}

#site_nav>div:nth-child(2)>div:first-child::before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    top: 0;
    left: 0;

    border-top-right-radius: 9px;
}

#site_nav>div:nth-child(2)>span {
    white-space: inherit;padding: 4px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

#site_nav>div:nth-child(2)>div:last-child {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    top: 0;
    right: -9px;
}

#site_nav>div:nth-child(2)>div:last-child::before {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    top: 0;
    left: 0;

    border-top-left-radius: 9px;
}







/* ~~~~~~ */
/* #site_nav div:nth-child(2) {
    background: hsl(214deg 70% 24%);
} */

.page-wrapper #site_name {
    background: var(--sd-head-wbg);
    /* margin-bottom: -0.39em; */
}

.nmobile {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* ~~~~~~ */


header .nav-item {
    border-right: none;
    padding: 0;
    padding-right: 1em;
}



header .nav-item {
    border-left: none;
}

.logged-in-as {
    border-right: none;
}


.content-wrapper {
    margin-top: 0;
}

.page-wrapper .content-wrapper {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}





#Layout>div.container>h3 {
    margin: 0;
    border: 1px solid var(--sd-cg-bo);
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: center;
    padding: 4px;
}


.menucon .ham {
    top: 0.3rem;
}

a {
    outline: none
}

.next-buttons-container .next-btn:first-of-type+div {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.next-buttons-container .next-btn:last-child {
    text-align: end;
}

.page-wrapper .content-wrapper {
    border-radius: 0;
}


.next-buttons-container .next-btn {
    margin: 0;
    flex: 1;
} 

header .hed {
    width: 100%;
    text-align: center;
    pointer-events: none;
    margin-top:10px;
}

/*header .hed::after {content:"Barter";
    display: block;
    margin-left: -221px;
    color: var(--sd-hdd);}                   
header .hed::before {content:"Trade";
    display: block;
    margin-left: -221px;
    color: var(--sd-hdd);}   */                                                                                                                             
header .hed img {
    height: 77px;
    z-index: 2;
    position: relative;
    pointer-events: auto;
}

.site-name {
    height: 60px;
}
 

 
  @media  (max-width:700px){header .hed {
 
    margin-bottom: 10px;
}}