/*
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 and cleanly designed WordPress theme built specifically for IT companies, software developers, IT consultants, tech support providers, cloud service companies, and other businesses in the information technology sector. This IT services WordPress theme is perfect for showcasing IT strategy, system integration, data management, digital transformation, and a wide range of tech solutions. Designed with a minimalist and sophisticated layout, it conveys a strong sense of professionalism while remaining highly customizable. Built using the Bootstrap framework, the theme includes optimized, SEO-friendly code that ensures fast page loading and better visibility on search engines. Its user-friendly interface is suitable for all skill levels and offers plenty of styling options to personalize your IT company website template. The full-width responsive slider supports retina-ready images, allowing you to showcase key services and solutions in a visually appealing way. With useful sections like Team and Testimonials, and interactive features such as Call To Action (CTA) buttons and social media integration, this technology business WordPress theme helps you engage visitors and drive conversions. Whether you’re offering managed IT services, software development, or digital consulting, this free theme makes it easy to create a sleek, performance-optimized, and conversion-focused IT firm website. Demo: https://www.themesglance.com/it-company-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.9.9
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 ;
}