/*
 Theme Name:     PA Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Simple Divi Child Theme
 Author:         Projekt:Agentur
 Author URI:     https://www.projektagentur.de/
 Template:       Divi
 Version:        0.1.1
*/

/* =Theme customization starts here
------------------------------------------------------- */
:root {
  --dark-blue: #003365;
  --blue: #0e569f;
  --gray: #ededed;
}

.blurb-blue .et_pb_blurb_container {
  background-color: var(--blue) !important;
}

.blurb-blue-dark .et_pb_blurb_container {
  background-color: var(--dark-blue) !important;
}

header {
  height: 120px;
}

body:not(.et-fb) #et-boc .et-l #dd-section {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  -webkit-transition: all 0.4s cubic-bezier(0.75, 0, 0.25, 1);
  transition: all 0.4s cubic-bezier(0.75, 0, 0.25, 1);
}

.et-db #et-boc .et-l #dd-section.dd-m-menu {
  opacity: 1;
  visibility: visible;
}

.et-db #et-boc .et-l #dd-menu-mobile .mobile_menu_bar {
  display: none;
}

.et-db #et-boc .et-l #dd-section #dd-menu-mobile .et_mobile_menu {
  display: block !important;
  border-top: none;
  box-shadow: none;
  position: relative;
  padding: 5% 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.et-db #et-boc .et-l #dd-section.dd-m-menu #dd-menu-mobile .et_mobile_menu {
  opacity: 1;
  visibility: visible;
}

.et-db #et-boc .et-l #dd-menu-mobile .et_mobile_nav_menu,
.et-db #et-boc .et-l #dd-menu-mobile .mobile_nav {
  width: 100%;
}

.et-db #et-boc .et-l #dd-menu-mobile ul li a {
  text-align: left; /* Alignment of menu items */
  font-weight: 300 !important; /* Font-weight of menu items */
  border-bottom: none; /* Bottom border of menu items */
  cursor: default;
  padding: 10px 0;
  background-image: linear-gradient(
    120deg,
    transparent 0%,
    transparent 50%,
    #fff 50%
  );
  background-size: 220%;
  transition: all 0.4s;
  padding-left: 1rem;
  padding-right: 1rem;
}

.et-db #et-boc .et-l #dd-menu-mobile ul li a:hover {
  opacity: 1;
  /* background-color: rgba(0, 0, 0, 0);
   */
  background-position: 100%;
}

.et-db #et-boc .et-l #dd-menu-mobile ul li.menu-item-has-children > a {
  background-color: rgba(0, 0, 0, 0);
}

.et-db #et-boc .et-l #dd-menu-mobile .et_pb_menu__menu {
  display: none !important;
}

.et-db #et-boc .et-l #dd-menu-mobile .et_mobile_nav_menu {
  display: block;
}

.et-db #et-boc .et-l #dd-menu-mobile ul li {
  list-style: none;
}

.et-db #et-boc .et-l #dd-menu-mobile ul li ul {
  padding-bottom: 0;
}

.et-db #et-boc .et-l #dd-menu-mobile.dd-submenu ul li a {
  text-align: right; /* Alignment of menu items in case sub-items exist */
  padding: 10px 0;
}

.et-db #et-boc .et-l #dd-menu-mobile .mobile_nav li ul.hide {
  display: none !important;
}

.et-db #et-boc .et-l #dd-menu-mobile .mobile_nav .menu-item-has-children {
  position: relative;
}

.et-db
  #et-boc
  .et-l
  #dd-menu-mobile
  .mobile_nav
  .menu-item-has-children
  > a
  + span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 22px 20px;
  font-size: 20px;
  font-weight: 700; /* Font-weight of submenu parent menu item icons */
  cursor: default;
  z-index: 3;
}

.et-db #et-boc .et-l #dd-menu-mobile span.menu-closed:before {
  content: "L";
  display: block;
  color: #fff; /* Color of submenu parent menu item icons */
  font-size: 40px;
  font-family: ETmodules;
}

.et-db #et-boc .et-l #dd-menu-mobile span.menu-closed.menu-open:before {
  content: "K";
}

.dd-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body:not(.et-fb) #et-boc .et-l .dd-fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.3s, box-shadow 0.3s;
}

.et-db #et-boc .et-l .et_pb_menu__menu > nav > ul > li {
  margin-top: 0 !important;
}

body:not(.et-fb).admin-bar.et-db #et-boc .et-l .dd-fixed-header,
body:not(.et-fb).admin-bar.et-db #et-boc .et-l #dd-section {
  top: 32px;
}

header .et_builder_inner_content {
  z-index: 99999;
}

/**------------------------------------------------------------------------
 *                           Divi Breakpoints
 *------------------------------------------------------------------------**/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

@media all and (min-width: 981px) {
  .et-db #et-boc .et-l #dd-menu-mobile ul li a {
    cursor: pointer;
  }
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}