@charset "utf-8";

/* Custom background colors */
.ltgrey {
    background-color: rgba(242,242,242,1.00);
    color: #FFF;
}
.ltgrey.transparent {
    background-color: rgba(242,242,242,0.90);
    color: #FFF;
}
.earthgreen {
    background-color: rgba(176,183,116,1.00);
    color: #000;
}
.earthgreen.transparent {
    background-color: rgba(176,183,116,0.90);
    color: #000;
}
.customblue {
    background-color: rgba(4,59,96,1.00);
    color: #fff;
}
.customblue.transparent {
    background-color: rgba(4,59,96,0.90);
    color: #fff;
}
.violet {
    background-color: rgba(183,181,219,1.00);
    color: #000;
}
.violet.transparent {
    background-color: rgba(183,181,219,0.65);
    color: #000;
}
/*Add the fancy class to the scalable class to an image to add a drop shadow*/
.fancy {
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.sidepic {
    margin-top: 32px;
}
/*Add the accented class to an image for rounded corners and a border.
*/
.accented {
    border-radius: 5px;
    border: 1px solid #222;
}
.people {
    color: #212121;
    font-size: 1.0rem;
    font-weight: 400;
    font-style: italic;
    line-height: 2em;
}

.border-dotted {
    border-left: 1px dotted !important;
    border-right: 1px dotted !important;
}
.footer {
    font-size: 80%;
}
/*Social Icons*/
.social-icons img {
    filter: grayscale(0);
    opacity: 1;
    transition: all linear .5s;
    max-width: 48px;
    padding: 4px;
}
.social-icons img:hover {
    filter: grayscale(1);
    opacity: 1;
}
ul.social-icons {
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
.social-icons li {
    list-style-type: none;
    display: inline-block;
}
.tagline4 p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 1.1rem;
    color: #1c458b;
    line-height: 1.5em;
}
.tagline4 h2, .tagline4 h3 {
     color: #1c458b;
}