/*
Theme Name: Custom Portfolio
Author: Kevin Bongers
Author URI: http://kevinbongers.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: custom_portfolio
*/
/* Slider */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Yanone+Kaffeesatz:200,300,400,700");
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Colors */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%;
  max-height: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal; }

.orange {
  background-color: #d07128; }

.blue {
  background-color: #4c85c5; }

.gray {
  background-color: rgba(0, 0, 0, 0.15); }

body {
  margin: 0;
  padding: 0;
  height: 100vh; }
  body .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px; }
    @media all and (min-width: 1024px) {
      body .wrapper {
        padding: 15px; } }
  body article {
    width: 100%;
    min-height: calc(100vh - 107px);
    padding-bottom: 42px;
    background: rgba(51, 51, 51, 0.8); }
    @media all and (min-width: 1024px) {
      body article {
        width: calc(100% - 78px);
        min-height: calc(100vh - 42px); } }
    body article header .wrapper .mission-statement {
      margin-top: 30px; }
      body article header .wrapper .mission-statement p {
        max-width: 900px;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        color: #d07128;
        letter-spacing: 1px;
        text-transform: uppercase; }
        @media all and (min-width: 768px) {
          body article header .wrapper .mission-statement p {
            margin: 0 1%;
            font-size: 30px;
            line-height: 34px; } }
        @media all and (min-width: 1200px) {
          body article header .wrapper .mission-statement p {
            max-width: 1000px;
            font-size: 38px;
            line-height: 45px; } }
        body article header .wrapper .mission-statement p strong {
          font-family: 'Yanone Kaffeesatz', sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 20px;
          line-height: 26px;
          letter-spacing: 1px;
          color: white; }
          @media all and (min-width: 768px) {
            body article header .wrapper .mission-statement p strong {
              font-size: 30px;
              line-height: 34px; } }
          @media all and (min-width: 1200px) {
            body article header .wrapper .mission-statement p strong {
              font-size: 38px;
              line-height: 45px; } }

body {
  position: relative; }
  body > header {
    background: #333; }
    @media all and (min-width: 1024px) {
      body > header {
        width: 78px;
        height: 100vh;
        position: fixed;
        z-index: 2000;
        top: 0;
        right: 0; } }
    body > header .wrapper h1 {
      display: inline-block;
      vertical-align: middle; }
      body > header .wrapper h1 a {
        text-decoration: none; }
        body > header .wrapper h1 a .logo {
          display: inline-block;
          vertical-align: middle;
          width: 50px; }
          body > header .wrapper h1 a .logo img {
            display: block; }
        body > header .wrapper h1 a .site-title {
          display: inline-block;
          vertical-align: middle;
          font-family: 'Yanone Kaffeesatz', sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 36px;
          line-height: 36px;
          text-transform: uppercase;
          color: #d07128; }
          @media all and (min-width: 1024px) {
            body > header .wrapper h1 a .site-title {
              display: none; } }
        body > header .wrapper h1 a .tag-line {
          display: none; }
    body > header .wrapper button {
      display: inline-block;
      vertical-align: middle;
      float: right;
      padding: 6px 8px;
      background: none;
      cursor: pointer;
      border: 0;
      outline: 0; }
      body > header .wrapper button span {
        display: none; }
      body > header .wrapper button .fa {
        font-size: 36px;
        line-height: 36px;
        color: #d07128;
        transition: 1s; }
    body > header .wrapper nav {
      display: none;
      width: 100%;
      height: 100vh;
      background: #000;
      position: fixed;
      z-index: -1;
      top: 65px;
      right: 0;
      transition: 1s;
      opacity: 0; }
      @media all and (min-width: 1024px) {
        body > header .wrapper nav {
          width: calc(100% - 78px);
          top: 0;
          right: auto;
          left: 0; } }
      body > header .wrapper nav .wrapper {
        padding: 10px 0; }
        body > header .wrapper nav .wrapper .identity {
          display: none; }
          @media all and (min-width: 1024px) {
            body > header .wrapper nav .wrapper .identity {
              display: block;
              margin-bottom: 20px;
              padding: 15px; } }
          body > header .wrapper nav .wrapper .identity .logo {
            display: inline-block;
            vertical-align: middle;
            width: 100px;
            margin-right: 20px; }
            body > header .wrapper nav .wrapper .identity .logo img {
              display: block; }
          body > header .wrapper nav .wrapper .identity .details {
            display: inline-block;
            vertical-align: middle; }
            body > header .wrapper nav .wrapper .identity .details .site-title {
              display: block;
              font-family: 'Yanone Kaffeesatz', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 42px;
              line-height: 42px;
              text-transform: uppercase;
              color: #d07128; }
            body > header .wrapper nav .wrapper .identity .details .tag-line {
              display: block;
              font-family: 'Yanone Kaffeesatz', sans-serif;
              font-weight: 700;
              font-style: normal;
              font-size: 24px;
              line-height: 24px;
              color: #4c85c5; }
        body > header .wrapper nav .wrapper .menu-main-menu-container .menu {
          margin: 0;
          padding: 0;
          list-style: none; }
          body > header .wrapper nav .wrapper .menu-main-menu-container .menu li {
            margin: 10px 0;
            padding: 10px;
            transition: 1s; }
            body > header .wrapper nav .wrapper .menu-main-menu-container .menu li:hover {
              background: rgba(255, 255, 255, 0.3); }
              body > header .wrapper nav .wrapper .menu-main-menu-container .menu li:hover a {
                color: #4c85c5; }
            body > header .wrapper nav .wrapper .menu-main-menu-container .menu li.current_page_item {
              background: rgba(255, 255, 255, 0.3); }
              body > header .wrapper nav .wrapper .menu-main-menu-container .menu li.current_page_item a {
                color: #4c85c5; }
            body > header .wrapper nav .wrapper .menu-main-menu-container .menu li a {
              display: block;
              font-family: 'Yanone Kaffeesatz', sans-serif;
              font-weight: 300;
              font-style: normal;
              font-size: 36px;
              line-height: 36px;
              text-decoration: none;
              color: #d07128;
              transition: 1s; }
        body > header .wrapper nav .wrapper .menu-social-channels-container {
          width: 100%;
          margin-top: 100px; }
          @media all and (min-width: 768px) {
            body > header .wrapper nav .wrapper .menu-social-channels-container {
              display: inline-block;
              width: auto; } }
          body > header .wrapper nav .wrapper .menu-social-channels-container .menu {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: center; }
            body > header .wrapper nav .wrapper .menu-social-channels-container .menu li {
              display: inline-block;
              vertical-align: middle;
              padding: 10px; }
              body > header .wrapper nav .wrapper .menu-social-channels-container .menu li a {
                display: block;
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 300;
                font-style: normal;
                font-size: 24px;
                line-height: 24px;
                text-decoration: none;
                color: rgba(255, 255, 255, 0.8);
                transition: 1s; }
                body > header .wrapper nav .wrapper .menu-social-channels-container .menu li a:hover {
                  color: #d07128; }
    body > header.active .wrapper button .fa {
      color: #4c85c5; }
    body > header.active .wrapper nav {
      display: block;
      z-index: 1000;
      opacity: 1; }

footer {
  width: 100%;
  font-size: 0;
  background: #d07128;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0; }
  footer .wrapper .copyright {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.8); }
    @media all and (min-width: 1024px) {
      footer .wrapper .copyright {
        font-size: 12px;
        line-height: 12px; } }
  footer .wrapper nav {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: right; }
    @media all and (min-width: 1024px) {
      footer .wrapper nav {
        display: none; } }
    footer .wrapper nav .menu-social-channels-container ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      footer .wrapper nav .menu-social-channels-container ul li {
        display: inline-block;
        margin-left: 5px; }
        footer .wrapper nav .menu-social-channels-container ul li a {
          display: block;
          width: 22px;
          height: 22px;
          overflow: hidden;
          text-indent: -9999px;
          text-decoration: none;
          position: relative; }
          footer .wrapper nav .menu-social-channels-container ul li a:after {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 22px;
            line-height: 22px;
            text-indent: 0;
            color: rgba(255, 255, 255, 0.8);
            position: absolute;
            top: 0px;
            left: 0;
            transition: 1s; }
          footer .wrapper nav .menu-social-channels-container ul li a[rel="facebook"]:after {
            content: "\f082"; }
          footer .wrapper nav .menu-social-channels-container ul li a[rel="twitter"]:after {
            content: "\f081"; }
          footer .wrapper nav .menu-social-channels-container ul li a[rel="linkedin"]:after {
            content: "\f08c"; }
          footer .wrapper nav .menu-social-channels-container ul li a:hover:after {
            color: #4c85c5; }

.projects-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .projects-list > li {
    margin-top: 30px;
    background: #ffffff;
    border: solid 2px #4c85c5;
    position: relative;
    transition: .5s; }
    @media all and (min-width: 768px) {
      .projects-list > li {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin: 15px 1%; } }
    @media all and (min-width: 1200px) {
      .projects-list > li {
        width: 23%; } }
    .projects-list > li a {
      text-decoration: none; }
      .projects-list > li a .image-holder img {
        width: 100%;
        height: auto; }
      .projects-list > li a h2 {
        display: table;
        width: 100%;
        height: 100px;
        padding: 10px;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 32px;
        line-height: 36px;
        color: #4c85c5;
        transition: .5s; }
        .projects-list > li a h2 span {
          display: table-cell;
          vertical-align: middle;
          width: 100%; }
      .projects-list > li a .details {
        padding: 10px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.9);
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: .5s; }
        .projects-list > li a .details p {
          height: 230px;
          overflow: hidden;
          margin: 0;
          font-family: 'Open Sans', sans-serif;
          font-weight: 600;
          font-style: normal;
          font-size: 18px;
          line-height: 26px;
          color: #d07128; }
          @media all and (min-width: 1200px) {
            .projects-list > li a .details p {
              font-size: 14px;
              line-height: 18px; } }
          @media all and (min-width: 1400px) {
            .projects-list > li a .details p {
              font-size: 16px;
              line-height: 20px; } }
        .projects-list > li a .details ul {
          width: 100%;
          margin: 0;
          padding: 0;
          list-style: none;
          position: absolute;
          bottom: 10px;
          left: 10px; }
          .projects-list > li a .details ul li {
            margin: 5px 0;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            font-style: normal;
            font-size: 14px;
            line-height: 14px;
            color: #4c85c5; }
            .projects-list > li a .details ul li .fa {
              display: inline-block;
              vertical-align: top;
              margin-right: 5px; }
    .projects-list > li:hover {
      border-color: #d07128; }
      .projects-list > li:hover a .details {
        opacity: 1; }

.project {
  background: #ffffff; }
  .project header {
    background: #4c85c5; }
    .project header .wrapper h2 {
      margin: 25px 0;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 46px;
      line-height: 46px;
      text-align: center;
      color: #ffffff; }
  .project section .wrapper {
    padding: 0;
    font-size: 0; }
    .project section .wrapper .image-holder img {
      display: block;
      margin: 0 auto; }
    .project section .wrapper .details {
      margin: 10px 0;
      padding: 0 10px;
      font-size: 0; }
      @media all and (min-width: 768px) {
        .project section .wrapper .details {
          padding: 15px 20px; } }
      @media all and (min-width: 1024px) {
        .project section .wrapper .details {
          padding: 30px 50px; } }
      .project section .wrapper .details div {
        font-size: 0;
        color: #d07128; }
        .project section .wrapper .details div .title {
          display: inline-block;
          vertical-align: top;
          font-family: 'Open Sans', sans-serif;
          font-weight: 600;
          font-style: normal;
          font-size: 16px;
          line-height: 26px;
          color: #d07128;
          display: inline-block;
          vertical-align: top;
          width: 22%; }
          @media all and (min-width: 768px) {
            .project section .wrapper .details div .title {
              width: auto;
              margin-right: 10px; } }
        .project section .wrapper .details div .detail {
          display: inline-block;
          vertical-align: top;
          max-width: 78%;
          font-family: 'Open Sans', sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 18px;
          line-height: 24px;
          color: #333; }
          @media all and (min-width: 768px) {
            .project section .wrapper .details div .detail {
              width: auto; } }
        .project section .wrapper .details div ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          @media all and (min-width: 768px) {
            .project section .wrapper .details div ul {
              list-style: disc; } }
          .project section .wrapper .details div ul li {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            line-height: 26px; }
            @media all and (min-width: 768px) {
              .project section .wrapper .details div ul li {
                display: inline-block;
                vertical-align: middle;
                margin: 0 10px 0 0; } }
            .project section .wrapper .details div ul li .fa {
              display: none;
              color: #4c85c5; }
              @media all and (min-width: 768px) {
                .project section .wrapper .details div ul li .fa {
                  display: inline-block;
                  margin-right: 10px; } }
            .project section .wrapper .details div ul li:first-child .fa {
              display: none; }
        @media all and (min-width: 768px) {
          .project section .wrapper .details div.agency {
            display: inline-block;
            vertical-align: top;
            width: 50%; } }
        @media all and (min-width: 768px) {
          .project section .wrapper .details div.client {
            display: inline-block;
            vertical-align: top;
            width: 50%; } }
    .project section .wrapper .description {
      margin: 10px 0;
      padding: 5px 10px; }
      @media all and (min-width: 768px) {
        .project section .wrapper .description {
          padding: 15px 20px; } }
      @media all and (min-width: 1024px) {
        .project section .wrapper .description {
          padding: 30px 50px; } }
      .project section .wrapper .description p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        text-indent: 25px;
        text-align: justify;
        color: #ffffff; }
        @media all and (min-width: 768px) {
          .project section .wrapper .description p {
            font-size: 16px;
            line-height: 24px;
            text-indent: 50px; } }
        @media all and (min-width: 1024px) {
          .project section .wrapper .description p {
            display: inline-block;
            vertical-align: top;
            width: 48%;
            margin: 10px 1%; } }
        .project section .wrapper .description p a {
          text-decoration: none;
          color: rgba(255, 255, 255, 0.75); }
    .project section .wrapper .carousel {
      max-width: 1000px;
      margin: 30px auto;
      padding: 10px 35px;
      position: relative; }
      @media all and (min-width: 768px) {
        .project section .wrapper .carousel {
          padding: 50px 60px; } }
      .project section .wrapper .carousel .slick-arrow {
        width: 18px;
        height: 24px;
        margin-top: -9px;
        padding: 0;
        font-size: 24px;
        line-height: 24px;
        color: #4c85c5;
        background: none;
        border: 0;
        outline: 0;
        position: absolute;
        z-index: 1000;
        top: 50%;
        transition: .5s; }
        .project section .wrapper .carousel .slick-arrow span {
          display: none; }
        .project section .wrapper .carousel .slick-arrow.slick-prev {
          left: 2px; }
          @media all and (min-width: 768px) {
            .project section .wrapper .carousel .slick-arrow.slick-prev {
              left: 10px; } }
        .project section .wrapper .carousel .slick-arrow.slick-next {
          right: 2px; }
          @media all and (min-width: 768px) {
            .project section .wrapper .carousel .slick-arrow.slick-next {
              right: 10px; } }
        .project section .wrapper .carousel .slick-arrow:hover {
          color: #d07128; }
      .project section .wrapper .carousel .slide .image-holder img {
        margin: 0 auto; }

.about {
  font-size: 0;
  background: #ffffff;
  text-align: center; }
  .about header .wrapper h2 {
    margin: 25px 0;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 46px;
    line-height: 46px;
    text-align: center;
    color: #ffffff; }
  .about section .wrapper .persona {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 2px;
    border-bottom-color: rgba(51, 51, 51, 0.8); }
    .about section .wrapper .persona .profile-picture {
      max-width: 250px;
      max-height: 250px;
      overflow: hidden;
      margin: 0 auto;
      border-radius: 125px; }
      .about section .wrapper .persona .profile-picture img {
        max-width: none;
        max-height: 250px; }
    .about section .wrapper .persona h2 {
      margin: 10px auto -8px;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 50px;
      line-height: 60px;
      text-transform: uppercase;
      text-align: center;
      color: #4c85c5; }
    .about section .wrapper .persona h3 {
      font-family: 'Yanone Kaffeesatz', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 34px;
      line-height: 34px;
      text-align: center;
      color: #d07128; }
  .about section .wrapper nav {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: left; }
    .about section .wrapper nav .menu-social-channels-container ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .about section .wrapper nav .menu-social-channels-container ul li {
        display: inline-block;
        margin-left: 5px; }
        .about section .wrapper nav .menu-social-channels-container ul li a {
          display: block;
          width: 22px;
          height: 22px;
          overflow: hidden;
          text-indent: -9999px;
          text-decoration: none;
          position: relative; }
          .about section .wrapper nav .menu-social-channels-container ul li a:after {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 22px;
            line-height: 22px;
            text-indent: 0;
            color: rgba(51, 51, 51, 0.8);
            position: absolute;
            top: 0px;
            left: 0;
            transition: 1s; }
          .about section .wrapper nav .menu-social-channels-container ul li a[rel="facebook"]:after {
            content: "\f082"; }
          .about section .wrapper nav .menu-social-channels-container ul li a[rel="twitter"]:after {
            content: "\f081"; }
          .about section .wrapper nav .menu-social-channels-container ul li a[rel="linkedin"]:after {
            content: "\f08c"; }
          .about section .wrapper nav .menu-social-channels-container ul li a:hover:after {
            color: #4c85c5; }
  .about section .wrapper .resume {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    text-align: right; }
    .about section .wrapper .resume h4 {
      display: inline-block;
      vertical-align: middle;
      margin-right: 8px;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 18px;
      line-height: 18px; }
    .about section .wrapper .resume a {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      font-size: 20px;
      line-height: 20px; }
      .about section .wrapper .resume a span {
        display: none; }
      .about section .wrapper .resume a .fa {
        color: rgba(51, 51, 51, 0.8); }
  .about section .wrapper .bio {
    margin: 10px 0;
    padding: 5px 10px; }
    @media all and (min-width: 768px) {
      .about section .wrapper .bio {
        padding: 15px 20px; } }
    @media all and (min-width: 1024px) {
      .about section .wrapper .bio {
        padding: 30px 50px; } }
    .about section .wrapper .bio p {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      line-height: 20px;
      text-indent: 25px;
      text-align: justify;
      color: #ffffff; }
      @media all and (min-width: 768px) {
        .about section .wrapper .bio p {
          font-size: 16px;
          line-height: 24px;
          text-indent: 50px; } }
  .about section .wrapper .faqs {
    max-width: 1000px;
    margin: 20px auto;
    padding: 0 10px 20px;
    text-align: left;
    border: solid 1px #d07128;
    border-radius: 10px; }
    .about section .wrapper .faqs h4 {
      margin: 20px 0;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 40px;
      line-height: 46px;
      text-align: center;
      color: #d07128; }
    .about section .wrapper .faqs .faq {
      margin-top: 10px;
      padding-top: 10px;
      border-top: solid 1px #d07128; }
      .about section .wrapper .faqs .faq .question {
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 28px;
        line-height: 28px;
        text-transform: uppercase;
        color: #4c85c5;
        cursor: pointer; }
        .about section .wrapper .faqs .faq .question:after {
          content: "\f078";
          display: inline-block;
          vertical-align: top;
          width: 10%;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: 24px;
          line-height: 24px;
          text-align: right;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #d07128; }
        .about section .wrapper .faqs .faq .question span {
          display: inline-block;
          vertical-align: top;
          width: 90%; }
      .about section .wrapper .faqs .faq .answer {
        display: none;
        margin-top: 5px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 22px;
        color: #333; }
      .about section .wrapper .faqs .faq.active .question:after {
        content: "\f077"; }
      .about section .wrapper .faqs .faq.active .answer {
        display: block; }
  @media all and (min-width: 768px) {
    .about section.split {
      display: inline-block;
      vertical-align: top; } }
  @media all and (min-width: 768px) {
    .about section.split.short {
      width: 35%;
      max-width: 350px;
      padding: 20px 0 0; } }
  @media all and (min-width: 768px) {
    .about section.split.long {
      width: 65%;
      max-width: 650px;
      background: none; } }
  @media all and (min-width: 768px) {
    .about section.split .bio p {
      color: #4c85c5; } }

/*# sourceMappingURL=style.css.map */