body {
    margin: 0;
    /* font-family: 'Poppins', sans-serif !important; */
    font-family: 'Open Sans', sans-serif !important;
    /* overflow: hidden; */
}

p {
    margin: 0;
}

.body-container {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    /* min-height: 93.5dvh; */
    background-color: white;
    color: black;
}

.body-container-fade {
    opacity: 0
}

.page-does-not-exist {
    width: 100%;
    min-height: 92dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 150%;
}

.signup-form {
    /* height: 5vh; */
    width: 80vw;
    /* border: 1px solid black; */
    margin-top: .75vh;
    display: flex;
    flex-direction: row;
}


.signup-form-email {
    width: 60%;
    height: 100%;
    background-color: none;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: text;
    border-radius: 71.42857rem !important;
    font-weight: 100;
    font-size: 120%;
    padding: 0;
}

.signup-form-submit {
    height: 100%;
    width: 35%;
    margin-left: 5%;
    border-radius: 71.42857rem !important;
    background-color: black;
    border: 1px solid black;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 100;
    font-size: 120%;
}

.signup-form-submit:hover {
    background-color: var(--primary-color);
    color: black;
    transition: background-color 0.2s ease-in-out;
}

.tcs-popover-container {
    width: 70dvw;
    min-height: 60dvh;
}

/* ------------------------------ general phone styles -------------------------------- */

.phone-btn-changes {
    height: 3vh !important;
}

/* ------------------------------ nav bar -------------------------------- */

.nav-bar-menu-container {
    margin: 0;
    position: sticky;
    top: 0;
    /* transition: background-color 1s ease; */
    z-index: 10;
    background-color: white;
    color: black;
}

.nav-bar-menu-container.scrolled {
    background-color: #ffffff;
    /* transition: background-color 1s ease; */
}

.navigation-bar {
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 200;
    width: 100dvw;
    height: 8dvh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    position: sticky;
    top: 0;
    /* transition: background-color 1s ease; */
    z-index: 10;
    position: relative;
    font-size: 125%
}

.navigation-bar div {
    width: 33.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation-bag-padding-element {
    display: none !important;
}

.navigation-bag-padding-element:nth-of-type(1) {
    display: flex !important;
    width: 10% !important;
}

.navbar-icon-wrapper svg {
    height: auto;
    width: 65%;
}

.navbar-icon-count {
    font-size: 150%;
}

.navigation-bar .navigation-menu {
    justify-content: flex-start;
}

.navigation-bar .navigation-menu div {
    display: flex;
    text-align: left;
    justify-content: flex-start;
    cursor: pointer;
    width: fit-content;
    font-size: 150%;
}

.navigation-bar .navigation-bag {
    justify-content: flex-end;
}

.navigation-bar img {
    cursor: pointer;
    margin: 0 2.5%;
    width: 30%;


}

/* .navigation-bag img:nth-child(1) {
    margin-right: 0;
} */

#nav-bar-brand-logo {
    width: 65% !important;
}

.user-login-form-container {
    width: 80vw;
    min-height: 35vh;
}


/* ------------------------------ nav menu popout -------------------------------- */

.nav-bar-menu-popout {
    /* display: flex; */
    flex-direction: row;
    justify-content: center;
    width: 100dvw;
    height: 4.5dvh;
    z-index: 100;
    display: none;
    opacity: 0;
}

.nav-bar-menu-popout div {
    width: 25%;
    height: 85%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* border-bottom: 1px solid #e6e6de; */
    cursor: pointer;
}

.nav-bar-menu-popout a {
    color: black;
    text-decoration: none;
    font-weight: 200;
    margin-bottom: 2.5%;
    z-index: 100;
    font-size: 150%;
}

.nav-bar-menu-popout div:hover {
    border-bottom: 1px solid #e6e6de;
}

.december-time-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.december-time-left span {
    font-size: 150% !important;
    color: white; 
    font-weight: 100; 
    /* font-size: 85%; */
}

.seller-fees-msg {
    font-size: 155%;
}

/* ------------------------------ footer bar -------------------------------- */

.footer-bar {
    min-height: 20dvh;
    width: 100dvw;
    background-color: #F6F6F4;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 400;
    margin-top: 0;
    font-size: 180%;
}

.footer-bar h5 {
    margin-bottom: 1dvh;
}

.footer-bar-horizontal {
    min-height: 20dvh;
    width: 100dvw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.footer-bar-copyright {
    height: 3dvh;
    width: 100dvw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.footer-about,
.footer-contact {
    width: 45dvw;
    min-height: 10dvh;
    /* margin: 2.5dvh 0 2.5dvh 0; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5%;
    margin-top: 5%;
    overflow-y: scroll;
    overflow-x: scroll;
}

.footer-about div,
.footer-contact div {
    display: flex;
    flex-direction: column;
    font-weight: 200;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    /* Ensures divs take the full height of their parent */
    overflow-y: auto;
    overflow-x: auto;
}

.footer-contact div {
    display: flex;
    flex-direction: row;
    width: 45dvw;
}

.footer-contact p {
    margin-right: 2.5%;
}

.footer-contact a {
    color: #6b6b6b;
    text-wrap: wrap;
}

.footer-contact img {
    width: 5dvw;
    margin: 5% 7.5% 0 0;
    cursor: pointer;
    opacity: 50%;
}

.footer-contact img:hover {
    opacity: 100%;
    transition: opacity 0.5s ease-in-out;
}

.footer-bar-copyright {
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 100;
}

.footer-contact-socials svg {
    width: 8dvw;
    height: auto;
    margin-top: 1dvh
}

/* -------------------------------- shop page ------------------------------------- */
.product-card {
    height: 25vh;
}

.product-card-desc-title h3 {
    text-align: center;
    font-size: 160%;
}

.product-card-desc-title h5 {
    text-align: center;
    font-size: 130%;
}

.product-card-desc-footer-price h4 {
    font-size: 160%;
}


/* -------------------------------- product page ------------------------------------- */
.productpage-container {
    min-height: 60dvh;
}

.productpage-container-images {
    padding-top: 0;
    min-height: 60dvh;
}

.productpage-container-images-main {
    height: 45vh;
}

.back-to-shop a:nth-of-type(1) {
    width: 5.5%;
}

.back-to-shop a:nth-of-type(2) {
    font-size: 100%;
}

.productpage-container-purchase-btns {
    margin: 1vh 0;
}

.productpage-container-purchase-btns div {
    font-size: 150%;
}

.productpage-container-purchase-btns div:nth-child(2) {
    margin-top: .5vh;
}

.productpage-container-desc-verified-info {
    margin: 1vh 0;
}

.productpage-container-desc-verified-info h5 {
    font-size: 125%;
}

.productpage-container-price h5 {
    margin-top: 5%;
}

.productpage-container-images-carousel {
    height: 12.5vh;
}

.productpage-container-price {
    font-size: 150%;
}

.productpage-container-info-header {
    font-size: 120%;
}

.productpage-container-info {
    margin-top: 5%;
}

.productpage-container-info-header img {
    width: 7.5%;
}

/* -------------------------------- profile page ------------------------------------- */

.profile-page-container-sidebar {
    min-height: 30vh;
    display: flex;
    flex-direction: column;
}

.profile-page-containter-form-item-inputs {
    width: 100%;
}

.create-listings-form-section-photos-content-upload {
    width: 60%;
}

.dropdown-menu {
    width: 70%;
}

.create-listings-form-section-options>div {
    min-height: 2.5vh;
}

.user-menu-popover-content-option p {
    font-size: 150%;
}

.profile-page-container-sidebar img {
    width: 15% !important;
}

.profile-page-container-sidebar-loggedin {
    font-size: 150%;
}

#login-first-message {
    font-size: 150%;
}
/* ------------------------------ about ------------------------------ */

.about-page-dropdown-content-split img {
    height: 20vh;
}

.about-page-container h4 {
    font-size: 150%;
}

.about-page-container p {
    font-size: 120%;
}

.about-page-authenticity svg {
    height: auto;
    width: 12dvw;
}

.about-page-authenticity p {
    font-size: 140%;
}

.about-page-dropdown-content-split .img-content-dropdown {
    background-color: rgba(0, 0, 0, 0);
}

.how-it-works img {
    width: 80% !important;
    margin: 5% 10%;
}

.about-page-section-svg {
    width: 7.5dvw;
    height: auto;
}


/* ------------------------------ bag ------------------------------ */
.bag-item-remove-icon {
    width: 7.5%;
    min-height: 10vh;
}

.bag-item-info {
    min-height: 10vh;
}

.bag-item-container {
    min-height: 10vh;
}

.bag-checkout-container {
    min-height: 15vh;
    justify-content: space-around;
}

.bag-items-container {
    margin-right: 1.5vh;
}

/* ------------------------------ bid page -------------------------------- */
#bag-item-first-header-margin {
    margin-top: 1vh !important;
}