/*
Theme Name: Bili Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.0
Template: bili
Text Domain: bili-child
*/

/* Home Page Custom Css Start */
body.page-template-default .wgl-theme-header.header_overlap {
	position: relative ;
}
body.page-template-default.page-id-4557 .wgl-theme-header,
body.single-post  .wgl-theme-header{
	position: absolute ;
}
.wgl-theme-header .wgl-logotype-container img{
  filter: invert(1);
}
.wgl-theme-header .wgl-sticky-element .wgl-logotype-container img{
  filter: invert(0);
}
.page-id-4557 .wgl-theme-header .wgl-logotype-container img,
body.single-post  .wgl-theme-header .wgl-logotype-container img{
  filter: invert(0);
}
.wgl-theme-header .elementor-4875 .elementor-element.elementor-element-ed355af .primary-nav > ul > li > a,
.wgl-theme-header .elementor-4875 .elementor-element.elementor-element-a26de91 .header_search-button{
	color: #232323;
}

.page-id-4557 .wgl-theme-header .elementor-4875 .elementor-element.elementor-element-ed355af .primary-nav > ul > li > a,
body.single-post  .wgl-theme-header .elementor-4875 .elementor-element.elementor-element-ed355af .primary-nav > ul > li > a,
.page-id-4557 .wgl-theme-header .elementor-4875 .elementor-element.elementor-element-a26de91 .header_search-button,
body.single-post  .wgl-theme-header .elementor-4875 .elementor-element.elementor-element-a26de91 .header_search-button{
	color: #fff;
}
.portfolio-slider .swiper-slide a{
    display: inline-flex;
}
.wgl-body-lines span{
	display:none;
}

.wgl-carousel.swiper{
	padding-bottom: 20px;
}
/* Home Page Custom Css End */

/* Contact form Css Start */
.custom-contact-form input[type=text],
.custom-contact-form input[type=email],
.custom-contact-form input[type=tel],
.custom-contact-form select,
.custom-contact-form textarea{
	    border: none !important;
    border-bottom: 1px solid !important;
    padding: 0 !important;
	background: transparent;
}
.custom-contact-form input[type=text]:focus ,
.custom-contact-form input[type=email]:focus ,
.custom-contact-form input[type=tel]:focus ,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus,
.custom-contact-form .list-select-wrap select:focus+div{
	background: transparent !important;
}
.custom-contact-form .nf-form-content .list-select-wrap .nf-field-element>div{
	border: none;
}
.custom-contact-form textarea{
	height: 90px !important;
}

.custom-contact-form input[type=submit]{
	    background: transparent !important;
    padding: 0;
    z-index: 2;
    position: relative;
    display: inline-block;
    height: 60px !important;
    max-width: 100%;
    margin-bottom: 0;
    border: unset;
    border-radius: unset;
    outline: none;
    padding: 6px 30px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    font-family: var(--bili-content-font-family);
    color: var(--bili-button-color-idle) !important;
    background: var(--bili-button-bg-idle);
    cursor: pointer;
    -webkit-appearance: none;
    transition: 0.4s;
    letter-spacing: 0.1em;
}

.custom-contact-form #nf-field-8-container .nf-field-element,
.custom-contact-form #nf-field-16-container .nf-field-element{
	width: auto;
}
.custom-contact-form #nf-field-8-container .nf-field-element:before,
.custom-contact-form #nf-field-16-container .nf-field-element:before{
	position: absolute;
    z-index: 0;
    content: "";
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    border-radius: 50% 50% 50% 50%;
    background-color: var(--bili-button-bg-idle);
    transition: 0.4s;
}

.custom-contact-form #nf-field-8-container .nf-field-element:hover:before,
.custom-contact-form #nf-field-16-container .nf-field-element:hover:before{
	width: 100%;
    height: 100%;
    border-radius: 32px 32px 32px 32px;
}

/* Contact form Css End */

/* portfolio page css start */
.case-studies-wrapper .elementor-image-box-wrapper .elementor-image-box-img img{
	width: 100%;
}
/* .case-studies-wrapper .elementor-image-box-wrapper:hover .elementor-image-box-img a:after{
	    background-image: url(https://demos.reliqus.com/websummitpros/wp-content/uploads/2022/03/arrow_infobox.png);
    background-position: center center;
    background-repeat: no-repeat;
	content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: 0.35s;
} */

.case-studies-wrapper .elementor-image-box-img ,
.case-studies-wrapper .elementor-image-box-wrapper{
	position: relative;
}
.case-studies-wrapper .elementor-image-box-wrapper .elementor-image-box-img a:before{
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
	background: rgba(34, 35, 40, 0.3);
    background-repeat: no-repeat;
    opacity: 0;
    background-image: url(https://demos.reliqus.com/websummitpros/wp-content/uploads/2022/03/arrow_infobox.png);
    background-position: center;
	z-index: 1;
}

/* .case-studies-wrapper .elementor-image-box-img a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
	opacity: 0;
} */
/* .case-studies-wrapper .elementor-image-box-wrapper:hover .elementor-image-box-img a:after, */
.case-studies-wrapper .elementor-image-box-wrapper:hover .elementor-image-box-img a:before{
	opacity: 1;
}
/* portfolio page css End */

/* services section css start */
.our-process-section .wgl-timeline-horizontal .time_line_h-items_wrap .wgl-carousel_wrapper .time_line_h-items{
	overflow: inherit;
}
/* services section css end */

/* Landing page css start */
.page-id-6370 .page-header{
	display:none;
}
/* Landing page css end */
/* Landing page css end */

@media(max-width: 1200px){
	.wgl-theme-header .wgl-logotype-container img{
		    filter: invert(0);
	}
}