/* 
Theme Name: Black is the New Pink
Template: blogfeedly
Theme URI: https://superbthemes.com/child-theme/the-pink-blogger/
Text Domain: blackisthenewpink
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-options, threaded-comments, translation-ready, sticky-post, footer-widgets, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, right-sidebar, one-column, two-columns, news, entertainment, blog
Author: superbthemescom
Author URI: https://superbthemes.com/
Description: Based on the-pink-blogger
Version: 0.1
Tested up to: 7.1
Requires at least: 4.0
Requires PHP: 4.0
*/




* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body,
button,
input,
select,
textarea {
	font-family: 'Poppins', 'Karla', 'Helvetica Neue', Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.page-title,
.widget-title,
.comments-title,
.comment-reply-title,
.social-title,
.author-title {
	font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
	font-weight: 600;
	letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #432a3a;
}

body {
	background: black !important;
	color: white !important;
	font-size: 17px;
	line-height: 1.8;
}

::selection {
	background: #f6c9d5;
	color: #432a3a;
}

::placeholder {
	color: #bb93a2;
	opacity: 1;
}

a {
	color: #c73a60;
}

a:hover {
	color: #a52b4d;
}

th {
	color: #432a3a;
}

label {
	color: #7d6070;
}

mark,
ins {
	background: #f9d3dd;
}

hr {
	background: #f3cfd9;
}

blockquote {
	border-left: 4px solid #e089a4 !important;
	color: #7d6070 !important;
}

.wp-caption-text,
.entry-caption,
.wp-block-image figcaption {
	color: #9a7a89 !important;
}

.site-header {
	background: transparent !important;
}

.site-title a {
	color: #432a3a !important;
	letter-spacing: 0.5px;
}

.site-title a:hover {
	color: #c73a60 !important;
}

.site-description {
	color: #a76f83 !important;
	font-family: 'Playfair Display', Georgia, serif !important;
	font-style: italic;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.site-navigation {
	border-top: 1px solid #f3cfd9 !important;
}

.site-navigation .menu-wrap {
	background: transparent !important;
}

.site-navigation a {
	color: #59404d !important;
	text-transform: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.3px;
}

.site-navigation a:hover {
	color: #c73a60 !important;
}

#menu-toggle {
	background: #fff !important;
	color: #432a3a !important;
	border: 1px solid #f3cfd9 !important;
	border-radius: 999px;
	width: auto;
	max-width: 200px;
	margin: 16px auto;
	padding: 8px 28px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.7;
	box-shadow: 0 8px 22px rgba(154, 54, 88, 0.12);
}

#menu-toggle:before {
	content: "\2630";
	margin-right: 10px;
	font-size: 12px;
	position: relative;
	top: -1px;
}

#menu-toggle:hover,
#menu-toggle:focus {
	background: #c73a60 !important;
	border-color: #c73a60 !important;
	color: #fff !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
#menu-toggle:focus-visible {
	outline: 2px solid #c73a60 !important;
	outline-offset: 2px;
}

.menu-wrap ul li a:focus + .sub-menu,
.menu-wrap ul li:focus-within .sub-menu,
.menu-wrap ul li.menu-item-has-children:hover .sub-menu {
	background: #fff !important;
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(93, 38, 60, 0.14) !important;
}

.menu-wrap ul li.menu-item-has-children .sub-menu li {
	border-bottom: 1px solid #f7dee5 !important;
}

.menu-wrap ul li.menu-item-has-children .sub-menu li:last-child,
.menu-wrap ul li.menu-item-has-children .sub-menu li:last-of-type {
	border-bottom: 0 !important;
}

.site-navigation .menu-wrap.menu-open {
	display: block !important;
}

.hentry {
	background: #fff !important;
	border-radius: 22px;
	box-shadow: 0 18px 45px rgba(154, 54, 88, 0.08);
	padding: 38px 44px 34px;
	overflow: hidden;
}

.post-thumbnail {
	margin: -38px -44px 32px !important;
}

a.post-thumbnail img {
	border-radius: 0 !important;
	width: 100%;
	height: auto;
}

.entry-content img {
	border-radius: 14px;
}

.page-content,
.comments-area {
	background: #fff !important;
	border-radius: 22px;
	box-shadow: 0 18px 45px rgba(154, 54, 88, 0.08);
	padding: 34px 40px 28px;
}

.search-results .page-content,
.author .page-header {
	border-bottom: 0 !important;
}

.entry-title {
	letter-spacing: 0;
}

.entry-title a {
	color: #432a3a !important;
}

.entry-title a:hover {
	color: #c73a60 !important;
}

.page-title {
	color: #432a3a !important;
}

.entry-meta,
.entry-meta * {
	color: #c73a60 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	line-height: 1.6;
}

.entry-meta > span:not(:first-child):before {
	content: "\00a0\00b7\00a0";
}

a.more-link {
	background: #fff !important;
	color: #c73a60 !important;
	border: 1px solid #d2557a !important;
	border-radius: 999px !important;
	padding: 10px 32px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3px;
	text-decoration: none;
	display: inline-block;
}

a.more-link:hover {
	background: #c73a60 !important;
	border-color: #c73a60 !important;
	color: #fff !important;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #c73a60 !important;
	border: 1px solid #c73a60 !important;
	color: #fff !important;
	border-radius: 999px !important;
	padding: 10px 26px;
	font-weight: 500;
	letter-spacing: 0.3px;
}

button:hover,
button:focus,
button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active {
	background: #a52b4d !important;
	border-color: #a52b4d !important;
	color: #fff !important;
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
	background: #fff;
	border: 1px solid #eec7d2 !important;
	border-radius: 999px !important;
	color: #5d4453 !important;
	padding: 10px 18px;
}

textarea {
	background: #fff;
	border: 1px solid #eec7d2 !important;
	border-radius: 16px !important;
	color: #5d4453 !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #c73a60 !important;
	color: #432a3a !important;
	outline: 0;
}

.tag-links,
.parent-post-link {
	color: #432a3a !important;
}

.tag-links a {
	background: #f9dbe3 !important;
	color: #a53e5d !important;
	border-radius: 999px;
	padding: 4px 14px;
}

.tag-links a:hover {
	background: #c73a60 !important;
	color: #fff !important;
}

.author-box {
	background: #fbe9ed !important;
	color: #5d4453 !important;
	border-radius: 18px;
}

.author-box .avatar {
	border-radius: 50%;
}

.author-box .author-title {
	color: #432a3a !important;
}

.author-box .author-link {
	color: #c73a60 !important;
}

.site-navigation li {
	padding:12px !important;
	margin:0;
}

.author-box .author-link:hover {
	color: #a52b4d !important;
}

.posts-list-item,
.archive-list-title {
	border-bottom-color: #f3d7de !important;
}

.comments-title,
.comment-notes {
	border-bottom-color: #f3d7de !important;
}

.comment-list,
.comment-body {
	border-color: #f3d7de !important;
}

.comment-meta {
	color: #9a7a89 !important;
}

.comment-meta .avatar {
	border-radius: 50%;
}

.comment-author .fn {
	color: #432a3a !important;
}

.comment-author .url {
	color: #432a3a !important;
}

.comment-metadata a {
	color: #b0879a !important;
}

.comment-meta a:hover {
	color: #c73a60 !important;
}

.bypostauthor > .comment-body .fn:after {
	color: #c73a60 !important;
}

.comments-closed,
.comment-notes,
.logged-in-as {
	color: #9a7a89 !important;
}

#cancel-comment-reply-link {
	background: #c73a60 !important;
	color: #fff !important;
	border-radius: 999px;
}

.read-more .more-link {
	display: inline-block;
}

.navigation {
	background: transparent !important;
	color: #8a6a7a !important;
}

.navigation a {
	color: #6b5560 !important;
}

.navigation a:hover {
	color: #c73a60 !important;
}

.nav-previous a,
.nav-next a {
	background: #fff !important;
	border-radius: 999px !important;
	padding: 8px 20px;
	box-shadow: 0 6px 18px rgba(154, 54, 88, 0.1);
}

.pagination .page-numbers {
	background: #fff !important;
	border-radius: 999px !important;
	color: #6b5560 !important;
	font-weight: 600 !important;
	padding: 10px 17px;
	box-shadow: 0 6px 18px rgba(154, 54, 88, 0.1);
	text-decoration: none;
}

.pagination a.page-numbers:hover {
	color: #c73a60 !important;
}

.pagination .page-numbers.current {
	background: #c73a60 !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(199, 58, 96, 0.35);
}

.infinite-scroll #infinite-handle span {
	background: #c73a60 !important;
	color: #fff !important;
	border-radius: 999px !important;
	padding: 8px 22px;
}

.infinite-scroll #infinite-handle span:hover {
	background: #a52b4d !important;
	color: #fff !important;
}

.social-links a {
	background-color: #fff !important;
	color: #c73a60 !important;
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(154, 54, 88, 0.12);
}

.social-links a:hover {
	background-color: #c73a60 !important;
	color: #fff !important;
}

.social-title {
	color: #432a3a !important;
}

.site-content .inner.main-with-sidebar {
	max-width: 1120px;
}

.main-has-sidebar {
	max-width: 66% !important;
}

aside#secondary.featured-sidebar {
	border-left: 0 !important;
	max-width: 34% !important;
	padding-left: 0 !important;
	margin-left: 40px !important;
}

@media only screen and (max-width: 850px) {
	.main-has-sidebar,
	aside#secondary.featured-sidebar {
		max-width: 100% !important;
	}

	aside#secondary.featured-sidebar {
		margin-left: 0 !important;
	}
}

.featured-sidebar .widget {
	background: #fff !important;
	border-radius: 20px;
	box-shadow: 0 14px 36px rgba(154, 54, 88, 0.08);
	padding: 26px 24px;
	margin-bottom: 30px !important;
}

.featured-sidebar * {
	color: #6b5560;
	font-size: 15px;
}

.featured-sidebar a {
	color: #432a3a !important;
}

.featured-sidebar a:hover {
	color: #c73a60 !important;
}

.featured-sidebar .widget-title,
#secondary h2 {
	border-bottom: 0 !important;
	color: #432a3a !important;
	font-size: 20px !important;
	padding-bottom: 4px !important;
}

.featured-sidebar ul {
	list-style: none;
	padding-left: 2px;
}

.featured-sidebar .widget li {
	border-bottom: 1px solid #f7e2e8;
	padding: 8px 0 10px;
}

.featured-sidebar .widget li:last-child {
	border-bottom: 0;
}

.featured-sidebar img {
	border-radius: 12px;
}

.featured-sidebar #wp-calendar th {
	color: #432a3a !important;
}

.featured-sidebar #wp-calendar tbody a {
	border: 1px solid #eec7d2 !important;
}

.featured-sidebar .tagcloud a {
	border: 1px solid #f0cdd7 !important;
	border-radius: 999px;
	color: #5d4453 !important;
}

li.spbrposts-li {
	border-bottom-color: #f7e2e8 !important;
}

li.spbrposts-li time.spbrposts-time.published a {
	color: #b0879a !important;
	font-weight: 400 !important;
}

.site-footer {
	background: #3a2531 !important;
	color: #ecd2dc !important;
}

.site-footer * {
	color: #ecd2dc;
}

footer.site-footer h1,
footer.site-footer h2,
footer.site-footer h3,
footer.site-footer h4,
footer.site-footer h5,
footer.site-footer h6 {
	color: #fff !important;
}

.site-footer .widget-title {
	border-bottom: 0 !important;
	color: #fff !important;
	font-size: 20px;
	letter-spacing: 0.3px;
}

.site-footer a {
	color: #f6dde6 !important;
}

.site-footer a:hover {
	color: #fff !important;
}

.supplementary {
	border-bottom: 1px solid rgba(246, 221, 230, 0.16) !important;
}

.copyright,
.copyright * {
	color: #c8a2b2 !important;
	font-weight: 400;
}

.copyright a {
	color: #f6dde6 !important;
}

#back-to-top {
	color: #ecd2dc !important;
}

#back-to-top:hover {
	color: #fff !important;
}

.site-footer input[type="text"],
.site-footer input[type="email"],
.site-footer input[type="url"],
.site-footer input[type="password"],
.site-footer input[type="search"],
.site-footer select,
.site-footer textarea {
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(246, 221, 230, 0.22) !important;
	color: #f6dde6 !important;
}

.site-footer ::placeholder {
	color: #c8a2b2 !important;
}

.site-footer input[type="text"]:focus,
.site-footer input[type="email"]:focus,
.site-footer input[type="url"]:focus,
.site-footer input[type="search"]:focus,
.site-footer textarea:focus {
	border-color: #d2557a !important;
}

.widget button,
.widget input[type="submit"],
.widget input[type="button"],
.widget input[type="reset"] {
	background: #d2557a !important;
	border-color: #d2557a !important;
	color: #fff !important;
}

.widget button:hover,
.widget button:focus,
.widget button:active,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus,
.widget input[type="submit"]:active,
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="button"]:active,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="reset"]:active {
	background: #c73a60 !important;
	border-color: #c73a60 !important;
	color: #fff !important;
}

.site-footer .tagcloud a {
	border: 1px solid rgba(246, 221, 230, 0.3) !important;
	border-radius: 999px;
}

.site-footer #wp-calendar tbody a {
	border-color: rgba(246, 221, 230, 0.3) !important;
}

.wpcf7 input,
.wpcf7 textarea {
	border-color: #eec7d2 !important;
}

.wpcf7 input.wpcf7-submit {
	background: #c73a60 !important;
	border-color: #c73a60 !important;
}

.wp-block-pullquote blockquote {
	border-top-color: #c73a60 !important;
	border-bottom-color: #c73a60 !important;
	border-left: 0 !important;
}

.wp-block-file .wp-block-file__button,
.wp-block-button .wp-block-button__link {
	background-color: #c73a60 !important;
	border-radius: 999px !important;
	color: #fff !important;
}

.wp-block-file .wp-block-file__button:active,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:visited,
.wp-block-button .wp-block-button__link:active,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:visited {
	background-color: #a52b4d !important;
	color: #fff !important;
	opacity: 1;
}

.featured-sidebar .wp-block-button .wp-block-button__link,
.featured-sidebar .wp-block-button .wp-block-button__link:hover,
.featured-sidebar .wp-block-button .wp-block-button__link:focus,
.featured-sidebar .wp-block-file .wp-block-file__button,
.featured-sidebar .wp-block-file .wp-block-file__button:hover,
.featured-sidebar .wp-block-file .wp-block-file__button:focus,
.featured-sidebar a.more-link:hover,
.featured-sidebar a.more-link:focus,
.site-footer .wp-block-button .wp-block-button__link,
.site-footer .wp-block-button .wp-block-button__link:hover,
.site-footer .wp-block-button .wp-block-button__link:focus,
.wpcf7 input.wpcf7-submit:hover,
.wpcf7 input.wpcf7-submit:focus,
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:focus {
	color: #fff !important;
}

.wp-block-separator.is-style-dots:before {
	color: #c98ba3 !important;
}

@media only screen and (max-width: 600px) {
	.hentry {
		padding: 26px 22px;
		border-radius: 18px;
	}

	.post-thumbnail {
		margin: -26px -22px 24px !important;
	}

	.page-content,
	.comments-area {
		padding: 26px 22px;
		border-radius: 18px;
	}
}

header.site-header img {
    max-width: 50%;
}