/**
 * Master Stylesheet
 *
 * The first sentence of the long description starts here and continues on this
 * line for a while finally concluding here at the end of this paragraph.
 *
 * The long description is ideal for more detailed explanations and
 * documentation. It can include example HTML, URLs, or any other information
 * that is deemed necessary or useful.
 *
 * @tag This is a tag named 'tag'
 *
 * @todo This is a todo statement that describes an atomic task to be completed
 *   at a later date. It wraps after 80 characters and following lines are
 *   indented by 2 spaces.
 */
/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Import base, form, typography and functions scss
   ========================================================================== */
/* Foundation components */
/* Juju components */
/* Breakpoint Variables */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
/* Color Variables (color, grid, etc)
---------------------------------------------------------------------- */
/* ==========================================================================
   Typefaces
   ========================================================================== */
/**
 * Master Stylesheet
 *
 * The first sentence of the long description starts here and continues on this
 * line for a while finally concluding here at the end of this paragraph.
 *
 * The long description is ideal for more detailed explanations and
 * documentation. It can include example HTML, URLs, or any other information
 * that is deemed necessary or useful.
 *
 * @tag This is a tag named 'tag'
 *
 * @todo This is a todo statement that describes an atomic task to be completed
 *   at a later date. It wraps after 80 characters and following lines are
 *   indented by 2 spaces.
 */
/* ==========================================================================
   CSS Functions
   ========================================================================== */
/* Calculate font-size, opacity, 
---------------------------------------------------------------------- */
/* Mixins (transition)
---------------------------------------------------------------------- */
/* BOX SHADOW */
/* TEXT SHADOW */
/* OPACITY */
/* BORDER RADIUS */
/* RETINIFY */
/**
 * Typography and @Font-face Stylesheet
 *
 * This stylesheet is comprised of font-face and typography being used throughout the site.
 * Please be aware to insert all or any type related declarations to the content of the
 * site in this stylesheet.
 *
 * @tag This is a tag named 'tag'
 *
 * @todo This is a todo statement that describes an atomic task to be completed
 *   at a later date. It wraps after 80 characters and following lines are
 *   indented by 2 spaces.
 */
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Breakpoint Variables */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px */
/* ==========================================================================
   Typography - Sizes (h1, h2, h3, h4, h5)
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "adelle-sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  line-height: 1.25;
  margin-bottom: 1em; }

@media (min-width: 0em), (min-width: 40em) {
  h1 {
    font-size: 40px; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 28px; }
  h4 {
    font-size: 24px; }
  h5 {
    font-size: 16px; }
  h6 {
    font-size: 16px; } }

@media (min-width: 40.063em), (min-width: 64em) {
  h1 {
    font-size: 44px; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 28px; }
  h4 {
    font-size: 24px; }
  h5 {
    font-size: 20px; }
  h6 {
    font-size: 16px; } }

p {
  font-family: "ff-tisa-sans-web-pro", sans-serif, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6em;
  margin: 0 0 .75em 0;
  color: #333;
  font-size: 20px; }
  @media (min-width: 40.063em), (min-width: 64em) {
    p {
      font-size: 20px; } }

/* Base Type Styles Using Modular Scale ---------------------- */
.no-rgba p {
  color: #5f5f5f; }

p.lead {
  font-size: 17.5px;
  line-height: 1.6;
  margin-bottom: 17px; }

aside p {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1em 0 1em;
  height: 0; }

.subheader {
  line-height: 1.3;
  color: #6f6f6f;
  font-weight: 300;
  margin-bottom: 17px; }

em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-weight: normal;
  background: transparent;
  color: #000;
  font-family: monaco, monospace;
  font-size: 75%; }

/* Misc ---------------------- */
.left {
  float: left; }

.right {
  float: right; }

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

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

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

.hide {
  display: none; }

.hide-override {
  display: none !important; }

.highlight {
  background: #ffff99; }

#googlemap img, object, embed {
  max-width: none; }

#map_canvas embed {
  max-width: none; }

#map_canvas img {
  max-width: none; }

#map_canvas object {
  max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0; }

/* Nicolas Gallagher's micro clearfix */
.group {
  *zoom: 1; }

.group:before, .group:after {
  content: " ";
  display: table; }

.group:after {
  clear: both; }

img, embed, object, video {
  max-width: 100%; }

.line {
  margin: 1.5em 0;
  border-top: 1px solid #c6c6c6;
  display: block; }

a {
  color: #000;
  text-decoration: underline;
  font-weight: 500; }

a:hover {
  text-decoration: none; }

a:visited {
  color: #333; }

a:link {
  color: #222;
  font-weight: 500;
  text-decoration: none;
  box-shadow: inset 0 -0.15em 0 #ff5629;
  transition: all .25s; }

a:hover {
  text-decoration: none;
  box-shadow: inset 0 -0.6em 0 #ff7e5c; }

strong {
  font-weight: 500; }

ul {
  margin: 0;
  padding: 0 0 0 1.2em; }

ul > li {
  color: #333;
  font-family: "ff-tisa-sans-web-pro", sans-serif;
  font-size: 18px;
  line-height: 1.6em; }

input[type="text"], input[type="email"], input[type="tel"], textarea {
  width: 100%;
  line-height: 20px;
  height: 50px;
  padding: .5em;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 80%;
  color: #13578e;
  -webkit-appearance: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 4px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
  border-color: #13578e;
  outline: none; }

textarea {
  line-height: normal;
  height: auto; }

input[type="submit"] {
  color: #fff;
  border: 2px solid #13578e;
  background-color: #13578e;
  font: 300 18px "adelle-sans", sans-serif;
  padding: 10px 1em;
  margin: 0;
  width: 100%;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

input[placeholder] {
  color: rgba(0, 0, 0, 0.5); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25); }

.contact-form .error {
  color: red;
  font-weight: bold; }

.contact-form .drop-down {
  margin: .25em 0; }

/*- ==========================================================================
  Button
  ========================================================================== */
.btn-outline {
  font: 700 18px "adelle-sans", sans-serif;
  color: #fff !important;
  border: 2px solid #13578e;
  background-color: #13578e;
  padding: 10px 20px;
  margin: .5em 0;
  width: auto;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: none !important;
  transition: none !important; }

.btn-outline:hover {
  color: #fff; }

.btn-outline:visited {
  text-decoration: none;
  color: #fff; }

.btn-outline:active {
  text-decoration: none;
  color: #fff; }

.pagination {
  margin: 1em auto 0 auto;
  padding: .25em 0 1em 0;
  padding-left: 30%;
  border-bottom: 1px solid #e5e5e5; }

.pagination > li {
  float: left;
  list-style-type: none;
  text-transform: uppercase;
  margin: 0 1em 0 0;
  font-size: 12px;
  line-height: 18px;
  padding: .5em 1em; }

.pagination > .pageNumbers {
  padding: 0; }

.pagination > .pageNumbers > a {
  background-color: #13578e;
  padding: .5em 1em;
  font: bold 14px/20px "adelle-sans", sans-serif;
  text-decoration: none;
  display: block;
  color: #fff;
  border-radius: 5px; }

.pagination > .pageNumbers > .active {
  background-color: #000;
  color: #fff; }

.mainNav {
  padding: 0;
  clear: both;
  display: none;
  border-bottom: 4px solid #888; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .mainNav {
      display: flex;
      border: none; } }

.mainNav li {
  list-style-type: none;
  font-size: 18px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d6d6d6;
  font-family: "ff-tisa-sans-web-pro", sans-serif;
  font-weight: 700; }
  .mainNav li:last-child {
    border-top: 1px solid #d6d6d6; }
  .mainNav li a {
    text-decoration: none;
    text-align: center;
    line-height: 56px;
    display: flex;
    justify-content: center;
    box-shadow: none; }
  .mainNav li a:hover {
    text-decoration: underline; }

.mainNav .logo {
  display: none;
  position: relative; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .mainNav .logo {
      display: block;
      width: 180px;
      margin: 0 20px; }
      .mainNav .logo img {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 20px; } }

.mainNav li.active a {
  background-color: transparent;
  transition: all .25s;
  font-weight: bold;
  color: #db2e00;
  font-size: 20px;
  text-transform: uppercase; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .mainNav li.active a {
      color: #000;
      text-transform: capitalize;
      box-shadow: inset 0 -0.25em 0 #f53300; } }

@media (min-width: 40.063em), (min-width: 64em) {
  .mainNav {
    display: flex;
    justify-content: center;
    height: 75px; }
  .mainNav li.mainNav--item a {
    border-left: 1px solid #d6d6d6;
    padding: 9px 20px; }
  .mainNav li.mainNav--item:last-child {
    border-right: 1px solid #d6d6d6; } }

.navWrap {
  padding: 10px 0 10px 0;
  display: flex;
  align-items: center;
  height: 70px; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .navWrap {
      border: none;
      padding: 0;
      height: auto; } }

.navTrigger {
  cursor: pointer; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .navTrigger {
      display: none; } }

.menu {
  width: 40px;
  max-width: none;
  margin-left: 10px; }

.logoMobile {
  display: flex;
  justify-content: center;
  width: 100%; }
  .logoMobile a {
    box-shadow: none; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .logoMobile {
      display: none; } }

.logoSmall {
  width: 180px;
  margin-left: -15px; }

/* Hero box */
.heroBox-outer {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 340px;
  margin: 0 0 0 0;
  padding: 20px 0;
  position: relative; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .heroBox-outer {
      min-height: 400px; } }
  .heroBox-outer::before {
    width: 100%;
    height: 100%;
    background-color: rgba(155, 155, 155, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    content: ""; }

.heroBoxHomepage {
  margin: 0; }

.heroBox {
  background-color: #13578e;
  margin: 0;
  padding: 2rem 0 0 0;
  height: 160px; }

.pageTitle {
  font-size: 14px;
  text-transform: uppercase;
  color: #003448;
  text-align: center;
  letter-spacing: 1px; }

.pageTitle > .amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic; }

.pageDescription {
  color: #fff;
  text-shadow: none;
  text-align: center;
  font-style: italic; }

.heroBoxAboutMe {
  background: url(../images/hero-aboutme.jpg) no-repeat center 50%;
  height: 360px; }
  .heroBoxAboutMe .pageTitle {
    color: #fff;
    margin-top: 90px; }
  .heroBoxAboutMe .pageDescription {
    font-size: 24px; }

/* ------------------------------------------------------
	=| All styles related to the writing page or
	channel="writing" should be here in this stylesheet.
------------------------------------------------------ */
.blogEntry .openingLines, .singlePost .openingLines {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 90%; }

/* --------------------------------
=| EntriesItemList in homepage
-------------------------------- */
.blogEntryList--title {
  font: normal 28px/1.4em "adelle-sans", sans-serif;
  font-weight: 100;
  text-transform: capitalize;
  margin: 0;
  margin: .5rem 0 0 0; }
  .blogEntryList--title a {
    color: #db2e00;
    text-decoration: none;
    font-weight: 700;
    box-shadow: none; }
  .blogEntryList--title a:visited {
    color: #c22900;
    text-decoration: underline; }

.blogEntryList--date {
  color: #666;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 1em;
  margin-top: .25em; }

a.viewMoreArticles {
  border: 1px solid #d6d6d6;
  color: #666;
  position: absolute;
  left: 50%;
  bottom: -16px;
  padding: 5px 10px;
  margin-left: -80px;
  background-color: #fff;
  text-decoration: none; }

/* --------------------------------
=| Writing entries in writing page
-------------------------------- */
.blogEntryList {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 0 0 0;
  padding: 1rem 0 3rem 0;
  position: relative; }

.blogEntry--title {
  font: bold 36px/40px "adelle-sans", sans-serif;
  text-transform: capitalize;
  margin: 0;
  margin: 0 0 .5em 0; }
  .blogEntry--title a {
    color: #db2e00;
    text-decoration: none;
    font-weight: 700;
    box-shadow: none; }
  .blogEntry--title a:visited {
    color: #c22900;
    text-decoration: underline; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .blogEntry--title {
      font-size: 44px;
      line-height: 46px; } }

.blogEntry--date {
  color: #666;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "ff-tisa-sans-web-pro", sans-serif, sans-serif;
  margin-bottom: 5px; }

/* --------------------------------
=| SinglePost in Blog page
-------------------------------- */
.singlePost {
  padding-top: 30px; }

.singlePost__body h1, .singlePost__body h2, .singlePost__body h3, .singlePost__body h4, .singlePost__body h5, .singlePost__body h6 {
  margin: 0 0 .5em 0; }

.singlePost__body h1 {
  color: #000; }

.singlePost__body h2 {
  color: #db2e00;
  font-weight: 700;
  margin: 0 0 .5em 0; }

.singlePost__body h3 {
  color: #333;
  font-weight: 500; }

.singlePost__body h4 {
  color: #000;
  color: #343434;
  text-transform: uppercase; }

.singlePost__body h5 {
  color: #343434;
  text-transform: uppercase; }

.singlePost__body h6 {
  color: #343434;
  text-transform: uppercase; }

.singlePost__body ul, .singlePost__body ol {
  margin-bottom: 1.5em;
  padding: 0 0 0 1.2em; }
  .singlePost__body ul li, .singlePost__body ol li {
    font-size: 20px;
    font-family: "ff-tisa-sans-web-pro", sans-serif, sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6em;
    color: #333;
    margin: .25em 0; }

.singlePost__body ul {
  padding: 0 0 0 .75em; }
  .singlePost__body ul li {
    list-style: none; }
  .singlePost__body ul li::before {
    content: "\2022";
    color: #db2e00;
    display: inline-block;
    width: .75em;
    margin-left: -.75em; }

.singlePost h1, .singlePost h2, .singlePost h3, .singlePost h4, .singlePost h5, .singlePost h6, .singlePost p, .singlePost ul, .singlePost ol, .singlePost dl, .singlePost blockquote, .singlePost div, .singlePost figure {
  width: 83.333333%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 40em) {
    .singlePost h1, .singlePost h2, .singlePost h3, .singlePost h4, .singlePost h5, .singlePost h6, .singlePost p, .singlePost ul, .singlePost ol, .singlePost dl, .singlePost blockquote, .singlePost div, .singlePost figure {
      width: 100%;
      margin: 0 0 20px 0; } }

.singlePost code {
  padding: 0 1em 1.5em 1em;
  font-size: 100%;
  border-radius: 5px;
  border: 6px solid #42465C; }

.singlePost strong {
  font-weight: 700; }

.singlePost em {
  font-style: italic; }

.singlePost .photo * {
  width: 100%; }

.singlePost .photo {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px; }

.singlePost .photo img {
  border: 1px solid #d6d6d6;
  padding: 4px; }

.singlePost .photo--left {
  float: none; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .singlePost .photo--left {
      width: 65%;
      float: left;
      margin-top: 1em;
      margin-bottom: 1em;
      margin-right: 2em;
      margin-left: -45px; } }

.singlePost .photo--right {
  float: none; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .singlePost .photo--right {
      width: 65%;
      float: right;
      margin-top: 1em;
      margin-bottom: 1em;
      margin-left: 2em;
      margin-right: -45px; } }

.singlePost .photo--caption {
  font-size: 16px;
  font-family: "ff-tisa-sans-web-pro", sans-serif;
  margin-top: .5em;
  text-align: center;
  color: #333; }

/* Links */
.singlePost a:link {
  color: #222;
  font-weight: 500;
  text-decoration: none;
  box-shadow: inset 0 -0.15em 0 #ff5629;
  transition: all .25s; }

.singlePost a:hover {
  text-decoration: none;
  box-shadow: inset 0 -0.6em 0 #ff7e5c; }

.singlePost__background-image {
  padding: 0 0 0 0;
  width: 100%;
  height: 10px;
  position: absolute;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,f7f7f7+53,fcfcfc+100 */
  background: #e5e5e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 53%, #fcfcfc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 53%, #fcfcfc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 53%, #fcfcfc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .singlePost__background-image img {
    height: 100%;
    width: 100%; }

.singlePost__header {
  margin: 0 0 1em 0;
  padding: 0; }

.singlePost__header h1 {
  font: bold 36px/40px "adelle-sans", sans-serif;
  color: #db2e00;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  text-transform: capitalize; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .singlePost__header h1 {
      font-size: 44px;
      line-height: 46px; } }

p.singlePost__entry-date {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 5px;
  padding: 0; }

.singlePost blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
  border-left: 4px solid #13578e;
  padding: .5em 0 .5em 1em; }
  .singlePost blockquote p {
    font: italic 24px/1.5em "adelle-sans", sans-serif;
    font-weight: 100;
    width: auto;
    margin: 0;
    color: #636363; }
  .singlePost blockquote .author {
    font-size: 18px;
    color: #333;
    margin: 1em 0 0 0; }

/* ===============================

Writing/Blog Page

================================== */
.blogArticles {
  margin: 0;
  padding: 0; }

.blogArticles > li {
  margin: 0;
  padding: 0; }
  .blogArticles > li:last-child {
    border: none; }

.blogArticles > li > a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
  padding: .5em 0 .85em 0;
  box-shadow: none; }

.blogArticles > li > a:hover .blogArticles--title {
  color: #a82300; }

.blogArticles .fullRow {
  width: 60%;
  margin-left: 26.6666667%; }
  @media screen and (max-width: 40em) {
    .blogArticles .fullRow {
      width: 80%;
      margin: 0 auto; } }

.blogArticles--title {
  margin: 0;
  padding: 0;
  color: #db2e00;
  font-weight: 700;
  text-decoration: none;
  font-family: "adelle-sans", sans-serif;
  text-transform: capitalize; }
  .blogArticles--title a:visited {
    color: rgba(219, 46, 0, 0.25); }

.blogArticles--entryDate {
  text-transform: uppercase;
  font-size: 14px;
  color: #666; }

.singlePostCategories--box {
  background-color: #13578e;
  margin: 1em 0 2em 0; }

.singlePostCategories {
  list-style-type: none;
  margin: 0;
  padding: 1em 0;
  float: left; }

.singlePostCategories > li {
  font: normal 16px "adelle-sans", sans-serif;
  float: left;
  margin: 0 .75em 0 0;
  color: #fff; }

.singlePostCategories > li > a {
  color: #fff;
  text-decoration: none; }

.singlePostCategories > li > a:hover {
  text-decoration: underline; }

.nextPrevArticles {
  float: right;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.nextPrevArticles li {
  font-size: 16px;
  list-style-type: none;
  float: left; }

.nextPrevArticles > li:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.25); }

.nextPrevArticles > li a {
  display: block;
  padding: 1em 2em;
  color: #fff;
  box-shadow: none; }

.nextPrevArticles > li a:hover {
  color: #13578e;
  background-color: white; }

.nextEntry {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin-top: 1.5em !important;
  padding: 2em 0;
  position: relative; }
  .nextEntry span {
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #666; }

.nextEntry--title {
  text-align: center;
  font-size: 38px;
  font-weight: 700 !important; }

.disclaimer {
  border: 2px solid #666;
  border-radius: 4px;
  padding: 10px 10px 0px 10px;
  position: relative;
  margin: 2em auto !important;
  width: 65% !important; }

.disclaimer--title {
  background-color: #333;
  color: #fff;
  text-transform: uppercase;
  font: normal 12px "adelle-sans", sans-serif;
  text-shadow: none;
  padding: 2px 6px;
  margin: 0 8px 0 0; }

/* .disclaimer--title:first-letter {
	float: none;
	color: $default-gray;
	color: #fff;
} */
.disclaimer .disclaimer--bodyText {
  font: 300 18px/24px "ff-tisa-sans-web-pro", sans-serif;
  margin: 0 0 10px 0;
  width: auto; }

.disclaimer--quote {
  border-left: 4px solid #666;
  font-size: 18px;
  padding-left: 14px; }

.disclaimer-is-hidden {
  display: none; }

/* ==========================================================================
   Basic styles
   ========================================================================== */
body {
  -webkit-font-smoothing: antialiased;
  font-family: "adelle-sans", sans-serif, sans-serif;
  border-top: 4px solid #db2e00;
  font-size: 100%; }

.nav-container {
  border-bottom: 1px solid #eee;
  padding: 1rem 0; }
  .nav-container .menu {
    font-size: 1rem;
    text-transform: uppercase; }

/* Header */
.heroBoxHomepage {
  margin: 0; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .heroBoxHomepage {
      display: flex; } }

.introBox {
  margin: 0;
  padding: 1em;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #fff; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .introBox {
      width: 197px;
      height: 370px; } }

.introBox__portrait {
  background: url(../images/portrait-juliano-1a.jpg) no-repeat 100% 50%; }
  .introBox__portrait img {
    display: block;
    width: 65%;
    margin: 0 auto; }
    @media (min-width: 40.063em), (min-width: 64em) {
      .introBox__portrait img {
        width: 100%;
        border: none; } }
  @media (min-width: 40.063em), (min-width: 64em) {
    .introBox__portrait {
      width: 150px;
      background: none; } }

.introBox__portrait_greetings {
  font: normal 20px/26px "ff-tisa-sans-web-pro", sans-serif;
  font-weight: 500;
  text-align: left;
  display: block;
  padding: 10px 0 0 0; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .introBox__portrait_greetings {
      display: none; } }

.introBox__personalDetails {
  margin: 0;
  width: 100%;
  padding-top: 1em; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .introBox__personalDetails {
      padding-top: 0em;
      margin-top: 15px;
      width: 100%; } }

.introBox__personalDetails > dt:first-child {
  margin-top: 0; }

.introBox__personalDetails dt {
  color: #666;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  margin: 12px 0 0 0;
  padding: 0; }

.introBox__personalDetails dd {
  margin: 0 0 0;
  font-size: 16px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .introBox__personalDetails dd {
      border: none;
      padding-bottom: 4px; } }

@media (min-width: 40.063em), (min-width: 64em) {
  .introBox__personalDetails .twitter {
    display: none; } }

.contactMe__cta {
  margin-top: 10px;
  border: 1px solid #888;
  box-shadow: 2px 2px 0px 0px #888; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .contactMe__cta {
      display: none; } }

.contactMe__cta a {
  width: 100%;
  display: block;
  padding: 10px 0;
  background-color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: none; }

.introQuote {
  width: 100%;
  margin: 0 0 0 20px;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.65);
  display: none; }
  @media (min-width: 40.063em), (min-width: 64em) {
    .introQuote {
      display: block; } }

.introQuote > h1 {
  color: #fff;
  font-size: 34px;
  margin: 0;
  font-weight: 200; }

.introQuote > hr {
  border-color: rgba(255, 255, 255, 0.45); }

.introQuote > p {
  color: #fff; }

.introQuote a {
  color: #fff; }

.section-title {
  color: #666;
  color: #666;
  font: 16px "adelle-sans", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  text-decoration: none; }

.sm-section-title {
  background-color: #d8d8d8;
  color: #969696;
  display: inline-block;
  font-size: 10px;
  padding: 3px 8px;
  text-transform: uppercase;
  position: absolute;
  top: -17px;
  left: -100px;
  margin: 0; }

.blogExcerpt {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.fromElsewhere {
  padding-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d6d6d6; }

.fromElsewhereArticleList h4 {
  margin: 0 0 .25em 0;
  padding: 0;
  font: bold 22px/1.4em "adelle-sans", sans-serif;
  text-transform: capitalize; }
  .fromElsewhereArticleList h4 a {
    color: #226ba6;
    text-decoration: none;
    font-weight: bold;
    box-shadow: none; }
    .fromElsewhereArticleList h4 a:hover {
      text-decoration: underline; }

.fromElsewhereArticleList p {
  font-size: 16px;
  line-height: 1.5em; }

.workEntryList--image {
  position: relative;
  overflow: hidden; }

.workEntryList--hiddenContent {
  position: absolute;
  top: 145px;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 87, 142, 0.85);
  -webkit-transition-property: top;
  -moz-transition-property: top;
  transition-property: top;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

.workEntryList--hiddenContent > h4 {
  text-align: center;
  color: #fff; }

.workEntryList--image:hover .workEntryList--hiddenContent {
  top: 0; }

.workEntryList--title {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 0; }
  .workEntryList--title a:link {
    color: #13578e;
    box-shadow: none; }
  .workEntryList--title a:visited {
    color: #226ba6; }

.workEntryList--catName {
  font-size: 12px;
  color: #666;
  text-transform: uppercase; }

.workEntryList--thumb li:hover img {
  background-color: #000;
  border-width: 4px; }

.workEntryList--thumb li:hover::before {
  opacity: .5; }

.dribbble {
  background-color: rgba(0, 0, 0, 0.125);
  background-color: #13578e;
  padding: 2rem 0; }
  .dribbble .section-title {
    color: #fff; }

/* Full Image */
.full-image {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 300px;
  width: 100%;
  z-index: 0;
  padding-top: 30px;
  background-color: rgba(0, 0, 0, 0.1); }

.about-full-image {
  background: url(../images/about-full-image.jpg) no-repeat 50% 50%; }

.writing-full-image {
  background: url(../images/writingpage-full-image.jpg) no-repeat 50% -450px fixed; }

.work-full-image {
  border: 1px solid red; }

.contact-full-image {
  background: url(../images/contact-full-image.jpg) no-repeat 50% -95px fixed; }

body.about .full-image {
  position: static; }

.archives {
  margin: 0;
  padding: 0; }

.archives--catItem {
  float: left;
  background-color: #13578e;
  color: #fff;
  margin: 5px 5px;
  padding: 3px 8px; }
  .archives--catItem:hover {
    background-color: #db2e00; }

.archives--catItem > a {
  color: #fff;
  display: block; }

/* ===============================

About Page: ;

================================== */
.about h1 {
  color: #db2e00;
  margin-bottom: .5em;
  margin-top: .5em; }

.subHeadH2 {
  color: #db2e00;
  margin-bottom: .5em;
  margin-top: .5em;
  font-weight: 100; }

.leadPara {
  font-family: "ff-tisa-sans-web-pro", sans-serif; }
  @media (min-width: 0em), (min-width: 40em) {
    .leadPara {
      font-size: 30px;
      font-weight: 100;
      line-height: 1.2em; } }
  @media (min-width: 40.063em), (min-width: 64em) {
    .leadPara {
      font-size: 34px;
      font-weight: 100;
      line-height: 1.2em; } }

@media (min-width: 0em), (min-width: 40em) {
  .portraitDesktop {
    display: none; } }

@media (min-width: 40.063em), (min-width: 64em) {
  .portraitDesktop {
    margin-top: 2.5em;
    display: block; } }

@media (min-width: 0em), (min-width: 40em) {
  .portraitMobile {
    display: block;
    margin-bottom: 1em; } }

@media (min-width: 40.063em), (min-width: 64em) {
  .portraitMobile {
    display: none; } }

.contactEmail {
  display: flex;
  border-bottom: 3px solid #333;
  padding: .5em 0; }
  .contactEmail .fas {
    align-self: center;
    font-size: 3em; }
  .contactEmail ul {
    list-style-type: none;
    padding-left: .75em; }
    .contactEmail ul li {
      margin: 0; }

.featuredImages {
  padding: 1em 0;
  margin: 0em 0 1em 0; }

.twoColumnRow {
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 2rem 0 3rem; }
  .twoColumnRow .large-6:first-child {
    border-right: 1px solid #ddd; }
  .twoColumnRow .large-6 {
    padding: 3rem 2em 2rem; }
  .twoColumnRow .large-6:before {
    content: "family";
    display: inline-block;
    background: #d8d8d8;
    color: #919191;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 0; }

.archives {
  padding: 0;
  margin: 0 0 1em 0; }

.archives > li {
  list-style-type: none;
  font-size: 18px; }

.archives > li > a {
  text-decoration: none;
  font-family: "ff-tisa-sans-web-pro", sans-serif; }

.archives > li > a > img {
  padding: 6px;
  background-color: rgba(0, 0, 0, 0.125); }

.archives > li > a > img:hover {
  background-color: rgba(0, 0, 0, 0.25); }

.archives > li > a > span {
  display: inline-block;
  margin: 8px 0 0 0; }

.archives > li > a > span > strong {
  font-weight: 700;
  color: #333;
  font-style: italic; }

/* ===============================

Work Page

================================== */
.content {
  min-height: 500px; }

.page-title__description {
  color: #333;
  text-shadow: none; }
  .page-title__description a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold; }
  .page-title__description a:hover {
    text-decoration: none; }

.work-item {
  margin: 0 0 2rem 0; }

.work-item__description_title {
  margin: .5rem 0 0 0;
  padding: 0;
  font: italic 18px "adelle-sans", sans-serif; }
  .work-item__description_title a {
    color: #13578e; }

.work-item__image img {
  border-radius: 4px; }

body.work .work-container {
  padding: 2rem 0 0 0;
  border-bottom: 1px solid #eee; }

body.work .section-title {
  font-size: 12px;
  color: #666;
  margin: 1rem 0 .5rem 0; }

body.work .work-title {
  margin: 0;
  font: italic 38px/100% "adelle-sans", sans-serif; }

body.work .work-entries-nav {
  list-style-type: none;
  margin: 1.5rem 0 0 0; }
  body.work .work-entries-nav li {
    list-style-type: none;
    float: right;
    margin: 0 0 0 .5rem;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 25px; }
    body.work .work-entries-nav li a {
      vertical-align: middle;
      width: 40px;
      height: 40px;
      display: inline-block; }
      body.work .work-entries-nav li a i {
        text-align: center;
        color: #343434;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        padding-top: 10px;
        display: inline-block; }
    body.work .work-entries-nav li span {
      display: none; }

body.work.accureg .featured-work {
  background-color: #515d8b; }

body.work.cympel .featured-work {
  background-color: #f26a22;
  padding-top: 2rem; }

body.work.bestbuy-com .featured-work {
  background: url(../images/bestbuy-bg.jpg) repeat;
  padding-top: 2rem; }

body.work.dick-schulze .featured-work {
  background-color: #005076;
  text-align: center;
  padding: 0 0 2rem 0; }
  body.work.dick-schulze .featured-work img {
    margin-top: 2rem; }
  body.work.dick-schulze .featured-work::before {
    content: "";
    background: #e6c20b url(../images/landing-billboard-dick-topmessage.png) no-repeat 50% 6px;
    width: 100%;
    height: 36px;
    display: block; }

body.work.melanie-painter .featured-work {
  background: transparent url(../images/melanie-painter-bg.jpg) repeat top left;
  padding: 2rem 0 1rem 0;
  text-align: center; }

body.work.miranda-bread .featured-work {
  background-color: #6b2470;
  padding: 2rem 0 0 0;
  text-align: center; }

body.work.gasoleo .featured-work {
  background-color: #d39032;
  padding: 2rem 0 0 0;
  text-align: center; }

body.work .featured-work {
  margin: 2rem 0 0 0;
  width: 100%; }

body.work .project-details {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0; }
  body.work .project-details p {
    font-family: "adelle-sans", sans-serif; }
  body.work .project-details .objective {
    font-size: .75rem;
    /*12px*/
    font-weight: bold;
    text-transform: uppercase;
    margin: .75rem 0 1rem 0;
    padding: 0;
    color: #343434; }
  body.work .project-details .large-8 {
    border-right: 1px solid #eee;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  body.work .project-details .project-name-type dt {
    font-size: .75rem;
    /*12px*/
    font-weight: bold;
    text-transform: uppercase;
    margin: .75rem 0 0 0;
    padding: 0;
    color: #666; }
  body.work .project-details .project-name-type dd {
    margin: 0;
    padding: 0;
    font: bold 1rem "adelle-sans", sans-serif;
    color: #343434; }
    body.work .project-details .project-name-type dd a {
      color: #343434; }

body.work .work-slider {
  border-bottom: 1px solid #eee;
  padding-top: 1rem;
  padding-bottom: 2rem; }
  body.work .work-slider ul li, body.work .work-slider ol li {
    list-style-type: none; }

body.work .flexslider {
  position: relative;
  padding-top: 35px;
  box-shadow: none;
  -webkit-box-shadow: none; }

body.work .flex-direction-nav {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 20px; }
  body.work .flex-direction-nav:first-child {
    background-color: red; }

body.work .flex-control-nav {
  display: none; }

body.work .testimonial {
  position: relative; }
  body.work .testimonial .sm-section-title {
    top: -6px;
    left: 130px; }
  body.work .testimonial blockquote {
    position: relative; }
    body.work .testimonial blockquote p {
      font: italic 1.125rem/160% "adelle-sans", sans-serif; }
    body.work .testimonial blockquote h4 {
      font-size: 1rem;
      color: #13578e;
      font: normal 1.125rem/160% "adelle-sans", sans-serif; }
    body.work .testimonial blockquote .quote {
      position: absolute;
      top: 4px;
      left: -44px; }

footer {
  border-top: 1px solid #d6d6d6;
  padding: 0rem 0; }
  footer .large-6:first-child {
    border-right: 1px solid #d6d6d6; }
  footer .social-networks, footer nav {
    padding: .5rem 0 .5rem 0; }
    footer .social-networks h4, footer nav h4 {
      font-size: .75rem;
      color: #666;
      text-transform: uppercase;
      margin: 1em 0 1em 0; }
    footer .social-networks ul, footer .social-networks li, footer nav ul, footer nav li {
      list-style: none;
      margin: 0;
      padding: 0; }
    footer .social-networks li, footer nav li {
      font-size: 1rem;
      float: left;
      margin: 0 1em .25em 0; }
      footer .social-networks li a, footer nav li a {
        color: #13578e !important;
        box-shadow: none; }
      footer .social-networks li span, footer nav li span {
        display: none; }

body.work footer .large-6:first-child {
  min-height: 110px; }

.signup-form {
  padding: 1rem 0 0 0; }
  .signup-form h4 {
    font-size: 1em;
    color: #13578e; }
  .signup-form p {
    font-size: 1rem;
    line-height: 1.5em; }

.bottom-footer {
  border-top: 1px solid #d6d6d6;
  margin-top: 0rem;
  padding: 1rem 0 0 0; }
  .bottom-footer .copyright {
    float: left;
    color: #333;
    font-size: 1.2rem; }
  .bottom-footer .back-top {
    float: right;
    color: #13578e;
    font-size: 1rem; }

.sub-nav li {
  font-family: "adelle-sans", sans-serif; }

/* ===============================

Contact Page

================================== */
.contact-form {
  padding: 1.5em 0 0 0; }

.inputError {
  color: red;
  font-size: 18px;
  font-weight: 300; }

/*# sourceMappingURL=assets/css/maps/master.css.map */