//all other custom scss files or css should be added here
@use 'core/variables' as *;
@use 'core/mixins' as *;

// Fonts
@font-face {
  font-family: "BarlowSemiCondensed";
  font-style: normal;
  font-weight: 700;
  src: local("Barlow SemiCondensed Bold"), local("BarlowBarlowSemiCondensed-Bold"),
    url(../fonts/BarlowSemiCondensed/BarlowSemiCondensed-Bold.ttf) format("opentype");
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: local("Barlow Bold"), local("Barlow-Bold"),
    url(../fonts/Barlow/Barlow-Bold.ttf) format("opentype");
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: local("Barlow Semibold"), local("Barlow-Semibold"),
    url(../fonts/Barlow/Barlow-Semibold.ttf) format("opentype");
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: local("Barlow Medium"), local("Barlow-Medium"),
    url(../fonts/Barlow/Barlow-Medium.ttf) format("opentype");
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: local("Barlow Regular"), local("Barlow-Regular"),
    url(../fonts/Barlow/Barlow-Regular.ttf) format("opentype");
}

$font-family-sans-serif: 'Barlow';
$blue: #374493;


html {
  font-size: min(max(1rem, 4vw), 16px);
  color: $color-primary;
}

body {
  padding: 0 2rem;

  header,
  footer {
    margin-left: -2rem;
    margin-right: -2rem;

    @include mobile {
      margin-left: -1rem;
      margin-right: -1rem;
    }
  }

  @include mobile {
    padding: 0 1rem;
  }
}

.pagination {
  .active > .page-link {
    background-color: $color-button;
    border-color: $color-button;
  }
}