/*
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 built for IT companies, software developers, IT consultants, web agencies, cloud computing firms, and tech startups looking to establish a strong digital presence. Perfect for showcasing services like IT strategy, digital transformation, app development, system integration, cybersecurity, cloud storage, and data management, this theme features a minimalist yet modern design that reflects innovation and professionalism. Developed on the Bootstrap framework with lightweight, SEO-friendly code, IT Services ensures fast loading speed, mobile responsiveness, and better visibility on search engines. It includes a responsive full-width slider, retina-ready visuals, Team and Testimonials sections, interactive Call To Action (CTA) buttons, and social media integration to maximize engagement and conversions. Compatible with major plugins such as Contact Form 7 for client communication, WooCommerce for tech product or service sales, WPML for multilingual functionality, and Yoast SEO for ranking optimization, this free theme is an ideal solution for IT firms, digital consultants, web development agencies, and technology service providers aiming for a sleek, high-performing, and conversion-driven website.. 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.5
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,.welcome i:hover,.welcome p:hover{
	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 ;
}