/* Start custom CSS for html, class: .elementor-element-a94c306 *//* Widget title styling */
.affiliate-widget-title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; /* Make the title all caps */
  color: white !important; /* White text color */
  background-color: #32414c; /* Dark gray background */
  padding: 10px 15px;
  margin: 0;
  margin-left: -15px !important;
  margin-bottom: 30px !important;
  border-radius: 0px !important;
  
}

/* Remove bullets and style affiliate links */
.affiliate-widget-links {
  list-style: none; /* Remove bullets */
  padding: 0;
  margin: 0;
}

.affiliate-widget-links li {
  display: flex; /* Flexbox to align items horizontally */
  align-items: center; /* Ensures vertical alignment of logos and text */
  margin-bottom: 10px; /* Add spacing between items */
 margin-top: 0px !important;
}

.affiliate-widget-links a {
  font-weight: bold; /* Make affiliate names bold */
  color: #0073aa; /* Link color */
  text-decoration: none;
  display: flex; /* Ensure the logo and text stay in a single line */
  align-items: center; /* Vertically center the logo and text within the link */
  margin-left: 10px; /* Adjust spacing between text and edge */
}

.affiliate-widget-links a:hover {
  text-decoration: underline; /* Add hover effect */
}

/* Style for logos */
.affiliate-link-icon {
  width: 20px; /* Adjust logo size */
  height: 20px; /* Ensure logos are square */
  margin-right: 10px; /* Space between logo and text */
  margin-left: -15px; /* Shift logos left by 15px */
  display: inline-block; /* Ensure logos stay in line with the text */
  vertical-align: middle; /* Helps further refine centering in case of small discrepancies */
}/* End custom CSS */