@media only screen and (min-width: 768px) {
        #site-header {
            position: sticky;
            top: 00px; /* Adjust this value if your header has a top margin or padding */
            z-index: 2000; /* Ensure the header appears above other content */
            opacity: 1; /* Optional: Adjust for transparency */
        }
}
#site-navigation a.menu-link {
 margin-top: 20px;
 padding: 4px 4px;
 
}

input[type=button],input[type=reset],input[type=submit],button[type=submit],.button,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button,.woocommerce-cart .wp-element-button,.woocommerce-checkout .wp-element-button,.wp-block-button__link {
    display: inline-block;
    font-family: inherit;
    background-color: #FCFCFC;
    color: #C0D62D;
    font-size: 16px;
    font-weight: 600;
    text-transform: lowercase;
    margin: 0;
    padding: 14px 20px;
      border-width: 1px;
  border-style: solid;
  border-color: #C0D62D;
   
}

input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,button[type=submit]:hover,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,button[type=submit]:focus,.button:hover,.button:focus,body div.wpforms-container-full .wpforms-form input[type=submit]:hover,body div.wpforms-container-full .wpforms-form button[type=submit]:hover,body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,.woocommerce-cart .wp-element-button:hover,.woocommerce-checkout .wp-element-button:hover {
    background-color: #C0D62D;
    color: #fff
}
/* Force icon and text to align at the top */
.elementor-widget-icon-list .elementor-icon-list-item {
  align-items: flex-start !important;
}

/* Optional: fine-tune icon position */
.elementor-widget-icon-list .elementor-icon-list-icon {
  margin-top: 7px; /* adjust as needed for perfect alignment */
}
/* Add padding around the mobile logo */
#site-header .mobile-header-logo img {
  padding: 10px 5px; /* top/bottom 10px, left/right 15px — adjust as needed */
}

/* Add padding around the hamburger menu icon */
.oceanwp-mobile-menu-icon {
  padding: 10px 25px; /* same logic here */
}