/*
Theme Name: Natalie WP
Theme URI:  https://95media.co.uk/themes/natalie-wp-blogger-wordpress-theme/
Author: 95media Themes
Author URI: https://www.95media.co.uk/
Requires at least: 5.6
Tested up to: 5.8
Requires PHP: 5.6
Text Domain: natalie-wp
Tags: custom-menu, e-commerce, custom-logo, footer-widgets, threaded-comments, translation-ready, theme-options, blog, right-sidebar, sticky-post, custom-colors, grid-layout, two-columns, wide-blocks, block-styles, editor-style
Description:With Natalie WordPress theme, you can easily create a blog that is both personal and professional, and your audience will like reading it. It is equipped with cutting-edge technologies and has a layout that is user-friendly, which guarantees an authoritative website presence.

The Natalie theme is adaptable to a broad variety of blogging specialities, such as those dealing with travel, lifestyle, fashion, and journals, amongst others. Putting the demo content on your website can quickly get it up and running with just one click.
Version: 1.7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Comments */

#comments ol,
#comments ul {
  list-style: none;
  padding: 0;
}

#comments .nav-links a {
  padding: 0;
}

.comment-content {
  width: 450px;
}

.entry-pings,
.entry-comments {
  color: #444;
  padding: 20px 45px 40px 45px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border-left: 4px solid #444;
}

.entry-comments h3 {
  font-size: 30px;
  margin-bottom: 30px;
}

.comment-respond h3,
.entry-pings h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.comment-respond {
  margin: 1.5rem 0;
}

.comment-header {
  color: #adaeb3;
  font-size: 14px;
  margin-bottom: 20px;
}

.comment-header cite a {
  border: none;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
}

.comment-header .comment-meta a {
  border: none;
  color: #adaeb3;
}

li.comment {
  background-color: #fff;
  border-right: none;
}

.comment-content {
  clear: both;
  overflow: hidden;
}

.comment-list li {
  font-size: 14px;
  padding: 20px 30px 20px 25px;
}

.comment-list .children {
  margin-top: 40px;
  margin-left: 1rem;
  border-top: 1px solid #f3f3f3;
}

.comment-respond label {
  display: block;
  margin-right: 12px;
}

.entry-comments .comment-author {
  margin-bottom: 0;
  position: relative;
}

.entry-comments .comment-author img {
  border-radius: 50%;
  border: 5px solid #fff;
  left: -80px;
  top: -5px;
  position: absolute;
  width: 60px;
}

.entry-pings .reply {
  display: none;
}

.bypostauthor {
}

.form-allowed-tags {
  background-color: #f5f5f5;
  font-size: 16px;
  padding: 24px;
}

.post-comment .reply a {
  float: right;
  font-size: 10px;
  background-color: #d8c4ba;
  color: #4d4443;
  padding: 3px 8px 4px;
  border-radius: 10px;
  margin-left: 7px;
  margin-top: -65px;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 20px;
}

.post-comment .reply a:hover {
  background-color: #000;
  color: #d8c4ba;
  border: 1px solid #d8c4ba;
}

.reply a {
  text-decoration: none;
}



.comment-reply-link:hover {
  color: #4d4443;
}

.comment-notes {
  display: none;
}

.comment-form-comment #comment,
.comment-form-author #author,
.comment-form-email #email,
.comment-form-url #url {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

p.comment-form-comment label {
    margin-left: -12px;
}
p.comment-form-comment {
    margin-left: 15px;
}

.avatar.avatar-60.photo {
  border-radius: 50%;
}


.comment-respond .submit {
    background-color: #000;
    color: #fff;
    border: none;
    height: 45px;
}

.comment-respond .submit:hover{
    background-color: #d8c4ba;
    border-radius: 4px;
    color: #000;
}