/*
Theme Name:  Fußbodenverlegung Harry Schulze E.K.
Theme URI:   harry-schulze.de
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Fußbodenverlegung Harry Schulze e.K..
Author:      MouseMonKey IT, Webdesign & Online-Marketing
Author URI:  https://mousemonkey.de/
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*-------------- FIX JUMPING HEADER --------------*/
#page-container {
  padding-top: 128px !important;
}

/*-------------- SCHRIFTEN --------------*/
* {
  hyphens: auto;
}
h1 {
  font-size: 2.2em !important;
  text-transform: uppercase;
}
h2 {
  font-size: 1.8em !important;
}
h3 {
  font-size: 1.5em !important;
}
.et-fixed-header .fa-home {
  color: black;
}

/*-------------- MENÜGESTALTUNG --------------*/
/* positioning & sizing */
#top-menu-nav {
  width: 100%;
  margin-bottom: -3px !important;
}
#top-menu {
  display: flex;
}
#top-menu li {
  padding: 0px;
}
#top-menu li:nth-of-type(1), #top-menu li:nth-of-type(5) {
  width: 80px !important;
}
#top-menu li:nth-of-type(2), #top-menu li:nth-of-type(3), #top-menu li:nth-of-type(4) {
  flex: 1;
}
/*coloring*/
#top-menu li a {
  color: white;
  padding: 6px 0px !important;
}
#top-menu .current-menu-item a {
  color: transparent !important;
}
#top-menu li:nth-of-type(1) a, #top-menu li:nth-of-type(5) a {
  color: black !important;
  font-weight: 700 !important;
}
#top-menu li:nth-of-type(2) a {
  background-color: #6D6E70;
}
#top-menu li:nth-of-type(3) a {
  background-color: #6D6E70;
}
#top-menu li:nth-of-type(4) a {
  background-color: #6D6E70;
}
#main-header, #main-header.et-fixed-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
/* mobile menu */
.select_page {
  font-size: 0px !important;
  font-weight: 300;
  margin-bottom: -5px;
}
.select_page:before {
  content: 'Menü öffnen';
  font-size: 14px;
}
.mobile_menu_bar_toggle::before {
  color: rgb(0, 67, 124) !important;
}

/*-------------- KACHELN --------------*/
#kacheln .et_pb_column {
  padding-bottom: 130px !important; 
}
#kacheln .et_pb_button_module_wrapper {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}

.quadrate-2 .et_pb_text {
  height: 100% !important; 
}

/*-------------- PARTNER --------------*/
#partnerlogos img {
  max-height: 120px !important;
  max-width: 140px !important;
}
#partnerlogos .et_pb_column {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
  grid-gap: 50px !important;
  grid-auto-rows: 1fr !important;
  align-items: center !important;
}
@media (min-width: 601px) and ( max-width: 980px ) {
  #partnerlogos .et_pb_column {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 3vw !important;
  }
}
@media (max-width: 600px) {
  #partnerlogos .et_pb_column {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 3vw !important;
  }
}

/*-------------- REFERENZEN --------------*/
.et-pb-controllers {
  bottom: auto !important;
  top: 20px !important;
}

/*-------------- SOCIAL MEDIA ICONS --------------*/
#sfsi_floater {
  position: fixed !important;
  display: block !important;
  margin: 0px !important;
  top: auto !important;
  bottom: 80px !important;
  left: auto !important;
  right: 12px !important;
}

/*-------------- ABBINDER --------------*/
#abbinder .et_pb_row:nth-of-type(2) .et_pb_map, #abbinder .et_pb_row:nth-of-type(2) .et_pb_map_container {
  height: 100%;
}