/*!
Theme Name: Notech Child theme
Theme URI: http://layerdrops.com/notechwp
Template: notech
Author: bracket-web
Author URI: https://themeforest.net/user/bracket-web
Description: This is a Child theme for Notech WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: notech-child
*/

:root {
    --notech-black: #0d0f17;
	--menu-bg: #0d0f17;
}

.main-menu {
	background-color: var(--menu-bg);
}

.main-menu__main-menu-box--two, .stricky-header .main-menu__main-menu-box--two {
    padding: 20.5px 0;
}

.main-header__top-address li .text p a {
		color: #A0A8BA;
}

.main-header__top-inner {
	background-color: var(--menu-bg);
}

.stricky-header.main-menu {
  background-color: var(--menu-bg);
}

.main-header__top-right-social:before {
  background-color: var(--menu-bg);
}

.project-one__inner:before {
  background-color: #0d0f17;
}

.feature-one__img:before {
  background-color: #0d0f17c9;
}

.preloader {
	background-color: #0d0f17;
}

.site-footer__bottom {
  background-color: var(--menu-bg);
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-d611ed4.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
	  background-color: var(--menu-bg);
}

.service-details__service {
    background-color: #151825;
}

.thm-btn:after {
    background-color: #151825;
}

.product__all-btn {
    font-size: 12px;
    padding: 4px 20px 4px;
    background-color: #003aa0;
    color: white;
}

select.orderby.shop-one__product-sorter {
    background-color: #151825 !important;
}

input#wp-block-search__input-1 {
    background-color: #151825;
}

.wp-block-search__button svg {
    fill: #A0A8BA;
}

.contact-details__info li:hover .icon {
    background-color: #151825;
}

.contact-details__info li .icon {
    background-color: #151825;
}

.contact-details__info li .icon span {
    color: white;
}

.comment-form__input-box input[type=text], .comment-form__input-box input[type=email] {
    background-color: #151825;
    color: #A0A8BA;
}

.comment-form__input-box textarea {
    color: #A0A8BA;
    background-color: #151825;
}

.product__all-single {
    background-color: transparent!important;
}

.product__all-single a {
    color: white;
}

.blog-one__content {
	  background-color: #151825;
}

.sidebar .widget, .sidebar__single {
    position: relative;
    display: block;
    padding: 47px 45px 50px;
	  background-color: #151825;
    border-radius: var(--notech-bdr-radius);
}

.sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title {
		color: #A0A8BA;
}

.trusted-source__icon:hover {
	  background-color: var(--menu-bg);
}

.elementor-66 .elementor-element.elementor-element-68843321 .elementor-heading-title {
    color: #ffffff;
}

.faq-one-accrodion .accrodion-title h4 {
    color: #ffffff;
}

.shop-category ul li a::before {
    background: #003AA0;
}

.shop-category ul li a {
    color: #A0A8BA;
}

.sidebar .widget ul li a:hover, .sidebar__single ul li a:hover {
    color: white;
}

.wc-block-product-categories-list-item-count{
	display: none;
}

.service-details__service-list li a {
    color: #A0A8BA;
}

.product-description {
    background: var(--menu-bg);
}

.woocommerce-product-gallery__wrapper {
    background-color: #ffffff;
}

.product-details__social-link {
    display: none;
}

h3.odometer.odometer-auto-theme {
    display: none;
}

.counter-one {
    background-color: #fffffff0;
}

.page-header-bg {
    background-color: #ffffff00;
}

.faq-page__tab-box ul .tab-btn .faq-page__tab-button-content {
    background-color: #151825;
    border: 0px;
}

.faq-page__tab-button-content .content p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    color: #0d6efd;
}

.tech-services__points li .icon {
    background-color: #28d09e;
}

.faq-search__search-form input[type=search] {
    background-color: #151825;
	color: white;
}

.icon-magnifying-glass:before {
    content: "\e901";
    color: white;
}

.faq-page__tab-box ul .tab-btn .faq-page__tab-button-content {
    width: 25vh;
}

.job_description h1,h2,h3 {
	color: white;
}

.woocommerce-loop-category__title mark {
	display: none;
}

.woocommerce-loop-category__title {
  padding-top: 25px;
  font-weight: 500;
	font-size: x-large;
}

ul.products li.product img {
    display: block;
    background-color: unset;
}

ul.products li.product {
    border: 0;
}

.product__all-img:before {
    background-color: #b7b7b710;
}

/* Zmiana koloru czcionki w kategorii produktów w widżecie */
.product-categories {
  color: #a0a8ba;
}

.widget_product_categories a:hover {
  color: #003366; /* Kolor tekstu po najechaniu */
}

.product-categories {
  color: #a0a8ba;
  font-size: medium;
  margin-bottom: 8px;
}

.product-info-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 75px;
}

.product-info-table .info-value {
  font-weight: normal;
  color: #000;
  width: 16%;
}

.product-info-table a:hover {
  text-decoration: underline;
}

td.info-label {
  font-weight: bold;
  color: white;
  border: 0px;
  width: 20%;
}

.product-info-table .info-value {
  font-weight: normal;
  color: #A0A8BA;
}

td.info-value {
  text-align: left;
  text-decoration: none;
  border: 0px;
  width: 10%;
}

tbody {
  background-color: transparent;
}

.product-info-table tr:nth-child(odd) {
  background-color: #151825;
}

.product-info-table tr:nth-child(even) {
  background-color: transparent;
}

.product-info-table tr {
  display: flex;
  align-items: flex-start;
  padding: 0.2rem 0;
  justify-content: center;
}

.accessories-carousel {
  margin: 20px auto 0;
  width: 100%; /* Zapewnia pełną szerokość kontenera */
}

.accessories-carousel h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 27px;
}

.accessories-products {
  display: flex;
  justify-content: space-between; /* Rozmieszcza produkty w równych odstępach */
  flex-wrap: wrap; /* Zapewnia, że produkty będą się zawijać, jeśli jest za mało miejsca */
  gap: 20px; /* Odstęp między produktami */
}

.accessories-products .product {
  flex: 1 1 calc(25% - 20px); /* 4 produkty w rzędzie - 25% szerokości z przerwą 20px */
  box-sizing: border-box; /* Umożliwia poprawne obliczanie szerokości */
  margin-bottom: 20px; /* Odstęp pomiędzy rzędami */
	background-color: transparent;
}

@media (max-width: 768px) {
  .accessories-products .product {
      flex: 1 1 calc(50% - 20px); /* 2 produkty w rzędzie na średnich ekranach */
  }
}

@media (max-width: 480px) {
  .accessories-products .product {
      flex: 1 1 100%; /* 1 produkt na pełnej szerokości na bardzo małych ekranach */
  }
}

.product__add-to-cart {
    margin-top: 25px;
}

.woocommerce-product-gallery__wrapper a img {
    width: 100%;
    mix-blend-mode: normal;
}

.woocommerce-product-gallery__wrapper {
		background-color: unset;
}

.services-one__icon span {
    color: #3e6fd6;
}

.helping__points li .icon span {
    color: #3e6fd6;
}

.tech-services__points li:hover .icon {
    background-color: #ffffff;
	  color: #0d0f17;
}


/* Styl dla podstrony Kariera */
.job_filters {
    background: #151825;
}

.job_filters .job_types {
  background: #0d0f17;
	border-top: 0px;
}

.job_filters .job_types li {
    border-right: 0px;
}

.search_jobs {
	display: none;
}

.showing_jobs {
	display: none!important;
}

ul.job_listings li.job_listing a:hover {
    background-color: #151825;
}

div.job_listings {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.comment-content strong, .blog-details__content strong {
    color: #A0A8BA;
}

input.application_button.button {
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: var(--notech-base, #6653e8);
    color: var(--notech-white, #ffffff);
    font-size: 16px;
    font-weight: 700;
    padding: 14px 40px 14px;
	border: 0px;
}

/* Footer */
.site-footer__social a {
    background-color: #003aa0;
}

