/*================= Monotype ==================*/
@font-face {
	font-family: 'Monotype';
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/Monotype/Monotype-Medium.otf);
}
@font-face {
	font-family: 'Monotype';
	font-style: normal;
	font-weight: bold;
	src: url(../fonts/Monotype/Monotype-Bold.otf);
}

.breadcrumb:before {
    font-size:18px !important;
    margin:0 10px 0 0 !important;
}

.slider-for figure:after {
    color: #fff !important;
}
.swal2-styled.swal2-confirm {
    background-color: #FA5000 !important;
    color: white !important;
}
.swal2-loader {
    border-color: #ffffff transparent #ffffff transparent !important;
}
.swall2-footer {
    display:block !important;
}
#order-now-button, #need-assistance-button {
    background-color: #ffffff00;
    color:#fff;
    font-weight: bold;
    box-shadow: none;
    border: 2px solid #FA5000;
    box-sizing: content-box;
    margin:0 5px;
}

@media only screen and (max-width: 1303px) {
    #order-now-button, #need-assistance-button {
        height: 50px;
        line-height: 25px;
    }
}
  
#placeorder-btn {
    background-color: #000;
    padding: 17px 50px;
    border-radius: 5px;
    font-size: 1.5em;
}
  
#placeorder-btn:hover {
    cursor: pointer;
}
  
body {
    background-color: #000;
    color:#fff;
}
  
.modal, .tabs {
    background-color:#000;
    color:#fff;
}
  
.modal-overlay {
    background: #fff;
}
  
.card, .card-panel, .card-action {
    background-color:#000;
    color:#fff;
    border: none;
    box-shadow: none;
}
  
.card-reveal span.card-title a, .card-reveal span.card-title i, .card-reveal p {
    color:#000 !important;
}
  
.swiper-button-next, .swiper-button-prev {
    color:#fff !important;
}
  
#more-details-btn {
    border-radius: 25px;
}
  
p.pepsi-options {
    height: 50px;
    color: #fff;
    line-height: 50px;
    padding: 0 25px;
    background-color: #FA5000;
    border-radius: 10px;
    margin-bottom: 25px;
    margin-right: 25px;
    font-size: 1rem;
}
  
h1,
.text-bold,
.btn.btn-download,
li#search--categories a,
#checkout-cart th {
    font-family: "Monotype", sans-serif !important;
    text-shadow: -1px -1px 0 #FA5000, 1px -1px 0 #FA5000, -1px 1px 0 #FA5000, 1px 1px 0 #FA5000;
    color: #fff !important;
}
.top-level-category, 
#nav-informations li a,
#login-button, 
#product-title,
.card-price.old-prices,
.blockquote-note.blue-grey.lighten-5.z-depth-1 span,
label[for="input-quantity"],
li.tab a,
h2, h3, h4:not(.footer-text), h5,
a.white-text.text-bold.modal-trigger {
    font-family: "Monotype", sans-serif !important;
    text-shadow: none;
    color: #fff !important;
    font-weight: normal;
}

#product-cart-list-name {
    font-family: "Monotype", sans-serif !important;
    text-shadow: none;
    color: #FA5000 !important;
    font-weight: normal;
}

label[for="input-quantity"] {
    font-size: 1.15rem;
}
#product-cart-list-name {
    font-size:1.5rem;
    padding-right: 5px;
}
#button-cart, #button-cart-grid, #button-checkout {
    font-family: "Monotype", sans-serif !important;
    font-weight: normal;
    background-image: linear-gradient(to right, #FA5000, #e60128);
    border: 3px solid #fff;
    font-size: 2rem;
    line-height: 2rem;
}
#button-cart:after, #button-cart-grid:after, #login-button:after, #button-checkout:after {
    content: ">>";
    padding-left: 10px;
    line-height: 2rem;
    letter-spacing: -5px;
    position: relative;
    top: -1px;
}

#button-checkout {
    padding: 5px 50px;
    box-sizing: content-box;
    line-height: 1.25;
}

#form-forgotten input, #form-reset input, #login-panel input {
    border-radius: 0;
    background-color:#000 !important;
    color:#fff !important;
}
#login-panel #sub-text {
    display: none;
}
#row-login {
    padding-top: 0 !important;
}

#form-forgotten a, #form-reset a {
    color: #fff !important;
}

#login-button {width: 30%;
    border-radius: 0;
    padding: 5px 50px !important;
    height: auto;
    box-sizing: content-box;
    float: right;
    font-weight: bold;
}

#checkout-card h4 {
    color: #000 !important;
}

#checkout-card table tbody tr td a, #checkout-card table tbody tr td span.text-bold {
    text-shadow: none !important;
    color: #FA5000 !important;
}

.top-level-category,
#nav-informations li a {
    text-transform: uppercase;
}
  
.hover--blue:hover {
    background-color:#FA5000 !important;
}
  
.collapsible-header.text-bold.sort-header {
    background-color: #FA5000;
}
  
blockquote.blockquote-note.blue-grey.lighten-5.z-depth-1 {
    background-color: #000 !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: none;
    border-right: none;
    padding: 10px 25px;
}
  
.sizechart-trigger {
    background-color: #000 !important;
    color: #fff !important;
}
  
#modal-size-chart {
    background-color:#fff;
}
  
#form-reset input[type=password]:not(.browser-default) {
    color: #fff !important;
}

.login-logo {
    width:50% !important;
}

#add-cart-wrapper, div:has(button#button-cart-grid) {
    border-color: #ffffff00 !important;
}

.breadcrumb:before {
    color: #fff !important;
}

#checkout-card {
    color: #000 !important;
    background-color: #fff !important;
}

#checkout-card a {
    color: #FA5000;
}

.collection, .collection-item {
    background-color: #000 !important;
    color: #fff !important;
}

table.highlight > tbody > tr:hover {
    background-color: rgba(242, 242, 242, 0.25) !important;
}

.input-field input[type="text"], .input-field input[type="tel"], .input-field input[type="email"], .input-field input[type="password"] {
    color: #fff;
}

i.material-symbols-outlined.material-filled.blue-grey-text.text-darken-4.waves-effect.waves-effect-15.waves-circle {
    color: #fff !important;
}

#h-grid-table {
    color: #fff !important;
    background-color: #ffffff00 !important;
    padding: 0 5px;
}

#size-tr {
    background-color: #ffffff00 !important;
}

#h-grid-table .input-field input[type="text"] {
    color: #000 !important;
}

.color-td-legend div {
    border: 1px solid #aaa !important;
}

#checkout-cart th,
#checkout-cart td {
    font-size: 1.5rem;
}

.account-part a {
    background-color:#000 !important;
    color: #fff !important;
}


#sidenav-cart *:not(a) {
    color: #000;
}


.sort-container label,
.sort-container select,
.sort-container span.material-symbols-outlined{
    color: #fff !important;
}

.sort-container option {
    color: #000 !important;
}
#mto-modal *:not(.material-symbols-outlined,.btn) {
    color: #000;
}
#mto-modal i.material-symbols-outlined {
    color: #f9c23c;
}