/*!
Theme Name: AwesomePress
Theme URI:
Author: Surror
Author URI: http://surror.com/
Description: The AwesomePress theme for WordPress is a fully responsive, accessibility ready, lightweight, customizable, translation ready & rtl language support theme that looks great on any device. Features include a container width and sidebar options for single page, post & archive pages. Make it yours with a custom menu, header image, and background. For free support visit: http://surror.com/
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: awesomepress
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, blog, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, accessibility-ready, featured-images, theme-options, post-formats, flexible-header, editor-style, rtl-language-support

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.

AwesomePress is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/**
 * Colors
 */
/**
 * Spacing
 */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: none;
  background-color: transparent;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2rem;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1rem;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-border-radius: 0;
  border-radius: 0;
  line-height: normal;
  padding: 0.5em 1em;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0;
}

p {
  margin: 0 0 1em 0;
}

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

blockquote {
  border-left: 5px solid #eaeaea;
  padding: 0.5em 2em;
  margin: 1em;
}

address {
  margin: 0 0 1.5em;
}

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

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
  padding: 0.2em 0.5em;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 85%;
  }
}

*,
*: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/ */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  font-size: 16px;
  line-height: 1.5;
  background: #f1f4f9;
  /* Fallback for when there is no custom background color defined. */
}

@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
}

blockquote {
  quotes: "" "";
}

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

q {
  quotes: "" "";
}

q:after, q:before {
  content: '"';
  font-style: italic;
}

q:after {
  padding-right: 0.2em;
}

q:before {
  padding-left: 0.2em;
}

hr {
  background-color: #eaeaea;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

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

table,
td,
th {
  border: 1px solid #eaeaea;
  padding: 0.3em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  line-height: normal;
  padding: 1em 2em;
  border-color: #343a40;
  background: #343a40;
  color: #fff;
}

button:focus, button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
  background: #252b31;
  border-color: #252b31;
}

button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  outline: thin dotted black;
  background: #252b31;
  border-color: #252b31;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #eaeaea;
}

input[type="text"]:hover, input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="range"]:hover,
input[type="range"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="color"]:hover,
input[type="color"]:focus,
textarea:hover,
textarea:focus {
  color: #111;
  background: #f1f4f9;
  outline: thin dotted;
}

select {
  border: 1px solid #eaeaea;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #343a40;
}

a:visited {
  color: #343a40;
}

a:hover, a:focus, a:active {
  color: #252b31;
}

a:hover, a:focus {
  outline: thin dotted;
}

a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  .main-navigation ul ul {
    float: left;
    position: absolute;
    left: -999em;
    z-index: 99999;
  }
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
  }
  .main-navigation ul ul a {
    width: 300px;
  }
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

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

@media screen and (min-width: 768px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 2em 0;
  overflow: hidden;
  border-top: 1px solid whitesmoke;
  background-color: #fff;
  padding: 3em;
}

@media screen and (min-width: 768px) {
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    margin-bottom: 1em;
  }
}

/**
 * Accessibility Menu
 */
.main-navigation ul.children.toggled-on,
.main-navigation ul.sub-menu.toggled-on {
  display: block;
}

.main-navigation .sub-menu a,
.main-navigation .children a {
  line-height: 3;
}

.main-navigation .sub-menu a:focus, .main-navigation .sub-menu a:hover,
.main-navigation .children a:focus,
.main-navigation .children a:hover {
  color: #fff;
}

.main-navigation .sub-menu .page_item_has_children:after,
.main-navigation .children .page_item_has_children:after,
.main-navigation .menu-item-has-children:after {
  right: 1em;
}

@media all and (max-width: 768px) {
  .main-navigation ul.children,
  .main-navigation ul.sub-menu {
    display: none;
  }
}

.dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
}

@media all and (max-width: 768px) {
  .dropdown-toggle {
    padding: 0.4em 2em;
  }
}

@media all and (min-width: 768px) {
  .dropdown-toggle {
    display: none;
  }
}

.dropdown-toggle i {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.dropdown-toggle.toggled-on i {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/*--------------------------------------------------------------
# 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;
  word-wrap: normal !important;
  /* May screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f4f9;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 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-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content > .inner:before,
.site-content > .inner:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  background: #fff;
  padding: 1em 1.5em;
  margin: 0 0 2em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget-title {
  font-size: 1.2rem;
}

.widget-area {
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .widget-area {
    margin-top: 1em;
  }
}

.widget-area h2 {
  margin: 0 0 1em 0;
}

.widget-area ul {
  padding: 0 0 0 1em;
  margin: 0;
}

.widget-area a:hover {
  -webkit-box-shadow: 0px 2px 0px 0px #343a40;
  box-shadow: 0px 2px 0px 0px #343a40;
}

input.search-submit {
  position: absolute;
  top: 1px;
  right: 0;
  padding: 1em;
}

.search-form {
  position: relative;
}

.search-form .search-field {
  padding: 1em;
  width: 100%;
}

.widget {
  /**
	 * Search widget
	 */
}

.widget.widget_search {
  padding: 0;
}

.widget.widget_search .widget-title {
  display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

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

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

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
## Site Customization
--------------------------------------------------------------*/
/**
 * Sidebar Layout's
 *
 * => Contents
 *
 * .layout-no-sidebar
 * .layout-sidebar-content
 * .layout-content-sidebar
 * .layout-content-sidebar-sidebar
 * .layout-sidebar-content-sidebar
 * .layout-sidebar-sidebar-content
 */
@media screen and (min-width: 768px) {
  #primary,
  #secondary-left,
  #secondary-right {
    float: left;
    position: relative;
  }
  .layout-no-sidebar #primary, .layout-no-sidebar
  #secondary-left, .layout-no-sidebar
  #secondary-right {
    float: none;
  }
  .layout-content-sidebar #primary {
    width: 70%;
    padding-right: 1em;
  }
  .layout-content-sidebar #secondary-left,
  .layout-content-sidebar #secondary-right {
    width: 30%;
    padding-left: 1em;
  }
  .layout-sidebar-content #primary {
    width: 70%;
    left: 30%;
    padding-left: 1em;
  }
  .layout-sidebar-content #secondary-left,
  .layout-sidebar-content #secondary-right {
    width: 30%;
    left: -70%;
    padding-right: 1em;
  }
  .layout-sidebar-sidebar-content #primary {
    width: 50%;
    left: 50%;
    padding-left: 1em;
  }
  .layout-sidebar-sidebar-content #secondary-left {
    width: 25%;
    left: -50%;
    padding-right: 1em;
  }
  .layout-sidebar-sidebar-content #secondary-right {
    width: 25%;
    left: -50%;
    padding-left: 1em;
    padding-right: 1em;
  }
  .layout-sidebar-content-sidebar #primary {
    width: 50%;
    left: 25%;
    padding-right: 1em;
    padding-left: 1em;
  }
  .layout-sidebar-content-sidebar #secondary-left {
    width: 25%;
    left: -50%;
    padding-right: 1em;
  }
  .layout-sidebar-content-sidebar #secondary-right {
    width: 25%;
    padding-left: 1em;
  }
  .layout-content-sidebar-sidebar #primary {
    width: 50%;
    padding-right: 1em;
  }
  .layout-content-sidebar-sidebar #secondary-left {
    width: 25%;
    padding-left: 1em;
    padding-right: 1em;
  }
  .layout-content-sidebar-sidebar #secondary-right {
    width: 25%;
    padding-left: 1em;
  }
}

/**
 * Page Header
 */
.page-header {
  background-color: #343a40;
  position: relative;
  text-align: center;
  padding: 6em 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

/**
 * Site Content
 */
.bg-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

.site-content > .inner {
  position: relative;
  word-wrap: break-word;
  margin: 3em auto;
}

@media screen and (max-width: 768px) {
  .site-content > .inner {
    padding: 0;
    margin: 2em auto;
  }
}

.page-content,
.site-main > article {
  background: #fff;
  padding: 2em 2.5em;
  margin-bottom: 3em;
}

@media screen and (max-width: 768px) {
  .page-content,
  .site-main > article {
    padding: 1em;
  }
}

.archive-description {
  margin-top: 0.5em;
}

/**
 * Entry Title
 */
.entry-title,
.entry-title a {
  font-size: 2rem;
  text-transform: none;
  text-decoration: none;
  color: #343a40;
  margin: 0 0 0.5em 0;
}

/**
 * Page Title
 */
.page-title {
  text-transform: none;
  text-decoration: none;
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 3rem;
  max-width: 1000px;
  margin: 0 auto;
}

/**
 * Entry Content
 */
.entry-content {
  line-height: 1.8;
}

.entry-content tt,
.entry-content code {
  background: #f1f4f9;
  border: 1px solid #EEE;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 5px;
  max-width: 100%;
  line-height: normal;
}

/**
 * Entry Footer
 */
.entry-footer {
  font-size: 1rem;
}

.entry-footer > span {
  margin-right: 1em;
}

.entry-footer i,
.entry-footer a {
  color: #4F4F4F;
}

.entry-footer .fa-comments {
  margin-right: 0.2em;
}

.entry-footer .meta-tag > i {
  margin-right: 0.5em;
}

/**
 * Entry Meta
 */
.entry-meta {
  text-align: right;
  border-bottom: 1px solid #adb9c6;
  padding: 0.5em 0;
  margin: 0 0 1em 0;
}

.entry-meta i,
.entry-meta a {
  color: #4F4F4F;
}

.entry-meta > span:first-child {
  position: relative;
  float: left;
}

.entry-meta > span:first-child:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -.6em;
  height: 3px;
  background-color: #b5c1c9;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  width: 100%;
}

.entry-meta i {
  margin-right: 0.5em;
}

.entry-meta img.avatar {
  vertical-align: middle;
  margin-right: 0.5em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.entry-meta .label {
  background: #f1f4f9;
  font-size: 0.9rem;
  padding: 0.1em 0.5em;
  display: inline-block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-right: 0.5em;
}

.edit-link .sep {
  margin-right: 1em;
}

.single .nav-links a:focus, .single .nav-links a:hover {
  background: #343a40;
  color: #fff;
}

.single .nav-links a:focus i, .single .nav-links a:hover i {
  color: #fff;
}

.single .nav-links a:focus .link-caption, .single .nav-links a:hover .link-caption {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .nav-links {
    text-align: center;
    margin-bottom: 1em;
  }
}

.nav-links a,
.nav-links > span {
  padding: 1em 1.5em;
  background: #fff;
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .nav-links a,
  .nav-links > span {
    width: 100%;
  }
}

.nav-links a:focus .link-icon,
.nav-links a:hover .link-icon,
.nav-links > span:focus .link-icon,
.nav-links > span:hover .link-icon {
  color: #fff;
}

.nav-links a:focus, .nav-links a:hover, .nav-links a.current,
.nav-links > span:focus,
.nav-links > span:hover,
.nav-links > span.current {
  outline-offset: -2px;
  background-color: #343a40;
  color: #fff;
}

.nav-links a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-links .next i {
  margin-left: 0.2em;
}

.nav-links .prev i {
  margin-right: 0.2em;
}

.nav-next i,
.nav-previous i {
  font-size: 2rem;
  color: #343a40;
}

/**
 * Site Header
 */
.site-header {
  background: #343a40;
}

/**
 * Branding
 */
.site-branding {
  text-align: center;
  padding: 1em 0 3em 0;
}

.site-title {
  margin: 0 0 0.5em 0;
}

.site-description {
  margin: 0;
}

.site-description {
  color: #fff;
}

.site-title a {
  color: #fff;
  font-size: 3rem;
  text-decoration: none;
  font-weight: normal;
  line-height: normal;
}

/**
 * Navigation
 */
.menu-toggle {
  border-bottom: 1px solid #2d3135;
  width: 100%;
}

.menu-toggle i {
  margin-right: 0.5em;
}

.main-navigation {
  background: #343a40;
  color: #fff;
  border-top: 1px solid #2d3135;
  border-bottom: 1px solid #2d3135;
}

@media screen and (min-width: 768px) {
  .main-navigation {
    text-align: center;
    float: none;
  }
  .main-navigation li {
    float: none;
    display: inline-block;
  }
  .main-navigation ul ul {
    background: #fff;
    -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  .main-navigation ul ul li {
    text-align: left;
    font-size: 0.9rem;
  }
  .main-navigation ul ul a {
    color: #343a40;
  }
  .main-navigation .sub-menu .page_item_has_children:hover:after,
  .main-navigation .sub-menu .menu-item-has-children:hover:after,
  .main-navigation .children .page_item_has_children:hover:after,
  .main-navigation .children .menu-item-has-children:hover:after {
    color: #fff;
  }
  .main-navigation .sub-menu .page_item_has_children:after,
  .main-navigation .sub-menu .menu-item-has-children:after,
  .main-navigation .children .page_item_has_children:after,
  .main-navigation .children .menu-item-has-children:after {
    color: #343a40;
  }
  .main-navigation .page_item_has_children:after,
  .main-navigation .menu-item-has-children:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem;
    right: 0.5em;
    color: #fff;
  }
}

@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-navigation .page_item_has_children:after,
  .main-navigation .menu-item-has-children:after {
    top: 2em;
    right: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .main-navigation .page_item_has_children a,
  .main-navigation .menu-item-has-children a {
    padding-right: 1.8em;
  }
}

.main-navigation a {
  padding: 0 1em;
  line-height: 4;
  font-size: 1rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .main-navigation a {
    line-height: 3;
  }
}

.main-navigation a:focus, .main-navigation a:hover {
  background-color: #252b31;
}

.main-navigation .current-menu-item > a {
  color: #fff;
  background-color: #252b31;
}

@media screen and (max-width: 768px) {
  .main-navigation .children a,
  .main-navigation .sub-menu a {
    padding-left: 2em;
  }
  .main-navigation .children ul a,
  .main-navigation .sub-menu ul a {
    padding-left: 3em;
  }
  .main-navigation .children ul ul a,
  .main-navigation .sub-menu ul ul a {
    padding-left: 4em;
  }
}

/**
 * Custom Header
 */
.custom-headers {
  text-align: center;
  line-height: 0;
  margin-left: auto;
  margin-top: 3em;
  margin-right: auto;
}

.site-footer {
  font-size: 1rem;
  background: #fff;
  padding: 1em 0;
  text-align: center;
}

/**
 * Single Post
 */
.single .site-main > article {
  padding: 2em;
  margin-bottom: 0;
}

.single .tags-links > a {
  background-color: #f1f4f9;
  display: inline-block;
  padding: 0.5em 1em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.single .tags-links > a:focus, .single .tags-links > a:hover {
  outline-offset: -2px;
  background-color: #343a40;
  color: #fff;
}

.single .tags-links > a:last-child {
  margin-right: 0;
}

.single .entry-content {
  margin-bottom: 1em;
}

.single .entry-footer {
  font-size: 1rem;
  margin-top: 2em;
  border-top: 1px solid #f1f4f9;
  padding-top: 2em;
}

.single.page-header-has-bg-image .entry-meta,
.single.page-header-has-bg-image .entry-meta i,
.single.page-header-has-bg-image .entry-meta a {
  color: #fff;
}

.single .entry-meta {
  position: relative;
  margin: 0;
  border: none;
  text-align: center;
}

.single .entry-meta > span:first-child {
  float: none;
}

.single .entry-meta > span:first-child:before, .single .entry-meta > span:first-child:after {
  display: none;
}

.single .entry-meta,
.single .entry-meta i,
.single .entry-meta a {
  color: #CCCCCC;
  text-transform: capitalize;
}

.single .entry-meta > span {
  margin: 0;
}

/**
 * Comments
 */
.logged-in-as > a:last-child {
  color: #b70000;
}

#cancel-comment-reply-link {
  background: #343a40;
  color: #fff;
  font-size: 0.8rem;
  padding: 0.5em 1em;
  font-weight: normal;
  margin-left: 1em;
}

#reply-title {
  margin-bottom: 0.5em;
}

.comments-area {
  background: #fff;
  padding: 2.5em 2em;
  margin: 2em 0em 0em 0em;
}

@media screen and (max-width: 768px) {
  .comments-area {
    padding: 1.5em 1em;
    margin: 2em 0 0;
  }
}

@media screen and (max-width: 768px) {
  .comment-form label {
    width: 90px;
    display: inline-block;
  }
}

.comments-title {
  border-left: 5px solid #404040;
  margin-bottom: 1em;
  background: #fff;
  padding: 1em;
  font-size: 1.2rem;
}

.pingback {
  background: white;
  padding: 0 1.5em 0.5em;
  list-style-type: none;
  font-size: 1rem;
}

.pingback:first-child {
  padding-top: 1em;
}

.pingback + .comment {
  margin-top: 1em;
}

.comment {
  list-style: none;
  margin-bottom: 1em;
}

.comment.bypostauthor > article {
  background: #343a40;
  color: #fff;
}

.comment.bypostauthor > article a {
  color: #fff;
}

.comment.bypostauthor > article:after {
  border-top-color: #343a40;
}

.comment > article {
  background: #f1f4f9;
  position: relative;
  padding: 1.5em;
  margin-bottom: 2.5em;
}

.comment > article:after {
  border-top: 25px solid #f1f4f9;
  border-left: 0px solid transparent;
  border-right: 25px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  left: 41px;
  bottom: -23px;
}

.comment ol.children {
  margin: 1em 0 0 0;
}

.comment-respond {
  background: #fff;
}

.comment-list {
  margin: 0;
  padding: 0;
}

.comment-list > .comment {
  padding: 0;
}

.comment-meta {
  margin-bottom: 1em;
}

.reply {
  margin-top: 1em;
}

.reply,
.comment-meta {
  font-size: 0.9rem;
}

.comment-metadata {
  font-weight: 600;
  display: inline-block;
  float: right;
  margin-top: 0.5em;
}

.comment-author {
  display: inline-block;
}

.comment-author img {
  vertical-align: -1em;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.5em;
}

@media all and (min-width: 768px) {
  .comment-form-author,
  .comment-form-email {
    padding-right: 1em;
  }
  .comment-form-author,
  .comment-form-url,
  .comment-form-email {
    width: 33.33%;
    display: inline-block;
    float: left;
  }
  .comment-form-author input,
  .comment-form-author label,
  .comment-form-url input,
  .comment-form-url label,
  .comment-form-email input,
  .comment-form-email label {
    width: 100%;
    display: inline-block;
  }
}

/**
 * Navigation
 */
.link-title {
  font-size: 1.2rem;
}

.link-caption {
  display: block;
  font-size: .7rem;
  color: #343a40;
  font-weight: 600;
}

.link-wrap {
  display: inline-block;
}

.nav-next .link-icon,
.nav-previous .link-icon {
  color: #8c8c8c;
  vertical-align: 50%;
}

.nav-previous .link-icon {
  padding-right: 1.5em;
}

.nav-next .link-icon {
  padding-left: 1em;
}

/**
 * => Password Protected
 */
.post-password-form {
  text-align: center;
}

.post-password-form input[type="submit"] {
  padding: 0.5em 3em;
}

@media screen and (max-width: 768px) {
  .post-password-form input[type="submit"] {
    margin-top: 1em;
    width: 100%;
  }
}

/**
 * => Search
 */
.search .page-content .search-form {
  margin: 1em 0;
}

.no-comments {
  background: white;
  padding: 1.5em;
  border-left: 4px solid #343a40;
}

/**
 * Page Title
 */
.page-title i {
  margin-right: 0.5em;
}

/**
 * Page Description
 */
.author .page-title .avatar {
    border-radius: 50%;
}
.author .archive-description {
  margin-top: 1em;
  color: #fff;
}

/**
 * Entry Content
 */
.page-content a,
.comment-content a,
.entry-content a {
  border-bottom: 1px dotted;
  padding-bottom: 3px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

/**
 * Pagination
 */
.pagination {
  text-align: center;
}

/**
 * Read More
 */
.entry-content .more-link {
  margin-top: 2em;
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.9rem;
  clear: both;
  white-space: nowrap;
  border: 2px solid transparent;
  position: relative;
  padding: 0 1em 1em 0em;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.entry-content .more-link:before {
  left: 0;
  right: 1em;
  bottom: 6px;
  height: 2px;
  background-color: #8998a6;
}

.entry-content .more-link:after {
  right: 0;
  bottom: 0px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #8998a6;
}

.entry-content .more-link:before, .entry-content .more-link:after {
  content: '';
  position: absolute;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item img {
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  vertical-align: middle;
}

.gallery-item a {
  border: none;
  padding: 0;
  display: inline-block;
  outline: none;
}

.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;
}