:root{
    --primary-btn-hover-bg: #1e2b37;
    --primary-btn-hover-fg: #fff;
    --primary-btn-hover-brd: #1a252f;
    --secondary-btn-hover-bg: #809395;
    --secondary-btn-hover-fg: #fff;
    --secondary-btn-hover-brd: #798d8f;
    --success-btn-hover-bg: #149a80;
    --success-btn-hover-fg: #fff;
    --success-btn-hover-brd: #128f76;
    --info-btn-hover-bg: #2384c6;
    --info-btn-hover-fg: #fff;
    --info-btn-hover-brd: #217dbb;
    --warning-btn-hover-bg: #d4860b;
    --warning-btn-hover-fg: #fff;
    --warning-btn-hover-brd: #c87f0a;
    --danger-btn-hover-bg: #e12e1c;
    --danger-btn-hover-fg: #fff;
    --danger-btn-hover-brd: #d62c1a;
}
/** button hover animation */
.btn.btn-primary.bst-btn-animate.bst-btn-animate-diagonal{
    background-image: -webkit-linear-gradient(30deg, transparent 0 50%, #809395 50% 3%,  var(--primary-btn-hover-bg) 53% 100%);
    background-image: linear-gradient(30deg, transparent 0 50%, #809395 50% 3%,  var(--primary-btn-hover-bg) 53% 100%);
}

a {
	color: #343a40;
	transition: all 0.3s ease;	
}
a:hover {
	color: #343a40;
	text-decoration: underline;
}
#footer{
	background-color: #ffffff !important;
}
.bg-dark {
	background-color:var(--primary) !important;
}
.bg-dark a{
	color: var(--white);
	margin-right: 1.5rem;
}
.bg-dark a:hover{
    color: var(--white);
    text-decoration: underline;
}
.lh-1 {
	line-height:1;
}
.lh-sm {
	line-height:1.3;
}
address{
	margin-bottom: 0;
}

@media (max-width: 768px){
	#headerMenu{
	    flex-basis: 100%;
	    flex-grow: 1;
	    padding: .5rem 1rem;
	    
	}
	#headerMenu *{
	   font-size: 1.25rem;
	}
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .category-items-grid .card{
        min-height: 350px;
    }
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.category-items-grid .card{
	    min-height: 300px;
	}

}

/* MENU */

#header a{	
	border-bottom: solid 3px rgba(255, 255, 255, .1);

}
#header a:hover {
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: var(--red);
	
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 1rem;
	padding-left: 1rem;
}
}


div.component-hero_image h3{
    overflow-wrap: break-word;
}

.cmp-elem-socialmessanger{
    margin: .5rem 0;
}
.cmp-elem-socialmessanger div a{
    font-size: 2rem;
    display: inline-block;
    margin: 0 .2rem;
}
.cmp-elem-share span{
    display: inline-block;
    margin: 0 .3rem;
}
.cmp-elem-share i::before{
    font-size: 1.5rem;
}
.list-item-parent .list-item-name{
    height: 3rem;
    overflow: hidden;
}
/*
#modal bootstrap
*/
#productBuyFormModal.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

#productBuyFormModal.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}
div.cmp-elem-product_base .input-group{
    width: auto;
}
div.cmp-elem-product_base input.form-control.shop-product-qnt-input{
    max-width: 3rem;
}

#shopCartIndicator{
    background-color: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 50%;
    position: absolute;
    right: 0.25rem;
    top:  0.25rem;
    width: 0.75rem;
    height: 0.75rem;
}
#shopOrderStepsCheckoutOverlay{
    position:absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: .2;
    display: none;
    top:0;
    left:0;
}
#shopOrderStepsCheckoutLoader{
    position:absolute;
    width: 100%;
    height: 100%;
    display: none;
    top:0;
    left:0;
    text-align: center;
}
.accordion h5 + .accordion-header-button{
    padding: .1rem .25rem;
}
.accordion h5 + .accordion-header-button > i.fa:before{
    /*minus*/
    content: "\f068";
}
.accordion h5.collapsed + .accordion-header-button > i.fa:before{
    /*plus*/
    content: "\f067";
} 

/* CUSTOM */
.hovered-button{
	 visibility:hidden;
  opacity:0;
    position:absolute;
  bottom:0;
  
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  width:100%;

  -webkit-transition:.3s all ease;
  -o-transition:.3s all ease;
  transition:.3s all ease;
  -webkit-transition-delay:.0s;
  -o-transition-delay:.0s;
  transition-delay:.0s
}
.hovered-block{
cursor:pointer;
}
  
.hovered-block:hover .hovered-button{
  
    opacity:1;
  visibility:visible;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  -webkit-transition-delay:.3s;
  -o-transition-delay:.3s;
  transition-delay:.3s
  
}
.img-zoom-container{
	overflow: hidden;
	cursor:pointer;
}
.img-zoom{
transition-duration: 0.3s;
}
.img-zoom:hover{
	transition: transform .3s;
	transition-property: transform;
	
	 -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}

/* Carousel */
/*
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    display: flex;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 
 align-items: center;
 justify-content: center;
 width: 60px;
 height: 60px;
 font-size: 36px;
 line-height: 1;
 color: #fff;
 background-color:  none !important;
 
 text-align: center;
 cursor: pointer;
 transition: .2s ease-in;
 will-change: transform;
 z-index: 10;
}
.owl-carousel .owl-prev {
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;    
}
.owl-carousel .owl-next {
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    
}
.owl-carousel .owl-prev i,
.owl-carousel .owl-next i {
	opacity: .5;
    color: #ffffff;
    font-size: 2rem;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: none;	
}
.owl-theme .owl-nav [class*="owl-"]:hover i {    
    opacity: 1 !important;
}
*/