/*
Theme Name: Itfirm
Theme URI: http://demo.casethemes.net/itfirm/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Itfirm is a stunning, professional and flexible IT Solutions, IT Business, and Services Company WordPress theme. Itfirm based on in-depth research into IT Solutions, IT Services, IT Business, Consulting, SaaS & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks.
Version: 1.3.9
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: itfirm
Tags: agency, business, it services, it solutions, technology, technology service, software, services, app, network solution, startup, technology company, saas, digital
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body
{
font-family: "Open Sans", sans-serif !important;
}

h2, h3, h4, h5, h6
{ 
font-family: "Open Sans", sans-serif !important; 
}
#secondary .widget .widget-title span
{
font-family: "Open Sans", sans-serif !important; 
}

 


.latest-style-heafing-title h2, .latest-style-heafing-title h3, .latest-style-heafing-title h4, .latest-style-heafing-title h5, .latest-style-heafing-title h6
{
align-self: stretch;
flex-grow: 0;
background-image: linear-gradient(to right, #01a99c 12%, #38b54b 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Open Sans", sans-serif !important;
display: inline-block !important;
text-align: left !important;
line-height: normal;
}
 
.ct-heading .item--sub-title {
    font-size: 18px;
    font-weight: 700;
    color:#fff;
    margin-bottom: 9px;
}

/* .item--featured .no-lazyload
{
width: 370px !important;
height: 300px !important;
} */

.blog-con-form
{
	border-color: #fff;
    color: #656565;
    font-size: 14px;
    padding-left: 18px;
    margin-bottom: 20px;
    border-radius:5px !important;
}

.single-hentry .entry-featured{display:none}

/* hm code blog layout 2 page start here */
.elementor-element.elementor-element-1062e74.e-flex.e-con-boxed.e-con.e-parent {
    margin-top: -30px;
    padding: 10px 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px;
}

.ct-blog-carousel-layout3 .item--featured { display:none; }
/* .ct-blog-carousel-layout3 .item--meta {display:none;} */
.ct-blog-carousel-layout3 .item--title { font-size:40px; line-height:1.25;}
.ct-blog-carousel-layout3 .grid-item-inner{margin-top:0px;}
.btn.btn-dark1{background-color:#70c27d;}
/* hm code blog layout 2 page ends here */
/* venu code start here */
#ct-pagetitle{padding: 80px 0 !important;text-align: left !important;}


.ct-blog-grid-layout1 .item--readmore .btn, .ct-blog-carousel-layout1 .item--readmore .btn {
  background-color: #fff;border-radius:5px;color: #3EB34A;border: 2px solid #3EB34A;
}
.ct-blog-grid-layout1 .item--readmore .btn:hover, .ct-blog-carousel-layout1 .item--readmore .btn:hover {
       background-color: #fff;border-radius: 5px;color: #3EB34A;border: 2px solid #3EB34A;
}
#ct-pagetitle .ct-page-title{font-size:30px;font-weight:bold;}
.btn.btn-dark1{background-image: linear-gradient(to right, #349e42 0%, #349e42 51%, #fee600 100%);color:#fff;border-radius:20px !important;}
.psac-alignmiddle h5 { color:#3ab54a;font-weight:bold; }

.psac-post-content a{background-image: linear-gradient(90deg, #3eb34a 0%, #3eb34a 50%, #8acd47) !important;padding:7px 20px 7px 20px; border-radius:0px;color:#fff;}
.ct-blog-carousel-layout5 .item--featured{display:none;}
.ct-blog-carousel-layout5 .grid-item-inner{margin-top:0px !important;}
.ct-blog-carousel-layout5 .item--title{font-size:30px;line-height: 1.3;}
.post-template-default #ct-pagetitle { background-image: linear-gradient(90deg, #61BD62 20%, #08D4CC 80%) !important;padding: 50px 0 !important; }
.site-content { padding: 30px 0px 30px 0px; }
.home .page-template-default .site-content{0px 0px 30px 0px !important}
body.home.page-template-default.page.page-id-13968 .site-content { padding: 0px 0px 30px 0px !important; }
.single-post #content{padding:50px 0 30px!important;}
.mainblog-tagline{color: #fff; font-size: 17px;font-family:"Open Sans", sans-serif !important;padding-top: 10px;}
.post-template-default .mainblog-tagline{display:none;}
.ct-blog-carousel-layout5 .item--readmore a{background-image: linear-gradient(to right, #349e42 0%, #349e42 51%, #fee600 100%);border-radius: 20px;color: #fff;padding: 8px 15px;}
.post-template-default .ct-page-title{font-size: 30px !important;font-weight: bold;}
.psac-post-slider.psac-design-1 .psac-readmorebtn { color: #fff; border: none; }
.psac-post-slider.psac-design-1 .psac-readmorebtn { color: #fff !important; border: none !important; }
/* psac-post-slides start here */
.psac-post-slider.psac-design-1 .psac-post-overlay{background: #000 !important;}
.psac-post-title a, .psac-post-categories a { color: #fff !important; }
.psac-post-meta{color:#fff !important;}
.psac-post-short-content { color: #fff !important; }
/*  psac-post-slides ends here*/

.psac-design-2 .psac-post-title a{color:#000 !important;}
.psac-design-2 .psac-post-meta { color: #000 !important; }

.yarpp-thumbnails-horizontal .yarpp-thumbnail{height: 215px !important;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {  border: 1px solid #3ab54a !important; }
.btn-primary:hover {
    color: #3EB34A;
    background-color: #fff;
    border: 2px solid #3EB34A;
}

.widget_author_avatars .author-list .with-name {
    display: block;
    float: left;
    border: 1px solid #3ab54a;
    width: 115px;
    height: 155px;
    margin: 10px 10px 10px 10px;
}
img.sab-custom-avatar
{
	max-width:120px !important;
}
.ct-blog-carousel-layout4 .item--holder
{
	height:200px;
}

.widget_author_avatars .author-list {
    text-align: left !important;
}

.widget_author_avatars .author-list .user {
    padding: 0px 0px !important;border: 1px solid #ddd !important;margin: 5px !important;
}

.elementor-element-b0eb160 h5
{
	color:#fff !important;
}
.elementor-element-2f900b6 h5
{
	color:#fff !important;
}

.saboxplugin-wrap .saboxplugin-gravatar img
{
	border-radius:5% !important;
}

.elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li:hover > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current_page_item > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current-menu-item > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current_page_ancestor > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current-menu-ancestor > a
{
color:#349e42 !important;font-weight:normal;
}

.elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current_page_item > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current-menu-item > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current_page_ancestor > a, .elementor-4195 .elementor-element.elementor-element-bd7f928 .ct-nav-menu .ct-main-menu li .sub-menu li.current-menu-ancestor > a
{
font-weight:normal;
}

/*issue solving start here*/

.ct-nav-menu1.style2 .ct-main-menu > li > a { color: #101130;line-height: 50px !important; }
.ct-item-meta li i { color: #707070 !important; }
.ct-item-meta li.item-author a { font-weight: 500 !important; color: #38b54b !important;
}
.ct-page-title-holder{padding-left:30px; }
.single-post .entry-content p {margin-bottom:10px !important;text-align:justify;}
.widget_block.widget_search .wp-block-search__button{border-left:1px solid #3ab54a;}
.widget_block.widget_search .wp-block-search__input{border-color:#3ab54a;}
.single-post .entry-blog { margin-bottom: 10px; }
.archive .category #ct-pagetitle {
    background-image: linear-gradient(90deg, #61BD62 20%, #08D4CC 80%) !important;
    padding: 30px 0 !important;
	}

#ct-pagetitle{ background-image: linear-gradient(90deg, #61BD62 20%, #08D4CC 80%) !important;
    padding: 50px 0 !important;}
.entry-readmore .btn{ padding: 0 20px !important; border-radius: 5px !important; }
.entry-readmore .btn:hover
{ padding:0 20px !important;border-radius:5px !important; background-color:#298a3c !important; color:#fff; border: none !important; }
.btn-primary.focus, .btn-primary:focus { box-shadow: none !important; }


@media screen and (max-width: 767px) {
#ct-pagetitle .ct-page-title { font-size: 18px !important; padding-top: 10px; }
.ct-page-title-holder { padding-left: 0px; }
.post-template-default #ct-pagetitle {
    background-image: linear-gradient(90deg, #61BD62 20%, #08D4CC 80%) !important; padding: 15px 0 !important;}
	
}

.ct-nav-menu1.sub-hv-style3 .sub-menu > li:hover > a:before, .ct-nav-menu1.sub-hv-style3 .sub-menu > li.current_page_item > a:not(.is-one-page):before, .ct-nav-menu1.sub-hv-style3 .sub-menu > li.current-menu-item > a:not(.is-one-page):before, .ct-nav-menu1.sub-hv-style3 .sub-menu > li.current_page_ancestor > a:not(.is-one-page):before, .ct-nav-menu1.sub-hv-style3 .sub-menu > li.current-menu-ancestor > a:not(.is-one-page):before {
    width: 9px !important;
    opacity: 1;
}

.ct-main-menu .sub-menu li a, .ct-main-menu .children li a {
    padding: 5px 15px !important;
}
/*issue solving ends here*/
.elementor-4197 .elementor-element.elementor-element-26955b15 .ct-nav-menu .ct-main-menu li .sub-menu li > a {
    color: #000;
    font-weight: 500;
}
.elementor-4197 .elementor-element.elementor-element-26955b15 .ct-nav-menu .ct-main-menu li .sub-menu li:hover > a, .elementor-4197 .elementor-element.elementor-element-26955b15 .ct-nav-menu .ct-main-menu li .sub-menu li.current_page_item > a, .elementor-4197 .elementor-element.elementor-element-26955b15 .ct-nav-menu .ct-main-menu li .sub-menu li.current-menu-item > a, .elementor-4197 .elementor-element.elementor-element-26955b15 .ct-nav-menu .ct-main-menu li .sub-menu li.current_page_ancestor > a, .elementor-4197 .elementor-element.elementor-element-26955b15 .ct-nav-menu .ct-main-menu li .sub-menu li.current-menu-ancestor > a {
    color: #3eb34a !important;
}
#ct-pagetitle:before {
    content: '';
    position: absolute;
     background-color: rgba(0, 6, 17, 0.20) !important; 
}
.ct-breadcrumb li:after {
    content: "\f114";
    margin: 0 14px; color: #fff !important; 
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.ct-nav-menu .ct-main-menu li .sub-menu li > a {
    color: #000000;
	border-bottom:1px dashed;
}
/* venu code ends here */
/* Centering the form */
.email-form {
  display: flex !important;
  align-items: center !important;  
  justify-content: space-between !important;  
  width: 100% !important;  
  max-width: 600px !important;  
  margin: 20px auto !important;  
}

.email-label {
  margin-right: 10px !important;  
}

.email-input {
  flex-grow: 1 !important; 
  padding: 10px !important;
  font-size: 16px !important;
  margin: 1px;
}

.submit-button {
  padding: 10px 20px !important;
  font-size: 16px !important;
  background-color: #4CAF50 !important;
  color: white !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 30px !important;
	border-radius: 0px 10px 10px 0px !important;
}

.submit-button:hover {
  background-color: #45a049 !important;
}

.ul-line-height
{
	padding: 0;
    margin: 0 0 5px;
}

.ct-menu-item {
    font-weight: 500 !important;
}

.ct-menu-item {
    font-weight: 500 !important;
}

.ct-nav-menu .ct-main-menu li .sub-menu li>a {
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px dashed #ddd;
}

.ct-nav-menu .ct-main-menu li .sub-menu li>a:hover {
    color: #3ab54a !important;
    font-weight: 500;
}


.sticky-btn-enquire {
    top: 50%;
    right: -55px;
    transform: rotate(-90deg);
    position: fixed !important;
    z-index: 999 !important;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
	border-radius: 10px 10px 0px 0px;
    background-image: linear-gradient(90deg, var(--gradient-color-from) 0%, #8acd47 50%, #3eb34a) !important;
}
.sticky-btn-enquire:hover {
    top: 50%;
    right: -55px;
    transform: rotate(-90deg);
    position: fixed !important;
    z-index: 999 !important;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
	color:#fff;
	border:none;
	border-radius: 10px 10px 0px 0px;
    background-image: linear-gradient(90deg, var(--gradient-color-from) 0%, #8acd47 50%, #3eb34a) !important;
}
/*
h3, .h3 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 25px !important;
}

h2, .h2 {
    font-size: 30px !important;
}

p
{
font-family: "Open Sans", sans-serif !important;
}

*/