a {
    text-decoration: none !important;
}

.text-rrp {
    font-size: 12px;
}

.carousel-control-prev,
.carousel-control-next {
    color: black;
    width: 0;

}

.carousel-inner {
    padding-left: 4%;
    padding-right: 4%;
}

/*.fas:hover , .fas:focus, .fas:active , .fas:after, .fas:target, .fas:visited, .fas::before, .fas::after{
    color: gray;
}*/

.caption-value {
    color:rgba(137, 195, 63, 1.0);
}

.carousel-indicators{
    bottom: -12%;
}

.carousel-indicators li{
    background-color: gray;
}

.ind-product-carousel a {
    display:block;
    overflow:hidden;
    color:#0a0a0a;
    position:relative
}

.ind-product-carousel a:before{
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/product-magnify.svg);
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(137,195,63,0);
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s;
    opacity: 0;
}

.ind-product-carousel a:hover:before{
    background-color:rgba(137,195,63,.75);
    transition:.2s;
    opacity:1
}

.ind-product-carousel .img-box {
    min-height: 100px;
}

.pagination-wrapper {
    width:100%;
    margin-top:15px;
}

.simple-pagination {
    float: left;
}

.simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
    color: #FFF;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #EEE;
    background-color: #FFF;
    box-shadow: 0px 0px 10px 0px #EEE;
}

.simple-pagination .current {
    color: #FFF;
    /*background-color:#88c23f !important; border-color:#88c23f !important;*/
    background-color:#FFF;
}

.simple-pagination .current.prev,
.simple-pagination .current.next {
    color: #686464 !important;
    border: 1px solid #EEE !important;
    background-color: #FFF !important;
    box-shadow: 0px 0px 10px 0px #EEE !important;
}

.table-cell {
    display: table-cell !important;
}

.simple-pagination li a, .simple-pagination li span {
    display: inline-block;
    font-size: 1.14286rem;
    border: 1px solid #eee;
    padding: 2px 8px;
    margin: 0 4px;
    color: #404041;
    box-shadow: none;
    background: #eee;
    background: -moz-linear-gradient(#eee); /* FF3.6+ */
    background: -webkit-gradient(#eee); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(#eee); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#eee); /* Opera11.10+ */
    background: -ms-linear-gradient(#eee); /* IE10+ */
    background: linear-gradient(#eee); /* W3C */

}

.simple-pagination li a:hover {
    color: #404041;
}

.ind-product div {
    width: 100%;
}

.ind-product a {
    min-height:277px;
}

.ind-product img {
    margin: auto;
    display: block;
    min-height: 170px;
}

.subCategory {
    margin-left: 32px !important;
}

.image-box {
    min-height: 203px;
}

.custom-filter {
    width: 100%;
}
.custom-filter .float-right {
  margin-right: 6px;
}

.search-filter {
    width: 30% !important;
}

.products-wrapper {
    height: 100%;
    width: 100%;
}

.spinner {
    width: 100%;
    padding: 15px;
}

.spinner img {
    display: block;
    margin: auto;
}

#products-list {
    width: inherit;
}

/********************
NEW PRODUCTS
*********************/

.main-product-container .product-menu h1 {
	font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
	padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #cfcfcf;
    
}
.page-template-template-search-result .main-product-container .product-menu h1 {
	display: none;
}
.main-product-container .product-menu img.supplier-logo{
	padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #cfcfcf;
}

.main-product-container .product-filters h3{
	text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
}

.main-product-container .products-wrapper .custom-filter > .dropdown > .btn{
	border-radius: 0;
    font-size: 14px;
    text-transform: capitalize;
	margin-right: 6px;
}

.main-product-container .products-wrapper .breadcrumbs span{
	font-size: 16px;
	font-weight: 300;
}

.main-product-container .products-wrapper .breadcrumbs span:before{
	content: "";
    background-image: url(../images/breadcrumb-separator.svg);
    background-size: 100%;
    width: 8px;
    height: 14px;
    display: inline-block;
    margin-left: 14px;
    margin-right: 14px;
	font-weight: 300;
}

.main-product-container .products-wrapper .breadcrumbs span:first-of-type:before {
    content: "";
    background-image: none;
    width: 0;
    height: 14px;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
}

.main-product-container .products-wrapper .breadcrumbs span:last-of-type:before {
    content: "-";
    background-image: none;
    width: 8px;
    height: 14px;
    display: inline-block;
    margin-left: 14px;
    margin-right: 14px;
}

.main-product-container .products-wrapper .breadcrumbs span:last-of-type{
	font-style: italic;
}

.main-product-container .products-wrapper #products-list > .list-item{
	padding: 6px;
}

.main-product-container .products-wrapper #products-list a{
	border: 1px solid #cfcfcf;
    display: block;
    overflow: hidden;
    position: relative;
	padding: 5px;
}


.main-product-container .products-wrapper #products-list a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/product-magnify.svg);
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(137,195,63,0);
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s;
    opacity: 0;
}


.main-product-container .products-wrapper #products-list a:hover:before {
    background-color: rgba(137,195,63,.75);
    transition: .2s;
    opacity: 1;
	cursor: pointer;
}

.main-product-container .products-wrapper #products-list a,
.main-product-container .products-wrapper #products-list a h4,
.main-product-container .products-wrapper #products-list a span,
.product-modal .modal-body .barcode, 
.product-modal .modal-body .units-per-outer{
	color: #0a0a0a;
}

.main-product-container .products-wrapper #products-list .product-name{
	font-size: 14px;
	text-align: center;
	min-height: 36px;
}

.main-product-container .products-wrapper #products-list .RRP{
	float: right;
	color: #a30c11;
    margin-right: 5px;
    margin-bottom: 5px;
	font-weight: 600;
}

.main-product-container .products-wrapper #products-list .list-item:not(.product-modal) .units-per-outer,
.main-product-container .products-wrapper #products-list .list-item:not(.product-modal) .barcode,
.main-product-container .products-wrapper #products-list .list-item:not(.product-modal) .RRP{
	font-size: 14px;
}

.products-wrapper #products-list{
	margin-right: -6px;
	margin-left: -6px;
}

.product-modal.modal{
	top: 8%;
}

.product-modal .modal-body {
	min-height: 520px;
	display: flex;
	flex-flow: column;
  	justify-content: flex-end;
}

.product-modal .modal-body h4{
	font-size: 22px;
	text-align: center;
    font-weight: 600;
    color: #88c23f;
    display: block;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.product-modal .modal-body .RRP{
	font-weight: 600;
    color: #a30c11;
    margin-right: 5px;
    margin-bottom: 5px;
}

.product-modal .modal-body .barcode, 
.product-modal .modal-body .units-per-outer,
.product-modal .modal-body .RRP{
	font-size: 18px;
}

.product-modal .modal-body .close-button{
	color: #000;
    font-size: 30px;
    position: absolute;
    right: 1px;
    top: 2px;
    float: none;
    min-height: auto;
    line-height: 1.2;
    padding: 0 10px;
    z-index: 9;
}


.product-modal .modal-body img{
	margin-bottom: 10px;
}

.header-nav-main .sub-menu > .row > .col > .col-inner{
	height: 100%;
}

.header-nav-main .sub-menu > .row > .col > .col-inner > .img{
	height: 100%;
    display: flex;
    align-items: center;
}

#myCarousel{
	margin-bottom: 30px;
}

#myCarousel [data-toggle="modal"]:hover{
	cursor: pointer;
}

/********************
NEW PRODUCTS - end
*********************/

@media screen and (max-width: 1080px) {
    .ind-product a {
        min-height: 198px !important;
    }

    .ind-produuct.image-box {
        width: 100%;
    }

    .ind-product a .barcode {
      clear: left;
    }
}

@media screen and (max-width: 768px) {

    .product-filters {
        font-size: 12px;
    }

    .ind-product div {
        min-width: 160px;
        min-height: 160px;
    }

    .ind-product a {
        min-height: 198px !important;
    }

    .ind-product a h4 {
        font-size: 12px;
        height: 32px;
    }

    .ind-product a .RRP {
        font-size: 12px;
    }

    .ind-product a .barcode, .ind-product a .units-per-outer {
        font-size: 12px;
    }

    .ind-product img {
        max-height: 160px !important;
        min-height: 160px !important;
    }

    .ind-produuct.image-box {
        width: 100%;
        min-height: 130px;
    }
    
}

@media screen and (max-width: 360px) {

    .product-filters {
        font-size: 12px;
    }

    .ind-product div {
        min-width: 180px;
        min-height: 180px;
    }

    .ind-product a {
        min-height: 198px !important;
    }

    .ind-product a h4 {
        font-size: 12px;
        height: 24px;
    }

    .ind-product a .RRP {
        font-size: 12px;
    }

    .ind-product a .barcode, .ind-product a .units-per-outer {
        font-size: 12px;
    }

    .ind-product img {
        max-height: 180px !important;
        min-height: 180px !important;
    }

    .ind-produuct.image-box {
        width: 100%;
        min-height: 130px;
    }
    
}

@media(min-width: 641px){
	.product-modal .modal-body {
		min-height: 620px;
	}
}


a.dropdown-item.selected {
    font-weight: bold;
    background-color: #e6ffc3;
}

/** Loader **/
.product-loader {
    width: 100%;
    padding: 15px;
    position: absolute;
    z-index: 10;
    height: 100%;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
}

.the-loader{
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .the-loader:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #629A36;
    border-color: #629A36 transparent #629A36 transparent;
    animation: spinner-animation 1.2s linear infinite;
  }
  @keyframes spinner-animation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }