.videoWrapper {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	padding-top: 20px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.readme a:hover {
	color: #fff; 
}

footer nav#secondary-navigation a {
    font-size: 16px !important;
    padding: 18px 15px 15px 0 !important;
}

.singles_near_me:hover{
	color: #000000 !important;
}

.pre_footer {
	margin-top: 25px !important;
	margin-bottom: 0 !important;
}

.single .post-navigation {
	margin: 20px 0 20px !important;
}

#gform_7 select {
/* 	font-size: 13px !important; */
}

@media (max-width: 800px) and (min-width: 480px){
.phone {
    display: block !important;
	font-size: 1.6em !important;
}
}

@media (max-height: 850px) {
	#heymarket-widget > div > div:first-child {
    height: calc(100vh - 90px) !important;
	}
}
@media (min-width: 1024px) {
    .middle-top-sidebar {
        padding-bottom: 80px; /* Padding only at the bottom on desktop */
    }
}

/* Mobile-specific styles */
@media only screen and (max-width: 767px) {
    /* Make only the text inside the quote smaller on mobile */
    .col.span_5.widget.widget_text .quote {
        font-size: 1.3em !important; /* Increase font size for the quote on mobile */
    }

    /* Keep author and event text at a slightly smaller size on mobile */
    .col.span_5.widget.widget_text .author,
    .col.span_5.widget.widget_text .event {
        font-size: 1.2em; /* Slightly smaller for author and event */
    }
}

/* Mobile-specific styles (applies for screen widths smaller than 1024px) */
@media (max-width: 1023px) {
    .middle-top-sidebar {
        padding-left: 5px;  /* Adjust left padding for mobile */
        padding-right: 5px; /* Adjust right padding for mobile */
    }
}

img {
    max-width: 100%;  /* Ensures the image is never wider than its container */
    height: auto;     /* Keeps the aspect ratio intact */
}

@media (max-width: 768px) {
    .pre_footer center {
        font-size: 16px; /* Adjust as needed */
    }
}

/* Style just the dropdown with the "dark-dropdown" class */
body .dark-dropdown select,
body .dark-dropdown select option {
  background-color: #fff !important;
  color: #000 !important;
}

/* Only Metro Area Locations menu */
#nav_menu-2 ul.menu > li {
    margin-bottom: 6px; /* adjust spacing */
}

/* Gravity Forms Consent FIX (Form 7 only) */
#gform_7 .gfield--type-consent .ginput_container_consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

#gform_7 .gfield--type-consent input[type="checkbox"] {
  width: auto !important;
  margin-top: 3px !important;
  flex: 0 0 auto !important;
}

#gform_7 .gfield--type-consent .gfield_consent_label {
  text-align: left !important;
  margin: 0 !important;
  line-height: 1.4em !important;
  display: inline !important;
}

/* Gravity Forms Consent - smaller text + cleaner layout */

#gform_7 .gfield--type-consent .gfield_consent_label {
  font-size: 12px !important;
  line-height: 1.35em !important;
  text-align: left !important;
  display: inline-block !important;
}

#gform_7 .gfield--type-consent .ginput_container_consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

#gform_7 .gfield--type-consent input[type="checkbox"] {
  margin-top: 2px !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

#gform_7 .gfield--type-consent a {
  white-space: nowrap !important;
}
/* Keep required asterisk inline on mobile (Gravity Forms) */

#gform_7 .gfield_required {
  display: inline !important;
  white-space: nowrap !important;
}

#gform_7 .gfield_required_asterisk {
  display: inline !important;
  margin-left: 2px !important;
}

/* Prevent label breaking weirdly on mobile */
@media (max-width: 768px) {
  #gform_7 .gfield_label {
    white-space: normal !important;
  }
}