:root {
  --color-primary: #1d6fa5;
  --color-primary-dark: #124b70;
  --color-primary-light: #5aa9d6;
  --color-bg-warm: #e8f2fb;
}

body{ line-height: 2.5em;}
body,h1 {font-family: "Montserrat", sans-serif}
img {margin-bottom: -7px}
.w3-row-padding img {margin-bottom: 12px}

/* Orange palette overrides for w3.css utility classes */
.w3-black {
  background-color: var(--color-primary) !important;
}

.w3-bar-item.w3-button:hover, #myNavbar .w3-button:hover, #navDemo .w3-button:hover {
  background-color: var(--color-primary-dark) !important;
}

.w3-light-grey {
  background-color: var(--color-bg-warm) !important;
}

a {
  color: var(--color-primary-dark);
}

a:hover, .w3-hover-text-green:hover {
  color: var(--color-primary) !important;
}

footer .w3-xlarge a i, footer .w3-xlarge a {
  color: var(--color-primary-dark);
}

footer .w3-xlarge a:hover {
  color: var(--color-primary);
}

header button[type="submit"] {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 10px 28px;
  font-size: 1em;
  cursor: pointer;
}

header button[type="submit"]:hover {
  background-color: var(--color-primary-dark);
}

@media only screen and (max-width: 1000px) {
  .pub-content {
    flex-direction: column !important; 
  }
  
  .pub-image {
    width: 80% !important;
    margin: auto;
  }

  .logos img {
    height: 20px !important;
  }
}

.pub-content {
  display: flex; 
  flex-direction: row; 
  gap: 20px;
}

.pub-image {
  width: 200px;
}

.pub-image img {
  width: 100%;
}

.logos{
  display: flex; 
  justify-content: space-between; 
  padding: 15px;
}

.logos img{
  height: 50px;
}

.footer-logos {
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

body {
  padding-top: 51px;
}

header.w3-center {
  margin-top: 48px;
}