/**
 * Theme Name:     Optima Italia
 * Author:         RDS Optima Italia
 * Template:       twentytwentyfive
 * Text Domain:	   optima-italia
 * Description:    Optima Italia Offical
 * Theme URI:      https://www.optimaitalia.com/
 * Author URI:     https://www.optimaitalia.com/
 * Version:        0.1.2
 */

#menu-footer2025 a {
    font-size: 10px !important;
    text-transform: uppercase;
}

.list-unstyled > li {
    line-height: 24px;
}

.item-menu-text {
    font-family: "Lato", sans-serif !important;
}

/* .navbar-toggler {
    padding: 0px !important;
    margin-top: -15px !important;
} */

body.no-header-footer header,
body.no-header-footer footer {
    display: none !important;
}

body {
    /* max-width: 1600px; */
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-family: "Lato", sans-serif;
    font-weight: 300;
} 


/*tewnty twenty five theme overrides*/

@media (min-width: 1200px) {
  #masthead .navbar { position: relative !important; }

  #masthead #navbarNavDropdown {
    position: static !important;   /* don't absolutely-position it on desktop */
    top: auto !important;
    display: flex !important;
    flex-basis: auto !important;
  }
}

#masthead .navbar { position: relative !important; }
#masthead #navbarNavDropdown.navbar-collapse { right: 0; }

body.wp-theme-twentytwentyfive #masthead {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* if the gap is from root padding: */
body.wp-theme-twentytwentyfive {
  --wp--style--root--padding-top: 0 !important;
  margin-top: 0 !important;
}

/* make sure nothing upstream breaks fixed positioning */
#masthead { transform: none !important; filter: none !important; }

/* guarantee the sticky state pins to viewport */
#masthead nav.navbar.sticky.is-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

/* default: no reserved space */
#masthead .sticky-wrapper { height: 0 !important; }

/* but once nav is sticky, reserve its height so content below isn't covered */
#masthead:has(nav.is-sticky) .sticky-wrapper {
  height: 65px !important;
}

.navbar-brand {
  padding-top: 0px !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #20b9e2;
}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}