#header {
	border-bottom: 1px solid #e0e4ea;
}

.navbar-brand img {
    max-height: 45px;   
}

.container {
	max-width: 1200px;
}

#header-tagline div, #header-announcement div {
    max-width: 1200px;
}

#header-tagline {
    background-color: #333;
}

#header-announcement {
    background-color: #f1f2f3;
}

.hero-full-width {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    overflow: hidden;
}

.hero-full-width .image-container img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.product-img {
	border-radius: 6px;
}

.footer {
	background: #f1f2f3;
	font-size: 0.8rem;
}

.nav-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.4rem;
}

.form-label {
	font-weight: 700;
}

.footer-link {
	text-decoration: none;
	color: #000;
}

div:has(
  input[required="required"],
  select[required="required"],
  textarea[required="required"]
) > .form-label::after {
    content: " *";
    color: var(--bs-danger, #dc3545);
    font-weight: 600;
}

.footer-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 0.3rem;
}

h1 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
}
main {
    padding-top: 120px; 
    max-width: 900px;
}

a:visited, a:hover {
  color: inherit;
}

.alert-info {
    background-color: #e1f9fc;
}

.btn:disabled {
    background-color: revert; /* Or match your enabled button background */
    color: revert;            /* Or match your enabled button text color */
    cursor: default;          /* Reverts the 'not-allowed' cursor */
    pointer-events: auto;     /* Ensures hover states and clicks still register in CSS */
}

.btn-primary:visited {
    color: #fff;
}

.list-inline li {
    display: inline-block;
    padding-right: 12px;
    padding-left: 12px;
}

.certificates__item {
    position: relative;
    max-width: 72px;
    text-align: center;
}

.certificates__remove {
    font-size: 1.5em;
    line-height: 0;
    text-decoration: none;
    color: #132C52;
    user-select: none;
}

.certificates__img{
    max-height: 20px;
}

.btn-container {
    overflow: hidden;
    background: #f6f6f6;
    border-radius: 3px;
    margin-top: 20px;
    padding: 24px
}