/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/

.desktop-menu-popup{
    display:flex!important;
}
.hide, .site-footer{
    display:none!important;
}
:root {
    --bar-bg: #212529;
  }
  
  .menu-icon {
    position: relative;
    width: 40px;
    height: 20px;
    cursor: pointer;
    margin: 0 auto;
    z-index:10000
  }
  .menu-icon div {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 22px;
    height: 12px;
  }
  .menu-icon span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--bar-bg, #000);
    border-radius: 1px;
    transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
  }
  .menu-icon span:first-of-type {
    top: 0;
  }
  .menu-icon span:last-of-type {
    bottom: 0;
  }
  .menu-icon.activeMenu span:first-of-type{
    transform: rotate(45deg);
    top: 4px;
  }
  .menu-icon.activeMenu span:last-of-type {
    transform: rotate(-45deg);
    bottom: 14px;
  }
  .menu-icon:hover span:first-of-type{
      width:30px;
  }
  .menu-icon:hover span:last-of-type{
      width:25px;
  }
  .menu-icon.activeMenu:hover span:first-of-type{
      width:40px;
  }
  .menu-icon.activeMenu:hover span:last-of-type{
      width:40px;
  }
@media only screen and (max-width:1024px){
    .menu-icon.activeMenu:hover span:first-of-type{
      width:30px;
  }
  .menu-icon.activeMenu:hover span:last-of-type{
      width:30px;
  }
  .menu-icon.activeMenu span:first-of-type{
    transform: rotate(45deg);
    top: 0;
  }
  .menu-icon.activeMenu span:last-of-type {
    transform: rotate(-45deg);
    bottom: 10px;
  }
}
  .grid-link{font-size:18px!important;color:#fff!important;text-decoration:underline !important;}
  .grid-link:hover{color:#fff!important;font-size:18px!important;}

  #mailpoet_form_1 form.mailpoet_form {
    padding: 10px 50px 0 0!important;
}

#mailpoet_form_1 .mailpoet_submit {
    border-radius: 0;
}
.download-btn{
  margin-top:0!important;
}

.download-container ul li:last-child:after, .elementor-slideshow__title, .elementor-counter-number-prefix{
  display: none;
}

.download-row .download-image-container .elementor-element-populated, .download-row .links-containerr .elementor-element-populated{
    padding:0px!important;
}
.download-row .links-containerr .elementor-heading-title {hyphens: none;}
.elementor-counter-title{text-align:left!important;}

.download-image-container img[src$=".svg"] {
  width: 80px;
  margin: 20px;
}

/*Form*/
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

.formwrapper form{
display:flex;
flex-direction: column;
width: 100%;
max-width:600px;
}
.formwrapper .input_box{
position: relative;
}

.formwrapper .input_box input, .formwrapper .input_box textarea{
width: 100%;
padding: 10px 0;
font-size: 16px;
color: #000000;
margin-bottom: 30px;
border: none;
border-bottom: 1px solid #000000;
outline: none;
background: transparent;
border-radius:0;
}
.formwrapper .input_box textarea{
max-height:100px!important;
}
.formwrapper .input_box label {
position: absolute;
top:0;
left: 0;
padding: 10px 0;
font-size: 16px;
color: #000000;
pointer-events: none;
transition: .5s;
}
.formwrapper .input_box input:focus ~ label,.formwrapper .input_box input:not(:placeholder-shown) ~ label, .formwrapper .input_box textarea:focus ~ label,.formwrapper .input_box textarea:not(:placeholder-shown) ~ label{
top: -20px;
left: 0;
color: #000000;
font-size: 12px;
border-bottom:#000000;
}
.formwrapper .check_box {
display: flex;
flex-direction: row;
}
.wpcf7-submit, .wpcf7-response-output, .wpcf7-submit:focus, input[type=submit]{
  border:none !important;
  outline:none!important;
}
.wpcf7-response-output{
  margin:0!important;
  padding:0!important;
}
.invalid-form {
  color: #f00;
  display: block;
  font-size: 18px;
}
.formwrapper .input_box label span {
  color: #f00;
}
h3.grid-title{
    font-weight: 600;
}
@media only screen and (min-width:767px){
  .nothig-found-text{
    padding-left:60px;
  }
}
.page-numbers {
    background-color: rgba(57,58,64, 0.08);
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
}
.page-numbers.current{
    background-color: #393A40;
    color:#ffffff;
}
.mailpoet_validate_success {
    text-align: left !important;
    width: 100%;
    font-size:16px;
    font-weight:400;
    line-height:24px;
}
.ecs-posts section .elementor-widget-heading, .ecs-posts section .projekt-detail {
padding-left:60px;
}
.custom_breadcrumbs{
  color: var( --e-global-color-text )!important;
  font-family: var( --e-global-typography-text-font-family ), Sans-serif!important;
  font-size: var( --e-global-typography-text-font-size )!important;
  font-weight: var( --e-global-typography-text-font-weight )!important;
}
@media (max-width: 1024px){
    #mailpoet_form_1 form.mailpoet_form {
        padding:20px 0 0!important;
    }
    .main-logo-palio {
        float: right;
    }
    .mobile-menu-palio .palio{
    float:left;
    margin-left:30px;
    }
}

@media (max-width: 768px) {
    .elementor-counter-number-prefix{
        display: block;
        }   
    .elementor-counter-title{text-align:center!important;}
}