/*!
Theme Name: Aicraft
Theme URI: https://themeforest.net/user/solverwp
Author: SOLVERWP
Author URI: https://solverwp.com/
Description: AIcraft is a WordPress Theme designed specifically for AI Content Generator, AI Video Generator, AI Video Generator. This meticulously designed multi-purpose website caters specifically to AI content and video generators, offering a minimalist, elegant, and user-friendly experience.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aicraft
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Requires at least: 5.3
Requires PHP: 7.0
Tested up to: 6.3
License: GNU General Public License v2 or later
License URI: LICENSE

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.

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

*/
/* 
unit test 
 */

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

@media screen and (max-width: 782px) {
  .admin-bar .navbar-area {
    top: 46;
  }
}

@media only screen and (max-width: 600px) {
  .admin-bar .navbar-area.nav-fixed {
    top: 0;
  }
}

.ul-0 {
  padding-left: 0;
}

.admin-bar .sticky-active {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .sticky-active {
    top: 46px;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar .sticky-active {
    top: 0;
  }
}
/* 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: #ebe3d9;
  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;
}
.blog-comment .media .media-body h5 span {
  font-size: 18px;
  font-weight: 700;
  color: #14212b;
}

.gallery-caption {
  display: block;
}

.bypostauthor {
  display: block;
}

.blog-details-page-inner .meta {
  display: block;
  width: 100%;
  overflow: hidden;
}

p {
  line-height: 2em;
}
b,
strong {
  color: currentColor;
}

.aicraft-blog-details a.wp-block-button__link,
.aicraft-blog-details a.wp-block-button__link:hover,
p.wp-block-cover-text strong,
.wp-block-cover p:not(.has-text-color) {
  color: #fff;
  margin-bottom: 0 !important;
}

.has-text-align-right::before {
  left: auto;
  right: 20px;
  border-left: 0;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-left: 4px solid var(--blue-color);
  padding-left: 1em;
  border-radius: 5px;
}

.wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large) {
  border-left: 0;
  border-right: 4px solid var(--blue-color);
}

.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
  background: #fef2f1;
  padding: 20px;
  border-left: 5px solid var(--blue-color);
  border-radius: 5px;
}

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
}

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
}

.wp-block-quote {
  background: #fef2f1;
  padding: 20px;
}

blockquote:not([class]) {
  border-left: 5px solid var(--blue-color);
  padding: 20px;
  color: #4a4a4a;
  font-weight: 600;
  background: #fef2f1;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
}

table {
  background-color: transparent;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
  padding: 8px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

th {
  text-align: left;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f0f0f0;
}

.wp-block-table.is-style-stripes td {
  border-color: #ddd;
}

.single-post-wrap.style-overlay .thumb img {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

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

.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: 11.28%;
  margin: 5px;
}

.gallery-columns-8 .gallery-item {
  max-width: 9.5%;
  margin: 5px;
}

.gallery-columns-9 .gallery-item {
  max-width: 8.11%;
  margin: 5px;
}

.gallery-caption {
  display: block;
}

.blog-comment .media {
  align-items: end;
  margin-bottom: 35px;
}

/********* new style **********/

.is-style-outline > .wp-block-button__link:not(.has-background):hover {
  border-color: var(--blue-color);
  color: var(--blue-color);
}

/* img {
  height: auto !important;
} */

.widget_archive select,
.widget_archive .nice-select {
  width: 100%;
}

.widget_calendar {
  overflow: hidden;
}

.widget select {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
}

.single-search-inner {
  position: relative;
  background: #f5f5f5;
  border-radius: 4px;
}

.single-search-inner input {
  letter-spacing: 0.3px;
  color: #5b6880;
  width: 100%;
  font-weight: 400;
  border: 0;
  background: transparent;
  padding: 0 60px 0 24px;
  height: 68px;
  line-height: 68px;
}

.single-search-inner button {
  position: absolute;
  right: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  padding: 0 20px;
  height: 68px;
  top: 0;
  right: 0;
}
.single-search-inner button:hover {
  color: var(--blue-color);
}
.single-search-inner button i {
  height: 68px;
}

/* new added */

.navbar-area.default {
  position: relative;
}

.navbar-area.default .nav-container .navbar-collapse .navbar-nav {
  width: inherit;
}
.navbar-area.default .nav-container .navbar-collapse .navbar-nav li a {
  color: #000;
}
.navbar-area.default .nav-container .navbar-collapse .navbar-nav li:hover a {
  color: var(--blue-color);
}
.navbar-area.default
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children:after,
.navbar-area.default
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children:before {
  background-color: #000;
}
.navbar-area.default
  .nav-container
  .navbar-collapse
  .navbar-nav
  li:hover.menu-item-has-children:after,
.navbar-area.default
  .nav-container
  .navbar-collapse
  .navbar-nav
  li:hover.menu-item-has-children::before {
  background-color: var(--blue-color);
}
.navbar-area.default .nav-container.navbar-bg {
  padding: 0;
}

.navbar-area.default .toggle-btn .icon-left,
.navbar-area.default .toggle-btn .icon-right,
.navbar-area.default .toggle-btn .icon-right::after,
.navbar-area.default .toggle-btn .icon-right::before,
.navbar-area.default .toggle-btn .icon-left::after,
.navbar-area.default .toggle-btn .icon-left::before {
  background-color: #000;
}
@media (max-width: 992px) {
  .navbar-area.default .responsive-mobile-menu {
    top: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: inline-flex !important;
    -ms-flex-preferred-size: auto;
    /* flex-basis: auto; */
    justify-content: end;
  }
}

.navbar-area.default
  .nav-container
  .navbar-collapse
  .navbar-nav
  > li:last-child {
  margin-right: 0;
}

.navbar-area .nav-container .logo a {
  color: #222;
  text-transform: uppercase;
}

.navbar-area.default .nav-container.navbar-bg:after {
  width: 100%;
}

@media (min-width: 992px) {
  .navbar-area.default .nav-container .navbar-collapse .navbar-nav {
    height: 80px;
    line-height: 80px;
  }
}

.default-footer {
  background-color: #091d3e;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.default-footer p {
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
  padding-bottom: 0;
}

.wp-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  /* justify-content: center; */
  gap: 10px;
}

.wp-pagination a,
.wp-pagination span {
  border-radius: 30px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  border-radius: 10px;
  font-weight: 600;
  color: #272d43;
  border: 1px solid var(--aicraft-border-color);
  display: inline-block;
}
.wp-pagination span.current {
  color: var(--white-color);
  background: linear-gradient(
    90deg,
    #f762d8 -8.37%,
    #814aff 52.7%,
    #4ab6fe 110.76%
  );
}
.wp-pagination a:hover {
  color: var(--white-color);
  background: linear-gradient(
    90deg,
    #f762d8 -8.37%,
    #814aff 52.7%,
    #4ab6fe 110.76%
  );
}
.comment-author.vcard {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
}

.comment-author.vcard img {
  margin-right: 20px;
  border-radius: 50%;
}
.comment-list .reply,
.comment-list .comment-metadata,
.comment-list .comment-content {
  padding-left: 110px;
}
.comment-list > li {
  margin-bottom: 35px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e9eaea;
}
/* .comment-list li ul {
  margin-top: 30px;
} */
.comment-list > li > li {
  margin-bottom: 35px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e9eaea;
}
.comment-list li .children > li {
  margin-bottom: 35px;
}

.comment-list .single-input-inner {
  margin-bottom: 30px;
}
.form-submit .btn-base:hover {
  background-color: var(--heading-color);
  color: #fff;
}
.link-page {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.link-page span,
.link-page a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  color: #000;
  display: inline-block;
  border-radius: 10px;
  font-weight: 400;
  border: 1px solid var(--aicraft-border-color);
}
.link-page a:hover {
  background-color: var(--blue-color);
  color: #fff;
}
.link-page span {
  background-color: var(--blue-color);
  color: #fff;
}
.widget-search .single-search-inner button i {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* responsive  */

@media screen and (max-width: 600px) {
  .comment-author.vcard {
    display: block;
    align-items: start;
    flex-wrap: wrap;
  }
  .comment-author.vcard img {
    display: block;
    margin-bottom: 30px;
  }
  .comment-list .reply,
  .comment-list .comment-metadata,
  .comment-list .comment-content {
    padding-left: 0;
  }
  .comment-metadata {
    margin-top: 0;
  }
}