/*------------------------------------------------------------------/*
Theme Name: zKokoro
Theme URI: https://zthemes.net/themes/kokoro
Author: ZThemes Studio
Author URI: https://zthemes.net/
Description: A WordPress Blog & Shop Theme. See more: https://zthemes.net/themes/kokoro
Version: 2.1.0
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zkokoro
Tags: two-columns, one-column, three-columns, right-sidebar, custom-menu, featured-images, translation-ready, blog, footer-widgets, custom-colors


*/
/*--------------------------------------------------------------------------------

[Table of contents]

1. BASE CSS
2. WORDPRESS CORE
3. HEADER STYLE
4. MENU STYLE
5. FEATURED SLIDER
6. POST STYLE
7. WIDGET
8. SINGLE POST
9. COMMENTS
10. AUTHOR BOX
11. PAGE
12. ARCHIVE BOX
13. FOOTER
14. BLOG LAYOUT
15. Woocommerce
16. Responsive

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1. BASE CSS
/*-----------------------------------------------------------------------------------*/
body {
    background-color: #f3f3f3;
    color: #383838;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.75px;
}
div#wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 15px 15px rgba(200,200,200,.14);
    position: relative;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 15px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}
p {
    margin: 0 0 20px 0;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
a {
  color: #161616;
  text-decoration: none;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
  outline: none;
}
a:hover, a:focus {
    outline: none;
    text-decoration: none;
}
a:active {
    outline: none;
}
body a img:hover {
    opacity: 0.9;
}
iframe, select {
    max-width: 100%;
}
textarea:focus, input:focus{
    outline: none;
}
input, textarea {
    max-width: 100%;
}
.widget ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.widget ul ul{
    padding-left: 15px;
}
.searchform input {
    border: none;
    line-height: 35px;
    padding: 0 5px;
    font-size: 11px;
    letter-spacing: 1.25px;
    margin-right: 12px;
}
.widget .searchform input {
  width: 100%;
  border: 1px solid #f1f1f1;
  padding: 3px 15px;
}
.top-bar-search .searchform{display: inline;}
.widget select { width: 100%; }
.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}

/*-------------------------------------------------------*/
/*                    2. WORDPRESS CORE
/*-------------------------------------------------------*/
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor{}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter{
  text-align: center;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 100%;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: inherit;
  font-style:italic;
  color:inherit;
  line-height: 17px;
  margin: 8px 0 0;
}
table, th, td{
  border: 1px solid rgba(0,0,0,0.08);
}
th, td {
  padding: 0.4em;
  text-align: center;
}
table {
  border-collapse: separate;
  border-spacing: 0;
 border: none;
  margin: 0 0 1.6em;
  table-layout: auto;
  width: 100%;
}
th {
  border-width: 0 1px 1px 1px;
}
td {
  border-width: 0 1px 1px 1px;
}
th {
  border-width: 0 1px 1px 0px;
}
td {
  border-width: 0 1px 1px 0px;
}
tbody tr th{
    font-weight: 400;
}
tbody tr:first-child th{
  border-top-width: 1px;
}
tr td:first-child, tr th:first-child{
  border-left-width: 1px;
}
table tbody tr:first-child td,
table thead tr:first-child th,
table tbody tr:first-child td,
table thead tr:first-child th{
  border-top-width: 1px;
}
table thead + tbody tr:first-child td,
table thead + tbody tr:first-child td,
table tfoot + tbody tr:first-child td{
  border-top-width: 0;
}
blockquote {
  padding: 25px;
  font-size: 14px;
  font-family: 'Playfair Display', serif;
  border: 1px solid #ededed;
  color: #3c3c3c;
  line-height: 24px;
}
label{font-weight: 500;}
dt, dd {
  line-height: inherit;
}
.post-content input{
  border: 1px solid #f1f1f1;
  padding: 3px 15px;
}
.post-content input[type="submit"]{
  background-color: #000000;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 3px 10px;
    text-align: center;
    text-transform: uppercase;
    border: none;
}
a{
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
/*-------------------------------------------------------*/
/*                    3. HEADER STYLE
/*-------------------------------------------------------*/
#site-name {
  padding-bottom: 40px;
  padding-top: 30px;
  text-align: center;
}
#site-name a {
  font-size: 42px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.site-description{
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: lighter;
  letter-spacing: 2.5px;
  color: #bdbdbd;
  padding-top: 5px;
  font-style: italic;
}
/*-------------------------------------------------------*/
/*                    4. MENU STYLE
/*-------------------------------------------------------*/

#nav-wrapper.fixed {
  position: fixed;
  top: 0;
  width: inherit;
  max-width: inherit;
  background-color: #fff;
  z-index: 9999;
}
.admin-bar #nav-wrapper.fixed {
  top: 32px;
}
#nav-wrapper {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  margin-bottom: 0;
  position: relative;
}

.caret{
  border-top: 4px solid #be9c62;
}
.single #nav-wrapper, .page #nav-wrapper,.archive #nav-wrapper, .search #nav-wrapper{
  margin-bottom: 75px;
}
.togole-mainmenu {
  display: none;
}
#menu-topbar-menu {
  padding: 0;
  text-align: center;
}
.ztmenu li{
  list-style: none;
  display: inline-block;
}
#top-menu li{
  margin-right: 12px;
  line-height: 32px;
}
#top-menu li a{
  font-size: 11px;
}
.topbar a{
  color: #fff;
}
#nav-wrapper ul {
  list-style: outside none none;
  margin: 0;
}
#nav-wrapper .ztmenu > li {
  display: inline-block;  
  margin-right: 40px;
}
#nav-wrapper .ztmenu a {
  color: #212121;
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.75px;
  line-height: 50px;
  text-transform: uppercase;
}
#nav-wrapper .ztmenu a:hover {
    color: #be9c62;
}
#nav-wrapper .menu-item-has-children {
  position: relative;
  z-index: 20;
}
#nav-wrapper .sub-menu {
  background: #fff;
  left: 0;
  margin: 0;
  min-width: 230px;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  border: 1px solid #eee;
}
#nav-wrapper .sub-menu .sub-menu {
    left: 100%;
    top: 0;
}
#nav-wrapper .sub-menu li {
    display: block;
}
#nav-wrapper .ztmenu .sub-menu a {
  /*border-top: 1px solid #eee;*/
  display: block;
  font-size: 11px;
  line-height: 40px;
  padding: 0 15px;
  transition: none 0s ease 0s ;
  width: 100%;
  position: relative;
}
#nav-wrapper .ztmenu .sub-menu a .caret {
    border-style: solid;
    border-width: 4px;
    border-color: transparent transparent transparent #666;
    display: inline-block;
    height: 0;
    right: 15px;
    vertical-align: middle;
    width: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/* --- TOPBAR MENU --- */
.topbar {
  background: #000 none repeat scroll 0 0;
  overflow: hidden;
  padding: 0;
  height: 32px;
}
#top-menu {
  padding-left: 0px;
}
.social.pull-left {
  margin-top: 5px;
}
.topbar-menu {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.topbar-menu > li {
  display: inline;
  margin-right: 20px;
}

.topbar-menu li a {
    color: #333;
}

.topbar .social a {
    margin: 0 0 0 10px;
    line-height: 32px;
}
/* - Footer Menu - */
.footer-menu {
  text-align:center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.footer-menu li ul {
  display:none;
}
.footer-menu li {
  display:inline-block;
}
.footer-menu li:after {
  content:"/";
  color:#ababab;
  margin:0 15px;
  font-size:10px;
}
.footer-menu li:last-child:after {
  content:"";
  margin:0;
}
.footer-menu li a {
  font-size:11px;
  font-weight: 600;
  letter-spacing: 0.75px;
  text-transform:uppercase;
  color:#212121;
}
.footer-menu li a:hover {
  color:#be9c62;
}
.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}
/*-------------------------------------------------------*/
/*                    5. FEATURED SLIDER
/*-------------------------------------------------------*/
.space_feat {
    width: 100%;
    height: 65px;
}
.space_feat2 {
    width: 100%;
    height: 35px;
}
.featured-area {
  margin-bottom: 25px;
  overflow: hidden;
  margin-top: -1px;
}
.slider .slide-item {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    display: table;
    width: 100%;
}
.featured-area .owl-item .slide-item{
  height: 600px;
}
.feat-cats a, .feat-date{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
}
.feat-title a, .feat-cats{
  color: #fff;
}
.feat-cats a{
  background-color: #fff;
  color: #212121;
  font-size: 9px;
  padding: 3px 12px;
  border-radius: 2px;
  letter-spacing: 1px;
  margin: 0 2px;
}
.feat-cats a:hover{
  opacity: 0.8;
}
.feat-title a:hover{
  color: #fff !important;
}
.feat-title a{
  font-size: 32px;
  font-family: 'Playfair Display', serif;
  letter-spacing: 2px;
}
h4.feat-title {
    margin-bottom: 35px;
}
.slider .feat-over {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  background-color: rgba(0,0,0,.35);
}
.slider .feat-item-text {
  width: 80%;
  margin: 0 auto;
}
.slide-item .post-excerpt {
  color: #555555;
  line-height: 30px;
  margin-top: 15px;
  text-align: justify;
}
.slider .owl-controls .owl-dots {
  bottom: 40px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.slider .owl-controls .owl-dot {
    width: 10px;
    height: 10px;
    border: 2px solid #FFF;
    border-radius: 100%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s ease-in-out;
}
.slider .owl-controls .owl-dot.active {
    background-color: #fff;
}
.slide-item .post-title a {
  color: #333333;
  font-size: 20px;
  text-transform: uppercase;
}
.slider .owl-nav > div{
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: rgba(0,0,0,0.3);
  color: #ffffff;
  margin: 0 2px;
  font-size: 18px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slider .owl-nav > div.owl-prev{
  right: 75px;
}
.slider .owl-nav > div.owl-next{
  right: 30px;
}
.slider .owl-nav > div:hover{
  background-color: #fff;
}
.slide-content {
  border-radius: 2px;
  bottom: 30px;
  left: 30px;
  position: absolute;
}
.slide-content .post-cats {
    margin: 0;
}
.slide-content .post-cats > a {
    color: #fff;
}
.slide-content .post-title {
    position: relative;
    margin: 0;
}
.slide-content .post-title > a {
    color: #fff;
}
.slide-content .post-meta .post-date time {
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    padding: 3px 7px;
    text-transform: uppercase;
}
.slide-content .post-meta .socials li a{
    color: #fff;
}
a.feat-more {
    color: #fff;
    padding: 8px 20px;
    border: 2px solid #fff;
    font-size: 10px;
    letter-spacing: 1.75px;
    text-transform: uppercase;
}
a.feat-more:hover {
  background-color: #fff;
  color: #212121;
}
.feat-cats {
    margin-bottom: 12px;
}
.col-sm-12.post-st-normal {
    margin-bottom: -85px;
    margin-top: 35px;
}
/*-------------------------------------------------------*/
/*                    6. POST STYLE
/*-------------------------------------------------------*/
.slider.post-gallery{
  width: 100%;
  padding: 0;
  margin:0;
}
.slider.post-gallery li{
  list-style: none;
}
.post {
  margin-bottom: 15px;
}
.slider .slide-item.post{
  margin-bottom: 5px;
}
.post-header{
  text-align: center;
}
.post-cats {
  margin-top: 20px;
  text-align: center;
}
.single-post-content h4.post-title{
  text-align: center;
  letter-spacing: 2.75px;
  margin-bottom: 10px;
}
.post-more{
  text-align: center;
  margin-bottom: 15px;
}
.list-item .post-more{
  text-align: justify;
  margin-top: 10px;
}
.post-title, .page-title{
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  letter-spacing: 1.75px;
}
.page-title{
  text-align: center;
}
.list-item{
  display: inline-block;
  margin-top: 35px;
}
.list-item .col-sm-7{
  margin-top: 10px;
}
.list-item .post-header{
  text-align: left;
}
.grid-item .post-title{
  font-size: 20px;
}
.list-item .post-title{
  font-size: 20px;
}
.title-divider {
  border-top: 2px solid;
  display: block;
  max-width: 48px;
  margin: 0 auto 15px;
  color: #161616;
}
.post-excerpt a{
  font-weight: bold;
}
.post-excerpt a:hover{
  color: #be9c62;
}
#commentform a{
  font-weight: bold;
}
.list-item .title-divider {
  max-width: 42px;
  margin-bottom: 15px;
  margin-left: 1px;
}
article.grid-item {
  border-bottom: 4px double #ececec;
  padding-bottom: 20px;
  margin-top: 35px;
}
.slider.post-gallery .owl-controls .owl-dots{
  bottom: 30px;
}
.post-cate a {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.1em;
  padding: 3px 8px;
  background-color: #be9c62;
  border-radius: 2px;
  color: #fff;
}
.post-cate a:hover{
  background-color:#d4ba8a;
  color: #fff;
}
span.more-button {
  border-radius: 2px;
  box-sizing: border-box;
  padding: 9px 24px;
  color: #656565;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.3;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
span.more-button:hover{
  background-color: #be9c62;
  color: #fff;
  border-color: #be9c62;
}
.entry-share-box{
  display: inline-block;
  float: right;
}
.share-buttons a{
  font-size: 11px;
  padding-left: 12px;
}
.entry-share-box a:hover{
  color: #be9c62;
}
.entry-date{
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.entry-date:hover{
  color: #be9c62;
}
.post-st-normal .post-img{
  position: relative;
}
.post-st-normal .post-img img{
  width: 100%;
}
.post-entry-grid{
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}
.post-entry-grid .cat a, .post-entry-list .cat a{
  text-transform: uppercase;
  font-size: 10px;
  background-color: #be9c62;
  letter-spacing: 0.1em;
  padding: 3px 6px;
  border-radius: 2px;
  color: #fff;
}
.post-entry-grid .entry-date, .post-entry-list .entry-date{
  font-weight: 600;
  margin-left: 5px;
}
.post-box-entry{
  margin: 0 30px;
  position: relative;
  z-index: 999;
  padding: 15px 0;
  background: transparent;
  border: 2px solid #fff;
  top: -75px;
}
.wrapper-box-entry{
  padding: 25px;
  margin: 0 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 5px 0px rgba(240,240,240,0.8);
  -moz-box-shadow: 0px 10px 5px 0px rgba(240,240,240,0.8);
  box-shadow: 0px 10px 5px 0px rgba(240,240,240,0.8);
}
.wrapper-box-entry .post-entry{
  text-align: center;
  padding-bottom: 5px;
}
.page-links {
    margin-top: 15px;
}
.page-links-title {
  font-weight: 600;
  border: none !important;
}
.page-links .screen-reader-text{
  display: none;
}
.page-links a, .page-links > span{
    padding: 3px 8px;
    border: 1px solid #ededed;
    margin-left: 5px;
    font-size: 12px;
    color: #000;
}
.page-links a{
  background-color: #444444;
  color: #fff;
  border-color: #444;
}
.page-links a:hover{
  opacity: 0.8;
  color: #fff;
}
.error-page {
    text-align: center;
    min-height: 300px;
    padding-top: 35px;
}
/*-------------------------------------------------------*/
/*                    7. WIDGET
/*-------------------------------------------------------*/
.sidebar{
  padding: 35px;
}
.single-post .sidebar{
  padding-top: 0px;
}
.widget {
  /* background: #ffffff none repeat scroll 0 0; */
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 10px;
}
.widget:last-child {
    margin-bottom: 0;
}
.widget-title {
    color: #333333;
    font-size: 12px;
    letter-spacing: 1.25px;
    margin-bottom: 25px;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #be9c62;
    text-transform: uppercase;
    display: block;
    clear: both;
    font-weight: 600;
}
.instagram-footer .widget-title {
  border: none;
}
.footer-widgets .widget-title {
  border: none;
  font-family: 'Playfair Display', serif;
  text-align: left;
  font-size: 16px;
  text-transform: none;
  font-style: italic;
  padding: 0;
  padding-left: 10px;
  margin-bottom: 15px;
}
#footer .widget-title {
  background: transparent;
}
.widget-divider {
    border-top: 1px solid;
    display: block;
    max-width: 45px;
    margin: 0 auto 28px;
    color: #d9d9d9;
}
.footer-widgets .widget .widget-divider {
    margin-right: 0;
    margin-left: 10px;
}
.widget > ul {
    padding: 0;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
}
ul.latest-post{
  margin:0 5px;
}
.widget a:hover {
    color: #000;
}
/*----- WIDGET ABOUT ME -----*/
.about-img {
    margin-bottom: 20px;
}
.about-title {
  color: #333333;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 7px 0;
}
.widget_about_me p {
  margin: 0;
  text-align: center;
}
/*----- WIDGET SOCIALS -----*/
.social-widget {
    text-align: center;
}
.social-widget > a {
    border-radius: 30px;
    color: #333;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px;
    text-align: center;
    width: 32px;
}
.social-widget > a:last-child {
    margin-right: 0;
}
/*----- WIDGET LATEST POSTS -----*/
.latest-post li, .widget_categories ul li {
  border-bottom: 1px dashed #ebebeb;
  display: inline-block;
  line-height: 45px;
  width: 100%;
}
.latest-post li:last-child, .widget_categories li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.latest-post li .post-image {
  float: left;
  margin-right: 10px;
}
.latest-post li .post-image img{
  width: 100%;
}
.latest-post li .post-item-text{
  overflow: hidden;
}
.latest-post .post-item-text h4 {
  line-height: 15px;
  margin-bottom: 0;
}
.latest-post .post-item-text h4 a {
  color: #333333;
  font-size: 13px;
}
.latest-post .post-item-text h4 a:hover{
  color: #be9c62;
}
.latest-post .post-item-text .post-meta, .post-meta a {
  color: #aaaaaa;
  font-family: Montserrat;
  font-size: 11px;
  letter-spacing: 0.25px;
  line-height: normal;
  padding: 0;
}
.latest-post .post-item-text .post-meta {
  margin: 0;
  padding: 0;
}
.latest-post li {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
/*----- WIDGET CATEGORIES -----*/
.widget_categories li {
  color: #999999;
  text-align: right;
}
.latest-post li, .widget_categories ul li, .widget_recent_comments li, .widget_meta li{
  border-bottom: 1px dashed #ebebeb;
  display: inline-block;
  line-height: 45px;
  width: 100%;
}
.widget li:last-child {
    border-bottom: none;
}
.widget_categories ul li a {
  color: #333333;
  float: left;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.widget_categories ul li a:hover{
    color: #000
}
/*--- TAGCLOUD ---*/
.tagcloud {
    text-align: center;
}
.tagcloud a, .zkokoro-post-tags a {
    color: #444444;
    display: inline-block;
    font-family: Montserrat;
    font-size: 9px !important;
    margin: 0 2px 5px;
    padding: 0px 12px;
    letter-spacing: 0.75px;
    text-align: center;
    text-transform: uppercase;
    background-color: #efefef;
}
.tagcloud a:hover, .zkokoro-post-tags a:hover {
  background-color: #be9c62;
  color: #fff;
}
.zkokoro-blog-standard .zkokoro-post-tags {
  margin: 10px 0 0;
  text-align: center;
}

.zkokoro-blog-standard .zkokoro-post-tags > a {
  border: medium none;
  color: #999999;
  font-style: italic;
  margin: 0;
  padding: 0;
  text-transform: none;
}
/*--- NAV MENU ---*/
.widget_nav_menu a, .widget_pages a {
  border-bottom: 1px dashed #eeeeee;
  color: #333333;
  display: block;
  font-family: Montserrat;
  font-size: 11px;
  line-height: 40px;
  text-transform: uppercase;
}
/*--- ABOUT WIDGET ---*/
.widget_about_me .about-widget {
  text-align: center;
}
.widget_mc4wp_widget input[type="email"] {
    line-height: 35px;
    padding: 0 5px;
    border: 1px solid #eee;
}
/*--- Mailchimp widget ---*/

.subscribe-text{
  text-align: center;
}
.subscribe-form input{
  width: 98%;
  margin: 0 auto;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.subscribe-form input[type=email] {
  border: none;
  box-shadow: 0 0px 16px 0 rgba(0,0,0,.036);
  border: 1px solid #e5e5e5;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}
.subscribe-form input[type="submit"] {
  background-color: #be9c62;
  border: none;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.subscribe-form input[type="submit"]:hover{
    background-color: #000;
}
.widget_mc4wp_form_widget {
    background: #e8f1ef;
    padding: 20px;
}

#sidebar .instagram-pics {
    padding: 0;
    margin: 0 -6px;
    list-style: none;
}
#sidebar .instagram-pics li, .footer-widget-wrapper .instagram-pics li {
  display: inline-block;
  margin: 0 0 6px;
  padding: 0 3px;
  width: 33.3333%;
}
.null-instagram-feed{
  position: relative;
}
.null-instagram-feed p.clear a{
  position: absolute;
  top: 50%;
  left: 34%;
  background-color: #fff;
  padding: 4px 13px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.75px;
}
.instagram-footer .null-instagram-feed p.clear a {
  left: 47.55%;
}
.footer-widget-wrapper {
    padding: 30px;
}
/*-------------------------------------------------------*/
/*                    8. SINGLE POST
/*-------------------------------------------------------*/
.zkokoro-post-tags {
    margin-bottom: 50px;
    margin-top: 30px;
}

.single-post-footer .post-time.pull-left {
  padding-right: 0;
}
.post-footer.single-post-footer {
  margin-bottom: 50px;
  padding: 15px;
  text-align: center;
  height: 30px;
  display: block;
}
.single-post-footer .post-time.pull-left {
  border: medium none;
}

.post-footer > div {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.social-widget > a:hover {
    background-color: #be9c62;
    color: #fff;
    border-color: transparent;
}
.post-footer.single-post-footer::before {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
/*--- Pagination ---*/
.zkokoro-pagination {
  clear: both;
  margin-bottom: 50px;
  overflow: hidden;
}
.zkokoro-pagination a {
    color: #111111;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
    border: 1px solid #e2e2e2;
    padding: 7px 15px;
    text-transform: uppercase;
}
.zkokoro-pagination a:hover{
  color: #000 !important;
  border-color: #ccc;
}
.zkokoro-pagination.single-post-pagi a {
  color: #111111;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.5px;
  position: relative;
  text-transform: uppercase;
  border: none;
}
.zkokoro-pagination .page-numbers {
  padding: 0 15px;
}
.zkokoro-pagination .older {
  text-align: right;
  padding-right: 25px;
}
.zkokoro-pagination .newer {
  text-align: left;
  padding-left: 25px;
}
.zkokoro-pagination a:hover {
    color: #999999;
}
.zkokoro-pagination.single-post-pagi .older a:after, .zkokoro-pagination.single-post-pagi .newer a:before {
    font-family: "FontAwesome";
    top: 50%;
    transform: translatey(-50%);    
}
.zkokoro-pagination.single-post-pagi .older a:after {
    content: "\f178";
    padding-left: 5px;
}
.zkokoro-pagination.single-post-pagi .newer a:before {
    content: "\f177";
    padding-right: 5px;
}

.post-content .zkokoro-pagination .older {
  text-align: left;
  padding: 0;
}
.post-content .zkokoro-pagination .older a:after{
  content: '';
}
.post-content .zkokoro-pagination.single-post-pagi .older a:before{
    content: "\f177";
    padding-right: 5px;
    font-family: "FontAwesome";
    top: 50%;
    transform: translatey(-50%);
}
.post-content .zkokoro-pagination .newer{
  text-align: right;
  padding: 0;
}
.post-content .zkokoro-pagination .newer a:before{
  content: '';
}
.post-content .zkokoro-pagination.single-post-pagi .newer a:after{
  content: "\f178";
  padding-left: 5px;
  font-family: "FontAwesome";
  top: 50%;
  transform: translatey(-50%);
}
.post-content .zkokoro-pagination a{
  color: #717171;
}
.post-content .zkokoro-pagination a:hover{
  color: #424243;
}

.single-post-pagi{
  border-top: 1px dashed #e2e2e2;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
}
.comments-title, .comment-reply-title{
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  letter-spacing: 1.25px;
}
/****************************************/
/* Pagination
/****************************************/

.pagination {
  margin-top:55px;
  overflow:hidden;
  margin-bottom:45px;
  display: block;
  clear: both;
}

.pagination a {
    display: inline-block;
    color: #161616;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.pagination a:hover {
  color:#be9c62;
}
.pagination .newer {
  float:left;
  
}
.pagination .older {
  float:right;
}

/*-------------------------------------------------------*/
/*                    9. COMMENTS
/*-------------------------------------------------------*/
.comment-navigation .screen-reader-text {
    text-indent: -9999px;
    font-size: 14px;
    margin-bottom: 0;
}
.comment-navigation .nav-previous {
  float: left;
}
.comment-navigation .nav-next {
  float: right;
}
#comments .comment-list{
  margin-bottom: 50px;
  padding: 0;
  clear: both;
}
#comments ol.comment-list, #comments .comment > ol.children{list-style: none;}
.comment-list .comment-body {
    border-bottom: 1px dashed #e9e9e9;
    margin-bottom: 30px;
    padding: 25px 25px 25px 0;
}
.comment-body .comment-author{
    float: left;
    margin-right: 22px;
}
.comment-body .comment-author img{max-width: 70px}
.comment-body .comment-content{overflow: hidden;}
.comment-body .comment-content .author-name {
  color: #333333;
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-right: 20px;
  text-transform: uppercase;
}
.comment-body .comment-content .author-name a{
  color: inherit;
}
.comment-body .date-comment{
    font-size: 12px;
    color: #999999;
}
.comment-body .date-comment a{
    color: inherit;
}
.comment-body .comment-content .reply{
    float: right;
}
.comment-body .comment-content .reply a {
  background: #eeeeee none repeat scroll 0 0;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  color: #111111;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.75px;
  margin-left: 10px;
  padding: 5px 10px;
}
.comment-body .comment-content .reply a:hover{
    text-decoration: none;
}
.comment-body .comment-content .comment-text{
    letter-spacing: 0.75px;
    margin-top: 10px;
}
.comment-body .comment-content .comment-text p{
    margin-bottom: 10px;
    color: #666;
}
#commentform .input-form, #commentform .textarea-form {
  border: 1px solid #eeeeee;
  line-height: 35px;
  margin-bottom: 30px;
  padding: 0 5px;
  width: 100%;
}
textarea#message {
  min-height: 150px;
}
#cancel-comment-reply-link {
  font-size: 18px;
  margin-left: 15px;
}
.wpcf7-form .wpcf7-form-control {
  border: 1px solid #eeeeee;
  color: #666666;
  line-height: 35px;
  min-width: 50%;
  padding: 0 5px;
}
#respond #comment_submit:hover {
  background:#333;
  color:#FFF;
  border:none;
}
#respond #comment_submit {
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  color:#666;
  padding: 5px 25px 5px;
  margin-top:6px;
  display:inline-block;
  border:none;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
  cursor:pointer;
  width:auto;
  background-color: transparent;
}

/*-------------------------------------------------------*/
/*                    10. AUTHOR BOX
/*-------------------------------------------------------*/
.zkokoro-post-author {
  margin-bottom: 50px;
  padding: 20px;
  border: 1px dashed #e2e2e2;
}
.zkokoro-post-author .author-content {
  text-align: left;
}
.zkokoro-post-author .author-content .author-title > a {
  color: #111111;
}
.zkokoro-post-author .author-content .author-social {
  color: #888888;
  margin-right: 10px;
}
.author-content > p {
  margin-bottom: 10px;
}
/* --- Posts related --- */
.post-related, #comments, #respond {
    margin-bottom: 50px;
    text-align: left;
}
.post-related .post-title {
  margin: 10px 0 0;
  text-align: center;
}
.post-related time {
  display: inline-block;
  text-align: center;
  width: 100%;
}

/*-------------------------------------------------------*/
/*                    11. PAGE
/*-------------------------------------------------------*/
.zkokoro-page .post-title.page-title {
  font-size: 20px;
  margin: 25px 0;
}
.zkokoro-page {
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
}
.zkokoro-page-thumbnail {
  margin-bottom: 20px;
}
.page-content.error-page{
  text-align: center;
  padding:30px 0;
  min-height: 250px;
}
/*-------------------------------------------------------*/
/*                    12. ARCHIVE BOX
/*-------------------------------------------------------*/
.archive-box {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eeeeee;
  line-height: 50px;
  margin-bottom: 60px;
  position: relative;
  text-align: center;
}
.archive-box > span {
  color: #9e9e9e;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.archive-box > h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    letter-spacing: 1.75px;
    margin-bottom: 20px;
}
.archive-box > h1, .zkokoro-page .page-title {
  color: #111111;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 0 5px;
  text-transform: uppercase;
}
.error-page .searchform input{
    padding: 5px 15px;
    width: 100%;
    max-width: 320px;
    font-style: normal;
    font-size: 12px;
    color: #333;
    border: 2px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

/*-------------------------------------------------------*/
/*                    13. FOOTER
/*-------------------------------------------------------*/
#footer {
  margin-top: 60px;
  overflow: hidden;
  text-align: center;
}
#footer .instagram-footer {
  float: left;
  margin-top: -1px;
  position: relative;
  width: 100%;
  z-index: 5;
}
#footer .null-instagram-feed {
    margin: 0;
    padding: 0;
}
.instagram-footer .instagram-pics {
    margin: 0;
    padding: 0;
}
.instagram-footer .instagram-pics li {
  width: 12.5%;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.copyright > p {
  margin: 0;
}

.copyright {
    color: #888888;
    float: left;
    font-family: Montserrat;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 1.75px;
    padding: 35px 0;
    width: 100%;
}

/*-------------------------------------------------------*/
/*                    14. BLOG LAYOUT
/*-------------------------------------------------------*/
.zkokoro-blog-grid {
  margin: 0 -15px;
  overflow: hidden;
}
.zkokoro-blog-grid .post {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  float: left;
  padding: 0 10px;
}
.zkokoro-blog-grid .post .post-content {

}
.zkokoro-blog-grid .post-cats a, .zkokoro-blog-grid .post-title a, .zkokoro-blog-grid .post-meta a{
  color: #000;
}
.zkokoro-blog-grid .slider .slide-item {
    min-height: inherit;
}
.zkokoro-blog-grid .slider .owl-controls .owl-dots {
    bottom: 20px;
}
.zkokoro-blog-grid .post .post-title {
  line-height: 28px;
}
.zkokoro-blog-grid .post .post-title a {
    font-size: 26px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 1.25px;
    line-height: 20px;
}
/** Blog Grid 2 columns */
.zkokoro-blog-grid2columns .post:nth-child(2n+1) {
  clear: both;
}

.zkokoro-blog-grid2columns .post {
  width: 50%;
}
/** Blog Grid 3 columns */
.zkokoro-blog-grid3columns .post:nth-child(3n+1) {
  clear: both;
}

.zkokoro-blog-grid3columns .post {
  width: 33.3333%;
}

/** Button style */
.button-style-green a, .button-style-cyan-blue a, .button-style-cyan-blue2 a, .button-style-red a, .button-style-normal a{
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
  letter-spacing: 1px;
}
.button-style-green a:hover {
  background-color: #00d084 !important;
  border-color: #00d084 !important;
  color: #fff;
}
.button-style-cyan-blue a:hover {
  background-color: #8ed1fc !important;
  border-color: #8ed1fc !important;
  color: #fff;
}
.button-style-cyan-blue2 a:hover {
  background-color: #0693e3 !important;
  border-color: #0693e3 !important;
  color: #fff;
}
.button-style-red a:hover {
  background-color: #cf2e2e !important;
  border-color: #cf2e2e !important;
  color: #fff;
}
.button-style-normal a:hover {
  background-color: #be9c62 !important;
  border-color: #be9c62 !important;
  color: #fff;
}
.button-style-opacity a:hover {
  opacity: .8;
}
/** Gutenberg Style **/
.wp-block-latest-posts{
  text-align: center;
}
.wp-block-latest-posts a{
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: .2em;
    color: #000;
}
.wp-block-latest-posts__post-date{
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 10px;
  color: #959595;
  font-weight: 300;
}
.wp-block-cover .subscribe-form input[type=email]{
  width: 75%;
  max-width: 450px;
  color: #333;
  display: block;
}
.wp-block-cover .subscribe-form input[type=submit]{
  width: 50%;
  max-width: 240px;
  padding: 12px 8px;
  display: block;
  margin-top: 15px;
  -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
  transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}
.wp-block-button a{
  font-weight: normal;
  letter-spacing: .2em;
  font-size: 14px;
  text-transform: uppercase;
}
.wc-block-featured-product .wp-block-button__link{
  background-color: #00d084;
}
.wc-block-featured-product .wp-block-button__link:hover{
  opacity: .8;
  color: #fff;
}
.container.fullwidth {
    width: 100%;
}
.wp-block-group {
    padding: 10px;
}
.wp-block-cover {
    margin-bottom: 10px;
    margin-top: 10px;
}
figcaption {
    color: #696969;
}
.wp-social-link a:hover{
  color: #fff;
}
/*--------------------------------------------------------------------------------*/
/*  15. WooCommerce
/*--------------------------------------------------------------------------------*/
#container {
    width: 940px;
    margin: 0 auto;
}

.woocommerce #primary {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.woocommerce #main {
    width: 100%;
    float: none;
}
h2.woocommerce-loop-product__title {
    text-align: center;
}

/** Shop page **/

.woocommerce h2, .woocommerce h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
#container{
  width: 940px;
  margin: 0 auto;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto;
  margin-bottom: 8px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width:30.8%;
  margin-bottom:50px;
}
.woocommerce ul.products li.product a img {
  margin-bottom:8px;
}
.woocommerce ul.products li.product h3 {
  color:#000;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
    font-size: 12px;
  padding: 12px 0;
}
.woocommerce ul.products li.product .price {
  text-align:center;
    font-size: 12px;
    color: #868686;
  padding: 3px 0;
  letter-spacing: 1px;
}
.woocommerce ul.products li.product .price del {
  display:inline;
  margin-right:3px;
}
.woocommerce ul.products li.product .price ins {
  font-weight:400;
  text-decoration:none;
}
.woocommerce ul.products li.product .button {
  width: 150px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 9px;
  text-align: center;
}
.widget_product_categories .count {
  font-size:14px;
  color:#999;
}
.woocommerce ul.products li.product .onsale {
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    background-color: #424243;
    top: -18px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color:#eee;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color:#d8d8d8;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color:#d8d8d8;
}
.woocommerce .woocommerce-ordering {
    margin-top: -15px;
    margin-bottom: 40px;
}
.woocommerce .woocommerce-ordering select {
  padding:7px 9px;
  color:#999;
  border-radius:2px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
  border:none;
  background:#f7f7f7;
  max-width:180px;
}
.woocommerce .page-title {
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:3px;
  margin-bottom:5px;
}
.woocommerce .woocommerce-result-count {
    color: #ABABAB;
    font-style: italic;
    font-size: 12px;
}
.woocommerce nav.woocommerce-pagination ul {
  border:none;
}
.woocommerce nav.woocommerce-pagination ul li {
  border:1px solid #e5e5e5;
  margin:0 3px;
  border-radius:3px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background:#f7f7f7;
  color:#888;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  color:#999;
  font-size:12px;
}
.woocommerce input, .woocommerce select{
  border: 1px solid #ddd;
    color: #888;
    padding: 9px 10px;
}
.woocommerce td.product-name dl.variation dt{
  line-height: 28px;
    margin-right: 6px;
}

/** Single Product **/
.woocommerce div.product .product_title {
  font-size: 23px;
    letter-spacing: 3px;
    text-transform: uppercase;
  color:#000;
  margin-bottom: 5px;
}
.woocommerce .star-rating {
  font-size:11px;
  color:#CAAE57;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: 1em 8px 0 0;
}
a.woocommerce-review-link {
  font-size:10px;
  color:#999;
  text-transform:uppercase;
  letter-spacing:2px;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom:0;
}
.woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price {
  font-size:21px;
  color:#000;
  margin-top:15px;
}
.woocommerce #content div.product div.summary p {
  margin-bottom:20px;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  font-weight:400;
  text-decoration:none;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  margin-top:30px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color:#000;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
  padding:12px 18px 14px;
  font-weight:700;
  border-radius:2px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color:#333;
}
.woocommerce .quantity .qty {
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #E0E0E0;
}
.product_meta {
  text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
}
.product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as {
  display:block;
}
.product_meta a {
  color:#aaa;
}
.woocommerce span.onsale {
  min-height:28px;
  min-width:50px;
  line-height:28px;
  top:15px;
  left:15px;
  background-color:#fff;
  color:#000;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:2px;
  padding:0;
  padding-left:2px;
  border-radius:0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width:53%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width:43%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
  font-weight:400;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  margin-bottom:15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color:#f1f1f1;
}
.related.products h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
}
.woocommerce-tabs.wc-tabs-wrapper {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 35px;
}
.added_to_cart.wc-forward{
  display: block !important;
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
/* attributes */
.woocommerce table.shop_attributes th {
  font-weight:400;
}
.woocommerce table.shop_attributes td {
  padding-left:15px;
}

/* Comments / Reviews  */
.woocommerce #reviews #comments ol.commentlist {
  padding-left:0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position:relative;
  border:none;
  background:none;
  border-radius:100%;
  height:50px;
  width:50px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border:none;
  border-radius:0;
  margin-left:65px;
  padding:0 0 0 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin-bottom:3px;
}
.woocommerce .comment-text p.meta strong {
  color:#000;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:2px;
}
.woocommerce .star-rating {
  float:none;
  margin-bottom:8px;
}
.woocommerce #reviews #comments ol.commentlist li {
  border-bottom:1px solid #eee;
  padding-bottom:25px;
}
.woocommerce #reviews h3 {
  margin-bottom:10px;
}
.woocommerce #review_form #respond p {
  margin-bottom:10px;
}
.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 {
  border-right:1px solid #eee;
}
.woocommerce #review_form #respond textarea {
  margin-bottom:0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #fff;
    border-radius: 0;
    font-size: 11px;
    color: #6B6B6B;
    padding: 11px 21px 13px;
    display: inline-block;
    border: 1px solid #DCDCDC;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    width: auto;
    font-weight: 400;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { 
  background:#333;
  color:#FFF;
}

/** My account **/
.woocommerce-account .addresses .title h3, .woocommerce-account h2 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
.woocommerce table.my_account_orders th {
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:400;
  padding:10px;
}
.woocommerce table.shop_table td {
  border:none;
}
.woocommerce table.my_account_orders .order-actions .button {
  padding:7px 14px 8px 16px;
  font-size:10px;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
  padding:8px 8px;
}
.woocommerce table.shop_table {
  margin-bottom:35px;
}
.woocommerce-page .col2-set.addresses {
  margin-top:30px;
}
.woocommerce-page .col2-set.addresses address {
  color:#888;
}
p.myaccount_user {
  margin-bottom:35px;
}
address {
  line-height:24px;
}
.woocommerce-account .addresses .title .edit {
  font-size:11px;
  text-decoration:underline;
}

/** Empty cart **/
.cart-empty {
  text-align:center;
}
.return-to-shop {
  text-align:center;
}

/** Order ID **/
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th {
  border-bottom:none;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  font-weight:400;
}
mark {
  background-color:#fff;
  border-bottom:3px solid #eee;
}

/** Checkout **/
.woocommerce .woocommerce-info:before {
  color:#888;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  padding: 0.8em 2em 1em 3.5em!important;
  background-color:#f7f7f7;
}
.woocommerce .woocommerce-info {
    border-top-color: #e5e5e5;
}
a.showcoupon {
  text-decoration:underline;
}
.woocommerce-checkout h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
input#ship-to-different-address-checkbox {
    width: auto;
    vertical-align: middle;
}
.woocommerce-checkout h3 {
  margin-top:30px;
}
.woocommerce-checkout #payment ul.payment_methods li {
  list-style:none;
}
.woocommerce-checkout #payment ul.payment_methods li input {
  width:auto;
}
.woocommerce-checkout #payment {
  background-color:#f7f7f7;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom:none;
}
.woocommerce-checkout #payment div.payment_box:before {
  border:1em solid #ebebeb;
  border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-checkout #payment div.payment_box {
  background-color:#ebebeb;
  color:#888;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border:1px solid #e5e5e5;
}
.woocommerce-cart .wc-proceed-to-checkout {
    margin-bottom: 20px;
}
.woocommerce-billing-fields input, .woocommerce-shipping-fields textarea{
    border: 1px solid #ddd;
    color: #888;
    padding: 9px 10px;
}
.woocommerce-checkout-review-order{
  margin-bottom: 20px;
}
.checkout_coupon input#coupon_code{
    border: 1px solid #ddd;
    color: #888;
    padding: 9px 10px;
}

/** Order received **/
.woocommerce .order_details li {
  list-style:none;
}
.woocommerce .order_details {
  padding-left:0;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
  top:11px;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  border: 1px solid #ECECEC;
  line-height:32px;
}
.woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li {
  margin-bottom:0;
}


/** Cart **/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width:100%;
}
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
  padding-left:15px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top:none;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  font-size:10px;
  padding:8px 14px 9px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding:5px 6px;
  margin-right:10px;
  line-height: 1.3;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width:110px;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
  background:#f7f7f7;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
  padding:15px;
  border-top:1px solid #e5e5e5;
}
.woocommerce a.remove {
  color:#000 !important;
}
.woocommerce a.remove:hover {
  background:none !important;
  color:#000 !important;
  text-decoration:none;
}
.cart_item a {
  color:#000;
}

/** login **/
input#rememberme {
    width: auto;
}
.woocommerce .login #password {
  margin-bottom:20px;
}
.woocommerce .login .button {
  margin-right:10px;
}
.woocommerce form .form-row .input-checkbox {
  width:auto;
}
.lost_password {
  font-size:12px;
}
.woocommerce .login label{
  display: block !important;
  margin-top: 5px;
}

/** cart widget **/
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  font-size:16px;
  line-height:18px;
  font-weight:700;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  font-weight:400;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  width:60px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
  margin-bottom:8px;
}
.widget_shopping_cart .quantity {
  color:#999;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
  margin-bottom:15px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
  border-top:1px solid #eee;
  padding-top:10px;
  margin-bottom:15px;
}
.widget_shopping_cart a.button, .woocommerce .widget_price_filter .price_slider_amount .button {
  font-size:10px;
  padding:10px 16px 11px;
  margin:0 5px 0 0;
}

/** product widget **/
.woocommerce.widget_products ul.product_list_widget li img, .woocommerce.widget_recently_viewed_products ul.product_list_widget li img,
.woocommerce.widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_top_rated_products  ul.product_list_widget li img {
  float:left;
  margin-left:0;
  margin-right:14px;
  width:80px;
}
.woocommerce.widget_products ul.product_list_widget li, .woocommerce.widget_recently_viewed_products ul.product_list_widget li,
.woocommerce.widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_top_rated_products  ul.product_list_widget li {
  margin-bottom:8px;
}
.woocommerce.widget_products .amount, .woocommerce.widget_recently_viewed_products .amount, .woocommerce.widget_recent_reviews .amount, 
.woocommerce.widget_top_rated_products .amount {
  color:#999;
}
.woocommerce.widget_products span.product-title, .woocommerce.widget_recently_viewed_products span.product-title,
.woocommerce.widget_recent_reviews span.product-title, .woocommerce.widget_top_rated_products span.product-title {
    margin-bottom: 5px;
}

/** review widget **/
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
  margin-top:8px;
  margin-bottom:3px;
}
.woocommerce ul.product_list_widget .reviewer {
  color:#999;
  font-style:italic;
  font-size:12px;
}

/** widget filter **/
.woocommerce.widget_layered_nav_filters ul li { margin-right:10px; }
.woocommerce.widget_layered_nav ul li .count { color:#999; }
.woocommerce.widget_layered_nav ul li a:hover{ text-decoration:none; }

/* woocommerce pagination */
.woocommerce nav.woocommerce-pagination {
  margin-top: 25px;
  margin-bottom:70px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{ text-align: left; }
.ryviu-collection { text-align: center; }

.wp-block-button .add_to_cart_button {
    letter-spacing: 0.75px;
    background: #fff;
    border-radius: 0;
    font-size: 10px;
    color: #6B6B6B;
    padding: 8px 20px !important;
    display: inline-block;
    border: 1px solid #DCDCDC;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    width: auto;
    font-weight: 500;
}
.wp-block-button .add_to_cart_button:hover { 
  background:#333;
  color:#FFF;
}


.wc-block-grid__product {
    position: relative;
}

.wc-block-grid__product-onsale {
    position: absolute;
    top: 10px;
    left: 10px;
}
/*-------------------------------------------------------*/
/*                    16. RESPONSIVE
/*-------------------------------------------------------*/
@media(min-width:768px) and (max-width:991px){
    .zkokoro-blog-grid .post{
        width:50%
    }
    .zkokoro-blog-grid .post:nth-child(2n+1) {
      clear: both;
    }
    .zkokoro-blog-grid3columns .post:nth-child(3n+1) {
      clear: none;
    }
    .instagram-footer .instagram-pics li{
      width: 25% !important;
    }
    .featured-area .owl-item .slide-item{
      height: 520px;
    }
    h4.feat-title a{
      font-size: 24px;
    }
    .post-title, .page-title, .grid-item .post-title {
      font-size: 20px;
    }
}
@media (min-width: 768px) {
    #menu-topbar-menu{
      display: block!important;
    }
    #nav-wrapper .ztmenu .menu-item-has-children:hover > .sub-menu{
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
    }
}
@media (max-width: 767px) {
    .togole-mainmenu {
      display: inline-block;
      line-height: 50px;
      padding: 0 15px;
    }
    #site-name {
      padding-bottom: 35px;
      padding-top: 30px;
    }
    #site-name a {
      font-size: 60px;
    }
    #menu-topbar-menu {
      background-color: #fff;
      border: 0 none;
      display: none;
      left: 0;
      margin: 0;
      padding: 0 15px;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 9999;
    }
    h4.feat-title a{
      font-size: 22px;
    }
    .post-title, .page-title, .grid-item .post-title {
      font-size: 18px;
    }
    #nav-wrapper .ztmenu li {
      display: inline-block;
      float: left;
      line-height: inherit;
      margin: 0;
      text-align: left;
      width: 100%;
    }
    #nav-wrapper .ztmenu li a {
      border: medium none;
      color: #888888;
      display: inline-block;
      line-height: 40px;
      padding-left: 15px;
      width: 100%;
    }
    #nav-wrapper .ztmenu .sub-menu a {
        border-color: transparent;
    } 
    #nav-wrapper .ztmenu .menu-item-has-children > a {
        position: relative;
    }
    #nav-wrapper .sub-menu {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      display: none;
      left: inherit;
      opacity: 1;
      padding-left: 15px;
      position: inherit;
      top: inherit;
      transform: none;
      visibility: inherit;
    }  
    #nav-wrapper .ztmenu .caret::after {
      content: "\f107";
    }
    #nav-wrapper .sub-menu .dropdown > a .caret::after {
      content: "\f107";
    }
    
     #nav-wrapper .ztmenu .dropdown-toggle .caret, #nav-wrapper .sub-menu .dropdown > a .caret {
        border: medium none;
        height: 30px;
        padding: 5px;
        width: 30px;
    }
    #nav-wrapper .sub-menu .dropdown > a .caret {
        right: 0;
    }
    #nav-wrapper .ztmenu .dropdown-toggle .caret::after {
      color: #888888;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
    }
    #nav-wrapper .ztmenu .caret::after {
      content: "\f107";
      font-family: "FontAwesome";
      font-size: 15px;
      left: inherit;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
    }
    #nav-wrapper .sub-menu .sub-menu {
        border: medium none;
        left: 0;
        position: relative;
        top: 0;
    }
    #nav-wrapper .sub-menu .dropdown > a .caret::after {
      content: "\f107";
    }
    .zkokoro-blog-grid .post{
        width:100%
    }
    .zkokoro-blog-grid .post .post-format img{
      width: 100%;
    }
    .instagram-footer .instagram-pics li{
      width: 25% !important;
    }
    .featured-area .owl-item .slide-item{
      height: 480px;
    }
    h4.feat-title a{
      font-size: 28px;
    }
}
@media(max-width: 768px) {
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
    float: none;
    width: 100% !important;
}
}
@media(max-width: 480px) {
    .slider .slide-item-text {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      right: inherit;
    }
    .instagram-footer .instagram-pics li{
      width: 25% !important;
    }
    .featured-area .owl-item .slide-item{
      height: 320px;
    }
    h4.feat-title a{
      font-size: 18px;
    }
    .post-title, .page-title, .grid-item .post-title {
      font-size: 16px;
    }
    .wrapper-box-entry {
      padding: 8px;
      margin: 0 6px;
    }
    .post-box-entry {
      margin: 0 8px;
    }
    .post-entry p{
      font-size: 12px;
    }
    .entry-date {
      font-size: 8px;
    }
    span.more-button {
      padding: 6px 15px;
      font-size: 8px;
    }
    .feat-cats a, .feat-date {
      font-size: 9px;
    }
    .post-entry-grid .cat, .post-entry-list .cat {
      font-size: 9px;
    }
    .pagination a {
      font-size: 10px;
    }
    .widget-title {
      font-size: 10px;
    }
    .copyright {
      font-size: 8px;
      line-height: 18px;
    }
    #site-name {
      padding-bottom: 25px;
      padding-top: 20px;
    }
    #site-name a {
      font-size: 55px;
    }
    .comment ol{
      -webkit-padding-start: 15px;
    }
    .comment-body .date-comment a {
      font-size: 9px;
    }
    .comment-list .comment-body {
      margin-bottom: 10px;
      padding: 15px 15px 15px 0;
    }
    .comment-body .comment-author img {
      max-width: 50px;
    }
    .comment-body .comment-author {
      margin-right: 18px;
    }
    .comment-text p{
      font-size: 10px;
      line-height: 22px;
    }
    .comments-title, .comment-reply-title {
      font-size: 22px;
    }
    .comment-navigation a{
      font-size: 12px;
    }
}
@media(max-width: 360px) {
    .slider .slide-item-text {
      width: 250px;
    }
    .instagram-footer .instagram-pics li{
      width: 25% !important;
    }
    .featured-area .owl-item .slide-item{
      height: 280px;
    }
    h4.feat-title a{
      font-size: 18px;
    }
    .post-title, .page-title, .grid-item .post-title {
      font-size: 16px;
    }
    .wrapper-box-entry {
      padding: 8px;
      margin: 0 6px;
    }
    .post-box-entry {
      margin: 0 8px;
    }
    .post-entry p{
      font-size: 12px;
    }
    .entry-date {
      font-size: 8px;
    }
    span.more-button {
      padding: 6px 15px;
      font-size: 8px;
    }
    .feat-cats a, .feat-date {
      font-size: 9px;
    }
    .post-entry-grid .cat, .post-entry-list .cat {
      font-size: 9px;
    }
    .pagination a {
      font-size: 10px;
    }
    .widget-title {
      font-size: 10px;
    }
    .copyright {
      font-size: 8px;
      line-height: 18px;
    }
    #site-name {
      padding-bottom: 25px;
      padding-top: 20px;
    }
    #site-name a {
      font-size: 55px;
    }
    .comment ol{
      -webkit-padding-start: 15px;
    }
    .comment-body .date-comment a {
      font-size: 9px;
    }
    .comment-list .comment-body {
      margin-bottom: 10px;
      padding: 15px 15px 15px 0;
    }
    .comment-body .comment-author img {
      max-width: 50px;
    }
    .comment-body .comment-author {
      margin-right: 18px;
    }
    .comment-text p{
      font-size: 10px;
      line-height: 22px;
    }
    .comments-title, .comment-reply-title {
      font-size: 22px;
    }
    .comment-navigation a{
      font-size: 12px;
    }
}