/*!
Theme Name: WP Blog
Theme URI: https://www.filathemes.com/downloads/wp-blog/
Author: FilaThemes
Author URI: https://www.filathemes.com/
Description: WP Blog is a minimal WordPress theme designed for blogger, it provides many features that blogger will love. Whether you are looking to share your own thoughts, write about your latest findings, WP Blog is designed to fulfill these and a lot more. Get free support at https://www.filathemes.com/contact/ and check the demo at https://www.filathemes.com/downloads/wp-blog/
Version: 0.0.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-blog
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, footer-widgets, threaded-comments, translation-ready, grid-layout, blog, news


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.

WP Blog is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Structure
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#. 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 {
  background-color: transparent;
  color: #000;
}

a:active,
a:hover {
  outline: 0;
  color: #996515;
  text-decoration: none;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  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: 0;
}

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

pre {
  overflow: auto;
}

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

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

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"] {
  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-appearance: textfield;
  box-sizing: inherit;
}

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: #22211f;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #22211f;
  font-family: "Amiri", sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  margin: 0 0 1.5em;
  padding: 0;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #EBEBEB;
  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: 1.6em;
}

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 #22211f;
  cursor: help;
}

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

big {
  font-size: 125%;
}

.menu-toggle:before {
  -moz-osx-font-smoothing: grayscale;
  font-family: "FontAwesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-transform: none;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  font-size: 16px;
}
@media (max-width: 991px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
}

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

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

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

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

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

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. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button {
  border: none;
  border-radius: 0;
  background: #000;
  box-shadow: none;
  color: #fff;
  padding: 13px;
  cursor: pointer;
  text-shadow: none;
  text-transform: uppercase;
  font: normal normal 13px 'Raleway', sans-serif;
  letter-spacing: 2px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #996515;
  color: white;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.woocommerce #respond input#submit:active,
.woocommerce #respond input#submit:focus,
.woocommerce button.button:active,
.woocommerce button.button:focus,
.woocommerce input.button:active,
.woocommerce input.button:focus {
  background: #000;
  border-color: #000;
  outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #22211f;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  background: #fff;
  font-size: 13px;
  margin: 0 0 10px;
  width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #000;
  outline: none;
  border: 1px solid #a9a9a9;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 12px;
}

form label {
  font-size: 14px;
  font-weight: normal;
  color: #22211f;
  margin: 5px 0;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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: #EBEBEB;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #996515;
  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. */
}

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

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 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:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.container::before,
.container:after,
.nav-links::before,
.nav-links::after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.post-list:after,
.container:after,
.nav-links:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* Make sure select elements fit in widgets. */
.widget {
  min-height: .1px;
  margin: 2em 0 50px;
}
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-form {
  position: relative;
}
.search-form label {
  width: 100%;
}
.search-form .search-submit {
  position: absolute;
  top: 9px;
  right: 4px;
  padding: 0.5em 1em;
  width: auto;
  border-radius: 4px;
  color: #fff;
  font-size: 17px;
}

.widget-title {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #22211f;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  border-top: 1px solid #22211f;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}
.widget-title span {
  position: relative;
  display: inline-block;
  top: -13px;
  background: #ffffff;
  padding: 4px 10px 0;
}

.widget-area .widget_mc4wp_form_widget {
  background: #f6f2f1;
  padding: 40px 10px;
  text-align: center;
}
.widget-area .widget_mc4wp_form_widget h2 {
  font: normal normal 24px 'Amiri', serif;
  color: #22211f;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.2;
  border: none !important;
}

.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_rss ul li {
  display: block;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.widget_pages ul li:last-child,
.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_rss ul li:last-child {
  border-bottom: none;
}
.widget_pages ul li::before,
.widget_categories ul li::before,
.widget_archive ul li::before,
.widget_meta ul li::before,
.widget_nav_menu ul li::before,
.widget_rss ul li::before {
  color: #ccc;
  content: "\f0da";
  font-family: 'FontAwesome';
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 2px;
}
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_rss ul li a {
  padding-left: 18px;
}

.widget_tag_cloud a {
  font-size: 10px !important;
  color: #22211f;
  display: inline-block;
  padding: 8px 8px;
  margin: 0 5px 5px 0;
  border: 1px solid #22211f;
  background-color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}
.widget_tag_cloud a:hover {
  border-color: #996515;
  color: #fff;
  background-color: #996515;
  text-decoration: none;
}

.widget_recent_entries a {
  display: block;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
.site {
  position: relative;
  overflow: hidden;
}

.site-content {
  padding-top: 20px;
  border-top: 1px solid #f1f1f1;
}

.home .site-content {
  border: none;
}

.single .site-content {
  padding-top: 50px;
}

.container {
  max-width: 1200px;
}

.archive-header {
  padding: 25px 0;
  border-top: 1px solid #f1f1f1;
}
.archive-header h1 {
  margin: 0;
}

.site-topbar {
  position: relative;
  z-index: 99;
  width: 100%;
  background: #ffffff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.05);
  opacity: 1.0;
  -webkit-backface-visibility: hidden;
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
}
.site-topbar nav {
  float: left;
  display: inline-block;
}
.site-topbar nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-topbar nav ul li {
  float: left;
  position: relative;
  margin-right: 30px;
  white-space: nowrap;
  -webkit-transition: background .2s;
  transition: background .2s;
}
@media (max-width: 991px) {
  .site-topbar nav ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
  }
  .site-topbar nav ul li:last-child {
    border-bottom: none;
  }
}
.site-topbar nav ul li a {
  font-size: 11px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  padding: 0;
  line-height: 56px;
  color: #22211f;
  text-decoration: none;
  letter-spacing: 2px;
}
.site-topbar nav ul li a:hover {
  color: #996515;
}
@media (max-width: 991px) {
  .site-topbar nav ul li a {
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.site-topbar nav ul li ul {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: -20px;
  min-width: 12em;
  border-top: 1px solid #eaeaea;
  box-shadow: 0 9px 14px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  -moz-transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media (max-width: 991px) {
  .site-topbar nav ul li ul {
    display: block;
    position: relative;
    left: 0;
    padding-left: 10px;
  }
}
.site-topbar nav ul li ul li {
  width: 100%;
  display: block;
}
.site-topbar nav ul li ul li a {
  line-height: 45px;
  padding: 0 20px;
}
.site-topbar nav ul li:hover > ul {
  display: block;
}
.site-topbar nav ul li.current-menu-item a, .site-topbar nav ul li.current-menu-ancestor a {
  color: #996515;
}
@media (max-width: 991px) {
  .site-topbar nav ul {
    display: none;
  }
}
.site-topbar .main-navigation.toggled ul.menu {
  display: block;
  background: white;
  position: absolute;
  left: 0;
  z-index: 999;
  width: 100%;
}

.menu-toggle {
  line-height: 52px;
  padding: 0;
  background: none;
  color: #000000;
  border: none;
  outline: none;
  width: auto;
  display: none;
}
.menu-toggle:hover, .menu-toggle:active {
  background: none;
  color: #000;
}
@media (max-width: 991px) {
  .menu-toggle {
    display: block;
  }
}
.menu-toggle i {
  font-size: 16px;
}

.site-branding {
  text-align: center;
  padding: 50px 0;
  z-index: 1;
}
.site-branding .custom-logo-link {
  display: inline-block;
  margin-bottom: 10px;
}
.site-branding .site-title {
  margin: 0;
  font-size: 60px;
  font-family: 'Anton';
  text-transform: uppercase;
  line-height: 1;
  color: #22211f;
  letter-spacing: 1.5px;
}
.site-branding .site-title a {
  display: inline-block;
  color: #22211f;
}
.site-branding .site-title a:hover {
  color: #22211f;
}
.site-branding .site-description {
  font-size: 12px;
  letter-spacing: 1.5px;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}

#secondary .widget-title {
  margin-bottom: 0;
}

.home #secondary {
  margin-top: 30px;
}

#featured_posts .item {
  position: relative;
}
#featured_posts .item .slide-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#featured_posts .item .slide-container .slide-content {
  display: table;
  width: 100%;
  height: 100%;
}
#featured_posts .item .slide-container .slide-content .slide-inside {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside {
    background: #20151566;
  }
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item {
  border: 1px solid #fff;
  display: block;
  color: #22211f;
  letter-spacing: 0;
  text-align: center;
  width: 60%;
  margin: 0 auto;
  padding: 30px 60px;
  background: rgba(255, 255, 255, 0.95);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item {
    padding: 0;
    background: none;
    border: none;
    width: 90%;
    color: #fff;
  }
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item h2 {
  display: block;
  font-size: 36px;
  color: #22211f;
  letter-spacing: 0;
  margin-bottom: 5px;
  margin-top: 10px;
  z-index: 9;
  line-height: 1.2;
}
@media (max-width: 991px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item h2 {
    font-size: 26px;
    color: white;
  }
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item h2 a {
  color: #22211f;
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item h2 a {
    color: #fff;
  }
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item p {
  margin-bottom: 0;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item p {
    display: none;
  }
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item span.posted-in {
  text-transform: uppercase;
  font-size: 11px;
  color: #22211f;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item span.posted-in a {
    color: #fff;
  }
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item span.entry-date {
  display: block;
  margin-top: 15px;
  font-size: 14px;
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item .readmore {
  text-transform: uppercase;
  font-size: 11px;
  color: #22211f;
  letter-spacing: 2px;
  font-weight: 600;
  padding: 0 0 10px;
  border-bottom: 2px solid #996515;
  margin: 25px auto 10px;
  display: inline-block;
  transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
}
#featured_posts .item .slide-container .slide-content .slide-inside .slide-item .readmore:hover {
  color: #996515;
}
@media (max-width: 767px) {
  #featured_posts .item .slide-container .slide-content .slide-inside .slide-item .readmore {
    color: white;
    margin-top: 10px;
    padding-bottom: 3px;
    display: none;
  }
}
#featured_posts .owl-nav [class*=owl-] {
  position: absolute;
  top: 40%;
  width: 30px;
  height: 55px;
  opacity: 1;
  background: none;
  color: transparent;
  z-index: 99;
}
@media (max-width: 767px) {
  #featured_posts .owl-nav [class*=owl-] {
    display: none;
  }
}
#featured_posts .owl-nav .owl-prev {
  background: url("assets/images/prev.png") no-repeat;
  left: 3%;
}
#featured_posts .owl-nav .owl-next {
  background: url("assets/images/next.png") no-repeat;
  right: 3%;
}
#featured_posts .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#featured_posts .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  background: transparent;
  border: 2px solid #fff;
}
@media (max-width: 767px) {
  #featured_posts .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
  }
}
#featured_posts .owl-dots .owl-dot.active span {
  background-color: #fff;
}

@media (max-width: 767px) {
  #featured-content {
    padding: 0;
  }
  #featured-content .item {
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #featured-content .item img {
    display: none;
  }
}
.social-media-gadget {
  float: right;
}
.social-media-gadget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-media-gadget ul li {
  float: left;
}
.social-media-gadget ul li a {
  font-size: 14px;
  color: #22211f;
  margin: 0 2px;
  display: block;
  cursor: pointer;
  width: 36px;
  height: 36px;
  line-height: 56px;
  text-align: center;
  z-index: 1;
  position: relative;
}
.social-media-gadget ul li a:hover {
  color: #996515;
}
@media (max-width: 991px) {
  .social-media-gadget {
    position: absolute;
    right: 0;
  }
}

.site-footer {
  padding-top: 50px;
}

.footer-newsletter {
  background: #f6f2f1;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
}
.footer-newsletter .mc4wp-form-fields p {
  width: calc(33.33% - 8px);
  display: inline-block;
  float: left;
}
@media (max-width: 767px) {
  .footer-newsletter .mc4wp-form-fields p {
    width: 100%;
  }
}

.mc4wp-form-fields h2 {
  line-height: 1.2;
  letter-spacing: 2px;
  font: normal normal 24px 'Amiri', serif;
  font-size: 30px;
  color: #22211f;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  text-transform: none;
}
.mc4wp-form-fields label {
  display: none;
}
.mc4wp-form-fields p {
  margin-bottom: 0;
}
.mc4wp-form-fields input[type='email'], .mc4wp-form-fields input[type='text'] {
  background: #fff;
  border-radius: 0;
  border: none;
  width: calc(100% - 20px);
}
.mc4wp-form-fields input[type='submit'] {
  width: calc(100% - 20px);
}

.site-info {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #f6f6f6;
  padding: 20px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.site-info a {
  color: #996515;
}
.site-info a:hover {
  color: #000;
}

#to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 9999;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #996515;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  font-size: 20px;
}

#to-top:hover {
  background: #000;
}

#to-top.show {
  opacity: 1;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.grid_post_border {
  margin: 0 1%;
  border-top: 1px solid #22211f;
}

.blog-posts .post {
  margin: 2em 0;
}
.blog-posts .post .entry-content {
  text-align: center;
  padding-top: 20px;
}
.blog-posts .post .entry-content .posted-in a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #22211f;
  text-decoration: none;
}
.blog-posts .post .entry-content .posted-in a:hover {
  color: #996515;
}
.blog-posts .post .entry-content .entry-title {
  margin-bottom: 5px;
  line-height: 1.2;
  padding: 20px 0 12px;
}
.blog-posts .post .entry-content .entry-title a {
  color: #22211f;
  text-decoration: none;
}
.blog-posts .post .entry-content .entry-title a:hover {
  color: #996515;
}
.blog-posts .post .entry-content p {
  margin-bottom: 20px;
  line-height: 1.9;
}
.blog-posts .post .entry-content a.readmore {
  display: inline-block;
  font-size: 12px;
  color: #22211f;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  padding-bottom: 10px;
  text-decoration: none;
  border-bottom: 2px solid #996515;
}
.blog-posts .post .entry-content a.readmore:hover {
  color: #996515;
}

.pagination .nav-links {
  margin: 30px auto 0;
}
.pagination .nav-links .page-numbers {
  display: inline-block;
  border: 1px solid #000;
  color: #22211f;
  font-size: 14px;
  padding: 5px 13px;
}
.pagination .nav-links .page-numbers:hover {
  border-color: #996515;
  color: #996515;
}
.pagination .nav-links .current {
  border-color: #996515;
  color: #996515;
}

.single .hentry {
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 40px;
}
.single .post img {
  margin-bottom: 1.25em;
}
.single .entry-title {
  margin-top: 0;
  line-height: 1;
  margin-bottom: 0.2em;
}
.single .entry-meta {
  margin-bottom: 2em;
}
.single .entry-meta span {
  color: #777;
  margin-bottom: 0;
  margin-right: 25px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.single .entry-meta span span {
  margin-right: 0;
}
.single .entry-meta .posted-in a {
  text-transform: uppercase;
  color: #fff;
  background: #996515;
  padding: 7px 10px 5px;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  font-weight: 600;
}
.single .entry-meta .entry-date a, .single .entry-meta .byline a, .single .entry-meta .comments-link a {
  color: #777;
}
.single .entry-meta time.updated:not(.published) {
  display: none;
}
.single .entry-content blockquote {
  padding: 30px;
  position: relative;
  background: #f8f9f9;
  border-left: 3px solid #996515;
  font-style: italic;
  margin-bottom: 1.5em;
}
.single .entry-content blockquote p {
  margin-bottom: 0;
}
.single .entry-footer span {
  display: block;
  margin-bottom: 3px;
}
.single .entry-footer a {
  color: #996515;
}
.single .entry-footer .cat-links::before, .single .entry-footer .tags-links::before {
  font-family: "FontAwesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-transform: none;
  font-size: 15px;
  position: relative;
  top: 0;
  margin-right: 5px;
}
.single .entry-footer .cat-links::before {
  content: "\f115";
}
.single .entry-footer .tags-links::before {
  content: "\f02c";
}

.comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.comment-list li {
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.comment-list li .avatar {
  border-radius: 3px;
  float: left;
  width: 60px;
}
.comment-list li .comment-wrapper {
  background: #f8f9f9 none repeat scroll 0 0;
  margin-left: 6rem;
  padding: 20px;
  position: relative;
}
.comment-list li .comment-wrapper::before {
  border-color: transparent #f6f7f9 transparent transparent;
  border-style: solid;
  border-width: 0 10px 10px 0;
  content: "";
  height: 0;
  left: -9px;
  position: absolute;
  top: 0;
  width: 0;
}
.comment-list li .comment-wrapper .comment-meta {
  margin-bottom: 20px;
}
.comment-list li .comment-wrapper .comment-meta a {
  text-decoration: none;
}
.comment-list li .comment-wrapper .comment-actions i {
  padding-left: 10px;
  font-size: 13px;
}
.comment-list li ul, .comment-list li ol {
  margin-bottom: 0;
  margin-left: 1.5em;
  list-style: none;
}
.comment-list li li {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.comment-respond input.submit {
  width: auto;
}
.comment-respond input#wp-comment-cookies-consent {
  margin-right: 10px;
}

.author-profile {
  border-top: 1px solid #e3e3e3;
  padding: 35px 0;
  line-height: 1.6;
  margin-top: 40px;
}
.author-profile img {
  height: auto;
  max-width: 100px;
  width: 100px;
  border-radius: 3px;
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
  box-sizing: border-box;
}
.author-profile a {
  font: normal normal 14px 'Raleway',sans-serif;
  color: #22211f;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.6;
}

.single-product .product {
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 40px;
}
.single-product .product .product {
  border-bottom: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  font-size: 1.5em;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  flex: 100%;
  max-width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin-left: 0;
  padding-left: 20px;
}

/*--------------------------------------------------------------
# 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;
  font-size: 0.75rem;
  font-style: italic;
}

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