/*
Theme Name: Serving Our Seniors
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,body {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;	
}

h1, h2, h3, h4, h5, h6 {
	width: calc(100%);
	margin: 0.5rem auto;
	padding: 0.5rem;
	line-height: 1.2;
	font-weight: 700;
	display: block;
	font-family: "Sora", sans-serif;
}

h1 {
	font-size: 1.5rem;
}
h2 {
	font-size: 1.333rem;
}
h3 {
	font-size: 1.25rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: 0.9rem;
}
h6 {
	font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
	html,body {
		font-size: 18px;
	}
	h1 {
		font-size: 2rem;
	}
	h2 {
		
	}
	h3 {
		
	}
	h4 {
		
	}
	h5 {
		
	}
	h6 {
		
	}
}

p, ul {
	font-family: "Sora", sans-serif;
	width: calc(100%);
	margin: 0.5rem auto;
	padding: 0.5rem;
	line-height: 1.2;
}

a {
	color: #2196F3;
    text-decoration: underline;
}

a[href^="tel"] {
    color: #2196F3;
	text-decoration: underline;
}

ul {
	calc(100% - 2rem);
	margin-left: 1rem;
}

ul li {
	list-style-type: disc; 
	margin: 0.25rem auto;
}

strong {
	font-weight: 700;
}
em {
	font-style: italic;
}

a.primary-button {
display: block;
    width: auto;
    min-width: 100px;
    max-width: 310px;
    padding: 0.25rem;
    padding-top: 1rem;
    margin: 1rem 0;
    text-decoration: none;
    background: #000;
    color: #ff0;
    text-align: center;
    padding-bottom: 1rem;
    font-weight: 700;
}


#header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
}

#site-title {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#site-title img {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0 auto;
	padding: 1rem;
}

#top-menu {
	width: 98%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#top-menu ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	justify-content: center;
}

#top-menu ul li {
	list-style-type: none;
	display: inline-block;
	width: auto;
	margin: 0.25rem;
}

#top-menu ul li.phone-call-link, #top-menu ul li.facebook-link {
	width: calc(100% - 1rem);
	min-width: 200px;
	display: block;
	text-align: center;
	margin: 0.5rem;
}
@media screen and (min-width: 1024px) {
	#top-menu ul li.phone-call-link, #top-menu ul li.facebook-link {
		width: auto;
	}
	
}

.phone-call-link a, .facebook-link a {
  display: inline-flex;
  align-items: center;
  gap: 6px; 
	font-weight: 700;
}

.phone-call-link a::after, .facebook-link a::after {
  content: "";
  display: inline-block;
  width: 30px; 
  height: 30px; 
  background-image: url("https://www.servingourseniors.org/wp-content/uploads/2026/07/phone-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.facebook-link a::after {
  background-image: url("https://www.servingourseniors.org/wp-content/uploads/2026/07/sos-fb-icon.png");	
}

.yellow-button, .black-button{
  width: calc(50% - 2rem);
  margin: 0.5rem;
}

.black-button a, .yellow-button a {
  font-weight: 700;
  text-decoration: none;
  padding: 0.25rem;
  text-align: center;
  min-width: 140px;
  display: inline-block;
}

.black-button a {
  background: #000;
  color: #ff0;

}

.yellow-button a {
  color: #000;
  background: #ff0;

}

#mega-menu-wrap-main-menu #mega-menu-main-menu {
	text-align: center;
}

#menu {
	width: 100%;
	margin: 0 auto;
}



@media screen and (min-width: 1024px) {
	#site-title {
		width: calc(16%);
		margin: 0;
		order: 2;
	}
	#mega-menu-wrap-main-menu #mega-menu-main-menu {
	  text-align: left;
    }
	#menu {
		width: calc(84%);
		margin: 0;
		order: 3;
	}
	#top-menu {
		order: 1;
		justify-content: flex-end;
	}
	#top-menu ul li {
		margin: 1rem;
		width: auto;
	}
}

@media screen and (min-width: 1280px) {
	#top-menu {
		justify-content: flex-end;
	}
	#menu {
		width: auto;
	}
	#site-title {
		width: auto;
	}
}

.magazines {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 1rem auto;
    text-align: center;
}
.magazines .magazine-listing {
	width: calc(100% - 2rem);
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 1rem;
    text-align: center;	
}
@media screen and (min-width: 768px) {
	.magazines .magazine-listing {
		width: calc(50% - 2rem);
	}
}
@media screen and (min-width: 1280px) {
	.magazines .magazine-listing {
		width: calc(25% - 2rem);
	}
}

.magazine-listing p {
	text-align: center;
}

.magazine-listing ul {
  text-align: center;
  margin: 1rem auto;
}

.magazine-listing ul li {
	list-style-type: none;
	margin-bottom: 0.5rem;
	line-height: 1.2;
	font-size: 0.8rem;
}

@media screen and (min-width: 1280px) {
  .magazine-listing ul {
	  text-align: left;
    margin-left: 3rem;

  }
	.magazine-listing ul li {
		list-style-type: disc;
	}
}


.magazine-listing h2 {
	font-size: 1rem;
	line-height: 1.2;
	padding: 0;
	margin: 0;
}

.magazine-listing h3 {
	font-size: 1rem;
	line-height: 1.1;
	padding: 0;
	margin: 0;
	margin: 0.25rem;
}

.action-buttons-container {
	width: 98%;
	margin: 1rem auto;
	max-width: 1200px;
}

.action-buttons {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.action-button {
	width: calc(50% - 1rem);
	margin: 1rem auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 380px) {
  .action-button {
	width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 768px) {
  .action-button {
	width: calc(25% - 1rem);
  }
}

.action-button .action-button-link {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.action-button .action-button-icon {
	display: block;
	border-radius: 50%;
	text-align: center;
	padding: 0.5rem;
	margin: 0.25rem auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: #fbef21;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;

}

.action-button .action-button-icon img {
	width: 90%;
	max-width: 120px;
	max-height: 120px;
	margin: 0 auto;
	padding: 1rem;
	height: auto;
}

@media screen and (min-width: 768px) {
  .action-button .action-button-icon img {
	max-width: 150px;
	max-height: 150px;
  }

}

.action-button a {
	color: #000;
	text-decoration: none;
	font-weight: 700;
}

.action-button .action-button-text {
	width: 75%;
	display: block;
	margin: 1rem auto;
	text-align: center;
	line-height: 1.2;
}

.content-container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.standard-content, .side-by-side {
	width: 98%;
	margin: 1rem auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	padding: 0.5rem;
	max-width: 1200px;
}

.standard-content p, .side-by-side p {
	line-height: 1.4;
}

.side-by-side {
	justify-content: center;
}

.standard-content iframe {
	max-width: 98%;
	max-height: 500px;
}


.side-by-side iframe {
	max-width: 98%;
	max-height: 400px;
}


.side-by-side .side-by-side-left, .side-by-side .side-by-side-right {
	width: calc(100% - 2rem);
	margin: 1rem;
}

.side-by-side .side-by-side-left {
	order: 2;
}
.side-by-side .side-by-side-right {
	order: 1;
}


@media screen and (min-width: 768px) {
	.side-by-side .side-by-side-left, .side-by-side .side-by-side-right {
	  width: calc(50% - 2rem);
	  margin: 1rem;
	  padding: 1rem;
    }
	.side-by-side .side-by-side-left {
	order: 1;
}
.side-by-side .side-by-side-right {
	order: 2;
}

}




.content-container.darkmode {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background: linear-gradient(to right, #292626, #403b3b, #292626);
	color: #fff;
}
.content-container.darkmode h1, .content-container.darkmode h2, .content-container.darkmode h3, .content-container.darkmode h4, .content-container.darkmode h5, .content-container.darkmode h6 {
	color: #fbed59;
}

.content-container.darkmode a {
	color: #fcee59;
}

.content-container.darkmode ul li::marker {
  color: #fcee59;
}

.content-container.darkmode ul li a {
  color: #fff;
  text-decoration: underline;
}

#wpbdp-page-main_page {
	width: 100%;
}

.full-banner-container {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 3rem;
}
.full-banner {
	background-position: center 30%;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 1600px;
	
	/* Mobile default: Height scales down naturally with screen width (16:9 ratio) */
	height: auto;
	aspect-ratio: 16 / 9;
	
	position: relative;
}

/* Desktop: Cap height to 70vh or 800px max, keeping width at 100% */
@media (min-width: 768px) {
	.full-banner {
		height: min(65vh, 800px);
		aspect-ratio: unset; /* Allows height cap to take priority over aspect ratio */
	}
}

/* Mobile Default Styles */
.full-banner .text-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%; /* Covers entire image height on mobile */

	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1rem;
	box-sizing: border-box;
	/*
	 	background-color: rgba(255, 255, 255, 0.85);
	  */
}

.full-banner .text-overlay p {
	    font-family: "Encode Sans", sans-serif;
	font-size: 22px;
	text-align: center;
	text-shadow: 1px 1px 4px #fff;
}

/* Desktop Styles (768px and up) */
@media (min-width: 768px) {
	.full-banner .text-overlay {
		height: auto;
		max-width: 240px;
		background-color: transparent; /* Removes background overlay on desktop */
		padding: 0;

	}
    .full-banner .text-overlay p {
	  text-shadow: none;
    }
	/* Left Alignment */
	.full-banner .text-overlay.left {
		left: 20%;
		top: 30%;
		right: auto;
		transform: translateY(-50%);
		text-align: left;
		justify-content: flex-start;
	}

	/* Right Alignment */
	.full-banner .text-overlay.right {
		left: auto;
		right: 15%;
		top: 30%;
		transform: translateY(-50%);
		text-align: right;
		justify-content: flex-end;
	}

	/* Center Alignment */
	.full-banner .text-overlay.center {
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
		text-align: center;
		justify-content: center;
	}
}

.full-banner .page-title {
	width: 100%;
	position: absolute;
	bottom: -2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.full-banner .page-title h1 {
	background: #fbec59;
	width: 50%;
	min-width: 250px;
	max-width: 500px;
	padding: 0.5rem;
	font-size: 1.5rem;
	box-shadow: 2px 2px 8px #ccc;
	text-align: center;
	display: inline-block;
}

.full-banner-image {
	visibility: hidden;
}

.events {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.events .event {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.events .event hr {
	    width: 98%;
    max-width: 1280px;
    text-align: center;
    margin: 1rem auto;
}

.events .event .title, .events .event .description, .events .event .thumbnail, .events .event .link {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

.events .event .title, .events .event .link {
	width: 100%;
}

.events .event .event-text {
	width: calc(100%);
}

.events .event .thumbnail {
	width: calc(100%);
	display: none;
}

.events .event .thumbnail img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	max-width: 300px;
}

@media screen and (min-width: 768px) {
	.events .event .event-text {
	width: calc(70%);
}

  .events .event .thumbnail {
	width: calc(30%);
  }
}


.events .event .event-date-time p {
	margin: 0;
	padding: 0;
	font-size: 1.7rem;
	font-weight: 200;
	margin-bottom: 1rem;
}
.events .event .title {
	font-size: 1.333rem;
	font-weight: 500;
}

.events .event .description p {
	margin: 0 auto;
	font-size: 1rem;
	padding: 0;
	margin-top: 0.5rem;
}

.events .event .link p {
	margin: 1rem auto;
	padding: 0;

}

.events .event .link p a {
  color: #000;
  background: #ff0;
  padding: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
	margin: 0.25rem auto;
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
	font-size: 1rem;
}
.events .event .link p a:hover {
	background: #000;
	color: #fbed59;
}

.gform_button.button {
	font-weight: 700;
    text-decoration: none;
    padding: 0.25rem;
    text-align: center;
    min-width: 140px;
    display: inline-block;
	    color: #000;
    background: #fbed59;
}





/* Container for all tiles */
.service-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  max-width: 1600px;
	margin: 1rem auto;
}

/* Individual Card/Tile styling */
.service-tiles .tile {
  background: 
    linear-gradient(180deg, #ffff99 0%, #fff785 100%) padding-box,
    linear-gradient(180deg, #ffff00 0%, #ffea00 100%) border-box;
  border: 12px solid transparent; /* Retains your exact 12px size */
  box-sizing: border-box;
  width: calc(100% - 20px);
  max-width: 450px;
  padding: 30px 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
}

/* Image container & Image styling */
.service-tiles .tile .image {
  width: 100%;
  margin-bottom: 25px;
}

.service-tiles .tile .image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 250px;
  object-position: center 10%;
}

/* Title styling */
.service-tiles .tile .title {
  font-size: 26px;
  font-weight: 700;
  color: #222222;
  margin-bottom: 12px;
}

/* Description text styling */
.service-tiles .tile .description {
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 25px;
  max-width: 90%;
}

/* Buttons wrapper layout */
.service-tiles .tile .buttons {
  display: flex;
  flex-wrap: wrap;
	align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: auto; /* Keeps buttons aligned at the bottom */
}



/* Button links */
.service-tiles .tile .service-button a {
	margin: 0.5rem;
  display: block;
  background-color: #231f20; /* Dark charcoal/black background */
  color: #ffee00; /* Matching bright yellow text */
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 20px;
  text-align: center;
  transition: background-color 0.2s ease, transform 0.1s ease;
}
@media screen and (min-width: 768px) {
	.service-tiles .tile .service-button a {
		font-size: 14px;
	}
}
/* Optional hover state for interactive feel */
.service-tiles .tile .service-button a:hover {
  background-color: #000000;
  transform: translateY(-2px);
}


.phone-call-link a {
	text-decoration: none;
	color: #000;
}

body.search #content {
  margin: 1rem auto;
  padding: 1rem;
  padding-bottom: 2rem;
  width: 98%;
  max-width: 1200px;
}

body.search #content .entry-title {
	font-size: 22px;
	margin: 1rem auto;
	border-bottom: 1px solid #000;
}


.nav-previous, .nav-next {
	font-size: 22px;
    font-weight: 700;
    margin: 2rem auto;
}

.search-form input[type="search"] {
	padding: 0.25rem;
	border: 1px solid #000;
	box-shadow: none;
	margin: 0.5rem;
	min-width: 200px;
}
.search-form input[type="submit"] {
    padding: 0.25rem;
    border: 1px solid #000;
    box-shadow: none;
    margin: 0.5rem;
    min-width: 100px;
    background: #ffff05;
    color: #000000;
    border: navajowhite;
    font-weight: 700;
    font-size: 18px;
}

.fb-link img {
	width: 30px;
    height: 30px;
    margin-top: 3px;
}

#wpbdp-page-main_page {
	padding: 1rem;
}


#content .wpbdp-main-links {
	    justify-content: flex-start;
    margin: 1rem auto;
}

iframe {
	max-width: 98%;
}


#copyright {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 0.5rem;
	width: 100%;
	margin: 0 auto;
}




#main-footer {
	background-color: #FAEE1C; /
	color: #000000;
	padding: 50px 20px;
	position: relative;
	overflow: hidden;
}


#main-footer::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 62%;
	transform: translate(-50%, -50%);
	width: 320px;
	height: 320px;
	background-image: url('https://www.servingourseniors.org/wp-content/uploads/2026/07/house-icon.png'); 
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.15; 
	pointer-events: none;
	z-index: 1;
}


#main-footer .footer-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	position: relative;
	z-index: 2; 
}


#main-footer .footer-headline {
	font-size: 14px;
	font-weight: 800;
	margin: 0;
	padding: 0;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
}
@media screen and (min-width: 768px) {
	#main-footer .footer-headline {
	text-align: left;
  }
}
#main-footer .social-headline {
	margin-top: 3rem;
}


#main-footer .footer-links {
	min-width: 220px;
}

#main-footer .footer-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-footer .footer-menu li {
	margin-bottom: 8px;
	list-style-type: none;
}

#main-footer .footer-menu a {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: opacity 0.2s;
}

#main-footer .footer-menu a:hover {
	text-decoration: underline;
}

/* Center Column: Branding */
#main-footer .branding {
	text-align: center;
	max-width: 300px;
}

#main-footer .footer-logo img {
	max-width: 260px;
	height: auto;
	margin-bottom: 20px;
}

#main-footer .footer-info p {
	margin: 4px 0;
	font-size: 15px;
	line-height: 1.4;
}

/* Right Column: App & Social Media */
#main-footer .footer-media {
	text-align: center;
	min-width: 200px;
}

#main-footer .app-logos {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

#main-footer .app-logo img {
	width: 135px;
	height: auto;
	display: block;
}

#main-footer .social-links img {
	width: 24px;
	height: 24px;
	margin-top: 5px;
}


/* Mobile Responsive Layout */
@media (max-width: 768px) {
	#main-footer .footer-container {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 30px;
	}

	#main-footer .footer-links {
		text-align: center;
	}

	#main-footer::before {
		display: none; /* Hide watermark on small mobile screens */
	}
}

#main-footer .social-links {
	text-align: center;
}
@media screen and (min-width: 768px) {
  #main-footer .social-links {
	text-align: right;
    max-width: 170px;
  }	
}


.counters {
	width: 98%;
	margin: 1rem auto;
	max-width: 1280px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.counters .counter {
	width: calc(50% - 2rem);
	max-width: 120px;
	margin: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;	
}

@media screen and (min-width: 768px) {
	.counters .counter {
	  width: auto;
	}
}

@media screen and (min-width: 1280px) {
	.counters .counter {
		max-width: 250px;
		width: calc(20% - 2rem);
		margin: 1rem;
	}
}

.counters .counter .icon {
	
}

.counters .counter .icon img {
	width: 100%;
	height: auto;
	max-width: 150px;
}

.counters .counter .text {
  width: 100%;	
  padding: 0;
  font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
}

.counters .counter .count {
	width: 100%;
	padding: 0.25rem;
	font-weight: 700;
	font-size: 2.25rem;
	text-align: center;
}

.wpbdp-listing.single {
	width: 100%;
}
.wpbdp-listing .listing-details {
    margin-left: 0 !important;
}