div.container-fluid {
}
div.border-end {
}
footer {
}

span#cart-qty:after {
    content: " ħ";
}

.checkout-link {
    cursor: pointer;
}

figure {
    margin-bottom: 0px;
}

div.item {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
div.item:hover {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

div.card-title {
	font-size: 20px;
    height: 25px;
    overflow-y:auto!important;
}
div.card-title:hover {
   /*  height: 100%; */
   /* show pop-up instead */
}

div.product-price {
   font-family: "Blender Pro";
   font-size: 18px;
   height: 35px;
   overflow-y:auto!important;
}

div.product-price:hover {
 /*  height: 100%; */
}

div.price-converted {
    visibility: collapse;
}

div.price-action:focus-within > div {
    visibility: visible;
}

div.price-action:hover > div {
    visibility: visible;
}


span.price-tag {
   font-size: 22px;
}

div.product-action {
   text-align: right;
   white-space: nowrap;
}

.card-footer {
   background-color: transparent;
}

.btn {
    padding-bottom: 7px;
}
.btn-primary {
    border-radius: 5rem;
    border: 0px;
    width: 114px;
}
.btn-primary:hover {
}
.btn-success {
    border-radius: 5rem;
}
.btn-success {
    background-color: #7baf8b;
}
.btn-success:hover {
    background-color: #57a36e;
}
.btn-info {
    border-radius: 5rem;
    background-color: #607d8b!important;
    border: 1px solid transparent!important;
}
.btn-info:hover {
    background-color: #161E33!important;
}
.nav-products {
    line-height: 1.5;
    border-bottom: 1.5px solid #ebebebbd;
  /*  background-color: #fffcf5; */
}

#my-orders:hover {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

#my-cart:hover {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.search-group-box {
   padding-left: 0%;
   padding-right: 0%;
}


/* main search */

   /* focus */

.search-group-box:focus-within > input {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
}

.search-group-box:focus-within > span > button {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
}

.search-group-box:focus-within > span > select {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
	border-left: 1px solid #0064D2!important;
}

.search-group-box:focus-within > select {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
	border-right: 1px solid #0064D2!important;
}

    /* hover */

.search-group-box:hover > input  {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
}

.search-group-box:hover > span > button {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
}
.search-group-box:hover > span > select {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
	border-left: 1px solid #0064D2!important;
}

.search-group-box:hover > select {
	border-top: 1px solid #0064D2!important;
	border-bottom: 1px solid #0064D2!important;
	border-right: 1px solid #0064D2!important;
}





.search-type {
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #dee2e6;
}

.search-purpose {
    border-radius: 6px 0 0 6px;
    border-left: 1px solid #dee2e6;
}

.logo-font {
    font-family: "Blender Pro";
    font-size: 30px;
    font-weight: bold;
}

.brand-image {
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    vertical-align: 5px;
}

.simplebox {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.no-shadow:hover {
    border: 1px solid #0064D2!important;
}

.no-shadow:active {
    border: 1px solid #0064D2!important;
}

.search-selector {
	display: inline-block;
	height: 48px;
    font-weight: 300;
    letter-spacing: 0px;
    font-stretch: condensed;
    background-color: transparent;

    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;


    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.search-selector:focus {
    outline: none;
}

p {
    font-family: "Blender Pro";
}

.list-group-item {
    border-bottom: none;
}


.accordion-wrapper {
 border-right: 1px solid #dee2e6;
 border-bottom: 1px solid #dee2e6;
}

.accordion-panel {
 font-size: 20px;
 font-weight: 400;


}

/* disable animation for accordion */
.collapsing {
  transition: none !important;
  transition-delay: 0s!important;
  -webkit-transition: none !important;
  -webkit-transition-delay: 0s!important;
}
.expanding {
  transition: none !important;
  transition-delay: 0s!important;
  -webkit-transition: none !important;
  -webkit-transition-delay: 0s!important;
}

/* Style to change separator  */
.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}

#breadcrumb-categories {
    margin-top: 0px;
    margin-left: 0px;

 /*  background-color: transparent; */
    border: 1px solid #dee2e6;
	border-top: none;
    border-left: none;
    border-bottom: none;
    border-radius: 0px;
}

.container-fluid {
    padding: 0px;
}


/* RESPONSIVE CARDS */

.items {
	display: flex;
	flex-flow: row wrap;
	padding: 1rem;
}

.items .item {
	padding: 1rem;
    /* on a small phone, we should still show 2 cols */
	width: calc(100%/1);
}

/* --breakpoint-sm */
@media (min-width: 630px) {
	.items .item {
		width: calc(100%/2);
	}
    .search-group-box {
       padding-left: 5%;
       padding-right: 5%;
    }
}

/* --breakpoint-sm */
@media (min-width: 1000px) {
	.items .item {
		width: calc(100%/3);
	}
    .search-group-box {
       padding-left: 5%;
       padding-right: 5%;
    }
}

/* --breakpoint-sm */
@media (min-width: 1240px) {
	.items .item {
		width: calc(100%/4);
	}
}

/* --breakpoint-md */
@media (min-width: 1650px) {
	.items .item {
		width: calc(100%/5);
	}
    .search-group-box {
       padding-left: 10%;
       padding-right: 10%;
    }
}

/* --breakpoint-lg */
@media (min-width: 1800px) {
	.items .item {
		width: calc(100%/6);
	}
    .search-group-box {
       padding-left: 10%;
       padding-right: 10%;
    }
}

/* RESPONSIVE CARDS */



div .expand {
    border-top: 1px solid #dee2e6;
}

.section-name {
    /* background-color: yellow; */
}

.filter-section:focus-within > a {
    color: red!important;
}

div + a ::after  {
    content: "";
    background-image: url("/static/filters-arrow-down.78b07cfe032d.svg");
    background-size: 20px 20px;
    display: inline-block;
    margin-top: 5px;
    float: right;
    width: 20px;
    height: 20px;
}

div[class="collapse"] + a[aria-expanded="false"] ::after  {
    content: "";
    background-image: url("/static/filters-arrow-down.78b07cfe032d.svg")!important;
    background-size: 20px 20px;
    display: inline-block;
    margin-top: 5px;
    float: right;
    width: 20px;
    height: 20px;
}

div[class="collapse"] + a[aria-expanded="true"] ::after  {
    content: "";
    background-image: url("/static/filters-arrow-up.bdb79816ca2d.svg")!important;
    background-size: 20px 20px;
    display: inline-block;
    margin-top: 5px;
    float: right;
    width: 20px;
    height: 20px;
}

div[class="collapse show"] + a[aria-expanded="true"] ::after  {
    content: "";
    background-image: url("/static/filters-arrow-up.bdb79816ca2d.svg")!important;
    background-size: 20px 20px;
    display: inline-block;
    margin-top: 5px;
    float: right;
    width: 20px;
    height: 20px;
}


#accordion {
 width: 60px;
}

#breadcrumb-content {
    display: none;
}

a[href^="#section"] {
    visibility: collapse;
}
div[id^="section"] {
    visibility: collapse;
}
span[id="accordion-left-toggle"] {
    display: none;
}

.filters-cover:hover {
    -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,.15)!important;
    -moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,.15)!important;
    box-shadow: 0 5px 5px 0px rgba(0,0,0,.15)!important;
}




section[class="items"] {
    padding-top: 10px;
}

.filter-wide-select {
    width: 250px;
}

.filter-wrapper {
    border-top: 1px solid #dee2e6;
    background-color: #fbfdff;
    padding: 10px;
}

/* price filter */

#price-filter--currency > select {
    margin-bottom: 4%;
    width: 278px;
}

#price-filter--price-range > input {
    display: inline-block;
}

.filter-separator {
    text-color: #dee2e6!important;
}

.btn-secondary {
    background-color: #c0c0c0;
}

/* project filter */

#price-filter--project > select {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* MODALS */

.modal-dialog {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width:none !important;

}

.modal-content {
	height: auto !important;
	min-height: 100% !important;
	border-radius: 0 !important;
	background-color: #fff !important
}

.modal-header {
	border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer {
	border-top: 1px solid #9ea2a2 !important;
}
input[type="number"] {
}

.user-menu {
    line-height: 60px;
}

.product-actions {
	float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Autocomplete styles */

.autocomplete-suggestions { border: 1px solid #dee2e6; background: #ffffff; overflow: auto; }
.autocomplete-suggestion { height: 40px; font-size: 18px; font-family: Arial; padding: 5px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-suggestion:hover {
    cursor: pointer;
}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: 100; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


/* Heart Checkbox Favorites */
.heart {
	position: relative;
	--size: 0.75em;
	width: var(--size);
	height: var(--size);
}

.heart__checkbox {
	appearance: none;
	position: absolute;
	top: calc(var(--size) * -.4);
	left: calc(var(--size) * -.2);
	width: calc(var(--size) * 1.5);
	height: calc(var(--size) * 1.5);
	z-index: 2;
	cursor: pointer;
	transform: scale(1) rotate(45deg);
	outline:gold!important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}


.heart__checkbox:focus {
	outline: none;
}

.heart__checkbox:hover ~ .heart__icon {
	transform: scale(1.1) rotate(45deg);
    background-color: grey;
}

.heart__checkbox:checked ~ .heart__icon {
	animation: heartAnimation forwards 1s;
}

.heart__icon {
	width: var(--size);
	height: var(--size);
	background: lightgrey;
	transform: scale(1) rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	transition: transform 200ms ease-out;
}


.heart__icon::before, .heart__icon::after {
	content: '';
	display: block;
	background: inherit;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	position: absolute;
}

.heart__icon::before {
	top: 0;
	left: -60%;
}

.heart__icon::after {
	left: 0;
	top: -60%;
}

@keyframes heartAnimation {
	0% {
		transform: scale(1.1) rotate(45deg);
	}

	25% {
		transform: scale(0.7) rotate(45deg);
	}

	45% {
		transform: scale(1.4) rotate(45deg);
		background: #efc75eff;
	}

	70% {
		transform: scale(1) rotate(45deg);
		background: #efc75eff;
	}

	100% {
		transform: scale(1.1) rotate(45deg);
		background: #efc75eff;
	}
}

/* End of Heart Checkbox Favorites */


/* Cart animation */

.cart__amount:hover ~ .heart__icon {
	animation: heartAnimation forwards 1s;
}

@keyframes cartAnimation {
	0% {
		transform: scale(1.1) rotate(45deg);
	}

	25% {
		transform: scale(0.7) rotate(45deg);
	}

	45% {
		transform: scale(1.4) rotate(45deg);
		background: #ffeb82;
	}

	70% {
		transform: scale(1) rotate(45deg);
		background: #ffeb82;
	}

	100% {
		transform: scale(1.1) rotate(45deg);
		background: #ffeb82;
	}
}

/* No arrows for input fields */

.quantities.hide_spin::-webkit-outer-spin-button,
.quantities.hide_spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    cursor: pointer;
}
.quantities.hide_spin {
    -moz-appearance: textfield;
    cursor: pointer;
}

.quantities {
    height: 34px;
    border: 1px solid grey;
    border: 1px solid transparent;
    border-radius: 4rem;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #7b9cbd;
}
.quantities::placeholder {
  color: #fffcf5;
  font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
  font-weight: bold;
  opacity: 1;
  padding-left: 6px;
}

input.quantities:hover {
    outline: none;
}
.quantities {
    width: 105px;
}

.order-type {
    display: inline-block;
    position: absolute;
    margin-left: -100px;
    text-align: center;
    width: 70px;
    margin-top: -19px;
    border-radius: 5rem;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
}
.order-type:hover {
    cursor: pointer;
}
.order-wholesale {
    color: white;
    background-color: #686d7b80;
}
.order-retail {
    color: grey;
    background-color: #ffdb7d99;
}

/*.status-badge:hover {
    background-color: black;
}*/