/*
Theme Name:     Techly Child Theme
Template:       techly
Theme URI:      https://www.radiustheme.com/demo/wordpress/themes/techly
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Techly is a Responsive IT Solution & Service Digital Agency WordPress Theme.
Version:        1.0.0
Tested up to: 	6.6
Requires PHP: 	7.4
Text Domain:    techly
Tags: 			theme-options, featured-images, post-formats, one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, sticky-post, threaded-comments, translation-ready
License:   	  	Envato split License
License URI:  	https://themeforest.net/licenses/terms/regular
*/


.techly-offcanvas-drawer .offcanvas-logo .trigger-icon, .header-search .close, .ham-burger .btn-hamburger span {
  background: transparent!important;
}
.header-search-wrap button.close img {
  pointer-events: none;
}
.techly-offcanvas-drawer {
  margin-left: -100%!important;
}
.techly-offcanvas-drawer.is-open {
  margin-left: 0!important;
}
.techly-offcanvas-drawer {
  width: 100%!important;
}
.techly-offcanvas-drawer {
  z-index: 10!important;
}
.site-header {
  z-index: 11!important;
}
.techly-body-overlay {
  display: none!important;
}
#masthead .techly-navigation ul li a {
  position: relative;
  text-decoration: none;
  color: inherit;
}
#masthead .techly-navigation ul li a::after {
  content: '';
  position: absolute;
  left: auto;
  bottom: 20px;
  width: 0;
  height: 2px;
  background-color: #FF850B;
  transition: width 0.3s ease;
}
#masthead .techly-navigation ul li a:hover::after,
#masthead .techly-navigation ul li.active a::after {
  width: 50px;
}
.techly-offcanvas-drawer nav ul li a {
  font-size: 18px!important;
}
.techly-offcanvas-drawer {
  background-color: var(--rt-primary-color)!important;
  color: #fff!important;
}
.offcanvas-address label {
  color: rgba(255,255,255,0.6)!important;
}
.techly-offcanvas-drawer ul.menu li a {
  color: #fff!important;
}
.offcanvas-about.offcanvas-address {
  margin-top: -60px;
  margin-bottom: -90px;
}
.offcanvas-address {
  margin-top: -60px;
}
.offcanvas-address .offcanvas-info a {
  color: #fff!important;
  font-weight: 300;
  font-size: 18px;
  margin-left: -7px;
}
.offcanvas-address .offcanvas-social-icon a {
  background: #fff;
}
.button-2 .button-text {
  color: #fff;
  line-height: 1.2;
}
.rt-case-study .button-2 .button-text {
  color: var(--rt-primary-color);
}
.rt-case-study .case-item .list-item:hover .button-2 .button-text {
  color: #fff;
}
.case-item .service-img {
  width: 280px;
  min-width: 280px;
}
.case-item .service-img img {
  box-shadow: 0 .5rem 0 0 var( --e-global-color-accent );
  height: 200px;
  object-fit: cover;
}
.rt-hero-slider .single-slider {
  border-radius: 0px 0px 150px 150px;
  min-height: calc( 100vh - 70px )!important;
  margin-bottom: 35px;
}
.rt-hero-slider .swiper-backface-hidden .swiper-slide {
    position: relative;
}
.rt-hero-slider .swiper-backface-hidden .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to left,
        var(--rt-title-color),
        var(--rt-title-color)
    );
    pointer-events: none;
  border-radius: 0px 0px 0px 150px;
}
.rt-hero-slider .slider-content {
  max-width: 50%!important;
  background-color: transparent!important;
  z-index: 9;
}
.techly-offcanvas-drawer .offcanvas-logo {
  opacity: 0;
  margin-bottom: -30px;
}
.techly-offcanvas-drawer {
  padding-bottom: 80px!important;
}
.info-box .info-icon svg {
  width: 1px;
  margin: 30px;
}
.rt-info-box .info-box:hover .info-icon i, .rt-info-box .info-box:hover .info-icon svg, .rt-info-box .info-box:hover .info-icon img {
  transform: scale(1.01)!important;
}
.solutions .rt-info-box .info-box .info-icon {
  height: 400px;
  overflow: hidden;
  border-radius: 40px;
}
.team-single-item .team-thumb-round {
  background-color: var(--rt-primary-color)!important;
}
.team-single-item .team-thumb-round {
  width: 250px!important;
  height: auto!important;
  float: right;
}
.team-social-social .icon-rt-pinterest::before, .team-social .icon-rt-pinterest::before {
  content: url(/wp-content/themes/techly-child/microsoft-teams.svg)!important;
  width:18px;
}
.team-social-social .icon-rt-pinterest, .team-social .icon-rt-pinterest {
  margin-top: 5px;
}
.team-single-item .team-social-social li a:hover i, .team-social .icon-rt-pinterest::before {
  filter: brightness(100);
}
.rt-team-slider-layout .team-item .post-thumbnail {
  background-color: transparent!important;
}
.rt-team-default .team-thumbs img {
  padding: 7px;
}
.team-single-item .team-thumb-round img {
  box-shadow: 0 .5rem 0 0 var( --e-global-color-accent );
}


.techly-breadcrumb-wrapper.has-bg {
	position: relative;
	overflow: hidden;
}

.techly-breadcrumb-wrapper.has-bg .banner-image {
	position: absolute;
	inset: 0;
	z-index: 1;
}
.techly-breadcrumb-wrapper.has-bg .banner-image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		rgba(5, 25, 55, 0.85) 0%,
		rgba(5, 25, 55, 0.55) 40%,
		rgba(5, 25, 55, 0.0) 70%
	);
	z-index: 2;
}
.techly-breadcrumb-wrapper.has-bg .container {
	position: relative;
	z-index: 3;
}



@media only screen and (max-width: 1400px) {
#masthead .techly-navigation ul li a {
  font-size: 16px;
  padding: 26px 10px;
}
#masthead .rt-action-button .btn {
  font-size: 16px!important;
  padding: 10px 10px!important;
}
}

@media only screen and (max-width: 992px) {
.rt-hero-slider .slider-content {
  background-color: transparent;
}
.rt-hero-slider .single-slider {
  border-radius: 0px 0px 50px 50px;
  min-height: calc( 100vh - 60px )!important;
  margin-bottom: 0;
}
.rt-hero-slider .swiper-backface-hidden .swiper-slide::after {
    top: unset;
    right: unset;
	bottom: 0;
    width: 100%;
    height: 40vh;
    background: linear-gradient(
        to bottom,
        var(--rt-title-color),
        var(--rt-title-color)
    );
	border-radius: 0px 0px 0px 50px;
}
.rt-hero-slider .slider-content {
  max-width: 100%!important;
  transform: translateY(50%);
  z-index: 9;
  margin-top: 12vh;
}
.rt-hero-slider .swiper-navigation, .rt-team-default .swiper-navigation {
  display: flex;
}
.rt-hero-slider .swiper-button.swiper-button-prev {
  left: 50%!important;
}
.rt-hero-slider .swiper-button.swiper-button-next {
  right: -50%!important;
}
.team-single-item .team-thumb-round {
  margin-bottom: 30px;
  float: none;
}
}

@media only screen and (max-width: 767px) {
  .menu-icon-wrapper .menu-icon-action .rt-button {
    display: flex!important;
  }
.solutions .rt-info-box .info-box .info-icon {
  height: auto;
}
.case-item .service-img {
  width: 100%;
  height:auto;
}
}