@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,800,800i");
/**************************************** MAGIC ****************************************/
/***************************************************************************************/
* {
  box-sizing: border-box !important; }

body {
  font: 400 1em/1.4 'Open Sans', sans-serif;
  margin: 0;
  padding: 25px;
  color: #333333;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a3bc95+0,dfe5d7+60,fcfff4+100 */
  background: #a3bc95;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #a3bc95 0%, #dfe5d7 60%, #fcfff4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #a3bc95 0%, #dfe5d7 60%, #fcfff4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #a3bc95 0%, #dfe5d7 60%, #fcfff4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bc95', endColorstr='#fcfff4',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  background-attachment: fixed; }

html, body {
  height: 100%; }

.alt-bg {
  background: #e1e1e1; }

.head-container {
  border-top: 10px solid #038930;
  background: #fff;
  min-height: calc(100vh - 150px); }

.head-container-alt {
  border-top: none;
  background: #fff; }

.full {
  background: #efefef;
  height: 100%;
  display: flex;
  flex: auto 0 0;
  justify-content: center;
  align-items: center; }

.hv-centered {
  max-width: 800px; }
  .hv-centered p {
    padding: 0 !important;
    margin: 0; }

html, body {
  min-height: 100vh; }

a {
  color: #038930 !important; }

header, nav {
  color: white; }

header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  font-weight: 600; }
header h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  font-style: italic; }

nav h1 {
  font-size: 0.8em !important;
  color: white !important; }
nav h2 {
  font-size: 0.7em; }

#header h1 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 600;
  font-size: 2.2em;
  text-align: center;
  color: #333333; }
#header h1.title {
  color: #038930; }
#header h2 {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: #333333; }

.content {
  background: #ffffff; }

/****************************************************************/
.hc-view-mode span {
  font-size: 10px;
  padding: 3px;
  border: 1px solid #333; }

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1200px) {
  .hc-view-mode-lgdesk {
    display: inline-block; }

  .hc-view-mode-desk,
  .hc-view-mode-tab,
  .hc-view-mode-smp,
  .hc-view-mode-low {
    display: none; } }
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (max-width: 1200px) {
  .hc-view-mode-desk {
    display: inline-block; }

  .hc-view-mode-lgdesk,
  .hc-view-mode-tab,
  .hc-view-mode-smp,
  .hc-view-mode-low {
    display: none; } }
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 769px to 1024px
*/
@media (max-width: 992px) {
  .hc-view-mode-tab {
    display: inline-block; }

  .hc-view-mode-lgdesk,
  .hc-view-mode-desk,
  .hc-view-mode-smp,
  .hc-view-mode-low {
    display: none; } }
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 768px) {
  .hc-view-mode-smp {
    display: inline-block; }

  .hc-view-mode-lgdesk,
  .hc-view-mode-desk,
  .hc-view-mode-tab,
  .hc-view-mode-low {
    display: none; } }
/*
  ##Screen = B/w to 480px
*/
@media (max-width: 576px) {
  .hc-view-mode-low {
    display: inline-block; }

  .hc-view-mode-lgdesk,
  .hc-view-mode-desk,
  .hc-view-mode-tab,
  .hc-view-mode-smp {
    display: none; } }
.outerWrap {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  margin: auto;
  padding: 20px; }

.innerWrap {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  flex-direction: column; }

.content {
  flex: 1 0 auto;
  margin-bottom: 0px; }

.headnav {
  flex: 0 0 auto;
  margin-bottom: 0px; }
  .headnav span, .headnav h1 {
    float: left;
    margin-top: 3px;
    margin-right: 5px; }
  .headnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .headnav ul li {
      float: left;
      background: #555;
      margin: 2px; }
      .headnav ul li a {
        color: #fff;
        padding: 5px; }

header {
  padding: 5px;
  background: #038930;
  margin-bottom: 0px; }

#footer div {
  background: #333333;
  color: #e1e1e1;
  font-size: 0.9em;
  opacity: 0.9;
  text-align: center;
  height: 100px; }

/**************************** CONTENTS ****************************/
img.rounded {
  text-align: center;
  border-radius: 50% !important;
  border: 5px solid #038930;
  padding: 5px;
  max-width: 250px;
  width: 100%; }

img.rounded-alt {
  text-align: center;
  border-radius: 50% !important;
  border: 5px solid #0c5460;
  padding: 5px;
  max-width: 300px;
  width: 100%;
  margin-bottom: 15px; }

.entry {
  color: #0069d9 !important;
  text-decoration: none !important;
  display: block;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.entry:hover {
  background: #cccccc !important; }

.big {
  font-size: 1.2rem; }

.entry * {
  text-decoration: none; }

img.small {
  width: 120px !important; }

.text-center {
  text-align: center; }

#header .social-icons {
  font-size: 1.7em !important; }
  #header .social-icons a {
    color: #ccc; }
  #header .social-icons a:hover {
    color: #555555; }

#footer a {
  color: #666666; }
#footer a:hover {
  color: #cccccc; }
#footer .social-icons {
  font-size: 1.5em !important; }

h3, .cv h3, .bodytext h4 {
  font-size: 1.5em !important;
  border-bottom: 1px solid #333333;
  color: #038930 !important;
  padding: 5px !important; }

.blue {
  color: #038930; }

.vcard {
  padding: 20px; }
  .vcard .blue {
    font-size: 1.1em;
    font-weight: 600; }
  .vcard p {
    margin-bottom: 5px;
    margin-top: 0;
    text-align: center; }

/**************************************** CV Styles ****************************************/
.cv .col-left {
  width: 30%;
  text-align: right;
  padding: 13px 50px 10px 0; }
.cv .col-right {
  width: 70%;
  padding: 10px 0 10px 40px;
  border-left: 4px solid #038930; }
.cv .col-right, .cv .col-left {
  float: left;
  position: relative; }
.cv p {
  margin: 0;
  padding: 0;
  float: left;
  width: 75%; }
.cv span.timepoint {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #038930;
  position: absolute;
  left: -10px;
  top: 18px; }
.cv span.addtime {
  color: #04bb41;
  padding-right: 10px;
  float: left;
  display: block;
  width: 25%; }
.cv span.addtime, .cv p {
  margin-bottom: 5px; }

/**************************************** General Functions ****************************************/
.mb1 {
  margin-bottom: 3px !important; }

.mt1 {
  margin-top: 3px !important; }

.pb1 {
  padding-bottom: 3px !important; }

.pt1 {
  padding-top: 3px !important; }

.m1 {
  margin: 3px !important; }

.p1 {
  padding: 3px !important; }

.mr1 {
  margin-right: 3px !important; }

.pr1 {
  padding-right: 3px !important; }

.ml1 {
  margin-left: 3px !important; }

.pl1 {
  padding-left: 3px !important; }

.mb2 {
  margin-bottom: 6px !important; }

.mt2 {
  margin-top: 6px !important; }

.pb2 {
  padding-bottom: 6px !important; }

.pt2 {
  padding-top: 6px !important; }

.m2 {
  margin: 6px !important; }

.p2 {
  padding: 6px !important; }

.mr2 {
  margin-right: 6px !important; }

.pr2 {
  padding-right: 6px !important; }

.ml2 {
  margin-left: 6px !important; }

.pl2 {
  padding-left: 6px !important; }

.mb3 {
  margin-bottom: 9px !important; }

.mt3 {
  margin-top: 9px !important; }

.pb3 {
  padding-bottom: 9px !important; }

.pt3 {
  padding-top: 9px !important; }

.m3 {
  margin: 9px !important; }

.p3 {
  padding: 9px !important; }

.mr3 {
  margin-right: 9px !important; }

.pr3 {
  padding-right: 9px !important; }

.ml3 {
  margin-left: 9px !important; }

.pl3 {
  padding-left: 9px !important; }

.mb4 {
  margin-bottom: 12px !important; }

.mt4 {
  margin-top: 12px !important; }

.pb4 {
  padding-bottom: 12px !important; }

.pt4 {
  padding-top: 12px !important; }

.m4 {
  margin: 12px !important; }

.p4 {
  padding: 12px !important; }

.mr4 {
  margin-right: 12px !important; }

.pr4 {
  padding-right: 12px !important; }

.ml4 {
  margin-left: 12px !important; }

.pl4 {
  padding-left: 12px !important; }

.mb5 {
  margin-bottom: 15px !important; }

.mt5 {
  margin-top: 15px !important; }

.pb5 {
  padding-bottom: 15px !important; }

.pt5 {
  padding-top: 15px !important; }

.m5 {
  margin: 15px !important; }

.p5 {
  padding: 15px !important; }

.mr5 {
  margin-right: 15px !important; }

.pr5 {
  padding-right: 15px !important; }

.ml5 {
  margin-left: 15px !important; }

.pl5 {
  padding-left: 15px !important; }

.mb6 {
  margin-bottom: 18px !important; }

.mt6 {
  margin-top: 18px !important; }

.pb6 {
  padding-bottom: 18px !important; }

.pt6 {
  padding-top: 18px !important; }

.m6 {
  margin: 18px !important; }

.p6 {
  padding: 18px !important; }

.mr6 {
  margin-right: 18px !important; }

.pr6 {
  padding-right: 18px !important; }

.ml6 {
  margin-left: 18px !important; }

.pl6 {
  padding-left: 18px !important; }

.mb7 {
  margin-bottom: 21px !important; }

.mt7 {
  margin-top: 21px !important; }

.pb7 {
  padding-bottom: 21px !important; }

.pt7 {
  padding-top: 21px !important; }

.m7 {
  margin: 21px !important; }

.p7 {
  padding: 21px !important; }

.mr7 {
  margin-right: 21px !important; }

.pr7 {
  padding-right: 21px !important; }

.ml7 {
  margin-left: 21px !important; }

.pl7 {
  padding-left: 21px !important; }

.mb8 {
  margin-bottom: 24px !important; }

.mt8 {
  margin-top: 24px !important; }

.pb8 {
  padding-bottom: 24px !important; }

.pt8 {
  padding-top: 24px !important; }

.m8 {
  margin: 24px !important; }

.p8 {
  padding: 24px !important; }

.mr8 {
  margin-right: 24px !important; }

.pr8 {
  padding-right: 24px !important; }

.ml8 {
  margin-left: 24px !important; }

.pl8 {
  padding-left: 24px !important; }

.mb9 {
  margin-bottom: 27px !important; }

.mt9 {
  margin-top: 27px !important; }

.pb9 {
  padding-bottom: 27px !important; }

.pt9 {
  padding-top: 27px !important; }

.m9 {
  margin: 27px !important; }

.p9 {
  padding: 27px !important; }

.mr9 {
  margin-right: 27px !important; }

.pr9 {
  padding-right: 27px !important; }

.ml9 {
  margin-left: 27px !important; }

.pl9 {
  padding-left: 27px !important; }

.mb10 {
  margin-bottom: 30px !important; }

.mt10 {
  margin-top: 30px !important; }

.pb10 {
  padding-bottom: 30px !important; }

.pt10 {
  padding-top: 30px !important; }

.m10 {
  margin: 30px !important; }

.p10 {
  padding: 30px !important; }

.mr10 {
  margin-right: 30px !important; }

.pr10 {
  padding-right: 30px !important; }

.ml10 {
  margin-left: 30px !important; }

.pl10 {
  padding-left: 30px !important; }

.mb11 {
  margin-bottom: 33px !important; }

.mt11 {
  margin-top: 33px !important; }

.pb11 {
  padding-bottom: 33px !important; }

.pt11 {
  padding-top: 33px !important; }

.m11 {
  margin: 33px !important; }

.p11 {
  padding: 33px !important; }

.mr11 {
  margin-right: 33px !important; }

.pr11 {
  padding-right: 33px !important; }

.ml11 {
  margin-left: 33px !important; }

.pl11 {
  padding-left: 33px !important; }

.mb12 {
  margin-bottom: 36px !important; }

.mt12 {
  margin-top: 36px !important; }

.pb12 {
  padding-bottom: 36px !important; }

.pt12 {
  padding-top: 36px !important; }

.m12 {
  margin: 36px !important; }

.p12 {
  padding: 36px !important; }

.mr12 {
  margin-right: 36px !important; }

.pr12 {
  padding-right: 36px !important; }

.ml12 {
  margin-left: 36px !important; }

.pl12 {
  padding-left: 36px !important; }

.mb13 {
  margin-bottom: 39px !important; }

.mt13 {
  margin-top: 39px !important; }

.pb13 {
  padding-bottom: 39px !important; }

.pt13 {
  padding-top: 39px !important; }

.m13 {
  margin: 39px !important; }

.p13 {
  padding: 39px !important; }

.mr13 {
  margin-right: 39px !important; }

.pr13 {
  padding-right: 39px !important; }

.ml13 {
  margin-left: 39px !important; }

.pl13 {
  padding-left: 39px !important; }

.mb14 {
  margin-bottom: 42px !important; }

.mt14 {
  margin-top: 42px !important; }

.pb14 {
  padding-bottom: 42px !important; }

.pt14 {
  padding-top: 42px !important; }

.m14 {
  margin: 42px !important; }

.p14 {
  padding: 42px !important; }

.mr14 {
  margin-right: 42px !important; }

.pr14 {
  padding-right: 42px !important; }

.ml14 {
  margin-left: 42px !important; }

.pl14 {
  padding-left: 42px !important; }

.mb15 {
  margin-bottom: 45px !important; }

.mt15 {
  margin-top: 45px !important; }

.pb15 {
  padding-bottom: 45px !important; }

.pt15 {
  padding-top: 45px !important; }

.m15 {
  margin: 45px !important; }

.p15 {
  padding: 45px !important; }

.mr15 {
  margin-right: 45px !important; }

.pr15 {
  padding-right: 45px !important; }

.ml15 {
  margin-left: 45px !important; }

.pl15 {
  padding-left: 45px !important; }

.mb16 {
  margin-bottom: 48px !important; }

.mt16 {
  margin-top: 48px !important; }

.pb16 {
  padding-bottom: 48px !important; }

.pt16 {
  padding-top: 48px !important; }

.m16 {
  margin: 48px !important; }

.p16 {
  padding: 48px !important; }

.mr16 {
  margin-right: 48px !important; }

.pr16 {
  padding-right: 48px !important; }

.ml16 {
  margin-left: 48px !important; }

.pl16 {
  padding-left: 48px !important; }

.mb17 {
  margin-bottom: 51px !important; }

.mt17 {
  margin-top: 51px !important; }

.pb17 {
  padding-bottom: 51px !important; }

.pt17 {
  padding-top: 51px !important; }

.m17 {
  margin: 51px !important; }

.p17 {
  padding: 51px !important; }

.mr17 {
  margin-right: 51px !important; }

.pr17 {
  padding-right: 51px !important; }

.ml17 {
  margin-left: 51px !important; }

.pl17 {
  padding-left: 51px !important; }

.mb18 {
  margin-bottom: 54px !important; }

.mt18 {
  margin-top: 54px !important; }

.pb18 {
  padding-bottom: 54px !important; }

.pt18 {
  padding-top: 54px !important; }

.m18 {
  margin: 54px !important; }

.p18 {
  padding: 54px !important; }

.mr18 {
  margin-right: 54px !important; }

.pr18 {
  padding-right: 54px !important; }

.ml18 {
  margin-left: 54px !important; }

.pl18 {
  padding-left: 54px !important; }

.mb19 {
  margin-bottom: 57px !important; }

.mt19 {
  margin-top: 57px !important; }

.pb19 {
  padding-bottom: 57px !important; }

.pt19 {
  padding-top: 57px !important; }

.m19 {
  margin: 57px !important; }

.p19 {
  padding: 57px !important; }

.mr19 {
  margin-right: 57px !important; }

.pr19 {
  padding-right: 57px !important; }

.ml19 {
  margin-left: 57px !important; }

.pl19 {
  padding-left: 57px !important; }

.mb20 {
  margin-bottom: 60px !important; }

.mt20 {
  margin-top: 60px !important; }

.pb20 {
  padding-bottom: 60px !important; }

.pt20 {
  padding-top: 60px !important; }

.m20 {
  margin: 60px !important; }

.p20 {
  padding: 60px !important; }

.mr20 {
  margin-right: 60px !important; }

.pr20 {
  padding-right: 60px !important; }

.ml20 {
  margin-left: 60px !important; }

.pl20 {
  padding-left: 60px !important; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/**************************************** Responsive *************************************************/
@media (min-width: 1200px) {
  html {
    font-size: 1em; } }
@media (max-width: 1200px) {
  html {
    font-size: 0.95em; } }
@media (max-width: 992px) {
  html {
    font-size: 0.9em; }

  .cv .col-right, .cv .col-left {
    padding: 10px 0 10px 20px;
    margin-left: 20px;
    border-left: 3px solid #038930;
    position: relative;
    text-align: left;
    width: 100%; }
  .cv .col-right {
    padding-top: 0 !important;
    margin-top: 0 !important; }
  .cv .col-left {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
  .cv span.timepoint {
    top: -17px;
    border: 2px solid #038930; } }
@media (max-width: 768px) {
  html {
    font-size: 0.8em; }

  .cv p, .cv .addtime {
    width: 100% !important; }
  .cv .addtime {
    margin-top: 10px;
    font-size: 0.85em; } }
@media (max-width: 576px) {
  html {
    font-size: 0.75em; } }

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