@import url('../../admin/bootstrap/css/bootstrap.min.css');
@import url('../../admin/bootstrap/css/bootstrap-theme.min.css');
@import url('../../admin/bootstrap/css/font-awesome.min.css');
/*@import url('style_compress.css');*/


@import url('modern-normalize.min.css');
@import url('variable.css');
@import url('reset.css');
@import url('utilities.css');

/* components */
@import url('header.css');
@import url('footer.css');
@import url('buttons.css');
@import url('modal.css');
@import url('hero.css');
@import url('form.css');

/* pages */
@import url('bbo-web.css');
@import url('toko-bbo.css');
@import url('dashboard.css');

@import url('tiny-slider.css');

/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');

/*Material Icons*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(../css/fonts/MaterialIcons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  opacity: 0;
}