html {
    font-size: 14px;
    scroll-padding-top: 60px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.anchor {
    float: left;
    padding-right: 2px;
    margin-left: -18px;
    line-height: 1
}

    .anchor:focus {
        outline: none
    }

h1 .octicon-link, h2 .octicon-link, h3 .octicon-link, h4 .octicon-link, h5 .octicon-link, h6 .octicon-link {
    color: #1b1f23;
    vertical-align: middle;
    visibility: hidden
}

h1:hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
    text-decoration: none
}

    h1:hover .anchor .octicon-link, h2:hover .anchor .octicon-link, h3:hover .anchor .octicon-link, h4:hover .anchor .octicon-link, h5:hover .anchor .octicon-link, h6:hover .anchor .octicon-link {
        visibility: visible
    }

.btn-branded-success {
    opacity: .9;
    color: var(--primary_button_text_color);
    background-color: var(--primary_button_color);
    border: none;
}

    .btn-branded-success:hover {
        opacity: 1;
        color: var(--primary_button_text_color);
        background-color: var(--primary_button_color);
    }

.logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}

    .logo-container img {
        max-width: 460px;
    }

.branded-bg-dark {
    background-color: var(--top_bar_color);
}

.branded-fg-dark {
    color: var(--top_bar_text_color);
}