/*
Theme Name: Natalie WP
Theme URI:  https://95media.co.uk/themes/natalie-wp-blogger-wordpress-theme/
Author: 95media
Author URI: https://www.95media.co.uk/
Requires at least: 5.6
Tested up to: 5.7
Requires PHP: 5.6
Text Domain: natalie-wp
Tags: custom-menu, custom-logo, footer-widgets, threaded-comments, translation-ready, theme-options, blog, right-sidebar, sticky-post
Description: A simple WordPress blog. Crispy, beautiful and awesome in every resolution. Ready for responsive, with multiple custom options in the Administration Panel to make this Theme your definitive ally for your daily blog.
Version: 1.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* WorePress Core CSS */

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


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

.gallery {
	margin-bottom: 1.5em;
	margin: -5px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 5px;
	margin: 0;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.wp-block-gallery.columns-1 {
    display: block;
}



.wp-block-cover-text a,
.wp-block-archives a,
.wp-block-latest-posts a,
.wp-block-tag-cloud a,
.wp-block-rss__item-title a,
.wp-block-button a

 {
  text-decoration: underline;
}

blockquote a,
article a,
table a,
dl a {
  text-decoration: underline;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-block-media-text__media img {
  max-width: 100%;
  height: auto;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 0px 10px 10px 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-block-cover,
.wp-block-cover-image {
  position: relative;
  background-size: cover;
  background-position: 50%;
  min-height: 430px;
  width: 100%;
  height: 430px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  box-sizing: border-box;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  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: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0 4px 5px;
  color: #000;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.bypostauthor {
  display: block;
}

/* Comments */

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

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

.comment-meta a {
  text-decoration: none;
}

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

.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: #e0218a;
  color: #fff;
  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: #fff;
  color: #e0218a;
  border: 1px solid #e0218a;
}

.reply a {
  text-decoration: none;
}



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

.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: 1px solid #dee2e6;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

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

.read-more {
  display: inherit;
}

.read-more a,
.read-more:hover {
  color: #fff;
  text-decoration: none;
}