/*================ PepsiOwners ================*/
@font-face {
	font-family: 'Pepsi Owners Extended';
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/PepsiOwners/PepsiOwners-Extended.otf);
}

@media only screen and (min-width:1020px) {
    main {
      padding-top: 225px !important;
    }
}
  
.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: #ff1400 !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 #0025ff;
    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;
}
  
.slick-next, .slick-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: #0025ff;
    border-radius: 10px;
    margin-bottom: 25px;
    margin-right: 25px;
    font-size: 1rem;
}
  
h1, h2, h3, h4:not(.footer-text), h5,
.text-bold,
.top-level-category,
p.pepsi-options,
.btn.btn-download,
li#search--categories a {
    font-family: "Pepsi Owners Extended", sans-serif !important;
}
  
.hover--blue:hover {
    background-color:#0025ff !important;
}
  
.collapsible-header.text-bold.sort-header {
    background-color: #0025ff;
}
  
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;
}
  
/* PEPSI PULSE */
  
.pulse-hover:hover {
      animation: 0.75s cubic-bezier(0.54,-0.2, 0, 1.01) pepsiPulse infinite;
      background-size: contain;
      background-repeat: no-repeat;
}
  
@keyframes pepsiPulse {
    0% {
        background-image: radial-gradient(#000000FF 5%, #00000000 15%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    10% {
        background-image: radial-gradient(#000000FF 15%, #00000000 35%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    20% {
        background-image: radial-gradient(#000000FF 35%, #00000000 50%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    30% {
        background-image: radial-gradient(#000000FF 50%, #00000000 75%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    40% {
        background-image: radial-gradient(#000000FF 75%, #00000000 100%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    60% {
        background-image: radial-gradient(#00000000 15%, #000000FF 35%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    70% {
        background-image: radial-gradient(#00000000 35%, #000000FF 50%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    80% {
        background-image: radial-gradient(#00000000 50%, #000000FF 75%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    90% {
        background-image: radial-gradient(#00000000 75%, #000000FF 90%),  url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
    100% {
        background-image: radial-gradient(#00000000 90%, #000000FF 100%), url(https://res.cloudinary.com/gandg/image/upload/eCommerce/pepsiuniformcollection/catalog/Titan_2023/Banners/Pulse.png);
    }
}


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

.sort-container option {
    color: #000 !important;
}