/*
Theme Name: tylercombs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Variables
-------------------------------------------------------------- */

:root {
  --red: brown;
  --dark-red: ;
  --background-color: #f2f2e6;
  --dark-gray: #706d66;
  --brown: #382f2d;
}

/* =Reset
-------------------------------------------------------------- */

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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: 400;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
blockquote,
q {
  quotes: '' '';
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
}
a img {
  border: 0;
}

/* =Global
----------------------------------------------- */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/wp-content/themes/tylercombs/js/boxsizing.htc);
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font-family: 'proxima-nova', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

/* Text elements */
p {
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: 'Courier 10 Pitch', Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}

code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
  line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
a.button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  border-radius: 0.33em;
  background: #c53b1b;
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: none; /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  padding: 0.75em;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
}
button:hover,
a.button:hover,
html input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
  background-color: #cb4327;
}

button:focus,
a.button:focus,
html input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
button:active,
a.button:active,
html input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type='search'] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  box-sizing: content-box;
}
input[type='search']::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type='text'],
input[type='email'],
textarea {
  color: var(--dark-gray);
  border: 1px solid var(--dark-gray);
  border-radius: 6px;
  display: block;
  padding: 0.75em;
}

input[type='text']:focus,
input[type='email']:focus,
textarea:focus {
  color: #67605c;
}

textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top; /* Improves readability and alignment in all browsers */
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
  margin: 0;
}
.entry-meta {
  clear: both;
}
.byline {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.entry-content,
.entry-summary {
  margin: 0;
  line-height: 1.5;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
/*.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
/*}*/
.site-header img,
.entry-content img,
img.size-full {
  max-width: 100%;
  width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  border: 1px solid #ccc;
  max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
  margin-bottom: 1.5em;
}
.wp-caption img {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.site-content .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.site-content .nav-previous {
  float: right;
  text-align: right;
  width: 50%;
}
.site-content .nav-next,
.site-content .all {
  float: left;
  width: 50%;
}

/* =Comments
----------------------------------------------- */

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}

/* Search widget */
#searchsubmit {
  display: none;
}

/* =Clearfix
----------------------------------------------- */

/*
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: ' '; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
  *zoom: 1;
}

/* =Print Styles
----------------------------------------------- */

/*
 * Inlined to avoid required HTTP connection: h5bp.com/r
 */

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: ' (' attr(href) ')';
  }

  abbr[title]:after {
    content: ' (' attr(title) ')';
  }

  /*
     * Don't show links for images, or javascript/internal links
     */

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* =Nivo Slider
----------------------------------------------- */

div.slider-wrapper {
  margin-bottom: 1.5em;
  box-shadow: 1px 1px 10px -1px var(--dark-gray);
  background-color: #ffffff;
}

.nivoSlider {
  position: relative;
  /*background:url(images/loading.gif) no-repeat 50% 50%; */
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.nivoSlider a {
  border: 0;
  display: block;
  text-decoration: none;
  font-size: 3rem;
  padding: 0.5em;
  color: var(--dark-gray);
  -webkit-transition: color 0.3s ease-in;
  -moz-transition: color 0.3s ease-in;
  -o-transition: color 0.3s ease-in;
  -ms-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  text-shadow: none;
}

.nivoSlider a:hover,
.nivoSlider a:active {
  text-decoration: none;
  color: #c53b1b;
  border: 0;
  box-shadow: none;
}

.nivoSlider a.nivo-prevNav span.icon:before {
  content: '▶';
}

.nivoSlider a.nivo-nextNav span.icon:before {
  content: '▷';
}

.nivo-controlNav {
  background-color: #ffffff;
  padding: 1em 0 0 0;
  width: 80%;
  margin: 0 10%;
}

.nivo-controlNav a.nivo-control {
  color: var(--dark-gray);
  font-size: 8rem;
  line-height: 0.25em;
  height: 0.5em;
  overflow: hidden;
  border: 0;
  display: inline-block;
}

.nivo-controlNav a.nivo-control span.icon:before {
  content: '•';
}

.nivo-controlNav a.active {
  color: #c53b1b;
  border: 0;
  box-shadow: none;
}

.nivo-controlNav a.nivo-control:hover,
.nivo-controlNav a.nivo-control:active {
  color: #67605c;
  border: 0;
  box-shadow: none;
}

/* =Contact Form 7 Plugin
----------------------------------------------- */

div.wpcf7 {
  margin: 0;
  padding: 0;
}

div.wpcf7-response-output {
  margin: 0 0 1.5em 0;
  padding: 0;
}

div.wpcf7-mail-sent-ok {
  color: #c53b1b;
  border: none;
}
div.wpcf7-mail-sent-ng {
  color: #c53b1b;
  border: none;
}

div.wpcf7-spam-blocked {
  color: #c53b1b;
  border: none;
}

div.wpcf7-validation-errors {
  color: #c53b1b;
  border: none;
}

span.wpcf7-form-control-wrap {
  position: relative;
}

span.wpcf7-not-valid-tip {
  position: relative;
  width: 100%;
  border-radius: 0.33em;
  line-height: 1;
  padding: none;
  display: block;
  background-color: var(--background-color);
  top: auto;
  left: auto;
  font-size: 1.6rem;
  color: #c53b1b;
  margin: 1em 0 0 0;
  border: none;
}

span.wpcf7-not-valid-tip-no-ajax {
  color: #f00;
  font-size: 1.6rem;
  display: block;
}

span.wpcf7-list-item {
  margin-left: 0.5em;
}

.wpcf7-display-none {
  display: none;
}

div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  position: absolute;
  top: 9px;
  right: 9px;
}

div.wpcf7 .watermark {
  color: #888;
}

div.wpcf7 p {
  position: relative;
}

body.page div.wpcf7 input,
body.page div.wpcf7 textarea {
  width: 100%;
}

/* =Sticky footer (http://css-tricks.com/snippets/css/sticky-footer)
----------------------------------------------- */

/* =Default Styles (Mobile-first)
----------------------------------------------- */

@font-face {
  font-family: 'tylercombs';
  src: url('fonts/icomoon22743/fonts/icomoon.eot');
  src: url('fonts/icomoon22743/fonts/icomoon.eot?#iefix')
      format('embedded-opentype'),
    url('fonts/icomoon22743/fonts/icomoon.svg#tylercombs') format('svg'),
    url('fonts/icomoon22743/fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon22743/fonts/icomoon.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

body {
  margin: 0;
  background-color: var(--background-color);
  color: var(--dark-gray);
}

.site-footer {
  color: #fff;
}

a {
  text-decoration: none;
  color: #c53b1b;
  text-shadow: 1px 1px #ffffff;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.15s ease-in;
  -moz-transition: border-color 0.15s ease-in;
  -o-transition: border-color 0.15s ease-in;
  -ms-transition: border-color 0.15s ease-in;
  transition: border-color 0.15s ease-in;
}

div.social-share {
  padding: 0 5%;
  margin-bottom: 1.5em;
}

div.social-share > div,
div.social-share iframe,
div.social-share a {
  vertical-align: text-top !important;
  height: 20px !important;
  margin-right: 1em !important;
  line-height: 1.5;
}

div.social-share div.facebook-button {
  display: inline-block;
  height: 20px;
  width: 75px;
}

body.single div.entry-content div.social-share p.social {
  padding: 0;
  display: inline;
  margin-right: 1em;
  float: left;
}

a:hover,
a:active {
  border-bottom: 0.125em solid #c53b1b;
  box-shadow: 0px 1px 1px 0px #ffffff;
}

header#masthead {
  padding: 1em 5% 2em;
  line-height: 1;
}

body.home header#masthead,
body.page header#masthead,
body.error404 header#masthead {
  border-bottom: 0.2em solid #c53b1b;
}

body.page header#masthead,
body.error404 header#masthead {
  margin-bottom: 1.5em;
}

header#masthead hgroup {
  margin-bottom: 2em;
}

header#masthead hgroup h1 {
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.2em;
  text-shadow: 1px 1px #ffffff;
}

header#masthead hgroup h1 a {
  vertical-align: middle;
  -webkit-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  -ms-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in;
  color: #67605c;
  font-weight: 700;
  border-bottom: none;
}

header#masthead hgroup h1 a:hover,
header#masthead hgroup h1 a:active {
  border-bottom: none;
  box-shadow: none;
  color: #c53b1b;
}

header#masthead hgroup h1 a span.icon {
  font-size: 7rem;
  color: #c53b1b;
  position: relative;
  display: block;
  text-shadow: 1px 1px #ffffff;
}

nav.main-navigation {
  text-align: center;
  font-size: 1.6rem;
}

nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  text-align: center;
}

nav ul li {
  display: inline-block;
}

nav ul a {
  padding: 0.52em 0.75em;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.1em;
  -webkit-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  -ms-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in;
  position: relative;
  top: 0.05em;
  color: var(--dark-gray);
  text-shadow: 1px 1px #ffffff;
  border-bottom: none;
}

nav ul a span {
  -webkit-transition: color 0.15s ease-in;
  -moz-transition: color 0.15s ease-in;
  -o-transition: color 0.15s ease-in;
  -ms-transition: color 0.15s ease-in;
  transition: color 0.15s ease-in;
}

nav ul a:hover,
nav ul a:active,
nav ul a:hover span,
nav ul a:active span,
body.home nav ul a.work,
body.single-portfolio nav ul a.work,
body.tax-portfolio_tags nav ul a.work,
body.tax-skills nav ul a.work,
body.page-id-11 nav ul a.about,
body.page-id-13 nav ul a.contact {
  border-bottom: none;
  box-shadow: none;
  color: #c53b1b;
}

.icon,
[class^='icon-']:before,
[class*=' icon-']:before,
img.ajax-loader:after {
  font-family: 'tylercombs';
  font-style: normal;
  speak: none;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

nav.main-navigation a span.icon,
p.tags span.icon,
p.skills span.icon,
p.social span.icon {
  font-size: 1.1em;
}

header hgroup h1 a span.icon:before {
  content: '△';
}

a.twitter span.icon:before {
  content: '▿';
}

a.linkedin span.icon:before {
  content: '□';
}

a.dribbble span.icon:before {
  content: '▧';
}

a.behance span.icon:before {
  content: '▥';
}

a.pinterest span.icon:before {
  content: '◄';
}

a.googleplus span.icon:before {
  content: '◅';
}

p.social span.icon:before {
  content: '▬';
}

a.rss span.icon:before {
  content: '◂';
}

a.menu-toggle span.icon:before {
  content: '▩';
}

nav.main-navigation a span.icon,
a.menu-toggle span.icon,
p.tags span.icon,
p.skills span.icon,
h1.page-title span.icon,
footer.site-footer span.icon,
a.button span.icon,
p.social span.icon {
  margin-right: 0.5em;
  position: relative;
  top: -0.1em;
}

nav.main-navigation ul.social a span.icon {
  margin-right: 0;
}

nav a.work span.icon:before {
  content: '▼';
}

nav a.about span.icon:before {
  content: '▭';
}

nav a.contact span.icon:before {
  content: '■';
}

footer.site-footer li.wordpress span.icon:before {
  content: '▽';
  color: #c53b1b;
}

footer.site-footer li.underscores span.icon:before {
  content: '▾';
  color: #c53b1b;
}

footer.site-footer li.typekit span.icon:before {
  content: '▻';
  color: #c53b1b;
}

nav a.social-link {
  float: left;
}

body.home div#main,
body.archive div#main {
  background-color: var(--dark-gray);
}

body.home article,
body.archive article {
  width: 100%;
  float: left;
  position: relative;
}

body.home article header h1,
body.archive article header h1 {
  display: none;
}

body.home article img,
body.archive article img {
  max-width: 100%;
}

html.lt-ie7 body.home article img,
html.lt-ie7 body.archive article img {
  width: 100%;
}

nav.post-navigation,
nav.archive-navigation {
  background-color: #c53b1b;
  float: left;
  width: 100%;
}

nav.post-navigation#nav-below,
nav.archive-navigation#nav-below {
  margin: 0;
}

nav.post-navigation a,
nav.archive-navigation a {
  text-decoration: none;
  color: #ffffff;
  border-bottom: none;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-weight: 700;
  padding: 0.5em 20%;
  vertical-align: middle;
  display: block;
  background-color: transparent;
  -webkit-transition: border-color 0.3s ease-in;
  -moz-transition: border-color 0.3s ease-in;
  -o-transition: border-color 0.3s ease-in;
  -ms-transition: border-color 0.3s ease-in;
  transition: border-color 0.3s ease-in;
  position: relative;
}

nav.post-navigation a span.title,
nav.archive-navigation a span.title {
  display: block;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.1em;
  display: none;
}

nav.post-navigation div.nav-previous a:hover,
nav.post-navigation div.nav-previous a:active,
nav.archive-navigation div.nav-previous a:hover,
nav.archive-navigation div.nav-previous a:active {
  border-bottom: none;
  box-shadow: none;
  background-color: #cb4327;
  background: -moz-linear-gradient(
    left,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #c53b1b),
    color-stop(23%, #cb4327),
    color-stop(100%, #cb4327)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    left,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* IE10+ */
  background: linear-gradient(
    to right,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C53B1B', endColorstr='#cb4327',GradientType=1 ); /* IE6-9 */
}

nav.post-navigation div.nav-next a:hover,
nav.post-navigation div.nav-next a:active,
nav.archive-navigation div.all a:hover,
nav.archive-navigation div.all a:active {
  border-bottom: none;
  box-shadow: none;
  background-color: #cb4327;
  background: -moz-linear-gradient(
    right,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0%, #c53b1b),
    color-stop(23%, #cb4327),
    color-stop(100%, #cb4327)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    right,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    right,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    right,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* IE10+ */
  background: linear-gradient(
    to left,
    #c53b1b 0%,
    #cb4327 23%,
    #cb4327 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb4327', endColorstr='#C53B1B',GradientType=1 ); /* IE6-9 */
}

nav.post-navigation a span.icon,
nav.archive-navigation a span.icon {
  font-family: 'tylercombs';
  font-style: normal;
  speak: none;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 1.3em;
  position: absolute;
  top: 0.2em;
}

nav.post-navigation div.nav-previous a span.icon:after,
nav.archive-navigation div.nav-previous a span.icon:after {
  content: '▴';
  margin-left: 0.25em;
}

nav.post-navigation div.nav-next a span.icon:before,
nav.archive-navigation div.all a span.icon:before {
  content: '▸';
  margin-left: -1.5em;
}

body.home .entry-content,
body.archive .entry-content {
  line-height: 0;
}

header.page-header {
  background-color: var(--background-color);
}

h1.entry-title,
h1.page-title {
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  text-shadow: 1px 1px #ffffff;
  color: #67605c;
  font-weight: 700;
  padding: 0 0.5em;
}
h1.entry-title {
  margin-bottom: 0.25em;
}

body.archive h1.page-title {
  padding-bottom: 0.75em;
}

body.page h1.entry-title,
body.error404 h1.entry-title {
  margin-bottom: 0.75em;
}

body.error404 h1.entry-title span {
  color: #c53b1b;
}

body.page h3,
body.error404 h3 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-align: center;
  font-size: 2.8rem;
  margin: 0 0 0.86em 0;
}

div.entry-meta,
body.page h3,
body.error404 h3 {
  line-height: 1;
  text-shadow: 1px 1px #ffffff;
}

body.page h4,
body.error404 h4 {
  color: var(--dark-gray);
  font-size: 2.2rem;
  margin: 0 0 1.09em 0;
  line-height: 1.25;
  text-shadow: 1px 1px #ffffff;
}

div.entry-meta {
  text-align: center;
  padding: 0 1em;
  margin: 0 0.5em 1.5em 0.5em;
  color: var(--dark-gray);
  font-size: 2.2rem;
}

div.entry-meta p {
  display: inline-block;
}

div.entry-meta p.client,
body.page h5,
body.page h4,
body.page h3,
body.page form p,
body.error404 h5,
body.error404 h4,
body.error404 h3,
footer.site-footer h5 {
  font-weight: 700;
}

div.entry-meta p.client {
  margin: 0 0.25em 0 0;
}

div.entry-meta p.date-completed,
body.page h4 span {
  font-weight: 300;
  margin: 0;
}

body.page h5,
body.error404 h5 {
  color: #67605c;
  display: inline;
}

body.page form p {
  color: #67605c;
  display: block;
  line-height: 2;
}

body.error404 div.entry-content p {
  text-align: center;
}

body.page h5 span,
body.page form p span,
body.error404 h5 span {
  font-weight: 400;
}

body.single div.entry-content p {
  padding: 0 5%;
  clear: both;
}

p.tags span.icon:before,
body.archive.tax-portfolio_tags h1.page-title span.icon:before {
  content: '▱';
}

p.skills span.icon:before,
body.archive.tax-skills h1.page-title span.icon:before {
  content: '▹';
}

footer.site-footer {
  background-color: #382f2d;
  padding: 1.5em 0 0 0;
  width: 100%;
  float: left;
}

footer.site-footer div {
  margin: 0 5%;
}

footer.site-footer h5 {
  color: var(--background-color);
}

footer.site-footer ul {
  list-style-type: none;
}

footer.site-footer a {
  text-shadow: none;
  box-shadow: none;
}

body.page article,
body.error404 article {
  margin: 0 5%;
}

body.page div.entry-content ul,
body.error404 div.entry-content ul {
  list-style-type: none;
  margin: 0 0 3em 0;
}

/* =Media Queries
----------------------------------------------- */

@media only screen and (min-width: 24em) {
  header#masthead hgroup {
    margin-bottom: 1.5em;
  }

  header#masthead hgroup h1,
  h1.entry-title,
  h1.page-title {
    font-size: 3.5rem;
  }
}

@media only screen and (min-width: 31em) {
  body.home article,
  body.archive article {
    width: 50%;
  }

  footer.site-footer {
    float: left;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  footer.site-footer div {
    width: 50%;
    float: left;
    margin: 0;
  }

  footer.site-footer div h5,
  footer.site-footer div ul,
  footer.site-footer div p {
    padding: 0 5%;
    display: block;
  }

  footer.site-footer div.footer-social {
    float: right;
  }

  header#masthead hgroup h1 a span.icon {
    display: inline;
    margin-right: 0.25em;
    top: -0.07em;
    font-size: 1.6em;
  }

  header#masthead {
    padding: 2em 1em;
  }
}

@media only screen and (min-width: 35em) {
  div.slider-wrapper {
    width: 35em;
    margin: 0 auto 1.5em auto;
  }

  div#slider,
  div.nivo-controlNav {
    margin-bottom: 0;
  }

  div.tags,
  div.social-share {
    padding: 0;
  }

  div.social-share {
    padding: 0 5%;
  }

  div.tags p,
  div.social-share p {
    margin-bottom: 1.5em;
  }
}

@media only screen and (min-width: 37em) {
  nav {
    margin-top: 0.25em;
  }

  nav ul {
    display: inline-block;
  }

  nav ul.social {
    margin-left: 0.5em;
  }

  nav.post-navigation a,
  nav.archive-navigation a {
    padding: 0.5em 15%;
  }
}

@media only screen and (min-width: 47em) {
  body.home article,
  body.archive article {
    width: 33.33%;
  }

  footer.site-footer div {
    width: 33.33%;
  }

  footer.site-footer div h5,
  footer.site-footer div ul,
  footer.site-footer div p {
    padding: 0 5%;
  }

  footer.site-footer div.footer-social {
    float: right;
  }

  div.description p {
    padding: 0;
  }

  body.page article,
  body.error404 article {
    margin: 0 10%;
  }
}

@media only screen and (min-width: 55em) {
  body.page article,
  body.error404 article {
    margin: 0 15%;
  }
}

@media only screen and (min-width: 63em) {
  body.home article,
  body.archive article {
    width: 25%;
  }

  header#masthead {
    padding: 1em 5%;
    margin-left: -0.5em;
  }

  header#masthead hgroup {
    margin-bottom: 0;
    float: left;
  }

  nav.main-navigation {
    text-align: right;
    margin-right: -0.75em;
  }

  div.tags,
  div.description,
  div.social-share {
    width: auto;
    padding: 0;
  }

  div.social-share {
    margin-bottom: 1.5em;
  }

  body.single div.entry-content p.tags,
  body.single div.entry-content p.skills,
  body.single div.entry-content div.description p,
  body.single div.entry-content div.social-share p.social {
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 1.5em;
    clear: none;
  }

  div.slider-wrapper {
    width: 42.5%;
    float: left;
    margin: -5.5em 2.5% 1.5em 5%;
  }

  div#slider {
    width: 100%;
    margin: 0 auto;
  }

  div.content {
    padding: 0 5% 0 52.5%;
  }

  nav.post-navigation a,
  nav.archive-navigation a {
    padding: 0.5em 10%;
  }

  body.single-portfolio h1.entry-title,
  div.entry-meta {
    text-align: left;
    padding: 0;
  }

  body.single-portfolio h1.entry-title {
    margin: 0 5% 0.25em 52.5%;
  }

  div.entry-meta {
    margin: 0 5% 1.5em 52.5%;
  }

  body.home article,
  body.archive article {
    width: 20%;
  }

  footer.site-footer {
    padding-left: 3.5%;
    padding-right: 3.5%;
  }
}

@media only screen and (min-width: 79em) {
  body.home article,
  body.archive article {
    width: 20%;
  }

  body.page article {
    margin: 0 25%;
  }
}

@media only screen and (min-width: 94em) {
  body.home article,
  body.archive article {
    width: 16.6666%;
  }
}

@media only screen and (min-width: 186em) {
  body.home article,
  body.archive article {
    width: 12.5%;
  }
}

/* =Retina
----------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
  /* Style adjustments for high resolution devices */
}