/*
Theme Name: Betheme Child
Version: 1.0
Description: A child theme of Betheme
Author: jykotto
Template: betheme
*/

@import url("../betheme/style.css");

.no-padding {
	padding: 0 !important;
}
.wpgmp_before_listing {
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}
.wpgmp_filter_wrappers {
	background: transparent !important;
  margin-bottom: 0 !important;
  padding: 0 !important;  
}
div.wpgmp_search_form input.wpgmp_search_input {
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  margin-bottom: 0 !important;
  padding: 0 16.6667px !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: normal !important;
  border-radius: 0 !important;
  border: 3px solid #EFEFEF!important;
  box-sizing: border-box !important;
  outline: 0 !important;
}
.categories_filter_reset {
	font-family: Arial, sans-serif !important;
	font-weight: 700 !important;
}
.categories_filter select {
	background: url("/wp-content/uploads/2025/07/arrow_drop_down.png") no-repeat 99% 50% transparent !important;
	color: #2A6EBB !important;
  margin-bottom: 12px !important;
  padding: 10px 32px 10px 10px !important;	
	font-weight: bold !important;
	border: 3px solid #2A6EBB !important;
	border-radius: 15px 15px 15px 0 !important;
}
.categories_filter input[type=button] {
  background: #2A6EBB !important;
  width: 100% !important;
  min-width: 225px !important;
  height: 51.19px !important;
  margin-bottom: 12px !important;
  padding: 12px !important;
  border-radius: 15px 15px 15px 0 !important;
}
.project_counters pre.mfn-code,
.interactive_map pre.mfn-code {
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
.interactive_map .wpgmp_listing_list .fc-item-default .wpgmp_locations {
	padding: 0 !important;
}
.interactive_map .fc-item-default.fc-wait .wpgmp_locations img {
  padding: 0px !important;
  margin-right: 0px !important;
}
.interactive_map .fc-item-box.fc-component-2.wpgmp_locations {
	display: grid !important;
	grid-template-columns: 300px 1fr !important;
	padding: 16px !important;
	border: 1px solid #f1f1f1 !important;
	border-radius: 0 !important;
}
.interactive_map .fc-item-box.fc-component-2.wpgmp_locations .fc-feature-img img {
  background: #EFEFEF !important;
	margin: -48px 0 20px 0 !important;
}
.interactive_map .fc-item-box.fc-component-2.wpgmp_locations img {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.project-status {
  position: absolute !important;
	color: #FFF !important;
	top: 60px !important;
	left: 12px !important;
  padding: 0 12px !important;
	font-family: Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.project-status.upcoming {
	background: #6AA8D6 !important;
}
.project-status.ongoing {
	background: orange !important;
}
.project-status.completed {
	background: #025806!important;
}
/* P R O J E C T   M A R K E R */
.marker-project_wrapper  {
	height: 340px !important;
}
.marker-project_image {
  display: inline-block !important;
	position: relative !important;
	margin-top: -72px !important;
}
.marker-project_content {
	margin-top: -40px !important;
	padding: 0 24px !important;
}
.marker-project_thematic {
	height: 4px !important;
	color: #71717A !important;
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	text-align: center !important;
}
.marker-project_name {
	color: #0C0A1C !important;
	font-family: Roboto, sans-serif !important;
	font-size: 17px !important;
	font-weight: bold !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.marker-project_partners {
  color: #030107 !important;
	font-family: Arial, sans-serif !important;
	font-size: 14px !important;
} 
.marker-project_partners strong {
	color: #0C0A1C !important;
  font-family: Arial, sans-serif !important;
	font-size: 14px !important;
  font-size: 14px !important;
}
/* P R O J E C T   L I S T */
.interactive_map .fc-item-default.fc-wait .wpgmp_locations .project-status {
	position: absolute !important;
  top: 28px !important;
  bottom: unset !important;
  left: 28px !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  z-index: 2 !important;
}
.project-content {
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
  padding: 0 24px !important;
}
.project-content strong {
  color: #0C0A1C !important;
	font-family: Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}
.project-thematic {
  color: #71717a !important;
  margin-bottom: 4px !important;
	font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.project-name {
  color: #0C0A1C !important;
  margin: 0 !important;
	font-family: Roboto, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  line-height: 1.2 !important;
}
.project-name a {
  color: #0C0A1C !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}
.project-region {
  color: #030107 !important;
  margin-bottom: 8px !important;
	font-family: Arial, sans-serif !important;
  font-size: 14px !important;
}
.project-region::before {
  display: inline-block !important;
  content: url('/wp-content/uploads/2025/07/b-location.png') !important; 
  width: 12px !important;
  height: 21px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}
.project-description {
  color: #030107 !important;
	font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
  line-height: 1.5 !important;
}
.project-partners {
  color: #030107 !important;
	font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  margin-bottom: 0 !important;
  line-height: 1.5 !important;
}
.project-odd {
  color: #030107 !important;
	margin-bottom: 4px !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
}
.project-odd_list ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  justify-content: flex-start !important;
}
.project-odd_list li {
  flex: 0 0 calc((100% - 4px) / 2) !important;
  max-width: calc((100% - 4px) / 2) !important;
}
.project-odd_list img {
  display: block !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
}
.read-more.fc-item-primary-text-color.fc-css::before {
  display: inline-block !important;
  vertical-align: middle !important;
  content: url('/wp-content/uploads/2025/07/g-location.png') !important; 
  width: 10px !important;
  height: 21px !important;
  margin-right: 10px !important;
}
.read-more.fc-item-primary-text-color.fc-css {
  background: none !important;
  color: #71717A !important;
  max-width: 200px !important;
  margin-bottom: 24px !important;
  padding: 10px 14px !important;
  border: 3px solid #f4f4f5 !important;
  border-radius: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
}
.read-more.fc-item-primary-text-color.fc-css:hover {
  background: #2A6EBB !important;
  color: #fff !important;
  border: 3px solid #2A6EBB  !important;
}
.read-more.fc-item-primary-text-color.fc-css:hover::before {
  content: url('/wp-content/uploads/2025/07/w-location.png') !important;
}
/* P A G I N A T I O N */
.wpgmp_pagination {
	font-family: Arial, sans-serif !important;
	justify-content: center !important;
  gap: 1px !important;
}
.wpgmp_direction_container p input.wpgmp_find_direction, 
.wpgmp_nearby_container .wpgmp_find_nearby_button, 
.wpgmp_pagination a:hover, 
.wpgmp_pagination span.current, 
.wpgmp_tabs_container .wpgmp_tabs li a.active, 
.wpgmp_toggle_main_container .amenity_type:hover, 
.wpgmp_toggle_main_container input[type=submit] {
  background: #2A6EBB !important;
}
/* P R O J E C T   C O U N T E R S */
.counter-content {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important; 
  gap: 2em !important;
  padding: 1em !important;
  box-sizing: border-box !important;
  min-height: 200px !important; 
}
.counter-content > div {
  flex: 1 1 calc(33.333% - 2em) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.counter-value {
  color: #FFF !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: Roboto, sans-serif !important;
  font-size: 88px !important;
  font-weight: bold !important;
  line-height: 1 !important;
}
.counter-content h6 {
  color: #FFF !important;
  font-family: Roboto, sans-serif !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}
@media (max-width: 768px) {
  .counter-content > div {
    flex: 1 1 calc(50% - 2em) !important;
  }
}
@media (max-width: 600px) {
  .counter-content > div {
    flex: 1 1 100% !important;
  }
}
/* R E S P O N S I V E N E S S */
@media screen and (max-width: 968px) {
  div.categories_filter select {
    margin-bottom: 0 !important;
  }
  .interactive_map .fc-item-box.fc-component-2.wpgmp_locations {
    grid-template-columns: 225px 1fr !important;
  }
}
@media screen and (max-width: 768px) {
	.interactive_map .fc-item-box.fc-component-2.wpgmp_locations {
    grid-template-columns: 1fr !important;
  }
  .interactive_map .project-content {
    padding: 24px 0 0 0 !important;
  }
}
@media (min-width: 480px) {
  .project-odd_list li {
    flex: 0 0 calc((100% - 3 * 4px) / 4) !important;
    max-width: calc((100% - 3 * 4px) / 4) !important;
  }
}
@media (min-width: 980px) {
  .project-odd_list li {
    flex: 0 0 calc((100% - 5 * 4px) / 6) !important;
    max-width: calc((100% - 5 * 4px) / 6) !important;
  }
}