/*
Theme Name: Sophia
Theme URI: https://bestblogtheme.com/theme/bestblog
Author: the BestBlogTheme team
Author URI: https://bestblogtheme.com
Description: Sophia is a very easy to use theme for you to write fashion blog.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fashionblog
Template: fashionblog
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, custom-logo, editor-style, threaded-comments, translation-ready, theme-options
*/

/*!
 *
 * TABLE OF CONTENTS
 *
      1.  TYPOGRAPHY
      2.  PLUGINS
      3.  LAYOUT
      4.  HEADER
      5.  FOOTER
      6.  MOBILE HEADER
      7.  LIST
      8.  SINGLE POST
      9.  COMMENTS
      10. PAGINATION
      11. WIDGETS
      12. MAIL CHIMP
      13. AJAX SEARCH
      14. 404 ERROR
      15. INSTAGRAM
      16. ABOUT ME
**/

/* ------------------------------------------------------ */
/* ############### 1. TYPOGRAPHY ############### */
/* ------------------------------------------------------ */
body {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.8;
}

body,
input:not([type="button"]),
input:not([type="submit"]),
textarea,
.top-menu li a,
#mobile-menu li a,
.top-logo a,
.mobile-top-logo a,
.get-posts-by-category .parent-category-title,
.post-meta,
.entry-meta,
.section-title,
.widget-title,
.about-me-title,
.ajax-posts-pagination,
.pagination .page-numbers,
.paginate-comments .page-numbers,
.ajax-search-title,
.comment-blogger {
  font-family: 'Nunito', sans-serif;
}

.about-me .social-menu li .icon-title {
  font-family: 'Nunito', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.top-logo a,
.about-me-description {
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem 0;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 1.5rem;
}

/*
h1 {
  font-size: 1rem;
  line-height: 1.2;
}

h2 {
  font-size: 0.9rem;
  line-height: 1.3;
}

h3 {
  font-size: 0.8rem;
  line-height: 1.4;
}

h4 {
  font-size: 0.7rem;
  line-height: 1.4;
}

h5 {
  font-size: 0.7rem;
  line-height: 1.4;
}

h6 {
  font-size: 0.7rem;
  line-height: 1.4;
}


@media screen and ( min-width: 640px ) {
  h1 {
      font-size: 1rem;
      line-height: 1.2;
  }

  h2 {
      font-size: 0.9rem;
      line-height: 1.3;
  }

  h3 {
      font-size: 0.8rem;
      line-height: 1.4;
  }

  h4 {
      font-size: 0.7rem;
      line-height: 1.4;
  }

  h5 {
      font-size: 0.7rem;
      line-height: 1.4;
  }

  h6 {
      font-size: 0.7rem;
      line-height: 1.4;
  }
}

@media screen and ( min-width: 768px ) {
  h1 {
      font-size: 1.2rem;
      line-height: 1.2;
  }

  h2 {
      font-size: 1rem;
      line-height: 1.2;
  }

  h3 {
      font-size: 0.8rem;
      line-height: 1.4;
  }

  h4 {
      font-size: 0.8rem;
      line-height: 1.4;
  }

  h5 {
      font-size: 0.7rem;
      line-height: 1.4;
  }

  h6 {
      font-size: 0.6rem;
      line-height: 1.4;
  }
}

@media screen and ( min-width: 992px ) {
  h1 {
      font-size: 1.4rem;
      line-height: 1.2;
  }

  h2 {
      font-size: 1.2rem;
      line-height: 1.2;
  }

  h3 {
      font-size: 0.9rem;
      line-height: 1.3;
  }

  h4 {
      font-size: 0.8rem;
      line-height: 1.4;
  }

  h5 {
      font-size: 0.7rem;
      line-height: 1.4;
  }

  h6 {
      font-size: 0.6rem;
      line-height: 1.4;
  }
}

@media screen and ( min-width: 1200px ) {
  h1 {
      font-size: 1.8rem;
      line-height: 1.2;
  }

  h2 {
      font-size: 1.5rem;
      line-height: 1.2;
  }

  h3 {
      font-size: 1.2rem;
      line-height: 1.2;
  }

  h4 {
      font-size: 0.9rem;
      line-height: 1.3;
  }

  h5 {
      font-size: 0.8rem;
      line-height: 1.4;
  }

  h6 {
      font-size: 0.7rem;
      line-height: 1.4;
  }
}
*/


h1 {
  font-size: 2rem;
  line-height: 1.2;
}

h2 {
  font-size: 1.8rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.2;
}

h4 {
  font-size: 1.2rem;
  line-height: 1.3;
}

h5 {
  font-size: 1rem;
  line-height: 1.4;
}

h6 {
  font-size: 0.8rem;
  line-height: 1.4;
}



p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
  margin: 0 0 1.5rem 0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
  margin-top: 1.5rem;
}

hr {
  margin: 0 0 1.5rem 0;
}

* + hr {
  margin-top: 1.5rem;
}

blockquote {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0 0 1.5rem 0;
  padding: 0.25rem 0 0.25rem 0.5rem;
  border-left: 4px solid #58b884;
}

* + blockquote {
  margin-top: 1.5rem;
}

pre {
  padding: 0.75rem;
  border-radius: 0;
}

table {
  border-collapse: collapse;
  margin: 0 0 0.75rem;
  width: 100%;
}

thead th {
  border-bottom: 0.1rem solid;
  padding-bottom: 0.25rem;
}

th {
  padding: 0.5rem;
  text-align: left;
}

tr {
  border-bottom: 0.05rem solid;
}

td {
  padding: 0.5rem;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

input:not([type="button"]),
input:not([type="submit"]),
textarea,
.uk-select:not([multiple]):not([size]),
.uk-input,
.uk-textarea {
  border-radius: 0;
  font-size: 0.65rem;
}

input:not([type="button"]),
input:not([type="submit"]),
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 2rem;
}

button:not(.uk-close, .uk-offcanvas-close),
input[type="button"],
input[type="submit"] {
  border-radius: 0;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1.9rem;
  padding: 0 40px;
  text-transform: uppercase;
}

.uk-button-primary {
  border-radius: 0;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1.9rem;
  padding: 0 40px;
  text-transform: uppercase;
}

@media screen and ( min-width: 768px ) {
  input:not([type="button"]),
  input:not([type="submit"]),
  .uk-input,
  .uk-select:not([multiple]):not([size]) {
      height: 2rem;
  }

  button:not(.uk-close, .uk-offcanvas-close),
  input[type="button"],
  input[type="submit"] {
      line-height: 1.9rem;
  }

  .uk-button-primary {
      line-height: 1.9rem;
  }
}

@media screen and ( min-width: 992px ) {
  input:not([type="button"]),
  input:not([type="submit"]),
  .uk-input,
  .uk-select:not([multiple]):not([size]) {
      height: 2.25rem;
  }

  button:not(.uk-close, .uk-offcanvas-close),
  input[type="button"],
  input[type="submit"] {
      line-height: 2.15rem;
  }

  .uk-button-primary {
      line-height: 2.15rem;
  }
}

@media screen and ( min-width: 1200px ) {
  input:not([type="button"]),
  input:not([type="submit"]),
  .uk-input,
  .uk-select:not([multiple]):not([size]) {
      height: 2.5rem;
  }

  button:not(.uk-close, .uk-offcanvas-close),
  input[type="button"],
  input[type="submit"] {
      line-height: 2.4rem;
  }

  .uk-button-primary {
      line-height: 2.4rem;
  }
}

.post-title,
.entry-title {
  font-weight: 700;
}

.post-meta,
.entry-meta {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-transform: uppercase;
}

.section-title,
.widget-title {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-transform: uppercase;
}


::-moz-selection {
  background-color: #58b884;
  color: #fff;
}

::selection {
  background-color: #58b884;
  color: #fff;
}

body {
  background-color: #faf9f7;
  color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #262626;
}

h1 a:hover, h1 a:focus,
h2 a:hover, h2 a:focus,
h3 a:hover, h3 a:focus,
h4 a:hover, h4 a:focus,
h5 a:hover, h5 a:focus,
h6 a:hover, h6 a:focus {
  color: #58b884;
}

a {
  color: #58b884;
}

a:hover {
  color: #f59b83;
}

pre,
blockquote {
  color: #666;
}

thead th,
tr {
  border-color: #e5e5e5;
}

input:not([type="button"]),
input:not([type="submit"]),
textarea,
.uk-input,
.uk-textarea {
  background-color: transparent;
  border-color: #e5e5e5;
  color: #666;
}

input:not([type="button"]):focus,
input:not([type="submit"]):focus,
textarea:focus,
.uk-input:focus,
.uk-textarea:focus {
  background-color: transparent;
  border-color: #ccc;
  color: #262626;
}

button:not(.uk-close, .uk-offcanvas-close),
input[type="button"],
input[type="submit"] {
  background-color: #262626;
  border-color: #262626;
  color: #fff;
}

button:not(.uk-close, .uk-offcanvas-close):hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:not(.uk-close, .uk-offcanvas-close):focus,
input[type="button"]:focus,
input[type="submit"]:focus,
button:not(.uk-close, .uk-offcanvas-close):active,
input[type="button"]:active,
input[type="submit"]:active {
  background-color: #58b884;
  border-color: #58b884;
  color: #fff;
}

.uk-button-primary {
  background-color: #262626;
  border-color: #262626;
  color: #fff;
}

.uk-button-primary:hover,
.uk-button-primary:focus,
.uk-button-primary:active {
  background-color: #58b884;
  border-color: #58b884;
  color: #fff;
}

.uk-alert-primary {
  background-color: #e5e5e5;
  color: #666;
}

.uk-alert-success {
  background-color: #dee7d7;
  color: #588040;
}

.uk-alert-warning {
  background-color: #ebe7cf;
  color: #cc813e;
}

.uk-alert-danger {
  background-color: #efe0de;
  color: #b2474d;
}

.uk-close:not(.uk-notification .uk-close) {
  border-radius: 100%;
  color: #262626;
  height: 1.75rem;
  width: 1.75rem;
}

.uk-close:not(.uk-notification .uk-close):hover,
.uk-close:not(.uk-notification .uk-close):focus {
  background-color: #262626;
  color: #fff;
}

.uk-notification-message {
  border-radius: 0.15rem;
  font-size: 0.65rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
  padding: 0.9rem 1.5rem;
  text-transform: uppercase;
}

.uk-notification-message-danger {
  background-color: #f0506e;
  color: #fff;
}

.uk-notification-message-success {
  background-color: #32d296;
  color: #fff;
}

.comment-submit {
  background-color: #262626 !important;
  border-color: #262626 !important;
  color: #fff !important;
}

.comment-submit:hover,
.comment-submit:focus,
.comment-submit:active {
  background-color: #58b884 !important;
  border-color: #58b884 !important;
  color: #fff !important;
}

.post-meta a,
.entry-meta a {
  color: #666;
}

.post-meta a:hover,
.post-meta a:focus,
.post-meta a:active,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
  color: #58b884;
}

em {
  color:inherit;
}

/* ------------------------------------------------------ */
/* ############### 2. PLUGINS ############### */
/* ------------------------------------------------------ */
body.admin-bar .uk-notification-top-center {
  top: 3rem;
}

/* Hover Thumbnail */
html.is-not-mobile .hover-thumbnail {
  display: block;
  position: relative;
}

html.is-not-mobile .hover-thumbnail:before {
  background-color: #fff;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .35s ease-in-out .1s;
  width: 100%;
  z-index: 2;
}

html.is-not-mobile .hover-thumbnail:hover:before,
html.is-not-mobile .hover-thumbnail:focus:before {
  opacity: 0.5;
}

/* Spin Skin */
.spinner {
  margin: 0;
  width: auto;
}

.spinner > div {
  width: 0.25rem;
  height: 0.25rem;
}


/* ------------------------------------------------------ */
/* ############### 2. PLUGINS ############### */
/* ------------------------------------------------------ */
body.admin-bar .uk-notification-top-center {
  top: 3rem;
}

/* Hover Thumbnail */
html.is-not-mobile .hover-thumbnail {
  display: block;
  position: relative;
}

html.is-not-mobile .hover-thumbnail:before {
  background-color: #fff;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .35s ease-in-out .1s;
  width: 100%;
  z-index: 2;
}

html.is-not-mobile .hover-thumbnail:hover:before,
html.is-not-mobile .hover-thumbnail:focus:before {
  opacity: 0.5;
}

/* Spin Skin */
.spinner {
  margin: 0;
  width: auto;
}

.spinner > div {
  width: 0.25rem;
  height: 0.25rem;
}


/* Owl */
.slider-posts .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 40px;
}

.slider-posts .owl-theme .owl-dots .owl-dot {
  background-color: transparent;
}

.slider-posts .owl-theme .owl-dots .owl-dot span {
  background-color: #ccc;
  height: 0.4rem;
  margin: 0 0.1rem;
  width: 0.4rem;
  transition: background-color .25s ease;
}

.slider-posts .owl-theme .owl-dots .owl-dot.active span,
.slider-posts .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #262626;
}



/* ------------------------------------------------------ */
/* ############### 3. LAYOUT ############### */
/* ------------------------------------------------------ */
.uk-container {
  max-width: 1140px;
}

.blog-content-secondary {
  width: 100%;
}



@media (min-width: 768px) {
  .blog-content-secondary {
      width: 250px;
  }
}
@media (min-width: 960px) {
  .blog-content-secondary {
      width: 280px;
  }
}
@media (min-width: 1200px) {
  .blog-content-secondary {
      width: 340px;
  }
}

body.home .blog-main-container {
  max-width: 100%;
  padding: 0;
}

body.home .blog-main-container .uk-container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 640px) {
  body.home .blog-main-container .uk-container {
      padding-left: 30px;
      padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  body.home .blog-main-container .uk-container {
      padding-left: 40px;
      padding-right: 40px;
  }
}

/* ------------------------------------------------------ */
/* ############### 3. LAYOUT ############### */
/* ------------------------------------------------------ */
.uk-container {
  max-width: 1140px;
}

.blog-content-secondary {
  width: 100%;
}

@media (min-width: 768px) {
  .blog-content-secondary {
      width: 250px;
  }
}
@media (min-width: 960px) {
  .blog-content-secondary {
      width: 280px;
  }
}
@media (min-width: 1200px) {
  .blog-content-secondary {
      width: 340px;
  }
}


/* ------------------------------------------------------ */
/* ############### 4. HEADER ############### */
/* ------------------------------------------------------ */
@media (max-width: 992px) {
  .header {
      display: none;
  }
  .instagram-list.top {
      display: none;
  }
}

.top-navbar{
  background-color: #f5f0ea;
}
.top-navbar .navbar {
  height: auto;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{
  min-height: 70px;
}

.top-menu li a {
  font-size: 0.6rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  text-decoration: none;
}

.top-menu > li > a {
  margin-right: 30px;
  padding-left: 0;
  padding-right: 0;
}

.top-social-menu li a {
  padding-left: 0;
  padding-right: 0;
}

.top-social-menu li:not(:first-child) a {
  padding-left: 0.75rem;
}

.top-social-menu li svg {
  height: 0.9rem;
  width: 0.9rem;
}

.top-social-menu li .icon-title {
  display: none;
}

.top-logo {
  padding: 1rem 0;
}
.top-logo a {
  font-size: 2rem;
}
.top-logo a img{
  max-width: 400px;
  height: auto;
}

.top-menu li a,
.top-social-menu li a,
.top-logo a {
  color: #262626;
}

.top-menu li a:hover,
.top-menu li a:focus,
.top-social-menu li a:hover,
.top-social-menu li a:focus,
.top-logo a:hover,
.top-logo a:focus,
.top-menu li a.uk-open {
  color: #58b884;
}

.top-navbar .uk-navbar-dropdown,
.get-posts-by-category {
  background-color: #faf9f7;
  box-shadow: 0 9px 18px -9px rgba(0, 0, 0, 0.03);
}

body.admin-bar .uk-sticky-fixed.top-navbar {
  top: 32px !important;
}

.top-navbar .uk-navbar-dropdown,
.get-posts-by-category {
  background-color: #f5f0ea;
}

.get-posts-by-category .parent-category-title {
  color: #262626;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.get-posts-by-category .sub-categories li {
  font-size: 0.6rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

#blog-sub-header {
  text-align: center;
}

/* #blog-sub-header .sub-title {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
} */


/* ------------------------------------------------------ */
/* ############### 5. FOOTER ############### */
/* ------------------------------------------------------ */

#blog-footer{
  background-size: auto 100%;
}

.bottom-navbar {
  padding: 2rem 0 120px;
  background: #f5f0ea url(assets/img/frieze-top.png)  center bottom / auto 120px no-repeat;
}

.bottom-navbar,
.bottom-navbar a {
  color: #262626;
}

.bottom-navbar a:hover,
.bottom-navbar a:focus {
  color: #58b884;
}

.bottom-social-menu li + li {
  margin-left: 0.5rem;
}

.bottom-social-menu li svg {
  height: 0.9rem;
  width: 0.9rem;
}

.bottom-social-menu li .icon-title {
  display: none;
}

@media (min-width: 768px) {
  .bottom-social-menu ul{
      justify-content: flex-end;
  }
}


.copyright,
.design-by {
  font-size: 0.6rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.copyright,
.design-by,
.design-by a {
  color: #262626;
}

.design-by a:hover,
.design-by a:focus {
  color: #58b884;
}

/* Hide stats pixel */
#wpstats{
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}


/* ------------------------------------------------------ */
/* ############### 6. MOBILE HEADER ############### */
/* ------------------------------------------------------ */
.mobile-header {
  display: none;
}

@media (max-width: 992px) {
  .mobile-header {
      display: block;
      margin-bottom: 2rem;
  }
}

.mobile-navbar {
  height: auto;
}

#mobile-top-navbar {
  background-color: #f5f0ea;
}

.uk-sticky-fixed#mobile-top-navbar {
  box-shadow: 0 9px 18px -9px rgba(0, 0, 0, 0.05);
}

.mobile-top-logo{
  padding-right: 20px;
}
.mobile-top-logo a {
  font-size: 1rem;
}
.mobile-top-logo a img{
  height: auto;
  max-height: 40px;
  width: auto;
}

.mobile-menu-toggle .icon:before {
  font-size: 1.2rem;
}

#mobile-navbar-content .uk-offcanvas-bar {
  background-color: #f5f0ea;
  overflow-y: hidden;
  padding: 0;
  width: 70%;
}

#mobile-menu li a {
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

#mobile-menu li li a {
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

#mobile-menu li a,
.mobile-social-menu li a {
  color: #262626;
}

#mobile-menu li a:hover,
#mobile-menu li a:focus,
.mobile-social-menu li a:hover,
.mobile-social-menu li a:focus {
  color: #58b884;
}

@media (max-width: 639px) {
  #mobile-navbar-content .uk-offcanvas-bar {
      width: 85%;
  }
}

#mobile-navbar-content .uk-offcanvas-close {
  font-size: 1rem !important;
  right: 1.5rem;
}

body.admin-bar #mobile-navbar-content .uk-offcanvas-close {
  top: 2.5rem !important;
}

@media only screen and (max-width: 782px) {
  body.admin-bar #mobile-navbar-content .uk-offcanvas-close {
      top: 3rem !important;
  }
}

.mobile-social-menu {
  padding-bottom: 3rem;
}

@media only screen and (max-width: 959px) {
  .mobile-social-menu {
      padding-bottom: 2rem;
  }
}

@media only screen and (max-width: 639px) {
  .mobile-social-menu {
      padding-bottom: 1.5rem;
  }
}

@media only screen and (max-width: 479px) {
  .mobile-social-menu {
      padding-bottom: 1rem;
  }
}

.mobile-social-menu li:not(:last-child) {
  margin-right: 0.75rem;
}

.mobile-social-menu li svg {
  height: 0.9rem;
  width: 0.9rem;
}

.mobile-social-menu li .icon-title {
  display: none;
}


/* ------------------------------------------------------ */
/* ############### 7. LIST ############### */
/* ------------------------------------------------------ */
.slider-posts li .post-thumbnail {
  position: relative;
  z-index: 1;
}

.slider-posts li .post-body {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  margin: -1.5rem 0 3.5rem
}

.slider-posts li .post-caption {
  position: relative;
  text-align: center;
  z-index: 2;
  height: auto;
  width: 100%;
}
.slider-posts li .post-in{
  width: 100%;
  background-color: #f5f0ea;
  padding: 1.5rem 1rem;
}

.slider-posts li .post-footer span:not(:last-child):after {
  content: '//';
  font-size: 0.5rem;
  padding: 0 0.5rem 0 0.6rem;
}
.slider-posts li .post-in:after{
  position: absolute;
  height: 3.5rem;
  left: 0;
  top: 100%;
  width: 100%;
  content: ' ';
  background: transparent url(assets/img/leaves01-bottom.png) center bottom / auto 100% no-repeat;
}


@media (min-width: 768px) {
  .slider-posts li .post-body {
      margin: 0;
      padding: 0;
      width: calc( 50% - 3rem );
  }
  .slider-posts li .post-thumbnail {
      width: calc( 50% + 3rem );
      display: flex;
      align-items: center;
  }
  .slider-posts li .post-in{
      margin-right: -3rem;
  }
  .slider-posts li .post-in:after{
      margin-left: 2rem;
  }
}

.sticky-posts {
  position: relative;
}

.sticky-posts-placeholder  {
  background-color: #f5f0ea;
  bottom: 2rem;
  height: 70%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.04);
}
.sticky-posts-placeholder:before{
  content: ' ';
  display: block;
  height: 75px;
  position: absolute;
  top:100%;
  left: 0;
  width:100%;
  background: transparent url(assets/img/frieze-bottom.png)  center bottom / auto 75px no-repeat;
}

.sticky-posts .uk-container  {
  position: relative;
  z-index: 2;
}

.sticky-posts .post-thumbnail {
  position: relative;
  z-index: 1;
}

.sticky-posts .post-caption {
  background-color: #f5f0ea;
  margin: -1rem 0 0 1rem;
  padding: 1rem;
  position: relative;
  z-index: 2;
}

.sticky-posts .more-button-container{
  text-align: center;
}

@media (max-width: 767px) {
  .sticky-posts{
      padding-bottom: 3rem;
      background: transparent url(assets/img/leaves-separator.png) center bottom / auto 1.5rem no-repeat;
  }
  .sticky-posts-placeholder  {
      display: none;
  }
  .sticky-posts .post-thumbnail {
      padding-left: 0;
      padding-right: 1.5rem;
  }
  .sticky-posts .post-caption {
      margin-top: -1.5rem;
      margin-left: 1.5rem;
      margin-right: 0;
  }
  .more-button-container{
    margin-top: 2rem;
  }
}

.posts-list li .post-thumbnail {
  position: relative;
  z-index: 1;
}

.posts-list li .post-header {
  background-color: #faf9f7;
  position: relative;
  z-index: 2;
}

.posts-list li.post-big .post-header,
.posts-list li.post-small .post-header {
  margin: -1.5rem 1.5rem 0;
  padding: 1.5rem 1rem 0;
}

.posts-list li.post-big .post-description {
  padding: 1.25rem 1.5rem 0;
}
.posts-list li.post-small .post-description {
  padding: 0.75rem 1.5rem 0;
}

@media (min-width: 992px) {
  .posts-list li.post-big .post-header {
      margin: -2rem 2.5rem 0;
      padding: 1.5rem 1rem 0;
  }
  .posts-list li.post-big .post-description {
      padding: 1.25rem 2.5rem 0;
  }
  .posts-list li.post-small .post-header {
      padding: 1.4rem 1.5rem 0;
  }
}

.posts-list li .link-more {
  margin: 0;
}

.posts-list li.post-big .link-more {
  margin-top: 1.25rem;
}

.posts-list li.post-small .link-more {
  margin-top: 0.5rem;
}

.posts-list li .link-more a {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
}

.posts-list li.post-big .link-more a {
  background-color: #262626;
  color: #fff;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  padding: 0 2rem;
}

.posts-list li.post-big .link-more a:hover,
.posts-list li.post-big .link-more a:focus {
  background-color: #58b884;
  color: #fff;
}

.posts-list li.post-small .link-more a {
  color: #58b884;
}

.posts-list li.post-small .link-more a:hover,
.posts-list li.post-small .link-more a:focus {
  color: #f59b83;
}

.posts-list li.post-big .post-footer {
  margin-top: 1.5rem;
}

.posts-list li.post-small .post-footer {
  margin-top: 0.5rem;
}

@media screen and ( min-width: 768px ) {
  .posts-list li.post-big .link-more a {
      height: 2rem;
      line-height: 2rem;
  }
}

@media screen and ( min-width: 992px ) {
  .posts-list li.post-big .link-more a {
      height: 2.25rem;
      line-height: 2.25rem;
  }
}

@media screen and ( min-width: 1200px ) {
  .posts-list li.post-big .link-more a {
      height: 2.5rem;
      line-height: 2.5rem;
  }
}

.posts-list li.post-big .post-footer  > div {
  display: block;
}

.posts-list li.post-big .post-footer  > div:not(:last-child) {
  margin-bottom: 0.5rem;
}

.posts-list li.post-big .post-footer .post-date:after,
.posts-list li.post-big .post-footer .post-comments:before {
  display: none;
}

.posts-list li .share a {
  color: #262626;
  display: inline-block;
  margin: 0 0.1rem;
}

.posts-list li .share a:hover,
.posts-list li .share a:focus {
  color: #58b884;
}

.posts-list li .share svg {
  height: 0.9rem;
  width: 0.9rem;
}

.posts-list li .share .icon-title {
  display: none;
}

@media (min-width: 992px) {
  .posts-list li.post-big .post-footer  > div {
      display: inline-block;
  }
  .posts-list li.post-big .post-footer .post-date:after,
  .posts-list li.post-big .post-footer .post-comments:before {
      content: '//';
      display: inline-block;
      font-size: 0.5rem;
      padding: 0 1rem;
  }
  .posts-list li.post-big .post-footer  > div:not(:last-child) {
      margin: 0;
  }
}

.grid-posts-list li .post-thumbnail {
  position: relative;
  z-index: 1;
}

.grid-posts-list li .post-header {
  background-color: #faf9f7;
  margin: -1.5rem 1.5rem 0;
  padding: 1.5rem 1rem 0;
  position: relative;
  z-index: 2;
}



/* ------------------------------------------------------ */
/* ############### 8. SINGLE POST ############### */
/* ------------------------------------------------------ */
.single-post .wrap-wp-image {
  margin: 0;
}

.single-post .wrap-wp-image + .wrap-wp-image {
  padding-top: 1.5rem;
}

@media (min-width: 992px) {
  .single-post .wrap-wp-image + .wrap-wp-image {
      padding-top: 2rem;
  }
}

.single-post .wrap-pin {
  position: relative;
}

.single-post .wrap-pin .link-pinterest {
  background-color: #58b884;
  border: none;
  bottom: 1.5rem;
  color: #fff;
  font-size: 0.6rem;
  height: 1.75rem;
  line-height: 1.75rem;
  letter-spacing: 0.05rem;
  left: 1.5rem;
  padding: 0 0.5rem;
  position: absolute;
  text-transform: uppercase;
  transition: opacity 0.5s ease 0.1s, background-color 0.5s ease, color 0.5s ease;
}

@media (min-width: 992px) {
  .single-post .wrap-pin .link-pinterest {
      height: 2.25rem;
      line-height: 2.25rem;
      padding: 0 1rem;
  }
}

.single-post .wrap-pin .link-pinterest:hover,
.single-post .wrap-pin .link-pinterest:focus {
  background-color: #f59b83;
  color: #fff;
}

.single-post .wrap-pin .icon {
  font-size: 0.7rem;
  padding-right: 0.4rem;
}

.single-post .entry-header{
  background: transparent url(assets/img/leaves-separator.png) center bottom / auto 1.5rem no-repeat;
  padding-bottom: 2.5rem;
}

.single-post .entry-thumbnail {
  margin-bottom: 1.5rem;
}

.single-post .entry-content {
  position: relative;
}

.single-post .entry-share {
  left: -3rem;
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 10;
}

.single-post .share-icons a {
  color: #262626;
  display: block;
  margin: 0 0 0.5rem;
  width: 50px;
}

.single-post .share-icons a:hover,
.single-post .share-icons a:focus {
  color: #58b884;
}

.single-post .share-icons svg {
  height: 0.9rem;
  width: 0.9rem;
}

.single-post .share-icons .icon-title {
  display: none;
}

@media (max-width: 1280px) {
  .single-post .entry-share {
      display: none;
  }
}

.single-post .entry-tags .tag-title {
  color: #262626;
  margin-right: 0.25rem;
}

.single-post .post-pagination {
  border-top: 0.05rem solid #e5e5e5;
  border-bottom: 0.05rem solid #e5e5e5;
  position: relative;
  margin-bottom: 5rem;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.03);
}
.single-post .post-pagination:after {
  content: ' ';
  height: 3rem;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%; background: transparent url(assets/img/leaves02-bottom.png) center top / auto 100% no-repeat;
}

.single-post .post-pagination-subtitle {
  color: #666;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-transform: uppercase;
}

/* Photo & imgur videos layout */
.single-post div.em-photo-layout,
.single-post div.em-imgur-videos { display:flex; margin-top: 10px; margin-bottom: 10px; gap: 10px; }
.single-post div.em-photo-layout img{
	display: block;
	min-width: 0;
}
/*
.single-post div.em-photo-layout a,
.single-post div.em-imgur-videos div { padding:0 5px; }
.single-post div.em-photo-layout a:first-of-type,
.single-post div.em-imgur-videos div:first-of-type { padding-left:0; }
.single-post div.em-photo-layout a:last-of-type,
.single-post div.em-imgur-videos div:last-of-type { padding-right:0; }
.single-post div.em-imgur-videos video { width:100%; }
*/

/* Smaller reading col */
.single-post .blog-content-main,
.page .blog-content-main{
  max-width:900px;
  margin: 0 auto;
}

/* Etsy products list */

.em-etsylist-section{
  position:relative;
}

.em-etsylist-title{
  background-color: #faf9f7;
  padding-bottom: 10px;
  padding-top: 10px;
  position: sticky;
  top: 70px;
  z-index: 10;
}
body.admin-bar .em-etsylist-title{
  top: 102px;
}
@media screen and (max-width: 782px){
  body.admin-bar .em-etsylist-title{
    top: 116px;
  }
}
@media screen and (max-width: 600px){
  body.admin-bar .em-etsylist-title{
    top: 70px;
  }
}

.em-etsylist{
  margin-left: -5px;
  margin-right: -5px;
  padding-bottom: 1rem;
}
.em-etsylist:after {
    content: "";
    display: table;
    clear: both;
}
.em-etsylist .grid-sizer{
  width: 20%;
}


.em-etsyproduct{
  width: 20%;
  min-height: 50px;
  background-color: #f5f0ea;
  display: block;
  float: left;
  box-sizing: border-box;
  position: relative;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 5px solid #faf9f7;
}
.em-etsyproduct:focus{
  outline: none;
}
.em-etsyproduct:active{
  opacity: 0.9;
}

/* .em-etsyproduct:before{
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 6px solid #faf9f7;
  box-sizing: border-box;
  z-index: 2;
} */

.em-etsyproduct[data-localisation="FR"]:after{
  content: "";
  display: block;
  position: absolute;
  z-index: 4;
  left: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg height='82.654' width='82.652' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient gradientTransform='rotate(90 269.487 -87.53)' gradientUnits='userSpaceOnUse' id='a' x1='359.149' x2='437.535' y1='113.417' y2='113.417'%3E%3Cstop offset='0' style='stop-color:%23ed2224'/%3E%3Cstop offset='1' style='stop-color:%23ed2224'/%3E%3C/linearGradient%3E%3Cpath d='M82.652 41.328c0-18.243-11.824-33.714-28.224-39.194V80.52c16.4-5.48 28.224-20.95 28.224-39.192z' fill='url(%23a)'/%3E%3ClinearGradient gradientTransform='rotate(180 80.152 -276.862)' gradientUnits='userSpaceOnUse' id='b' x1='132.08' x2='160.305' y1='-595.051' y2='-595.051'%3E%3Cstop offset='0' style='stop-color:%231a4697'/%3E%3Cstop offset='1' style='stop-color:%233150a3'/%3E%3C/linearGradient%3E%3Cpath d='M0 41.328C0 59.57 11.825 75.04 28.225 80.52V2.134C11.825 7.614 0 23.085 0 41.328z' fill='url(%23b)'/%3E%3Cpath d='M41.326 82.654c4.582 0 8.983-.758 13.103-2.135V2.134a41.271 41.271 0 0 0-26.205 0V80.52a41.265 41.265 0 0 0 13.102 2.134z' fill='%23F9F9F9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px solid white;
  border-radius: 1000px;
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
}

.em-etsyproduct.landscape{
  width: 40%;
}
@media screen and ( max-width: 900px ) {
  .em-etsylist .grid-sizer,
  .em-etsyproduct {
    width: 25%;
  }
  .em-etsyproduct.landscape{
    width: 50%;
  }
}
@media screen and ( max-width: 768px ) {
  .em-etsylist .grid-sizer,
  .em-etsyproduct {
    width: 33%;
  }
  .em-etsyproduct.landscape{
    width: 66%;
  }
}
@media screen and ( max-width: 480px ) {
  .em-etsylist .grid-sizer,
  .em-etsyproduct {
    width: 50%;
  }
  .em-etsyproduct.landscape{
    width: 100%;
  }
}


.em-etsyproduct *,
.em-etsyproduct *:before,
.em-etsyproduct *:after{
  box-sizing: inherit;
}

.em-etsyproduct > article{
  overflow: hidden;
}

.em-etsyproduct img{
  display: block;
  transition: transform 1.5s ease;
  position: relative;
  z-index: 0;
  transform: scale(0.999999);
}
.em-etsyproduct:hover img,
.em-etsyproduct:focus img{
  transform: scale(1.1);
}

.em-etsyproduct-info{
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  line-height: 1;
  left: 10px;
  bottom: 10px;
  right: 10px;
  padding: 10px 7px;
  text-align: center;
  background-color: #f5f0ea;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.em-etsyproduct:hover .em-etsyproduct-info,
.em-etsyproduct:focus .em-etsyproduct-info{
  opacity: 1;
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
  transform: translateY(0);
}

.em-etsyproduct-title{
  display: block;
  color:#262626;
  font-size: 0.875rem;
  font-family: 'Cormorant Garamond', sans-serif;
  font-weight: 700;
  margin: 0;
}
.em-etsyproduct:active .em-etsyproduct-title{
  color:#f59b83;
}

.em-etsyproduct-price{
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 0.25em;
  color:#f59b83;
}
.em-etsyproduct-price:after{
  color: inherit;
  position: relative;
  display: inline-block;
  content:"➤";
  opacity: 0;
  width: 0;
  text-indent: 0.25em;
  transform: translateX(-1em);
}
.em-etsyproduct:hover .em-etsyproduct-price:after,
.em-etsyproduct:focus .em-etsyproduct-price:after{
  transition: all 0.4s ease 0.3s;
  opacity: 1;
  transform: translateX(0);
}


.sticky-title{
  background-color: #faf9f7;
  position: sticky;
  top: 70px;
  z-index: 10;
  padding-bottom: 5px;
}
body.admin-bar .sticky-title{
  top: 102px;
}
@media screen and (max-width: 782px){
  body.admin-bar .sticky-title{
    top: 116px;
  }
}



/* content reading col with negative margins for images 
@media (min-width: 768px) {
  .single-post .blog-content-main{
      max-width: 1140px;
      margin: 0 auto;
  }
  .single-post .entry-content{
      padding: 0 120px;
  }
  .single-post div.em-photo-layout,
  .single-post div.fluid-width-video-wrapper-container{
      margin-left: -120px;
      margin-right: -120px;
  }
  .entry-content > p > a:only-child > img:only-child,
  .entry-content > p > img:only-child{
      max-width: calc(100% + 240px);
      margin-left: -120px;
      margin-right: -120px;
  }
}
/**/

/* ------------------------------------------------------ */
/* ############### 9. COMMENTS ############### */
/* ------------------------------------------------------ */
.comment-respond .logged-in-as,
.comment-reply-title {
  text-align: center;
}

.comment-avatar img {
  border-radius: 100%;
  height: auto;
  width: 3rem;
}

.comment-list ul.children .comment-avatar img {
  width: 2.5rem;
}

.comment-title {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
}

.comment-blogger {
  background-color: #58b884;
  border-radius: 1.5rem;
  color: #fff;
  font-size: 0.6rem;
  letter-spacing: 0.05rem;
  margin-left: 0.5rem;
  padding: 0.1rem 0.6rem;
  text-transform: uppercase;
}

.comment-date {
  color: #666;
  display: block;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  margin-top: 0.25rem;
  text-transform: uppercase;
}

.comment-list ul.children {
  border-left: 0.05rem solid #e5e5e5;
}

.reply-link-comment,
.edit-link-comment {
  font-size: 0.6rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  text-transform: uppercase;
}

.comment-respond {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .comment-respond {
      margin-top: 3rem;
  }
}
@media (min-width: 992px) {
  .comment-respond {
      margin-top: 4rem;
  }
}

.comment-field {
  margin-bottom: 0.5rem;
}

.comment-respond .form-submit {
  margin: 0;
  padding: 0;
}



/* ------------------------------------------------------ */
/* ############### 10. PAGINATION ############### */
/* ------------------------------------------------------ */
.ajax-posts-pagination {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
}

.ajax-posts-pagination .loader {
  background-color: transparent;
  border: 0.1rem solid #262626;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  font-size: 0.6rem;
  height: 2rem;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  min-width: 5rem;
  padding: 0 2.5rem;
  text-transform: uppercase;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.ajax-posts-pagination .loader:hover,
.ajax-posts-pagination .loader:focus {
  background-color: #58b884;
  border-color: #58b884;
  color: #fff;
}

@media screen and ( min-width: 768px ) {
  .ajax-posts-pagination .loader {
      height: 2rem;
      line-height: 2rem;
  }
}

@media screen and ( min-width: 992px ) {
  .ajax-posts-pagination .loader {
      height: 2.25rem;
      line-height: 2.25rem;
  }
}

@media screen and ( min-width: 1200px ) {
  .ajax-posts-pagination .loader {
      height: 2.5rem;
      line-height: 2.5rem;
  }
}

.pagination .page-numbers,
.paginate-comments .page-numbers {
  color: #262626;
  border: 0.1rem solid transparent;
  font-size: 0.6rem;
  font-weight: 700;
  margin: 0 0.2rem;
  padding: 0.5rem 0.6rem;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-align: center;
  text-transform: uppercase;
}

.pagination .page-numbers:not(.current):hover,
.pagination .page-numbers:not(.current):focus,
.paginate-comments .page-numbers:not(.current):hover,
.paginate-comments .page-numbers:not(.current):focus {
  color: #58b884;
  border-color: #58b884;
}

.pagination .current,
.paginate-comments .current {
  color: #58b884;
}



/* ------------------------------------------------------ */
/* ############### 11. WIDGETS ############### */
/* ------------------------------------------------------ */
.widget:not(.widget_search) {
  border: 0.05rem solid #e5e5e5;
  padding: 1rem;
}

.widget:not(:last-child) {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .widget:not(.widget_search) {
      padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .widget:not(:last-child) {
      margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .widget:not(.widget_search) {
      padding: 2rem;
  }
}

.widget a,
.widget a:hover {
  text-decoration: none;
}

.widget .widget-title {
  margin: 0 0 1.25rem;
  padding: 0;
  text-align: center;
}

.widget-about .socials li a,
.widget_recent_entries li a,
.widget_archive li a,
.widget_meta li a,
.widget_recent_comments li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_tag_cloud .tagcloud a {
  color: #262626;
}

.widget-about .socials li a:hover,
.widget-about .socials li a:focus,
.widget_recent_entries li a:hover,
.widget_recent_entries li a:focus,
.widget_archive li a:hover,
.widget_archive li a:focus,
.widget_meta li a:hover,
.widget_meta li a:focus,
.widget_recent_comments li a:hover,
.widget_recent_comments li a:focus,
.widget_categories li a:hover,
.widget_categories li a:focus,
.widget_nav_menu li a:hover,
.widget_nav_menu li a:focus,
.widget_pages li a:hover,
.widget_pages li a:focus,
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
  color: #58b884;
}

.widget_recent_entries ul,
.widget_archive ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_categories > ul,
.widget_nav_menu > ul,
.widget_pages > ul,
.widget_tag_cloud .tagcloud {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.widget_categories ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul {
  border-top: 0.05rem solid #e5e5e5;
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0.5rem 0 0 1rem;
}

.widget_recent_entries li:not(:last-child),
.widget_archive li:not(:last-child),
.widget_meta li:not(:last-child),
.widget_recent_comments li:not(:last-child),
.widget_categories li:not(:last-child),
.widget_nav_menu li:not(:last-child),
.widget_pages li:not(:last-child) {
  border-bottom: 0.05rem solid #f0f0f0;
}

.widget_recent_entries li,
.widget_archive li,
.widget_meta li,
.widget_recent_comments li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li {
  padding: 0.5rem 0;
}

.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_meta li:first-child,
.widget_recent_comments li:first-child,
.widget_categories li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child {
  padding-top: 0;
}

.widget_recent_entries li:last-child,
.widget_archive li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_categories li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child {
  padding-bottom: 0;
}

.widget_search .search-field-input {
  height: 2.5rem;
}

.widget-about .socials li {
  display: inline-block;
}

.widget-about .socials li:not(:first-child) {
  margin-left: 0.5rem;
}

.widget-about .socials li svg {
  height: 0.9rem;
  width: 0.9rem;
}

.widget-about .socials li .icon-title {
  display: none;
}

.widget-posts ul {
  margin-top: 1.5rem;
}

.widget-posts li:not(:last-child) {
  margin-bottom: 1rem;
}

.widget-posts li .post-thumbnail {
  width: 4rem;
}

.widget-posts li .post-title {
  font-size: 0.8rem;
  margin-bottom: 0;
}

.widget-posts li .post-date {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  margin-top: 0.75rem;
  text-transform: uppercase;
}

.widget-posts li .post-date a {
  color: #666;
}

.widget-posts li .post-date a:hover,
.widget-posts li .post-date a:focus {
  color: #58b884;
}

.widget-instagram .counts li {
  color: #262626;
  font-size: 0.9rem;
  padding: 0 0.5rem;
}

.widget-instagram .counts li span {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-transform: uppercase;
}

.widget-instagram ul.images-list {
  margin-left: -0.25rem;
}

.widget-instagram ul.images-list > * {
  padding-left: 0.25rem;
}

.widget-instagram ul.images-list li {
  margin-top: 0.25rem;
}

.widget_tag_cloud .tagcloud {
  margin-left: -0.75rem;
}

.widget_tag_cloud a {
  display: inline-block;
}

.widget_tag_cloud a {
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding: 0 0.75rem;
  position: relative;
}

.widget_tag_cloud a:after {
  content: '/';
  display: inline-block;
  position: absolute;
  right: -0.25rem;
  top: 0;
}

.widget_tag_cloud a:last-child:after {
  display: none;
}



/* ------------------------------------------------------ */
/* ############### 12. MAIL CHIMP ############### */
/* ------------------------------------------------------ */
#modal-mailchimp {
  background-color: rgba(0,0,0,0.5);
}

#modal-mailchimp .uk-modal-dialog {
  background-color: #faf9f7;
  box-shadow: 0 17px 34px -17px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  padding: 0;
  width: 1000px;
}

#modal-mailchimp .subscribe-title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}

#modal-mailchimp .image-column {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
}

#modal-mailchimp .spam-notice  {
  color: #999;
}

@media (max-width: 767px) {
  #modal-mailchimp .image-column {
      display: none;
  }
}

@media (min-width: 768px) {
  #modal-mailchimp .subscribe-title {
      font-size: 1.4rem;
  }
}

@media (min-width: 992px) {
  #modal-mailchimp .subscribe-title {
      font-size: 1.6rem;
  }
}



/* ------------------------------------------------------ */
/* ############### 13. AJAX SEARCH ############### */
/* ------------------------------------------------------ */
#modal-ajax-search,
#modal-ajax-search .uk-modal-body {
  background-color: #faf9f7;
}

#modal-ajax-search .fadein {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

#modal-ajax-search .sk-three-bounce .sk-child {
  height: 0.4rem;
  width: 0.4rem;
}

.ajax-search-title {
  color: #262626;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.ajax-search-input {
  border-bottom: 0.05rem solid #ccc;
  font-size: 1.8rem;
  letter-spacing: 0.05rem;
}

.ajax-search-loading {
  display: none;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

#modal-ajax-search .uk-close {
  right: 2rem;
  top: 2rem;
}

body.admin-bar #modal-ajax-search .uk-close {
  top: 3rem !important;
}


/* ------------------------------------------------------ */
/* ############### 14. 404 ERROR ############### */
/* ------------------------------------------------------ */
.error404 {
  background-color: #fff;
}

.error404 .search {
  max-width: 400px;
  margin: 0 auto;
}

.error-wrap {
  max-width: 600px;
}



/* ------------------------------------------------------ */
/* ############### 15. INSTAGRAM ############### */
/* ------------------------------------------------------ */
.instagram-list.home ul {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.instagram-list.home ul li {
  padding: 0 0.25rem;
}

.instagram-list li > a {
  background-position: 50% 50%;
  background-size: cover;
  display: block;
  height: 100%;
  width: 100%;
}

.instagram-list ul.columns-2 li {
  width: calc( 100% * 1 /2 );
}

.instagram-list ul.columns-3 li {
  width: calc( 100% * 1 /3 );
}

.instagram-list ul.columns-4 li {
  width: calc( 100% * 1 /4 );
}

.instagram-list ul.columns-5 li {
  width: calc( 100% * 1 /5 );
}

.instagram-list ul.columns-6 li {
  width: calc( 100% * 1 /6 );
}

.instagram-list ul.columns-7 li {
  width: calc( 100% * 1 /7 );
}

.instagram-list ul.columns-8 li {
  width: calc( 100% * 1 /8 );
}

.instagram-list ul.columns-9 li {
  width: calc( 100% * 1 /9 );
}

.instagram-list ul.columns-10 li {
  width: calc( 100% * 1 /10 );
}

.instagram-list ul.columns-11 li {
  width: calc( 100% * 1 /11 );
}

.instagram-list ul.columns-12 li {
  width: calc( 100% * 1 /12 );
}

@media (max-width: 768px) {
  .instagram-list ul li {
      display: none;
      width: 25% !important;
  }
  .instagram-list ul li:nth-of-type(1),
  .instagram-list ul li:nth-of-type(2),
  .instagram-list ul li:nth-of-type(3),
  .instagram-list ul li:nth-of-type(4) {
      display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .instagram-list ul li {
      display: none;
      width: calc( 100% *1 /6) !important;
  }
  .instagram-list ul li:nth-of-type(1),
  .instagram-list ul li:nth-of-type(2),
  .instagram-list ul li:nth-of-type(3),
  .instagram-list ul li:nth-of-type(4),
  .instagram-list ul li:nth-of-type(5),
  .instagram-list ul li:nth-of-type(6) {
      display: block;
  }
}



/* ------------------------------------------------------ */
/* ############### 16. ABOUT ME ############### */
/* ------------------------------------------------------ */
.about-me {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.about-me-avatar img {
  border-radius: 100%;
  width: 7rem;
}

.about-me-info-in {
  padding-right: 5rem;
}

.about-me-title {
  color: #262626;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.about-me-description {
  color: #262626;
  font-size: 1rem;
  line-height: 1.6;
}

.about-me-more {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  margin-top: 1rem;
  text-transform: uppercase;
}

.about-me .social-menu {
  margin-top: 1rem;
}

.about-me .social-menu li {
  display: inline-block;
}

.about-me .social-menu li .icon {
  display: none;
}

.about-me .social-menu li svg {
  height: 0.9rem;
  width: 0.9rem;
}

.about-me .social-menu li .icon {
  margin-right: 0.5rem;
}

.about-me .social-menu li .icon-title {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.about-me .social-menu li:not(:last-child):after {
  color: #666;
  content: '//';
  font-size: 0.5rem;
  padding: 0 0.75rem;
}

.about-me .social-menu li a {
  color: #666;
  text-decoration: none;
}

.about-me .social-menu li a:hover,
.about-me .social-menu li a:focus {
  color: #58b884;
}

@media (max-width: 767px) {
  .about-me {
      max-width: 100%;
  }
  .about-me-info-in {
      margin-top: 2rem;
      padding-right: 0;
  }
  .about-me-description {
      font-size: 0.8rem;
  }
}

@media (min-width: 768px) {
  .about-me {
      max-width: 100%;
  }
  .about-me-description {
      font-size: 0.9rem;
  }
}

@media (min-width: 992px) {
  .about-me {
      max-width: 100%;
  }
  .about-me-description {
      font-size: 0.9rem;
  }
}

@media (min-width: 1200px) {
  .about-me {
      max-width: 880px;
      padding-left: 2rem;
      padding-right: 2rem;
  }
  .about-me-description {
      font-size: 0.9rem;
  }
}

@media (max-width: 992px) {
  .about-me .social-menu li .icon-title,
  .about-me .social-menu li:after {
      display: none;
  }
  .about-me .social-menu li .icon {
      display: block;
  }
}



.no-decoration,
.no-decoration:hover{
  text-decoration: none;
}

.more-button {
  font-weight: 700;
  background-color: transparent;
  border: 0.1rem solid #262626;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
  min-width: 5rem;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.more-button:hover,
.more-button:focus {
  background-color: #58b884;
  border-color: #58b884;
  color: #fff;
  text-decoration: none;
}