@font-face {
  font-family: standard_font; 
  src: url(../webfonts/Figtree-Light.woff2);
  font-weight: regular;
  font-style: normal;
  font-display: swap;
}

 @font-face {
  font-family: standard_font; 
  src: url(../webfonts/Figtree-SemiBold.woff2);
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: standard_font; 
  src: url(../webfonts/Figtree-Bold.woff2);
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


body {
    font-family: standard_font;
    font-size: 16px;
}

main {
    padding-bottom: 4em;
}

  .carousel{
    border: none;
    box-shadow: none;
  }
  html body div#container main div#common-home.container div.row div#content.col div#carousel-banner-0.carousel.slide.carousel-fade div.carousel-inner div.carousel-item.active div.row.justify-content-center{
    justify-content: left !important;
  }
  html body div#container main div.container nav#menu.navbar.navbar-expand-lg.bg-primary{
    background-color: #c0cbe9 !important; 
    background-image: none !important;
    border: 1px solid #c0cbe9 !important;
      border-top-color: rgb(192, 203, 233) !important;
      border-right-color: rgb(192, 203, 233)  !important;
      border-bottom-color: rgb(192, 203, 233) !important;
      border-left-color: rgb(192, 203, 233) !important;
   border-color: none !important;
   }
  #menu .navbar-nav > li > a{
    color: #000000 !important;
  }

#logo {
    margin: 0;
}

#logo img{
  max-width: 350px !important;
  margin-bottom: 1em;
  width: 100%;
}
    
  
  html body div#container header div.container div.row div.col-md-5, html body div#container header div.container div.row div#cart.col-md-4.col-lg-3.mb-2 {
  	padding-top: 3em;
  }

.list-group {
  --bs-list-group-color: #000000;
  --bs-list-group-action-color: #000000;
  --bs-list-group-action-hover-color: #000000;
  --bs-list-group-action-active-color: #000000;
  --bs-list-group-disabled-color: #555555;
  --bs-list-group-active-color: #000000;
  --bs-list-group-active-bg: #c0cbe9;
  --bs-list-group-active-border-color: #c0cbe9;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #c0cbe9;
  --bs-btn-border-color: #c0cbe9;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #91A3D5;
  --bs-btn-hover-border-color: #91A3D5;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #91A3D5;
  --bs-btn-active-border-color: #91A3D5;
  --bs-btn-disabled-color: #555555;
  --bs-btn-disabled-bg: #c0cbe9;
  --bs-btn-disabled-border-color: #c0cbe9;
}

.btn-info, .page-link {
  --bs-btn-bg: #c0cbe9;
  --bs-btn-border-color: #c0cbe9;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #91A3D5;
  --bs-btn-hover-border-color: #91A3D5;
  --bs-btn-active-bg: #91A3D5;
  --bs-btn-active-border-color: #91A3D5;
  --bs-btn-disabled-color: #555555;
  --bs-btn-disabled-bg: #c0cbe9;
  --bs-btn-disabled-border-color: #c0cbe9;
}

 .page-link.active, .active > .page-link{
  background-color: #c0cbe9;
  border-color: #c0cbe9;
  color: #000000;
}

.pagination{
    --bs-pagination-color: #000000;
}


a {
  color: #4C70D2;
}


.nav-link, .nav-link:hover, .nav-link:focus {
    color: #4C70D2;
}

.navbar-nav .nav-item {
    /*border-left: 1px solid #CAD8FF;
    border-right: 1px solid #CAD8FF;*/
}

#menu .navbar-nav > li > a {
  text-shadow: None;
}

@media (min-width: 760px) and (max-width: 1199px){
  #top {font-size: 12px;}
  }
}

@media (min-width: 1200px) {
  #top {font-size: 16px;}
  }
}