/* Top Section */

html * {
    font-family: "Noto Sans TC", sans-serif;
}

#header {
    background-color: rgb(0, 81, 158);
    top: 0px;
    position: sticky;
    color: white;
}

/* .header-nav {
    top: 0px;
    position: sticky;
    background-color: rgba(0, 81, 158, 1);
    z-index: 999;
} */

#_desktop_logo {
    width: 10%;
}

.search {
    color: black;
}

/* Language selection */
#header a {
    color: white;
}

#header a:hover {
    color: rgb(222, 226, 0);
}

.dropdown-menu {
    background-color: rgb(0, 81, 158);
}

.dropdown .expand-more {
    color: white;
}

.dropdown:hover .expand-more:hover {
    color: rgb(222, 226, 0);
}

/* Cart */
#header .header-nav .blockcart {
    background: rgb(0, 81, 158);
    color: white;
}

#header .header-nav .cart-preview.active {
    background: rgba(0, 81, 158, 0.83);
}

#header .header-nav .cart-preview .shopping-cart {
    color: white;
}

/* Section after the top section */
.header-top {
    background: linear-gradient(
        180deg,
        rgba(225, 226, 250) 0%,
        rgba(233, 234, 251, 1) 100%
    );
}

/* Categories hover*/
#header .header-top a:hover[data-depth="0"] {
    color: rgb(78, 95, 225);
    text-decoration: underline;
}

/* Mid section */
#wrapper {
    background: linear-gradient(
        180deg,
        rgba(233, 234, 251, 1) 0%,
        rgba(241, 242, 252, 1) 100%
    );
}

/* Footer section */
#footer {
    background: rgb(225, 226, 250);
    background: linear-gradient(
        180deg,
        rgba(241, 242, 252, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

/* Newsletter */
.block_newsletter {
    background: linear-gradient(
        180deg,
        rgba(242, 243, 252, 1) 0%,
        rgba(245, 246, 253, 1) 100%
    );
}

/* Links */
a {
    color: rgb(78, 95, 225);
}

a:hover {
    color: rgb(78, 95, 225);
    text-decoration: underline;
}

.footer-container li a:hover {
    color: rgb(78, 95, 225);
    text-decoration: underline;
}

/* Buttons */
.btn-primary {
    background-color: rgb(211, 212, 248);
}

.btn-primary:hover {
    background-color: rgb(78, 95, 225);
}

.btn-secondary:hover,
.btn-tertiary:hover {
    background-color: rgb(78, 95, 225);
    color: white;
}

.btn-secondary,
.btn-tertiary {
    color: white;
    background-color: rgb(211, 212, 248);
}

.group-span-filestyle .btn-default {
    background-color: rgb(211, 212, 248);
}

.group-span-filestyle .btn-default:hover {
    background-color: rgb(78, 95, 225);
}

/* Comment button */
.btn-comment {
    background: linear-gradient(
        0deg,
        rgba(188, 197, 245, 1) 0%,
        rgba(225, 226, 250, 1) 100%
    );
    /* color: rgba(51,51,51,1.0); */
}

/* h6 title */
.block-categories .h6 {
    font-size: 1rem;
    font-weight: 500;
}

/* Price */
.product-price {
    color: rgb(78, 95, 225);
}

/* Account hover */
.page-my-account #content .links a:hover i {
    color: rgb(0, 81, 158);
}

/* Various white fields */
/* Start */

#address-7,
.page-my-account #content .links a span.link-item,
.page-customer-account #content,
.card,
.tabs,
.product-comment-list-item,
.contact-form,
.psgdprinfo17,
body#checkout section.checkout-step {
    background: linear-gradient(
        0deg,
        rgba(188, 197, 245, 1) 0%,
        rgba(225, 226, 250, 1) 100%
    );
}

/* Order chronic */
.thead-default th {
    background: linear-gradient(
        0deg,
        rgba(209, 213, 248, 1) 0%,
        rgba(216, 219, 249, 1) 100%
    );
}

.table-bordered td,
.table-bordered th,
.table thead th {
    border: 1px solid rgb(78, 95, 225);
}

/* Angebote */
.block-categories {
    background: linear-gradient(
        0deg,
        rgba(238, 239, 252, 1) 0%,
        rgba(235, 236, 251, 1) 100%
    );
}

#products .page-not-found {
    background: linear-gradient(
        0deg,
        rgba(240, 241, 252, 1) 0%,
        rgba(236, 237, 251, 1) 100%
    );
}

#pagenotfound .page-not-found {
    background: linear-gradient(
        0deg,
        rgba(238, 239, 252, 1) 0%,
        rgba(235, 236, 251, 1) 100%
    );
}

/* Description product page */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
#blockcart-modal .modal-body,
#blockcart-modal .cart-content p.product-total,
#blockcart-modal .modal-body,
#blockcart-modal .modal-header {
    background-color: rgba(235, 236, 251, 1);
}

.tabs .nav-tabs .nav-link.active {
    background-color: rgba(235, 236, 251, 1);
    border-bottom: rgb(0, 81, 158);
    border-bottom-color: rgb(0, 81, 158);
    color: rgb(0, 81, 158);
}

.tabs .nav-tabs .nav-link:hover {
    border-bottom: rgb(0, 81, 158);
}

/* Order total amount */
#order-items table tr.total-value {
    background: linear-gradient(
        0deg,
        rgba(201, 207, 247, 1) 0%,
        rgba(203, 209, 247, 1) 100%
    );
}

.definition-list dl dd,
.definition-list dl dd:nth-of-type(2n),
.definition-list dl dt:nth-of-type(2n),
.definition-list dl dt {
    background: linear-gradient(
        0deg,
        rgba(238, 239, 252, 1) 0%,
        rgba(235, 236, 251, 1) 100%
    );
}

body#checkout section.checkout-step .delivery-options .delivery-option {
    background: linear-gradient(
        0deg,
        rgba(209, 213, 248, 1) 0%,
        rgba(216, 219, 249, 1) 100%
    );
}

/* end */

/* Search widget */
#search_widget form input {
    background-color: white;
}

/* AGB */

#cta-terms-and-conditions-footer-0 {
    display:none;
}

/* For the arrows but also disables other icons */
/* .material-icons {
    display: none;
} */


input[name="psgdpr"], input[name="customer_privacy"] {
    display: none;
}