/* Move it (define the animation) */
@-moz-keyframes bouncing-text {
    0%   { -moz-transform: translateX(50%); }
    100% { -moz-transform: translateX(-50%); }
}
@-webkit-keyframes bouncing-text {
    0%   { -webkit-transform: translateX(50%); }
    100% { -webkit-transform: translateX(-50%); }
}
@keyframes bouncing-text {
    0%   { -moz-transform: translateX(50%); /* Browser bug fix */
        -webkit-transform: translateX(50%); /* Browser bug fix */
        transform: translateX(50%);
    }
    100% { -moz-transform: translateX(-50%); /* Browser bug fix */
        -webkit-transform: translateX(-50%); /* Browser bug fix */
        transform: translateX(-50%);
    }
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
.dropdown.open .dropdown-menu {
    display: block;
}
#shoplist.table{
    margin-bottom: 0;
}
.card-link {
    font-weight: bold;
    color: #666666;
}
.card {
    border: 0px solid #f2f2f2;
    border-radius: 0px;
}
a:hover {
    color: black;
}
.right-chevron {
    float: right;
    cursor: pointer;
}
#menu > ul > li > a:hover, #menu .nav-item > a:hover, #menu.active > ul > li > a:hover,
#menu.active > ul > li ul > li > a:hover, #menu .menuhover, #menu .nav-item:hover {
    border-style: hidden !important;
}
#menu .dropdown-item:hover {
    opacity: 0.8;
    background-color: white;
}
.quick-order-header {
    background-color: #ffffff;
    color: #666666;
    padding-bottom: 12px;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.07);
}
.table-striped tbody tr {
    background-color: #ffffff;
}
.product-grid .add-to-cart {
    margin-top: 1%;
}
#add_to_orderpad_list_style_layout {
    margin-left: 3px;
    padding-right: 15px
}
#freqorder_img {
    min-height: 200px!important;
    max-height: 200px!important;
}
#freqorder_name {
    min-height: 80px!important;
}
#freqorder_cart {
    min-height: 30px!important;
}
.primago-offer-popup {
    background-color: rgba(0,0,0,0.5);
    z-index: 2030;
}
.primago-offer-popup img {
    min-width: 20rem;
}
.primago-offer-popup-close {
    font-size: 18px !important;
    top: 17px;
    left: 12px;
}
a.button.process-color,.button.sbutton,input.process-color,.btn-secondary, .process-color {
    background-color: var(--bg-pbutton-color) !important;
    border-color: var(--bg-pbutton-color) !important;
    color: var(--fg-pbutton-color) !important;
}
#content > .heading {
    background-color: var(--bg-module-color) !important;
    color: var(--fg-module-color) !important;
}
#menu .nav-link:hover, #menu .nav-item:hover .nav-link {
    background-color: var(--fg-menu-color);
    color: var(--bg-menu-color);
}
#header .button-search, a.button, input.button, button.button, a.button > span, .sbb img,.btn-primary,
.badge-primary {
    border-color: var(--bg-btn-color);
    background-color: var(--bg-btn-color);
    color: var(--fg-btn-color) !important;
}
#header .button-search:hover, a.button:hover, input.button:hover, button.button:hover, a.button:hover > span,
.sbb:hover img {
    border-color: var(--bg-btn-color);
    background-color: var(--bg-btn-color);
    color: var(--fg-btn-color);
}
a.button:hover, button.button:hover,input.button:hover {
    border-color: var(--bg-btn-color);
    background-color: var(--bg-btn-color);
    color: var(--fg-btn-color);
}
.response-cat div {
    background: var(--bg-menu-color);
}
.address {
    color: var(--fg-footer1-color);
}
#menu .dropdown-item:hover {
    text-decoration:underline var(--bg-module-color);
    color: var(--bg-module-color) ;
}
/*################ OVERRIDDEN ################*/
.btn-sm {
    min-height: unset !important;
    height: unset !important;
    line-height: unset !important;
}
.btn-lg {
    font-size: 16px !important;
}
.list-group-item {
    border: 0;
}
.nav-bar-item::after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    position: absolute;
    right: 20px;
    top: 1.5rem;
}
body {
    font-family: Arial, sans-serif!important;
}
.card-header {
    background-color: unset;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    position: relative;
    margin-top: 9px;
    border: none;
    padding: 0 !important;
}
h1 {
    font-size: 1.75rem;
}
h2 {
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: capitalize;
}
h3 {
    font-size: 1.25rem;
}
h4 {
    font-size: 1rem;
}
.dropdown-toggle::after {
    margin-left: 0;
}
a {
    color: inherit !important;
}
a:hover, button:hover, .primago-selected-delivery-address:hover {
    text-decoration: none !important;
    opacity: 0.8 !important;
}
a:hover svg, a:hover i.fa, a:hover.btn, a:hover img,
button:hover svg, button:hover i.fa, button:hover.btn, button:hover img,
input:hover svg, input:hover i.fa, input:hover.btn, input:hover img,
.carousel .carousel-control-prev:hover, .carousel .carousel-control-next:hover, .carousel .carousel-indicators:hover,
.primago-home-category-title-only:hover
{
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}
a:focus, a:focus-visible {
    outline: unset !important;
}
.btn {
    font-size: 14px;
    min-height: 40px;
    line-height: 26px;
    height: fit-content;
}
.btn:hover {
    font-size: 14px;
}
.form-control {
    display: inline-block;
    min-height: 40px !important;
    border-radius: .25em;
    vertical-align: top;
}
.carousel-indicators {
    margin: 0;
}
.product-list-style3 .social {
    top: 20% !important;
}
.product-list-style3 > div {
    margin: 0 !important;
}
.input-group-text {
    background-color: transparent !important;
    border: transparent !important;
    font-size: 14px !important;
}
.pagination {
    margin: 0 !important;
}
.dropdown-menu {
    font-size: inherit;
}
.dropdown-menu > a:hover {
    background: var(--generic-light-color);
}
.dropdown-menu > a:active {
    background: #e3e0e0;
    color: inherit;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: lightgray !important;
    border-color: lightgray !important;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show >
.btn-primary.dropdown-toggle, .tabulator .btn-primary {
    color: var(--fg-btn-color) !important;
    background-color: var(--bg-btn-color) !important;
    border-color: var(--bg-btn-color) !important;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: unset !important;
}
input:focus, input:focus-visible {
    outline: var(--generic-light-color) !important;
    border-color: var(--generic-light-color) !important;
    box-shadow: 0 0 0 0.2rem var(--generic-light-color) !important;
}
.primago-search-bar-border-color input:focus, input:focus-visible {
    outline: inherit !important;
    border-color: inherit !important;
    box-shadow: inherit !important;
}
.form-control:focus {
    border-color: unset !important;
    box-shadow: unset !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--generic-light-color) !important;
}
.product-list-style3 .product-content {
    z-index: 1 !important;
}
.primago-navigation-categories .nav-bar-item, .primago-navigation-categories .dropdown-item {
    border: unset !important;
    white-space: nowrap;
}
.list-group-item-action.active {
    color: var(--fg-menu-color) !important;
    background-color: var(--bg-menu-color) !important;
    border-color: unset !important;
}
.btn-primary:hover {
    border-color: var(--bg-btn-hover) !important;
    background-color: var(--bg-btn-hover) !important;
}
.btn-secondary:hover {
    border-color: var(--bg-pbtn-hover) !important;
    background-color: var(--bg-pbtn-hover) !important;
}
label {
    margin-bottom: unset !important;
}
.jcarousel-control-next {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='-4 -4 15 15'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") !important;
    right: 0 !important;
}
.jcarousel-control-prev {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='-4 -4 15 15'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
    left: 0 !important;
}
.carousel-control-prev, .carousel-control-next, .jcarousel-control-prev, .jcarousel-control-next {
    background-color: #827b75 !important;
    border-radius: 0 !important;
    color: white !important;
    opacity: 0.9 !important;
    height: 52px !important;
    width: 32px !important;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-right: 15px;
    margin-left: 15px;
}
#slideshowCarousel .carousel-control-prev, #slideshowCarousel .carousel-control-next, .slideshow-module .carousel-control-prev, .slideshow-module .carousel-control-next {
    background-color: unset !important;
    height: unset !important;
    width: 6% !important;
    top: 0 !important;
    margin-right: -10px !important;
    margin-left: -10px !important;
    opacity: 0.7 !important;
}
/*################ GENERIC ################*/
.primago-gen-cursor-pointer {
    cursor: pointer;
}
.primago-fair-trade-icon {
    height: 16px;
    content: url(/images/fairtrade.png);
}
.primago-left-column-title {
    font-size: 16px;
}
.primago-left-column-inner-header {
    font-size: 14px;
}
.primago-cart-overlay {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.primago-product-price-break-popup {
    display: none;
    z-index: 1;
    position: absolute;
    width: 150px;
}
.primago-orderpad-costcentre-list.active {
    color: var(--fg-menu-color) !important;
    background-color: var(--bg-menu-color) !important;
}
.primago-orderpad-costcentre-list.active .primago-orderpad-costcentre-selected {
    display: block !important;
}
.primago-modal-payment-method-selected {
    color: var(--fg-menu-color) !important;
    background-color: var(--bg-menu-color) !important;
}
/*################ SCROLL TO TOP ################*/
.primago-scroll-to-top-btn {
    display:none;
    height: 40px;
    width: 40px;
    left: unset;
}
/*################ PAGINATION ################*/
.primago-product-list-count, .primago-pagination-btn {
    font-size: 14px !important;
}

/*################ BREADCRUMB ################*/
.primago-product-list-container .primago-page-title {
    padding-top: 0.5rem;
    padding-left: 1rem !important;
    background: white;
}
.primago-search-string {
    color: var(--bg-btn-color);
}
/*################ TABULATOR ################*/
.tabulator {
    font-size: inherit !important;
}
.tabulator-cell a {
    color: #007bff !important;
    text-decoration: underline !important;
}
.tabulator .btn-primary {
    text-decoration: unset !important;
}
.tabulator-cell a.btn-danger {
    color: white !important;
    text-decoration: unset !important;
}
.tabulator .tabulator-col {
    color: var(--fg-menu-color) !important;
    background-color: var(--bg-menu-color) !important;
}
.tabulator-tableholder {
    height: 100% !important;
}
/*################ PRODUCT LIST ################*/
.primago-sort-limits-wrapper .form-control {
    width: fit-content;
    flex: revert;
    min-height: fit-content !important;
    height: auto !important;
}
/**/
.primago-left-column-container, .primago-right-column-container {
    background-color: white;
    height: max-content;
}
/*################ BREADCRUMBS ################*/
.primago-breadcrumb-wrapper:first-child .primago-breadcrumb-tag {
    border-radius: 8px 0 0 8px;
}
.primago-breadcrumb-tag {
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border: 2px solid #d1d5db;
    height: 35px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    transform: skew(-30deg);
}
.primago-breadcrumb-tag:hover, .primago-breadcrumb-tag:active {
    border-color: var(--bg-btn-color);
}
.primago-breadcrumb-tag span {
    transform: skew(30deg);
}
/*################ PROMOTION RANGE ################*/
.primago-promo-badge-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.primago-promo-badge {
    font-size: 11px;
    position: absolute;
    border-left: 0.8em solid #0000;
    clip-path: polygon(20% -60%, 250% 100%, 10% 100%, 0% 50%);
    z-index: 1;
    font-weight: bold;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    bottom: 300px;
    right: 0;
}