@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;1,300;1,400&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;1,400;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");


a.nav-link.active{
	color: blue!important;
}
.my-cart-badge{
   font-size: 16px;
}
.my-cart-icon-affix {
   position: fixed;
   z-index: 999;
}



/* ICONS */

.ico{
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
    padding: 5px 10px;
}
.ico.select,
.ico:hover{
    color: #211915; 
    cursor: pointer;
}
.ico:before{
    display: inline-block;
    content:"";
    position: relative;
    left: 0px;
    top:0px;
}
.ico-cygnus:before{
    background-image: url('../images/cygnus.png');
    background-size:  40px;
    width: 40px; 
    height: 40px;
}
.ico-cygnus.select:before,
.ico-cygnus:hover:before{
    background-image: url('../images/cygnus.png');
}

.bg-green{
    background-color: #3b7d40;
}
a.link-green,
.text-green{
   color: #3b7d40;
}
.bg-orange{
    background-color: #f76a0d;
}
a.link-orange,
.text-orange{
    color: #f76a0d;
}