/* ==========================================================================
   Eelynnism
   ========================================================================== */

body { background: #fcf6ef url("../img/pattern.png") 0 0 repeat; font-family: 'Sorts Mill Goudy', serif; font-size: 14px; color: #828a92; line-height: 21px; border-right: #fff 15px solid; border-bottom: #fff 15px solid; border-left: #fff 15px solid; position: relative; }

/* global
-------------------------------------------------- */
section { padding: 50px 0 40px; }
.section { margin: 0; font-family: 'Nothing You Could Do', cursive; font-weight: 400; color: #5c646c; text-transform: lowercase; }

a { font-size: 11.5px; color: #f89406; }
a:hover, .navbar .nav > li > a:hover, .navbar .nav > .active > a:hover, .sidenav > li > a:hover, .nav-list > .active > a:hover { color: #5c646c; }
.sidenav > li > a, .navbar .nav > li > a { color: #9099a3; }
.navbar .nav > .active > a, .navbar .nav > .active > a:focus, .nav-list > .active > a, .nav-list > .active > a:focus { color: #f89406; }
a:hover, a:focus, .sidenav > li > a:hover, .active a, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { background-color: transparent; text-decoration: none; }
a, a:hover, a:focus, .active a { -webkit-transition: all 0.35s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
span { display: block; }

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* header
-------------------------------------------------- */
.brand { width: 258px; height: 59px; background: url("../img/logo.png") 0 0 no-repeat; float: right; }
.navbar { border-top: #fff 15px solid; border-right: #fff 15px solid; border-left: #fff 15px solid; }
.navbar .row { padding: 50px 0 10px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; }
.navbar .nav { margin-top: 13px; }
.navbar .nav > li > a { font-family: 'Nothing You Could Do', sans-serif; font-size: 17.5px; text-transform: lowercase; }
.navbar .nav > li:first-child > a { margin-left: 0; padding-left: 0; }
.navbar .nav > li:after { content: ' × '; }
.navbar .nav > li:last-child:after { content: ''; }
.contact span { display: inherit; }

/* sidenav
-------------------------------------------------- */
.sidebar { margin-top: 110px; text-transform: lowercase; position: relative; }
.sidenav > li > a { padding: 5px 0; font-size: 13px; line-height: 1.25; border-top: #dfddde 1px solid; display: block; }
.sidenav h3 { margin-top: 0; line-height: 1; font-weight: normal; }
.sidenav.affix-top { top: 0px; }
.sidenav.affix { padding-left: 15px; padding-right: 15px; top: 120px; }
.sidenav.affix-bottom { position: absolute; top: auto; bottom: 450px; }
.nav-list > .active > a:before { content: ' → '; }

/* work
-------------------------------------------------- */
#work { padding-bottom: 0;}
#work .container { position: relative; }
#work h2 { margin-top: 0; margin-bottom: 15px; padding-bottom: 10px; font-size: 31.5px; font-weight: 300; line-height: 0.8; text-transform: lowercase; border-bottom: #dfddde 1px solid; }
#work h2 span, .role { margin-top: 5px; font-size: 14px; line-height: 1.25; font-weight: 600; text-transform: uppercase; }
#work h2, #work h2 span, .role { font-family: 'Source Sans Pro', sans-serif; color: #6c757f; }
#work #intel h2, #work #dnsw h2 { line-height: 0.9; }
#work .noline { border-bottom: none; }
#work img { padding-bottom: 10px; }
#work .carousel img { padding-bottom: 0; }
.project { padding-top: 110px; background: url("../img/line.png") 0 50px repeat-x; }
.project img { text-align: center; }
.role { margin-bottom: 10px; padding-bottom: 10px; font-size: 13px; border-bottom: #dfddde 1px solid; }
.description { margin-top: 20px; }
#zoo { background: none; }
.url { padding-top: 10px; border-top: #dfddde 1px solid; }
.url a { font-family: 'Nothing You Could Do', cursive; font-size: 17.5px; }
.url a:hover { text-decoration: none; }

/* profile
-------------------------------------------------- */
.lead { margin-bottom: 20px; padding-bottom: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 24.5px; font-weight: 300; color: #5c646c; line-height: 35px; border-bottom: #dfddde 1px solid; }
.info { background: #fff; padding: 0 15px 15px 15px; max-width: 370px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contact .section { color: #6c757f; line-height: 40px; text-align: center; text-transform: inherit; }
[class^="social-"], [class*=" social-"] { display: inline-block; width: 30px; height: 30px; margin-top: 1px; *margin-right: .3em; line-height: 20px; vertical-align: middle; background-image: url("../img/social-icons.png"); background-position: 30px 30px; background-repeat: no-repeat; }
a .social-mail { background-position: -10px -10px; }
a .social-fb { background-position: -60px -10px; }
a .social-insta { background-position: -160px -10px; }
a .social-flickr { background-position: -210px -10px; }
.hi-icon-wrap { margin: 0 auto; text-align: center; }
.hi-icon-wrap a { background: #9099a3; }
.hi-icon { display: inline-block; cursor: pointer; margin: 0 5px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #9099a3; }
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.hi-icon { box-shadow: 0 0 0 2px #9099a3; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fcc373; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; }
.hi-icon { color: #fcc373; }
.no-touch .hi-icon:hover { color: #fcc373; }
.no-touch .hi-icon:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }
.first { margin-left: 0; }
.last { margin-right: 0; }

/* experience + qualifications
-------------------------------------------------- */
.employer { margin-bottom: 5px; }
.employer, .position, .cert, .school { font-family: 'Source Sans Pro', sans-serif; color: #474e5d; }
.employer, .school { font-size: 15px; font-weight: 600; text-transform: uppercase; }
.period { font-style: italic; line-height: 1.25; }
.period, .desc { font-size: 13px; }
.position, .cert { font-size: 24.5px; font-weight: 300; line-height: 1; }
.cert small { font-family: 'Nothing You Could Do', cursive; font-size: 17.5px; color: #6e706f; }
.divider { margin-top: 10px; padding-top: 20px; border-top: #dfddde 1px solid; }

/* footer
-------------------------------------------------- */
footer { margin-top: 20px; padding: 10px 0; }
footer p { margin-bottom: 0; font-size: 11.5px; }
.footer-links { margin: 10px 0; }
.footer-links li { display: inline; padding: 0 2px; }
.footer-links li:first-child { padding-left: 0; }