/*!
Theme Name: Huda
Theme URI: http://underscores.me/
Author: softmetik
Author URI: https://softmetik.com/wphuda
Description: Huda Multipurpose Wordpress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: huda
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Huda is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	// - Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
  padding: 1em;
  background: #FFFFFE;
}
blockquote p {
  margin-bottom: 0;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #E1E0E7;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
html, body {
  height: 100%;
}

body {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  background: #FFFFFE;
}
body main {
  flex: 1;
  padding: 1.8em 2em;
}
body main.no-sidebar {
  padding: 0 !important;
}
body .hea-theme-builder-wrapper {
  padding: 1.8em 0em;
}
body .site, body .single {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
body .site main,
body .site .category-page, body .single main,
body .single .category-page {
  flex: 1;
  padding: 1.8em 0em;
}
@media (max-width: 576px) {
  body .site main,
  body .site .category-page, body .single main,
  body .single .category-page {
    padding: 1em 0.8em;
  }
}
body .site .category-page, body .single .category-page {
  padding: 0;
}
body .site .category-page .content, body .single .category-page .content {
  padding: 0 0;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul {
  list-style: inherit;
}

ol {
  list-style: inherit;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

.wp-block-list {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 1em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

.wp-block-image {
  margin-bottom: 1em;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
  text-decoration: none !important;
}
a:visited {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit],
.wp-block-search__button,
.wp-block-button__link {
  border: 1px solid;
  line-height: normal;
  font-weight: 600;
  color: #FFFFFE;
  border-color: #ccc #ccc #bbb;
  border-radius: 0;
  background: #E93315;
  transition: 0.3s ease-in;
  display: block;
  text-align: center;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover {
  color: #05011C;
  background: #FFFFFE;
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus,
.wp-block-search__button:active,
.wp-block-search__button:focus,
.wp-block-button__link:active,
.wp-block-button__link:focus {
  border-color: #aaa #bbb #bbb;
}

.btn-close:hover {
  opacity: 100%;
}

.read-time .btn-read-more-arrow {
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  color: #E93315;
  display: flex;
  align-items: center;
  justify-content: center;
}
.read-time i {
  font-size: 1.2em;
  color: #E93315;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border-radius: 0.375em;
  padding: 0.375em 0.75em;
  border: 1px solid #ccc;
  border-radius: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

label {
  font-family: "Instrument Sans";
  font-weight: 500;
  font-size: 0.875em;
  margin-bottom: 0.5em;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

.wp-block-search__label {
  margin-bottom: 0.6em;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
header.header-main {
  width: 100%;
  padding: 1em;
  background-color: #1A0A03;
  z-index: 999;
  transition: 0.3s all;
}
header.header-main .site-title {
  font-size: 2em;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
header.header-main .site-title a {
  color: #FFFFFE;
}
header.header-main ul, header.header-main ol {
  list-style-type: none;
}
header.header-main nav ul li a.nav-link {
  color: #FFFFFE;
  transition: 0.3s ease;
}
header.header-main nav ul li a.nav-link:hover, header.header-main nav ul li a.nav-link:focus {
  color: #E93315 !important;
}
header.header-main nav ul li a.nav-link:disabled {
  opacity: 0.9;
}
header.header-main nav ul li a.nav-link.dropdown-toggle::after {
  margin-left: 0.4em;
}
header.header-main nav ul li a.nav-link.active {
  font-weight: 500;
  color: #E93315;
}
header.header-main nav ul li ul.dropdown-menu {
  margin-top: 1.438em !important;
  border-radius: 0 !important;
}
header.header-main nav ul li ul.dropdown-menu li a {
  text-align: left;
}
header.header-main nav ul li ul.dropdown-menu li a.active {
  color: #FFFFFE;
  background-color: #E93315;
}
header.header-main nav i, header.header-main nav svg, header.header-main nav span,
header.header-main nav .fa-shopping-cart {
  font-size: 1.25em;
  color: #05011C;
}
header.header-main .buy-button {
  padding: 0.625em 1.25em;
  color: #FFFFFE;
  background: #E93315;
}
header.header-main .woo-cart-count {
  width: 14px;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  left: 4px !important;
  color: #FFFFFE;
  background: #E93315;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.single-post-navigation-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1em;
}
@media (max-width: 576px) {
  .single-post-navigation-wrapper {
    flex-wrap: wrap;
  }
}
.single-post-navigation-wrapper.stikcy-element {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  padding: 2em;
  background-color: #FFFFFE;
  z-index: 99;
}

@media (max-width: 768px) {
  .posts-navigation {
    flex-wrap: wrap;
  }
}

nav.navigation.pagination {
  justify-content: center;
}
nav.navigation.pagination .nav-links {
  padding: 0.96em 1.2em;
  border-radius: 50px;
  margin: 0 auto;
  background: #FFFFFE;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2em;
}
nav.navigation.pagination .nav-links .page-numbers.current {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFE;
  background-color: #E93315;
}
nav.navigation.pagination .nav-links .fa-arrow-right {
  transform: rotate(320deg);
}
nav.navigation.pagination .nav-links .fa-arrow-left {
  transform: rotate(45deg);
}
nav.previous-post, nav.next-post {
  width: 400px;
  padding: 1.25em 1.5em;
  border: 1px solid #E1E0E7;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  nav.previous-post, nav.next-post {
    width: 100%;
  }
}
nav.previous-post .content, nav.next-post .content {
  width: 100%;
  height: auto;
  background-color: #FFFFFE;
}
@media screen and (max-width: 768px) {
  nav.previous-post .content, nav.next-post .content {
    max-width: 100%;
    padding: 0;
  }
}
nav.previous-post .content a, nav.next-post .content a {
  color: #05011C !important;
}
nav.previous-post .next-post-image img,
nav.previous-post .prevoius-post-image img, nav.next-post .next-post-image img,
nav.next-post .prevoius-post-image img {
  max-width: 80px;
  height: auto;
  border-radius: 0;
}
nav.previous-post a.link, nav.next-post a.link {
  font-family: "Space Grotesk";
  font-weight: 600;
  font-size: 1.2em;
}
nav.previous-post a.link span, nav.previous-post a.link i, nav.next-post a.link span, nav.next-post a.link i {
  font-weight: 400;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  padding: 1em 0;
  border-top: 1px solid #E1E0E7;
}
@media (max-width: 576px) {
  .site-main .comment-navigation,
  .site-main .posts-navigation,
  .site-main .post-navigation {
    padding-bottom: 0;
    margin-bottom: 0 !important;
  }
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
  margin-top: 2em;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
  text-align: center;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 0;
}

.sidebar-layout {
  padding: 2.5em 0 !important;
}
.sidebar-layout aside {
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .sidebar-layout aside {
    padding: 0em 1.8em;
  }
}
.sidebar-layout .article-single {
  padding-bottom: 0;
}
.sidebar-layout .article-single p {
  margin-bottom: 1em !important;
}
@media screen and (max-width: 768px) {
  .sidebar-layout .article-single {
    padding: 2.5em 1.8em;
  }
}
.sidebar-layout article p, .sidebar-layout article ul, .sidebar-layout article ol {
  font-size: 1.25em;
}
.sidebar-layout article .article-content {
  padding-top: 1em;
}
.sidebar-layout .comments-area {
  padding: 0;
  background-color: transparent;
}
.sidebar-layout .comments-area .comment-respond {
  width: 100%;
}
.sidebar-layout .comments-area .comments-title,
.sidebar-layout .comments-area .comment-list {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sidebar-layout .social-share,
  .sidebar-layout .comments-area {
    padding: 0 1.83em;
  }
}
.sidebar-layout .related-posts {
  padding-top: 1em;
}
@media screen and (max-width: 768px) {
  .sidebar-layout .related-posts {
    padding: 1em 1.8em;
  }
}

section.featured-section, section.page-hero-section,
section .hero-section {
  width: 100%;
  text-align: center;
  padding: 2em;
}
section.featured-section p, section.page-hero-section p,
section .hero-section p {
  margin-bottom: 1em;
  text-align: center;
}
@media screen and (max-width: 576px) {
  section.featured-section, section.page-hero-section,
  section .hero-section {
    padding: 1em;
    padding-bottom: 0;
  }
}
section.featured-section .category-title,
section.featured-section .tag-title, section.page-hero-section .category-title,
section.page-hero-section .tag-title,
section .hero-section .category-title,
section .hero-section .tag-title {
  text-align: center;
}
@media screen and (max-width: 576px) {
  section.featured-section .category-title,
  section.featured-section .tag-title, section.page-hero-section .category-title,
  section.page-hero-section .tag-title,
  section .hero-section .category-title,
  section .hero-section .tag-title {
    font-size: 40px;
  }
}
section .comments-area {
  margin-top: 2em;
}
@media screen and (max-width: 768px) {
  section .social-share {
    padding: 0 2em;
  }
}

.blog article,
.archive article,
.category article,
.search article,
.related-posts article {
  width: 100%;
  padding: 0.8em;
  border-radius: 0;
  background-color: #FFFFFE;
  justify-content: start;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  gap: 0;
}
.blog article header.entry-header h3.entry-title,
.blog article header.entry-header h2.entry-title,
.blog article header.entry-header .h2.entry-title,
.archive article header.entry-header h3.entry-title,
.archive article header.entry-header h2.entry-title,
.archive article header.entry-header .h2.entry-title,
.category article header.entry-header h3.entry-title,
.category article header.entry-header h2.entry-title,
.category article header.entry-header .h2.entry-title,
.search article header.entry-header h3.entry-title,
.search article header.entry-header h2.entry-title,
.search article header.entry-header .h2.entry-title,
.related-posts article header.entry-header h3.entry-title,
.related-posts article header.entry-header h2.entry-title,
.related-posts article header.entry-header .h2.entry-title {
  font-weight: 500;
  font-size: 1.5em;
  display: inline-block;
}
.blog article header.entry-header h3.entry-title a,
.blog article header.entry-header h2.entry-title a,
.blog article header.entry-header .h2.entry-title a,
.archive article header.entry-header h3.entry-title a,
.archive article header.entry-header h2.entry-title a,
.archive article header.entry-header .h2.entry-title a,
.category article header.entry-header h3.entry-title a,
.category article header.entry-header h2.entry-title a,
.category article header.entry-header .h2.entry-title a,
.search article header.entry-header h3.entry-title a,
.search article header.entry-header h2.entry-title a,
.search article header.entry-header .h2.entry-title a,
.related-posts article header.entry-header h3.entry-title a,
.related-posts article header.entry-header h2.entry-title a,
.related-posts article header.entry-header .h2.entry-title a {
  color: #05011C;
}
.blog article header.entry-header h3.entry-title ::after,
.blog article header.entry-header h2.entry-title ::after,
.blog article header.entry-header .h2.entry-title ::after,
.archive article header.entry-header h3.entry-title ::after,
.archive article header.entry-header h2.entry-title ::after,
.archive article header.entry-header .h2.entry-title ::after,
.category article header.entry-header h3.entry-title ::after,
.category article header.entry-header h2.entry-title ::after,
.category article header.entry-header .h2.entry-title ::after,
.search article header.entry-header h3.entry-title ::after,
.search article header.entry-header h2.entry-title ::after,
.search article header.entry-header .h2.entry-title ::after,
.related-posts article header.entry-header h3.entry-title ::after,
.related-posts article header.entry-header h2.entry-title ::after,
.related-posts article header.entry-header .h2.entry-title ::after {
  content: "";
  display: block;
  width: 0;
  height: 1.5px;
  margin-top: 4px;
  background: #E1E0E7;
  transition: width 0.3s;
}
.blog article header.entry-header h3.entry-title :hover::after,
.blog article header.entry-header h2.entry-title :hover::after,
.blog article header.entry-header .h2.entry-title :hover::after,
.archive article header.entry-header h3.entry-title :hover::after,
.archive article header.entry-header h2.entry-title :hover::after,
.archive article header.entry-header .h2.entry-title :hover::after,
.category article header.entry-header h3.entry-title :hover::after,
.category article header.entry-header h2.entry-title :hover::after,
.category article header.entry-header .h2.entry-title :hover::after,
.search article header.entry-header h3.entry-title :hover::after,
.search article header.entry-header h2.entry-title :hover::after,
.search article header.entry-header .h2.entry-title :hover::after,
.related-posts article header.entry-header h3.entry-title :hover::after,
.related-posts article header.entry-header h2.entry-title :hover::after,
.related-posts article header.entry-header .h2.entry-title :hover::after {
  width: 100%;
}
.blog article .entry-meta,
.archive article .entry-meta,
.category article .entry-meta,
.search article .entry-meta,
.related-posts article .entry-meta {
  margin-bottom: 0.4em;
}
.blog article .entry-meta .posted-on,
.archive article .entry-meta .posted-on,
.category article .entry-meta .posted-on,
.search article .entry-meta .posted-on,
.related-posts article .entry-meta .posted-on {
  font-size: 14px;
}
.blog article .entry-meta .posted-on a,
.archive article .entry-meta .posted-on a,
.category article .entry-meta .posted-on a,
.search article .entry-meta .posted-on a,
.related-posts article .entry-meta .posted-on a {
  color: #E93315;
}
.blog article a img,
.archive article a img,
.category article a img,
.search article a img,
.related-posts article a img {
  width: 100%;
  max-height: 16em;
  border-radius: 0;
  margin-bottom: 1em;
  -o-object-fit: cover;
     object-fit: cover;
}

.single main article {
  width: auto;
  padding: 1em 0;
}
@media screen and (max-width: 576px) {
  .single main article {
    padding: 1em 2em;
  }
}
.single main article header.entry-header h1.entry-title {
  font-size: 3.25em;
  font-weight: 700;
  color: #05011C;
  text-align: left;
}
.single main article header.entry-header .entry-meta {
  color: #E93315;
}
.single main article header.entry-header.no-thumbnail {
  position: static;
  transform: initial;
  top: initial;
  left: initial;
}
.single main article header.entry-header.no-thumbnail h1.entry-title {
  color: #05011C;
  text-align: left;
  margin-bottom: 0;
}
.single main article .entry-meta {
  color: #05011C;
  margin-bottom: 0.8em;
  justify-content: flex-start;
}
.single main article .entry-meta a {
  color: #E93315;
}
.single main article .entry-meta .posted-on {
  font-size: 1em;
  text-transform: uppercase;
}
.single main article ul {
  padding-left: 1em;
}
.single main article .author-title a {
  font-size: 16px;
  text-transform: uppercase;
  color: #E93315;
}
.single main article .post-thumbnail {
  width: 100%;
  height: 520px;
}
@media screen and (max-width: 1024px) {
  .single main article .post-thumbnail {
    height: 100%;
  }
}
.single main article p, .single main article a {
  color: #05011C;
}
.single main article p.post-read-time, .single main article a.post-read-time {
  font-size: 1em;
  font-family: "Space Grotesk";
  text-transform: uppercase;
}
.single main article span.byline {
  text-transform: uppercase;
  color: #05011C;
}
.single main .nav-previous {
  text-align: left;
}
.single .no-sidebar article {
  justify-content: start;
}
.single .no-sidebar article .post-thumbnail {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1320px) {
  .single .no-sidebar article .post-thumbnail {
    width: 96%;
    height: 100%;
  }
}
.single .no-sidebar article .article-content {
  max-width: 100%;
  margin-top: 2em;
}
@media screen and (max-width: 1320px) {
  .single .no-sidebar article .article-content {
    max-width: 100%;
    padding: 1em 0em;
  }
}
@media screen and (max-width: 768px) {
  .single .no-sidebar article .article-content {
    margin-top: 0;
  }
}
.single .no-sidebar article .article-content p, .single .no-sidebar article .article-content ul, .single .no-sidebar article .article-content ol {
  font-size: 20px;
}
.single .no-sidebar .social-share {
  max-width: 100%;
}
@media screen and (max-width: 1320px) {
  .single .no-sidebar .social-share {
    max-width: 100%;
  }
}
@media screen and (max-width: 1320px) {
  .single .no-sidebar .social-share {
    padding: 0 2em;
  }
}
.single .no-sidebar .related-posts {
  max-width: 1320px;
  margin: 0 auto;
  padding-top: 2em;
}
@media screen and (max-width: 1320px) {
  .single .no-sidebar .related-posts {
    padding: 2em 2em;
  }
}
.single .no-sidebar .related-posts h3 {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .single .no-sidebar .related-posts article h4 {
    font-size: 1.25em;
    line-height: normal;
    margin-top: 0.4em;
  }
}

.related-posts {
  padding: 0 0;
}
@media screen and (max-width: 1024px) {
  .related-posts {
    padding: 0;
  }
}
.related-posts a {
  color: #05011C;
}
.related-posts h4 {
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 1024px) {
  .related-posts h4 {
    font-size: 1.25 !important;
    line-height: normal !important;
  }
}
.related-posts article {
  padding: 0;
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .related-posts article {
    padding: 0 !important;
  }
}
.related-posts article .post-thumbnail {
  width: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  height: initial !important;
  border-radius: 0 !important;
}

.social-share-box {
  margin: 1em 0 1.8em 0;
  padding: 1em 1.4em;
  border-radius: 0;
  background-color: #FFFFFE;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.social-share-box .h3 {
  color: #05011C;
}
@media (max-width: 576px) {
  .social-share-box .h3 {
    font-size: 0.875em;
  }
}
.social-share-box i {
  width: 2em;
  height: 2em;
  border-radius: 0;
  border: 1px solid #E1E0E7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb {
  padding: 1em 0;
}
.breadcrumb h1.category-title {
  font-size: 2.75em;
  color: #05011C;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.post-categories {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
}
.post-categories span.category a {
  font-size: 1em;
  color: #E93315;
  text-transform: uppercase;
}

body.search form.huda-search-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
body.search form.huda-search-form input {
  padding: 0.5em 1.5em;
}

.social-share {
  background: #FFFFFE;
}
.social-share a {
  cursor: pointer;
}
.social-share a i {
  font-size: 18px;
  padding: 0.4em;
  color: #05011C;
  border: 1px solid #E1E0E7;
}

section.no-results h1, section.no-results p, section.error-404 h1, section.error-404 p {
  text-align: center;
}
section.no-results a, section.error-404 a {
  color: #E93315;
}
section.no-results .nothing-found-img-wrapper, section.error-404 .nothing-found-img-wrapper {
  text-align: center;
}
section.no-results .nothing-found-img-wrapper img, section.error-404 .nothing-found-img-wrapper img {
  width: 100%;
  max-width: 36%;
  margin: 1.2em auto;
}
section.no-results button.btn-outline, section.error-404 button.btn-outline {
  color: #05011C;
  background-color: #FFFFFE;
  border-color: #E1E0E7;
}
section.no-results button.btn-outline:hover, section.error-404 button.btn-outline:hover {
  color: #FFFFFE;
  border-color: #E93315;
  background-color: #E93315;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area {
  padding: 0;
  background: #FFFFFE;
}
@media screen and (max-width: 768px) {
  .comments-area {
    padding: 3em 2em;
  }
}
.comments-area ol.comment-list li.comment {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.comments-area ol.comment-list li.comment article.comment-body {
  padding: 1.5em;
  border-radius: 0;
  border: 1px solid #E1E0E7;
  background-color: transparent;
  margin-bottom: 2em;
}
.comments-area ol.comment-list li.comment article.comment-body .comment-content {
  padding: 1em 0;
}
.comments-area ol.comment-list li.comment article.comment-body .comment-content p {
  margin-bottom: 0;
}
.comments-area ol.comment-list li.comment article.comment-body .reply a {
  color: #05011C;
}
.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.4em;
}
@media (max-width: 576px) {
  .comments-area ol.comment-list li.comment article.comment-body footer.comment-meta {
    flex-direction: column;
  }
}
.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author.vcard img {
  border-radius: 3.125em;
}
.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-author.vcard b.fn a {
  text-transform: capitalize;
}
.comments-area ol.comment-list li.comment article.comment-body footer.comment-meta .comment-metadata {
  margin-bottom: 1em;
}
.comments-area h2.comments-title {
  margin: 0.8em 0;
}
.comments-area .comments-title, .comments-area .comment-list {
  width: 100%;
}
.comments-area .comment-respond {
  width: 100%;
  padding: 3.75em;
  margin: 0 auto;
  background-color: #F7F7F7;
}
@media (max-width: 576px) {
  .comments-area .comment-respond {
    padding: 1em;
  }
}
@media screen and (max-width: 768px) {
  .comments-area .comment-respond {
    width: 100%;
    padding: 2.4em 2em;
  }
}
.comments-area .comment-respond form.comment-form .comment-form-author,
.comments-area .comment-respond form.comment-form .comment-form-email,
.comments-area .comment-respond form.comment-form .comment-form-url {
  display: flex;
  flex-direction: column;
}
.comments-area .comment-respond form.comment-form .comment-form-author label,
.comments-area .comment-respond form.comment-form .comment-form-email label,
.comments-area .comment-respond form.comment-form .comment-form-url label {
  color: #667085;
  margin-bottom: 0.75em;
}
.comments-area .comment-respond form.comment-form .comment-form-author input,
.comments-area .comment-respond form.comment-form .comment-form-email input,
.comments-area .comment-respond form.comment-form .comment-form-url input {
  padding: 0.625em 1.875em;
  border: 1px solid #E1E0E7;
  border-radius: 0;
}
.comments-area .comment-respond form.comment-form .submit {
  width: 100%;
  margin-top: 1.5em;
  text-transform: uppercase;
}
.comments-area .comment-respond form.comment-form textarea {
  border-radius: 0;
}
.comments-area .comment-respond form.comment-form .comment-form-email {
  float: right;
}
.comments-area .comment-respond form.comment-form .comment-form-url {
  width: 100%;
}
.comments-area .comment-respond form .comment-form-comment {
  margin: 0.5em 0;
}

footer.entry-footer {
  margin-top: inherit;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 0;
}
.widget select {
  max-width: 100%;
}
.widget.widget_text a {
  color: #E93315 !important;
}

.offcanvas.main .offcanvas-header {
  border-bottom: 1px solid #E1E0E7;
}
.offcanvas.main .offcanvas-header .site-title a {
  color: #05011C !important;
}
.offcanvas.main .offcanvas-header .wp-block-image {
  margin-bottom: 0;
}
.offcanvas.main .offcanvas-title {
  line-height: 0 !important;
}
.offcanvas.main span {
  font-size: 14px;
}
.offcanvas.main .dropdown .dropdown-menu {
  top: 0 !important;
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: 1em !important;
  transform: translateY(1em) !important;
}
.offcanvas.main .offcanvas-footer {
  padding: 1em;
  border-top: 1px solid #E1E0E7;
}

aside {
  width: 100%;
  height: 100%;
  padding-left: 1em;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
aside.widget-area {
  position: sticky;
  top: 0;
}
aside.widget-area ul.wp-block-categories-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8em;
}
aside.widget-area ul.wp-block-categories-list li.cat-item {
  padding: 8px 16px;
  border-radius: 0;
  background-color: #FFFFFE;
}
aside.widget-area ul.wp-block-categories-list li.cat-item a {
  color: #05011C;
}
aside.widget-area ul.wp-block-categories-list li.cat-item #text {
  background-color: #F25F4C;
}
aside.widget-area ul li {
  display: flex;
  align-items: start;
  justify-content: start;
  margin-bottom: 1em;
  border-bottom: 1px solid #E1E0E7;
  padding-bottom: 1em;
  gap: 0.6em;
}
aside.widget-area ul li span.post_count {
  width: 22px;
  height: 22px;
  font-size: 14px;
  color: #FFFFFE;
  border-radius: 50px;
  background: #F25F4C;
  text-align: center;
}
aside.widget-area ul li a.wp-block-latest-posts__post-title {
  color: #05011C;
}
aside.widget-area ul li img {
  border-radius: 4px;
}
aside.widget-area .widget_tag_cloud p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8em;
}
aside.widget-area .widget_tag_cloud a.tag-cloud-link {
  font-size: 1em !important;
  color: #05011C;
  padding: 8px 16px;
  border-radius: 50px;
  background-color: #FFFFFE;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
}
aside.widget-area .widget_tag_cloud a.tag-cloud-link span.tags_count {
  width: 22px;
  height: 22px;
  font-size: 14px;
  color: #FFFFFE;
  border-radius: 50px;
  background: #F25F4C;
  text-align: center;
}

.wp-block-search__inside-wrapper {
  display: flex;
  gap: 0.6em;
}

.offcanvas.search-wrapper {
  height: -moz-max-content;
  height: max-content;
  padding-bottom: 6em;
}

.search-form-wrapper {
  width: 800px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper {
    width: 100%;
  }
}
.search-form-wrapper article.search {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 16px;
  background: #F4F4F4;
  padding-bottom: 1em;
  border-bottom: 1px solid #E1E0E7;
  padding: 14px;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper article.search {
    flex-direction: column !important;
  }
}
.search-form-wrapper article.search .woo-product-image {
  width: 20%;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper article.search .woo-product-image {
    width: 100%;
  }
}
.search-form-wrapper article.search a {
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.search-form-wrapper article.search a.post-thumbnail {
  width: 20%;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper article.search a.post-thumbnail {
    width: 100%;
  }
}
.search-form-wrapper article.search a.post-thumbnail img {
  max-width: 140px;
  max-height: 140px;
  border-radius: 0;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper article.search a.post-thumbnail img {
    max-width: 100%;
    max-height: 100%;
  }
}
.search-form-wrapper article.search .post-content {
  width: 80%;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper article.search .post-content {
    width: 100%;
  }
}
.search-form-wrapper article.search .posted-on {
  font-size: 14px;
}
.search-form-wrapper form {
  margin-top: 2.5em;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper form {
    margin-top: 1em;
  }
}
.search-form-wrapper form.huda-search-form {
  width: 100%;
  text-align: center;
}
.search-form-wrapper form.huda-search-form input {
  width: 100%;
  padding: 0.75em 1.25em;
  border-radius: 0;
  border: 1px solid #E1E0E7;
  color: #05011C;
}
.search-form-wrapper .search-result-wrapper {
  width: 100%;
}
.search-form-wrapper .search-result-wrapper #datafetch {
  width: 100%;
  margin: 0 auto;
  background-color: #FFFFFE;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
@media screen and (max-width: 576px) {
  .search-form-wrapper .search-result-wrapper #datafetch {
    flex-wrap: wrap;
  }
}
.search-form-wrapper .search-result-wrapper #datafetch h3 {
  margin: 1em 0;
}
.search-form-wrapper .search-result-wrapper #datafetch .search-wrapper {
  padding: 0;
}
.search-form-wrapper .search-result-wrapper #datafetch article {
  text-align: left;
  flex-direction: row;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .search-form-wrapper .search-result-wrapper #datafetch article {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .search-form-wrapper .search-result-wrapper #datafetch article {
    width: 100%;
    margin: 0;
    margin-top: 0.6em;
  }
}

body.search header.page-header h1.page-title {
  font-size: 3em;
  text-align: center;
}
body.search form.search-form {
  text-align: center;
}
body.search form.search-form input {
  padding: 12px 28px;
}

.sticky {
  position: sticky;
  top: 0;
}

.relative {
  position: relative;
}

.backto-top {
  position: fixed;
  width: 2.375em;
  height: 2.375em;
  bottom: 2em;
  right: 2em;
  background: #E93315;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.backto-top i {
  font-size: 1.25em;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

img.author-avatar {
  border-radius: 50px;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Footer
--------------------------------------------- */
footer.footer-main {
  width: 100%;
  padding: 2.8em 0 1.2em 0;
  color: #FFFFFE;
  background-color: #1A0A03;
}
footer.footer-main .footer-content {
  padding: 2em 0;
  border-bottom: 1px solid rgb(77, 62, 59);
}
footer.footer-main .footer-content a {
  color: #FFFFFE;
}
footer.footer-main .footer-content a:hover {
  color: #E93315;
}
footer.footer-main .footer-content p {
  color: #E93315;
  padding-top: 0.8em;
}
footer.footer-main .footer-content p:hover, footer.footer-main .footer-content a:hover, footer.footer-main .footer-content span:hover, footer.footer-main .footer-content i:hover {
  opacity: 100%;
}
footer.footer-main .footer-content ul {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
footer.footer-main .footer-content ul li.current-cat a {
  color: #E93315;
}
footer.footer-main .footer-content h2.widget-title {
  color: #FFFFFE;
}
footer.footer-main .footer-copyright {
  color: #FFFFFE;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  padding: 2em 0;
}
footer.footer-main .footer-copyright span {
  font-weight: 300;
}
footer.footer-main .footer-copyright a:hover {
  color: #E93315;
}
footer.footer-main .footer-copyright .social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
footer ul, footer ol {
  list-style-type: none;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* 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;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}/*# sourceMappingURL=stylesheet.css.map */