/*
Theme Name: Bit Byte Coder
Text Domain: bitbytecoder
Version: 1.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


body {
	padding: 0px;
	margin: 0px;
	background: #f4f6f8;
	border: 8px solid #f4f6f8;
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

.custom-logo-link img {
	width:150px;
	height: auto;
}
.logo .site-title {
	font-size: 38px !important;
	text-transform: uppercase;
}

ul.desktop-menu li.current_page_item a,
ul.desktop-menu li.current-menu-item a 
{
	color: #b70038 !important;
	font-weight: 700;
}

.dropdown-menu {
    min-width: 13rem;
}
/* .navbar-nav .desktop-menu li:nth-last-child(1) a {
	font-weight: 700;
	color: #b70038;
} */

.search-body input.search-submit {
	font-family: "Rubik", sans-serif;
	width: 70px;
	float: right;
	padding: 0px 0px;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	border: 0;
	color: #b70038;
	background: #fff;
	border-radius: 0px;
}

form.search-form input#search-form-1 {
	font-family: "Rubik", sans-serif;
	width: 220px;
	float: left;
	padding: 10px 10px;
	font-weight: 400;
	font-size: 19px;
	line-height: 20px;
	border: 0;
	color: #222;
	border-radius: 0px;
}

form.search-form {
	display: flex;
	justify-content: space-between;
}

.search-body input::placeholder {
	color: transparent !important;
}

.bottom ul li {
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}

.post-card ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
}

.post-card ul li {
	padding: 0;
	margin: 0 3% 20px 0;
	list-style: none;
	width: 30%;
	box-sizing: border-box;
	flex: 1 1 calc(33% - 20px);
	margin-bottom: 20px;
	box-sizing: border-box;
}

.post-card ul li:nth-child(3n) {
	margin-right: 0;
	/* Remove right margin on every 3rd item to align the last item in the row */
}

.post-card ul li:nth-child(3n) {
	margin-right: 0;
	/* Remove margin on every 3rd item */
}

.sub-post-card .imagebox-details img {
	height: 245px;
	width: 100%;
}

.sub-post-card ul {
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-wrap: nowrap;
}

.c-btn--disabled {
	opacity: .5;
	cursor: not-allowed !important;
	border-color: #5d738d !important;
}

.tags-body ul li img {
	width: -webkit-fill-available;
}

.title.archive {
	padding: 25px;
	text-align: center;
}

span.highlighted-number {
	font-weight: 600;
	color: #b70038;
}

.title.archive h1 {
	margin-bottom: 0px;
	font-size: 30px;
	font-weight: 600;
}

.title.archive p {
	margin-top: 8px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 22px;
}

.authors-image.profile img {
	width: auto;
}

.social-info span {
	font-size: 12px;
	color: #5d738d;
	line-height: 20px;
	margin-right: 15px;
	text-transform: uppercase;
}

.social-info span .fa {
	font-size: 16px;
	color: #5d738d;
	line-height: 20px;
	margin: 0px 8px 0px 0px;
}

.title.archive.author {
	display: flex;
	align-items: center;
}

.authors-image.profile {
	margin-right: 32px;
	width: auto;
	float: none;
}

.authors-image-details.profile {
	flex: 3;
	padding-right: 40px;
	margin-right: 40px;
	width: inherit;
}

.social-info {
	flex: 1;
}

h1.title4o4 {
	text-align: center;
}

.contact.no4o4 form.search-form,
li.no-result-form form.search-form {
	text-align: center;
	padding: 50px 10px;
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	background: #f4f6f8;
	border: 1px solid #ecf0f1;
}

.contact.no4o4 form.search-form label,
li.no-result-form form.search-form label {
	width: 70%;
}

.contact.no4o4 form.search-form input#search-form-2,
li.no-result-form .search-form input#search-form-2 {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	color: #222;
	padding: 10px 10px;
	height: 46px;
	width: 100%;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #b70038;
}

.contact.no4o4 form.search-form input#search-form-2:focus-visible,
li.no-result-form form.search-form input#search-form-2:focus-visible {
	outline: 0;
}

.contact.no4o4 form.search-form input.search-submit,
li.no-result-form form.search-form input.search-submit {
	width: 25%;
	padding: 10px 5px;
	background: #b70038;
	border: 1px solid #b70038;
	border-radius: 0px;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 0px 0px;
}

.no-result {
	text-align: center;
	width: 100%;
}

.no-result>li {
	width: 100% !important;
}

.search-pagination {
	text-align: center;
	word-spacing: 15px;
}

.search-paginatin a {
	padding: 0px 15px;
}

.subpage-left figcaption p a:hover {
	border-bottom: none;
}

.post-comment .author-avatar.vcard img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #f4f6f8;
	margin-bottom: 20px;
}

.post-comment h2.author-title {
	font-size: 19px;
	font-weight: 400;
	color: #222;
	line-height: 25px;
	margin-bottom: 5px;
}

@media(max-width: 767px) {

	.contact.no4o4 form.search-form,
	li.no-result-form form.search-form {
		text-align: center;
		padding: 30px 5px;
		border-radius: 5px;
		display: inline-block;
		width: 100%;
		background: #f4f6f8;
		border: 1px solid #ecf0f1;
	}

	ul#menu-main-menu {
		border: none !important;
		box-shadow: none !important;
	}

	nav.navbar.navbar-expand-sm.navbar-dark {
		padding: 0px !important;
	}

	.footer-full footer {
		width: 100%;
		padding: 30px 0px;
		float: left;
		position: relative;
		border-top: 1px solid #ecf0f1;
		display: flex;
		align-items: center;
	}

	.sub-post-card ul {
		padding: 0px;
		margin: 0px;
		display: block;
		flex-wrap: nowrap;
	}

	.sub-post-card h4 {

		font-size: 20px;
	}

	.sub-post-card .imagebox-details img {
		height: auto;
		width: 100%;
	}

	.post-card ul li {
		flex: 1 1 100%;
		/* Single column on mobile */
	}

	.title.archive.author {
		display: inline-block;
		text-align: center;
	}

	.authors-image.profile {
		margin-right: auto;
	}

	.authors-image-details.profile {

		margin-right: auto;
		padding-right: initial;
		width: inherit;
	}

	.social-info {
		flex: 1;
		display: inline-block;
		margin-top: 15px;
	}
}


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

/*	12. Comments
/* -------------------------------------------------------------------------- */


/* Comment Headers ----------------------------- */
/*
.comments-wrapper {
	margin-top: 5rem;
} */

.comment-reply-title {
	margin: 0 0 4rem 0;
	text-align: center;
}


/* Comment Item ----------------------------- */

/* COMMENT HEADER */

.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
	padding-top: 3.5rem;
}

div.comment:first-of-type {
	margin-top: 2.5rem;
	padding-top: 0;
}

.comments .comments-header+div {
	margin-top: 0;
	padding-top: 0;
}

.comment-body {
	position: relative;
}

.comment .comment {
	padding-left: 5%;
}

.comment-meta {
	line-height: 1.1;
	margin-bottom: .5rem;
	min-height: 5rem;
	padding-left: 5rem;
	position: relative;
}

.hide-avatars .comment-meta {
	min-height: 0;
	padding-left: 0;
}

.comment-meta a {
	color: inherit;
}

.comment-author {
	font-size: 19px;
	font-weight: 700;
}


.comment-author a:hover,
.comment-author a:focus {
	text-decoration: underline;
}

.comment-meta .avatar {
	height: 4rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 4rem;
	border-radius: 50%;
	box-shadow: 0 0 0 4px #f4f6f8;
	margin-bottom: 20px;
}

/* .comment-author .url {
	text-decoration: underline;
} */

.comment-metadata {
	color: #6d6d6d;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0.6rem;
}

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

.comment-metadata a:focus,
.comment-metadata a:hover {
	text-decoration: underline;
}


/* COMMENT CONTENT */

.comment-content.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	width: 100%;
}

.comment-content.entry-content .alignleft {

	/*rtl:ignore*/
	margin-left: 0;
}

.comment-content.entry-content .alignright {

	/*rtl:ignore*/
	margin-right: 0;
}

/* COMMENT FOOTER */

.comment-footer-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: flex-start;
	letter-spacing: 0.030833333em;
	line-height: 1;
	margin: 1.5rem 0 -1rem -1.5rem;
	text-transform: uppercase;
}

.comment-footer-meta>* {
	margin: 0 0 1rem 1.5rem;
}

.comment-reply-link {
	font-size: 12px;
	background-color: #b70038;
	color: #fff;
	display: block;
	padding: 0.5rem;
}

.bypostauthor .comment-footer-meta .by-post-author {
	display: block;
}

.comment-footer-meta a {
	text-decoration: none;
	font-weight: 400;
}

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
	text-decoration: underline;
	color: #ffffff;
}


/* Pingbacks & Trackbacks ------------------------- */

.pingback .comment-meta,
.trackback .comment-meta {
	padding-left: 0;
}


/* Comments Pagination ---------------------------- */

.comments-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 6rem;
	text-align: center;
}

.comments-pagination.only-next {
	justify-content: flex-end;
}

.comments-pagination .page-numbers {
	display: none;
	text-decoration: none;
}

.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
	text-decoration: underline;
}

.comments-pagination .prev,
.comments-pagination .next {
	display: block;
}

.comments-pagination .prev {
	left: 0;
}

.comments-pagination .next {
	right: 0;
	text-align: right;
}


/* Comment Respond ---------------------------- */

.comment-respond::after {
	clear: both;
	content: "";
	display: block;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
	color: #000000;
	font-size: 16px;
	line-height: 1.4;
	margin: -3rem 0 2rem 0;
	text-align: center;
}

.comment-respond .logged-in-as a {
	color: #b70038;
}

.comment-respond .required-field-message {
	display: inline-block;
}

.comment-respond p {
	line-height: 1.1;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}

.comment-respond p:not(.comment-notes) {
	max-width: 58rem;
}

.comment-form-cookies-consent {
	align-items: baseline;
	display: flex;
}

.comment-respond>p:last-of-type {
	margin-bottom: 0;
}

.comment-respond label {
	display: block;
}

.comment-respond input[type="checkbox"]+label {
	font-size: 14px;
	line-height: 1.25;
	margin-left: 10px;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
	margin-bottom: 0;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	color: #222;
	padding: 5px 15px;
	height: 46px;
	width: 100%;
	display: inline-block;
	border: 0px;
	background-color: #fff;
	border: 1px solid #000000;
	border-radius: 0px;
	margin-top: 10px;
}

.comment-respond textarea {
	height: 10rem;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	color: #222;
	padding: 5px 15px;
	width: 100%;
	display: inline-block;
	border: 0px;
	background-color: #fff;
	border: 1px solid #000000;
	border-radius: 0px;
	margin-top: 10px;
}

.comment-respond #submit {
	display: block;
	width: 40%;
	padding: 10px 5px;
	background: #b70038;
	border: 1px solid #b70038;
	border-radius: 0px;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
	line-height: 26px;
	letter-spacing: 1px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 0px 0px;
	margin-top: 10px;
}

.comment-respond .comments-closed {
	text-align: center;
}


/* Reply Respond ---------------------------- */

.comments .comment-respond {
	padding: 3rem 0 0;
}

.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
	text-align: left;
}

.comment-reply-title small {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: -0.0277em;
	margin: 0.5rem 0 0 0;
	white-space: nowrap;
}

.comment-reply-title small a {
	text-decoration: none;
}

.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
	text-decoration: underline;
}


.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright) {
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.wp-block-latest-comments {
	list-style: none;
	margin-left: 0;
}


.wp-block-latest-comments ul {
	list-style: none;
}

ol.wp-block-latest-comments {
	margin-left: auto;
	margin-right: auto;
}


.wp-block-latest-comments a {
	font-weight: 700;
	text-decoration: none;
}


.wp-block-latest-comments a:hover,
.wp-block-latest-comments a:focus {
	text-decoration: underline;
}


.wp-block-latest-comments__comment-meta {
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.25;
}

.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
	color: #6d6d6d;
	font-size: 0.7em;
	font-weight: 600;
	letter-spacing: normal;
	margin-top: 0.15em;
}

/* Block: Widget Latest Comments ------------- */

.entry-content .wp-block-latest-comments li {
	margin: 2rem 0;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
	margin-left: 5.5rem;
}

.entry-content .wp-block-latest-comments a {
	text-decoration: none;
}

.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
	text-decoration: underline;
}

.wp-block-latest-comments__comment {
	font-size: inherit;
}

.wp-block-latest-comments__comment-date {
	margin-top: 0.4em;
}

.wp-block-latest-comments__comment-excerpt p {
	font-size: 0.7em;
	margin: 0.9rem 0 2rem 0;
}


.widget_recent_comments ul {
	list-style: none;
	margin: 0;
}

/* Widget: Recent Comments ------------------- */

.widget_recent_comments li {
	font-weight: 700;
}

.widget_recent_comments a {
	text-decoration: none;
}

.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
	text-decoration: underline;
}
/* 
.page-template h1 {
    font-size: 24px;
    font-weight: 500;
    color: #222;
    line-height: 25px;
    margin-bottom: 20px;
}

input[type="submit"] {
	border: 1px solid #cd2653;
	border-radius: 10px;
	padding: 5px 20px;
	color:#fff;
}
.wpcf7-form label {
	width: 100%;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="phone"], .wpcf7-form textarea {
	width: 100%;
	border: 1px solid #cd2653;
	border-radius: 10px;
	padding: 5px 20px;
}
.recent-post .left {
    width: 100%;
} */