/* 
Theme Name: Birken
Description: Birken
Author: Digital Dispatch
Author URI: https://digitaldispatch.io/
Template: astra
Version: 1.0.0
Text Domain: astra
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.cta-section{position: relative;}
.cta-section .star-canvas-wrapper{position: absolute;left: 0;top: -50px;width: 60%;bottom: -90px;z-index: 1;overflow: hidden;}
.cta-section .star-canvas-wrapper .stars{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.top-bar{background: #292929;height: 70px;line-height: 70px;overflow: hidden;transition: all 0.2s ease-in-out;}
.top-bar .tbhc_btn{float: left;}
.tbhc_btn, .mob-hid_btn {display: none;}
.top-bar .top-bar-header-contact {position: relative;display: inline-block;width: auto !important;}
.top-bar .hctop-contact {padding: 0 30px;}
.top-bar .hctop-contact:before, .hctop-contact:after {content: "";position: absolute;width: 1px;height: 22px;top: 50%;right: 0;transform: translateY(-50%);background: rgba(255, 255, 255, 0.21);}
.top-bar .hctop-contact ul {list-style: none;margin: 0;padding: 0;display: flex;}
.top-bar .hctop-contact ul li {margin-right: 15px;}
.top-bar .hctop-contact ul li i {margin-right: 15px;color: var(--themecolor);}
.top-bar .hctop-contact ul li a {color: rgba(255, 255, 255, 0.8);font-weight: 500;font-size: 0.77em;text-transform: uppercase;}
.top-bar .topbar-social {float: right;position: relative;height: 32px;top: 18px;list-style: none;}
.top-bar .topbar-social li {float: left;margin-left: 6px;}
.top-bar .topbar-social li a {font-size: 0.923em;width: 32px;height: 32px;line-height: 32px;float: left;background: #333;border: 1px solid rgba(255, 255, 255, 0.1);text-align: center;}

/* 404 Page Start */
.parallax-inner{float: left;width: 100%;padding: 110px 0;overflow: hidden;position: relative;}
.err404-parallax{min-height: 100vh;}
.parallax-inner.page-title-wrap{padding: 120px 0 50px;}
.parallax-inner .bg{height: 120%;top: -10%;}
.page-title-wrap:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);}
.error-wrap{padding: 0 0 40px 0;text-align: center;}
.error-wrap h2{font-size: 11.846em;color: #fff;font-weight: 600;letter-spacing: 10px;position: relative;line-height: 1.5;}
.error-wrap h2:before{content: "";position: absolute;left: 50%;width: 50px;height: 2px;bottom: 30px;margin-left: -30px;background-color: var(--themecolor);}
.error-wrap p{color: #fff;font-size: 0.923em;text-align: center;}
.error-wrap form{margin: 30px auto 20px;max-width: 550px;overflow: hidden;border-radius: 2px;position: relative;box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2);}
.error-wrap form.custom-form input{float: left;width: 100%;border: none;background: #fff;height: 50px;padding: 0 100px 0 20px;z-index: 1;margin: 0;}
.error-wrap form .search-submit{position: absolute;top: 0;right: 0;width: 100px;height: 50px;line-height: 50px;z-index: 2;color: #000;border: none;cursor: pointer;}
.error-wrap form .search-submit:hover{background: #292929;color: #fff;}
.error-wrap a.tbtn{display: inline-table;margin-top: 10px;float: none;}
/* 404 Page End */

/* Project List page */

.project-list-wrapper{position: relative;overflow-x: hidden;}
.project-list-wrapper .project-list{display: flex;list-style: none;padding: 0;margin-bottom: 0;flex-wrap: wrap;align-items: center;}
.project-list-wrapper .project-list .project-item{width: 25%;padding: 0;margin: 0;}
.project-list-wrapper .project-list .project-item .project-item-holder{float: left;width: 100%;height: auto;position: relative;overflow: hidden;}
.project-list-wrapper .project-list .project-item .project-item-holder .project-item-image-wrap{float: left;width: 100%;height: auto;position: relative;overflow: hidden;}
.project-list-wrapper .project-list .project-item .project-item-holder .project-item-image-wrap .overlay{opacity: 0;transition: all 0.2s ease-in-out;}
.project-list-wrapper .project-list .project-item .project-item-holder .project-item-image-wrap img{height:auto;width:100%;position: relative;z-index: 1;transform: translateZ(0);transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;}


.breadcrumbs .breadcrumbs-inner{position:relative;}
.breadcrumbs .breadcrumbs-inner .breadcrumb-item {margin-right: 15px;padding-right: 20px;font-size: 0.77em;font-weight: 600;color: #666;text-transform: uppercase;position: relative;}
.breadcrumbs .breadcrumbs-inner a.breadcrumb-item:before, .breadcrumbs .breadcrumbs-inner .breadcrumb-item a:before, .breadcrumbs .breadcrumbs-inner .breadcrumb-item + .breadcrumbs .breadcrumbs-inner .breadcrumb-item::before{content: '';position: absolute;width: 6px;height: 2px;background: var(--e-global-color-secondary);right: 0;top: 50%;margin-top: -1px;}
.breadcrumbs .breadcrumbs-inner .breadcrumb-current {color: #000;}
.breadcrumbs .breadcrumbs-inner .breadcrumb-item+.breadcrumbs .breadcrumbs-inner .breadcrumb-item{padding-left: 0.5rem;}
.breadcrumbs .breadcrumbs-inner .breadcrumb-item + .breadcrumbs .breadcrumbs-inner .breadcrumb-item {padding-left: 0;}

.progress-bar-wrap{position: fixed;top: 0;left: 0;right: 0;height: 2px;z-index: 123;}
.progress-bar{display: flex;flex-direction: column;justify-content: center;overflow: hidden;color: #fff;text-align: center;white-space: nowrap;position: relative;height: 100%;width: 0%;z-index: 2;top: 0;transition: all 0.2s ease-in-out;}

.hfeed.site header nav.site-navigation ul li.current-menu-item a{color:var(--e-global-color-secondary) !important;}

/* Contact form */
.line.title .elementor-widget-container:before {content: "";position: absolute;bottom: 0px;left: 0;width: 30px;height: 3px;background-color: #92c5eb;}
.center.title .elementor-widget-container:before {content: "";position: absolute;bottom: 0px;width: 30px;height: 3px;background-color: #92c5eb;left: 50%;transform: translateX(-50%);}

.contact_form .nf-form-cont .nf-form-content {padding: 0;}
.contact_form .nf-form-cont .nf-form-fields-required {display: none;}
.contact_form .nf-form-cont .submit-wrap .nf-field-element {overflow: hidden;position: relative;width: fit-content;}
.contact_form .nf-form-cont .submit-wrap .nf-field-element::before {left: -50px;width: 50px;height: 50px;line-height: 50px;background: #444;transition: all 0.2s ease-in-out;position: absolute;top: 0;text-align: center;color: #92c5eb;font-weight: 900;font-family: "Font Awesome 6 Free";content: "\f0da";z-index: 1;}
.contact_form .nf-form-cont .submit-wrap .nf-field-element:hover::before {left: 0px;}
.contact_form .nf-form-cont .submit-wrap .nf-field-element input {font-size: 14px;color: #92c5eb;position: relative;max-width: 100%;overflow: hidden;outline: none;padding: 0 46px;display: inline-block;height: 50px;line-height: 50px;background: #292929;font-weight: 600;text-transform: uppercase;border-radius: 0;transition: all 0.2s ease-in-out;}
.contact_form .nf-form-cont .submit-wrap .nf-field-element:hover input {padding-left: 70px;padding-right: 22px;}
.contact_form .nf-form-cont .nf-response-msg {color: #008000;}
.contact_form .nf-form-cont .nf-form-content input:not([type='submit']),
.contact_form .nf-form-cont .nf-form-content textarea {background: #fff;}

/* projects page gallery */
.custom_gallery .gallery-item {aspect-ratio: 1;}
.custom_gallery .gallery-item .gallery-icon,
.custom_gallery .gallery-item .gallery-icon a,
.custom_gallery .gallery-item .gallery-icon img {height: 100%;width: 100%;object-fit: cover;object-position: center;transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;}
.custom_gallery .gallery-item:hover .gallery-icon img {transform: scale(1.2);}

@media (max-width: 767px){
    .our-companies-col .logo-box-design.top .elementor-widget-container {text-align: center;}
}
@media  (min-width: 1024px) and (max-width: 1300px){
    .elementor-element > .e-con-inner {max-width: calc(100vw - 40px);width: 100%;}
}