/*
Theme Name: Merch
Theme URI: http://demo.rescuethemes.com/merch/
Author: Rescue Themes
Author URI: https://rescuethemes.com
Description: Merch is a clean, fast, and stylish ecommerce template for WooCommerce.
Version: 1.6.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: merch
Tags: light, white, responsive-layout, featured-images, theme-options, custom-colors, threaded-comments, translation-ready, full-width-template, sticky-post, custom-header, custom-background

Merch WordPress Theme, Copyright 2014-2015 Rescue Themes
Merch is distributed under the terms of the GNU GPL

Merch is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Elements
2.0 Header
	2.1 Logo
	2.2 Navigation
	2.3 Sticky Nav
3.0 Slideout Sidebar
4.0 Accessibility
5.0 Alignments
6.0 Widgets
	6.1 Default Widgets
7.0 Home
8.0 Blog
	8.1 List Display
	8.2 Single Post
9.0 Content
	9.1 Comments
	9.2 Navigation
	9.3 Page
	9.4 Error 404
	9.5 Archive
	9.6 Search
	9.7 Content None
10.0 Post Formats
	10.1 Gallery
	10.2 Image
	10.3 Quote
11.0 Footer
12.0 Jetpack
	12.1 Infinite Posts
	12.2 Sharing
	12.3 Related Posts
	12.4 Contact
13.0 Media
	13.1 Captions
	13.2 Galleries

/*--------------------------------------------------------------
1.0 Elements
--------------------------------------------------------------*/
p {
  color: #888f9e;
  font-weight: 300;
}

a {
  font-weight: normal;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

html, body {
  height: 100%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #616671;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  height: 3.250rem;
}

html input[type="button"], input[type="reset"], input[type="submit"] {
  background-clip: padding-box;
  background-color: #888f9e;
  border: medium none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  font-size: 0.8125rem;
  font-style: italic;
  padding: 0.45em 1.6em;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background-color: #70788a;
}

input[type="text"], input[type="password"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
header#masthead {
  padding: 1em 0;
  background-color: #565E70;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  header#masthead {
    padding-bottom: 3.5em;
  }
}

.page-template-template-home header#masthead {
  background: rgba(255, 255, 255, 0);
}

/*--------------------------------------------------------------
2.1 Logo
--------------------------------------------------------------*/
.site-branding {
  float: left;
  display: inline-block;
}
@media only screen and (max-width: 40em) {
  .site-branding {
    float: none;
    text-align: center;
    display: inline;
  }
}
.site-branding h1 {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}
.site-branding h1 a {
  color: #FFFFFF;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.site-branding h1 a:hover {
  color: #8bd0dd;
}
.site-branding .site-description {
  font-family: "Open Sans", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  color: #FFFFFF;
}

/*--------------------------------------------------------------
2.2 Navigation
--------------------------------------------------------------*/
.top-bar, .top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area {
  background: none;
}

.top-bar {
  display: inline-block;
  float: right;
}
@media only screen and (max-width: 40em) {
  .top-bar {
    display: block;
    float: none;
  }
}
.top-bar .toggle-topbar.menu-icon a {
  color: #FAFAFA;
}
.top-bar.expanded .toggle-topbar a {
  color: #8bd0dd;
}

.top-bar-section .dropdown li.title h5 {
  font-size: 0.75rem;
  font-style: italic;
}
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section ul li.has-dropdown:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a.menu-item-has-children:hover:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
  background: #4a5160;
  color: #fff;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  /* mobile */
}
@media only screen and (max-width: 40em) {
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: none;
  }
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
  /* mobile */
}
@media only screen and (max-width: 40em) {
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
    background: rgba(255, 255, 255, 0.2);
  }
}
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section ul li.has-dropdown:not(.has-form) > a {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section ul li.has-dropdown:hover:not(.has-form) > a {
  border-top: 1px solid #ffffff;
}
.top-bar-section ul li.has-dropdown:hover:not(.has-form) > a {
  /* mobile */
}
@media only screen and (max-width: 40em) {
  .top-bar-section ul li.has-dropdown:hover:not(.has-form) > a {
    border-top: 1px solid #ffffff;
    background: rgba(255, 255, 255, 0.2);
  }
}
.top-bar-section ul li.has-dropdown.moved:hover:not(.has-form) > a {
  background: none;
  border-top: none;
}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
  /* mobile */
}
@media only screen and (max-width: 40em) {
  .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
  border-top: none;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  /* mobile */
}
@media only screen and (max-width: 40em) {
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    border-top: 1px solid rgba(255, 255, 255, 0);
  }
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
  /* mobile */
}
@media only screen and (max-width: 40em) {
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
    border-top: 1px solid #ffffff;
  }
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section ul li.has-dropdown:not(.has-form) > a:hover {
  color: #CCCCCC;
}

.page-template-template-home .top-bar-section li:not(.has-form) a:hover:not(.button),
.page-template-template-home .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.page-template-template-home .top-bar-section ul li:hover:not(.has-form) > a,
.page-template-template-home .top-bar-section ul li.has-dropdown:hover:not(.has-form) > a,
.page-template-template-home .top-bar-section li.active:not(.has-form) a.menu-item-has-children:hover:not(.button),
.page-template-template-home .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.page-template-template-home .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {
  background: rgba(255, 255, 255, 0.4);
}
.page-template-template-home .top-bar-section li.active:not(.has-form) a:not(.button) {
  background: none;
}

.page-template-template-home .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button), .page-template-template-home .top-bar-section li.active:not(.has-form) a:hover:not(.button), .page-template-template-home .top-bar-section li:not(.has-form) a:hover:not(.button),
.page-template-template-home .top-bar-section ul li.has-dropdown:not(.has-form) > a:hover {
  color: #FFFFFF;
}

/*--------------------------------------------------------------
2.3 Sticky Nav
--------------------------------------------------------------*/
header#masthead {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
header#masthead .site-branding {
  padding-left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
header#masthead.stickify {
  position: fixed;
  font-size: 12px;
  line-height: 48px;
  width: 100%;
  z-index: 100;
}
header#masthead.stickify .site-branding {
  padding-left: 20px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*--------------------------------------------------------------
3.0 Slideout Sidebar
--------------------------------------------------------------*/
#wrapper {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

section.toggle {
  text-align: center;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.6);
}

nav.sidebar-menu {
  position: fixed;
  z-index: 20;
  background-color: #333333;
  color: #616671;
  overflow: scroll;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
nav.sidebar-menu aside {
  padding: 0.5em 2em;
}

nav.slide-menu-right {
  top: 0;
  width: 325px;
  height: 100%;
  right: -325px;
  z-index: 100;
}
nav.slide-menu-right button.close-menu {
  font-family: "Quicksand", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
  padding: 10px 20px;
  color: #FFFFFF;
  background-color: #444444;
  font-size: 1rem;
  font-weight: 600;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
nav.slide-menu-right button.close-menu:hover {
  color: #888f9e;
}

body.smr-open nav.slide-menu-right {
  right: 0;
}

.sidebar-button {
  float: right;
}
@media only screen and (max-width: 40em) {
  .sidebar-button {
    bottom: 2.5em;
    float: left;
    position: relative;
  }
}
.sidebar-button button i {
  font-size: 1.5rem;
}

.top-bar-section .sidebar-button ul li > button {
  color: black;
  background: none;
  top: 0.35em;
  padding-right: 0;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.top-bar-section .sidebar-button ul li > button:hover {
  background: none;
  color: #FFFFFF;
}
@media only screen and (max-width: 40em) {
  .top-bar-section .sidebar-button ul li > button {
    top: 0.1em;
  }
}

.top-bar .sidebar-button button {
  top: 0.2rem;
}

.sidebar-menu .widget-area {
  margin: 2em 0 0 0;
}

/*--------------------------------------------------------------
4.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: #21759b;
  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 */
}

/*--------------------------------------------------------------
5.0 Alignments
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
6.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}

h2.widget-title {
  margin-bottom: 1em;
  font-size: 1.125rem;
  color: #FFFFFF;
}

/*--------------------------------------------------------------
6.1 Default Widgets
--------------------------------------------------------------*/
/* Category & Archive Lists */
.widget_categories, .widget_archive {
  /* Category & Archives Dropdown */
}
.widget_categories ul, .widget_archive ul {
  list-style-type: none;
  margin-left: 0;
}
.widget_categories ul li, .widget_archive ul li {
  padding: 0.15em;
  color: #444b59;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.widget_categories ul li:hover, .widget_archive ul li:hover {
  color: #FFFFFF;
}
.widget_categories ul li a, .widget_archive ul li a {
  padding-right: 0.5em;
}
.widget_categories select, .widget_archive select {
  border-color: #FFFFFF;
  color: #888888;
  -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  background: #F5F5F5;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3;
}
.widget_categories select option, .widget_archive select option {
  padding: 0.25em 1em;
}

/* RSS */
.widget_rss ul {
  list-style: none;
  padding-left: 0;
}
.widget_rss li {
  margin-bottom: 2em;
}
.widget_rss li:hover {
  left: 0;
}
.widget_rss li a.rsswidget {
  font-weight: 600;
  margin-bottom: 1em;
  display: block;
}
.widget_rss li span.rss-date {
  font-size: 0.8em;
  margin-bottom: 1em;
  display: block;
}
.widget_rss li div.rssSummary {
  margin-bottom: 1em;
}

/* Calendar */
#wp-calendar caption {
  text-align: center;
  color: #888f9e;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}
#wp-calendar thead {
  font-size: 10px;
}
#wp-calendar thead th {
  padding-bottom: 10px;
}
#wp-calendar tbody {
  color: #AAAAAA;
}
#wp-calendar tbody td {
  background: #333333;
  text-align: center;
  padding: 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#wp-calendar tbody td a {
  color: #FFFFFF;
}
#wp-calendar tbody td:hover {
  color: #555555;
  background: #FFFFFF;
}
#wp-calendar tbody td:hover > a {
  color: #555555;
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tbody .pad:hover {
  background: none;
}
#wp-calendar tfoot #next, #wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
}
#wp-calendar tfoot #next {
  text-align: right;
}
#wp-calendar tfoot #prev {
  padding-top: 10px;
}

/* Pages */
aside.widget_pages ul {
  list-style: none;
  margin-left: 0;
}
aside.widget_pages li .current_page_item a {
  color: #F5F5F5;
}
aside.widget_pages li ul.children {
  margin-left: 1em;
}

/* Meta */
aside.widget_meta ul {
  list-style: none;
  margin-left: 0;
}
aside.widget_meta ul abbr {
  color: #ffab58;
  border-bottom: none;
  font-size: 70%;
}

/* Recent Comments */
aside.widget_recent_comments ul {
  list-style: none;
  margin-left: 0;
}
aside.widget_recent_comments ul li {
  margin-bottom: 0.75em;
  line-height: 1.2;
}
aside.widget_recent_comments .comment-author-link a {
  font-style: italic;
  font-size: 14px;
  color: #616671;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
aside.widget_recent_comments .comment-author-link a:hover {
  color: #F5F5F5;
}

/* Recent Posts */
aside.widget_recent_entries ul {
  list-style: none;
  margin-left: 0;
}

/* RSS */
aside.widget_rss ul {
  margin-left: 0;
}
aside.widget_rss .rsswidget {
  color: #FFFFFF;
}

/* Search */
aside.widget_search .search-submit {
  display: none;
}
aside.widget_search input {
  background: #616671;
  border: none;
  box-shadow: none;
  color: #EFEFEF;
  font-style: italic;
  font-size: 0.75rem;
  height: 2.3125rem;
  padding: 0.5rem 0.9rem;
  vertical-align: baseline;
  width: 100%;
  margin: 0;
}
aside.widget_search input:focus {
  border-color: #000000;
  background: #616671;
  -webkit-box-shadow: 0 0 4px #888888;
  -moz-box-shadow: 0 0 4px #888888;
  box-shadow: 0 0 4px #888888;
}

/* Text Widget */
aside.widget_text select {
  border-color: #FFFFFF;
  color: #888888;
  -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  background: #F5F5F5;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3;
}
aside.widget_text select option {
  padding: 0.25em 1em;
}

/* Nav Menu */
aside.widget_nav_menu ul {
  list-style: none;
  margin-left: 0;
}
aside.widget_nav_menu ul.sub-menu {
  margin-left: 1rem;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  aside.widget_nav_menu ul.sub-menu {
    margin-bottom: 2em;
  }
}
aside.widget_nav_menu li .current_page_item a {
  color: #F5F5F5;
}
aside.widget_nav_menu li ul.children {
  margin-left: 1em;
}

/* Tags */
aside.widget_tag_cloud:after {
  clear: both;
}
aside.widget_tag_cloud:before, aside.widget_tag_cloud:after {
  content: " ";
  display: table;
}
aside.widget_tag_cloud a {
  border-radius: 0;
  color: #FFFFFF;
  float: left;
  font-size: 13px !important;
  margin: 0 0.25rem 0.25rem 0;
  padding: 0rem 0.4rem;
  background: #888f9e;
}
aside.widget_tag_cloud a:hover {
  background-color: #FFFFFF;
  color: #444b59;
}

/*--------------------------------------------------------------
7.0 Home
--------------------------------------------------------------*/
.home-content {
  margin-bottom: 5em;
}
.home-content span.spacer {
  display: block;
  height: 10em;
}
@media only screen and (max-width: 40em) {
  .home-content h1 {
    font-size: 2rem !important;
  }
}

.backstretch {
  position: relative;
  float: left;
  cursor: pointer;
}

.backstretch:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #616671;
  opacity: 0.2;
}

/*--------------------------------------------------------------
8.0 Blog
--------------------------------------------------------------*/
article.sticky .entry-content {
  background-clip: padding-box;
  background-color: #f7fbff;
  border-radius: 3px;
  padding: 4em;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0 0 1.5em 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.site-content .post {
  margin-bottom: 2.313em;
}

.header-widget-wrap {
  padding: 4em 0;
}
.header-widget-wrap .header-widget {
  margin: 1em 0 0 0;
}
@media only screen and (max-width: 40em) {
  .header-widget-wrap {
    text-align: center;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .header-widget-wrap {
    text-align: center;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .header-widget-wrap img {
    margin: 0 auto;
    display: table;
  }
}

/*--------------------------------------------------------------
8.1 List Display
--------------------------------------------------------------*/
.entry-content {
  min-height: 470px;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .entry-content {
    margin-top: 3em;
  }
}
.entry-content h1.entry-title {
  font-size: 1.875rem;
  margin-bottom: 1em;
}
@media only screen and (max-width: 40em) {
  .entry-content h1.entry-title {
    margin-top: 2em;
  }
}
.entry-content .more-link {
  display: block;
  color: #616671;
  font-style: italic;
  font-size: 0.8125rem;
  margin-top: 1.75em;
  font-weight: 600;
}

.blog .featured-image, .archive .featured-image {
  float: left;
  margin-right: 30px;
}
@media only screen and (max-width: 40em) {
  .blog .featured-image, .archive .featured-image {
    width: 100%;
    margin-top: 3em;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .blog .featured-image, .archive .featured-image {
    margin-top: 3em;
  }
}

.entry-meta-wrap {
  background-color: #ebedf0;
  padding: 2.188em 0.925em;
  min-height: 470px;
}
@media only screen and (max-width: 40em) {
  .entry-meta-wrap {
    min-height: 200px;
  }
}
.entry-meta-wrap .entry-date .day, .entry-meta-wrap .entry-date .month {
  text-align: center;
  color: #616671;
}
.entry-meta-wrap .entry-date .day {
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 1.2;
}
.entry-meta-wrap .entry-date .month {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
.entry-meta-wrap hr {
  border-color: #FFFFFF;
  margin: 2em 0;
}
.entry-meta-wrap span {
  display: block;
}
.entry-meta-wrap h5, .entry-meta-wrap a {
  font-size: 0.8125rem;
}
.entry-meta-wrap h5 {
  font-weight: 600;
}
.entry-meta-wrap a {
  font-weight: 400;
}
.entry-meta-wrap ul {
  list-style: none;
  margin-left: 0;
}
.entry-meta-wrap .entry-author, .entry-meta-wrap .entry-cats, .entry-meta-wrap .entry-tags, .entry-meta-wrap .entry-comments, .entry-meta-wrap .edit-link {
  text-align: center;
  margin-bottom: 1.875em;
}

/*--------------------------------------------------------------
8.2 Single Post
--------------------------------------------------------------*/
.single .header-widget-wrap {
  display: table;
  margin: 0 auto;
  padding: 2em 0;
}
.single .site-header {
  margin-bottom: 70px;
}
.single .featured-image {
  margin-bottom: 2em;
}
.single .site-content {
  padding-top: 3em;
}
.single .entry-content {
  border-bottom: 1px solid #ebedf0;
  padding-bottom: 2em;
}
.single .entry-content h1.entry-title {
  font-size: 2.250rem;
  text-align: center;
}
.single .flexslider {
  margin-bottom: 2em;
}

.entry-social-wrap {
  background-color: #ebedf0;
  padding: 2.188em 0.925em;
  min-height: 470px;
}
@media only screen and (max-width: 40em) {
  .entry-social-wrap {
    min-height: 200px;
  }
}

/*--------------------------------------------------------------
9.0 Content
--------------------------------------------------------------*/
.entry-content blockquote {
  font-style: italic;
  border-left: none;
  margin: 0;
  padding-left: 2em;
}
.entry-content blockquote p {
  font-size: 1.25rem;
}
.entry-content blockquote :before {
  font-family: "FontAwesome";
  font-size: 1.875rem;
  display: inline-block;
  content: '\f10d';
  position: relative;
  left: -0.65em;
}
.entry-content pre {
  background-color: #ebedf0;
  padding: 4em;
}

.entry-content table {
  width: 100%;
}
.entry-content table th {
  text-align: left;
  padding: 1em;
  background-color: #ebedf0;
}
.entry-content table td {
  padding: 1em;
}
.entry-content table tr.even {
  background-color: #f7f8f9;
}

/*--------------------------------------------------------------
9.1 Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area {
  background-color: #ebedf0;
  padding: 1em 5em;
  margin-bottom: 5em;
}
@media only screen and (max-width: 40em) {
  .comments-area {
    padding: 1em 1em;
  }
}
.comments-area h2.comments-title {
  font-size: 1.375rem;
  margin: 2em 0;
}
.comments-area ol {
  list-style: none;
  margin-left: 0;
}
.comments-area ol .children {
  margin-left: 80px;
  margin-top: 3em;
}
.comments-area hr {
  border-color: #FFFFFF;
  padding: 0 0 2em 0;
}
.comments-area hr:first-child {
  display: none;
}

.comment {
  margin-bottom: 2em;
}
.comment img.avatar {
  display: block;
  float: left;
  height: 32px;
  margin: 0 20px 0 0;
  width: 32px;
}
.comment .comment-meta-header {
  margin-bottom: 2em;
}
.comment .comment-meta-header cite {
  font-style: normal;
  margin-right: 1em;
  font-weight: bold;
  color: #555555;
}
.comment .comment-meta-header cite a {
  font-weight: 300;
}
.comment .comment-meta-header .comment-meta {
  font-size: 0.75rem;
  float: right;
}
.comment .comment-meta-header .comment-reply-link {
  float: right;
  font-size: 1rem;
  font-style: italic;
}
.comment .comment_content {
  margin-bottom: 2em;
}
.comment .comment-reply-link {
  background-color: #FFFFFF;
  font-size: 0.75rem;
  font-style: italic;
  padding: 0.35em 1.5em;
}

.comment-respond {
  margin: 1em 0 3em;
}
@media only screen and (max-width: 40em) {
  .comment-respond {
    margin: 1em 0 1em;
  }
}
.comment-respond h3.comment-reply-title {
  font-size: 1.25rem;
  margin-bottom: 1em;
  padding-top: 2em;
}
@media only screen and (max-width: 40em) {
  .comment-respond h3.comment-reply-title {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.comment-respond .comment-notes {
  font-size: 0.8125rem;
  margin-bottom: 2em;
}
.comment-respond .logged-in-as {
  font-size: 0.875rem;
}
.comment-respond #cancel-comment-reply-link {
  float: right;
  position: relative;
  top: 2.5em;
  font-style: italic;
  font-weight: normal;
}

.form-submit {
  margin-top: 3em;
}
@media only screen and (max-width: 40em) {
  .form-submit {
    margin-top: 1em;
  }
}

/*--------------------------------------------------------------
9.2 Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 0 0 4.5em;
  overflow: hidden;
}
@media only screen and (max-width: 40em) {
  .site-main .comment-navigation,
  .site-main .paging-navigation,
  .site-main .post-navigation {
    margin: 0 0 1.5em;
  }
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next {
  float: left;
  text-align: right;
  width: 50%;
}

.post-navigation .nav-previous {
  float: left;
  margin-bottom: 0.75em;
  left: 0;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a {
  position: relative;
  left: 0;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
  left: 5px;
}

.post-navigation .nav-next {
  clear: both;
}

.nav-links a {
  font-weight: 300;
}
.nav-links a .meta-nav {
  font-weight: 600;
}

/*--------------------------------------------------------------
9.3 Page
--------------------------------------------------------------*/
.page .header-widget-wrap {
  display: table;
  margin: 0 auto;
  padding: 2em 0;
}
.page header.entry-header {
  text-align: center;
  margin: 4em 0;
}
.page .featured-image {
  margin-bottom: 4em;
}
.page .featured-image img {
  width: 100%;
}

/*--------------------------------------------------------------
9.4 Error 404
--------------------------------------------------------------*/
.error404 {
  overflow: hidden;
}
.error404 #bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
.error404 #bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
.error404 #masthead, .error404 .site-footer {
  display: none;
}

.error-404 .page-content {
  font-size: 30px;
  text-align: center;
  min-height: 400px;
}
.error-404 .page-header h1 {
  text-align: center;
  line-height: 1;
  margin-top: 40%;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .error-404 .page-header h1 {
    margin-top: 20%;
  }
}
.error-404 .page-header h1 .title-error, .error-404 .page-header h1 .title-404 {
  display: block;
}
.error-404 .page-header h1 .title-error {
  font-size: 2.25rem;
  text-transform: uppercase;
}
.error-404 .page-header h1 .title-404 {
  font-size: 8.125rem;
}
.error-404 .site-branding {
  float: none;
  display: table;
  margin: 0 auto;
}
.error-404 .site-branding img {
  padding-top: 2em;
}

/*--------------------------------------------------------------
9.5 Archive
--------------------------------------------------------------*/
.archive h2.page-title {
  font-size: 2rem;
}
.archive .entry-meta-wrap {
  min-height: 200px;
}
.archive .entry-title {
  font-size: 1.875rem;
  margin-bottom: 1em;
}
.archive .vcard {
  border: none;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
9.6 Search
--------------------------------------------------------------*/
.search .header-widget-wrap {
  padding: 4em 0;
}
.search .page header.entry-header {
  margin: 0 0;
  text-align: left;
}
.search .entry-meta-wrap {
  min-height: 200px;
}
.search .entry-title {
  font-size: 1.875rem;
  margin-bottom: 1em;
}
.search h2.page-title {
  font-size: 2rem;
}

/*--------------------------------------------------------------
9.7 Content None
--------------------------------------------------------------*/
.no-results h2.page-title {
  font-size: 2rem;
}
.no-results .page-content {
  margin-top: 4em;
}

/*--------------------------------------------------------------
10.0 Post Formats
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Gallery
--------------------------------------------------------------*/
.format-gallery .entry-content .gallery {
  display: none;
}

.single-format-gallery .featured-image {
  margin: 0 0;
  float: left;
}

.flexslider {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.blog .flexslider {
  width: 470px;
  height: 470px;
}
@media only screen and (max-width: 40em) {
  .blog .flexslider {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .blog .flexslider {
    width: 100%;
    height: 100%;
  }
}

.slides li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}

/* Direction Nav */
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  height: 65px;
  position: absolute;
  top: 85%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: white;
  text-shadow: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  left: 20px;
  padding: 0 0 0 1em;
}
.flex-direction-nav .flex-next {
  right: 20px;
  text-align: right;
  padding: 0 1em 0 0;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 30px;
}
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 30px;
}
.flexslider:hover .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: "FontAwesome";
  content: '\f104';
}
.flex-direction-nav a.flex-next:before {
  content: '\f105';
}

/*--------------------------------------------------------------
10.2 Image
--------------------------------------------------------------*/
.format-image .featured-image a, .format-standard .featured-image a {
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.format-image .featured-image a:hover, .format-standard .featured-image a:hover {
  opacity: 0.8;
}
.format-image .featured-image a:after, .format-standard .featured-image a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}

/*--------------------------------------------------------------
10.3 Quote
--------------------------------------------------------------*/
.blog-quote {
  background-color: #FFFFFF;
  background-size: cover;
  width: 470px;
  height: 470px;
  position: relative;
  float: left;
}
@media only screen and (max-width: 40em) {
  .blog-quote {
    width: 100%;
  }
}
.blog-quote p {
  border-left: none;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.75em;
}
@media only screen and (max-width: 40em) {
  .blog-quote p {
    font-size: inherit;
  }
}
.blog-quote blockquote {
  border-left: none;
}
.blog-quote a, .blog-quote cite {
  color: #FFFFFF;
  display: block;
  font-size: 0.8125rem;
}
.blog-quote a:hover, .blog-quote cite:hover {
  color: #CCCCCC;
}

.single .blog-quote {
  width: 770px;
  height: 530px;
}
@media only screen and (max-width: 40em) {
  .single .blog-quote {
    width: 100%;
  }
}

.quote-text span {
  margin: 0;
  position: absolute;
  width: 470px;
  padding: 0 1em;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 40em) {
  .quote-text span {
    width: 250px;
    font-size: 1rem;
  }
}

.single .quote-text span {
  padding: 0 0;
}
@media only screen and (max-width: 40em) {
  .single .quote-text span {
    width: 250px;
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.site-footer {
  background-color: #8bd0dd;
  color: #FFFFFF;
}
.site-footer p, .site-footer a, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
  color: #FFFFFF;
}
.site-footer p {
  font-size: 0.75rem;
}
.site-footer aside {
  margin-top: 5em;
}
.site-footer aside .widget-title {
  padding-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 40em) {
  .site-footer aside {
    margin-bottom: 4em;
    text-align: center;
  }
}

.page-template-template-home .site-footer {
  background-color: transparent;
}
.page-template-template-home .site-footer aside {
  margin-top: 0;
}

/* Sticky Footer */
.push-wrap {
  min-height: 100%;
  margin: 0 auto -210px;
  /* the bottom margin is the negative value of the footer's height */
}

footer.site-footer, .push {
  min-height: 210px;
  /* '.push' must be the same height as 'footer' */
}
@media only screen and (max-width: 40em) {
  footer.site-footer, .push {
    height: 0px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  footer.site-footer, .push {
    min-height: 400px;
  }
}

@media only screen and (max-width: 40em) {
  .page-template-template-home .push-wrap {
    margin: 0 auto -200px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page-template-template-home .push-wrap {
    margin: 0 auto -400px;
  }
}

.copyright-wrap {
  margin-top: 2em;
  padding-bottom: 1em;
}
.copyright-wrap .site-info {
  color: #999999;
  font-size: 0.75rem;
}
@media only screen and (max-width: 40em) {
  .copyright-wrap .site-info {
    text-align: center;
  }
}
.copyright-wrap .site-info a {
  color: #999999;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.copyright-wrap .site-info a:hover {
  color: #FFFFFF;
}

.page-template-template-home .copyright-wrap {
  background-color: transparent;
}

/* Footer Text Widget */
footer.site-footer aside.widget_text {
  font-weight: 300;
  font-size: 0.75rem;
}
footer.site-footer aside.widget_text .social-demo {
  text-align: right;
  margin-bottom: 1em;
}
footer.site-footer aside.widget_text .social-demo i {
  padding-left: 0.5em;
  font-size: 1.125rem;
}
@media only screen and (max-width: 40em) {
  footer.site-footer aside.widget_text .social-demo {
    text-align: center;
  }
}
@media only screen and (max-width: 40em) {
  footer.site-footer aside.widget_text p {
    text-align: center;
  }
}

.footer-right aside.widget_text p {
  text-align: right;
}

/* Footer Nav Widget */
.site-footer .widget_nav_menu {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.site-footer .widget_nav_menu a {
  font-weight: 300;
  font-size: 0.875rem;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.site-footer .widget_nav_menu a:hover {
  color: #8bd0dd;
}

/*--------------------------------------------------------------
12.0 Jetpack
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 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;
}

#infinite-footer {
  z-index: 30;
}

#infinite-footer .container {
  background: black;
  border: none;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 20px;
  width: 780px;
}
#infinite-footer .blog-info a {
  color: #FFFFFF;
  font-family: "Montserrat",Helvetica,Arial,sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
#infinite-footer .blog-info a:hover {
  color: #8bd0dd;
  text-decoration: none;
}
#infinite-footer .blog-info a:after {
  content: '\e152';
  font-family: "Iconic";
  font-size: 0.875rem;
  margin-left: 1em;
}
#infinite-footer .blog-credits {
  display: none;
}

#infinite-handle {
  margin: 3em auto 5em;
  display: table;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
#infinite-handle:after {
  content: '\f067';
  font-family: "FontAwesome";
  color: #FFFFFF;
  font-size: 1.5rem;
  background-color: #444b59;
  padding: 0.75em 0.95em;
  border-radius: 50%;
}
#infinite-handle:hover {
  cursor: pointer;
  opacity: 0.8;
}
#infinite-handle span {
  display: none;
}

.infinite-loader {
  position: relative;
  left: -1em;
  bottom: 3em;
  display: table;
  margin: 0 auto;
}

/*--------------------------------------------------------------
12.2 Sharing
--------------------------------------------------------------*/
.single .entry-social-wrap {
  padding-top: 1em;
}

div.sharedaddy h3.sd-title {
  display: table !important;
  margin: 0 auto !important;
  padding-bottom: 2em;
}
div.sharedaddy h3.sd-title:before {
  border-top: none !important;
}

.sd-social-icon .sd-content ul {
  text-align: center;
}

.sd-social-icon .sd-content ul li[class*="share-"] a.sd-button {
  margin-bottom: 1em;
}

.sd-social-icon .sd-content ul li[class*="share-"] a, .sd-social-icon .sd-content ul li[class*="share-"] a:hover, .sd-social-icon .sd-content ul li[class*="share-"] div.option a {
  padding: 15px !important;
}

.sd-social-icon .sd-content ul li a.sd-button, .sd-social-text .sd-content ul li a.sd-button, .sd-content ul li a.sd-button, .sd-content ul li .option a.share-ustom, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-content ul li.advanced a.share-more, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content > ul > li > a.sd-button, #sharing_email .sharing_send, .sd-social-official .sd-content > ul > li .digg_button > a {
  border: 1px solid #ebedf0 !important;
  box-shadow: none !important;
}

.sd-social-icon .sd-content ul li a.sd-button:hover, .sd-social-text .sd-content ul li a.sd-button:hover, .sd-content ul li a.sd-button:hover, .sd-content ul li .option a.share-ustom:hover, .sd-content ul li.preview-item div.option.option-smart-off a:hover, .sd-content ul li.advanced a.share-more:hover, .sd-social-icon-text .sd-content ul li a.sd-button:hover, .sd-social-official .sd-content > ul > li > a.sd-button:hover, #sharing_email .sharing_send:hover, .sd-social-official .sd-content > ul > li .digg_button > a:hover {
  border: 1px solid #999999 !important;
}

/*--------------------------------------------------------------
12.3 Related Posts
--------------------------------------------------------------*/
div#jp-relatedposts {
  border-top: 1px solid #ebedf0 !important;
  margin: 3em 0 1em !important;
}

div#jp-relatedposts h3.jp-relatedposts-headline em:before {
  border-top: none !important;
}

div#jp-relatedposts h3.jp-relatedposts-headline em {
  color: #888f9e !important;
  font-size: 1.35em !important;
}

div#jp-relatedposts h3.jp-relatedposts-headline {
  margin: 0 0 3em !important;
}

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
  margin: 1.6em 0 0 !important;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
  margin-top: 0.5em !important;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
  text-decoration: none !important;
}

/*--------------------------------------------------------------
12.4 Contact
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
  .contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea, .contact-submit input[type="submit"] {
    width: 100% !important;
  }
}

/*--------------------------------------------------------------
13.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%;
}

/*--------------------------------------------------------------
13.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  background-color: #ebedf0;
  margin: 0;
  padding: 0.5em 0;
  font-size: 0.875rem;
}

/*--------------------------------------------------------------
13.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.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;
}


