/*---------------------------------------------------------------------------------

 Theme Name:   RBR 2026
 Theme URI:    https://rbr.org/
 Description:  
 Author:       Blue Yonder Design
 Author URI:   https://blueyonderdesign.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Add more padding inside the button and margin around it */
.et_pb_button {
    padding: 14px 28px !important; /* Top/Bottom Left/Right padding */
    margin-top: 20px !important;    /* Pushes elements above away */
    margin-bottom: 20px !important; /* Pushes elements below away */
}

/* Apply the smooth ease-out transition to the button base */
.et_pb_button {
    -webkit-transition: transform 0.3s ease-out !important;
    transition: transform 0.3s ease-out !important;
}

/* Make the button scale up cleanly on hover */
.et_pb_button:hover {
    transform: scale(1.08) !important;
}

#top-menu li.donate-btn > a {
        background-color: #D4A24C; /* Your button color */
        color: #ffffff !important;  /* Your text color */
        border-radius: 30px;        /* Roundness */
        padding: 10px 22px !important;
        margin-top: -6px;           /* Aligns button vertically with other links */
        transition: transform 0.3s ease-out, background-color 0.3s ease-out;
        display: inline-block;
    }
#top-menu li.donate-btn > a:hover {
        background-color: #4338CA;  /* Darker shade on hover */
        transform: scale(1.05);     /* Smooth enlargement */
    }
/* Fix Word Break */
h1, h2, h3, h4, h5, h6 {
    word-break: normal !important;
    overflow-wrap: normal !important;
}
@media screen and (max-width: 981px) {
	h1, h2, h3, h4, h5, h6, p {
    word-break: normal !important;
    overflow-wrap: normal !important;
	}
}

/* Make SubMenu Larger */
@media screen and (min-width: 981px) {
  #top-menu .sub-menu,
  .et_pb_menu .et-menu-nav ul.sub-menu {
    width: fit-content !important;
    min-width: unset !important;
  }
 
  #top-menu .sub-menu li,
  #top-menu .sub-menu li a,
  .et_pb_menu .et-menu-nav ul.sub-menu li,
  .et_pb_menu .et-menu-nav ul.sub-menu li a {
    width: 100% !important;
    white-space: nowrap !important;
  }
}