/* Legacy Styles */

a:visited {
    color: #333333;
    background-color: transparent;
    text-decoration: none;
}

a:link {
    color: #333333;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: #a3bec5;
    background-color: transparent;
    text-decoration: none;
}

.body {
    font-family: times new roman, serif;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #000000
}

.home {
    font-family: times new roman, serif;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #000000
}

.header {
    font-family: times new roman, serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .5px;
    color: #000000
}

.caption {
    font-family: times new roman, serif;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #000000
}

.blue {
    font-family: times new roman, serif;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #363672
}

.homehdr {
    font-family: times new roman, serif;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #000000
}

.indicator {
    font-family: times new roman, serif;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .5px;
    color: #495f7e
}

/* Title / Nav Styles */
.title_header {
    width: 370px;
}

.title_name {
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 1.6px;
}

.title_name a:hover {
    color: #333333;
    cursor: default;
}

.title_nav {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.title_nav span {
    padding: 0 5px 0 5px;
}

/* Captions */
.caption_light {
    font-family: times new roman, serif;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0;
    color: #A39B92;
}

.caption_light span {
    font-style: italic;
}

.padded {
    padding: 0 20 0 20;
}

/* Image */
.stroked {
    border: 1px solid #929292;
}


/* Home Images */
.active {
    display: inline !important;
}

.home-images {
    display: none;
    cursor: pointer;
}

/* Projects */
html {
    scroll-behavior: smooth;
}

.scrollable {
    scroll-margin-top: 30px;
}