An error occurred while processing the template.
The following has evaluated to null or missing: ==> httpUtil.getParameter [in template "709831#709857#665830" at line 15, column 16] ---- Tip: It's the step after the last dot that caused this error, not those before it. ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: pageType = httpUtil.getParameter(curr... [in template "709831#709857#665830" at line 15, column 5] ----
1<#--
2Web content templates are used to lay out the fields defined in a web
3content structure.
4
5Please use the left panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7-->
8
9<#macro language key>
10 ${languageUtil.get(locale, key)}
11</#macro>
12
13<#assign
14 currentUrl = themeDisplay.getURLCurrent()
15 pageType = httpUtil.getParameter(currentUrl,"podcastdetail")
16 isTranscript = getterUtil.getBoolean(pageType == "transcript")
17 isDetailPage = !isTranscript
18/>
19
20<#assign
21 LayoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")
22 layout = LayoutLocalService.getFriendlyURLLayout(themeDisplay.getScopeGroupId(), false, "/podcast-list")
23 listUrl = portalUtil.getLayoutFullURL(layout, themeDisplay)
24/>
25
26<div class="container insight-section podcast-detail-section">
27 <div class="row">
28 <div class="col-md-12"><a href="${listUrl}" aria-label="<@liferay.language key="view-all-podcasts-alt-text"/>" class="font_lg primary-color" data-spokesperson="${PodcasterName.getData()}"><@liferay.language key="view-all-podcast"/></a></div>
29 <h2 class="col-md-12 subhead_lg">${PodcastTitle.getData()}</h2>
30 <a href="${EmbedURL.getData()}" role="button" aria-label="<@liferay.language key="play-video"/>: ${PodcastTitle.getData()} ${YouTubeShareURL.VideoDuration.getData()}. <@liferay.language key="opens-in-dialog"/>" class="podcast-play-link" data-toggle="modal" data-target="#podcastVideoModal"><img src="/o/innovation-banking-theme/images/podcast-play-icon-red-small.png" alt=""></img></a>
31 </div>
32 <div class="row">
33 <div class="col-md-3 mb-3">
34 <#if PodcasterPicture.getData()?? && PodcasterPicture.getData() != "">
35 <img alt="Photo-${PodcasterPicture.getAttribute("alt")}" data-fileentryid="${PodcasterPicture.getAttribute("fileEntryId")}" src="${PodcasterPicture.getData()}" style="width:100%;"/>
36 </#if>
37 <div class="subhead_md pt-2">
38 <#list PodcasterName.getData()?split(",") as name>
39 ${name}
40 </#list>
41 </div>
42 <div class="row no-gutters podcast-feature">
43 <div class="col-md-12 col-sm-5 col-xs-5 pt-2 mr-2">
44 <a id="shareLink" role="button" aria-label="<@liferay.language key="share-podcast-alt" />" href="#shareTab" data-toggle="modal" data-target="#podcastModal" class="modal-toggle title_sm_caps text-primary-color podcast-share-link" data-spokesperson="${PodcasterName.getData()}"><@liferay.language key="share" />
45 <img src="/o/innovation-banking-theme/images/share-icon.png" alt="" class="podcast-share-icon"/></a>
46 </div>
47 <div class="col-md-12 col-sm-5 col-xs-5 pt-2">
48 <a id="embedLink" role="button" aria-label="<@liferay.language key="embed-podcast-alt" />" href="#embedtab" data-toggle="modal" data-target="#podcastModal" class="modal-toggle title_sm_caps text-primary-color podcast-embed-link" data-spokesperson="${PodcasterName.getData()}"><@liferay.language key="embed" />
49 <img src="/o/innovation-banking-theme/images/embed-icon.png" alt="" class="podcast-embed-icon"/></a>
50 </div>
51 </div>
52 </div>
53 <div class="col-md-9 detail-nav">
54 <div class="row">
55 <nav>
56 <div class="nav nav-tabs nav-fill" role="tablist">
57 <a class="nav-item nav-link text-primary-color font_lg ${isDetailPage?then('active', '')}" data-toggle="tab" role="tab" aria-selected="${isDetailPage?then('true','false')}" aria-controls="episodeDetail" href="#episodeDetail"><@liferay.language key="episode-details" /></a>
58 <a class="nav-item nav-link text-primary-color font_lg ${isTranscript?then('active', '')}" data-toggle="tab" role="tab" aria-selected="${isTranscript?then('true','false')}" aria-controls="transcriptDetail" href="#transcriptDetail"><@liferay.language key="transcript" /></a>
59 </div>
60 </nav>
61 </div>
62 <div class="tab-content">
63 <div id="episodeDetail" class="${isDetailPage?then(' tab-panel show active', ' ')}" ${isDetailPage?then('', 'hidden="hidden"')} role="tabpanel">
64 <h3 class="subhead_sm pb-2"><@liferay.language key="episode-summary" /></h3>
65 <div>${PodcastSummary.getData()}</div>
66 <h3 class="subhead_sm pb-2"><@liferay.language key="episode-note" /></h3>
67 <div class="episode-note">
68 ${PodcastNote.getData()}
69 </div>
70 <div class="row pt-2 mb-4 contributer-list">
71 <p><@liferay.language key="show-contributers" />: </p>
72 <div>
73 <#list ContributorsNames.getData()?split(",") as name>
74 <p>${name}</p>
75 </#list>
76 </div>
77 </div>
78 </div>
79 <div id="transcriptDetail" class="${isTranscript?then('show active tab-panel', '')}" role="tabpanel" ${isTranscript?then('', 'hidden="hidden"')} >
80 ${TranscriptDetail.getData()}
81 </div>
82 </div>
83 </div>
84 </div>
85 <div class="d-flex justify-content-center">
86 <a href="${listUrl}" class="btn btn-primary view-all-podcasts" data-spokesperson="${PodcasterName.getData()}" aria-label="<@liferay.language key="view-all-podcasts-alt-text"/>"><@liferay.language key="view-all-podcasts-alt-text" /></a>
87 </div>
88</div>
89
90<#-- SHARE Button Modal -->
91<div class="podcast-modal insight-section">
92 <div class="modal fade" id="podcastModal" tabindex="-1" role="dialog" aria-labelledby="podcastModal" aria-hidden="true">
93 <div class="modal-dialog" role="document">
94 <div class="modal-content detail-nav">
95 <div class="modal-body">
96 <button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close">
97 <span aria-hidden="true">×</span>
98 </button>
99 <div class="row share-container">
100 <nav>
101 <div class="nav nav-tabs nav-fill" role="tablist">
102 <a class="nav-item nav-link text-primary-color" data-toggle="tab" role="tab" href="#shareTab" aria-controls="shareTab" ><@liferay.language key="share" /></a>
103 <a class="nav-item nav-link text-primary-color" data-toggle="tab" role="tab" href="#embedtab" aria-controls="embedtab"><@liferay.language key="embed" /></a>
104 </div>
105 </nav>
106 </div>
107 <div class="tab-content">
108 <div id="shareTab" class="tab-panel" role="tabpanel">
109 <div class="row">
110 <div class="col-md-12">
111 <div class="row currect-section mt-3 mb-3 p-2">
112 <div class="col-md-2 col-sm-2 col-xs-4">
113 <#if PodcasterPicture.getData()?? && PodcasterPicture.getData() != "">
114 <img alt="${PodcasterPicture.getAttribute("alt")}" data-fileentryid="${PodcasterPicture.getAttribute("fileEntryId")}" src="${PodcasterPicture.getData()}" />
115 </#if>
116 </div>
117 <div class="col-md-10 col-sm-10 col-xs-8 subhead_sm font-weight-bold my-auto">
118 ${PodcastTitle.getData()}
119 </div>
120 </div>
121 </div>
122 </div>
123 <#assign encodedTitle = httpUtil.encodeURL(PodcastTitle.getData())/>
124 <div class="row">
125 <div class="title_sm_caps font-weight-bold col-md-12 mb-2"><@liferay.language key="social-links" /></div>
126 <div class="col-md-3 col-sm-3 col-xs-3 mb-2">
127 <#assign twitterURL = "https://twitter.com/intent/tweet?text=" + encodedTitle +
128 httpUtil.encodeURL(" Check it out here: ") + "$encodedRecordingURL$"/>
129 <a id="twitterURL" data-url="${twitterURL}" href="#" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="twitter-podcast"/> <@liferay.language key="opens-in-a-new-tab" />" >
130 <div class="share-icon" style="background-color: #67CEF4;">
131 <div class="twitter-podcast-share"></div>
132 </div>
133 </a>
134 </div>
135 <div class="col-md-3 col-sm-3 col-xs-3 mb-2">
136 <#assign facebookURL = "https://www.facebook.com/sharer/sharer.php?u=" + "$encodedRecordingURL$" />
137 <a id="facebookURL" href="#" data-url="${facebookURL}" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="facebook-podcast" /> <@liferay.language key="opens-in-a-new-tab" />">
138 <div class="share-icon" style="background-color: #476DAD;">
139 <div class="facebook-podcast-share"></div>
140 </div>
141 </a>
142 </div>
143 <div class="col-md-3 col-sm-3 col-xs-3 mb-2">
144 <#assign linkedinURL = "https://www.linkedin.com/shareArticle?mini=true&url=" + "$encodedRecordingURL$" />
145 <a id="linkedinURL" href="#" data-url="${linkedinURL}" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="linkedin-podcast"/> <@liferay.language key="opens-in-a-new-tab" />">
146 <div class="share-icon" style="background-color: #5089A8;">
147 <div class="linkedin-podcast-share"></div>
148 </div>
149 </a>
150 </div>
151 <div class="col-md-3 col-sm-3 col-xs-3 mb-2">
152
153 <#assign mailMsg=languageUtil.get(locale, "podcast-share-message")
154 listenMsg=languageUtil.get(locale, "listen-here")
155 subjectMsg = languageUtil.get(locale, "podcast-share-mail-subject")/>
156 <#assign
157 mailURL = "mailto:?subject=" + subjectMsg + "&body="
158 + mailMsg + "%0d%0a%0d%0a" + listenMsg + ": " + "$encodedRecordingURL$"/>
159 <a id="mailURL" href="#" data-url="${mailURL}" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="email-podcast" /> <@liferay.language key="opens-user-main-box" />">
160 <div class="share-icon" style="background-color: #6DB3F3;">
161 <div class="email-podcast-share"></div>
162 </div>
163 </a>
164 </div>
165 </div>
166 <div class="share-link share-container">
167 <div class="currect-section podcast-embed-section">
168 <label class="title_sm_caps font-weight-bold"><@liferay.language key="sharing-link" /></label>
169 <div class="iframe-text" id="sharingLink">
170 ${YouTubeShareURL.getData()}</div>
171 <div class="copy-button-div row">
172 <div class="col-md-4" style="margin-top: 7px;">
173 <input type="checkbox" id="timeStartAt" name="timeStartAt">
174 <label for="timeStartAt"><@liferay.language key="start-at" /></label>
175 </div>
176 <div class="col-md-5" >
177 <label for="videoTime" aria-label="<@liferay.language key="start-time" /> <@liferay.language key="enter-time"/>">
178 <span aria-hidden="true" tabindex="-1"> <@liferay.language key="start-time" /></span>
179 <!-- <span class="sr-only"><@liferay.language key="enter-time"/> </span> -->
180 </label>
181 <!-- <label for="videoTime" class="control-label sr-only" aria-label="<@liferay.language key="enter-time"/>" ><@liferay.language key="enter-time" /></label> -->
182 <input type="text" id="videoTime" name="videoTime" class="video-time" autocomplete='off' value="00:00">
183 </div>
184 <div class="col-md-3">
185 <button class="copy-button" id="copyPodcastShareURL" data-spokesperson="${PodcasterName.getData()}" onclick="copyDivToClipboard('sharingLink','btnShareCopied')"><@liferay.language key="copy-sharing" /></button>
186 <button class="hide copied-button" id="btnShareCopied" ><@liferay.language key="copied" /></button>
187 </div>
188 </div>
189 </div>
190 </div>
191 </div>
192 <div id="embedtab" class="tab-panel share-container" role="tabpanel">
193 <div id="videoContainer" tabindex="0" class="youtubevideo">
194 <div class="youtubeVideoEmbed mb-5">
195 <iframe
196 data-src="${EmbedURL.getData()}"
197 class="optanon-category-C0004"
198 id="podcastYoutubeVideoEmbed"
199 height="198px;"
200 width="100%">
201 </iframe>
202 </div>
203 <div class="youtube-notification hide" id="ytvideo-notification-embeded">
204 <img src="/documents/709853/1056517/youtube-256x256.svg/227c2cba-952b-94ae-acf5-163ccacd0458?t=1726482979959" alt="youtube banner icon">
205 <h3 style="text-align: center;"><span class="subhead-medium"><@liferay.language key="cookies-disabled"/></span></h3>
206 <p>
207 <span class="banner-body-copy">
208 <@liferay.language key="cookies-disabled-message-part1"/>
209 <a href="#" target="_blank" class=" inlineLink DefaultColor" data-di-id="di-id-6c88222-cea0fdde">
210 <@liferay.language key="cookies-disabled-message-part2"/> </a>
211 <@liferay.language key="cookies-disabled-message-part3"/>
212 </span>
213 </p>
214 </div>
215 </div>
216 <div class="currect-section podcast-embed-section">
217 <label class="title_sm_caps font-weight-bold"><@liferay.language key="embed-code" /></label>
218 <div class="iframe-text" id="iframetext">
219 <iframe src='${EmbedURL.getData()}' height='198px;' width='100%'></iframe>
220 </div>
221 <div class="copy-button-div copy-embed-div">
222 <button class="copy-button" id="copyPodcastEmbedURL" data-spokesperson="${PodcasterName.getData()}" onclick="copyDivToClipboard('iframetext','btnEmbedCopied')"><@liferay.language key="copy-embed-link" /></button>
223 <button class="hide copied-button" id="btnEmbedCopied"><@liferay.language key="copied" /></button>
224 </div>
225 </div>
226 </div>
227 </div>
228 </div>
229 </div>
230 </div>
231 </div>
232</div>
233
234<#-- PLAY Button Modal -->
235<div class="podcast-video-modal">
236 <div class="modal fade" id="podcastVideoModal" tabindex="0" role="dialog" aria-labelled="videoModal" aria-hidden="true">
237 <div class="modal-dialog" role="document">
238 <div class="modal-content">
239 <div class="modal-body">
240 <div class="close-button">
241 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
242 <span aria-hidden="true">×</span>
243 </button>
244 </div>
245 <div id="videoContainer" tabindex="0" class="youtubevideo">
246 <div class="youtubeVideoEmbed">
247 <iframe
248 class="embed-responsive-item optanon-category-C0004"
249 data-src="" id="podcastYoutubeVideo"
250 allowscriptaccess="always"
251 playsinline=1
252 allow="autoplay"
253 aria-modal="true"
254 aria-label="<@liferay.language key="youtube-iframe-alt" />">
255 </iframe>
256 </div>
257 <div class="youtube-notification hide" id="ytvideo-notification">
258 <img src="/documents/709853/1056517/youtube-256x256.svg/227c2cba-952b-94ae-acf5-163ccacd0458?t=1726482979959" alt="youtube banner icon">
259 <h3 style="text-align: center;"><span class="subhead-medium"><@liferay.language key="cookies-disabled"/></span></h3>
260 <p>
261 <span class="banner-body-copy">
262 <@liferay.language key="cookies-disabled-message-part1"/>
263 <a href="#" target="_blank" class=" inlineLink DefaultColor" data-di-id="di-id-6c88222-cea0fdde">
264 <@liferay.language key="cookies-disabled-message-part2"/> </a>
265 <@liferay.language key="cookies-disabled-message-part3"/>
266 </span>
267 </p>
268 </div>
269 </div>
270 </div>
271 </div>
272 </div>
273 </div>
274</div>
275
276<script>
277 var shareURL = $("#sharingLink").text().trim();
278 var activetab = null;
279
280 $(document).ready(function() {
281 changeSocialPlatformURL(shareURL);
282 $('.modal-toggle').click(function(e) {
283 var tab = e.currentTarget.hash;
284 activetab = tab;
285 $('.podcast-modal .nav-tabs a[href="' + tab + '"]').tab("show");
286 });
287
288 $("#timeStartAt").change(function() {
289 changeShareLink();
290 });
291
292 $('#videoTime').on('input', function() {
293 changeShareLink();
294 });
295
296
297 var $podcastSrc, $podcastTitle;
298 $('.podcast-play-link').click(function() {
299 $podcastSrc = $(this).attr("href");
300 $podcastTitle = $(this).attr("aria-label").split('. '.concat('<@liferay.language key="opens-in-dialog"/>'))[0].concat(' <@liferay.language key="video-player"/>');
301
302 });
303 $('#podcastVideoModal').on('shown.bs.modal', function (e) {
304 if( isOneTrustEnabled() && (checkOptanonCookie('C0004') === 1) ) {
305 $("#podcastYoutubeVideo").attr('src',$podcastSrc + "?modestbranding=1&showinfo=0" );
306 $("#videoContainer").attr('aria-label',$podcastTitle);
307 }
308 });
309
310 $('#podcastVideoModal').on('hide.bs.modal', function (e) {
311 $("#podcastYoutubeVideo").attr('src',"");
312 $("#videoContainer").removeAttr('aria-label');
313 });
314
315 $('#podcastModal').on('shown.bs.modal', function (e) {
316 if( activetab == "#embedtab"){
317 activateTab(tabs[3],true);
318 if( isOneTrustEnabled() && (checkOptanonCookie('C0004') === 1) ) {
319 var embedURL = "${EmbedURL.getData()}";
320 $("#podcastYoutubeVideoEmbed").attr('src',embedURL + "?modestbranding=1&showinfo=0" );
321 $("#embedtab").attr('aria-label',$podcastTitle);
322 } else {
323 var youtubeVideoEmbedElement = $('#embedtab .youtubeVideoEmbed');
324 youtubeVideoEmbedElement.html($("#ytvideo-notification-embeded").removeClass("hide"));
325 $('#embedtab .youtubeVideoEmbed').addClass("youtube-notification-min-height");
326
327 }
328 //focusLastTab();
329 }else{
330 activateTab(tabs[2],true);
331 // focusFirstTab(false);
332 }
333 })
334
335 $('#podcastModal').on('hide.bs.modal', function (e) {
336 focusFirstTab(true);
337 activetab = null;
338 // $("#podcastYoutubeVideo").attr('src',"");
339 });
340
341 $("#ytvideo-notification-embeded a").click(function(e){
342 callOTbannerClick(e); //this method is defined on onetrust-consentwrapper.js
343 });
344
345 });
346
347 function copyDivToClipboard(elementId,copiedbtnId) {
348 if(copiedbtnId=="btnEmbedCopied"){currentId="#embedtab";}else{currentId="#shareTab"}
349
350 var range = document.createRange();
351 range.selectNode(document.getElementById(elementId));
352 window.getSelection().removeAllRanges(); // clear current selection
353 window.getSelection().addRange(range); // to select text
354 document.execCommand("copy");
355 window.getSelection().removeAllRanges();// to deselect
356 $(currentId+" .copy-button").addClass('copied');
357 $(currentId+" .copy-button").text(Liferay.Language.get('copied'));
358 $(currentId+" .iframe-text").addClass("copied");
359 $(currentId+ ' #'+copiedbtnId).removeClass("hide");
360 $(currentId+" .copy-button").addClass('hide');
361 $(currentId+ ' #'+copiedbtnId).addClass("show");
362 $(currentId+ ' #'+copiedbtnId).addClass("copied");
363 $(currentId+ ' #'+copiedbtnId).focus();
364
365 setTimeout(function () {
366 $(currentId+ ' .copy-button').removeClass('copied');
367 $(currentId+ ' .iframe-text').removeClass("copied");
368 if(copiedbtnId=="btnEmbedCopied"){$(currentId+ ' .copy-button').text(Liferay.Language.get('copy-embed-link'));}
369 else{$(currentId+" .copy-button").text(Liferay.Language.get('copy-sharing'));}
370
371 $(currentId+' #'+copiedbtnId).removeClass("show");
372 $(currentId+' #'+copiedbtnId).addClass("hide");
373 $(currentId+' .copy-button').removeClass("hide");
374 $(currentId+' .copy-button').focus();
375 }, 3000);
376 }
377
378 function changeShareLink(){
379 console.log("change");
380 var updatedURL;
381 if($("#timeStartAt").is(":checked")){
382 var hms = $("#videoTime").val();
383 var a = hms.split(':');
384 var seconds = (+a[0]) * 60 + (+a[1]);
385 updatedURL = shareURL + "?start=" + seconds;
386 }else{
387 updatedURL = shareURL;
388 }
389 $("#sharingLink").text(updatedURL);
390 changeSocialPlatformURL(updatedURL);
391 }
392
393 function changeSocialPlatformURL(updatedURL){
394 var encodedURL = encodeURIComponent(updatedURL);
395 var encodedTwitterURL = $("#twitterURL").data("url").replace("$encodedRecordingURL$",encodedURL);
396 var encodedFacebookURL = $("#facebookURL").data("url").replace("$encodedRecordingURL$",encodedURL);
397 var encodedLinkedinURL = $("#linkedinURL").data("url").replace("$encodedRecordingURL$",encodedURL);
398 var encodedMailURL = $("#mailURL").data("url").replace("$encodedRecordingURL$",encodedURL);
399 $("#twitterURL").attr("href",encodedTwitterURL);
400 $("#facebookURL").attr("href", encodedFacebookURL);
401 $("#linkedinURL").attr("href", encodedLinkedinURL);
402 $("#mailURL").attr("href", encodedMailURL);
403 }
404
405</script>
406
407<style>
408 .podcast-modal .modal {
409 display: none;
410 overflow-y:auto;
411 }
412 .podcast-modal .modal-dialog {
413 max-width: 800px;
414 position: relative;
415 }
416 .iframe-text {
417 background: rgba(253,242,128,0.7);
418 margin-bottom: 10px;
419 max-height: 65px;
420 overflow: hidden;
421 word-break: break-all;
422 font: 400 0.857rem/20px "Roboto Mono","Andale Mono",Menlo,Courier New,Courier,monospace;
423 letter-spacing: .5px;
424 }
425 .copy-button-div {
426 border-top: solid 1px rgba(15,15,15,0.6);
427 padding-top: 15px;
428 /*overflow: hidden;*/
429 }
430 .copy-button {
431 background-color: #8B1D41;
432 border: none;
433 border-radius: 0;
434 color: rgba(255,255,255,0.95);
435 cursor: pointer;
436 padding: 7px 14px 9px;
437 font-family: Whitney-Medium-Pro,Arial,Helvetica,sans-serif;
438 text-decoration: none;
439 transition: background-color .2s ease-in, border-color .2s ease-in, color .2s ease-in;
440 letter-spacing: .5px;
441 float: right;
442
443 /*text-transform: capitalize;*/
444
445 }
446 .copy-button &:not(:disabled):not(.disabled):active:focus, &:focus {
447 outline: -webkit-focus-ring-color auto 1px;
448 }
449 .copy-button.copied {
450 color: #0F0F0F;
451 background: #9AF4BE;
452 }
453
454 .copied-share-button {
455 background-color: #8B1D41;
456 border: none;
457 border-radius: 0;
458 color: rgba(255,255,255,0.95);
459 cursor: pointer;
460 padding: 7px 10px 9px;
461 font-family: Whitney-Medium-Pro,Arial,Helvetica,sans-serif;
462 text-decoration: none;
463 transition: background-color .2s ease-in, border-color .2s ease-in, color .2s ease-in;
464 letter-spacing: .5px;
465 /*float: left;
466 width: 90px; */
467 /*text-transform: capitalize;*/
468
469 }
470 .copied-button &:not(:disabled):not(.disabled):active:focus, &:focus {
471 outline: -webkit-focus-ring-color auto 1px;
472 }
473 .copied-button.copied {
474 background-color: #8b1d41;
475 border-color: #8b1d41;
476 color:#fff;
477 float:right;
478 padding: 7px 14px 9px;
479 }
480 .copy-button:focus {
481 /*outline: 0;*/
482 }
483 .podcast-embed-section {
484 padding: 20px;
485 }
486 .iframe-text.copied {
487 background: #9AF4BE;
488 }
489 .share-icon {
490 height: 45px;
491 align-items: center;
492 display: flex;
493 justify-content: center;
494 }
495 @media screen and (min-width: 550px) {
496 .share-icon {
497 height: 68px;
498 }
499
500 }
501
502 @media screen and (min-width: 360px ) and (max-width:767px) {
503
504 .copy-button {
505 margin-right:-15px;
506 }
507 }
508
509 .share-icon svg {
510 width: 24px;
511 fill: #fff;
512 }
513
514 .podcast-feature div {
515 padding-top: 2px;
516 padding-bottom: 2px;
517 border-bottom: 1px solid #E5E5E5;
518 }
519 .podcast-feature img{
520 float:right;
521 }
522 .video-time {
523 width: 90px;
524 background: #F7F7F7;
525 border: solid 1px #CFCFCF;
526 border-radius: 2px;
527 color: rgba(15,15,15,0.8);
528 padding: 5px 12px;
529 margin-left: 10px;
530 }
531 .video-time:focus {
532 border-color: #669DFF;
533 outline: 0;
534 }
535 .contributer-list {
536 border-top: 1px solid rgba(15, 15, 15, 0.1);
537 }
538 .podcast-video-modal .modal {
539 display: none;
540 }
541
542 .podcast-video-modal .modal-dialog {
543 max-width: 850px;
544 margin: 30px auto;
545 position: relative;
546 }
547 .podcast-share-icon {
548 position: absolute;
549 right: 0;
550 top: 40%;
551 }
552 .podcast-embed-icon {
553 position: absolute;
554 right: 0;
555 top: 50%;
556 }
557 .episode-note a:hover {
558 color: #c41f3e;
559 }
560 .episode-note a {
561 text-decoration: underline;
562 }
563 .twitter-podcast-share {
564 background-image: url(/o/innovation-banking-theme/images/Insights/twitter-podcast-share.svg);
565 width: 25px;
566 height: 25px;
567 }
568 .linkedin-podcast-share {
569 background-image: url(/o/innovation-banking-theme/images/Insights/linkedin-podcast-share.svg);
570 width: 25px;
571 height: 25px;
572 }
573 .facebook-podcast-share {
574 background-image: url(/o/innovation-banking-theme/images/Insights/facebook-podcast-share.svg);
575 width: 25px;
576 height: 25px;
577 }
578 .email-podcast-share {
579 background-image: url(/o/innovation-banking-theme/images/Insights/email-podcast-share.svg);
580 width: 25px;
581 height: 25px;
582 }
583 .contributer-list p {
584 margin: 0;
585 }
586 .has-control-menu .lfr-asset-anchor{
587 height: 10px;
588 margin-top: -10px;
589 }
590
591 .podcast-detail-section h2, .podcast-detail-section h3, .podcast-detail-section h4 {
592 color: #383B3E;
593 padding-top: 0;
594 padding-bottom: 0;
595 }
596 .podcast-detail-section h4 {
597 font-size: 16px;
598 font-weight: bolder;
599 }
600 .header-title{
601 white-space: initial!important;
602 }
603 .copy-embed-div {
604 margin-bottom: 40px;
605 }
606 .close{
607 opacity:1;
608 color: #212529;
609 }
610 .share-container {
611 padding-right: 15px;
612 padding-left: 15px;
613 }
614 .podcast-play-link {
615 margin-left: 15px;
616 }
617
618
619 .youtube-notification {
620 position: absolute;
621 text-align: center;
622 width: 100%;
623 padding: 0 20px 0 20px
624 }
625
626 .youtubeVideoEmbed {
627 position: relative;
628 padding-bottom: 56.25%;
629 height: 0
630 }
631
632 .youtubeVideoEmbed iframe {
633 position: absolute;
634 top: 0;
635 left: 0;
636 width: 100%;
637 height: 100%
638 }
639
640 .youtubeVideoEmbed .youtube-notification img,.videoWrapper .youtube-notification img {
641 height: 64px;
642 width: 64px
643 }
644
645 .youtubeVideoEmbed .youtube-notification span,.videoWrapper .youtube-notification span {
646 margin: 20px 0 20px 0
647 }
648
649 .youtubeVideoEmbed.youtube-notification-min-height {
650 border: 1px solid var(--Border-border-decorative,#bbbcbc)
651 }
652
653
654 @media only screen and (max-width: 767px) {
655 .youtubeVideoEmbed .youtube-notification {
656 text-align:center;
657 position: initial;
658 padding-top: 50px;
659 }
660
661 .youtubeVideoEmbed.youtube-notification-min-height {
662 min-height: 363px;
663 padding: 8px 8px 0 8px
664 }
665
666 .youtubeVideoEmbed.youtube-notification-min-height {
667 padding: 0px 0px 0px 0px
668 }
669 }
670
671 @media only screen and (min-width: 768px) {
672 .youtubeVideoEmbed .youtube-notification {
673 position: absolute;
674 left: 50%;
675 top: 52%;
676 transform: translate(-50%, -50%);
677 text-align: center;
678 width: 490px;
679 padding: 0 20px 0 20px;
680 }
681 }
682
683</style>
Press Releases
