/*
Theme Name: IT Services
Theme URI: https://www.themesglance.com/products/free-it-services-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: IT Services is a professional, clean, and responsive theme designed for IT companies, software developers, IT consultants, tech support providers, cloud service firms, and other technology-focused businesses. Ideal for showcasing services such as IT strategy, system integration, data management, digital transformation, and software solutions, it features a minimalist and sophisticated layout that conveys professionalism while remaining highly customizable. Built on the Bootstrap framework with optimized, SEO-friendly code, IT Services ensures fast page loading, mobile responsiveness, and improved search engine visibility. The theme includes a full-width responsive slider for showcasing services, retina-ready images, Team and Testimonials sections, interactive Call To Action (CTA) buttons, and social media integration to enhance user engagement and conversions. Compatible with essential plugins like Contact Form 7 for client inquiries, WooCommerce for selling tech products or services, WPML for multilingual sites, and Yoast SEO for search optimization, this free theme makes it easy to build a sleek, performance-optimized, and conversion-focused website for IT firms, digital consulting businesses, and tech service providers. Demo: https://www.themesglance.com/it-company-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.1
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: it-services
Template: it-company
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, threaded-comments, rtl-language-support, blog, news, e-commerce
*/

body{
	font-family: 'Raleway', sans-serif;
}
:root {
  --primary-color:#27bfff;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Abhaya Libre', serif;
}
.post-info a:focus, .copyright a:focus, .more-btn a:focus, .header a:focus, .header input:focus, .footerinner a:focus{
    outline-color: #000;
}
.entry-content p a, .comment p a, .footerinner .textwidget p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description a{
    text-decoration: underline;
}
.post-info .entry-date:hover, .post-info .entry-date:hover i, .post-info .entry-author:hover, .post-info .entry-author:hover i{
	color: #000;
}
.post-info,.grid-post-info,.blogbtn a,#sidebar .search-form input[type="submit"],.pagination .current,#sidebar .tagcloud a:hover,.woocommerce-product-search button,.inner,#footer .search-form input[type="submit"],.footerinner .tagcloud a:hover,.navigation .nav-previous a, .navigation .nav-next a,#comments a.comment-reply-link,#comments input[type="submit"].submit,.bradcrumbs a:hover,.nav-menu ul ul a,h1.page-title, h1.search-title,.woocommerce span.onsale,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,nav.woocommerce-MyAccount-navigation ul li,.page-template-custom-front-page .top-header,.more-btn a:hover,.we-do-box:hover,.tags a:hover,.back-to-top, input[type="submit"], a.button{
	background: var(--primary-color);
}
.woocommerce-message {
	border-color: var(--primary-color) ;
}
.woocommerce a.added_to_cart{
	display: block;
}
a,.grid-sec h2 a , .blog-sec h2 a,#sidebar h3,#sidebar ul li a:hover,.footerinner ul li a:hover,#we-do h2,.tags a i, .woocommerce-message::before{
	color: var(--primary-color);
}

.blog .blog-sec,.blog #sidebar .widget,#sidebar .widget,.blog-sec{
    box-shadow: 2px 2px #000 !important;
}
#wrapper .related-posts h2.related-posts-main-title, #wrapper .related-posts h3 a{
	color: var(--primary-color);
}
/* blog */
#blog_post .blog-sec h2:hover a{
	color: var(--primary-color);
}

#sidebar ul li a:hover,#sidebar ol li a:hover{
	padding-left: 8px; 
	color: var(--primary-color);
}
#blog_post .blog-sec:hover{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)!important;
  }
/*---- Header CSS ----*/
.header {
    background: transparent;
}
.logo-inner-box {
    clip-path: polygon(0 0, 100% 0%, 71% 100%, 0 100%);
    background: #fff;
    display: inline-grid;
    padding: 30px 50px;
}
.logo-box {
    filter: drop-shadow(0 10px 10px rgba(50, 50, 0, 0.5));
    position: absolute;
    z-index: 999;
}
.top-header {
    border-bottom: none;
    background: var(--primary-color);
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0 100%);
}
.logo h1 a, .logo p.site-title a,.logo p,.nav-menu li a,.we-do-box h3 a{
	color: #000;
}
.fixed-header {
	background: #fff;
}
.welcome i{
	font-size: 27px;
    color: white;
}
.page-template-custom-front-page .header {
    position: static;
    background-color: transparent !important;
}
.page-template-custom-front-page .top-header,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
	border: none !important;
}
.post-info i{
	margin-right: 5px;
}
#slider img{
	object-fit: cover;
}
/*---- Menu CSS ----*/
.nav-menu ul{
	text-align: right;
}
.bar-box {
    background: var(--primary-color);
    color: #fff;
    font-size: 35px;
    text-align: center;
}
.nav-menu ul ul{
	border-color: #000;
}
.nav-menu ul ul a:hover {
    background: #000;
}
.nav-menu ul ul a:hover,.tags a:hover{
	border-color: var(--primary-color);;
}
.contact-details:hover i, .contact-details p:hover,
.conatct-font:hover i, .conatct-font p:hover, .conatct-font:hover a p{
	color: #000 !important;
}
#slider .more-btn a{
	background: #fff ;
	color: #000 !important;
	border-radius: 30px !important;
}
 .more-btn a:hover,.we-do-box:hover a,.we-do-box:hover p,.bradcrumbs a{
	color: #fff ;
}
#slider .more-btn a:hover{
	background: var(--primary-color);
	color: #fff !important;
}
.we-do-box {
    border: solid 4px #e2e2e2;
    box-shadow: 0 0 18px 0px #e2e2e2;
}
.we-do-box h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
#footer{
	background: #000;
}
.back-to-top::after {
    border-bottom: 20px solid #000;
}
.back-to-top::before{
	border-bottom: 20px solid var(--primary-color);
}
.post-categories li a{
	background-color: var(--primary-color);
}
.bradcrumbs span,.woocommerce-account .addresses .title .edit{
	background: var(--primary-color);
	color: #fff;
}
.bradcrumbs a{
	background: var(--primary-color);
}
.bradcrumbs a:hover{
	background: #232c2b;
	color: #fff !important;
}
.blogbtn a,.woocommerce a.button,input#submit,.woocommerce .cart .button,a.checkout-button.button.alt.wc-forward.wp-element-button,button#place_order{
	border-radius: 30px;
}
#maincontent .background-img-skin{
	margin-top: 0;
}
.pagination a:hover, .page-links a span:hover,span.page-links-title{
  color:#fff;
  background: var(--primary-color);
}
.pagination .current, .page-links .current .page-number {
  padding: 10px 15px ;
  color: #fff;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
#maincontent .wp-block-button a,.wp-block-search__button,.widget_calendar tbody a{
  background: var(--primary-color);
}
#sidebar .tagcloud a:hover,.footerinner .tagcloud a:hover{
	border: 1px solid var(--primary-color);
}
#footer h3, #footer .wp-block-search__label{
	border-color: var(--primary-color);
}
#sidebar h2,#sidebar .wp-block-search .wp-block-search__label{
	color: var(--primary-color);
}
 #sidebar .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:hover{
 	background: var(--primary-color);
 	border: 1px solid var(--primary-color);
 }
 .bradcrumbs span{
 	padding: 10px;
 }
 .wc-block-grid__product-onsale,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button{
 	background: var(--primary-color) !important;
 	border-color: var(--primary-color) !important;
 }
 .woocommerce a.added_to_cart{
 	background: var(--primary-color) !important;
 	color: #fff;
 	border-radius: 30px !important;
 	width: fit-content;
 	margin: 10px  auto 0 10px !important;
 	padding: 6px 15px !important;
 	font-weight: 700 !important;
 }
 .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
 	background-color: var(--primary-color);
 	border: 1px solid var(--primary-color);
 }
 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
 	border: 1px solid var(--primary-color);
 	color: var(--primary-color);
 }
 .woocommerce-notices-wrapper a.button.wc-forward{
 	background: var(--primary-color);
 }
  .woocommerce-notices-wrapper a.button.wc-forward:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
 	background: #000 !important;
 }
 #header .nav ul li:after{
 	display: none;
 }
 #sidebar .wp-block-search .wp-block-search__label{
	font-family: 'Abhaya Libre', serif !important;
 }

 .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    margin-left: 15px!important;
 }

 .product .add_to_cart_button{
	margin: 10px !important;
 }

 .woocommerce-products-header h1 {
	padding-left: 8px;
  }

.welcome p {
    color: #fff!important;
	justify-content: center;
    display: flex;
}


@media screen and (max-width: 1000px){
	.logo-box{
		position: static;
	}
	.logo-inner-box {
	    clip-path: none;
	    padding: 30px 15px;
	}
	.bar-box {
	    display: none;
	}
	.top-header {
	    clip-path: none;
    	margin-top: 20px;
	}
	.welcome p{
		padding: 0;
	}
}

@media screen and (min-width: 320px) and (max-width: 425px) {
	#slider .inner_carousel h1 {
	    font-size: 20px;
	}
	#slider .carousel-caption {
	    left: 20% !important;
	    right: 20% !important;
	}
	input.search-field{
		width: 58%;
	}
	label {
	    display: inline;
	}
}
@media screen and (min-width: 720px) and (max-width: 768px) {
.wp-block-search__inside-wrapper{
	display: inline-block;
	}
	button.wp-block-search__button.wp-element-button{
		margin-left: 0em;
	}
}
@media screen and (min-width: 720px) and (max-width: 991px) {
	#footer .search-form input[type="submit"]{
		padding: 14px 4%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {	
	.logo-box{
	    position: static;
	}
	.logo-inner-box {
	    padding: 15px;
	}
}
thead, tbody, tfoot, tr, td, th {
	border-width: 1px;
}
@media screen and (max-width: 320px){
	.bradcrumbs span{
  	padding: 7px;
}
}
.nav-menu a:hover{
	color: var(--primary-color) ;
}
#sidebar .widget{
	padding: 15px ;
}