/*
 Theme Name:     CBOL Wordpress Child
 Theme URI:      https://www.capebusinessonline.co.za
 Description:    CBOL WP Theme
 Author:         CBOL Team
 Author URI:     https://www.cbol.co.za
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */






/* Style the "GET A QUOTE" menu item -------------------------------------- */
.menu-button > a {
  background-color: #486752;
  color: white !important;
  padding: 12px 24px !important;
  border: 2px solid #486752; /* Added border */
  border-radius: 3px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: inline-block;
  font-weight: 400;
  line-height: 1.0;
}

/* Hover effect */
.menu-button > a:hover {
  background-color: #ffffff !important;
  color: #486752 !important; /* Green text */
  border: 2px solid #486752; /* Keep border same color */
}

/* Mobile menu: force white text for the GET A QUOTE item, green on hover */
@media (max-width: 980px) {

  /* default */
  .et_pb_menu .et_mobile_menu li.menu-button.menu-item-34 > a,
  .et_mobile_menu li.menu-button.menu-item-34 > a {
    color: #ffffff !important;
    background-color: #486752 !important;
    border: 2px solid #486752 !important;
  }

  /* hover / focus / active */
  .et_pb_menu .et_mobile_menu li.menu-button.menu-item-34 > a:hover,
  .et_pb_menu .et_mobile_menu li.menu-button.menu-item-34 > a:focus,
  .et_pb_menu .et_mobile_menu li.menu-button.menu-item-34 > a:active {
    color: #486752 !important;
    background-color: #ffffff !important;
    border: 2px solid #486752 !important;
  }
}

/* Ensure the menu item aligns with others */
.menu-button {
  display: flex !important;
  align-items: center !important;
  margin-top: -6px !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  .menu-button a,
  .menu-button a:link,
  .menu-button a:visited {
    color: #ffffff !important;
  }
}
/* END  ---------------------------------------------------------------- */


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


/* Gravity forms -------------------------------------------------------- */
/* Submit Button */

.gform_wrapper .gform_button {
    background: #496652;
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

/* Submit Button End */


/* Labels */
.gform_wrapper label {
    color: white;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 5px;
    display: block;
}
/* Labels End */

/* Hide indicates required fields */
.gform_required_legend {
    display: none !important;
}
/* Hide indicates required fields End */

/* Style placeholder text for Gravity Forms paragraph text fields */
.gform_wrapper textarea::placeholder {
    color: #4e4e4e; /* Change this to your desired placeholder color */
    font-style: normal; /* Optional: italicize */
    font-size: 15px; /* Adjust font size */
    opacity: 1; /* Ensure visibility in some browsers */
    padding-left: 8px;
}

/* Placeholder styling for older browsers */
.gform_wrapper textarea:-ms-input-placeholder {
    color: #333333;
}
.gform_wrapper textarea::-ms-input-placeholder {
    color: #333333;
}
/* END  ---------------------------------------------------------------- */


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


/* GALLERY Hide title text in lightbox --------------------------------------- */
.mfp-title {
  display: none !important;
}
/* END  ---------------------------------------------------------------- */


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


/* Read more dropdown in footer ---------------------------------------- */
/* Footer hover dropdown menu */
.hover-menu {
  position: relative;
  display: inline-block;
}

.menu-title {
  margin: 0;
  cursor: pointer;
}

.submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #ffffff; /* white footer background */
  min-width: 200px !important; /* wider so text doesn't wrap */
  padding: 10px 10px; /* space inside box */
  border: none; /* cleaner look */
  box-shadow: 0 0px 0px rgba(0,0,0,0.3); /* subtle drop shadow */
  z-index: 1000;
}

.submenu a {
  display: block;
  padding: 0px 0px 0px 0px; /* clickable area bigger */
  text-decoration: none;
  color: #333333 !important; /* dark text for contrast */
  font-size: 14px;
}

.hover-menu:hover .submenu {
  display: block;
}
/* END  ---------------------------------------------------------------- */


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