/*
Theme Name: Shiroi
Theme URI: http://themeforest.net/user/gdthemes
Author: gbobbd
Author URI: http://themeforest.net/user/gdthemes
Description: Shiroi is a responsive, very clean, modern and content driven WordPress Theme created for personal creative bloggers. Topics such as photography, food, traveling to hobbies, crafts, DIY will suit well. Shiroi uses the theme customizer (live editing) for its options allowing a much more pleasurable experience as you edit your theme. Content first and simplicity is the key concept of the design of Shiroi.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shiroi
Tags: black, white, one-column, right-sidebar, custom-background, custom-header, custom-menu, featured-image-header, featured-images, post-formats, translation-ready, responsive-layout, accessibility-ready

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

Shiroi is based on Underscores http://underscores.me/, (C) 2012-2015 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 Reset
2.0 Base
  2.1 Typography
  2.2 Elements
  2.3 Forms
  2.4 Links
  2.5 Helpers
  2.6 Layout
3.0 Site Header
4.0 Menus
	4.1 Header Menu
	4.2 Footer Menu
5.0 Content
	5.1 Post Content
	5.2 Posts List
	5.3 Featured Posts
	5.4 WP Entry Styles
	5.5 Comments
	5.6 Navigation
6.0 Pages
	6.1 Archive
	6.2 Search No Results
	6.3 Author
	6.4 404
7.0 Widgets
8.0 Footer
9.0 Others
	9.1 Magnific Popup
	9.2 Owl Carousel
	9.3 Contact Form 7
	9.4 Mappress Google Maps
	9.5 Jetpack Infinite Scroll

--------------------------------------------------------------*/
/*--------------------------------------------------------------
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/ */
  -moz-box-sizing: border-box;
       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/ */
  -moz-box-sizing: inherit;
       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.1 Typography
----------------------------------*/
body {
  overflow-x: hidden;
}
body,
button,
input,
select,
textarea {
  color: #808080;
  font-family: 'Gentium Book Basic', serif;
  font-size: 16px;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  clear: both;
}
h1 {
  font-size: 1.5em;
  line-height: 1.2em;
}
h2 {
  font-size: 1.25em;
  line-height: 1.4em;
}
h3 {
  font-size: 1.125em;
  line-height: 1.5em;
}
h4 {
  font-size: 1em;
  line-height: 1.5em;
}
h5 {
  font-size: .8125em;
  line-height: 1.5em;
}
h6 {
  font-size: .6875em;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
dt {
  color: #000000;
}
p {
  margin-bottom: 40px;
}
p:last-child {
  margin-bottom: 0;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 20px 0;
  font-style: italic;
  text-align: center;
  font-size: 2em;
}
blockquote:before,
blockquote:after {
  font-family: 'FontAwesome';
  display: block;
  margin: 40px 0;
  font-size: 24px;
  color: #000;
}
blockquote:before {
  content: '\f10d';
  padding-top: 40px;
  border-top: 1px solid #eaeaea;
}
blockquote:after {
  content: '\f10e';
  padding-bottom: 40px;
  border-bottom: 1px solid #eaeaea;
}
blockquote p {
  font-size: 20px;
  line-height: 28px;
}
blockquote cite {
  margin-top: 40px;
  display: block;
  font-size: .8em;
}
address {
  margin: 0 0 40px;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 40px;
  max-width: 100%;
  overflow: auto;
  padding: 40px;
}
code,
kbd,
tt,
var {
  font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background-color: #eee;
  padding: 2px 4px;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #eee;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
small {
  font-size: 90%;
}
big {
  font-size: 125%;
}
/*----------------------------------
  2.2 Elements
----------------------------------*/
hr {
  background-color: #eaeaea;
  border: 0;
  height: 1px;
  margin-bottom: 40px;
}
ul,
ol {
  margin-bottom: 40px;
  padding-left: 40px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 40px;
}
li {
  margin-bottom: 20px;
}
li:last-child {
  margin-bottom: 0;
}
li > ul,
li > ol {
  margin-bottom: 0;
}
li ul > li:first-child,
li ol > li:first-child {
  margin-top: 20px;
}
dt,
dd {
  border-left: 5px solid #eaeaea;
}
dt {
  font-weight: bold;
  padding: 0 0 20px 20px;
}
dd {
  padding-left: 20px;
  margin-bottom: 40px;
}
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: bottom;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 40px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
thead {
  border-bottom: 2px solid #ccc;
}
tr,
th,
td {
  padding: 8px;
}
/*----------------------------------
  2.3 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,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  padding: 8px 25px;
  background-color: #222;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  outline: 0;
}
.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background-color: #000;
  box-shadow: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 10px 15px;
  border: none;
  color: #808080;
  font-size: .875em;
  border: 1px solid #eaeaea;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  outline: 0;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
  padding-bottom: 40px;
}
/*----------------------------------
  2.4 Links
----------------------------------*/
a,
a:visited {
  color: #808080;
  text-decoration: none;
  position: relative;
  text-decoration: underline;
}
a:hover,
a:focus,
a:active {
  color: #000;
  outline: 0;
}
a:hover:after,
a:focus:after,
a:active:after {
  background-color: #000;
}
/*----------------------------------
	2.5 Helpers
----------------------------------*/
/* 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 */
}
.clear:before,
.clear:after {
  content: "";
  display: table;
}
.clear:after {
  clear: both;
}
/*----------------------------------
	2.6 Layout
----------------------------------*/
.container {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 15px;
}
.container-main-content {
  width: 100%;
  max-width: 680px;
  margin: 80px auto 0;
}
.post-featured .container {
  height: 100%;
  position: relative;
}
.widget-area {
  width: 100%;
  max-width: 680px;
  margin: 120px auto 0;
  padding-top: 80px;
  border-top: 1px solid #eaeaea;
}
/* Header */
.site-header {
  background-color: #fff;
  position: relative;
  height: 80px;
  line-height: 80px;
}
.site-branding,
.header-menu-toggle {
  height: inherit;
  line-height: inherit;
}
.site-branding {
  float: left;
}
.header-menu-toggle,
.header-navigation {
  float: right;
}
.post-header {
  height: 600px;
}
/* Content */
.posts-list-entry {
  padding: 80px 0;
  border-bottom: 1px solid #eaeaea;
}
.posts-list-entry:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 1050px) {
  .container {
    padding: 0;
  }
  .has-sidebar-content .container-main-content {
    width: 100%;
    max-width: 720px;
  }
  .widget-area {
    width: 250px;
    margin-top: 80px;
    padding-top: 0;
    border-top: none;
  }
  .sidebar-right .container-main-content {
    float: left;
    padding-right: 40px;
    border-right: 1px solid #eaeaea;
  }
  .sidebar-right .widget-area {
    float: right;
  }
  .sidebar-left .container-main-content {
    float: right;
    padding-left: 40px;
    border-left: 1px solid #eaeaea;
  }
  .sidebar-left .widget-area {
    float: left;
  }
}
/* ===========================================
	3.0	Site Header
=========================================== */
.site-title {
  line-height: inherit;
}
.site-title a {
  font-size: 16px;
  text-decoration: none;
  color: inherit;
  letter-spacing: 0.025em;
}
.site-logo {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.header-nav-search-form {
  margin-top: 20px;
  padding-top: 40px;
  border-top: 1px solid #333;
}
.header-nav-search-form .search-field {
  width: 100%;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  background-color: #333;
  color: #fff;
}
.header-nav-search-form .search-field:focus {
  color: #fff;
}
/* ===========================================
  4.0 Menus
=========================================== */
.nav-menu {
  padding: 0;
  margin: 0;
}
.nav-menu a {
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.025em;
  color: #aaa;
}
.nav-menu a:hover,
.nav-menu a:active {
  color: #fff;
}
.nav-menu li {
  list-style: none;
  margin-bottom: 0;
}
.nav-menu .current-menu-parent > a,
.nav-menu .current-menu-item a {
  color: #fff;
}
/*----------------------------------
	4.1 Header Menu
----------------------------------*/
.header-menu-close {
  display: none;
}
.header-menu-toggle a {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  cursor: pointer;
}
.header-menu-toggle a i {
  margin-left: 5px;
}
.header-navigation {
  line-height: 1.5em;
  /* counter to header height and line height */
  overflow: auto;
  text-align: left;
  position: absolute;
  top: 80px;
  right: 0;
  padding-top: 20px;
  padding-bottom: 40px;
  width: 100%;
  background-color: #222;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
.header-navigation.toggled {
  opacity: 1;
  visibility: visible;
}
.header-menu a {
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
}
.header-menu li {
  display: block;
  margin: 0;
}
.header-menu > li {
  padding: 15px 0;
}
.header-menu > li > a {
  text-transform: uppercase;
}
.header-menu .sub-menu a {
  font-size: 12px;
}
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children > a:after {
  content: '';
  width: 0%;
  height: 1px;
  position: absolute;
  top: 130%;
  left: 100%;
  background-color: #333;
  -webkit-transition: width 0.3s ease-out, left 0.3s ease-out;
          transition: width 0.3s ease-out, left 0.3s ease-out;
}
.sub-menu {
  display: none;
  padding-left: 0;
}
.sub-menu li {
  padding-top: 5px;
}
.sub-menu li a {
  font-weight: normal;
}
.sub-menu li:first-child {
  margin-top: 10px;
}
.menu-item-has-children:hover > a,
.menu-item-has-children.toggled > a {
  color: #fff;
  position: relative;
}
.menu-item-has-children:hover > a:after,
.menu-item-has-children.toggled > a:after {
  width: 100%;
  left: 0;
}
/* search */
.header-menu [title="search"].toggled {
  color: #fff;
}
.header-menu .search-field {
  padding: 4px 10px;
  border: none;
}
@media screen and (min-width: 1050px) {
  .header-menu-close {
    display: block;
    float: right;
  }
  .header-navigation {
    position: fixed;
    height: 100%;
    width: 300px;
    padding: 40px;
    top: 0;
    box-shadow: none;
  }
}
/*----------------------------------
	4.2 Footer Menu
----------------------------------*/
.container-footer-menu {
  display: inline-block;
}
.footer-menu a {
  font-size: 12px;
}
.footer-menu li {
  margin-left: 20px;
  margin-bottom: 10px;
  display: inline-block;
}
.footer-menu li:first-child {
  margin-left: 0;
}
@media screen and (min-width: 1050px) {
  .footer-menu li {
    margin-bottom: 0;
    float: left;
  }
}
/* ===========================================
	5.0 Content
=========================================== */
/*----------------------------------
	5.1 Post Content
----------------------------------*/
.post-header {
  text-align: center;
  display: table;
  height: 600px;
  width: 100%;
}
.post-header-wrapper {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}
.post-title {
  font-size: 1.5em;
  margin: 30px 0;
  line-height: 1.3em;
}
.post-title a {
  text-decoration: none;
  color: #000;
}
.posted-on,
.post-meta span {
  font-style: italic;
  letter-spacing: .1em;
  opacity: .8;
}
.posted-on:hover,
.post-meta span:hover {
  opacity: 1;
}
.posted-on:hover:after,
.post-meta span:hover:after {
  opacity: .8;
}
.post-meta span {
  position: relative;
}
.post-meta span:after {
  content: '/';
  margin: 0 10px;
}
.post-meta span:last-child:after {
  content: '';
  margin: 0;
}
.post-content {
  margin-bottom: 120px;
}
.post-author {
  padding: 80px 0;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.post-author-avatar img {
  border-radius: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.post-author-byline h6 {
  font-size: .75em;
  display: inline-block;
  margin-right: 5px;
}
.post-author-byline a {
  font-style: italic;
  text-decoration: none;
  letter-spacing: 0.1em;
  position: relative;
}
.post-author-byline a:after {
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transition: width 0.3s ease-out, left 0.3s ease-out;
          transition: width 0.3s ease-out, left 0.3s ease-out;
}
.post-author-byline a:hover:after {
  width: 100%;
  left: 0;
}
.post-author-bio {
  margin-top: 30px;
  font-size: .875em;
}
.post-footer {
  padding-bottom: 80px;
  border-bottom: 1px solid #eaeaea;
}
.tag-links,
.share-links {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: .6875em;
  font-weight: bold;
  text-align: center;
}
.tag-links i {
  font-size: 24px;
  display: block;
  margin-bottom: 20px;
}
.tag-links a {
  display: inline-block;
  margin: 0 3px;
  font-family: 'Gentium Book Basic', serif;
  font-size: 14px;
  font-weight: normal;
}
.share-links {
  margin-top: 80px;
  font-size: 20px;
}
.share-links a {
  color: #000;
  text-decoration: none;
}
.share-links i {
  margin: 10px;
  -webkit-transition: -webkit-transform 0.2s ease-out;
          transition: transform 0.2s ease-out;
}
.share-links i:hover {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
.post-thumbnail {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.post-thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: rgba(0, 0, 0, 0.3);
}
.post-header.has-post-thumbnail .posted-on a,
.post-header.has-post-thumbnail .post-title,
.post-header.has-post-thumbnail .post-meta span,
.post-header.has-post-thumbnail .post-meta span a {
  color: #fff;
}
@media screen and (min-width: 1050px) {
  .post-title {
    font-size: 2.5em;
    width: 80%;
    margin: 30px auto;
  }
  .post-meta span:after {
    margin: 0 20px;
  }
  .post-author {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  .post-author-avatar {
    float: left;
    padding-right: 20px;
  }
  .post-author-byline,
  .post-author-bio {
    padding-left: 120px;
  }
  .post-author-bio {
    margin-top: 20px;
  }
}
/*----------------------------------
	5.2 Posts List
----------------------------------*/
.posts-list-header {
  text-align: center;
  margin-bottom: 40px;
}
.posts-list-header .post-date,
.posts-list-header .post-meta {
  font-size: .875em;
}
.posts-list-title {
  margin: 20px 0;
}
.posts-list-title a {
  color: #000;
  text-decoration: none;
}
.has-sidebar-content .posts-list-thumbnail {
  margin: 0;
}
.posts-lists-content {
  padding-top: 40px;
}
.posts-lists-content p:last-child {
  margin-bottom: 0;
}
.posts-lists-read-more {
  margin-top: 60px;
  text-align: center;
}
.posts-lists-read-more a {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: .65em;
  letter-spacing: 0.05em;
  padding: 5px 20px;
  background-color: #222;
  -webkit-transition: background-color 0.3 ease-out;
          transition: background-color 0.3 ease-out;
}
.posts-lists-read-more a:hover {
  background-color: #333;
}
@media screen and (min-width: 1050px) {
  .posts-list-thumbnail {
    margin-left: -25%;
    margin-right: -25%;
  }
}
/*----------------------------------
	5.3 Featured Posts
----------------------------------*/
.sticky,
.post-featured {
  text-align: center;
  width: 100%;
  height: 600px;
  background-color: #333;
  position: relative;
}
.post-featured.has-post-thumbnail {
  background: transparent;
}
.post-featured-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.post-featured-thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: rgba(0, 0, 0, 0.3);
}
.post-featured-container {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.post-featured-wrapper {
  /*padding: 40px 40px 80px;*/
  /*background-color: rgba(0, 0, 0, 0.5);*/
  max-width: 800px;
  margin: 0 auto;
}
.post-featured-header,
.post-featured-header a {
  color: #fff;
}
h2.post-featured-title {
  font-size: 1.125em;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin: 0;
}
h2.post-featured-title a {
  text-decoration: none;
}
.post-featured-date,
.post-featured-meta {
  font-style: italic;
  letter-spacing: 0.1em;
  color: #aaa;
}
.post-featured-date a,
.post-featured-meta a {
  display: inline-block;
  font-size: .875em;
  color: inherit;
}
.post-featured-date a:hover,
.post-featured-meta a:hover {
  color: #fff;
}
.post-featured-date {
  margin-bottom: 10px;
}
.post-featured-meta {
  margin-top: 10px;
}
.post-featured-meta span {
  position: relative;
}
.post-featured-meta span:last-child {
  margin-right: 0;
}
.post-featured-meta span:after {
  content: '/';
  margin: 0 20px;
}
.post-featured-meta span:last-child:after {
  content: '';
  margin: 0;
}
.post-featured-content {
  color: #ddd;
  padding-top: 30px;
  text-align: left;
}
.post-featured-content p:last-child {
  margin-bottom: 0;
}
.post-featured-content .posts-lists-read-more-link {
  color: #fff;
}
.post-featured-content .posts-lists-read-more-link:after {
  background-color: #fff;
}
.posts-featured-list h2 a {
  color: #fff;
}
.posts-featured-list article.sticky  h2,
.posts-featured-list article.sticky .post-featured-content{
  max-width: 846px;
  margin: 0 auto 20px;
  padding: 0px 20px;
}
.posts-featured-list article.sticky .post-featured-content {

}
.posts-featured-list .btn-wrap {
  margin: 20px auto;

}

.posts-featured-list .btn-wrap .button {
  color: #fff;
  font-size: 14px;
  background: transparent;
  text-decoration: none;
  border: 1px solid #fff;
}

.posts-featured-list .btn-wrap .button:hover {
  background: #fff;
  color: #333;
}
.home #posts-list h3,
.testimonials h3 {
  text-align: center;
  font-size: 30px;
  margin: -20px 0;
}
.testimonials-list{
  margin-bottom: 40px;
}
.testimonials h4 {
  font-style: normal;
  font-size: 18px;
}
.testimonials p {
  font-size: 16px;
}
/*----------------------------------
	5.4 WP Entry Styles
----------------------------------*/
.posts-lists-content h1,
.post-content h1,
.comment-content h1,
.posts-lists-content h2,
.post-content h2,
.comment-content h2,
.posts-lists-content h3,
.post-content h3,
.comment-content h3,
.posts-lists-content h4,
.post-content h4,
.comment-content h4,
.posts-lists-content h5,
.post-content h5,
.comment-content h5,
.posts-lists-content h6,
.post-content h6,
.comment-content h6 {
  margin: 60px 0;
}
.posts-lists-content ul,
.post-content ul,
.comment-content ul {
  list-style: none;
}
.posts-lists-content ol,
.post-content ol,
.comment-content ol {
  counter-reset: li;
  /* Initiate a counter */
  list-style: none;
  /* Remove default numbering */
  padding: 0;
}
.posts-lists-content ul,
.post-content ul,
.comment-content ul,
.posts-lists-content ol,
.post-content ol,
.comment-content ol {
  padding-left: 40px;
}
.posts-lists-content ul li,
.post-content ul li,
.comment-content ul li,
.posts-lists-content ol li,
.post-content ol li,
.comment-content ol li {
  position: relative;
}
.posts-lists-content ul li:before,
.post-content ul li:before,
.comment-content ul li:before,
.posts-lists-content ol li:before,
.post-content ol li:before,
.comment-content ol li:before {
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: -24px;
  font-size: 18px;
}
.posts-lists-content ul li:before,
.post-content ul li:before,
.comment-content ul li:before {
  content: '\f0da';
}
.posts-lists-content ol li:before,
.post-content ol li:before,
.comment-content ol li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -3px;
  left: -40px;
  background: #eee;
  height: 28px;
  width: 28px;
  line-height: 24px;
  font-size: 11px;
  border: .3em solid #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 100%;
}
.posts-lists-content thead th,
.post-content thead th,
.comment-content thead th {
  font-weight: bold;
  color: #fff;
  background-color: #000;
  margin-bottom: 10px;
}
.posts-lists-content tr:nth-child(2n),
.post-content tr:nth-child(2n),
.comment-content tr:nth-child(2n) {
  background-color: #f9f9f9;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 40px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 40px;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
img.alignleft,
img.alignright {
  margin-bottom: 40px;
}
.wp-caption {
  margin-bottom: 40px;
  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 {
  margin: 10px 0;
  font-size: .875em;
  font-style: italic;
}
.page-links {
  font-weight: bold;
  color: #000;
  font-size: .875em;
  clear: both;
  margin: 0;
}
.page-links a {
  font-weight: normal;
  color: #808080;
  margin: 0 4px;
}
.page-links a:hover {
  color: #000;
}
.post-password-form input[type="password"],
.post-password-form input[type="submit"] {
  height: 40px;
  padding: 6px 15px;
}
.post-password-form input[type="submit"] {
  margin-left: -8px;
}
/* comments are closed text */
.no-comments {
  margin: 100px 0;
  display: inline-block;
  position: relative;
}
.no-comments:after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 90%;
  left: 0;
}
.gallery {
  margin-bottom: 40px;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-bottom: 10px;
}
.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;
  font-size: .875em;
  font-style: italic;
  padding: 5px;
}
.gallery-icon a {
  line-height: 0;
}
.gallery-icon a:after {
  height: 0;
}
.gallery-icon img {
  margin-bottom: 0;
}
.gallery-item .gallery-icon {
  padding: 1px;
}
@media screen and (min-width: 1050px) {
  .no-sidebar-content .posts-lists-content table,
  .no-sidebar-content .post-content table,
  .no-sidebar-content .comment-content table,
  .no-sidebar-content .posts-lists-content pre,
  .no-sidebar-content .post-content pre,
  .no-sidebar-content .comment-content pre {
    max-width: 120%;
    width: 120%;
    margin-left: -10%;
  }
  .no-sidebar-content .wp-caption.alignleft,
  .no-sidebar-content img.alignleft {
    margin-left: -10%;
  }
  .no-sidebar-content .wp-caption.alignright,
  .no-sidebar-content img.alignright {
    margin-right: -10%;
  }
  .no-sidebar-content .wp-caption.aligncenter,
  .no-sidebar-content img.aligncenter {
    max-width: 140%;
    margin-left: -20%;
  }
}
/*----------------------------------
	5.5 Comments
----------------------------------*/
.comments-area {
  margin-top: 160px;
}
/* Comments List */
.comments-title,
.comment-reply-title {
  font-size: .9em;
  margin-bottom: 30px;
  background-color: #222;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  position: relative;
}
.comments-title:after,
.comment-reply-title:after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 90%;
  left: 0;
}
.comments-title {
  margin-bottom: 30px;
}
.comment-list,
.comment-list .children {
  list-style: none;
}
.comment-list {
  margin: 0;
  padding: 0;
}
.comment-list > li,
.comment-list .children > li {
  margin-bottom: 0;
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}
.comment-list > li:last-child {
  border: none;
}
.comment-body {
  position: relative;
}
.comment-body a {
  word-wrap: break-word;
}
.comment-avatar img {
  border-radius: 100%;
}
.comment-header {
  margin-bottom: 30px;
}
.comment-header a {
  text-decoration: none;
}
.comment-author {
  font-family: 'Montserrat', sans-serif;
  font-size: .875em;
  color: #000000;
}
.comment-author a {
  color: #000000;
}
.bypostauthor-indicator {
  display: none;
}
.bypostauthor .bypostauthor-indicator {
  margin-left: 8px;
  padding: 2px 8px;
  background-color: #000;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 8px;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}
.comment-date {
  margin-top: 5px;
  font-size: .75em;
  font-style: italic;
  opacity: .6;
}
@media screen and (min-width: 1050px) {
  .comment-avatar {
    position: absolute;
  }
  .comment-header,
  .comment-content {
    padding-left: 90px;
  }
}
/* Comment Form */
.comment-respond {
  margin-top: 60px;
  background-color: #eee;
  padding: 40px;
}
.comment-notes {
  display: none;
}
.comment-form {
  position: relative;
}
.comment-form > div {
  margin-bottom: 20px;
}
.comment-form > div:last-child {
  margin-bottom: 0;
}
.comment-form-url {
  width: 100%;
}
.comment-form-control {
  width: 100%;
}
.form-submit {
  display: inline-block;
}
#cancel-comment-reply-link {
  text-decoration: none;
  margin-left: 10px;
}
#cancel-comment-reply-link:hover {
  color: #fff;
}
@media screen and (min-width: 1050px) {
  .comment-form-author,
  .comment-form-email {
    display: inline-block;
    width: 48%;
  }
  .comment-form-author {
    float: left;
  }
  .comment-form-email {
    float: right;
  }
}
/*----------------------------------
	5.6 Navigation
----------------------------------*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 45%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 45%;
}
.post-navigation {
  padding-top: 80px;
  border-top: 1px solid #eaeaea;
}
.post-navigation h6 {
  margin-bottom: 10px;
}
.post-navigation a {
  font-style: italic;
  letter-spacing: 0.05em;
  text-decoration: none;
  font-size: 1.2em;
}
.post-navigation .nav-previous {
  text-align: right;
}
.post-navigation .nav-next {
  text-align: left;
}
.paging-navigation {
  padding-top: 40px;
  border-top: 1px solid #eaeaea;
}
.paging-navigation a {
  text-decoration: none;
  color: #000;
  letter-spacing: 0.05em;
  position: relative;
}
.paging-navigation a:after {
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 95%;
  left: 50%;
  -webkit-transition: width 0.3s ease-out, left 0.3s ease-out;
          transition: width 0.3s ease-out, left 0.3s ease-out;
}
.paging-navigation a:hover:after {
  width: 100%;
  left: 0;
}
.comment-navigation {
  margin: 80px 0 160px;
}
.comment-navigation a {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  color: #000;
  font-weight: bold;
  font-size: .75em;
}
/* ===========================================
	6.0 Pages
=========================================== */
.page .post-header,
.page .post-thumbnail {
  height: 200px;
}
.page-header {
  text-align: center;
  height: 200px;
  width: 100%;
  background-color: #333;
}
.page-header:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.page-title,
.page-header-content {
  vertical-align: middle;
  display: inline-block;
  color: #fff;
}
.no-results .search-field,
.error-404 .search-field {
  width: 100%;
  margin-top: 10px;
}
/*----------------------------------
	6.1 Archive
----------------------------------*/
.archive .taxonomy-description {
  margin-top: 10px;
  color: #aaa;
}
/*----------------------------------
	6.2 Search No Results
----------------------------------*/
.no-results-header {
  margin-bottom: 40px;
}
/*----------------------------------
	6.3 Author
----------------------------------*/
.page-author-header {
  text-align: center;
  width: 100%;
  background-color: #333;
  padding: 80px 0;
  color: #fff;
}
.page-author-header-content {
  max-width: 500px;
  margin: 0 auto;
}
.page-author-avatar {
  margin-bottom: 10px;
}
.page-author-avatar img {
  border-radius: 100%;
}
.page-author-byline {
  font-size: 1.25em;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}
.page-author-bio {
  color: #aaa;
  margin-top: 40px;
}
/*----------------------------------
	6.4 404
----------------------------------*/
.error-404-content {
  margin-top: 80px;
}
.error-404-content p {
  margin-bottom: 20px;
}
/* ===========================================
	7.0 Widgets
=========================================== */
.widget {
  font-family: 'Montserrat', sans-serif;
  font-size: .8125em;
  padding: 40px 0;
  border-bottom: 1px solid #eaeaea;
  /* Make sure select elements fit in widgets */
}
.widget:first-child {
  padding-top: 0;
}
.widget:last-child {
  padding-bottom: 0;
  border: none;
}
.widget a {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
}
.widget ul,
.widget ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget select {
  max-width: 100%;
  width: 100%;
}
.widget-title {
  margin-bottom: 40px;
}
@media screen and (min-width: 1050px) {
  .widget {
    max-width: 250px;
  }
}
.widget_search .search-field {
  width: 100%;
}
.widget_search .search-submit {
  display: none;
}
.widget_tag_cloud a {
  font-size: 12px !important;
  display: inline-block;
  margin: 4px;
}
/* ===========================================
	8.0 Footer
=========================================== */
.site-footer {
  margin-top: 200px;
  padding: 100px 0;
  text-align: center;
  border-top: 1px solid #eaeaea;
  position: relative;
}
.footer-info {
  font-family: 'Montserrat', sans-serif;
  font-size: .75em;
  color: #000;
  font-weight: bold;
}
.footer-info a {
  text-decoration: none;
  color: inherit;
}
.footer-navigation {
  margin-top: 30px;
}
.back-to-top {
  position: absolute;
  top: 0;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  text-align: center;
  line-height: 60px;
  border: 1px solid #eaeaea;
  background-color: #fff;
  margin-top: -30px;
  margin-left: -30px;
}
.back-to-top i {
  font-size: 10px;
}
.back-to-top:hover {
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.back-to-top:hover i {
  color: #000;
}
.back-to-top:active {
  box-shadow: none;
}
/* ===========================================
	9.0 Others
=========================================== */
/* admin bar overlap fix class */
.wp-admin-is-logged-in .header-navigation {
  top: 80px;
}
@media screen and (min-width: 1050px) {
  .wp-admin-is-logged-in .header-navigation {
    top: 32px;
    padding-bottom: 72px;
  }
  .wp-admin-is-logged-in .post-thumbnail {
    top: 112px;
  }
}
/*----------------------------------
	9.1 Magnific Popup
----------------------------------*/
.mfp-bg {
  background-color: #fff;
}
.mfp-gallery {
  -webkit-animation: mfpfadein 0.7s ease-out;
          animation: mfpfadein 0.7s ease-out;
}
@-webkit-keyframes mfpfadein {
  0% {
    opacity: 0;
  }
  100% {
    oapcity: 1;
  }
}
@keyframes mfpfadein {
  0% {
    opacity: 0;
  }
  100% {
    oapcity: 1;
  }
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
  background-color: transparent;
}
.mfp-arrow {
  width: 60px;
  height: 0;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  border: none;
}
.mfp-arrow-right:before,
.mfp-arrow-left:before {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  font-family: 'FontAwesome';
  font-size: 24px;
  color: #000;
}
.mfp-arrow-right:before {
  content: "\f105";
}
.mfp-arrow-left:before {
  content: "\f104";
}
.mfp-counter {
  color: #000;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}
/*----------------------------------
	9.2 Owl Carousel
----------------------------------*/
.owl-theme .owl-controls {
  position: absolute;
  bottom: 40px;
  /* center */
  /*left: 0;*/
  right: -7px;
}
.owl-theme .owl-controls .owl-page span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /*background-color: #fff;*/
  opacity: .3;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
}

/*----------------------------------
	9.3 Contact Form 7
----------------------------------*/
div.wpcf7 {
  background-color: #eee;
  padding: 40px;
}
.wpcf7-form {
  position: relative;
}
.wpcf7-form p {
  margin-bottom: 20px;
}
.wpcf7-form p:last-child {
  margin-bottom: 0;
}
.wpcf7-form-control-wrap input {
  width: 100%;
  border: 0;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  color: #DD2C2C;
  font-size: .8em;
  background: #E8CECE;
  display: block;
  padding: 10px 15px;
  margin-top: 10px;
}
div.wpcf7-validation-errors {
  padding: 15px;
  font-size: 1em;
  background-color: #F0CDB7;
  border: 0;
  color: #D05C13;
}
.wpcf7-form-control.wpcf7-textarea {
  height: 180px;
}
@media screen and (min-width: 1050px) {
  .wpcf7-form-control-wrap input {
    width: 100%;
  }
}
/*----------------------------------
	9.4 Mappress Google Maps
----------------------------------*/
.mapp-layout {
  max-width: 100%;
}
/*--------------------------------------------------------------
	9.5 Jetpack Infinite scroll
--------------------------------------------------------------*/
#infinite-handle {
  padding-top: 80px;
  text-align: center;
}
#infinite-handle span {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-size: 10px !important;
}
.infinite-loader {
  width: 28px;
  height: 28px;
  margin: 80px auto 0;
}

/* Additional */
html,
body{overflow:auto;}
body{position:relative;}
.CoverPop-open,
.CoverPop-open body{height:100%;overflow:hidden;}
#CoverPop-cover{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;-webkit-animation:fade-in .25s ease-in;-moz-animation-name:fade-in .25s ease-in;-ms-animation-name:fade-in .25s ease-in;-o-animation-name:fade-in .25s ease-in;animation-name:fade-in .25s ease-in;}
.CoverPop-open #CoverPop-cover{display:block;}
@-webkit-keyframes fade-in{0%{opacity:0;} 25%{opacity:0;} 100%{opacity:1;} }
.owl-wrapper-outer .post-featured-content { text-align: center; }
.owl-wrapper-outer .btn-wrap { margin-bottom: 0; }
.site-footer a:hover{color: #000; text-decoration: underline;}
.CoverPop-open #CoverPop-cover { background: #000; background: rgba(0,0,0, .6); }
.CoverPop-content { width: 310px; margin: 0; margin: 0 auto; margin-top: 120px; padding: 20px; background: #fff; position: relative; }
.CoverPop-content .CoverPop-close { display: block; width: 10px; width: 30px; height: 30px; background: black; color: #fff; text-align: center; text-decoration: none; border-radius: 0; line-height: 30px; font-family: "Arial", sans-serif; position: absolute; top: 5px; right: 5px; font-size: 10px; }
.site-title a { font-size: 20px; }
.gform_wrapper { background-color: #eee; padding: 40px; }
.gform_wrapper label { font-family: 'Roboto', sans-serif; }
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium,
.gform_wrapper textarea.medium { width: 100%; }