/*
Theme Name:   Saylo child theme
Description:  Write here a brief description about your child-theme
Author:       Themesflat
Author URL:   https://saylowp.themesflat.com/
Template:     saylo
Version:      1.0.0
Tested up to: 5.8.1
Requires PHP: 5.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  saylo-child-theme
*/
/* Define font faces for Chillax family */

/* 10 - 04 - 2025 */
.logo, .logo img, .logo svg{image-rendering: auto !important; max-width:200px !important}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@font-face {
  font-family: 'Gotham Black';
 /* src: url('fonts/Gotham-Black.otf') format('opentype');*/
  font-weight: 700; /* Black */
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Bold';
 /* src: url('fonts/Gotham-Bold.otf') format('opentype');*/
  font-weight: 900; /* Black */
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Light';
/*  src: url('fonts/Gotham-Light.otf') format('opentype');*/
  font-weight: 300; /* Light */
  font-style: normal;
}


.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


/*h1,h2,h3,h4,h5,h6,#n2-ss-1item1,  #n2-ss-1item4, #n2-ss-1item7, #n2-ss-1item10{  font-family: "Montserrat", sans-serif !important; font-weight:700 !important; line-height:1.2em !important; letter-spacing:normal !important}
p,  .n2-ss-slider .n2-ss-text, .header-03 #mainnav > ul > li > a{ letter-spacing:normal !important; font-family: "Plus Jakarta Sans", sans-serif !important; font-weight:normal !important} */

/*
#n2-ss-1item1,  #n2-ss-1item4, #n2-ss-1item7, #n2-ss-1item10{  font-size:65px !important; font-family: 'Gotham', sans-serif !important;  text-transform:uppercase !important; text-align:center !important; padding-top:100px !important; font-weight: 700 !important;  line-height:1.2em !important;letter-spacing:-4px !important} */
 h1,h2,h3,h4,h5,h6 {  text-transform:normal !important;  font-family: 'Gotham Bold', sans-serif !important;
  font-weight: 900 !important;  line-height:1em !important; } 
 h1, h2{letter-spacing:-4px !important} 

/*p,  .n2-ss-slider .n2-ss-text, .header-03 #mainnav > ul > li > a{ letter-spacing:normal !important;font-family: 'Gotham Light', sans-serif !important;
  font-weight: 300 !important;} */
p,   .header-03 #mainnav > ul > li > a{ letter-spacing:normal !important;font-family: 'Gotham Light', sans-serif !important;
  font-weight: 300 !important;}

 
.n2-ss-text p{text-align:center !important; padding-top:30px !important; padding-bottom:30px !important; font-size:24px !important}

#header.header-sticky .header-wrap .logo .site-logo-fixed{max-width:150px !important}

div#n2-ss-1 .n2-font-eff2aced2781d2712e1951a8ee5e5a94-link a{border-radius: 30px !important; font-family: 'Gotham', sans-serif !important; background:none !important; border:1px solid #ffffff !important; font-weight:200 !important; font-size:14px !important}
div#n2-ss-1 .n2-font-eff2aced2781d2712e1951a8ee5e5a94-link a:hover{ background:#0c2964 !important; color:white !important}

.header-03 #mainnav > ul > li > a:hover{color:#4da1e3 !important}
p{font-size:18px !important}
h1.boldtex, .boldtex h1  {
    font-weight: 600 !important;
}
.elementor-6086 .elementor-element.elementor-element-254f107 .tf-button2 span, .tf-imagebox .tf-butto{font-family: 'Gotham' sans-serif !important; font-weight:normal !important;  font-size:14px !important}

/*11 - 04 -2025  */

.tf-services-wrap.style5 .services-post{background-color:#ffffff !important}
.tf-services-wrap.style5 .services-post{border-radius:5px !important}
.tf-services-wrap.style5 .services-post, .tf-services-wrap.style5 .services-post:hover .featured-post img, .tf-services-wrap.style5 .featured-post{border-radius:0 !important}
.tf-services-wrap.style5 .services-post{padding:0 !important; }
.tf-services-wrap.style5 .title a, .tf-services-wrap.style5 .featured-post {
  pointer-events: none !important;
  cursor: default !important;
  color: inherit !important;
  text-decoration: none !important;

	
}
.tf-services-wrap.style5 .icon{display:none !important}
.tf-case-study-wrap.style1 .case-study-post .featured-post a, .tf-case-study-wrap.style1 .case-study-post .category-case-study a, .casehome5 .tf-case-study-wrap.style1 .case-study-post .title a, .tf-case-study-wrap.style5 .case-study-post .title, .tf-case-study-wrap.style5 .case-study-post .category-case-study a{  pointer-events: none !important;
  cursor: default !important;}

.tf-case-study-wrap.style5 .case-study-post .title{margin-bottom:55px !important}
 
@media only screen and (max-width: 600px) {
	#n2-ss-1item1, #n2-ss-1item4, #n2-ss-1item7,#n2-ss-1item10{font-weight:900 !important}
	#header .inner-header{background:black !important}
	footer .title-footer::after,  footer .title-footer::before{display:none !important}
	.case-study-filter{display:inline !important; text-align:center !important}
	#mainnav_canvas ul{margin-top:30px !important}
	.logo img{width:60% !important}
	.themesflat-socials{display:none !important}
	.btn-menu span, .btn-menu::after, .btn-menu::before {background:white !important; background-color:white !important}
	#n2-ss-1item1, #n2-ss-1item4, #n2-ss-1item7,#n2-ss-1item10 {font-size:28px !important; padding-left:10px !important; padding-right:10px !important; text-align:center !important; margin-top:150px !important; line-height:1.2em !important}

	.canvas-nav-wrap .inner-canvas-nav{background-color:black !important}
	
	
	
	 	.n2-ss-text p{text-align:center !important; font-size:12px !important; padding-top:50px !important padding-bottom:50px !important}
	.elementor-5617 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5729 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5743 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5792 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5812 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5866 .elementor-element.elementor-element-afac5c3 .elementor-heading-title {font-size:12px !important; text-transform:uppercase !important; }
	
	
}


@media screen and (min-device-width: 601px) and (max-device-width: 1300px) {
		.case-study-filter{display:inline !important; text-align:center !important}
	#mainnav_canvas ul{margin-top:30px !important}
		.btn-menu span, .btn-menu::before, .btn-menu::after {background:white !important; background-color:white !important}
	#n2-ss-1item1, #n2-ss-1item4, #n2-ss-1item7,#n2-ss-1item10 {font-size:30px !important; font-weight:900 !important; padding-left:10px !important; padding-right:10px !important; text-align:center !important; margin-top:100px !important; line-height:1.5em !important}
	n2-ss-text p{text-align:center !important; font-size:12px !important; padding-top:50px !important padding-bottom:50px !important}
	.elementor-5617 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5729 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5743 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5792 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5812 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5866 .elementor-element.elementor-element-afac5c3 .elementor-heading-title {font-size:12px !important; text-transform:uppercase !important; }
}


@media only screen and (min-width: 1301px) {
.elementor-5617 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5729 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5743 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5792 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5812 .elementor-element.elementor-element-afac5c3 .elementor-heading-title, .elementor-5866 .elementor-element.elementor-element-afac5c3 .elementor-heading-title,.elementor-3117 .elementor-element.elementor-element-cc2fc12 .elementor-heading-title  {font-size:24px !important; text-transform:uppercase !important; }

}


.icon-saylo-angles-right::before{display:none !important; }
.tf-title-section .title-section .sub-title i{margin-right:0 !important}
.case-study-filter li.active a{border-bottom:3px solid #000000 !important}
.tf-case-study-wrap.style3 .featured-post{padding-bottom:5px !important}
.tf-case-study-wrap.style3 .content.content-hover{ transform: translateY(0px) !important;}

.ser.tf-services-wrap.style5 .content{background:black !important}
 
.tf-case-study-wrap.style3 .content.content-hover, .tf-case-study-wrap.style3 .featured-post a {border-radius:0 !important;}
 .tf-case-study-wrap.style3 .featured-post a img{height:400px !important}
.tf-case-study-wrap.style3 .content.content-hover{right:-1px !important}
.tf-step.style3 .item-step{border-radius:0 !important}
 .casehome5 .tf-case-study-wrap.style1 .case-study-post .content{background:#00000047 !important} 

 
.case-study-filter li a{font-weight:700 !important}
.tf-step.style3 .item-step .heading, h5{letter-spacing:-1px !important}
.awsm-job-item h2.awsm-job-post-title{letter-spacing:normal !important}
.copyright-build .elementor-widget-container a:hover{color:#ffffff !important}
.error-404-text{padding-top:50px !important}