/*
 * Style sheet for the 2014 President's Report
 * Created February 2015 by Rainer Schuhsler
 */
 
@import url('normalize.css');
@import url('/css/uh-fonts.css');

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Base styles
   ========================================================================== */

/*
 * Color and Typography
 */

::-moz-selection {
    background: #FFF9D9;
    text-shadow: none;
}

::selection {
    background: #FFF9D9;
    text-shadow: none;
}

html,
button,
input,
select,
textarea {
    color: black;
}

html,
body {
    overflow-x: hidden;
}

html {
    font-family: 'Milo', sans-serif;
    font-size: 20px;
    line-height: 1.35;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background: #282828;
    position: relative;
}

p, ul {
    font-family: 'Crimson', serif;
    font-size: .9em;
    line-height: 1.5; /* 27px/18px */
    margin: 1em 0; /* 18px/18px */
}

h2 {
    color: #c8102e;
    font-size: 6em;
    font-weight: 200;
    line-height: .83333333333333;
    letter-spacing: -.022em;
    text-transform: lowercase;
}

@media screen and (max-width: 828px) {
    h2 {
        font-size: 4.5em;
    }
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 3em;
    }
}

@media screen and (max-width: 480px) {
    h2 {
        font-size: 2.25em;
    }
}

h3 {
    color: #c8102e;
    font-family: 'Milo', sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.35;
    margin-bottom: 3px;
    text-transform: uppercase;
}

h3 + p {
    margin-top: 0;
}

h4 {
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1;
    margin: .75em 0 0;
    text-transform: uppercase;
}

h5 {
    color: #54585A;
    font-family: 'League Gothic', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Objects and Containers
 */

img {
    max-width: 100%;
}

.bw {
    position: relative;
}

.bw .animateme {
    height: 100%;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: none !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

section {
    background: white;
    margin: 0 auto;
    max-width: 1366px;
    padding: 0 0 90px;
}

@media screen and (max-width: 828px) {
    section {
        padding: 0 0 45px;
    }
}

section > header > h2,
section > header > p,
.container {
    margin: 0 auto;
    max-width: 1366px;
    padding: 0 83px;
}

@media screen and (max-width: 1366px) {
    section > header > h2,
    section > header > p,
    .container {
        max-width: 1260px;
        padding: 0 30px;
    }
}

@media screen and (max-width: 828px) {
    section > header > h2,
    section > header > p,
    .container {
        max-width: 768px;
        padding: 0;
    }
}

.container {
    /*position: relative;*/
}

.container:before,
.container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

.container > * {
    padding-left: 30px;
    padding-right: 30px;
}

header + .container > p,
header + .container > ul,
header + .container > figure {
    max-width: 700px;
}

header + .container > .large-object {
    max-width: none;
}

header p {
    font-family: 'Milo', sans-serif;
    font-size: 1.8em;
    font-weight: 200;
    line-height: 1.33333333;
    margin: 0 0 1em;
}

@media screen and (max-width: 828px) {
    header p {
        font-size: 1.35em;
        line-height: 1;
    }
}

.banner {
    /*height: 0;*/
    /*padding-bottom: 56.222547584187%;*/
    height: 80vh;
    max-height: 768px;
    margin-bottom: 1.5em;
    position: relative;
}

.touch .banner {
    background-attachment: scroll !important;
    background-position: center bottom !important;
    background-size: 100% auto !important;
    height: 0 !important;
    padding-bottom: 56.222547584187% !important;
}

.banner > .container {
    height: 100%;
}

.banner .black {
    background: black;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    transform: none !important;
}

.banner .white {
    background: white;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transform: none !important;
}

.banner h2 {
    bottom: 0;
    position: absolute;
    margin: .125em 0 .125em -5px;
    z-index: 1;
}

@media screen and (max-width: 600px) {
    .banner {
        margin-bottom: .25em;
    }
    .banner h2 {
        margin: .25em 0 .25em -5px;
    }
}

.inline-object {
    clear: both;
    float: right;
    margin: 0 0 45px 30px;
    max-width: 500px !important;
    padding: 0 30px;
    width: 50%;
}

@media screen and (max-width: 828px) {
    .inline-object {
        margin: 0 0 30px 15px;
        padding: 0 30px 0 15px;
    }
    img.inline-object {
        margin-top: 5px;
    }
}

@media screen and (max-width: 480px) {
    .inline-object {
        float: none;
        width: 100%;
        margin: 15px 0;
        padding: 0 30px;
    }
    img.inline-object {
        margin-top: 15px;
    }
}

/*
 * Figures
 */

figure + figure {
    margin-top: 27px;
}

figure > img {
    margin: 1em 0;
}

figure h3 {
    border-bottom: 2px solid #54585A;
    font-family: 'League Gothic', sans-serif;
    font-size: 2.5em;
    font-weight: normal;
    line-height: 1;
    margin: 18px 0 15px;
    padding-bottom: 10px;
}

@media screen and (max-width: 828px) {
    figure h3 {
        font-size: 1.875em;
    }
}

figcaption {
    margin: 0;
}

figcaption .attribution {
    font-family: 'Milo', sans-serif;
    font-size: .8em;
    font-style: italic;
    line-height: 1.5;
    margin: 0;
}

/*
 * Lists
 */

.raquo-bullets {
    list-style: none;
    padding-left: 4em;
    text-indent: -1em;
}

.raquo-bullets li {
    margin: 15px 0;
}

.raquo-bullets li:before {
    color: #c8102e;
    content: '\00bb';
    padding-right: .5em;
}

@media screen and (max-width: 480px) {
    .raquo-bullets {
        padding-left: 3em;
    }
}

.names-list {
    font-family: 'Milo', sans-serif;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.125;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}

@media screen and (max-width: 828px) {
    .names-list {
        font-size: 1em;
    }
}

@media screen and (max-width: 600px) {
    .names-list {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
}

.names-list li {
    margin-bottom: .333333333em;
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
}

.countries-list {
    font-family: 'Milo', sans-serif;
    font-size: .9em;
    font-weight: 200;
    line-height: 1.333333333333;
    margin-top: .25em;
    padding: 0;
    text-indent: 0;
}

.countries-list li {
    display: inline;
}

.countries-list li:after {
    content: '\00bb';
    padding: 0 .3em 0 .5em;
}

.countries-list li:last-child:after {
    display: none;
}

.directory-list {
    font-size: .9em;
    line-height: 1.33333333333;
}

.directory-list dt {
    border-bottom: 2px solid #54585A;
    color: #c8102e;
    font-family: 'League Gothic', sans-serif;
    font-size: 1.33333333333em;
    font-weight: normal;
    line-height: 1;
    margin: 1em 0 18px;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.directory-list dd {
    color: #54585A;
    margin: 0 0 .83333333333em;
    padding: 0;
}

.directory-list ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
}

.directory-list .title,
.directory-list .association {
    font-style: italic;
}

@media screen and (max-width: 600px) {
    .directory-list {
       font-size: .8em;
       line-height: 1.3125;
    }
}

.news-list {
    list-style: none;
    margin: 0;
    max-width: none !important;
    padding: 0;
}

.news-list li {
    float: left;
    padding: 30px;
    width: 33.3333333333%;
}

.news-list li:nth-child(3n+1) {
    clear: left;
}

.news-list li p {
    margin: 0;
}

.news-list img {
    max-height: 60px;
}

.object-fit .news-list img {
    height: 60px;
    object-fit: contain;
    object-position: left;
    width: 100%;
}

.news-list .attribution {
    font-style: italic;
}

@media screen and (max-width: 828px) {
    .news-list li {
        padding: 20px;
        position: relative;
    }
    .news-list li:first-of-type,
    .news-list li:nth-child(3n+1) {
        left: 10px;
    }
    .news-list li:last-of-type,
    .news-list li:nth-child(3n) {
        left: -10px;
    }
    .object-fit .news-list img{
        height: 45px;
    }
}

@media screen and (max-width: 600px) {
    .news-list li {
        width: 50%;
    }
    .news-list li:nth-child(3n+1) {
        clear: none;
    }
    .news-list li:nth-child(2n+1) {
        clear: left;
    }
    .news-list li:first-of-type,
    .news-list li:nth-child(3n+1) {
        left: auto;
    }
    .news-list li:last-of-type,
    .news-list li:nth-child(3n) {
        left: auto;
    }
    .news-list li:first-of-type,
    .news-list li:nth-child(2n+1) {
        left: 10px;
    }
    .news-list li:nth-child(2n) {
        left: -10px;
    }
}

@media screen and (max-width: 480px) {
    .news-list li {
        float: none;
        left: auto !important;
        margin-bottom: 30px;
        padding: 0 30px;
        width: 100%;
    }
}


/*
 * Quotes
 */

.quote-container {
    border-top: 3px solid #c8102e;
    border-bottom: 3px solid #c8102e;
    padding: 3em;
    margin: 2em 30px 3em;
}

blockquote {
    margin: 0;
}

blockquote p,
blockquote + .attribution ,
.letter p {
    font-family: 'Milo', sans-serif;
}

blockquote p,
blockquote + .attribution {
    font-size: 2em;
    letter-spacing: -.0125em;
    line-height: 1.2;
    margin: 0;
}

@media screen and (max-width: 828px) {
    blockquote p,
    blockquote + .attribution {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 480px) {
    blockquote p,
    blockquote + .attribution {
        font-size: 1.2em;
    }
}

blockquote p {
    color: #c8102e;
}

blockquote + .attribution {
    color: black;
    font-weight: 200;
    margin-top: .25em;
    text-align: right;
}

.attribution .name {
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    .quote-container {
        padding: 2em 30px;
        margin: 2em 30px;
    }
}

@media screen and (max-width: 480px) {
    .quote-container {
        margin-top: 1em;
        padding: 2em 0;
    }
}

/*
 * #header
 */

#header {
    background: #c8102e;
    box-shadow: inset 0 0 white;
    height: 100vh;
    margin: 0 auto;
    max-width: 1366px;
    position: relative;
    text-align: center;
    -webkit-transition: box-shadow .5s 1s;
            transition: box-shadow .5s 1s;
}

#header.loaded {
    box-shadow: inset 0 -40px white;
}

#header h1 {
    display: none;
}

#header .container {
    height: 100%;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#header .cover {
    display: block;
    height: 85%;
    margin: 0 auto;
    opacity: 0;
    padding: 0;
    position: relative;
    width: auto;
    z-index: 2;
}

.csstransforms3d #header .cover {
    top: 25%;
    -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
            transform: translateY(-25%);
}

nav {
    display: none;
}

/*nav {
    background: #c8102e;
    margin: 0 auto;
    max-width: 1366px;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.nav {
    font-family: 'Milo', sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav > li {
    display: block;
    position: relative;
}
.nav > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #eeeeee;
    text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #c8102e;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.caret {
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.dropdown-menu {
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    float: left;
    font-family: 'Milo', sans-serif;
    font-size: 16px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
}
.dropdown-menu > li > a {
    clear: both;
    color: black;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    padding: 3px 15px;
    text-decoration: none;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #FFF9D9;
    color: black;
    text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #c8102e;
    color: white;
    outline: 0;
    text-decoration: none;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}*/

/*#header h1 {
    color: #888B8D;
    font-size: 8vw;
    font-weight: 200;
    left: 0; right: 0;
    letter-spacing: .005em;
    line-height: 80vh;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    z-index: 1;
}

#header h1 .year {
    color: #960C22;
    display: block;
    font-family: 'League Gothic', sans-serif;
    font-size: 85vh;
    font-weight: normal;
    left: 0; right: 0;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
    z-index: -1;
}

#header .wordmark {
    bottom: 100px;
    display: block;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    width: 450px;
    z-index: 1;
}

@media screen and (min-height: 767px) {
    #header {
        height: 60vw;
    }
    #header h1 {
        font-size: 8vw;
        line-height: 48vw;
    }
    #header h1 .year {
        font-size: 51vw;
    }
}*/

/*
 * #president
 */

#president {
    /*margin-top: -50px;*/
}

#president blockquote p,
#president blockquote + .attribution {
    text-align: center;
}

.portrait {
    float: right;
    margin: 0 0 30px 30px;
    max-width: 500px;
    width: 50%;
}

@media screen and (max-width: 828px) {
    .portrait {
        margin: 0 0 30px 15px;
        padding: 0 30px 0 15px;
    }
}


@media screen and (max-width: 480px) {
    .portrait {
        float: none;
        margin: 0;
        padding: 0 30px;
        width: 100%;
    }
}


.letter {
    max-width: 700px;
}

.letter p {
    font-size: 1em;
    line-height: 1.35;
    margin: .9em 0;
}

/*
 * #aspiration-accomplishment
 */

#aspiration-accomplishment .banner {
    background: white url('../img/aspiration-accomplishment.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

/*
 * #its-academic
 */

#its-academic .banner {
    background: white url('../img/its-academic.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#its-academic .inline-object figure {
    text-align: center;
}

/*
 * #studying-succeeding
 */


#studying-succeeding .banner {
    background: white url('../img/studying-succeeding.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#studying-succeeding h2,
#studying-succeeding h3,
#studying-succeeding blockquote p {
    color: #F6BE00;
}

#studying-succeeding blockquote + .attribution {
    color: #888B8D;
}

#studying-succeeding .inline-object h4,
#studying-succeeding .inline-object figure {
    text-align: center;
}

/*
 * #inquiry-innovation
 */

#inquiry-innovation .banner {
    background: white url('../img/inquiry-innovation.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#inquiry-innovation figure img {
    height: ;
}

/*
 * #global-reach
 */

#global-reach .banner {
    background: white url('../img/global-reach.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#global-reach h2,
#global-reach h3,
#global-reach blockquote p {
    color: #F6BE00;
}

#global-reach blockquote + .attribution {
    color: #888B8D;
}

#global-reach .inline-object figure {
    text-align: center;
}

/*
 * #transforming-landscape
 */

#transforming-landscape .banner {
    background: white url('../img/transforming-landscape.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

/*
 * #engaged-community
 */

#engaged-community .banner {
    background: white url('../img/engaged-community.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#engaged-community .directory-list {
    float: left;
    width: 33.3333333333%;
}

@media screen and (max-width: 828px) {
    #engaged-community .directory-list {
        padding: 0 20px;
        position: relative;
    }
    #engaged-community .directory-list:first-of-type {
        left: 10px;
    }
    #engaged-community .directory-list:last-of-type {
        left: -10px;
    }
}

@media screen and (max-width: 320px) {
    #engaged-community .directory-list {
        float: none;
        padding: 0 30px;
        width: 100%;
    }
    #engaged-community .directory-list:first-of-type,
    #engaged-community .directory-list:last-of-type {
        left: auto;
    }
}

/*
 * #historic-neighborhood
 */

#historic-neighborhood .banner {
    background: white url('../img/historic-neighborhood.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#historic-neighborhood h2 {
    color: #F6BE00;
}

/*
 * #powerful-alumni
 */

#powerful-alumni .banner {
    background: white url('../img/powerful-alumni.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

/*
 * #grit-determination
 */

#grit-determination .banner {
    background: white url('../img/grit-determination.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

/*
 * #year-in-review
 */

#year-in-review h2 {
    box-shadow: inset -30px 0 white, inset 30px 0 white, inset 0 3px #888B8D;
    color: black;
    margin: 0;
    padding: 30px 30px 0;
    text-align: right;
}

#year-in-review h3 {
    clear: both;
    font-family: 'League Gothic', sans-serif;
    font-size: 4.1em;
    font-weight: normal;
    line-height: 1;
    margin: .5em 0 -.375em;
    padding: 0 30px;
}

#year-in-review h3:first-of-type {
    color: #F6BE00;
}

#year-in-review dt,
#year-in-review dd {
    float: left;
    width: 25%;
}

#year-in-review dt {
    border-top: 6px solid #c8102e;
    border-left: 3px dashed #c8102e;
    color: #c8102e;
    font-family: 'League Gothic', sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    height: 69px;
    line-height: 1;
    margin-top: 1em;
    padding: 30px 30px 0;
    position: relative;
    text-transform: uppercase;
}

#year-in-review dl:first-of-type dt {
    color: #F6BE00;
    border-top: 6px solid #F6BE00;
    border-left: 3px dashed #F6BE00;
}

#year-in-review dt:nth-of-type(4n+1) {
    clear: left;
}

#year-in-review dt:before {
    background: #c8102e;
    border-radius: 15px;
    content: '';
    height: 30px;
    left: -16px;
    position: absolute;
    top: -18px;
    width: 30px;
}

#year-in-review dl:first-of-type dt:before {
    background: #F6BE00;
}

#year-in-review dt:nth-of-type(4n):after {
    border-top: 6px solid #c8102e;
    content: '';
    left: 100%;
    position: absolute;
    top: -6px;
    width: 113px;
}

#year-in-review dl:first-of-type dt:nth-of-type(4n):after {
    border-top-color: #F6BE00;
}

#year-in-review dt:nth-of-type(4n+5):after {
    border-top: 6px solid #c8102e;
    content: '';
    right: 100%;
    position: absolute;
    top: -6px;
    width: 116px;
}

#year-in-review dl:first-of-type dt:nth-of-type(4n+5):after {
    border-top-color: #F6BE00;
}

#year-in-review dt:last-of-type:after {
    display: none;
}

#year-in-review dd {
    border-left: 3px dashed #c8102e;
    font-size: .9em;
    line-height: 1.333333333;
    margin-top: 105px;
    margin-left: -25%;
    padding: 15px 30px 0;
}

#year-in-review dl:first-of-type dd {
    border-left-color: #F6BE00;
}

#year-in-review br {
    content: '';
    display: block;
    height: 15px;
}

@media screen and (max-width: 600px) {
    #year-in-review dt,
    #year-in-review dd {
        width: 50%;
    }
    #year-in-review dt:nth-of-type(2n+1) {
        clear: left;
    }
    #year-in-review dt:nth-of-type(2n):after {
        border-top: 6px solid #c8102e;
        content: '';
        left: 100%;
        position: absolute;
        top: -6px;
        width: 113px;
    }
    #year-in-review dl:first-of-type dt:nth-of-type(2n):after {
        border-top-color: #F6BE00;
    }
    #year-in-review dt:nth-of-type(2n+3):after {
        border-top: 6px solid #c8102e;
        content: '';
        right: 100%;
        position: absolute;
        top: -6px;
        width: 116px;
    }
    #year-in-review dl:first-of-type dt:nth-of-type(2n+3):after {
        border-top-color: #F6BE00;
    }
    #year-in-review dd {
        margin-left: -50%;
    }
}

@media screen and (max-width: 480px) {
    #year-in-review dt,
    #year-in-review dd {
        float: none;
        width: 100%;
    }
    #year-in-review dt:after {
        border-top: 6px solid #c8102e;
        content: '';
        display: block;
        left: -50% !important;
        position: absolute;
        top: -6px;
        width: 200% !important;
    }
    #year-in-review dt:last-of-type:after {
        display: block;
        width: 100% !important;
    }
    #year-in-review dt:first-of-type:after {
        border-top: 6px solid #c8102e;
        content: '';
        left: 0 !important;
        position: absolute;
        top: -6px;
        width: 200% !important;
    }
    #year-in-review dl:first-of-type dt:after {
        border-top-color: #F6BE00;
    }
    #year-in-review dd {
        margin: 0;
    }
}

/*
 * #in-the-news
 */

#in-the-news h2 {
    font-family: 'League Gothic', sans-serif;
    font-size: 6em;
    font-weight: normal;
    line-height: .9;
    margin: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    #in-the-news h2 {
        font-size: 4em;
    }
}

/*
 * #renu-khator
 */

#renu-khator .banner {
    background: white url('../img/renu-khator.jpg') no-repeat left center;
    background-attachment: fixed;
    background-size: cover;
}

#renu-khator .banner h2 {
    bottom: .5em;
    font-size: 4.5em;
    text-transform: uppercase;
}

#renu-khator .banner p {
    bottom: 0;
    color: #54585A;
    position: absolute;
    margin-bottom: 18px;
}

.touch #renu-khator .banner p {
    color: white;
}

#renu-khator .raquo-bullets {
    font-family: 'Milo';
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.125; /* 27px/24px */
    padding-left: 1em;
}

#renu-khator .award {
    font-weight: normal;
}

@media screen and (max-width: 828px) {
    #renu-khator .banner h2 {
        bottom: .625em;
        font-size: 3.375em;
    }
    #renu-khator .raquo-bullets {
        font-size: 1em;
    }
}

@media screen and (max-width: 320px) {
    #renu-khator .banner h2 {
        bottom: 1.25em;
        font-size: 2.5em;
    }
}

/*
 * #leadership
 */

#leadership .directory-list {
    float: left;
    width: 33.3333333333%;
}

@media screen and (max-width: 828px) {
    #leadership .directory-list {
        padding: 0 20px;
        position: relative;
    }
    #leadership .directory-list:first-of-type {
        left: 10px;
    }
    #leadership .directory-list:last-of-type {
        left: -10px;
    }
}

@media screen and (max-width: 320px) {
    #leadership .directory-list {
        float: none;
        left: auto !important;
        padding: 0 30px;
        width: 100%;
    }
}

/*
 * #stats
 */

#stats dl {
    font-size: 1.2em;
    line-height: 1.25;
    margin: 2em auto 0;
}

#stats dt {
    clear: left;
    color: #c8102e;
    float: left;
    overflow: hidden;
    padding-right: 1em;
    text-align: right;
    text-transform: uppercase;
    /*white-space: nowrap;*/
    width: 50%;
}

#stats dt:last-of-type {
    margin-bottom: -30px;
}

#stats dt,
#stats dt + dd {
    padding-top: 18px;
}

#stats dt.first-child,
#stats dt.first-child + dd,
#stats dt:first-child,
#stats dt:first-child + dd {
    padding-top: 0;
}

#stats dd {
    border-left: 2px solid #54585A;
    font-weight: 200;
    margin-left: 50%;
    padding-left: 1em;
    position: relative;
    width: 50%;
}

#stats dd:before,
#stats dd:after {
    content: " ";
    display: table;
}

#stats dd:after {
    clear: both;
}

#stats .number {
    left: 6em;
    position: absolute;
    text-align: right;
}

@media screen and (max-width: 828px) {
    #stats dl {
        font-size: 1em;
        padding: 0 30px;
    }
}

@media screen and (max-width: 480px) {
    #stats dl {
        font-size: .8em;
        padding: 0 15px;
    }
}

/*
 * #footer
 */

#footer {
    background: #c8102e;
    height: 100vh;
    margin: 0 auto;
    max-width: 1366px;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    padding: 0 30px;
    text-align: center;
    z-index: 3;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.csstransforms3d #footer .container {
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-40%);
       -moz-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
            transform: translateY(-40%);
}

.seal {
    height: auto;
    margin: 60px auto 45px;
    padding: 0;
    position: relative;
    width: 300px;
}

#footer h3 {
    color: #960C22;
    line-height: 1;
    margin: 0 0 10px;
    padding: 0;
}

/*
 * Sharing button styles
 */

.sharing {
    list-style: none;
    margin: 0 -30px 30px;
    padding: 0;
}

.sharing li {
    display: inline-block;
    margin: 0 15px 0 0;
}

.sharing li:last-child {
    margin: 0;
}

.sharing a {
    background-color: transparent;
    background-size: 30px;
    border: 0;
    color: transparent !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-decoration: none;
    text-indent: -999em;
    text-shadow: none;
    width: 30px;
    -webkit-transition: background .1s;
            transition: background .1s;
}

/*
 * Social media icons
 */

.inlinesvg .sharing .facebook {
    /* Facebook vector icon with brick fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M21.39%2011.5h-4.05V8.85c0-1%200.66-1.23%201.13-1.23%200.46%200%202.86%200%202.86%200V3.24L17.4%203.23c-4.36%200-5.36%203.27-5.36%205.36v2.92H9.51v4.51h2.52c0%205.79%200%2012.77%200%2012.77h5.31c0%200%200-7.05%200-12.77h3.58L21.39%2011.5z%22%20fill%3D%22%23960C22%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .facebook {
    /* Facebook bitmap icon with brick fill */
    background: transparent url('../img/icons/icon-facebook-brick.png') no-repeat left center;
}

.inlinesvg .sharing .facebook:hover {
    /* Facebook vector icon with chocolate fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M21.39%2011.5h-4.05V8.85c0-1%200.66-1.23%201.13-1.23%200.46%200%202.86%200%202.86%200V3.24L17.4%203.23c-4.36%200-5.36%203.27-5.36%205.36v2.92H9.51v4.51h2.52c0%205.79%200%2012.77%200%2012.77h5.31c0%200%200-7.05%200-12.77h3.58L21.39%2011.5z%22%20fill%3D%22%23640817%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .facebook:hover {
    /* Facebook bitmap icon with chocolate fill */
    background: transparent url('../img/icons/icon-facebook-chocolate.png') no-repeat left center;
}

.inlinesvg .sharing .google-plus {
    /* Google Plus vector icon with brick fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M27.63%2013.68h-3.98V9.7c0-0.3-0.25-0.55-0.55-0.55h-1.13c-0.3%200-0.55%200.25-0.55%200.55v3.98h-3.97c-0.3%200-0.55%200.25-0.55%200.55v1.13c0%200.3%200.25%200.55%200.55%200.55h3.97v3.98c0%200.3%200.25%200.55%200.55%200.55h1.13c0.3%200%200.55-0.25%200.55-0.55v-3.98h3.98c0.3%200%200.55-0.25%200.55-0.55v-1.13C28.18%2013.93%2027.93%2013.68%2027.63%2013.68z%22%20fill%3D%22%23960C22%22%2F%3E%3Cpath%20d%3D%22M14.27%2017.16c-0.84-0.59-1.6-1.46-1.61-1.73%200-0.49%200.04-0.72%201.13-1.57%201.41-1.1%202.18-2.55%202.18-4.08%200-1.39-0.42-2.62-1.15-3.49h0.56c0.12%200%200.23-0.04%200.32-0.1l1.56-1.13c0.19-0.14%200.28-0.39%200.2-0.61%20-0.07-0.23-0.28-0.38-0.52-0.38H9.97c-0.76%200-1.54%200.13-2.3%200.4C5.11%205.34%203.33%207.51%203.33%209.74c0%203.16%202.45%205.55%205.72%205.63%20-0.06%200.25-0.1%200.5-0.1%200.74%200%200.49%200.12%200.95%200.38%201.39%20-0.03%200-0.06%200-0.09%200%20-3.12%200-5.93%201.53-7%203.81%20-0.28%200.59-0.42%201.19-0.42%201.78%200%200.57%200.15%201.13%200.44%201.65%200.67%201.2%202.11%202.13%204.06%202.62%201.01%200.25%202.09%200.38%203.21%200.38%201.01%200%201.97-0.13%202.86-0.39%202.77-0.8%204.56-2.85%204.56-5.2C16.95%2019.9%2016.22%2018.54%2014.27%2017.16zM5.44%2022.34c0-1.64%202.09-3.09%204.47-3.09h0.06c0.52%200.01%201.02%200.08%201.5%200.23%200.16%200.11%200.32%200.22%200.47%200.32%201.1%200.75%201.83%201.25%202.03%202.04%200.05%200.2%200.07%200.4%200.07%200.6%200%202.05-1.53%203.08-4.54%203.08C7.23%2025.53%205.44%2024.13%205.44%2022.34zM7.61%206.8c0.37-0.42%200.86-0.65%201.41-0.65l0.06%200c1.55%200.05%203.02%201.77%203.3%203.84%200.15%201.16-0.1%202.25-0.69%202.92%20-0.37%200.43-0.85%200.65-1.42%200.65%200%200%200%200%200%200h-0.03c-1.51-0.05-3.02-1.83-3.29-3.9C6.79%208.5%207.03%207.46%207.61%206.8z%22%20fill%3D%22%23960C22%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .google-plus {
    /* Google Plus bitmap icon with brick fill */
    background: transparent url('../img/icons/icon-google-plus-brick.png') no-repeat left center;
}

.inlinesvg .sharing .google-plus:hover {
    /* Google Plus vector icon with chocolate fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M27.63%2013.68h-3.98V9.7c0-0.3-0.25-0.55-0.55-0.55h-1.13c-0.3%200-0.55%200.25-0.55%200.55v3.98h-3.97c-0.3%200-0.55%200.25-0.55%200.55v1.13c0%200.3%200.25%200.55%200.55%200.55h3.97v3.98c0%200.3%200.25%200.55%200.55%200.55h1.13c0.3%200%200.55-0.25%200.55-0.55v-3.98h3.98c0.3%200%200.55-0.25%200.55-0.55v-1.13C28.18%2013.93%2027.93%2013.68%2027.63%2013.68z%22%20fill%3D%22%23640817%22%2F%3E%3Cpath%20d%3D%22M14.27%2017.16c-0.84-0.59-1.6-1.46-1.61-1.73%200-0.49%200.04-0.72%201.13-1.57%201.41-1.1%202.18-2.55%202.18-4.08%200-1.39-0.42-2.62-1.15-3.49h0.56c0.12%200%200.23-0.04%200.32-0.1l1.56-1.13c0.19-0.14%200.28-0.39%200.2-0.61%20-0.07-0.23-0.28-0.38-0.52-0.38H9.97c-0.76%200-1.54%200.13-2.3%200.4C5.11%205.34%203.33%207.51%203.33%209.74c0%203.16%202.45%205.55%205.72%205.63%20-0.06%200.25-0.1%200.5-0.1%200.74%200%200.49%200.12%200.95%200.38%201.39%20-0.03%200-0.06%200-0.09%200%20-3.12%200-5.93%201.53-7%203.81%20-0.28%200.59-0.42%201.19-0.42%201.78%200%200.57%200.15%201.13%200.44%201.65%200.67%201.2%202.11%202.13%204.06%202.62%201.01%200.25%202.09%200.38%203.21%200.38%201.01%200%201.97-0.13%202.86-0.39%202.77-0.8%204.56-2.85%204.56-5.2C16.95%2019.9%2016.22%2018.54%2014.27%2017.16zM5.44%2022.34c0-1.64%202.09-3.09%204.47-3.09h0.06c0.52%200.01%201.02%200.08%201.5%200.23%200.16%200.11%200.32%200.22%200.47%200.32%201.1%200.75%201.83%201.25%202.03%202.04%200.05%200.2%200.07%200.4%200.07%200.6%200%202.05-1.53%203.08-4.54%203.08C7.23%2025.53%205.44%2024.13%205.44%2022.34zM7.61%206.8c0.37-0.42%200.86-0.65%201.41-0.65l0.06%200c1.55%200.05%203.02%201.77%203.3%203.84%200.15%201.16-0.1%202.25-0.69%202.92%20-0.37%200.43-0.85%200.65-1.42%200.65%200%200%200%200%200%200h-0.03c-1.51-0.05-3.02-1.83-3.29-3.9C6.79%208.5%207.03%207.46%207.61%206.8z%22%20fill%3D%22%23640817%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .google-plus:hover {
    /* Google Plus bitmap icon with chocolate fill */
    background: transparent url('../img/icons/icon-google-plus-chocolate.png') no-repeat left center;
}

.inlinesvg .sharing .linkedin {
    /* LinkedIn vector icon with brick fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15.99%2013.71v-0.04c-0.01%200.01-0.02%200.03-0.03%200.04H15.99zM26.14%201.84H3.85c-1.07%200-1.93%200.84-1.93%201.88v22.55c0%201.04%200.87%201.88%201.93%201.88h22.29c1.07%200%201.93-0.84%201.93-1.88V3.73C28.08%202.68%2027.21%201.84%2026.14%201.84zM9.85%2023.87H5.9V11.99h3.95L9.85%2023.87%209.85%2023.87zM7.88%2010.36H7.85c-1.33%200-2.18-0.91-2.18-2.05%200-1.17%200.88-2.05%202.23-2.05s2.18%200.89%202.21%202.05C10.11%209.45%209.25%2010.36%207.88%2010.36zM24.09%2023.87h-3.95v-6.36c0-1.6-0.57-2.69-2-2.69%20-1.09%200-1.74%200.74-2.03%201.44%20-0.1%200.25-0.13%200.61-0.13%200.96v6.64h-3.95c0%200%200.05-10.77%200-11.88h3.95v1.68c0.53-0.81%201.46-1.96%203.56-1.96%202.6%200%204.55%201.7%204.55%205.35L24.09%2023.87%2024.09%2023.87%2024.09%2023.87z%22%20fill%3D%22%23960C22%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .linkedin {
    /* LinkedIn bitmap icon with brick fill */
    background: transparent url('../img/icons/icon-linkedin-brick.png') no-repeat left center;
}

.inlinesvg .sharing .linkedin:hover {
    /* LinkedIn vector icon with chocolate fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15.99%2013.71v-0.04c-0.01%200.01-0.02%200.03-0.03%200.04H15.99zM26.14%201.84H3.85c-1.07%200-1.93%200.84-1.93%201.88v22.55c0%201.04%200.87%201.88%201.93%201.88h22.29c1.07%200%201.93-0.84%201.93-1.88V3.73C28.08%202.68%2027.21%201.84%2026.14%201.84zM9.85%2023.87H5.9V11.99h3.95L9.85%2023.87%209.85%2023.87zM7.88%2010.36H7.85c-1.33%200-2.18-0.91-2.18-2.05%200-1.17%200.88-2.05%202.23-2.05s2.18%200.89%202.21%202.05C10.11%209.45%209.25%2010.36%207.88%2010.36zM24.09%2023.87h-3.95v-6.36c0-1.6-0.57-2.69-2-2.69%20-1.09%200-1.74%200.74-2.03%201.44%20-0.1%200.25-0.13%200.61-0.13%200.96v6.64h-3.95c0%200%200.05-10.77%200-11.88h3.95v1.68c0.53-0.81%201.46-1.96%203.56-1.96%202.6%200%204.55%201.7%204.55%205.35L24.09%2023.87%2024.09%2023.87%2024.09%2023.87z%22%20fill%3D%22%23640817%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .linkedin:hover {
    /* LinkedIn bitmap icon with chocolate fill */
    background: transparent url('../img/icons/icon-linkedin-chocolate.png') no-repeat left center;
}

.inlinesvg .sharing .pinterest {
    /* Pinterest vector icon with brick fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M16.07%202.45C8.88%202.45%205.26%207.6%205.26%2011.9c0%202.6%200.98%204.92%203.1%205.78%200.35%200.14%200.66%200.01%200.76-0.38%200.07-0.26%200.23-0.94%200.31-1.21%200.1-0.38%200.06-0.51-0.22-0.84%20-0.61-0.72-1-1.65-1-2.97%200-3.82%202.86-7.25%207.45-7.25%204.06%200%206.3%202.48%206.3%205.8%200%204.36-1.93%208.05-4.8%208.05%20-1.58%200-2.77-1.31-2.39-2.91%200.45-1.92%201.34-3.99%201.34-5.37%200-1.24-0.67-2.27-2.04-2.27%20-1.62%200-2.92%201.67-2.92%203.92%200%201.43%200.48%202.39%200.48%202.39s-1.66%207.02-1.95%208.25c-0.58%202.45-0.09%205.45-0.04%205.75%200.02%200.18%200.26%200.22%200.36%200.09%200.15-0.2%202.08-2.57%202.73-4.95%200.19-0.67%201.06-4.16%201.06-4.16%200.53%201%202.06%201.89%203.7%201.89%204.86%200%208.16-4.44%208.16-10.37C25.65%206.63%2021.85%202.45%2016.07%202.45z%22%20fill%3D%22%23960C22%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .pinterest {
    /* Pinterest bitmap icon with brick fill */
    background: transparent url('../img/icons/icon-pinterest-brick.png') no-repeat left center;
}

.inlinesvg .sharing .pinterest:hover {
    /* Pinterest vector icon with chocolate fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M16.07%202.45C8.88%202.45%205.26%207.6%205.26%2011.9c0%202.6%200.98%204.92%203.1%205.78%200.35%200.14%200.66%200.01%200.76-0.38%200.07-0.26%200.23-0.94%200.31-1.21%200.1-0.38%200.06-0.51-0.22-0.84%20-0.61-0.72-1-1.65-1-2.97%200-3.82%202.86-7.25%207.45-7.25%204.06%200%206.3%202.48%206.3%205.8%200%204.36-1.93%208.05-4.8%208.05%20-1.58%200-2.77-1.31-2.39-2.91%200.45-1.92%201.34-3.99%201.34-5.37%200-1.24-0.67-2.27-2.04-2.27%20-1.62%200-2.92%201.67-2.92%203.92%200%201.43%200.48%202.39%200.48%202.39s-1.66%207.02-1.95%208.25c-0.58%202.45-0.09%205.45-0.04%205.75%200.02%200.18%200.26%200.22%200.36%200.09%200.15-0.2%202.08-2.57%202.73-4.95%200.19-0.67%201.06-4.16%201.06-4.16%200.53%201%202.06%201.89%203.7%201.89%204.86%200%208.16-4.44%208.16-10.37C25.65%206.63%2021.85%202.45%2016.07%202.45z%22%20fill%3D%22%23640817%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .pinterest:hover {
    /* Pinterest bitmap icon with chocolate fill */
    background: transparent url('../img/icons/icon-pinterest-chocolate.png') no-repeat left center;
}

.inlinesvg .sharing .twitter {
    /* Twitter vector icon with brick fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M27.96%207.97C27%208.4%2025.97%208.68%2024.89%208.81c1.1-0.66%201.95-1.71%202.35-2.96%20-1.03%200.61-2.18%201.06-3.4%201.3%20-0.98-1.04-2.37-1.69-3.9-1.69%20-2.95%200-5.35%202.39-5.35%205.35%200%200.42%200.05%200.83%200.14%201.22%20-4.44-0.22-8.39-2.35-11.02-5.59C3.25%207.23%202.98%208.15%202.98%209.13c0%201.86%200.94%203.49%202.38%204.45%20-0.88-0.03-1.7-0.27-2.42-0.67%200%200.02%200%200.04%200%200.07%200%202.59%201.84%204.75%204.29%205.24%20-0.45%200.12-0.92%200.19-1.41%200.19%20-0.34%200-0.68-0.03-1.01-0.1%200.68%202.12%202.66%203.67%205%203.71%20-1.83%201.43-4.14%202.29-6.64%202.29%20-0.43%200-0.86-0.03-1.28-0.08%202.37%201.52%205.18%202.4%208.2%202.4%209.84%200%2015.22-8.15%2015.22-15.22%200-0.23%200-0.46-0.01-0.69C26.34%209.99%2027.24%209.04%2027.96%207.97z%22%20fill%3D%22%23960C22%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .twitter {
    /* Twitter bitmap icon with brick fill */
    background: transparent url('../img/icons/icon-twitter-brick.png') no-repeat left center;
}

.inlinesvg .sharing .twitter:hover {
    /* Twitter vector icon with chocolate fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M27.96%207.97C27%208.4%2025.97%208.68%2024.89%208.81c1.1-0.66%201.95-1.71%202.35-2.96%20-1.03%200.61-2.18%201.06-3.4%201.3%20-0.98-1.04-2.37-1.69-3.9-1.69%20-2.95%200-5.35%202.39-5.35%205.35%200%200.42%200.05%200.83%200.14%201.22%20-4.44-0.22-8.39-2.35-11.02-5.59C3.25%207.23%202.98%208.15%202.98%209.13c0%201.86%200.94%203.49%202.38%204.45%20-0.88-0.03-1.7-0.27-2.42-0.67%200%200.02%200%200.04%200%200.07%200%202.59%201.84%204.75%204.29%205.24%20-0.45%200.12-0.92%200.19-1.41%200.19%20-0.34%200-0.68-0.03-1.01-0.1%200.68%202.12%202.66%203.67%205%203.71%20-1.83%201.43-4.14%202.29-6.64%202.29%20-0.43%200-0.86-0.03-1.28-0.08%202.37%201.52%205.18%202.4%208.2%202.4%209.84%200%2015.22-8.15%2015.22-15.22%200-0.23%200-0.46-0.01-0.69C26.34%209.99%2027.24%209.04%2027.96%207.97z%22%20fill%3D%22%23640817%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .twitter:hover {
    /* Twitter bitmap icon with chocolate fill */
    background: transparent url('../img/icons/icon-twitter-chocolate.png') no-repeat left center;
}

.inlinesvg .sharing .tumblr {
    /* Tumblr vector icon with brick fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15.8%202.56v6.02h6.02v4.65H15.8v6.68c0%201.51-0.02%202.38%200.14%202.81%200.16%200.43%200.56%200.87%200.99%201.12%200.58%200.35%201.23%200.52%201.98%200.52%201.32%200%202.63-0.43%203.94-1.28v4.11c-1.11%200.52-2.12%200.89-3.02%201.1s-1.88%200.32-2.93%200.32c-1.19%200-1.89-0.15-2.81-0.45%20-0.91-0.3-1.7-0.73-2.34-1.29%20-0.65-0.56-1.09-1.15-1.34-1.78%20-0.25-0.63-0.38-1.54-0.38-2.73v-9.13H6.49V9.54C7.51%209.21%208.7%208.73%209.43%208.11c0.73-0.62%201.32-1.37%201.76-2.24%200.44-0.87%200.75-1.98%200.91-3.32H15.8z%22%20fill%3D%22%23960C22%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .tumblr {
    /* Tumblr bitmap icon with brick fill */
    background: transparent url('../img/icons/icon-tumblr-brick.png') no-repeat left center;
}

.inlinesvg .sharing .tumblr:hover {
    /* Tumblr vector icon with chocolate fill */
    background: transparent url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15.8%202.56v6.02h6.02v4.65H15.8v6.68c0%201.51-0.02%202.38%200.14%202.81%200.16%200.43%200.56%200.87%200.99%201.12%200.58%200.35%201.23%200.52%201.98%200.52%201.32%200%202.63-0.43%203.94-1.28v4.11c-1.11%200.52-2.12%200.89-3.02%201.1s-1.88%200.32-2.93%200.32c-1.19%200-1.89-0.15-2.81-0.45%20-0.91-0.3-1.7-0.73-2.34-1.29%20-0.65-0.56-1.09-1.15-1.34-1.78%20-0.25-0.63-0.38-1.54-0.38-2.73v-9.13H6.49V9.54C7.51%209.21%208.7%208.73%209.43%208.11c0.73-0.62%201.32-1.37%201.76-2.24%200.44-0.87%200.75-1.98%200.91-3.32H15.8z%22%20fill%3D%22%23640817%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}

.no-inlinesvg .sharing .tumblr:hover {
    /* Tumblr bitmap icon with chocolate fill */
    background: transparent url('../img/icons/icon-tumblr-chocolate.png') no-repeat left center;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}