/* 
 Theme Name:     Child Theme Geigenbau
 Author:         Geigenbau
 Author URI:     https://www.minibrand.de
 Template:       Divi
 Version:        V.01
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.6
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

#top-header {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

#top-header .container {
  max-width: none;
  width: 100%;
}

#page-container {
  padding-top: 0px !important;
  overflow-y: hidden;
}

#et-secondary-menu {
  text-decoration: underline;
}

/* ----------- Divers --------------------------- */

#footer-bottom {
  display: none;
}

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}

#top-menu a {
  font-size: 18px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 500 !important;
  font-family: Roboto !important;
}

#top-menu a:hover {
  color: #a06f5e;
  opacity: 1 !important;
}

#top-menu li a:hover:before {
  right: 0;
}

#top-menu li a:before {
  content: " ";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: 50%;
  background: #a06f5e; /*** COLOR OF THE LINE ***/
  height: 1px; /*** THICKNESS OF THE LINE ***/
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#top-menu li li a:before {
  bottom: 10%;
}

#et-secondary-menu a:hover {
  color: #a06f5e;
}

#et-secondary-menu {
  opacity: 0.4;
}

/* ----------- Header-Button --------------------------- */

.workshop_button {
  float-offset: 20% 30px;
}

/* ----------- Link --------------------------- */
p a:link {
  color: #636363;
}
p a:visited {
  color: inherit;
}

p a:hover,
.footerlink p a:hover {
  border-bottom: 2px solid;
}

.footerlink p a {
  color: #fff;
}

/* 
.et_fixed_nav #top-header { position: absolute !important; } .et-fixed-header { top: 0px!important; }
*/

/*-------------------------------------------------------*/
/*------Change Active Menu Item Colour by Divi Soup------*/
/*-------------------------------------------------------*/
/*This will change the active menu items colour*/
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a,
.nav li ul .current-menu-item a {
  color: #c99276 !important;
}
/*-------------------------------------------------------*/
/*----End Change Active Menu Item Colour by Divi Soup----*/
/*-------------------------------------------------------*/

/*------Top Nav------*/
#top-menu a {
  border-bottom: none;
}

#et-secondary-nav a {
  border-bottom: none;
}

/*------mobile menu------*/

#mobile_menu li:not([id]) {
  display: none !important;
}

@media (max-width: 980px) {
  #top-header,
  div#et-secondary-menu,
  ul#et-secondary-nav {
    display: block !important;
  }
  #top-header .container {
    padding-top: 0.75em !important;
    padding-bottom: 0em !important;
  }
}

@media (max-width: 980px) {
  #page-container {
    padding-top: 40px !important;
  }
}
@media (max-width: 980px) {
  #logo {
    max-width: 100% !important;
    max-height: 100% !important;
    padding-top: 30px !important;
  }
}
@media (max-width: 980px) {
  #mainheader {
    top: 50% !important;
  }
}
@media (max-width: 980px) {
  #et-top-navigation {
    padding-top: 50px !important;
    text-align: left;
  }
}
.et_header_style_split .mobile_menu_bar,
.et_header_style_left .mobile_menu_bar {
  padding-bottom: 5px;
}

/** Full Width Drop Down Menu **/

@media (max-width: 980px) {
  .container.et_menu_container {
    width: calc(100% - 60px);
  }
}

.et_mobile_menu {
  margin-left: -30px;
  padding: 5%;
  width: calc(100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/*------remove line dropdown------*/
.et_mobile_menu {
  border-top: none;
}

/* move the pop-up menu down a little to avoid overlapping the header */
.et_primary_menu {
  margin-top: 40px;
}

/*------hyphenation------*/
.hyphenate {
  word-wrap: break-word;
  overflow-wrap: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
p {
  hyphens: auto;
}

/*------------------------------------------------*/
/*---------[GQ - MOBILE MENU BUTTON 2]------------*/
/*------------------------------------------------*/

#top-header {
  background-color: white !important;
}

#top-header a {
  color: #868686;
}

.mobile_menu_bar:before {
  background-color: #fff;
  top: 0px;
  color: #3e4555 !important;
}

.mobile_menu_bar::after {
  font-family: Roboto;
  content: "";
  position: relative;
  top: -10px;
  padding: 0px 10px 0px 5px;
  background-color: #ffffff;
  color: #3e4555 !important;
  cursor: pointer;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/*------mobile finetuning mit Media Qery------*/

@media all and (max-width: 980px) {
  .et_pb_row {
    padding-top: 50px !important;
  }
}

/*------Body ------*/

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px) {
  #left-area {
    width: 100%;
    padding: 0px 0px 0px !important;
    float: none !important;
  }
}

/*------blog ------*/
.et_pb_blog_0 .et_pb_post .post-content * {
  padding-top: 1em;
}

.single .et_pb_post {
  margin-bottom: 0px !important;
}
.single .post {
  padding-bottom: 0px !important;
}
.et_pb_post {
  margin-bottom: 0px !important;
}

/*==========================================================================
Fonts
========================================================================== */

/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("./fonts/open-sans-v18-latin-300.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/open-sans-v18-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""),
    url("./fonts/open-sans-v18-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/open-sans-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("./fonts/open-sans-v18-latin-600.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/open-sans-v18-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("./fonts/open-sans-v18-latin-700.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/open-sans-v18-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/roboto-v20-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/roboto-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""), url("./fonts/roboto-v20-latin-500.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/roboto-v20-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/roboto-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* spectral-300 - latin */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("./fonts/spectral-v6-latin-300.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/spectral-v6-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* spectral-regular - latin */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("./fonts/spectral-v6-latin-regular.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/spectral-v6-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* spectral-500 - latin */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""), url("./fonts/spectral-v6-latin-500.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/spectral-v6-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* spectral-600 - latin */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("./fonts/spectral-v6-latin-600.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/spectral-v6-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* spectral-700 - latin */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("./fonts/spectral-v6-latin-700.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("./fonts/spectral-v6-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}