/*
Theme Name: IT Services Management
Theme URI: https://www.titanthemes.net/products/free-it-company-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The IT Services Management theme is specifically designed for tech companies, software companies, and managed IT service providers keen to highlight their IT solutions and expertise online. Perfect for organizations involved in IT consulting, business automation, cloud migration, and cyber security, this theme enables companies to efficiently create a polished, functional, and visually appealing company website. With a clean and modern design that is highly customizable, businesses can showcase their portfolios, detail services, and emphasize expertise across various sectors such as healthcare, finance, education, and enterprise solutions. Featuring dedicated sections for IT consulting and technology services, the theme effectively markets IT offerings to potential clients. Companies can also utilize advanced tools, including AI tools like chatGPT, to enhance customer interaction. Additionally, the integrated functionality of the Contact Form 7 plugin makes managing inquiries and service requests seamless. Whether delivering IT consulting for startups or enterprise-level solutions, the IT Services Management theme guarantees a smooth user experience, optimal performance, and a professional online presence that builds trust in clients looking for reliable IT services.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 3.6.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: it-services-management
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce
*/

.homepage-header {
  padding: 0 !important;
}

.homepage-header {
  position: relative;
  width: 100%;
}

.home .homepage-header {
  padding: 0 !important;
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  z-index: 999;
  margin: 0 auto;
  background-color: transparent !important;
  border-radius: 0;
}

.homepage-header .wp-block-search__inside-wrapper {
  justify-content: end;
}

.homepage-header button.wp-block-search__button.has-text-color.has-base-color.has-background.has-icon.wp-element-button {
  padding: 0px;
}

.wp-site-blocks{
	padding: 0 !important;
}

.slider-banner {
  gap: 40px;
}

.slider-banner h2 span {
  background: var(--wp--preset--color--primary);
  padding: 0px 12px;
  margin-right: 10px;
}

.header-top p span {
  font-size: 22px;
  margin-right: 10px;
}

.project-box img {
  width: 100%;
}

.project-box .service-overlay {
  background-color: var(--wp--preset--color--primary);
}

.project-box {
  box-shadow: 0 0px 8px #00000029;
}

.project-box:hover .service-overlay img {
  opacity: 0.3 !important;
}

.project-box:hover .project-content h4,
.project-box:hover .project-content p {
  color: #fff !important;
}

.project-box:hover .project-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
}

.project-box:hover .service-btn {
  display: block !important;
  text-align: center;
}

.project-box {
  position: relative;
}

.project-box img {
  height: 400px;
  width: 100%;
}

.project-box:hover img {
  height: 513px;
  object-fit: cover;
}

.service-btn {
  display: none !important;
}

footer.wp-block-template-part {
  margin-top: 0;
}
@media screen and (max-width: 375px) {
  .main-header .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .right-box ul li a{
    color: #ffffff !important;
  }

  span.wp-block-navigation-item__label {
    color: #ffffff;
  }

  .right-box ul li a:hover:after {
    display: none;
  }

  .banner-content{
    text-align: center;
  }

  .banner-btn {
    justify-content: center;
  }
}
@media screen and (min-width: 801px) {
  .menu-box {
    padding-left: 45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
	 .header-top p {
    justify-content: center;
  }

  .wp-header-search-social {
    justify-content: center;
  }

  .single-image figure{
    width: 100% !important;
  }

  .right-box ul {
    justify-content: center;
  }

  .home .homepage-header {
    position: relative;
    background: #000000 !important;
  }
  .header-top p{
    text-align: center;
  }

  .logo-box h1 {
    text-align: center;
  }
  .homepage-header .wp-block-search__inside-wrapper{
    justify-content: center;
  }
  .banner-content h2 {
    font-size: 17px !important;
  }
  .right-box {
    padding-right: 0px !important;
    border: 0px !important
  }

  .project-box:hover .project-content {
    left: 20px;
    right: 20px;
  }

  .right-box nav,
  .wp-block-search__inside-wrapper {
    justify-content: center;
  }

  .project-box img {
    height: 250px;
    width: 100%;
  }

  .project-box:hover img {
    height: 379px;
    object-fit: cover;
  }

  .banner-cover {
    min-height: 400px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
  .service-box {
    display: grid !important;
    justify-content: center;
    grid-template-columns: auto auto !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .project-box img {
    height: 250px;
    width: 100%;
  }

  .project-box:hover img {
    height: 379px;
    object-fit: cover;
  }

  .project-content h4 {
    font-size: 16px !important;
  }

  .home .homepage-header {
    position: relative;
    background: #000000 !important;
  }

  .header-top-box {
    max-width: 95% !important;
  }

  .header-top-box p {
    font-size: 12px !important;
  }

  .main-box-service {
    max-width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .slider-banner {
    max-width: 80% !important;
  }

  .topheader {
    gap: 0px !important;
  }

  .right-box nav ul {
    gap: 25px !important;
  }

  .logo-box {
    flex-basis: 20% !important;
  }

  .right-box {
    flex-basis: 80% !important;
  }

  .topheader p {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
  .main-box-service {
    max-width: 80%;
  }

  .right-box nav ul {
    gap: 19px !important;
  }

  .slider-banner {
    max-width: 80% !important;
  }

  .header-top p {
    font-size: 14px !important;
  }

}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    justify-content: center !important;
    gap: 30px !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
figure.wp-block-post-featured-image img {
    height: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
figure.wp-block-post-featured-image img {
    height: 120px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .logo-box{
    flex-basis: 30% !important;
  }
  .right-box{
    flex-basis: 55% !important;
  }
  .logo-box h1 a {
    font-size: 18px;
  }
  .homepage-header button {
    padding: 9px 0px !important;
  }
  .banner-cover{
    min-height: 450px !important;
  }
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}