/*
Theme name: Heard Hear
Description: Custom Theme
*/

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p {  }


.footer {
	background-color: black;
}
.footerContent {
	color: white;
}
@media (min-width:641px) {
.footer .footer_nav2 {
	padding-top: 10px !important;
 	margin: 0px !important;
}	
}
@media (max-width:641px) {
.footer .footer_nav2 {
 	padding-top: 10px !important;
}	
}
.footer .footer__nav ul li a {
	color: white !important;
		pointer-events: auto !important;
}
.footer .footer__nav ul li {
	width: unset !important;
}
.gform_title {
	font-size: 26px !important;
}

#gform_wrapper_5 .gform_heading {
	margin-bottom: 0 !important;
	padding: 0 !important;
}
#input_5_4, #input_5_5, #input_5_3 {
	height: 46px;
	border-radius: 5px;
}
#input_5_4::placeholder, #input_5_5::placeholder, #input_5_3::placeholder {
	color: #B9BBBC;
}
#input_5_4::placeholder {
	padding-top: 5px;
}

#gform_submit_button_5 {
	background-color: #1159A6 !important;
	width: 100%;
	height: 46px;
	border-radius: 5px;
	border: 1px solid;
}

/* Style for the toggle buttons */
.toggle-buttons {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.toggle-button {
  padding: 10px 20px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  cursor: pointer;
}

.toggle-button.uagb-tabs__active {
  background-color: #007bff; /* Change to desired active button color */
  color: #fff; /* Change to desired active button text color */
}

/* Adjustments for hover and focus states */
.toggle-button:hover {
  background-color: #ddd;
}

.toggle-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Change to desired focus border color */
}
.toggle-button a {
	text-decoration: none !important;
}
.uagb-tabs__panel {
	border-bottom-width: 0 !important
}

.icon-list {
  list-style-type: none;
}

.icon-list li {
  padding-left: 30px; /* Adjust according to the width of your icon */
  position: relative;
  margin-bottom: 10px; /* Adjust as needed */
}

/* Define background images for different list items */
.icon {
  background-image: url('https://heardhear.com/wp-content/themes/heard-hear/dist/ico-star-194f880d.png');
}


/* Adjust background size and position as needed */
.icon-list li {
  background-size: 20px 20px; /* Adjust size as needed */
  background-repeat: no-repeat;
  background-position: left center; /* Adjust position as needed */
}

/* .uagb-inner-tab-0 .wp-block-column-is-layout-flow {
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 10px;
}
.uagb-inner-tab-1 .flex-item {
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 10px;
} */
.uagb-inner-tab-1 .flex-item,.uagb-inner-tab-0 .flex-item {
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 1);
	padding: 10px;
}
.uagb-tabs__wrap .uagb-tabs__panel {
	margin: 10px !important;
}
#gform_3 > div.gform_footer.top_label {
	margin-top: 0 !important;
	margin-bottom: 10px;
}