@font-face {
    font-family: "Concourse-Regular";
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('../fonts/concourse_t3_tab_regular.woff') format('woff');
}

@font-face {
    font-family: "Concourse-Bold";
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('../fonts/concourse_t4_tab_regular.woff') format('woff');
}

@font-face {
    font-family: "Concourse-Thin";
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('../fonts/concourse_t2_tab_regular.woff') format('woff');
}

@font-face {
    font-family: Equity;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('../fonts/equity_text_b_regular.woff') format('woff');
}

body,
button,
input,
select,
textarea {
    font-family: "Concourse-Thin";
    font-weight: 500;
}

h1 {
    font-family: "Concourse-Bold";
    font-size: 2em;
}

body {
    font-family: "Concourse-Regular";
    font-size: 1.2em;
    font-weight: 400;
}

.content h1 {
    font-size: 2em;
    font-weight: 500;
}

.content h2 {
    font-family: "Concourse-Regular";
    font-size: 1.2em;
    font-weight: 500;
}

.content .title {
    font-family: "Concourse-Regular";
    font-weight: 500;
}

.content h2 .post-subtitle {
    font-family: "Concourse-Regular";
    font-size: 1.2em;
    font-weight: 600;
}

.navbar-brand a {
    font-family: "Concourse-Bold";
}

hr {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #ccc;
    background-color: transparent;
    height: 1px;
}

.hero.has-background {
    position: relative;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 90%;
}

.hero-background.is-transparent {
    opacity: 0.3;
}

a {
    color: #0055B7;
    text-decoration: none;
}

a:hover {
    color: #002145;
}

.tag-text {
    font-family: 'Monaco', 'Consolas', 'Menlo', monospace;
    font-size: 0.7em;
    font-weight: 300;
}

.research-tag {
    display: inline-block;
    font-family: 'Monaco', 'Consolas', 'Menlo', monospace;
    font-size: 0.7em;
    font-weight: 300;
    background-color: #f5f5f5;
    padding: 0.25em 0.5em;
    margin: 0.2em;
    border-radius: 3px;
    color: #4a4a4a;
}

/* Maximize screen usage on tablets and below */
@media screen and (max-width: 1215px) {
    .container {
        max-width: none !important;
    }
}

/* Reduce padding on smaller screens (tablet portrait and mobile) */
@media screen and (max-width: 1023px) {
    .px-6 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

/* Further reduce padding on mobile */
@media screen and (max-width: 768px) {
    .px-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}