1<#include d3_macros/> 

2<#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 

3<#assign portalURL=themeDisplay.getPortalURL()> 

4<#assign portalLanguage=themeDisplay.getLanguageId()[0..1]> 

5 

6<#assign centerImage=""> 

7<#assign centerImageAltText=""> 

8<#assign centerInformationDescription = ""/> 

9 

10<#assign sharedDescriptionContent=""> 

11<#assign sharedDescriptionArticle = JournalArticleLocalService.getLatestArticleByUrlTitle(scopeGroupId, "center-details-shared-description", 0)> 

12 

13<#if sharedDescriptionArticle??> 

14    <#assign sharedDescriptionContent = JournalArticleLocalService.getArticleContent(scopeGroupId, sharedDescriptionArticle.getArticleId(), "", locale, objThemeDisplay)> 

15 

16    <#if sharedDescriptionContent?has_content && sharedDescriptionContent?trim?index_of("{") == 0> 

17        <#assign shared_description = jsonFactoryUtil.createJSONObject(sharedDescriptionContent?trim)> 

18         

19        <#if shared_description??> 

20            <#if shared_description.getJSONObject("center_image")?has_content> 

21                <#assign centerImageContent = shared_description.getJSONObject("center_image")> 

22                <#if centerImageContent.getString("content")?has_content > 

23                    <#assign centerImage = centerImageContent.getString("content")> 

24                </#if> 

25 

26                <#if centerImageContent.getString("alt_text")?has_content > 

27                    <#assign centerImageAltText = centerImageContent.getString("alt_text")> 

28                </#if> 

29            </#if> 

30 

31            <#if shared_description.getJSONObject("center_ammenities")?has_content> 

32                <#assign centerAmmenitiesContent = shared_description.getJSONObject("center_ammenities")> 

33                <#if centerAmmenitiesContent.getString("title")?has_content > 

34                    <#assign centerAmmenitiesTitle = centerAmmenitiesContent.getString("title")> 

35                </#if> 

36 

37                <#if centerAmmenitiesContent.getString("description")?has_content > 

38                    <#assign centerAmmenitiesDescription = centerAmmenitiesContent.getString("description")> 

39                </#if> 

40 

41                <#if centerAmmenitiesContent.getJSONArray("ammenities")?has_content && centerAmmenitiesContent.getJSONArray("ammenities")?is_hash> 

42                    <#assign centerAmmenitiesList = centerAmmenitiesContent.getJSONArray("ammenities")> 

43                </#if> 

44            </#if> 

45 

46            <#if shared_description.getJSONObject("donation_requirements")?has_content> 

47                <#assign donationRequirementsContent = shared_description.getJSONObject("donation_requirements")> 

48                <#if donationRequirementsContent.getString("title")?has_content > 

49                    <#assign donationRequirementsTitle = donationRequirementsContent.getString("title")> 

50                </#if> 

51 

52                <#if donationRequirementsContent.getJSONArray("requirements")?has_content && donationRequirementsContent.getJSONArray("requirements")?is_hash> 

53                    <#assign donationRequirementsList = donationRequirementsContent.getJSONArray("requirements")> 

54                </#if> 

55            </#if> 

56 

57            <#if shared_description.getJSONObject("steps_to_donate")?has_content> 

58                <#assign stepsToDonateContent = shared_description.getJSONObject("steps_to_donate")> 

59                <#if stepsToDonateContent.getString("title")?has_content > 

60                    <#assign stepsToDonateTitle = stepsToDonateContent.getString("title")> 

61                </#if> 

62 

63                <#if stepsToDonateContent.getJSONArray("steps")?has_content && stepsToDonateContent.getJSONArray("steps")?is_hash> 

64                    <#assign stepsToDonateList = stepsToDonateContent.getJSONArray("steps")> 

65                </#if> 

66            </#if> 

67 

68            <#if shared_description.getJSONObject("center_information")?has_content> 

69                <#assign centerInformationContent = shared_description.getJSONObject("center_information")> 

70                <#if centerInformationContent.getString("title")?has_content > 

71                    <#assign centerInformationTitle = centerInformationContent.getString("title")> 

72                </#if> 

73 

74                <#if centerInformationContent.getString("default_description")?has_content > 

75                    <#assign centerInformationDescription = centerInformationContent.getString("default_description")> 

76                </#if> 

77            </#if> 

78             

79            <#if shared_description.getJSONObject("specialty_programs")?has_content> 

80                <#assign specialtyProgramsContent = shared_description.getJSONObject("specialty_programs")> 

81                <#if specialtyProgramsContent.getString("title")?has_content > 

82                    <#assign specialtyProgramsTitle = specialtyProgramsContent.getString("title")> 

83                </#if> 

84 

85                <#if specialtyProgramsContent.getString("description")?has_content > 

86                    <#assign specialtyProgramsDescription = specialtyProgramsContent.getString("description")> 

87                </#if> 

88 

89                <#if specialtyProgramsContent.getJSONArray("programs")?has_content && specialtyProgramsContent.getJSONArray("programs")?is_hash> 

90                    <#assign specialtyProgramsList = specialtyProgramsContent.getJSONArray("programs")> 

91                </#if> 

92            </#if> 

93        </#if> 

94    </#if> 

95</#if> 

96 

97 

98<#assign centerName = ""/> 

99<#if main_title?? && main_title.getData()?has_content> 

100    <#assign centerName = main_title.getData()/> 

101</#if> 

102 

103<#if center_name?? && center_name.getData()?has_content> 

104    <#assign centerName = center_name.getData()/> 

105</#if> 

106 

107<#assign centerLogo = ""/> 

108<#if picture?? && picture.getData()?has_content> 

109    <#assign centerLogo = picture.getData()/> 

110</#if> 

111 

112<#assign centerState = ""/> 

113<#if state?? && state.getData()?has_content> 

114    <#assign centerState = state.getData()/> 

115</#if> 

116 

117<#assign centerAddress = ""/> 

118<#if address?? && address.getData()?has_content> 

119    <#assign centerAddress = address.getData()/> 

120</#if> 

121 

122<#assign centerCity = ""/> 

123<#if city?? && city.getData()?has_content> 

124    <#assign centerCity = city.getData()/> 

125</#if> 

126 

127<#assign centerZipCode = ""/> 

128<#if zipcode?? && zipcode.getData()?has_content> 

129    <#assign centerZipCode = zipcode.getData()/> 

130</#if> 

131 

132<#assign centerPhone = ""/> 

133<#if phone?? && phone.getData()?has_content> 

134    <#assign centerPhone = phone.getData()/> 

135</#if> 

136 

137<#if center_image?? && center_image.getData()?has_content> 

138    <#assign centerImage = center_image.getData()/> 

139</#if> 

140 

141<#if information?? && information.getData()?has_content> 

142    <#assign centerInformationDescription = information.getData()/> 

143</#if> 

144 

145<#assign centerAddress = ""/> 

146<#if address?? && address.getData()?has_content> 

147    <#assign centerAddress = address.getData()/> 

148</#if> 

149 

150 

151<#assign centerDMS = ""/> 

152<#if dms?? && dms.getData()!=''> 

153    <#assign centerDMS = dms.getData()> 

154</#if> 

155 

156<#assign hoursMicrodata = "" /> 

157 

158<div class="d3-detail-page" style="padding: 0"> 

159    <div class="d3-promotional-block"> 

160        <div class="promotional-text on-left"> 

161            <div class="container"> 

162                <div class="d3-col-xs-6 d3-col-md-10"> 

163                    <#if centerLogo != ""> 

164                        <img 

165                            alt="${centerName}" 

166                            src="${centerLogo}" 

167                        /> 

168                    </#if> 

169                     

170                     

171                    <#assign centerNameState = ""/> 

172                    <#if centerName != ""> 

173                        <#assign centerNameState = centerName/> 

174                         

175                        <#if centerState != ""> 

176                            <#assign centerNameState += (", " + centerState)/> 

177                        </#if> 

178                    </#if> 

179                     

180                    <#if centerNameState != ""> 

181                        <h1> 

182                            ${centerNameState} 

183                        </h1> 

184                    </#if> 

185                     

186                    <#if centerAddress != "" || centerPhone != "" > 

187                        <p> 

188                            <#if centerAddress != ""> 

189                                ${centerAddress} <br /> 

190 

191                                <#if centerCity != ""> 

192                                    ${centerCity} 

193                                </#if> 

194 

195                                <#if centerState != ""> 

196                                    ${centerState} 

197                                </#if> 

198 

199                                <#if centerZipCode != ""> 

200                                    ${centerZipCode} 

201                                </#if> 

202                            </#if> 

203 

204                            <#if centerPhone != ""> 

205                                <br />${centerPhone} 

206                            </#if> 

207                        </p> 

208                    </#if> 

209 

210                    <div class="button-row"> 

211                        <#if schedule_a_visit?? && schedule_a_visit.getData()?has_content> 

212                            <#if centerDMS != "" && portalLanguage?? && portalLanguage?has_content> 

213                                <#assign appointmentURL =  "https://new.grifolsplasmadonorhub.com/guest/schedule-donation?centerCode=" + centerDMS + "&lang=" + portalLanguage /> 

214                            </#if> 

215                             

216                            <#if appointmentURL?? && appointmentURL?has_content> 

217                                <a 

218                                    class="btn btn-primary btn-icon--left" 

219                                    href="${appointmentURL}" 

220                                    target="_blank" 

221                                > 

222                                    <i class="ph-bold ph-calendar"></i> 

223                                    <@liferay.language key="com.grifols.d3.schedule-appointment"/> 

224                                </a> 

225                            </#if> 

226                        </#if> 

227                         

228                        <#assign googleMapsURL = ""/> 

229                        <#if driving_directions?? && driving_directions.getData()?has_content> 

230                            <#assign googleMapsURL = driving_directions.getData()/> 

231                        <#else> 

232                            <#if centerAddress != "" && centerCity != "" && centerState != "" && centerZipCode != "" > 

233                                <#assign googleMapsURL =  centerAddress + "," +  centerCity + "," +  centerState + "," +  centerZipCode/> 

234                                <#assign googleMapsURL =  htmlUtil.escapeURL( googleMapsURL)/> 

235                                <#assign googleMapsURL = "http://maps.google.com?q=" +  googleMapsURL/> 

236                            </#if> 

237                        </#if> 

238 

239                        <#if googleMapsURL != ""> 

240                            <a 

241                                class="btn btn-secondary btn-icon--left" 

242                                href="${googleMapsURL}" 

243                                target="_blank" 

244                            > 

245                                <i class="ph-bold ph-traffic-sign"></i> 

246                                <@liferay.language key="com.grifols.d3.driving-directions"/> 

247                            </a> 

248                        </#if> 

249                    </div> 

250                </div> 

251            </div> 

252        </div> 

253 

254 

255        <div class="promotional-image aspect-ratio-bg-center aspect-ratio-bg-cover d3-xs-hide" title="${centerImageAltText}">&nbsp;</div> 

256        <div class="promotional-image aspect-ratio aspect-ratio-8-to-5 aspect-ratio-bg-center aspect-ratio-bg-cover d3-md-hide" title="${centerImageAltText}">&nbsp;</div> 

257    </div> 

258 

259    <div class="d3-component container"> 

260        <div class="row"> 

261            <div class="d3-col-xs-6 d3-col-md-6"> 

262                <#if (covid_convalescent?? && covid_convalescent.getData()?? && covid_convalescent.getData() == 'true') 

263                    || (childcare?? && childcare.getData()?? && childcare.getData() == 'true') 

264                    || (appointments?? && appointments.getData()?? && appointments.getData() == 'true') 

265                    || (ownbuilding?? && ownbuilding.getData()?? && ownbuilding.getData() == 'true') 

266                    || (inshoppingcenter?? && inshoppingcenter.getData()?? && inshoppingcenter.getData() == 'true') 

267                    || (bankofamerica?? && bankofamerica.getData()?? && bankofamerica.getData() == 'true') 

268                    || (paysign?? && paysign.getData()?? && paysign.getData() == 'true') 

269                    || (donorhub?? && donorhub.getData()?? && donorhub.getData() == 'true') 

270                > 

271                     

272                    <div class="d3-description"> 

273                        <#if centerAmmenitiesTitle??> 

274                            <h3>${centerAmmenitiesTitle}</h3> 

275                        </#if> 

276                         

277                        <div class="center-ammenities-container"> 

278                            <#list 0..<centerAmmenitiesList.length() as center_ammenities_index> 

279                                <#if centerAmmenitiesList.getJSONObject(center_ammenities_index)??> 

280                                    <#assign cur_ammenity = centerAmmenitiesList.getJSONObject(center_ammenities_index)> 

281                                    <#if cur_ammenity.getString("id_name")?? && cur_ammenity.getString("id_name")?has_content> 

282                                        <#assign cur_ammenity_id_name = cur_ammenity.getString("id_name")> 

283 

284                                        <#if (cur_ammenity_id_name = 'covid-convalescent' && covid_convalescent?? && covid_convalescent.getData()?? && covid_convalescent.getData() == 'true') 

285                                            || (cur_ammenity_id_name = 'childcare' && childcare?? && childcare.getData()?? && childcare.getData() == 'true') 

286                                            || (cur_ammenity_id_name = 'appointments' && appointments?? && appointments.getData()?? && appointments.getData() == 'true') 

287                                            || (cur_ammenity_id_name = 'own-building' && ownbuilding?? && ownbuilding.getData()?? && ownbuilding.getData() == 'true') 

288                                            || (cur_ammenity_id_name = 'in-shopping-center' && inshoppingcenter?? && inshoppingcenter.getData()?? && inshoppingcenter.getData() == 'true') 

289                                            || (cur_ammenity_id_name = 'bank-of-america' && bankofamerica?? && bankofamerica.getData()?? && bankofamerica.getData() == 'true') 

290                                            || (cur_ammenity_id_name = 'paysign' && paysign?? && paysign.getData()?? && paysign.getData() == 'true') 

291                                            || (cur_ammenity_id_name = 'donorhub' && donorhub?? && donorhub.getData()?? && donorhub.getData() == 'true') 

292                                        > 

293                                            <div class="specialty-programs-icons"> 

294                                                <#assign cur_ammenity_name = cur_ammenity.getString("name")> 

295                                         

296                                                <#if cur_ammenity.getString("icon")?? && cur_ammenity.getString("icon")?has_content && cur_ammenity_id_name != 'donorhub'> 

297                                                    <#assign card_icon = getPhosphorIcon(cur_ammenity.getString("icon")) /> 

298                                                    <div class="circle"> 

299                                                        <i class="d3-icon ${card_icon}"></i> 

300                                                    </div> 

301                                                </#if> 

302                                                 

303                                                <#if cur_ammenity_id_name = 'donorhub'> 

304                                                    <img 

305                                                            alt="${cur_ammenity_id_name}" 

306                                                            src="${portalURL}/documents/1088990/1092005/donorhub-avatar.png/c2cbf871-138e-495c-bda4-24ba8852036a?t=1719494894109" 

307                                                      /> 

308													 

309                                                     

310                                                    <#assign donorhubURL =  "https://new.grifolsplasmadonorhub.com" /> 

311                                                    <a   

312                                                        href="${donorhubURL}" target="_blank" 

313                                                    > 

314                                                        ${cur_ammenity_name} 

315                                                    </a> 

316                                                <#else> 

317                                                    <p>${cur_ammenity_name}</p> 

318                                                </#if> 

319                                                 

320                                            </div> 

321                                        </#if> 

322                                    </#if> 

323                                </#if> 

324                            </#list> 

325 

326                            <#if (antidprogram?? && antidprogram.getData()?? && antidprogram.getData() == 'true') 

327                                || (rabiesprogram?? && rabiesprogram.getData()?? && rabiesprogram.getData() == 'true') 

328                                || (tetanusprogram?? && tetanusprogram.getData()?? && tetanusprogram.getData() == 'true') 

329                                || (hepatitisbprogram?? && hepatitisbprogram.getData()?? && hepatitisbprogram.getData() == 'true') 

330                                || (rsv_program?? && rsv_program.getData()?? && rsv_program.getData() == 'true') 

331                                || (male_ab_program?? && male_ab_program.getData()?? && male_ab_program.getData() == 'true') 

332                            > 

333                                <#list 0..<specialtyProgramsList.length() as specialty_programs_index> 

334                                    <#if specialtyProgramsList.getJSONObject(specialty_programs_index)??> 

335                                        <#assign cur_specialty_program = specialtyProgramsList.getJSONObject(specialty_programs_index)> 

336                                        <#if cur_specialty_program.getString("id_name")?? && cur_specialty_program.getString("id_name")?has_content> 

337                                            <#assign cur_specialty_program_id_name = cur_specialty_program.getString("id_name")> 

338 

339                                            <#if (cur_specialty_program_id_name == 'anti-d-program' && antidprogram?? && antidprogram.getData()?? && antidprogram.getData() == 'true') 

340                                                || (cur_specialty_program_id_name == 'anti-rabies-program' && rabiesprogram?? && rabiesprogram.getData()?? && rabiesprogram.getData() == 'true') 

341                                                || (cur_specialty_program_id_name == 'anti-tetanus-program' && tetanusprogram?? && tetanusprogram.getData()?? && tetanusprogram.getData() == 'true') 

342                                                || (cur_specialty_program_id_name == 'anti-hepatitis-B-program' && hepatitisbprogram?? && hepatitisbprogram.getData()?? && hepatitisbprogram.getData() == 'true') 

343                                                || (cur_specialty_program_id_name == 'anti-rsv-program' && rsv_program?? && rsv_program.getData()?? && rsv_program.getData() == 'true') 

344                                                || (cur_specialty_program_id_name == 'male-ab-program' && male_ab_program?? && male_ab_program.getData()?? && male_ab_program.getData() == 'true') 

345                                            > 

346                                                <div class="specialty-programs-icons"> 

347                                                    <#assign cur_specialty_program_name = cur_specialty_program.getString("name")> 

348                                             

349                                                    <#if cur_specialty_program.getString("icon")?? && cur_specialty_program.getString("icon")?has_content> 

350                                                        <#assign cur_specialty_program_icon = cur_specialty_program.getString("icon")> 

351                                                        <img 

352                                                            alt="${cur_specialty_program_name}" 

353                                                            src="${cur_specialty_program_icon}" 

354                                                        /> 

355                                                    </#if> 

356                                                     

357                                                    <p>${cur_specialty_program_name}</p> 

358                                                </div> 

359                                            </#if> 

360                                        </#if> 

361                                    </#if> 

362                                </#list> 

363                            </#if> 

364                        </div> 

365                    </div> 

366                </#if> 

367                 

368                <#if donationRequirementsList??> 

369                    <div class="d3-description"> 

370                        <#if donationRequirementsTitle??> 

371                            <h3>${donationRequirementsTitle}</h3> 

372                        </#if> 

373 

374                        <p> 

375                            <#list 0..<donationRequirementsList.length() as donation_requirements_index> 

376                                <#if donationRequirementsList.getJSONObject(donation_requirements_index)??> 

377                                    <#assign cur_requirement = donationRequirementsList.getJSONObject(donation_requirements_index)> 

378                                    <#if cur_requirement.getString("description")?? && cur_requirement.getString("description")?has_content> 

379                                        <strong>${donation_requirements_index + 1}. </strong>${cur_requirement.getString("description")}<br/> 

380                                    </#if> 

381                                </#if> 

382                            </#list> 

383                        </p> 

384                    </div> 

385                </#if> 

386            </div> 

387             

388            <div class="d3-col-xs-6 d3-col-md-6"> 

389               <#if centerDMS != ""> 

390					<#assign compensationAmountToShow =  plasmaUtils.getCompensationAmountToShow(locale, centerDMS)/> 

391                    <#assign textModelToShow =  plasmaUtils.getTextModelToShow(locale, centerDMS)/> 

392					 

393                    <#if !textModelToShow?has_content> 

394					    <#assign textModelToShow =  "1"/> 

395					</#if> 

396 

397					<#assign donationsNumberToShow =  plasmaUtils.getDonationsNumberToShow(locale, centerDMS)/> 

398					<#if !donationsNumberToShow?has_content> 

399					    <#assign donationsNumberToShow =  "1"/> 

400					</#if>						 

401					<#if compensationAmountToShow?has_content> 

402                        <div class="d3-description"> 

403							<h3><@liferay.language key='com.grifols.d3.new-donor-compensation' />*</h3> 

404							<p> 

405								<#if textModelToShow == "1"> 

406									<@liferay.language_format arguments="${compensationAmountToShow}" key="com.grifols.plasma.newsdonors.compensation.message-1" /> 

407								</#if> 

408								<#if textModelToShow == "2"> 

409									<@liferay.language_format arguments=[compensationAmountToShow, donationsNumberToShow] key="com.grifols.plasma.newsdonors.compensation.message-2" /> 

410								</#if> 

411								<#if textModelToShow == "3"> 

412									<@liferay.language_format arguments=[compensationAmountToShow] key="com.grifols.plasma.newsdonors.compensation.message-3" /> 

413								</#if>            						 

414            				</p> 

415            				<p class="text-caption">*<@liferay.language key='com.grifols.d3.compensation-amounts-subject-change' /></p> 

416                             

417                        </div> 

418					</#if> 

419                </#if> 

420                 

421                <#if dms.getData()?has_content > 

422                    <#if  themeDisplay.getPortletDisplay().getPortletName() == "preview" > 

423                        <#assign centerOperationHours =  plasmaUtils.getHoursToShow( locale,  dms.getData(), true)/> 

424                    <#else> 

425                        <#assign centerOperationHours =  plasmaUtils.getHoursToShow( locale,  dms.getData(), false)/> 

426                    </#if> 

427                         

428                    <#if centerOperationHours != "" > 

429						<#assign hoursMicrodata = plasmaUtils.getHoursMicrodata(dms.getData()) /> 

430						 

431						 

432						 

433						 

434                        <div class="d3-description"> 

435                            <h3><@liferay.language key='com.grifols.plasma.hours' /></h3> 

436                            ${centerOperationHours} 

437                        </div> 

438                    </#if> 

439                </#if> 

440            </div> 

441        </div> 

442    </div> 

443 

444    <#if stepsToDonateList??> 

445        <div style="text-align: center"> 

446            <div class="d3-info-card row-4"> 

447                <div class="container"> 

448                    <#if stepsToDonateTitle??> 

449                        <div class="d3-row text-content d3-introduction align-center"> 

450                            <h2>${stepsToDonateTitle}</h2> 

451                        </div> 

452                    </#if> 

453                     

454                    <div class="d3-content-grid" style="justify-content: center"> 

455                        <#list 0..<stepsToDonateList.length() as steps_to_donate_index> 

456                            <#if stepsToDonateList.getJSONObject(steps_to_donate_index)??> 

457                                <#assign cur_step = stepsToDonateList.getJSONObject(steps_to_donate_index)> 

458                                <#if (cur_step.getString("description")?? && cur_step.getString("description")?has_content)  

459									|| cur_step.getString("image")?? && cur_step.getString("image")?has_content> 

460                                    <div class="d3-col-xs-6 d3-col-sm-3 d3-col-md-2"> 

461                                        <div class="d3-card-ghost item-1"> 

462                                            <div class="card-content"> 

463                                                <#if cur_step.getString("image")?? && cur_step.getString("image")?has_content> 

464													<img 

465                                                        src="${cur_step.getString("image")}" 

466                                                    /> 

467												</#if> 

468												 

469												<#if cur_step.getString("description")?? && cur_step.getString("description")?has_content> 

470													<strong class="text-lg"> 

471														${steps_to_donate_index + 1}. ${cur_step.getString("description")} 

472													</strong> 

473												</#if> 

474                                            </div> 

475                                        </div> 

476                                    </div>  

477                                </#if> 

478                            </#if> 

479                        </#list> 

480                    </div> 

481                </div> 

482            </div> 

483        </div> 

484    </#if> 

485 

486 

487    <#if centerInformationDescription??> 

488        <div class="d3-component"> 

489            <div class="container"> 

490                <div class="d3-col-xs-6 d3-col-md-10 d3-offset-md-1"> 

491                    <#if centerInformationTitle??> 

492                        <h3>${centerInformationTitle}</h3> 

493                    </#if> 

494                    <div>${centerInformationDescription 

495                            ?replace("CENTER_COMPANY","${centerName}") 

496                            ?replace("CENTER_CITY","${centerCity}") 

497                            ?replace("CENTER_STATE","${centerState}")}</div> 

498                </div> 

499            </div> 

500        </div> 

501    </#if> 

502</div> 

503 

504<style> 

505    .journal-content-article .promotional-image { 

506      background-image: url("${centerImage}"); 

507    } 

508 

509    .d3-description .hours { 

510        display: flex; 

511    } 

512 

513    .d3-description .hours .day-name{ 

514        width: 50%; 

515    } 

516 

517    .center-ammenities-container { 

518        display: flex; 

519        flex-wrap: wrap; 

520    } 

521 

522    .specialty-programs-icons { 

523        display: flex; 

524        flex-direction: row; 

525        align-items: center; 

526        gap: 16px; 

527        padding-bottom: 16px; 

528        width: 100%; 

529    } 

530 

531    .specialty-programs-icons img { 

532        height: 32px; 

533    } 

534 

535    .specialty-programs-icons .circle { 

536        display: flex; 

537        align-items: center; 

538        background-color: #d4e4f4; 

539        color: #002969; 

540        border-radius: 100%; 

541        justify-content: center; 

542        width: 32px; 

543        height: 32px; 

544    } 

545 

546    .specialty-programs-icons .circle .d3-icon { 

547        font-size: 16px; 

548    } 

549 

550    @media screen and ( min-width: 600px ) 

551    { 

552    .specialty-programs-icons { 

553        width: 50%; 

554    } 

555 

556</style> 

557 

558<script type="application/ld+json"> 

559    <#assign portalURL=themeDisplay.getPortalURL()> 

560     

561    { 

562        "@context": "https://schema.org", 

563        "@type": "LocalBusiness", 

564        "logo": "${portalURL}${centerLogo}", 

565        "name": "${centerName}", 

566        "photo": "${portalURL}${centerImage}", 

567        "address": { 

568            "@type": "PostalAddress", 

569            "addressLocality": "${centerCity}", 

570            "addressRegion": "${centerState}", 

571            "postalCode": "${centerZipCode}", 

572            "streetAddress": "${address.getData()}", 

573            "addressCountry": "US" 

574        }, 

575        "telephone": "${centerPhone}", 

576        "description": "${centerInformationDescription?json_string}", 

577        "hasMap": "${googleMapsURL}", 

578 

579        <#if x_coordinate?? && x_coordinate.getData()?has_content && y_coordinate??  

580            && y_coordinate.getData()?has_content> 

581            "geo": { 

582                "@type": "GeoCoordinates", 

583                "latitude": "${x_coordinate.getData()}", 

584                "longitude": "${y_coordinate.getData()}" 

585            }, 

586        </#if> 

587		<#if hoursMicrodata != ""> 

588			${hoursMicrodata?remove_beginning("{")?remove_ending("}")} 

589		</#if> 

590    } 

591</script>