/* 
Theme Name: Louie Louie
Description: Theme made for Hello
Author: Eljany | Firma Netjes
Author URI: https://firmanetjes.nl
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
*/
/* hamburger */ 
.hamburger{
   padding: 8px;
   background-color: transparent;
   transform: scale(1);
   display: inline-block;
   cursor: pointer;
   transition-property: opacity, filter;
   transition-duration: 0.15s;
   transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   border: 0;
   margin: 0;
   overflow: visible;
   z-index: 99999;
   position: relative;
}
.hamburger:hover {
   opacity: 0.7;
}
.hamburger:focus:not(:focus-visible) {
    outline: none;
}
.hamburger-box {
   width: 40px;
   height: 24px;
   position: relative;
}
.hamburger-inner {
   display: block;
   top: 50%;
   margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
   width: 40px;
   height: 3px;
   background-color: #000000;
   position: absolute;
   transition-property: transform;
   transition-duration: 0.15s;
   transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
   content: "";
   display: block;
}
.hamburger-inner::before {
   top: -10px;
}
.hamburger-inner::after {
   bottom: -10px;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
   background-color: #000000;
}
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; 
}
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; 
}
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); 
}
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); 
}
/* off canvas */
.nav-left,
.nav-right{
    z-index:3;
}
.elementor-widget-off-canvas{
    z-index: 1;
}
.pdf-button .elementor-button svg{
    padding: 5px;
}
.e-off-canvas__content{
    overflow: hidden;
}
.elementor-nav-menu .sub-arrow .e-font-icon-svg {
    height: 0.5em;
    width:0.5em;
}
.menu-item .has-submenu {
    display: flex;
    justify-content: space-between;
}
.menu-item .has-submenu:hover svg path{
    fill: white;
}
/* Gtranslate */
.gtranslate_wrapper{
    display: flex;
}
.gtranslate_wrapper a{
    color: black;
}
.gtranslate_wrapper a:hover{
    color:grey;
}
.glink[data-gt-lang="nl"]{
    order:2;
}
.glink[data-gt-lang="en"]:after{
    content:"/";
}
/* home slider */
/* Optional: Smooth transitions */
.bg-slider-container .elementor-background-slideshow__slide {
    transition: opacity 0.3s ease;
}
/* Disable autoplay animation */
.bg-slider-container .elementor-background-slideshow__slide {
    animation: none !important;
}
/* classes */
.banner-close{
    margin-left: auto;
}
.nomargin,
.nomargin p{
    margin-bottom:0;
}
a:active,
a:focus {
    outline: none!important;
}
/* formulier */
label.gfield_label{
    padding: 0 20px;
    font-weight: 100!important;
    font-size: 18px!important;
}
input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea{
    border-radius:0!important;
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
    border-bottom:2px solid black!important;
    padding: 0 20px!important;
}
.gform-theme--foundation .gform_fields{
    row-gap:10px;
    padding-bottom:5px;
}
.gform_heading,
.gfield--type-checkbox{
    border-bottom:2px solid black!important;
    padding:0 20px 10px!important;
    margin-bottom:5px!important;
}
.gform_required_legend{
    margin-bottom:0;
}
.gform-datepicker{
    width:100%!important;
}
.gfield_checkbox{
    flex-direction: row;
}
.gform_button.button{
    background-color: white!important;
    font-size:2.5rem!important;
    font-weight:100!important;
    text-transform:uppercase!important;
    line-height:1em!important;
    color: black!important;
    border:none;
    border-radius: 0px!important;
    width: 100%!important;
    padding: 20px!important;
}
.gform_button.button:hover{
    background-color:black!important;
    color:white!important;
}
.gform-footer{
    margin-top:0!important;
}
#gform_fields_1{
    padding-bottom:0;
}
/* footer */
.footer-button{
     flex: 1 1 calc(25%);
 }
 .footer-button a{
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
.footer-button svg{
    height: 14px;
    width: 14px;
}
/* media rules */
@media (max-width: 1500px) and (min-width: 769px){
.button-bar{
    flex-wrap: wrap;
}
.footer-button:nth-child(-n+2) {
    flex: 1 1 calc(50% - 14px);
}
.footer-button:nth-child(n+3) {
    flex: 1 1 calc(33.333% - 14px);
}
.footer-button{
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media (min-width: 768px){
.page-content{
    padding: 0 80px;
}
.nav-left,
.nav-right{
    height: 100vh;
    width: 80px;
    position:fixed;
    padding-top: 32px;
}
.nav-right{
    right: 0;
}
.leftbar-text .elementor-heading-title{
    writing-mode: sideways-lr;
    text-transform: uppercase;
}
.e-off-canvas__content{
    margin-right: 79px;
}
}
@media (max-width: 767px){
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: 0;
    border-bottom:2px solid black;
}
.page-content{
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.leftbar-text,
.language-switcher,
.palmboom{
    display: none;
}
.top-banner{
    flex-wrap:unset;
}
.nav-left,
.nav-right{
    width:49%;
}
.elementor-widget-off-canvas{
    z-index: 2;
}
header{
    flex-direction: row!important;
    flex-wrap:unset!important;
}
.e-off-canvas__content{
    margin-top: 94.2px;
}
footer {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
.gtranslate_wrapper{
    font-size:1.875rem;
    min-height: 60px;
    border-bottom: 2px solid black;
    padding:10px 20px;
}
.button-bar{
    display: flex;
    flex-direction: column;
    border-left:1px solid black;
    border-right: 1px solid black;
}
.footer-button {
    flex: 1 1 calc(100%);
}
.footer-button a{
    flex-direction: row!important;
    align-content: center;
    justify-content: flex-start;
}
}