@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

body,
h1, h2, h3, h4, h5, h6,
p, span, div, a, button {
  font-family: 'Barlow', sans-serif !important;
}



/* Add spacing above the header */
body {
  margin: 0 !important;
  padding-top: 0px !important;
}

/* Stack logo and button vertically inside full-width header */
.masthead {
  background-color: #1C2745 !important;
  padding: 64px 20px 34px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Bigger logo on top */
.masthead img {
  max-height: 72px !important;
  margin-bottom: 24px !important;
  display: block !important;
}

/* Centered button below logo */
.show-updates-dropdown {
  background-color: #FC335F !important;
  color: #FFFFFF !important;
  font-family: 'Helvetica Neue', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  border: none!important;
  text-align: center !important;
  display: inline-block !important;
  cursor: pointer !important;
  margin: 0 auto !important;
}

/* Hover effect */
.show-updates-dropdown:hover {
  background-color: #d4244e !important;
}

/* Ensure full-width layout is preserved */
.layout-container,
.page,
#container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
}