/*
 Theme Name:     Divi Child
 Theme URI:      
 Description:    Divi Child Theme
 Author:         
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here - Kaštieľ Helcmanovce
------------------------------------------------------- */

/* =========================
   Menu items - always green
========================= */

#top-menu li a,
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-parent > a,
.et_mobile_menu li a,
.et_mobile_menu li.current-menu-item > a,
.et_mobile_menu li.current_page_item > a,
.et_mobile_menu li.current-menu-ancestor > a,
.et_mobile_menu li.current-menu-parent > a {
  color: #2e5226 !important;
}

#top-menu li a:hover,
.et_mobile_menu li a:hover {
  color: #2e5226 !important;
  opacity: 1 !important;
  background: transparent !important;
}

.mobile_menu_bar::before,
.mobile_menu_bar::after {
  color: #2e5226 !important;
}

#et-top-navigation {
    font-weight: 400;
}


/* =========================
   Fixed mobile menu
========================= */

@media only screen and (max-width: 980px) {
  #et_mobile_nav_menu {
    display: block !important;
  }

  #top-menu {
    display: none !important;
  }

  .et_non_fixed_nav.et_transparent_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #top-header,
  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header,
  #main-header {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
  }

  #main-header {
    height: 80px !important;
  }

  #main-header .container.et_menu_container {
    width: 90% !important;
    max-width: 90% !important;
  }

  .logo_container {
    height: 80px !important;
  }

  #et-top-navigation {
    width: auto !important;
    padding-top: 25px !important;
    padding-left: 0 !important;
  }

  #main-header #et_mobile_nav_menu {
    float: right !important;
  }

  #main-header .mobile_nav {
    background: transparent !important;
  }

  #main-header .mobile_menu_bar {
    right: 0 !important;
  }

  .et_header_style_left #logo,
  .et_header_style_split #logo {
    max-width: 190px !important;
  }

  #mobile_menu,
  #main-header .et_mobile_menu {
    position: fixed !important;
    top: 80px !important;
    left: 5% !important;
    right: 5% !important;
    width: 90% !important;
    max-width: 90% !important;
    max-height: calc(100dvh - 90px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;

    padding: 20px 24px calc(30px + env(safe-area-inset-bottom)) !important;
    background: #ffffff !important;

    border-top: 3px solid #2e5226 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;

    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08) !important;
    transform: none !important;
  }

  .et_mobile_menu li,
  .et_mobile_menu ul,
  .et_mobile_menu li a,
  .et_mobile_menu .menu-item-has-children,
  .et_mobile_menu .menu-item-has-children > a,
  .et_mobile_menu ul.sub-menu,
  .et_mobile_menu ul.sub-menu li,
  .et_mobile_menu ul.sub-menu li a {
    background: transparent !important;
  }

  .et_mobile_menu li,
  .et_mobile_menu li a {
    position: relative;
    z-index: 1;
  }

  .et_mobile_menu li a {
    display: block !important;
    padding: 15px 0 !important;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #2e5226 !important;
    opacity: 1 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: none !important;
  }

  .et_mobile_menu li a:hover,
  .et_mobile_menu li.current-menu-item > a,
  .et_mobile_menu li.current_page_item > a,
  .et_mobile_menu li.current-menu-ancestor > a {
    color: #2e5226 !important;
    background: transparent !important;
    opacity: 1 !important;
  }

  .et_mobile_menu li a::before {
    display: none !important;
  }

  .et_mobile_menu ul.sub-menu {
    padding-left: 0 !important;
    margin-left: 0 !important;
    background: transparent !important;
  }

  .et_mobile_menu li li a {
    padding: 12px 0 12px 16px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #2e5226 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .et_mobile_menu li li a:hover {
    color: #2e5226 !important;
  }
}

/* =========================
   Scroll to top button
========================= */

.et_pb_scroll_top.et-pb-icon.et-visible,
.et_pb_scroll_top.et-hidden {
  margin-right: 5px;
  background: #2e5226 !important;
  color: #ffffff !important;
  border-radius: 100px !important;
}

.et_pb_scroll_top::before {
  content: '\42';
}

/* =========================
   Google Maps iframe
========================= */

.et_pb_code iframe,
.et_pb_map iframe,
iframe[src*="google.com/maps"] {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.et_pb_code,
.et_pb_code_inner,
.et_pb_module:has(iframe[src*="google.com/maps"]) {
  line-height: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================
   Footer - mobile/tablet left align
========================= */

@media only screen and (max-width: 980px) {
  #main-footer #footer-bottom,
  #main-footer #footer-bottom .container,
  #main-footer #footer-info,
  #main-footer #footer-info p,
  #main-footer #footer-info a,
  #main-footer .et-social-icons {
    text-align: left !important;
    float: none !important;
  }

  #main-footer #footer-bottom .container {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #main-footer #footer-info {
    display: block !important;
    width: 100% !important;
  }
}


/* =========================
   Footer link hover
========================= */

#main-footer a {
  transition: color 0.2s ease;
}

#main-footer a:hover {
  color: #2e5226 !important;
}