@charset "utf-8";
/* CSS Document */
/*
Theme Name: Marrone Financial

Fonts Used:
    font-family: 'Open Sans', sans-serif;
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline
}
body {
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
.clear {
  clear: both
}
.sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important
}
a {
  text-decoration: none;
  transition: .5s;
}
/*--------- BODY ELEMENTS --------- */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.444em;
}
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  margin: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d424c+0,191519+100 */
  background: #3d424c; /* Old browsers */
  background: -moz-linear-gradient(top, #3d424c 0%, #191519 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3d424c 0%, #191519 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3d424c 0%, #191519 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d424c', endColorstr='#191519', GradientType=0); /* IE6-9 */
}
.wrapper .profile {
  display: table;
  width: 100%;
  margin: 1.5em 0;
}
.wrapper .profile .photo {
  display: table;
  width: auto;
  margin: 0 auto 1.5em auto;
}
.wrapper .profile .photo img {
  display: table;
  width: 12em;
  max-width: 90%;
  margin: 0 auto 0 auto;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
}
.wrapper .profile .signature {
  display: table;
  width: auto;
  margin: 0 auto 0.25em auto;
}
.wrapper .profile .signature img {
  display: table;
  width: 12em;
  max-width: 90%;
  margin: 0 auto;
}
.wrapper .profile .separator {
  display: table;
  width: auto;
  margin: 0 auto 0.25em auto;
  color: #fff;
}
.wrapper .profile .tagline {
  display: table;
  width: auto;
  margin: 0 auto 0 auto;
  color: #fff;
  font-style: italic;
}
.wrapper .brief {
  display: table;
  width: 100%;
  margin: 1.5em 0;
}
.wrapper .brief h3 {
  display: table;
  width: auto;
  margin: 0 auto 1em auto;
  font-size: 1.333em;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.wrapper .brief h3:before {
  content: "------";
  display: inline-table;
  vertical-align: middle;
  margin: 0 0.25em 0 0;
  position: relative;
  bottom: 0.15em;
}
.wrapper .brief h3:after {
  content: "------";
  display: inline-table;
  vertical-align: middle;
  margin: 0 0 0 0.25em;
  position: relative;
  bottom: 0.15em;
}
.wrapper .brief .list {
  display: table;
  width: auto;
  margin: 0 auto;
}
.wrapper .brief .list .left {
  display: table-cell;
  vertical-align: top;
  width: 45%;
  text-align: right;
  color: #fff;
}
.wrapper .brief .list .middle {
  display: table-cell;
  vertical-align: top;
  width: 10%;
  text-align: center;
  background: url("separator.webp") top center repeat-y;
}
.wrapper .brief .list .right {
  display: table-cell;
  vertical-align: top;
  width: 45%;
  text-align: left;
  color: #fff;
}
.wrapper .links {
  display: table;
  width: 100%;
  margin: 0 0;
}
.wrapper .links a {
  display: table;
  width: 15em;
  margin: 0.5em auto;
  background: #fff;
  border: 0.15em solid #b2b7c1;
  border-radius: 0.5em;
  color: #000;
  padding: 0.5em 1em;
}
.wrapper .links a:hover {
  background: #191519;
  color: #fff;
}