/* Font */

@font-face {
    font-family: MarkPro;
    src: url('font/FontFont_FF.Mark.Pro.otf') format('woff');
}

/* html {
    font-family: 'Roboto Slab', serif;
} */

html {
    font-family: MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}

.eg-sc-en-text, .lang-roboto {
    font-family: 'Roboto Slab', MarkPro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


/* @font-face {
    font-family: "mark-pro";
    src: url("../font/FontFont_FF.Mark.Pro.Medium.otf");
    
}

@font-face {
    font-family: mark-pro-light;
    src: url("../font/FontFont_FF.Mark.Pro.otf");
}

@font-face {
    font-family: roboto-slab-light;
    src: url("../font/RobotoSlab-Light.ttf");
}

@font-face {
    font-family: tc-pingfang-regular;
    src: url("../font/PingFang_Regular.ttf");
}

@font-face {
    font-family: tc-pingfang-light;
    src: url("../font/PingFang_Light.ttf");
}

html {
    font-family: mark-pro;
}

.lang-en-markpro-light {
    font-family: mark-pro-light;
}

.lang-en-roboto-light {
    font-family: roboto-slab-light;
}

.lang-tc {
    font-family: tc-pingfang-regular;
}

.lang-tc-light {
    font-family: tc-pingfang-light;
} */


/* Nav Bar */

.eg-color {
    background-color: white;
}

.eg-color a {
    color: black;
}

.eg-a-effect a:hover {
    background-color: black;
    color: white;
}

.eg-logo {
    position: absolute;
    top: 10px;
    left: 20px;
    height: 70%;
}

.eg-header-hover-show .show-text {
    display: none;
}

.eg-header-hover-show:hover .show-text {
    display: inline-block;
}

.eg-header-hover-show:hover .hide-text {
    display: none;
}

    /* Side Nav Bar - Mobile */

.eg-sidenav {
    background-color: #918782;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10vh;
}

.eg-sidenav .close-btn {
    border: hidden;
}

.eg-sidenav .close-btn>i.material-icons {
    color: white;
    margin: auto;
}


.eg-sidenav li>a {
    font-size: 30px;
    height: auto;
    color: white;
    border-radius: 30px;
    border: 3px solid white;
    display: inline-block;
    cursor: pointer;
}

.eg-sidenav li {
    padding: 10px;
}



/* Sectioins */

.eg-section {
    height: 500px;
    /* border: 1px solid black; */
}

.eg-margin-adjust {
    margin: 0;
}

.eg-title-section {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;

}

.eg-title {
    margin: 0;
    text-align: center;
    font-size: 3.8rem;
}

.eg-img-section {
    height: 50vw;
}

.eg-img-section img {
    height: 100%;
    width: 100%;
}

.eg-splited-section {
    height: 40vw;
    aspect-ratio: 1 / 0.83;
    padding: 0px !important; 
    display: flex;
    justify-content: center;
    align-items: baseline;
    background-color: #464646;
    color: white;
    overflow: hidden;
}

.eg-splited-section img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}


/* Section I Banner */
.eg-carousel {
    height: 80vh;
    max-height: 800px;
} /* The max-height change in mobile */

.eg-carousel img {
    height: 100%;
}

.carousel .indicators {
    position: static;
    display: none;
}

.carousel.carousel-slider .carousel-item.banner-mobile {
    display: none;
}

.banner-text {
    position: absolute;
    bottom: 5%;
    font-size: 80px;
    transform: translate(5%);
}

/* Section II Product */
/* 
@media only screen and (min-width: 0) {
    .eg-single-product-price p {
        font-size: 19px;
    }
    
    .eg-single-product-photo img {
        max-width: 80%;
        height: auto;
    }
} */

@media (max-width: 600px) {
    .eg-product-flexbox {
        display: flex;
        flex-direction: column;
    }

    .eg-product-flex-title {
        order: 0;
    }

    .eg-product-flex-big-no1 {
        order: 0;
    }

    .eg-product-flex-small-no1 {
        order: 1;
    }

    .eg-product-flex-big-no2 {
        order: 2;
    }

    .eg-product-flex-small-no2 {
        order: 2;
    }

    .eg-running-text {
        display: none;
    }

    .eg-single-product-price p {
        font-size: 14px;
    }
}

.eg-product-flex-big-no1 {
    background-color: white;
}

.eg-product-flex-big-no2 {
    background-color: #918782;
}

.eg-product-section {
    /* height: 675px; */
    border: 1px solid black;
    padding: 0px !important; 
}

.product-images {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eg-product-section img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.eg-product-section:hover .img-front {
    display: none;
    cursor: pointer;
}

.eg-product-section .img-back {
    display: none;
    width: 100%;
}

.eg-product-section:hover .img-back {
    display: block;
    cursor: pointer;
}




/* Section Products */

.eg-running-text {
    background-color: black;
    color: white;

    overflow-x: hidden;
}

.running-text {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: my-animation 15s linear infinite;
    -webkit-animation: my-animation 15s linear infinite;
    animation: my-animation 15s linear infinite;

    font-size: 15px;
    padding: 2px;
}

@keyframes my-animation {
    from {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
}

.eg-product-flex-small-no1 {
    height: auto;
}

.eg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: white;
  }
  
.eg-single-product-photo:hover .eg-overlay {
    opacity: 1;
}

.eg-overlay-text {
    color: black;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.eg-single-product {
    /* height: 480px; */
    border: 1px solid black;
    border-left: hidden;
    padding: 0;
    background-color: white;
}

.eg-single-product a {
    text-decoration: none;
    color: black;
    display: block;
}

.eg-single-product-photo {
    height: 30vw;  
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1.33;
    position: relative;
}

.eg-single-product-photo img {
    max-width: 100%;
    height: 100%;
}

.eg-single-product-photo .eg-product-bottle {
    max-width: 100%;
    height: 100%;
}

.eg-single-product-price {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid black;
   margin: 0 -12px;
}

.eg-single-product-price p {
    padding: 5px 10px;
    margin: 3px;
    /* font-size: 18px; */
}

.eg-single-product-price .text-back {
    display: none;
}

.eg-single-product-price:hover .text-back {
    display: block;
}

.eg-single-product-price:hover .text-front {
    display: none;
}

.eg-discounted {
    text-decoration: line-through;
    opacity: 30%;
}

/* Section About EgoTree */

.eg-about-me-body {
    background-color: #464646;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.eg-about-me-body h1 {
    font-size: 6rem;
    letter-spacing: 10px;
}

.eg-click-btn {
    border: 1px solid white;
    border-radius: 20px;
    color: white;
    padding: 6px 10px;
    transition: 0.3s;
    cursor: pointer;
}

.eg-click-btn:hover {
    color: black;
    background-color: white;
    font-size: larger;
}

.eg-cert-section a {
    color: black;
    border-radius: 16px;
    border: 0.5px solid black;
    padding: 6px 10px;
}

.eg-cert-section a:hover {
    color: white;
    background-color: black;
}

/* Section V Science */

.eg-science-section {
    border: 1px solid black;
    padding: 0px !important; 
    display: flex;
    justify-content: center;
    /* align-items: center; */
    background-color: #464646;
    color: white;
    overflow: hidden;
    aspect-ratio: 1 / 0.829;
}

.eg-science-left {
    border: 1px solid black;
    padding: 0px !important; 
    display: flex;
    justify-content: center;
    background-color: #464646;
    color: white;
}

.eg-sc-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
}

.eg-sc-right-top {
    padding-left: 10px;
}

.eg-sc-right-top h2 {
    margin: 10px 10px;
    font-weight: 200;
    font-size: 3.4rem;
}

.eg-sc-right-down {
    margin: 25px 25px;
}

.eg-sc-right-down h6 {
    font-weight: 300;
    font-size: 1.2rem;
}

.eg-colla-p-style {
    margin: 0 !important;
    padding-left: 0;
}

 /* Change Original Materialize Setting*/
.collapsible-header {
    border-bottom: 1px solid #282828;
}

.collapsible-header i {
    margin-left: 2rem;
    margin-right: 0;
} /* The margin set to change again in mobile mode */

.iconadd {
    display: inline-block;
}

.iconremove {
    display: none !important;
}

li.active .collapsible-header .material-icons.iconadd{
    display: none;
  }
  
li.active .collapsible-header .material-icons.iconremove{
    display: inline-block !important;
}

li.active .collapsible-header {
    background-color: #464646;
    color: white;
}

    /* Carousel Pic */
.carousel.carousel-slider .carousel-item {
    display: flex;
}

.carousel.carousel-slider .carousel-item img {
    margin: auto;
    width: 100%;
}


    /* Collapseible box content */

.eg-col-body {
    width: 100%;
    overflow: auto;
}

.eg-col-column {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: baseline;
    border-right: 1px solid black;    
}

.eg-hidden-column {
    border-right: none;
}

.col-q-1, .col-q-2 {
    padding-right: 10px;
}

.col-q-3 {
    padding-left: 10px;
}

@media only screen and (max-width:601px) {
    .eg-hidden-column {
        display: none;
    }

    .eg-col-column {
        border-right: none;
        height: auto;
    }
}

/* Footer */

@media only screen and (min-width:993px) {
    .eg-footer-container {
        width: 95%;
    }

}

.eg-footer-container {
    max-width: 1580px;
}

.eg-footer-color {
    background-color: #282828;
}

.footer-copyright {
    border-top: 1px solid #918782;
}

.eg-copyright-text {
    color: #918782;
    margin: 0 auto;
}

.footer-logo {
    max-width: 70%;
}

.eg-footer-box-1 {
    margin-bottom: 15px;
}

.eg-footer-container .eg-footer-box-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 15px;
}

.eg-footer-box-2 p {
    margin-top: 0;
    margin-bottom: 5px;
}

.eg-footer-box-2 .box-2-buttons {
    display: flex;
    align-items: center;
}

.eg-footer-box-2 .eg-icon-mailbox {
    margin-left: 5px;
}

.eg-mail-btn {
    border-radius: 16px;
    border: 0.5px solid white;
    color: white;
    cursor: pointer;
    padding: 6px 10px;
    display: inline-block;
    margin: 10px 2px;
    font-size: 12px;
}

.eg-footer-box-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 15px;
}

.eg-footer-box-3 p {
    margin-top: 0;
    margin-bottom: 5px;
}

.eg-footer-box-3 .box-3-buttons {
    display: flex;
    align-items: center;
}

.eg-footer-box-3 .eg-icon-bell {
    margin-left: 5px;
}

.eg-footer-box-4 ul {
    margin: 0;
    position: relative;
    top: -10px;
}

.eg-footer-box-4 li {
    padding: 1.5px 0;
}

.eg-footer-box-4 a {
    text-decoration: none;
    color: white;
    font-size: 25px;
}


/* Single Page Setting
spp = single page product
spa = single page about
*/

.breadcrumb {
    color: black;
}

.breadcrumb:last-child {
    color: black;
}

.breadcrumb:before {
    color: black;
    vertical-align: middle;
}

.eg-breadcrumb {
    border-bottom: 1px solid black;
}

.spp-section-right {
    border-left: 1px solid black;
}

.eg-spp-carousel {
    height: 50vw;
}

.eg-spp-carousel .indicators {
    position: absolute;
}

.eg-spp-carousel .indicators .indicator-item {
    background-color: white;
    border: 1px solid black;
}

.eg-spp-carousel .indicators .indicator-item.active {
    background-color: black;
}

.eg-spp-carousel .carousel-fixed-item {
    bottom: 50% !important;
}

.eg-spp-carousel .carousel-fixed-item a {
    cursor: pointer;
    color: black;
}

.eg-product-flexbox .spp-section-right {
    padding: 0px;
}

.spp-sections {
    height: auto;
}

.spp-name-price {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 15px 15px;
    height: 300px;
    font-size: 25px;
}

.spp-purchase {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.eg-spp-collapsible {
    box-shadow: none;
    border: none;
    border-top: 1px solid black;
}

.eg-spp-about-col .spp-about-product .collapsible-header {
    background-color: white;
    color: black;
}

.eg-spp-about-col .spp-about-ingredients .collapsible-header {
    background-color: white;
    color: black;
}

.color-dots {
    display: flex;
    align-items: center;

}

.eg-color-dot-dark {
    height: 30px;
    width: 30px;
    background-color: #464646;
    border: 0.5px solid black;
    border-radius: 50%;
    display: inline-block;
    margin: 3px 3px;
}

.eg-color-dot-gray {
    height: 30px;
    width: 30px;
    background-color: #918782;
    border: 0.5px solid black;
    border-radius: 50%;
    display: inline-block;
    margin: 3px 3px;
}

.eg-color-dot-pink {
    height: 30px;
    width: 30px;
    background-color: #d2afa5;
    border: 0.5px solid black;
    border-radius: 50%;
    display: inline-block;
    margin: 3px 3px;
}

.eg-color-dot-text {
    margin: 3px 3px;
}

.eg-spp-collapsible-header {
    display: flex;
    justify-content: space-between;
}

.eg-spp-qa-section {
    display: flex;
    justify-content: space-between;
}

.eg-spp-qa-left-col {
    width: -webkit-fill-available;
}

.eg-spp-qa-right-col {
    width: -webkit-fill-available;
}

.spa-about-left {
    background-color: #fff0dc;
    color: black;
    border-right: 1px solid black;
}

.spa-about-left-box {
    padding: 15px 15px;
}

.spa-about-left-box h5 {
    font-size: 1.4rem;
    font-weight: 480;
    margin-bottom: 25px;
}

.spa-about-left-box h6 {
    font-size: 1.15rem;
    line-height: 140%;
    margin: 1.5rem 0.4rem;
}

.eg-safety-container {
    position: relative;
    text-align: center;
    height: 500px;
}

.eg-safety-container .eg-safety-centered-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.eg-safety-centered-text h1 {
    letter-spacing: 20px;
    margin: 0;
    font-size: 5.8rem;
}


.eg-show-mobile {
    display: none;
}


/* ARTICLE */

.blog-article-list {
    /* background-color: cadetblue; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.eg-single-article {
    border-bottom: 1px solid black;
    width: 50vw;
}

.eg-single-article-down {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eg-read-btn {
    border-radius: 16px;
    border: 0.5px solid black;
    color: black;
    cursor: pointer;
    padding: 6px 10px;
    display: inline-block;
    margin: 10px 2px;
    font-size: 12px;
}

.eg-read-btn:hover {
    background-color: black;
    color: white;
}

.eg-paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
}

.eg-paginate > a {
    color: black;
    padding: 5px;
}

.eg-paginate > span {
    padding: 5px;
}

.eg-article-left {
    padding: 0px !important; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.eg-article-right {
    padding: 0px !important; 
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

.eg-article-right-padding {
    padding: 20px;
}




/* HEIGHT SECTION Laptop - S (width 1350px) */

.eg-height-banner {
    height: 675px !important;
}

.eg-height-section-title {
    height: 80px;
}

.eg-height-product-pic-1 {
    height: auto;
}

.eg-height-runningtext {
    height: auto;
}

.eg-height-product-pic-2 {
    /* height: auto; */
    height: 30vw;
    width: 25vw;
    max-width: 100%;
}

.eg-height-product-price-text {
    height: auto;
}

.eg-height-about-eg-section {
    height: 500px;
}

.eg-height-science-pic {
    height: 45vw;
}



@media only screen and (max-width:601px) {
    /* Product Photo carousel fixed height */
    .eg-spp-carousel {
        height: auto;
    }

    .spp-section-right {
        border-left: hidden;
    }
    
    /* Change the Q&A section to display single columns in mobile mode */
    .eg-spp-qa-section {
        display: flex;
        flex-direction: column;
    }

    .spp-name-price {
        /* Shorten the empty space in info area */
        height: 200px;
    }

    /* Make the section height shorten to the same in mobile 
    Applied to : Single-Page-About */
    .eg-mobile-section {
        height: 100vw;
    }

    .eg-mobile-section h2 {
        font-size: 35px;
    }

    .eg-hide-mobile {
        display: none;
    }

    .eg-show-mobile {
        display: block;
        margin: 0 0;
    }

    .collapsible-header i {
        margin: 0 0;
        font-size: 2rem;
    }

    .eg-carousel {
        max-height: 500px;
    }

    .eg-carousel .banner-text {
        font-size: 40px;
        color: white;
    }
    
    /* Footer Mobile Setting */

    .eg-footer-container {
        width: 100%;
    }

    .eg-footer-container .eg-footer-box-mobile {
        border-bottom: 1px solid #918782;
    }

    .eg-footer-box-mobile .footer-logo {
        max-width: 40%;
    }

    .eg-footer-container .eg-footer-box-1 {
        height: 100px;
    }

    .eg-footer-container .eg-footer-box-2 {
        justify-content: start;
        height: 130px;
    }

    .eg-footer-container .eg-footer-box-3 {
        justify-content: start;
        height: 130px;
    }

    .eg-footer-container .eg-footer-box-4 {
        border: none;
    }

    .eg-footer-container .eg-footer-box-4 a{
        font-size: 20px;
    }

    .eg-copyright-text {
        padding-left: 10px;
    }


    /* HEIGHT SECTION Mobile (width 375px) */
    .eg-height-banner {
        height: 500px !important;
    }
    
    .eg-height-section-title {
        height: 60px;
    }
    
    .eg-height-product-pic-1 {
        height: auto;
    }
    
    .eg-height-product-pic-2 {
        height: 65vw;
        width: 50vw;
        max-width: 100%;
    }
    
    .eg-height-product-price-text {
        height: auto;
    }
    
    .eg-height-about-eg-section {
        height: 450px;
    }
    
    .eg-height-science-pic {
        height: 100vw;
    }

    .eg-img-section {
        height: 80vw;
    }

    /* OTHER MOBILE SETTING */
    .eg-safety-centered-text h1 {
        font-size: 4rem;
    }

    .eg-product-section .img-front {
        display: none;
    }

    .eg-product-section .img-back {
        display: block;
    }

    .spa-about-left {
        border-bottom: 1px solid black;
        border-right: hidden;
    }

    .eg-sc-right-top h2 {
        font-size: 2.5rem;
    } 
    
    .carousel.carousel-slider .carousel-item.banner-desktop {
        display: none;
    }

    .carousel.carousel-slider .carousel-item.banner-mobile {
        display: flex;
    }

    .carousel.carousel-slider .carousel-item.banner-mobile img {
        width: 100%;
    }    

    .eg-color-dot-text {
        font-size: 11px;
    }
    
    /* Blog Setting */
    .eg-single-article {
        width: 80vw;
    }

    /* Woocommerce */
    .woocommerce .cart-collaterals .cart_totals {
        width: 90%;
    }

}

@media only screen and (min-width:1415px) {
    .spp-section-left {
        border-right: 1px solid black;
    }

    .spp-section-right {
        border-left: none;
    }
}

@media only screen and (min-width:1600px) {
    .banner-text {
        color: white;
    }

    /* HEIGHT SECTION Laptop - L (width 1920px) */
    
    .eg-height-banner {
        height: 960px !important;
    }
    
    .eg-height-section-title {
        height: 90px;
    }
    
    .eg-height-product-pic-1 {
        height: auto;
    }
    
    .eg-height-runningtext {
        height: auto;
    }
    
    .eg-height-product-pic-2 {
        height: 30vw;
        width: 25vw;
        max-width: 100%;
    }
    
    .eg-height-product-price-text {
        height: auto;
    }
    
    .eg-height-about-eg-section {
        height: 700px;
    }
    
    .eg-height-science-pic {
        height: 40vw;
    }

}

/* Border Section */

.hide-bottom-border {
    border-bottom: hidden;
}

.hide-top-border {
    border-top: hidden;
}

/*/// Woocommerce Customisation ///*/

.eg-woo-add-to-cart {
    background-color: black;
    color: white;
}

.quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        display: none;
        margin: 0;
    }
    
.quantity input.qty {
        appearance: textfield;
        -webkit-appearance: none;
        -moz-appearance: textfield;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.eg-add-to-cart-btn {
    border-radius: 35px;
    border: 0.5px solid black;
    background-color: black;
    color: white;
    cursor: pointer;
    padding: 6px 16px;
    display: inline-block;
    margin: 5px;
    font-size: 20px;
    transition: 0.5s;
    text-align: center;
}

.eg-buy-other-website-btn {
    border-radius: 35px;
    border: 0.5px solid #EE4D2D;
    background-color: white;
    color: #EE4D2D;
    cursor: pointer;
    padding: 6px 16px;
    display: inline-block;
    margin: 5px;
    font-size: 20px;
    transition: 0.5s;
    text-align: center;
}

.eg-add-to-cart-btn:hover {
    color: black;
    background-color: white;
}

.eg-buy-other-website-btn:hover {
    color: white;
    background-color: #EE4D2D;
}

@media only screen and (max-width:601px) {
    .eg-add-to-cart-btn,
    .eg-buy-other-website-btn {
        font-size: 14px;
    }
}


/* Cart Page */

.woocommerce-cart-form {
    margin: 30px 20px;
}

.woocommerce table.shop_table td a {
    color: black;
}

.woocommerce table.shop_table {
    border: 1px solid black;
}

.woocommerce table.shop_table td {
    border-top: 1px solid black;
}

.woocommerce button.button {
    color: black;
    background-color: white;
    border: 1px solid black;
    border-radius: 16px;
}

.woocommerce table.cart td.actions .input-text {
    width: 150px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    margin: 25px 20px;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid black;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: black;
    color: white;
    border-radius: 20px;
}

.woocommerce a.button.alt:hover {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 20px;
    /* font-size: larger; */
}

.woocommerce ul#shipping_method li label {
    color: black;
    font-size: 14px;
}

.woocommerce-info { /* The Msg when Cart is empty */
    background-color: white;
    border-top-color: black;
}

.return-to-shop {
    padding-left: 15px;
}

.return-to-shop a.button {
    background-color: white;
    border: 1px solid black;
    border-radius: 16px;
}

.return-to-shop a.button:hover {
    color: white;
    background-color: black;
}


/* Checkout Page */

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: relative;
    opacity: 1;
    pointer-events: fill;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: white;
}

.eg-invoice-field label {
    display: inline !important; 
    margin-right: 20px;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 90%;
    margin: 25px 20px;
}

#order_review_heading {
    margin: 10px 20px;
}

.woocommerce-checkout-review-order {
    margin: 10px 20px;
    width: 90%;
}

.woocommerce button.button.alt:hover {
    background-color: white;
    color: black;
    /* font-size: larger; */
}

.woocommerce-terms-and-conditions-wrapper {
    display: none;
}

.wc_payment_method label {
    color: black;
    font-size: 14px;
}

.woocommerce form .form-row label {
    color: black;
}

/* Side Car customisation */
a.xoo-wsc-ft-btn {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 20px;
}

a.xoo-wsc-ft-btn:hover {
    background-color: black;
    color: white;
}

.xoo-wsc-img-col {
    display: none;
}

.xoo-wsc-empty-cart a.button {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 20px;
}

/* Thank you Page */

.woocommerce-order {
    margin: 10px 25px;
}

.woocommerce ul.order_details li {
    margin-bottom: 1em;
}

.woocommerce-thankyou-order-received {
    font-size: 20px;
}


/* Trial Form Page */
.eg-submit-form-btn {
    border-radius: 35px;
    border: 0.5px solid black;
    background-color: black;
    color: white;
    cursor: pointer;
    padding: 6px 16px;
    display: inline-block;
    margin: 15px 2px;
    font-size: 20px;
    transition: 0.5s;
}

.eg-submit-form-btn:hover {
    color: black;
    background-color: white;
}

.eg-trial-form-section {
    padding-top: 2rem;
    height: 60vh;
}

.eg-input-text:focus {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
}

.eg-form-store-btn {
    color: #000;
    border: 1px solid #000;
    border-radius: 16px;
    padding: 6px 10px;
}
/* Farewell banner (site archive) — static black notice bar, visible on mobile */
.eg-farewell-banner {
    background-color: black;
    color: white;
    text-align: center;
}

.eg-farewell-banner .running-text {
    transform: none;
    animation: none;
    padding: 4px 12px;
}