: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;
}
h1,h2,h3,h4,h5,h6{
    overflow-wrap: break-word;
}

/** 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%);
}

.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;
}

/** text hover animation **/
.text-hover-dark-pink>p>span:hover{
	color: #ff2b5a !important;
}
	
address{
	margin-bottom: 0;
}
button:focus{
    outline-width: 0;
}
div.bg-part-right{
    background: linear-gradient(to right, white 30%, var(--primary) 30%);
}
div.bg-part-right-35{
    background: linear-gradient(to right, white 35%, var(--primary) 35%);
}
div.bg-part-left{
    background: linear-gradient(to left, white 30%, var(--primary) 30%);
}
@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;
	}

}
/* FOOTER */
#containerFooter{
	background-color: #e9e9e9;
}
/* MENU */

#header a {
	font-size: 1.25rem;
}
#header .navbar-logo{
    max-width: 20%;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}
.navbar-toggler i{
    font-size: 2rem;
}
.navbar-toggler.collapsed i.fa-bars{
    display: inline-block;
}
.navbar-toggler.collapsed i.fa-times{
    display: none;
}

.navbar-toggler:not(.collapsed) i.fa-times{
    display: inline-block;
    zoom: 1.2;
    line-height: .8;
}
.navbar-toggler:not(.collapsed) i.fa-bars{
    display: none;
}


#header .dropdown-item:focus, .dropdown-item:hover {
	background: transparent;
	color: #7b8a8b;
}
#header .text-dark a{
    color: var(--dark);
}
.navbar-menu a{
    font: 1.5rem Arial ;
}
@media (max-width: 768px){	
	#header .navbar {
		padding: 1.375rem 1.375rem;
	}
	#header .navbar-dark .navbar-nav .nav-link {
		padding-top: 1.0rem;
		padding-bottom: 1.0rem;
		padding-right: 0.875rem;
		padding-left: 0.875rem;
	}
	#headerMenuOpener {
		z-index: 101;
	}
	#header .dropdown-menu{
	   background-color: transparent;
	   border:none;
	}
}


.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";
} 

/* Carousel */
.owl-theme .owl-nav [class*="owl-"]:hover,
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
	background: #6cc3d5 !important;
}
