/*
Theme Name: HelloEmCo
Description: Custom goodness for the Emerald Coast
Author: Cecil Killingsworth
Author URI: https://clkmedia.co
Author Eclkl: cecil@clkmedia.co
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here

--Color1: #126C68;
--Color2: #B37195;
--Color3: #C28998;
--Color4: #CBA3A2;
--Color5: #D3BBB5;
--Color6: #DDD2CC;
--Color7: #EAE8E5;
--Color8: #FCFCFC;
--Color9: #598E6E;
--Color10: #699F8F;
--Color11: #7FAFAC;
--Color12: #9CBFC4;
--Color13: #BDCED6;
--Color14: #DADFE4;
--Color15: #F2F2F3;

--Color1: #A65A85;
--Color2: #987AB5;
--Color3: #8B9BC2;
--Color4: #94B4C3;
--Color5: #B0C7C5;
--Color6: #61824F;
--Color7: #958959;
--Color8: #B99276;
--Color9: #C8A4A4;
--Color10: #CDBBC6;
--Color11: #458383;
--Color12: #659677;
--Color13: #98A176;
--Color14: #BEAB90;
--Color15: #D0BCB6;


*/


body:not(.logged-in) .showforusers {
    display: none;
}
body .logged-in .hideforusers {
    display: none;
}

body:not(.elementor-template-full-width) #content {
  padding: 3em 0;
}

.elementor-grid .elementor-post.gd_place .gd-post-pkg-4 > .elementor-element {
  border: 2px solid #ef9e6f;
}

/* .bsui .bg-light {
    fill: #FFF1DD !important;
} */

.icon-left {margin-right:6px;}

.uwp-account-class.bsui  .navbar-light .bg-light {
    background-color: #f5efe6 !important;
    padding-bottom: 2rem !important;
    border-radius:6px;
}

/* Single GD Tabs */
.geodir-tabs-content{
  padding: 16px 0 0;
}

/*
// Accordions
//==============================================*/

.mai-accordion {
  margin-bottom:36px;
}
.mai-accordion-item {
    /* padding: 6px; */
    border: 1px solid #efefef;
    margin-bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 20px 5px rgba(53, 105, 180, 0.03), 0 2px 15px 0 rgba(53, 105, 180, 0.03);
}
.mai-accordion-item[open] > .clk-accordion-summary {
    color: #5d9db5;
}
.mai-accordion-summary {

}
.mai-accordion-title {
  padding: 12px;
  font-weight: bold;
}
.mai-accordion-content {
  padding: 12px;
  border-top: 1px solid #f4f4f4;
}
.mai-accordion-content p {
  margin:0;
  color:#333;
}

.mai-accordion {
	--icon-plus: url( 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMzc2IDIzMkgyMTZWNzJjMC00LjQyLTMuNTgtOC04LThoLTMyYy00LjQyIDAtOCAzLjU4LTggOHYxNjBIOGMtNC40MiAwLTggMy41OC04IDh2MzJjMCA0LjQyIDMuNTggOCA4IDhoMTYwdjE2MGMwIDQuNDIgMy41OCA4IDggOGgzMmM0LjQyIDAgOC0zLjU4IDgtOFYyODBoMTYwYzQuNDIgMCA4LTMuNTggOC04di0zMmMwLTQuNDItMy41OC04LTgtOHoiLz48L3N2Zz4=' );
	--icon-minus: url( 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMzc2IDIzMkg4Yy00LjQyIDAtOCAzLjU4LTggOHYzMmMwIDQuNDIgMy41OCA4IDggOGgzNjhjNC40MiAwIDgtMy41OCA4LTh2LTMyYzAtNC40Mi0zLjU4LTgtOC04eiIvPjwvc3ZnPg==' );
	margin-bottom: 24px;
}

.mai-accordion-item {
	margin: 0 0 12px;
	padding: 0;
	background: #fff;
	color: inherit;
	border: inherit;
	box-shadow: 0 1px 20px 5px rgba(53, 105, 180, 0.03), 0 2px 15px 0 rgba(53, 105, 180, 0.03);
}

.mai-accordion-item:last-child {
	margin-bottom: 0;
}

.mai-accordion[style*="--row-gap:0"] .mai-accordion-item + .mai-accordion-item {
	border-top: 0;
}

.mai-accordion-summary {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 2rem;
	margin: 0;
	padding: 10px;
	font-weight: normal;
	font-size: 1rem;
	letter-spacing: norma;
}

.mai-accordion-summary::-webkit-details-marker,
.mai-accordion-summary::marker {
	display: none;
}

.mai-accordion-summary::after {
	position: absolute;
	top: 50%;
	right: 0.5em;
	width: 1em;
	height: 1em;
	margin-left: auto;
	background: currentColor;
	transform: translateY(-50%);
	-webkit-mask-image: var(--accordion-icon, var(--icon-plus));
	mask-image: var(--accordion-icon, var(--icon-plus));
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	content: "";
}

.mai-accordion-summary:hover,
.mai-accordion-summary:focus {
	cursor: pointer;
}

/* Not for :focus */
.mai-accordion-summary:hover {
	color: var(--color-link);
}

.mai-accordion-item[open] > .mai-accordion-summary {
	--accordion-icon: var(--accordion-icon-open, var(--icon-minus));
}

.mai-accordion-item[open] > .mai-accordion-summary ~ * {
	-webkit-animation: mai-accordion 0.3s ease-in-out;
	animation: mai-accordion 0.3s ease-in-out;
}

.mai-accordion-title {
	max-width: calc(100% - 2em);
	margin-right: 12px;
}

@-webkit-keyframes mai-accordion {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes mai-accordion {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.mai-accordion-content {
	padding: 0px 20px 10px;
	border-top: inherit;
}

.has-dark-background {
	--accordion-item-background: var(--color-background);
	--accordion-item-color: var(--color-body);
}

/* Google Reviews - Single Place */
/* Change the background color and add a shadow to the individual review container */
.google-reviews-container { }
.google-review {
    background-color: #ffffff; /* White background */
    border: 1px solid #e0e0e0; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 20px;
    margin-bottom: 15px; /* Spacing between reviews */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Subtle shadow */
}
/* Change the color, font size, and line height of the review text */
.google-review .review-rating span:before {
    /* color: #FFC300 !important;*/
    color: #ef9e6f !important; /* Use !important if other styles are overriding */
}
.google-review .text {
    color: #333333; /* Dark gray text color */
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Match your site's font stack */
}
/* Style the author's name (make it bold) */
.google-review .name {
    font-weight: bold;
    color: #000000;
    display: block; /* Ensure the name is on its own line */
    margin-bottom: 5px;
}

/* Style the published date (make it smaller and lighter) */
.google-review .date {
    font-size: 12px;
    color: #999999;
}

/* Category styles ==================================== */

/* .geodir-categories-container.bsui .row-cols-1>* {
    flex: 0 0 auto;
    width: 50%;
} */

/* Listing styles ==================================== */
.geodir-listings .geodir-all-link {
      margin: 1rem 0;
}

/* Add listing form ==================================== */
#geodirectory-add-post fieldset h3{
  font-weight: bold;
  color: #022f34;
}
#geodirectory-add-post .row[data-argument="gmb_connect"] {
  padding: 1em;
  border: 1px solid #a1dfdb;
  border-radius: 6px;
  background: #a1dfdb21;
}
#geodirectory-add-post .row[data-argument="gmb_connect"] .form-label {
  font-weight: bold;
}
#geodirectory-add-post .row[data-argument="gmb_connect"] #geodir_gmb_connect {
  color:#fff!important;
}

/* Location Switcher */
.bsui .geodir-location-search-input-wrap .text-muted {
    color: #9691a4 !important;
    padding-right: 8px;
}

/* Location List ======================================= */
.bsui.clk .row li {
  list-style-type: none;
  margin: 0 0 0.4rem !important;
  padding: 0;
}
.bsui.clk .row li a{
  padding: 10px;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  display: inline-block;
}
.bsui.clk .row li a:hover{
  background-color: rgba(255, 255, 255, 0.85);
}

/* Location Grid */
.bsui .img-gradient-overlay {
    background: rgba(31, 27, 45, 0.5);
    background: linear-gradient(180deg, rgb(2 47 52 / 0) 0%, rgb(2 47 52 / 10%) 26.56%, rgb(2 47 52 / 20%) 42.71%, rgb(2 47 52 / 40%) 56.77%, rgb(2 47 52 / 60%) 72.4%, rgb(2 47 52 / 80%) 100%);
    opacity: 1;
}

/* Pills ======================================= */
/* Custom CSS for the Bootstrap Pills container */
.pills-container {
    margin-bottom: 15px; /* Adds a little vertical space below the entire group of pills */
    /* Add flex-wrap if your list of items is long and needs to wrap onto multiple lines cleanly */
    display: flex;
    flex-wrap: wrap;
    gap: 5px; /* Provides consistent spacing between items, even when wrapping */
}

/* Optional: Ensure the pills look consistent across different screen sizes */
.badge.rounded-pill {
    /* Ensures text doesn't accidentally wrap inside a single small pill */
    white-space: nowrap;
}

/* Base pill */
.badge.rounded-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 1.1rem;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 2px solid transparent;
  /* box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08); */
  /* cursor: pointer; */
  user-select: none;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.08s ease;
}

/* Generic hover/active states */
.badge.rounded-pill:hover {
  transform: translateY(-1px);
  /* box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12); */
}

.badge.rounded-pill:active {
  transform: translateY(0);
  box-shadow: 0 8px 14px rgba(15, 23, 42, 0.10);
}

/* --- Pill Color variants (bg-*) --------------------------------- */
/* All (purple, solid) */
.bg-purple {
  background-color: #e0e7ff;
  border-color: #e0e7ff;
  color: #4338ca;
}

/* New (aqua fill, teal text) */
.bg-aqua {
  background-color: #E1FAFF;
  border-color: transparent;
  color: #285A70;
}

/* Text (soft blue fill, royal text) */
.bg-blue {
  background-color: #E5EFFF;
  border-color: transparent;
  color: #2451D4;
}

/* Image (white / very light, green border + text) */
.bg-green {
  background-color: #E8F9EB;
  border-color: #2F7B4E;
  color: #2F7B4E;
}

/* Video (pink fill, magenta text) */
.bg-pink {
  background-color: #FFE7F2;
  border-color: transparent;
  color: #C6286E;
}

/* Document (peach fill, orange text) */
.bg-orange {
  background-color: #FFE8D4;
  border-color: transparent;
  color: #C76A2D;
}

/* Audio (mint fill, teal text) */
.bg-teal {
  background-color: #E2FFF6;
  border-color: transparent;
  color: #1F7A71;
}

/* Favorites (soft yellow fill, golden text) */
.bg-favorites {
  background-color: #FFF6CF;
  border-color: transparent;
  color: #C79625;
}

/* Optional: “selected” state utility if you toggle active filters */
.badge.is-active {
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
  transform: translateY(-1px);
}


/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1159px) {}

@media only screen and (max-width: 992px) {
  /* Category styles ==================================== */
  .geodir-categories-container.bsui .row-cols-1>* {
      flex: 0 0 auto;
      width: 50%;
  }
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 544px) {}