/* ****************** */ /* CSS:Tyler Bentley */ /* ****************** */ /* ***************** */ /* Font declarations */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 10, 2013 */
@font-face {
    font-family: "equity_caps_abold";
    src: url("equity_caps_a_bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "equity_caps_aregular";
    src: url("equity_caps_a_regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "equity_text_abold_italic";
    src: url("equity_text_a_bold_italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "equity_text_abold";
    src: url("equity_text_a_bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "equity_text_aitalic";
    src: url("equity_text_a_italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "equity_text_aregular";
    src: url("equity_text_a_regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
} /* ******************* */ /* Text and font style */
html {
    font-family: "equity_text_aregular", georgia, serif;
    line-height: 1.43; /* prevent font scaling in landscape while allowing user zoom */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
} /* backwards compatibility for pre-html5 browsers */
header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
}
body {
    margin: 0;
    font-variant-ligatures: common-ligatures;
}
header {
    color: #667;
}
h1 {
    font-size: 1.33333em;
    font-weight: normal;
    font-family: "equity_text_abold", georgia, serif;
    margin-top: 2em;
}
h2 {
    font-size: 1.16667em;
    font-weight: normal;
    font-family: "equity_text_abold", georgia, serif;
    margin-top: 2em;
}
h3 {
    font-size: 1em;
    font-weight: normal;
    font-family: "equity_text_abold", georgia, serif;
    margin-top: 2em;
}
h1:first-child,
h2:first-child,
h3:first-child {
    margin-top: 0;
}
h2 em,
h3 em {
    font-family: "equity_text_abold_italic", georgia, serif;
} /* ********* */ /* Animation */ /* Borrowed from:*/ /*!  * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.animated {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animatedSlow {
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
} /* Tyler's addition */
@-webkit-keyframes inUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes inUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.inUp {
    -webkit-animation-name: inUp;
    -moz-animation-name: inUp;
    animation-name: inUp;
} /* ************** */ /* General design */
.trombone {
    background: linear-gradient(white, white 47.5%, #9f9fad 47.5%, #9f9fad 52.5%, white 52.5%);
    margin: 1em 0 1em 0;
}
.trombone img {
    height: 2.5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: white;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
nav {
    padding-bottom: 0;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li .active {
    text-decoration: none;
}
nav ul {
    display: inline;
}
nav ul li em {
    font-family: "equity_text_aitalic", georgia, serif;
    font-style: normal;
    color: #667;
    font-size: 0.91667em;
    padding: 0 0 0 1em;
}
em {
    font-family: "equity_text_aitalic", georgia, serif;
    font-style: normal;
}
b {
	font-weight: normal;
	font-style: normal;
	font-family: "equity_text_abold", georgia, serif;
}
section {
    max-width: 40em; /* 900px also might work here */
    background-color: white;
    margin: 9%;
}
article p,
article ul,
.trombone {
    max-width: 26em;
}
article img {
    max-width: 74%;
    margin: 1em 13% 1em 13%;
}
a:link {
    text-decoration: none;
    color: #0000ee; /* 0000EE;, 66023C;*/
}
a:visited {
    /* #551A8B */
    color: #551a8b;
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: #667;
}
aside {
    float: right;
    max-width: 7em;
    color: #667;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -epub-hyphens: auto;
    hyphens: auto;
    padding: 0 0 0 1em;
}
aside header {
    padding: 0;
}
aside p,
aside p a {
    font-family: "equity_text_aitalic", georgia, serif;
}
blockquote {
    max-width: 26em;
    margin: 0;
    border-left: 3px solid #9f9fad;
    padding-left: 1em;
}
abbr,
.small-caps {
    font-family: "equity_caps_aregular";
    -moz-font-feature-settings: "ss10=1";
    -moz-font-feature-settings: "ss10";
    -ms-font-feature-settings: "ss10";
    -webkit-font-feature-settings: "ss10";
    font-feature-settings: "ss10" on;
}
.small-caps-bold {
    font-family: "equity_caps_abold";
    -moz-font-feature-settings: "ss10=1";
    -moz-font-feature-settings: "ss10";
    -ms-font-feature-settings: "ss10";
    -webkit-font-feature-settings: "ss10";
    font-feature-settings: "ss10" on;
}
.resume .small-caps {
    padding-right: 0.5em;
}
.fourOFour img {
    float: right;
    max-width: 500px;
}
footer section {
    color: #667;
    background-color: inherit;
}
footer p,
footer ul li {
    font-size: 0.91667em;
}
footer a {
    font-size: inherit;
}
.social {
    font-size: inherit;
}
.social i {
    padding: 0 5px 0 5px;
} /* ******************* */ /* Responsive behavior */ /* inspired by Matthew Butterick's scaling font size */
@media all {
    html {
        font-size: 24px;
    }
}
@media all and (max-width: 800px) {
    html {
        font-size: 23.5px;
    }
} /* adjust line height for smaller font sizes */
@media all and (max-width: 760px) {
    html {
        font-size: 23px;
        line-height: 1.45;
    }
}
@media all and (max-width: 720px) {
    html {
        font-size: 22.5px;
        line-height: 1.47;
    }
}
@media all and (max-width: 680px) {
    html {
        font-size: 22px;
        line-height: 1.49;
    }
}
@media all and (max-width: 640px) {
    html {
        font-size: 21.5px;
        line-height: 1.51;
    }
}
@media all and (max-width: 600px) {
    html {
        font-size: 20px;
        line-height: 1.53;
    }
}
@media all and (max-width: 560px) {
    html {
        font-size: 19px;
        line-height: 1.55;
    }
}
@media all and (max-width: 520px) {
    html {
        font-size: 18px;
        line-height: 1.57;
    }
}
@media all and (max-width: 480px) {
    html {
        font-size: 17px;
        line-height: 1.59;
    }
} /* aside breakpoint */
@media screen and (max-width: 680px) {
    aside {
        float: left;
        min-width: 100%;
        padding: 1em 0 0 0;
        margin-bottom: 1em;
        border: 2px solid #9f9fad;
        border-left: 3px solid #9f9fad;
        background-color: #f1f1f2;
    }
    aside header,
    aside p {
        margin: 0 1em 1em 1em;
    }
} /* override section em width */
@media screen and (max-width: 700px) {
    section {
        max-width: 100%;
    }
} /* browser window size:padding 0px */
@media screen and (max-width: 550px) {
    html {
        letter-spacing: 0.014em;
    }
    p {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -epub-hyphens: auto;
        hyphens: auto;
    }
} /* hyphenation for weird desktop browser situations */
@media screen and (max-width: 500px) {
    p {
        max-width: 100%;
    }
}