/*
Theme Name: Skydeko
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Michael Feibig | Webdesign und Branding
Author URI: http://www.michaelfeibig.de
Description: Intelligent. Flexibel. Schön. Dieses Theme basiert auf einem der leistungsstärksten Themes weltweit.
Version: 1.1.1759260852
Updated: 2025-09-30 19:34:12

*/

.et-fixed-header #logo {
content: url(https://skydeko.de/wp-content/uploads/2025/10/skydeko-logo-zelthimmel-und-eventdekoration.webp)!important;
}

/* Divi call to action button normal state */ 

@media (min-width: 980px) {
.menu_cta {
padding: 0!important;
border-radius: 6px;
border: solid 2px #b01515; /* change the color of the border */
transition: 0.3s;
background-color: #b01515; /* change the color of the background */
}
.menu_cta a {
color: #ffffff !important; /* change the color of the button text */
padding: 12px 10px 12px 10px!important;
}

/* Divi call to action button hover state */ 

#top-menu-nav .menu_cta a:hover {
opacity: 1;
}

.menu_cta:hover {
border: solid 2px #c41717; /* change the color of the hover border */
background: #c41717; /* change the color of the hover background */
}
}
.et-fixed-header #top-menu li.menu_cta.menu-item a {
  color: #ffffff !important;
}

/* Mobile Menu */
@media only screen and (max-width: 980px) {
  .et_fixed_nav header #main-header {
    left: 0;
    position: fixed;
    top: 0; 
    width: 100%;
  }
  .mobile_menu_bar::before {
    display: block;
    transition: all .4s ease;
  }
  .mobile_nav.opened .mobile_menu_bar::before {
    content: "M";
    transform: rotate(90deg);
  }
  header#main-header > .container {
    position: static;
  }
  #mobile_menu {
    background-color: #fff !important;
    border-top: none;
    box-shadow: 0px 3px 3px #0000001a !important;
    padding: 30px 12% 15px;
    width: 100%;
  }
  #mobile_menu li {
    padding: 0 0 18px;
  }
  #mobile_menu li a { 
    background: none;
    border: none;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 20px;
  }
  #mobile_menu li a:hover {
    background: #dedede;
  }
}