/* Alex's CSS */




a href {
	color: #4c5c99!important;
}
a href:visited {
  color: #846851!important;
}
a href:hover {
	color: #58b0cc!important;
}
body, html {
	font-size: 16px;
  background-color: #fafafa;
  font-family: 'Source Sans Pro', sans-serif;
  width: auto !important;
  overflow-x: hidden !important;
}
body#cv section {
  font-family: 'Lato', sans-serif;!important;
}

.border-bottom-dot {
	border-bottom: 1px dotted #bbb;
}
.border-left-dot {
	border-left: 1px dotted #bbb;
}
.border-right-dot {
	border-right: 1px dotted #bbb;
}
.border-top-dot {
	border-top: 1px dotted #bbb;
}
.caption, .legend {
	font-size: .9em;
  line-height: 1.2em;
  font-style: italic;
}



/* Cards */
.card {
  border-radius: 3px;
  display: inline-block;
  vertical-align: top!important;
  min-height: 90px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 100%;
  position: relative;
  padding: 15px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
}
.card-hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card-hover:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-circle-300 {
  border-radius:300px;
  width: 300px;
  height: 290px;
  text-align: center;
}
.card-circle-300 i {
  margin: 25px 20px 0 20px;
}
.card-circle-300 p {
  margin: 15px;
}
.card-circle-150 {
  border-radius:150px;
  width: 150px;
  height: 142px;
  margin: 0;
  text-align: center;
}
.card-circle-500 {
  border-radius:500px;
  width: 500px;
  height: 490px;
  margin: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .card-circle-500 {
    border-radius:300px;
    width: 300px;
    height: 295px;
  }
}




.clade {
	color: #222;
}
.cv-list {
  list-style: none;
  font-weight: 600;
  padding: 0;
  /* font-family: 'Lato', Helvetica, sans-serif; */
}
.cv-list a {
  color: #4c5c99;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
footer a {
  color: #fafafa!important;
}
footer h3 {
  font-weight: 400;
  font-family: 'Economica', sans-serif;
}
img.footer {
	height: 38px;
	width: auto;
}
footer ul {
  list-style: none;
  padding-left: 1px;
}
footer ul li {
  line-height: 1.7em;
}
.footnote {
	margin-top: 20px;
  width: 70%;
}
@media (max-width: 767px) {
  .footnote {
    width: 100%;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Economica', sans-serif;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  h1 {
    font-size: 29px;
  }
  h2 {
    font-size: 47px;
    color: #333;
  }
  h3 {
    font-size: 29px;
    margin-bottom: 5px;
  }
  h4 {
    font-size: 24px;
    font-weight: 500px;
    margin-bottom: 5px;
  }
}
h1.closer, h2.closer, h3.closer, h4.closer, h5.closer, h6.closer {
	margin-bottom: 0;
	margin-top: 5px;
}
h1.cv, h2.cv, h3.cv {
  font-family: 'Economica', sans-serif;
  margin-top: 10px;
}
h4.cv, h5.cv, h6.cv {
  font-family: 'Economica', sans-serif;
  margin-top: 10px;
}
h2.cv {
  font-size: 29px;
  margin-bottom: 0;
}
h3.cv {
  font-size: 27px;
  margin-bottom: 0;
}
h4.cv {
  font-size: 24px;
  margin: 5px 0;
}
h5.cv {
  font-size: 18px;
}
@media (max-width: 767px) {
  h1 {
    font-size: 29px;
  }
  h1.cv {
    font-size: 34px;
    line-height: 36px;
  }
  h2 {
    font-size: 29px;
  }
  h3 {
    font-size: 24px;
  }
}
header {
  margin-top:60px!important;
}
.hero-seattle {
	background-image: url("fast-paced-seattle.jpg");
	background-size: 100%;
	min-height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	margin-top: 20px;
}
.icon-list {
  list-style: none;
  font-weight: 400;
  padding: 0 0 5px 15px;
}
.icon-list li {
  margin-bottom: 5px;
}
.icon-list li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  margin:0 5px 0 -15px;
  color: #b7b7a7;
  font-size: 0.8em;
}
img {
	width: 100%;
	height: auto;
}
ul.keywords {
    display: inline-block;
    width: 74%;
}
@media (max-width: 767px) {
  ul.keywords {
    width: 92%;
  }
}
.keywords li {
    font-size: 0.9em;
    margin: 0 4px 5px 0;
    padding: 3px 7px;
    border-radius: 5px;
}
.keywords-persona li, .bg-robinsegg {
    background: #d1e8ea;
}
.keywords-industry li, .bg-aventurine {
    background: #b1d8ca;
}
.keywords-roles li, .bg-sprout {
    background: #daeacf;
}
.l {
  font-family: 'Lato', sans-serif!important;
}
label {
  padding: 3px 7px 4px 7px!important;
  margin-bottom: 5px;
  margin-right: 4px;
  font-size: 0.85em;
  line-height: 0.9em;
  border-radius: 5px;
  font-weight: 500;
}
ul.list-inline li::before {
  content: none!important;
}
.lato {
  font-family: 'Lato', Helvetica, sans-serif;
}

/* @media (max-width: 767px) {
	.logo {
		width: 137px;
		height:auto;
	}
}
@media (min-width: 768px) {
	.logo {
		width: 160px;
		height:auto;
	}
} */
.margin-bottom-0 {
    margin-bottom: 0!important;
  }
  .margin-bottom-5 {
    margin-bottom: 5px!important;
  }
  .margin-bottom-10 {
    margin-bottom: 10px!important;
  }
  .margin-bottom-20 {
    margin-bottom: 20px!important;
  }
  .margin-bottom-40 {
    margin-bottom: 40px!important;
  }
  .margin-bottom-60 {
    margin-bottom: 60px!important;
  }
  .margin-bottom-200 {
    margin-bottom: 200px!important;
  }
  .margin-left-20 {
    margin-left: 20px!important;
  }
  .margin-left-30 {
    margin-left: 30px!important;
  }
  .margin-right-5 {
    margin-right: 5px!important;
  }
  .margin-right-10 {
    margin-right: 10px!important;
  }
  .margin-right-20 {
    margin-right: 20px!important;
  }
  .margin-right-30 {
    margin-right: 30px!important;
  }
  .margin-side-10 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .margin-side-20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  .margin-top-0 {
    margin-top: 0!important;
  }
  .margin-top-5 {
    margin-top: 5px!important;
  }
  .margin-top-10 {
    margin-top: 10px!important;
  }
  .margin-top-20 {
    margin-top: 20px!important;
  }
  .margin-top-30 {
    margin-top: 30px!important;
  }
  .margin-top-40 {
    margin-top: 40px!important;
  }
  .margin-top-60 {
    margin-top: 60px!important;
  }
  .margin-top-200 {
    margin-top: 200px!important;
  }

@media (max-width: 991px) {
  .mobile-gray {
    background: #f3f3f3;
  }
}



/* Navbar classes */
.navbar-header {
  background: #f3f3f3;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.40);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.40);
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.40);
}
ul.nav {
  background: #a1c8ba;
  padding: 5px 8px;
  margin-top: 8px;
  font-size: 17px;
  margin-right: 0;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.nav li a {
  display: inline!important;
  padding: 7px 5px 7px 5px!important;
  color: #fff!important;
}
.nav li a:hover {
  background: #4b7e6f;
}
.navbar-brand {
  padding: 15px 5px 5px 12px;
  color: #444;
  font-weight: 700;
  font-family: 'Economica', sans-serif;
/*  padding: 4px 0 0 11px!important; save for image navbar-brand */
}
a.navbar-brand:hover, a.navbar-brand:hover span {
  color: #4c5c89!important;
}
.navbar-brand img {
  height: 29px;
  width: auto;
}
.navbar-header {
  width: 100%!important;
}
.navbar-nav {
  font-family: 'Economica', sans-serif;
}
@media (max-width: 991px) {
  ul.nav {
    background: #f5f5f5;
  }
  .nav li a {
    color: #4c5c89!important;
    padding: 7px 3px !important;
  }
  .nav li a:hover {
    background: #fff!important;
    color: #222!important;
  }
  .navbar-brand img {
    height: 47px;
    width: auto;
  }
  a.navbar-brand  {
    color: #fafafa!important;
  }
  a.navbar-brand:hover, a.navbar-brand:hover span {
    color: #d1e8ea!important;
  }
  .navbar-header {
    background: #a1c8ba;
  }
}



/* CV nav */

.cv-nav li a{
  padding: 7px 3px;
}
.cv-nav li a:hover {
  background: #968b80;
  color: #fff;
  text-decoration: none;
}
.cv ul.nav {
  background: #4c5c89;
  padding: 5px 8px;
  margin-top: 9px;
  margin-right: 0;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.cv .nav li a {
  display: inline!important;
  padding: 7px 3px 7px 3px!important;
  color: #fff!important;
}
.cv .nav li a:hover {
  background: #4b7e6f;
}
.cv a.navbar-brand {
  color: #766b60;
}
@media (max-width: 991px) {
  .cv ul.nav {
    background: #f5f5f5;
  }
  .cv .nav li a {
    color: #4c5c99!important;
    padding: 7px 3px !important;
  }
  .cv .nav li a:hover {
    background: #fff;
    color: #222!important;
  }
  .cv .navbar-brand img {
    height: 29px;
    width: auto;
  }
  .cv a.navbar-brand  {
    color: #fff;
  }
  .cv a.navbar-brand:hover  {
    color: #e6dbd0!important;
  }
  .navbar-header.cv {
    background: #4c5c89;
  }
}



/* End nav classes */
p.cv-title {
  margin: 5px 0;
  font-size: 1.3em;
  line-height: 1.1em;
}
.pad-10 {
  padding: 10px;
}
.pad-bottom-20 {
  padding-bottom: 20px;
}
.pad-bottom-30 {
  padding-bottom: 30px;
}
.padding-10 {
  padding: 10px;
}
.q {
  font-family: 'Quattrocento', serif;
  font-weight: 500;
}


/* Blockquote format, Font Awesome */
.quotable {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 15px 15px 15px 50px;
    font-size: 16px;
    line-height: 1.4em;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
    border-left: none;
}
.quotable:before {
    font-family: "Prociono", serif;
    content: "\201C"; /* Font Awesome is \f10d */
    font-size: 83px;
    line-height: 83px;
    font-style: normal;
    position: absolute;
    margin-top: 0px;
    left: 10px;
}
.quote {
    margin: 0;
    color: #333;
}

/* End blockquote classes */



.rank {
	color: #777;
	font-size: 0.8em;
}
.smaller {
  font-size: 0.9em;
}
.smallest {
  font-size: 0.8em;
}
p.subtitle {
  font-family: 'Economica', sans-serif;
  font-style: italic;
  font-size: 24px;
  margin-top: -10px;
}
ul {
  list-style-type: square;
}
@media (max-width: 767px) {
  ul {
     -webkit-padding-start: 15px!important;
  }
}












/* "You are here" top nav */
body#cv a#cv {
  color: #fff!important;
  background: #4b7e6f;
}
body#about a#about {
  color: #fff!important;
  background: #4b7e6f;
}
body#cv ul.cv-nav li#cv a {
  color: #fff!important;
  padding: 7px 3px!important;
  background: #968b80;
}
body#blog a#blog {
  color: #fff!important;
  background: #4b7e6f;
}
body#timeline a#timeline {
  color: #fff!important;
  background: #4b7e6f;
}
body#education a#education {
  color: #fff!important;
  background: #4b7e6f;
}
body#skills a#skills {
  color: #fff!important;
  background: #4b7e6f;
}
@media (max-width: 991px) {
  body#home a#home {
    color: #222!important;
    background: #fff;
  }
  body#about a#about {
    color: #222!important;
    background: #fff;
  }
  body#cv a#cv {
    color: #222!important;
    background: #fff;
  }
  body#blog a#blog {
    color: #222!important;
    background: #fff;
  }
}










/* background-image: -webkit-linear-gradient(90deg, #f3f3f3 29%, #fafafa 71%);
  min-height: 700px;  keep in reserve; very smooth gradient */
/* Colors I like */
/* Colors  ==============================   */
  /*  Colors eye-dropped from Gauguin's still life with three puppies. Because Gauguin. */
  .bg-body            { background-color: #f9faf9; } /* For color guide reference only */
  .bg-nav             { background-color: #f5f6f5; } /* For color guide reference only */
  .bg-apricot         { background-color: #ffc561; } /* 210,178,103 */
  .bg-avocado         { background-color: #8a9550; } /* 138,149,80 */
  .bg-blue            { background-color: #4c5c89; } /* 76,92,137 */
  .bg-brown           { background-color: #846841; } /* 132,104, 65 */
  .bg-brownDark       { background-color: #5d4a30; } /* 93,74,48 */
  .bg-charcoal        { background-color: #333; color: #fff;}
  .bg-green           { background-color: #6b8836; } /* 107,136,54     Traffic light */
  .bg-greenLight      { background-color: #e9f2d9; }
  .bg-grayDark1       { background-color: #4f4c3d; } /* 79,76,61 */
  .bg-grayDark2       { background-color: #777067; } /* 119,112,103 */
  .bg-gray            { background-color: #979087; } /* 151,144,135 */
  .bg-grayLight1      { background-color: #d9d6ce; } /*217,214,206 */
  .bg-grayLight2      { background-color: #e9e6de; } /*217,214,206 */
  .bg-grayLight       { background-color: #fafafa; } /*217,214,206 */
  .bg-marsala         { background-color: #983c46; } /* 152,60,70 */
  .bg-orange          { background-color: #e07f48; } /* 224,127,72 */
  .bg-red             { background-color: #9a1600; } /* 154,22,0      Traffic light */

  .bg-graybrown       { background-color: #968b80;} /* 165,138,108 */
  .bg-sand            { background-color: #a9a18a; } /* 228,215,188 */
  .bg-sandLight       { background-color: #d9d1ba; } /* 228,215,188 */
  .bg-sandLight2      { background-color: #f9f6ee; } /*217,214,206 */
  .bg-teal            { background-color: #4b7e6f; } /* 75,126,111  */
  .bg-tealLight       { background-color: #85aa95; } /* 133,155,135 */
  .bg-tealLight2      { background-color: #a1c8ba; }
  .bg-white           { background-color: #fff; } /* 255,255,255  */
  .bg-yellow          { background-color: #fec71a; } /* 222,200,115    Traffic light */

  .progress-apricot       { background-color: #ffc561; } /* 210,178,103 */
  .progress-avocado       { background-color: #8a9550; } /* 138,149,80 */
  .progress-blue          { background-color: #4c5c89; } /* 76,92,137 */
  .progress-brown         { background-color: #846841; } /* 132,104,65 */
  .progress-brownDark     { background-color: #5d4a30; } /* 93,74,48 */
  .progress-green         { background-color: #6b8836; } /* 107,136,54     Traffic light */
  .progress-greenLight    { background-color: #e3e2c6; } /* 227,226,198 */
  .progress-grayDark1     { background-color: #4f4c3d; } /* 79,76,61 */
  .progress-grayDark2     { background-color: #777067; } /* 119,112,103 */
  .progress-gray          { background-color: #979087; } /* 151,144,135 */
  .progress-grayLight1    { background-color: #d9d6ce; } /*217,214,206 */
  .progress-marsala       { background-color: #983c46; } /* 152,60,70 */
  .progress-orange        { background-color: #e07f48; } /* 224,127,72 */
  .progress-red           { background-color: #9a1600; } /* 154,22,0     Traffic light */
  .progress-sand          { background-color: #9b8b7b;} /* 165,138,108 */
  .progress-sandLight     { background-color: #e4d7bc; } /* 228,215,188 */
  .progress-teal          { background-color: #4b7e6f; } /* 75,126,111  */
  .progress-tealLight     { background-color: #85aa95; } /* 133,155,135 */
  .progress-tealLight2    { background-color: #a1c8ba; } /* 161,200,186 */
  .progress-yellow        { background-color: #fec71a; } /* 222,200,115    Traffic light */

  .label-apricot      { background-color: #ffc561; } /* 210,178,103 */
  .label-avocado      { background-color: #8a9550; } /* 138,149,80 */
  .label-blue         { background-color: #4c5c89; } /* 76,92,137 */
  .label-brown        { background-color: #846841; } /* 132,104, 65 */
  .label-brownDark    { background-color: #5d4a30; color: #fff; } /* 93,74,48 */
  .label-brownDark2    { background-color: #3d2a20; color: #fff; }
  .label-charcoal     { background-color: #334; color: #fff;}
  .label-green        { background-color: #6b8836; } /* 107,136,54      Traffic light */
  .label-greenLight   { background-color: #e3e2c6; } /* 227,226,198 */
  .label-grayDark1    { background-color: #4f4c3d; } /* 79,76,61 */
  .label-grayDark2    { background-color: #777067; } /* 119,112,103 */
  .label-gray         { background-color: #979087; } /* 151,144,135 */
  .label-grayLight1   { background-color: #d9d6ce; } /*217,214,206 */

  .label-grayLight2   { background-color: #e9e6de;
                        color: #222; } /*217,214,206 */
  .label-marsala      { background-color: #983c46; } /* 152,60,70 */
  .label-orange       { background-color: #e07f48; } /* 224,127,72 */
  .label-red          { background-color: #9a1600; } /* 154,22,0    Traffic light */
  .label-sand         { background-color: #9b8b7b;} /* 165,138,108 */
  .label-sandLight    { background-color: #e4d7bc; } /* 228,215,188 */
  .label-teal         { background-color: #4b7e6f;
                        color: #fff; } /* 75,126,111  */
  .label-tealLight    { background-color: #85aa95;
                        color: #fff; } /* 133,155,135 */
  .label-tealLight2   { background-color: #a1c8ba;
                        color: #222; } /* 161,200,186 */
  .label-white        { background-color: #f0f0f0; }  /* 240,240,240 */
  .label-yellow       { background-color: #fec71a; } /* 222,200,115    Traffic light */
  .label-whitegold    { background-color: #eaeacf; color: #333;}

  .text-apricot       { color: #ffc561; } /* 210,178,103 */
  .text-avocado       { color: #8a9550; } /* 138,149,80 */
  .text-black         { color: #000; }
  .text-blue          { color: #4c5c89!important; } /* 76,92,137 */
  .text-bluegray      { color: #7c8ca9; }
  .text-brown         { color: #846851; } /* 132,104,65 */
  .text-brownDark     { color: #5d4a30; } /* 93,74,48 */
  .text-green         { color: #6b8836; } /* 107,136,54     Traffic light */
  .text-greenLight    { color: #e3e2c6; } /* 227,226,198 */
  .text-graybrown     { color: #968b80; }
  .text-grayDark1     { color: #4f4f3f; } /* 79,76,61 */
  .text-grayDark2     { color: #7f7f6f; } /* 119,112,103 */
  .text-gray          { color: #979787; } /* 151,144,135 */
  .text-grayLight1    { color: #d9d6ce; } /*217,214,206 */
  .text-grayLight2    { color: #e9e6de; } /*217,214,206 */
  .text-marsala       { color: #983c46; } /* 152,60,70 */
  .text-orange        { color: #e07f48; } /* 224,127,72 */
  .text-red           { color: #9a1600; } /* 154,22,0     Traffic light */
  .text-sand          { color: #9b8b7b;} /* 165,138,108 */
  .text-sandLight     { color: #e4d7bc; } /* 228,215,188 */
  .text-sandLight2    { color: #f9f6ee; } /*217,214,206 */
  .text-teal          { color: #4b7e6f; } /* 75,126,111  */
  .text-tealLight     { color: #85aa95; } /* 133,155,135 */
  .text-tealLight2    { color: #a1c8ba; } /* 161,200,186 */
  .text-white         { color: #fff; }  /* 240,240,240 */
  .text-yellow        { color: #fec71a; } /* 222,200,115     Traffic light */