Source: dist/css/virtual_boot.css, line 14027
14.6.8 On Demand
Description: When the count of sessions is lower then 10 in count, the Simple Design is recommended the difference between live and on demand.
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/virtual_boot.css, line 14027
Description: When the count of sessions is lower then 10 in count, the Simple Design is recommended the difference between live and on demand.
<article class="br-t_3 br_primary-2 br_radius br_solid c_black font_0 m-b_4 shadow_overlap-light">
<div class="br-tl_radius br-tr_radius br_1 br_black-3 br_solid flex flex_column font_ui m-t_n2 relative shadow_2">
<div class="br-b_1 br_primary-2 br_solid">
<!-- <div class="font_n3 p_2 uppercase bg_primary-2 p-x_4 m-x_4 inline-block br-br_radius br-bl_radius c_white font_bold self_start ">
<ul class="ul_inline-pipe">
<li>Navigating Health Care Economics</li>
<li>Category Tag</li>
</ul>
</div> -->
<div class="p_4 p-b_2 flex flex_column flex_row:lg">
<h3 class="font_display m-b_3 lh_2 c_primary-n2 font-size_up-2 p-r_4:lg">
<span class="block c_black-6 uppercase font_bold font-size_down-1"> Session I: Evolving New Frontiers of Imaging Ready for Practice</span><span class="block font-size_up-1 font_display lh_1">New York Cardiovascular Symposium 2021 Welcome Video and Introduction of session and Faculty by Dr. Itchhaporia </span><span class="block c_black font-size_down-1 font_ui lh_3 opacity_7">Dipti Itchhaporia, MD, FACC (Chair)</span>
</h3>
<div class="flex_grow m-l_auto:lg">
<div class="flex flex_column-reverse flex_row-reverse:lg flex_wrap gap-x_3 gap-y_3 p-y_3 p-y_0:lg justify_start">
<a href="#" class="btn btn-primary h:bg_secondary-n3 z_5">Watch </a>
<a href="#" class="btn btn-secondary z_5 a:bg_alert h:bg_alert-n3 { active }"><i class="fas fa-heart c_white"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="c_black flex flex_wrap font_n2 justify_start p_3 br-br_radius br-bl_radius bg_black-2 br_solid br_1 br-t_0 br_black-3">
<div class="flex_auto">
<a href="#modal-extra" class="block h:underline uppercase font_bold" data-remote="https://disclosures.acc.org/Public/AnnualMeetingAppConsol?pid=14617" data-toggle="modal" data-target="#modal-disclosures"><i class="far fa-paperclip"></i> Attachments</a>
</div>
<div class="flex_grow uppercase m-l_auto">
<ul class="ul_none font_n2 text_right">
<li class="inline-block lh_0 p-l_3">
<span class="bg_CME br_1 br_black-3 br_circle br_solid inline-block m-r_1" style=" height: 1em; width: 1em;"> </span> cme
</li>
<li class="inline-block lh_0 p-l_3">
<span class="bg_CNE br_1 br_black-3 br_circle br_solid inline-block m-r_1" style=" height: 1em; width: 1em;"> </span> cne
</li>
<li class="inline-block lh_0 p-l_3">
<span class="bg_MOCIV br_1 br_black-3 br_circle br_solid inline-block m-r_1" style=" height: 1em; width: 1em;"> </span> moc
</li>
<li class="inline-block lh_0 p-l_3">
<span class="bg_AAPA br_1 br_black-3 br_circle br_solid inline-block m-r_1" style=" height: 1em; width: 1em;"> </span> aapa
</li>
<li class="inline-block lh_0 p-l_3">
<span class="bg_ECME br_1 br_black-3 br_circle br_solid inline-block m-r_1" style=" height: 1em; width: 1em;"> </span> ecme
</li>
</ul>
</div>
</div>
</article>