/*
Theme Name: Cinnamon
Theme URI: http://fikrirasy.id/portfolio/cinnamon/
Author: Fikri Rasyid
Author URI: http://fikrirasy.id
Description: Cinnamon is default-looking classic two column WordPress theme with a soul
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cinnamon
Tags: white, fluid-layout, responsive-layout, custom-menu, editor-style, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.

 Cinnamon is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

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/

The image at images/cinnamon-default-header.jpg is made by my own (Fikri Rasyid). Similar to this theme and WordPress, I license it under the GPL.

Simple Color Adjuster library which is used for color scheme generator is developed by modifying following resources:

	scssphp library - http://leafo.net/scssphp/
	License: Distributed under the terms of GNU General Public License v3
	Copyright: Leaf Corcoran, http://leafo.net/

	Twenty Fifteen - https://wordpress.org/themes/twentyfifteen
	License: Distributed under the terms of GNU General Public License
	Copyright: The WordPress team, http://wordpress.org

	Opus - http://fikrirasy.id/portfolio/opus
	License: Distributed under the terms of GNU General Public License
	Copyright: Fikri Rasyid, http://fikrirasy.id
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Header
11.0 Content
	11.1 Posts and pages
	11.2 Asides
	11.3 Comments
12.0 Header
13.0 Infinite scroll
14.0 Media
	14.1 Captions
	14.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 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 centered 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/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
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: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #5F5E5E;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}

/**
* Desktop adjustment
*/
@media screen and (min-width: 960px) {
  body,
  button,
  input,
  select,
  textarea {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

.comment-content h1,
.entry-content h1 {
  font-weight: 900;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2d1f0f;
  line-height: 1.2;
  margin-top: 1.7em;
  margin-bottom: .7em;
  font-size: 28px;
  font-size: 2.8rem;
}
@media screen and (min-width: 760px) {
  .comment-content h1,
  .entry-content h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 960px) {
  .comment-content h1,
  .entry-content h1 {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.comment-content h2,
.entry-content h2 {
  font-weight: 900;
  font-size: 19px;
  font-size: 1.9rem;
  color: #2d1f0f;
  line-height: 1.3;
  margin-top: 1.7em;
  margin-bottom: .7em;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (min-width: 760px) {
  .comment-content h2,
  .entry-content h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 960px) {
  .comment-content h2,
  .entry-content h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.comment-content h3,
.entry-content h3 {
  font-weight: 900;
  font-size: 16px;
  font-size: 1.6rem;
  color: #2d1f0f;
  line-height: 1.3;
  margin-top: 1.7em;
  margin-bottom: .7em;
  font-size: 22px;
  font-size: 2.2rem;
}
@media screen and (min-width: 760px) {
  .comment-content h3,
  .entry-content h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 960px) {
  .comment-content h3,
  .entry-content h3 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.comment-content h4,
.entry-content h4 {
  font-weight: lighter;
  color: #2d1f0f;
  line-height: 1.4;
  margin-top: 1em;
  margin-bottom: .7em;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (min-width: 960px) {
  .comment-content h4,
  .entry-content h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.comment-content p,
.entry-content p {
  margin-bottom: 1em;
}
.comment-content b, .comment-content strong,
.entry-content b,
.entry-content strong {
  font-weight: 900;
  color: #2d1f0f;
}
.comment-content dfn, .comment-content cite, .comment-content em, .comment-content i,
.entry-content dfn,
.entry-content cite,
.entry-content em,
.entry-content i {
  font-style: italic;
}
.comment-content blockquote,
.entry-content blockquote {
  margin: 1.7em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: lighter;
  color: #ababab;
  line-height: 1.6;
}
@media screen and (min-width: 960px) {
  .comment-content blockquote,
  .entry-content blockquote {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.comment-content address,
.entry-content address {
  margin: 0 0 1em;
  font-style: italic;
  line-height: 1.4;
  color: #2d1f0f;
}
.comment-content pre,
.entry-content 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;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
.comment-content code, .comment-content kbd, .comment-content tt, .comment-content var,
.entry-content code,
.entry-content kbd,
.entry-content tt,
.entry-content var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  color: #2d1f0f;
}
.comment-content code,
.entry-content code {
  box-shadow: inset 0 0 1px #898989;
  background: #fcfcfc;
  padding: 0 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.comment-content pre code,
.entry-content pre code {
  padding: 0;
  background: transparent;
  box-shadow: none;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
}
.comment-content abbr, .comment-content acronym,
.entry-content abbr,
.entry-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.comment-content mark, .comment-content ins,
.entry-content mark,
.entry-content ins {
  background: #fff9c0;
  text-decoration: none;
}
.comment-content sup,
.comment-content sub,
.entry-content sup,
.entry-content sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.comment-content sup,
.entry-content sup {
  bottom: 1ex;
}
.comment-content sub,
.entry-content sub {
  top: .5ex;
}
.comment-content small,
.entry-content small {
  font-size: 75%;
}
.comment-content big,
.entry-content big {
  font-size: 125%;
}
.comment-content ul, .comment-content ol,
.entry-content ul,
.entry-content ol {
  margin-left: 1.5em;
  margin-bottom: 1em;
}
.comment-content ul ul, .comment-content ul ol, .comment-content ol ul, .comment-content ol ol,
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol {
  margin-bottom: 0;
}
.comment-content ul > li,
.entry-content ul > li {
  list-style: disc;
}
.comment-content ol > li,
.entry-content ol > li {
  list-style: decimal;
}
.comment-content table,
.entry-content table {
  border-top: 1px solid #EFEFEF;
  margin: 2em 0;
}
.comment-content table thead td,
.entry-content table thead td {
  font-weight: bold;
  background: #fcfcfc;
}
.comment-content table tr td, .comment-content table th td,
.entry-content table tr td,
.entry-content table th td {
  border-bottom: 1px solid #EFEFEF;
  padding: .7em .7em .65em;
  font-size: .9em;
  line-height: 1.4;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1em 1.3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1em 1em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
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 */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  background: #725025;
  box-shadow: 0 3px 0 #251a0c;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: lighter;
  padding: 12px 25px 10px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #bf863e;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: #986b32;
  outline: 0;
}

/**
* Desktop Adjustment
*/
@media screen and (min-width: 960px) {
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  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"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 2px #fafafa;
  padding: 7px 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  outline: 0;
  border-color: #725025;
}

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

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #725025;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #bf863e;
  text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  background: #FDFDFD;
  border-top: 1px solid #EFEFEF;
}
.main-navigation.toggled {
  border-bottom: 1px solid #EFEFEF;
}
.main-navigation .nav-menu {
  display: none;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  display: none;
}
.main-navigation ul ul li {
  padding-left: 30px;
}
.main-navigation ul ul li:last-child a {
  border-bottom: 1px dashed #EFEFEF;
}
.main-navigation ul ul li a {
  border-top: 1px dashed #EFEFEF;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 4px 15px;
  opacity: .8;
}
.main-navigation ul ul li ul {
  border-top: 1px dashed #EFEFEF;
}
.main-navigation ul ul li ul li:first-child a {
  border-top: 0;
}
.main-navigation ul ul li ul li:last-child a {
  border-bottom: 0;
}
.main-navigation ul ul a {
  display: block;
}
.main-navigation ul li:hover > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  padding: 7px 15px;
  color: #2d1f0f;
  font-size: 16px;
  font-size: 1.6rem;
}

/* Small menu */
.menu-toggle,
.main-navigation.toggled .nav-menu {
  display: block;
}
.menu-toggle ul,
.main-navigation.toggled .nav-menu ul {
  display: block;
}

/**
* Older / Newer navigation
*/
.paging-navigation {
  text-align: center;
  padding: 40px 10px;
}
.paging-navigation a {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #725025;
  padding: 7px 40px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.paging-navigation a:hover {
  text-decoration: none;
  border-color: #bf863e;
}

/**
* Desktop Adjustment
*/
@media screen and (min-width: 960px) {
  #site-navigation.main-navigation {
    border-top: none;
  }
  #site-navigation.main-navigation.toggled {
    border-top: 1px solid #EFEFEF;
  }

  .not-touch-device #site-navigation {
    float: right;
    width: auto;
    margin-top: 6px;
    background: transparent;
  }
  .not-touch-device #site-navigation .menu-toggle {
    display: none;
  }
  .not-touch-device #site-navigation.main-navigation {
    display: block;
    clear: none;
  }
  .not-touch-device #site-navigation.main-navigation .nav-menu {
    display: block;
  }
  .not-touch-device #site-navigation.main-navigation ul {
    position: relative;
    /**
    * Hover state
    */
  }
  .not-touch-device #site-navigation.main-navigation ul li {
    display: inline-block;
  }
  .not-touch-device #site-navigation.main-navigation ul li.menu-item-has-children > a {
    position: relative;
    padding-right: 20px;
  }
  .not-touch-device #site-navigation.main-navigation ul li.menu-item-has-children > a:after {
    content: "\f347";
    font-family: dashicons;
    font-size: 16px;
    position: absolute;
    top: 9px;
    right: 0;
  }
  .not-touch-device #site-navigation.main-navigation ul li a {
    padding-bottom: 11px;
  }
  .not-touch-device #site-navigation.main-navigation ul li a:hover {
    text-decoration: underline;
  }
  .not-touch-device #site-navigation.main-navigation ul li li.menu-item-has-children > a:after {
    content: "\f345";
    top: 5px;
    right: 5px;
  }
  .not-touch-device #site-navigation.main-navigation ul li li a {
    padding-bottom: 4px;
  }
  .not-touch-device #site-navigation.main-navigation ul li li a:hover {
    background: #fafafa;
    text-decoration: none;
  }
  .not-touch-device #site-navigation.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 46px;
    left: -1px;
    background: white;
    z-index: 30;
    width: 180px;
    border: 1px solid #EFEFEF;
  }
  .not-touch-device #site-navigation.main-navigation ul ul li a,
  .not-touch-device #site-navigation.main-navigation ul ul li:first-child a,
  .not-touch-device #site-navigation.main-navigation ul ul li:last-child a {
    border-top: none;
    border-bottom: none;
  }
  .not-touch-device #site-navigation.main-navigation ul ul li {
    padding-left: 0;
    display: block;
    border-bottom: 1px solid #EFEFEF;
  }
  .not-touch-device #site-navigation.main-navigation ul ul li:last-child {
    border-bottom: none;
  }
  .not-touch-device #site-navigation.main-navigation ul ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    opacity: 1;
  }
  .not-touch-device #site-navigation.main-navigation ul ul li ul {
    border-top: 1px solid #EFEFEF;
    display: none;
  }
  .not-touch-device #site-navigation.main-navigation ul li.hovered > ul {
    display: block;
  }
  .not-touch-device #site-navigation.main-navigation ul li.hovered > ul li.hovered > ul {
    top: -1px;
    left: 178px;
  }
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #5F5E5E;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.entry-meta:before,
.entry-meta:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
#secondary {
  border-top: 1px solid #EFEFEF;
  background: #fffefd;
}

.widget {
  padding: 15px;
  border-bottom: 1px solid #EFEFEF;
  font-size: 14px;
  font-size: 1.4rem;
  /* Make sure select elements fit in widgets */
}
.widget select {
  max-width: 100%;
}
.widget ul, .widget ol {
  margin-left: 0;
}
.widget li {
  list-style: none;
  margin-bottom: 3px;
}
.widget li li {
  padding-left: 2em;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
}
.widget a {
  color: #ababab;
}

.widgettitle,
.widget-title {
  font-size: 19px;
  font-size: 1.9rem;
  color: #2d1f0f;
  font-weight: lighter;
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
  .widgettitle,
  .widget-title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

/* Search widget */
.widget_search .search-form {
  position: relative;
  padding-right: 105px;
}
.widget_search .search-field {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.widget_search .search-submit {
  margin-left: 5px;
  position: absolute;
  top: 0;
  right: 0;
}

/* RSS Widget */
.widget_rss li {
  margin-bottom: 20px;
}
.widget_rss li .rsswidget {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  color: #2d1f0f;
}
.widget_rss li .rss-date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ababab;
}

/* Jetpack Subscription Widget */
.jetpack_subscription_widget #subscribe-email input {
  padding: 7px 10px;
  margin-bottom: 10px;
}
.jetpack_subscription_widget #subscribe-text {
  line-height: 1.4;
  margin-bottom: 15px;
  color: #ababab;
}

/* Jetpack Gravatar Profile */
.widget-grofile .grofile-meta h4 {
  font-weight: bold;
}

/* Jetpack contact info widget */
.widget_contact_info .confit-address {
  margin-top: 10px;
}

/**
* Tablet adjustment
*/
@media screen and (min-width: 760px) {
  #secondary {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .widget {
    padding: 20px 33px;
  }
}
/**
* Desktop adjustment
*/
@media screen and (min-width: 960px) {
  #secondary {
    border-top: none;
    background: none !important;
  }

  .widget {
    border-bottom: none;
    padding-right: 0;
    padding-left: 0;
  }

  .widget-title {
    margin-bottom: 5px;
  }
}
/*--------------------------------------------------------------
10.0 Header
--------------------------------------------------------------*/
body {
  border-top: 5px solid #F2E6D7;
  background: white;
}

#masthead {
  background: white;
}
#masthead .site-title {
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  padding: 17px 15px 17px;
}
#masthead .site-title a {
  color: #2d1f0f;
  text-decoration: none;
  line-height: 1;
  content: "";
  display: table;
}
#masthead .site-logo-link {
  float: left;
  margin: 15px 15px 13px;
  line-height: 1;
}

.has-site-logo #masthead .site-title {
  display: none;
}

#site-navigation {
  position: relative;
}
#site-navigation .menu-toggle {
  width: 32px;
  height: 32px;
  border: none;
  font-size: 32px;
  font-size: 3.2rem;
  padding: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  position: absolute;
  top: -40px;
  right: 15px;
  overflow: hidden;
  background: white;
  color: #2d1f0f;
}

.page-header {
  position: relative;
  text-align: center;
  padding: 90px 15px 100px;
  border-bottom: 1px solid #EFEFEF;
}
.page-header .background {
  background: #F2E6D7;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.page-header .background:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */
}
.page-header .page-title,
.page-header .page-description {
  position: relative;
  z-index: 20;
  color: white;
  text-shadow: 0 1px 2px #333;
}
.page-header .page-title a,
.page-header .page-description a {
  color: white;
}
.page-header .page-title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 900;
}
.page-header .page-description {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: lighter;
}
.page-header.no-background-image .background {
  opacity: .3;
}
.page-header.no-background-image .background:before {
  display: none;
}
.page-header.no-background-image .page-title,
.page-header.no-background-image .page-description {
  color: #2d1f0f;
  text-shadow: none;
}
.page-header.no-background-image .page-title a,
.page-header.no-background-image .page-description a {
  color: #2d1f0f;
}

.home .page-header {
  border: none;
}

/**
* Tablet adjustment
*/
@media screen and (min-width: 760px) {
  .page-header {
    padding: 100px 10px;
  }
  .page-header .page-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .page-header .page-description {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/**
* Desktop Adjustment
*/
@media screen and (min-width: 960px) {
  #masthead {
    border-bottom: 1px solid #EFEFEF;
  }

  .site-branding {
    float: left;
  }

  .page-header {
    padding: 200px 10px;
  }
  .page-header .page-title {
    font-size: 42px;
    font-size: 4.2rem;
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
  .page-header .page-description {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}
/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
  overflow: hidden;
}
.hentry.format-aside {
  background: #FAFAFA;
}
.hentry.format-aside .entry-featured-image.as-background {
  display: none;
}
.hentry .entry-featured-image.as-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 10;
}
.hentry .entry-featured-image.as-background:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: white;
  opacity: .9;
}
.hentry .entry-featured-image.as-background img {
  width: 100%;
}
.hentry .entry-header {
  position: relative;
  z-index: 20;
}
.hentry .entry-header .entry-meta {
  font-size: 11px;
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 760px) {
  .hentry .entry-header .entry-meta {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 960px) {
  .hentry .entry-header .entry-meta {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.hentry .entry-header .entry-meta a {
  font-weight: bold;
  text-decoration: none;
}
.hentry .entry-header .entry-meta a:hover {
  text-decoration: underline;
}
.hentry .entry-header .entry-meta .edit-link {
  float: right;
}
.hentry .entry-header .edit-link {
  display: inline-block;
}
.hentry .entry-header .edit-link a {
  border: 1px solid #725025;
  color: #725025;
  padding: 2px 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
}
.hentry .entry-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 900;
  color: #2d1f0f;
}
@media screen and (min-width: 960px) {
  .hentry .entry-title {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.hentry .entry-title a {
  color: #2d1f0f;
  text-decoration: none;
}
.hentry .entry-title a:hover {
  text-decoration: underline;
}
.hentry .entry-subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: lighter;
  color: #ababab;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.3;
}
@media screen and (min-width: 960px) {
  .hentry .entry-subtitle {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.hentry .entry-subtitle a {
  color: #ababab;
}
.hentry .entry-content {
  position: relative;
  z-index: 20;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
  .hentry .entry-content {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.hentry .entry-footer {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (min-width: 760px) {
  .hentry .entry-footer {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.hentry .entry-footer .entry-meta {
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.hentry .entry-footer .entry-meta a {
  font-weight: lighter;
  text-decoration: none;
  color: #AFAFAF;
}
.hentry .entry-footer .entry-meta a:hover {
  text-decoration: underline;
}
.hentry .entry-footer .posted-on {
  display: block;
  font-weight: bold;
  margin: 0 -15px -2px;
  padding: 10px 15px 0;
  letter-spacing: 1px;
  font-size: 11px;
  font-size: 1.1rem;
}
.hentry .tags-links {
  display: block;
  border-top: 1px solid #EFEFEF;
  margin: 10px -15px 0;
  padding: 10px 15px 0;
}
.hentry .tags-links .section-title {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.hentry .tags-links a {
  color: #725025;
  border: 1px solid #725025;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 1px 2px 0;
  display: inline-block;
  line-height: 1;
}
.hentry input[type="radio"],
.hentry input[type="checkbox"] {
  margin-right: 5px;
}
.hentry .post-password-form {
  display: block;
  border: 1px solid #EFEFEF;
  padding: 15px 20px 10px;
  background: #fffefd;
  box-shadow: inset 0 0 10px #fcf9f6;
  line-height: 1.4;
}
.hentry .post-password-form label {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.hentry .post-password-form input[type="password"] {
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
  width: 100%;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.post-navigation {
  background: #fffefd;
  box-shadow: inset 0 0 10px #fcf9f6;
}
.post-navigation .nav {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}
.post-navigation .nav a {
  display: block;
  padding: 15px;
  color: #ababab;
  border-bottom: 1px solid #EFEFEF;
}
.post-navigation .nav .meta-label {
  display: block;
  color: #5F5E5E;
  font-weight: 900;
}

/**	
* Single template styling
*/
.single .entry-featured-image img,
.page .entry-featured-image img {
  width: 100%;
}
.single .hentry .entry-title,
.page .hentry .entry-title {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (min-width: 960px) {
  .single .hentry .entry-title,
  .page .hentry .entry-title {
    font-size: 34px;
    font-size: 3.4rem;
  }
}
@media screen and (min-width: 960px) {
  .single .hentry .entry-subtitle,
  .page .hentry .entry-subtitle {
    font-size: 20px;
    font-size: 2rem;
  }
}
.single .hentry .entry-content,
.page .hentry .entry-content {
  margin-top: 0;
}
.single .hentry .entry-content a,
.page .hentry .entry-content a {
  text-decoration: underline;
}
.single .hentry .entry-content sup a,
.page .hentry .entry-content sup a {
  text-decoration: none;
}
@media screen and (min-width: 760px) {
  .single .hentry .entry-content .footnotes li,
  .page .hentry .entry-content .footnotes li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 960px) {
  .single .hentry .entry-content .footnotes li,
  .page .hentry .entry-content .footnotes li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.single .hentry .entry-content .footnotes .backlink,
.page .hentry .entry-content .footnotes .backlink {
  text-decoration: none;
}

/**
* Page styling
*/
.page .entry-header .edit-link {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

/**
* Error 404 styling
*/
.error404 #primary {
  text-align: center;
}
.error404 #primary .search-form {
  padding: 15px 15px 16px;
  border-bottom: 1px solid #EFEFEF;
}
.error404 #primary .search-form .search-field {
  padding: 5px 10px;
  margin-bottom: -2px;
  vertical-align: top;
}
.error404 #primary .search-form .search-submit {
  vertical-align: top;
}

/**
* Tablet adjustment
*/
@media screen and (min-width: 760px) {
  .entry-featured-image {
    height: 400px;
    overflow-y: hidden;
  }

  .hentry {
    padding: 20px 33px;
  }
  .hentry .entry-footer .posted-on,
  .hentry .tags-links {
    margin: 10px -33px 0;
    padding: 10px 33px 0;
  }

  .post-navigation {
    position: relative;
    border-bottom: 1px solid #EFEFEF;
  }
  .post-navigation:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    content: '';
    width: 1px;
    background: #EFEFEF;
  }
  .post-navigation .nav {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .post-navigation .nav a {
    padding: 20px 33px;
    border-bottom: none;
  }
  .post-navigation .nav-next {
    text-align: right;
  }

  /**
  * Error 404 styling
  */
  .error404 #primary .search-form {
    padding: 15px 30px 16px;
    text-align: center;
  }
  .error404 #primary .search-form .search-field {
    padding: 5px 10px;
    vertical-align: top;
    width: 400px;
    margin-right: 10px;
  }
  .error404 #primary .search-form .search-submit {
    vertical-align: top;
  }
}
/**
* Desktop Adjustment
*/
@media screen and (min-width: 960px) {
  .hentry {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .single .hentry,
  .page .hentry {
    padding-top: 30px;
  }
  .single .hentry .entry-subtitle,
  .page .hentry .entry-subtitle {
    margin-top: 8px;
  }

  .post-navigation {
    border-left: 1px solid #EFEFEF;
  }

  /**
  * Error 404 styling
  */
  .error404 #content:before {
    display: none;
  }
  .error404 #primary {
    float: none;
    display: block;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
  }
  .error404 #primary .search-form {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: none;
  }
}
/*--------------------------------------------------------------
11.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
11.3 Comments
--------------------------------------------------------------*/
.comments-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-size: 20px;
  font-size: 2rem;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 900;
  color: #2d1f0f;
  padding: 30px 15px;
  line-height: 1.2;
}

#comments .no-comments {
  background: #fffefd;
  box-shadow: inset 0 0 10px #fcf9f6;
  border: 1px solid #EFEFEF;
  padding: 12px 20px 13px;
  line-height: 1;
  margin: 20px;
  color: #9f9e9e;
}

.comment-list {
  margin: 0;
  border-bottom: 1px solid #EFEFEF;
}
.comment-list .children {
  margin: 0 0 0 37px;
}
.comment-list li {
  list-style: none;
}

.comment-body {
  position: relative;
  padding: 0 15px 20px 79px;
}
.comment-body .avatar {
  width: 37px;
  position: absolute;
  top: 0;
  left: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.comment-body .comment-identity {
  line-height: 1.3;
  display: block;
  margin-bottom: 10px;
}
.comment-body .comment-meta,
.comment-body .comment-author {
  display: inline;
}
.comment-body .comment-author cite {
  font-style: normal;
  font-weight: 900;
  color: #5F5E5E;
}
.comment-body .comment-author cite a {
  color: #2d1f0f;
}
.comment-body .comment-meta {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: lighter;
}
.comment-body .comment-meta a {
  color: #ababab;
}

.pingback > .comment-body,
.trackback > .comment-body {
  padding-left: 15px;
}

#comment {
  margin-bottom: 18px;
}

#cancel-comment-reply-link,
.comment-reply-link {
  border: 1px solid #ababab;
  color: #ababab;
  padding: 3px 15px;
  line-height: 1;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
}
@media screen and (min-width: 960px) {
  #cancel-comment-reply-link,
  .comment-reply-link {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#cancel-comment-reply-link:hover,
.comment-reply-link:hover {
  text-decoration: none;
  border-color: #725025;
  color: #725025;
}
#cancel-comment-reply-link:active,
.comment-reply-link:active {
  border-color: #986b32;
}

.comment-content a {
  word-wrap: break-word;
  text-decoration: underline;
}

.bypostauthor {
  display: block;
}

#reply-title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #2d1f0f;
  font-weight: 900;
  margin-bottom: 20px;
  position: relative;
  padding-right: 90px;
  line-height: 1.2;
}
@media screen and (min-width: 760px) {
  #reply-title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  #reply-title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

#cancel-comment-reply-link {
  position: absolute;
  top: -1px;
  right: 0;
  padding: 4px 10px 5px;
}
@media screen and (min-width: 960px) {
  #cancel-comment-reply-link {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#cancel-comment-reply-link:hover {
  color: #725025;
}

#respond {
  padding: 15px;
  margin-bottom: 8px;
}
#respond label {
  display: block;
  padding: 0 0 4px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
  margin-bottom: 10px;
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
  width: 100%;
}
#respond .form-submit {
  margin-bottom: 30px;
}

/**
* Tablet adjustment
*/
@media screen and (min-width: 760px) {
  .comments-title {
    padding: 30px 33px;
  }

  .comment-body {
    padding: 0 33px 40px 124px;
  }
  .comment-body .avatar {
    left: 33px;
    width: 60px;
  }

  .pingback > .comment-body,
  .trackback > .comment-body {
    padding-left: 33px;
  }

  .comment-list .children {
    margin-left: 90px;
  }

  #cancel-comment-reply-link,
  .comment-reply-link {
    font-size: 13px;
    font-size: 1.3rem;
  }

  #respond {
    padding: 30px 33px;
  }

  .reply {
    padding-top: 15px;
  }
}
/**
* Desktop Adjustment
*/
@media screen and (min-width: 960px) {
  #respond .comment-form-author,
  #respond .comment-form-email,
  #respond .comment-form-url {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin-right: 1.4%;
  }
  #respond .comment-form-url {
    margin-right: 0;
  }
}
/*--------------------------------------------------------------
11.4 Desktop Adjustment
--------------------------------------------------------------*/
/**
* Desktop adjustment
*/
@media screen and (min-width: 960px) {
  .wrap {
    display: block;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }

  #content {
    position: relative;
  }
  #content:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 670px;
    width: 1px;
    background: #EFEFEF;
  }

  #primary {
    float: left;
    width: 670px;
  }

  .single-jetpack-portfolio #content:before,
  .page-template-temp-one-column-page #content:before {
    display: none;
  }
  .single-jetpack-portfolio #primary,
  .page-template-temp-one-column-page #primary {
    float: none;
    display: block;
    width: 740px;
    margin-right: auto;
    margin-left: auto;
  }

  #secondary {
    float: left;
    width: 250px;
    margin-left: 40px;
  }
}
/*--------------------------------------------------------------
12.0 Content
--------------------------------------------------------------*/
#colophon {
  padding: 10px 15px;
  color: #ababab;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
#colophon a {
  color: #ababab;
}

/**
* Desktop Adjustment
*/
@media screen and (min-width: 960px) {
  #colophon {
    border-top: 1px solid #EFEFEF;
  }
}
/*--------------------------------------------------------------
13.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
14.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

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

/*--------------------------------------------------------------
14.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
  font-size: .75em;
  line-height: 1.4;
  color: #ababab;
}

/*--------------------------------------------------------------
14.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item figcaption {
  padding-bottom: 1.5em;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
15.0 Plugins
--------------------------------------------------------------*/
.entry-content hr.footnotes {
  display: none;
}
.entry-content ol.footnotes {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ababab;
  position: relative;
  margin-top: 3em;
  padding-top: 3em;
}
.entry-content ol.footnotes:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 65%;
  height: 1px;
  background: #EFEFEF;
}
.entry-content ol.footnotes li p:last-child {
  margin-bottom: 0;
}

/**
* Infinite Scroll
*/
@media screen and (min-width: 960px) {
  #infinite-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: white;
    z-index: 20;
  }
  #infinite-footer .container {
    border: none;
    margin: 0 auto;
    width: 960px !important;
  }
}
/**
* Infinite Scroll on Jetpack portfolio page
*/
.infinite-scroll.tax-jetpack-portfolio-type .jetpack-portfolio .entry-content, .infinite-scroll.post-type-archive-jetpack-portfolio .jetpack-portfolio .entry-content {
  display: none;
}

/**
* Contact Form
*/
.contact-form .grunion-radio-label.radio,
.contact-form .grunion-field-label.checkbox {
  font-weight: normal;
}

.contact-submit {
  margin-top: 30px;
}

/**
* Portfolio post type
*/
.tax-jetpack-portfolio-tag .hentry .entry-featured-image.as-background,
.tax-jetpack-portfolio-type .hentry .entry-featured-image.as-background,
.post-type-archive-jetpack-portfolio .hentry .entry-featured-image.as-background {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  height: auto;
  margin-bottom: 10px;
  padding: 20px 20px 0;
  background: #EFEFEF;
  line-height: .7;
}
.tax-jetpack-portfolio-tag .hentry .entry-featured-image.as-background:before,
.tax-jetpack-portfolio-type .hentry .entry-featured-image.as-background:before,
.post-type-archive-jetpack-portfolio .hentry .entry-featured-image.as-background:before {
  display: none;
}
.tax-jetpack-portfolio-tag .hentry .entry-featured-image.as-background img,
.tax-jetpack-portfolio-type .hentry .entry-featured-image.as-background img,
.post-type-archive-jetpack-portfolio .hentry .entry-featured-image.as-background img {
  box-shadow: 0 0 6px #afafaf;
}

.single-jetpack-portfolio .entry-title {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin: 50px 10px 0;
  color: #2d1f0f;
  line-height: 1.2;
}
.single-jetpack-portfolio .entry-subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: lighter;
  color: #2d1f0f;
  margin: 0 10px 30px;
  text-align: center;
}
.single-jetpack-portfolio .entry-subtitle a {
  color: #2d1f0f;
}
.single-jetpack-portfolio .entry-featured-image {
  margin: 20px 0 0;
  height: auto;
}
.single-jetpack-portfolio .entry-featured-image img {
  box-shadow: 0 0 5px #afafaf;
}

@media screen and (min-width: 760px) {
  .tax-jetpack-portfolio-tag .hentry,
  .tax-jetpack-portfolio-type .hentry,
  .post-type-archive-jetpack-portfolio .hentry {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
    border-bottom: none;
    padding: 33px;
  }
  .tax-jetpack-portfolio-tag .hentry .entry-featured-image.as-background,
  .tax-jetpack-portfolio-type .hentry .entry-featured-image.as-background,
  .post-type-archive-jetpack-portfolio .hentry .entry-featured-image.as-background {
    max-height: 300px;
  }

  .single-jetpack-portfolio .entry-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 960px) {
  .tax-jetpack-portfolio-tag #content:before,
  .tax-jetpack-portfolio-type #content:before,
  .post-type-archive-jetpack-portfolio #content:before {
    display: none;
  }
  .tax-jetpack-portfolio-tag #primary,
  .tax-jetpack-portfolio-type #primary,
  .post-type-archive-jetpack-portfolio #primary {
    width: 960px;
  }

  .single-jetpack-portfolio .entry-title {
    font-size: 42px;
    font-size: 4.2rem;
    margin-top: 150px;
  }
  .single-jetpack-portfolio .entry-subtitle {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 90px;
  }
}