@media print {
  .pagebreak {
    clear: both;
    page-break-after: always;
  }
}

@font-face {
  font-family: "NotoSerif";
  src: url("../fonts/Noto_Serif/NotoSerif-Regular.ttf");
}

@font-face {
  font-family: "InputSans";
  src: url("../fonts/InputSans/InputSans-Light.ttf");
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'InputSans';
  color: #0C3D55;
  font-weight: 600 !important;
}

h1{
  font-size: 32px;
  font-weight: lighter !important;
}

h2 {
  color: #0C3D55;
  font-size: 40px;
  font-weight: lighter !important;
}

h3{
  color: #0C3D55;
  font-size: 26px;
  font-weight: lighter !important;

}

table{
  font-family: Arial;
  font-size: 0.8rem;
}

thead > tr > th{
  font-family: InputSans;
  font-size: 0.8rem;
  font-weight: normal !important;
}

.btn-xl {
  text-transform: uppercase;
  padding: 1.5rem 3rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.bg-blue {
  background-color: #0C3D55 !important;
}

.navbar-custom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgba(255, 255, 255, 1);
  font-family: 'InputSans';
}

.navbar-custom .navbar-brand {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  padding-right: .65rem; padding-left: .65rem;
  color: #0C3D55;
}

.navbar-custom .navbar-nav .nav-item .nav-link:hover{
  color: #C02C2C;
}

.img-max-90{
  max-height: 90px;
}

.img-max-50{
  max-height: 50px;
}

h2::before {
  display: block;
  content: " ";
  margin-top: -120px;
  padding-top: 120px;
  visibility: hidden;
  pointer-events: none;
}

header.masthead {
  padding-top: calc(2.5rem + 60px);
  padding-left: 52px;
  padding-right: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  background-image: url("../images/hero-illustration@2x.png");
  min-height: 312px;
}

.blog-post-group.list-group{
  padding-top: 22px;
  /*margin-left: -30px;*/
  background-color: #0C3D55;
}

a.list-group-item.blog-post-item{
  font-family: InputSans;
  background-color: #0C3D55;
  color: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

a.list-group-item.blog-post-item:hover{
  background-color: #365c6e;
  color:white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

p a{
  color:#365c6e;
}

a.page-link{
  color:#365c6e;
}

a.nav-link{
  color:#0C3D55;
  font-family: InputSans;
  font-size: 0.8rem;
}

.vbst-item{
  padding-bottom: 0px;
  padding-top: 0px;
  font-size: 0.85rem;
}


footer{
  margin-left: -72px;
  margin-right: -72px;
  margin-bottom: -72px;
}

.bg-primary {
  background-color: #C02C2C !important;
}

.btn{
  border-radius: 8px;
}

.btn-primary {
  background-color: #C02C2C; !important;
  border-color: #C02C2C;
  font-family: 'InputSans';
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #0C3D55 !important;
  border-color: #0C3D55 !important;
}

.btn-outline-secondary{
  border-color: #C02C2C;
  color: #C02C2C;
  font-family: 'InputSans';
}

.btn-outline-secondary:active, btn-outline-secondary:focus, .btn-outline-secondary:hover {
  border-color: #0C3D55 !important;
  color: #0C3D55;
  background-color: transparent;

}

.btn-outline-primary{
  border-color: #0C3D55;
  color: #0C3D55;
  font-family: 'InputSans';
}

.btn-outline-primary:active, btn-outline-primary:focus, .btn-outline-primary:hover {
  border-color: #365c6e; !important;
  color: #365c6e;;
  background-color: transparent;

}
.btn-secondary {
  background-color: #0C3D55 !important;
  border-color: #0C3D55;
  font-family: 'InputSans';
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #0C3D55 !important;
  border-color: #0C3D55 !important;
}



body {
  padding: 72px;
  font-family: 'NotoSerif';
}

p{
  font-family: 'NotoSerif';
}

a {
  color: #00B7FF;
}
p > img {
  max-width: 100%;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
  font-family: 'InputSans';
  color:#0C3D55;
}
.blog-post-description {
  margin-bottom: .25rem;
  font-size: 1.25rem;
}
.blog-post-meta {
  margin-bottom: 1.10rem;
  color: #999;
}

.blogPosts h1,.blogPosts h2,.blogPosts h3,.blogPosts h4,.blogPosts h5{
  font-family: 'InputSans';
  font-weight: 500 !important;
}

section#header{
  min-height: 312px;
}

section#frequency-coverage{
  color: #FFFFFF;
}

section#key-features{
  padding-bottom: 72px;
  background-image: url("../images/bg-pattern.png");
  background-repeat: repeat;
  background-color: rgba(199, 211, 215, 0.4); /*#C7D3D7*/
}

section#use-cases{
  background-color: #0C3D55;
  /*background-image: url("../images/usecases-illustration.png");*/
  color: #FFF;
}

.no-margin{
  margin-left: -72px;
  margin-right: -72px;
}

section#offer{
  background-color: #C7D3D7;
  color: #0C3D55;
}

/*prevents syntax to be loaded before Vue.js*/
[v-cloak] {
  display: none;
}

/*Vue Bootstrap Typeahead*/
.vbt-autcomplete-list{
  max-height:350px;overflow-y:auto;padding-top:5px;position:absolute;z-index:999
}

.card{
  border-radius: 0px;
}
.card-header{
  background-color: #e9ecef;
  max-height: 42px;
  font-family: 'InputSans';
  font-size: 0.8rem;
  color: #495057;
}