/*
 Theme Name:   Brandwerk
 Theme URI:    https://www.brandwerk-digital.com
 Description:  Brandwerk Child Theme
 Author:       Dominik Summer
 Author URI:   https://www.brandwerk-digital.com
 Template:     generatepress
 Version:      0.1
*/

/* ***************** Fonts ****************** */


/* ***************** Allgemeines ****************** */
html, body {
  overflow-x: hidden;
}
/* p, a, h1, h2, h3, h4, h5, h6{
  -moz-hyphens: auto;
  hyphens: auto;
} */

.hyphens-auto{
  -moz-hyphens: auto;
  hyphens: auto;
}

/* Remove click areas on mobile */
input, select, textarea, button, a {  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; }


/* ***************** Header & Navigation ****************** */

#mobile-header{
  background-color: var(--base);
}

nav.main-navigation.is_stuck{
  background-color: var(--base);
}

.sub-menu{
  box-shadow: none !important;
}

/* mobile */
.site-logo.mobile-header-logo{
  margin-left: 20px !important;
}

/* Burger Menu Icon größe und Position oben */
.gp-icon.icon-menu-bars svg{
  height: 22px;
  width: 22px;
  top: 5px; /* Ausgleich wenn größe reduziert wird */
}

/* wenn kein Text neben Burger Icon */
.mobile-menu{
  display: none;
}

#mobile-menu > ul.menu{
  padding-top: 20px;
}

@media screen and (max-width:768px) {
  /* Abstand Logo mobile links */
  .navigation-branding{
    margin-left: 20px !important;
  }
}


ul.sub-menu.toggled-on{
  border-bottom: 0px !important;
}

/* Sticky nav height */
.sticky-enabled .main-navigation.is_stuck .navigation-branding img {
  height: 40px;
}

/* ***************** Blog ****************** */

body.single-post #page, .blog #page, .archive #page{
  padding:40px 20px;
}
@media screen and (min-width:769px){
  body.single-post #page, .blog #page, .archive #page{
    padding:40px 40px;
  }
}

/* Sidebar */
.sidebar .wp-block-categories-list{
  list-style: none;
  margin-left: 0;

}

/* ***************** Formulare ****************** */

/* remove focus box */
div.wpforms-container input[type=submit]:focus:after, 
div.wpforms-container button[type=submit]:focus:after, 
div.wwpforms-containerl .wpforms-page-button:focus:after, 
.wp-core-ui div.wwpforms-container input[type=submit]:focus:after, 
.wp-core-ui div.wpforms-container button[type=submit]:focus:after, 
.wp-core-ui div.wwpforms-container .wpforms-page-button:focus:after {
    content: none !important;
    border: none !important;
}

/* confirmation message */
.wpforms-confirmation-container-full{
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
  border-color: var(--color-primary-900) !important;
}

/* submit button hover */
div.wpforms-container-full button[type=submit]:hover{
  background: var(--color-secondary-900) !important;
  color: var(--color-white) !important;
}



a.mobile-contact-btn{
  color: black !important;
}