/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

.category-desc {
  text-align: center;
}
.container-nav {
/*  background-color: #167ad2 !important;  */
  background-color: #06559a !important;
  padding-top:  .15em !important  ;
  padding-bottom: .50em !important;
}

/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */
body {
    font-family:  'Roboto Slab', sans-serif !important;
    font-size:  14px !important;
}

h1,h2,h3,h4,h5 {
      font-family: 'Roboto Slab', sans-serif !important;
      font-weight: 400;
}

.sppb-addon-title h4 {
  font-size: 45px !important;
}
.swibl-sponsor-card {
  text-align: center;
  padding-bottom:  25px;
}

.swibl-sponsor-section {
  padding-top:  0px !important;
}

.swibl-module-full-width {
  width:  100% !important;
  padding-top:  5px !important;
  padding-bottom: 5px !important;
}

.swibl-center {
	text-align: center !important;
}

.metismenu.mod-menu .metismenu-item {
  font-size: 14px !important;
}

@media (width>=1200px) {
  h3,
  .h3 {
    font-size:1.25rem
  }
}
h4,
.h4 {
  font-size:calc(1.275rem + .3vw)
}
.swibl-loginform-col {
  height: fit-content !important;
}
.swibl-usermenu-col {
  max-height: 75% !important;
  text-align: center;
}

.edocman-download-link {
  background: #d50014 !important;
}