body, p, div, li, ul { margin: 0px; padding: 0px; }
h1, h2, h3 { margin: 0px; padding: 0px; font-family: 'Oswald', sans-serif; }

p, a, div, span { font-family: arial, sans-serif; color: #222; }

.clearMe { clear: both; }
.no_padding_right { padding-right: 0px !important; }
.no_border { border: none !important; }

.up_change { color: green; }
.down_change { color: red; }
.no_change { color: #777; }



/* #everything_wrap { width: 94%; margin-left: auto; margin-right: 3%; } */


/* ----- LINKS ----- */


/*
.std_offsite_link { text-decoration: none; cursor: pointer; }
.std_offsite_link:link { color: steelblue; text-decoration: none; }
.std_offsite_link:visited { color: steelblue; text-decoration: none; }
.std_offsite_link:hover { color: orange; text-decoration: none; }
.std_offsite_link:active { color: steelblue; text-decoration: none; }
     

.std_offsite_link_darkbg { text-decoration: underline; cursor: pointer; }
.std_offsite_link_darkbg:link { color: #DDD; text-decoration: underline; }
.std_offsite_link_darkbg:visited { color: #DDD; text-decoration: underline; }
.std_offsite_link_darkbg:hover { color: orange; text-decoration: underline; }
.std_offsite_link_darkbg:active { color: #DDD; text-decoration: underline; }
*/



/* deprecated */
.onsite_story_link { cursor: pointer; color: #333; text-decoration: none; }

.onsite_story_link:link { cursor: pointer; color: #333; text-decoration: none; }
.onsite_story_link:visited { cursor: pointer; color: #333; text-decoration: none; }
.onsite_story_link:hover { cursor: pointer; color: #333; text-decoration: underline; }
.onsite_story_link:active { cursor: pointer; color: #333; text-decoration: none; }

.std_story_link { text-decoration: none; color: steelblue; font-size: 0.9em; }
.std_story_link:link { text-decoration: none; color: steelblue; }
.std_story_link:visited { text-decoration: none; color: steelblue; }
.std_story_link:hover { text-decoration: none; color: orange; }
.std_story_link:active { text-decoration: none; color: steelblue; }





/* ---------- Active Set of Links --------- */


.std_offsite_link { text-decoration: none; color: #ED950A; cursor: pointer; }
.std_offsite_link:link { text-decoration: none; color: #ED950A; }
.std_offsite_link:visited { text-decoration: none; color: #ED950A; }
.std_offsite_link:hover { text-decoration: none; color: steelblue; }
.std_offsite_link:active { text-decoration: none; color: #ED950A; }
     

.std_offsite_link_darkbg { text-decoration: none; color: #ED950A; cursor: pointer; }
.std_offsite_link_darkbg:link { text-decoration: none; color: #ED950A; }
.std_offsite_link_darkbg:visited { text-decoration: none; color: #ED950A; }
.std_offsite_link_darkbg:hover { text-decoration: none; color: steelblue; }
.std_offsite_link_darkbg:active { text-decoration: none; color: #ED950A; }


.std_onsite_link { text-decoration: none; color: #ED950A; }
.std_onsite_link:link { text-decoration: none; color: #ED950A; }
.std_onsite_link:visited { text-decoration: none; color: #ED950A; }
.std_onsite_link:hover { text-decoration: none; color: steelblue; }
.std_onsite_link:active { text-decoration: none; color: #ED950A; }


.std_table_link { text-decoration: none; color: #e46917; }
.std_table_link:link { text-decoration: none; color: #e46917; }
.std_table_link:visited { text-decoration: none; color: #e46917; }
.std_table_link:hover { text-decoration: none; color: steelblue; }
.std_table_link:active { text-decoration: none; color: #e46917; }


.sidebar_libitem_link { text-decoration: underline; color: black; font-size: 0.9em; }
.sidebar_libitem_link:link { text-decoration: underline; color: black; }
.sidebar_libitem_link:visited { text-decoration: underline; color: black; }
.sidebar_libitem_link:hover { text-decoration: underline; color: #ED950A; }
.sidebar_libitem_link:active { text-decoration: underline; color: steelblue; }



.qbi_chart_link_area { 
    cursor: pointer;
    font-size: 0.8em;
}


#main_footer {
    margin-top: 50px;
}



.page_top {
    margin-bottom: 40px;
}
.page_heading { font-size: 1.5em; color: #333; font-weight: bold; padding: 10px 0px 10px 0px;}
.page_descr { font-size: 1.0em; color: #555; font-weight: normal; }

.page_subheading { font-size: 1.2em; color: #333; font-weight: normal; }
.page_section_descr { font-size: 1.0em; color: #444; font-weight: normal; }

.std_item { margin-top: 10px; }



/* -------- Headnigs --------------- */


.std_heading_area {
    position: relative; z-index: 10;
    margin-bottom: 27px; 
}
.std_heading_accent_bar {
    background-color: #FFC75B;
    height: 10px; width: 50%;
    margin-top: 0.8%; margin-bottom: auto;
    position: absolute; top: 0px; left: 0px;
    z-index: 20;
}
.std_heading_text_wrap {
    position: absolute; top: 0px; left: 0px;
    z-index: 30;
}
.std_heading_text {
    margin: 0px 0px 0px 10px; padding: 0px 5px 0px 3px;
    background-color: white;
}

/* need slight diff parameters for headings that go above the main content section vs headings in sidebars */
.main_content_heading_bar {
    width: 100%;
}
.main_contain_heading_text_wrap {
    margin-top: -8px;
}
.main_content_heading_block { 
    background-color: white;
    padding: 20px 20px 12px 20px;
    padding: 0px; margin-top: -17px; margin-bottom: 87px;
}

.main_content_headline_text {
    text-align: left;
}
.main_content_headline_subtext {  
    font-size: 0.9em; margin: 0px 0px 0px 3px; text-align: left; 
}



/* --------- Quotes ------------- */

.quotes_area { margin-bottom: 40px; min-height: 150px; background-color: #FFC75B; }
.quote_item {
    padding: 30px 30px 20px 30px;
}
.qi_text_area {

}
.qi_text { 
    font-size: 1.2em;
    color: #444;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 10px;
}
.qi_ref_area {

}
.qi_ref_text {
    font-size: 0.9em; font-weight: normal; color: #222;
}
.active_quote_item { display: block; }
.inactive_quote_item { display: none; }

/* --------- Stories ------------- */



#story_feed_headline {
    text-align: left;
}
#story_feed_subtext {  
    font-size: 0.9em; margin: 0px 0px 0px 3px; text-align: left; 
}

    
.story_title_area {
    padding: 10px 0px 8px 0px;
    clear: both;
}
.story_title {
    font-size: 1.3em; font-weight: bold; padding: 0px; margin: 0px;
    /* text-transform: uppercase; */
}

.story_title a { text-decoration: none; color: #222; cursor: pointer; }
.story_title a:link { text-decoration: none; color: #222; cursor: pointer; }
.story_title a:visited { text-decoration: none; color: #222; cursor: pointer; }
.story_title a:hover { text-decoration: none; color: #FFC75B; cursor: pointer; }
.story_title a:active { text-decoration: none; color: orange; cursor: pointer; }

.story_body_area {
    margin-bottom: 30px;
}
.story_body_area p {
    color: #333;
    font-size: 0.9em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-weight: 400;
    line-height: 22.5px;
    white-space: pre-wrap;
}
.story_commentary_area {
    border-top: 1px solid #EEE;
    padding: 20px 0px 10px 0px;
}
.story_commentary_area p {
    color: #050505;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-weight: 400;
    line-height: 22.5px;
    white-space: pre-wrap;
    font-size: 0.9em;
}
.story_commentary_area ul li {     
    font-size: 0.9em;
}

.story_quote {
    margin: 10px 0px 10px 20px;
    padding: 15px 40px 15px 20px;
    border-left: 1px solid #EEE;
}

.sc_tldr_tag {
    width: 40px;
    background-color: #e46917;
    padding: 2px 7px 2px 7px; border-radius: 3px;
    margin-bottom: 15px;
    text-align: center; font-weight: bold;
    font-size: 0.9em;
    margin-right: 10px;
    color: white !important;
}
.sc_tldr_content {
    padding: 0px 10px 0px 10px;
    font-size: 0.9em;
    text-align: left;
}

.sh_time_ago {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: 0.9em; color: #777;
    line-height: 1;
}
.story_meta_area {
    float: left;
    line-height: 1;
}
.story_meta_area p { line-height: 1; }
.story_source_label {
    font-size: 0.8em; color: #333;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}

.story_submitted_by {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: 0.7em; color: #333;
    width: 100%; text-align: right;
}
.story_submitted_by_label {
    color: #333;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}

.story_submitted_by_url { color: steelblue; font-weight: bold; font-size: 0.9em; text-decoration: none; }
.story_submitted_by_url:link { color: steelblue; text-decoration: none; }
.story_submitted_by_url:visited { color: steelblue; text-decoration: none; }
.story_submitted_by_url:hover { color: orange; text-decoration: none; }
.story_submitted_by_url:active { color: steelblue; text-decoration: none; }

.story_source_link { text-transform: uppercase; text-decoration: none; color: #ED950A; font-weight: bold; font-size: 0.9em;}
.story_source_link:link { text-decoration: none; color: #ED950A; }
.story_source_link:visited { text-decoration: none; color: #ED950A; }
.story_source_link:hover { text-decoration: none; color: steelblue; }
.story_source_link:active { text-decoration: none; color: #ED950A; }


.story_img_wrap { margin-top: 12px; margin-bottom: 6px; text-align: left; }
.story_img_std { max-width: 560px; width: 95%; }





/* --------- Graphic Data Items -------------- */

.graphic_data_item { border: 1px solid #DDD; border-radius: 3px; padding: 15px; width: 100%; margin-bottom: 30px; }
.gdi_content { width: 100%; }
.gdi_title { margin-bottom: 15px; }
.gdi_chart { margin-bottom: 25px; }
.gdi_chart_label {
    /*
    background-color: #e46917; color: white; padding: 0px;
    float: left; width: 18%; text-align: center;
    font-size: 0.9em; font-weight: bold;
    padding: 6px 2px 6px 2px;
    */
    float: left; width: 21%; padding-top: 10px;
    color: #555; font-weight: bold; font-size: 0.9em;
}
.gdi_item_header {
    font-size: 0.9em; font-weight: bold;
}
.gdi_item_descr {
    padding-top: 4px;
    font-size: 0.8em; font-weight: normal;
    color: #666;
}
.gdi_content { width: 100%; }
.gdi_chart_content  {
    width: 75%; float: right;
    padding: 0px;
}
.gdi_chart_blurb {
    font-size: 0.8em; color: #555;
}


.item_submit_heading {
    font-size: 0.9em; font-weight: bold;
    width: 62%;
    float: left;
}
.item_submit_button {
    margin-top: 5px;
    border: 1px solid #DDD;
    width: 32%;
    padding: 4px 0px 4px 0px;
    text-align: center;
    color: white; font-size: 0.8em; font-weight: bold; background-color: #e46917;
    cursor: pointer;
    float: right;
}
.item_submit_button:hover {
    background-color: #002048;
}



/* ------------ library items ----------------- */

#li_reaction_set {
    margin-top: 15px;
    width: 100%;
}

#li_reaction_set .re_def {}
#li_reaction_set .re_def_render_area { width: 100%; }

#li_reaction_set .re_def_title { width: 55%; text-align: right;  }
#li_reaction_set .re_def_interaction_area { width: 43%; text-align: left;  }



/* Reaction Engine Overrides */

.re_single_button_render_area {
    width: 100% !important;
}
.re_sb_defv_content {
    width: 100% !important;
}
.re_wgt_single_button {
    margin-right: 10px;
}


/* library table (and search results) */

.zebra_even { background-color: #FFF; }
.zebra_odd { background-color: #FBFBFB; }

.lit_item { float: left; font-size: 0.9em; color: #333; padding: 0px 5px 0px 0px; }

.lit_header_item { font-weight: bold; text-align: left; }
.lit_normal_item { text-align: left; }

#libitems_table { width: 100%; }

#lit_header { width: 100%; height: 32px; padding: 10px 0px 10px 0px; }
#lit_items { width: 100%; }
.lit_item_row { 
    width: 100%; min-height: 60px;
    padding: 8px 0px 5px 0px; 
    border-top: 1px solid #EEE; 
}

.lit_icon { width: 5.0%; padding-left: 0.7%; padding-right: 0.8%; }
.lit_pub_date { width: 10.5%; padding-right: 5px; font-size: 0.8em; }
.lit_title { width: 42%; }
.lit_author { width: 20%; }
.lit_topic { width: 12%; }
.lit_medium { width: 12%; }
.lit_pub_price { width: 10%; text-align: right; padding-right: 8px; }

.list_item_count_bottom {
    width: 100%; text-align: right;
    font-size: 0.8em;
    padding: 10px 10px 10px 0px;
}



/* --------------- library sidebar ---------------- */

#nation_money_supplies_table { width: 100%; }
#nation_money_supplies_table table { width: 100%; }

.user_stat_label { padding-right: 10px; }


.gdi_chart_img { border: 1px solid #DDD; }
.gdi_read_more { cursor: pointer; font-size: 0.8em; text-decoration: none; color: steelblue; }
.gdi_read_more a { text-decoration: none; color: steelblue; }
.gdi_read_more a:link { text-decoration: none; color: steelblue; }
.gdi_read_more a:visited { text-decoration: none; color: steelblue; }
.gdi_read_more a:hover { text-decoration: none; color: orange; }
.gdi_read_more a:active { text-decoration: none; color: steelblue; }

.inv_case_descr { font-size: 0.9em; color: #444; font-weight: normal; }

.libr_meta_wrap p { color: #DDD; }
.inv_case_item { margin-bottom: 7px; }
.inv_case_author {
    font-size: 0.9em; color: #444; font-weight: normal;
    text-transform: uppercase;
}
.inv_case_date {
    font-size: 0.9em; color: #444; font-weight: normal;
}

#g_sidebar_heading { font-size: 1.4em; margin: 0px 0px 30px 0px; padding: 0px; width: 100%; text-align: center; }

.lib_rollup_section {
    margin-top: 14px;
}


.libr_section_header_area { padding-bottom: 1px; }
.libr_section_header { font-size: 1.0em; font-weight: bold; }
.libr_section_sub_heading_area { padding-left: 10px; }
.libr_section_sub_heading { font-size: 0.9em; }

.libr_items { margin-bottom: 40px; }

.libr_item_list {
    margin-top: 10px;
    margin-left: 30px;
}
.libr_item_li {
    margin-top: 15px;
}
.libr_meta_wrap { }
.libr_link_wrap { margin-top: -5px; }




/* ------------ Home v2 ----------------- */

.std_chart_descr_area { display: none; } /* this has to get overriden on charts page */

#why_btc {
    padding: 15px; font-size: 0.9em;
}

/* table stuff */

.asset_comparison_table {
    border: 1px solid #AAA;
    padding: 15px 0px 0px 0px;
    background-color: white;
}

.act_header_row {  }
.act_data_row {
    /*
    padding-top: 2px;
    padding-bottom: 2px;
    */
}

.asset_comparison_table .zebra_even { background-color: #FFF; }
.asset_comparison_table .zebra_odd { background-color: #FCFCFC; }


.act_table_title p { width: 100%; text-align: center; }
.act_table_meta p { font-size: 0.8em; width: 100%; margin-top: -15px; margin-bottom: 10px; padding: 0px 0px 15px 0px; text-align: center; }

.act_header_row { margin-bottom: 8px; }
.act_header_item { font-weight: bold; }

.act_item { 
    float: left; 
    
}

.act_item p { 
    font-size: 0.7em; text-align: right; 
    border-right: 1px solid #DDD; 
    padding: 2px 4px 2px 0px;
}

.act_name { width: 10%; font-weight: bold;}
.act_marketcap { width: 9%; }
.act_price { width: 8.5%; }
.act_trading_vol_24hr { width: 8.5%; }
.act_inflation_1yr { width: 8.5%; }
.act_inflation_10yr { width: 8.75%; }
.act_percent_supply_issued { width: 8%; }

.act_roi_item { width: 11.5%; }
.act_volatility_item { width: 8%; }
.act_sharpe_item { width: 7.5%; }

.act_normal_perf p {}

.act_best_perf p:before {
    content: "✔️";
}
/*
.act_best_perf p {
    color: green; font-weight: bold;
    font-size: 0.8em;
}
*/

.act_sharpe_5yr p { border-right: none !important; }


#ast_table_label { font-weight: bold; margin-bottom: 15px; }

.act_watermark {
    padding: 3px 5px 2px 0px;
    width: 100%; 
}

.act_watermark p {
    text-align: right; width: 100%; 
    font-size: 0.7em; color: #777;
}



.home_panel_heading {
    padding: 0px 20px 15px 15px;

}
.hph_wrap {
    position: relative; z-index: 1;
    padding-left: 0px;
}
.hph_bg {
    position: absolute; top: 7px; left: 5px;
    width: 100%; height: 13px;
    background-color: #AAA;
    z-index: 2;
}
.hph_title_area {
    z-index: 3;
    position: relative;
}
.hph_title {
    font-size: 1.2em;
    display: inline-block;
    padding-right: 10px;
    background-color: #FAFAFA;
    font-weight: bold;

}

.hph_button_area {
    background-color: #FAFAFA;
    position: absolute; top: 0px; right: -5px;
    z-index: 4;
    padding-left: 4px;
}
.hph_button_title:hover {
    cursor: pointer;
    background-color: #ffc75b;
    color: black;
    border: 1px solid #EEE;
}
.hph_button_title {
    margin-left: 7px;
    display: inline-block;
    padding: 2px 18px 2px 18px;
    font-size: 0.8em;
    border: 1px solid #555;
    color: white;
    background-color: #555;
    border-radius: 10px;
}

#ast_descr {
    padding: 0px 0px 10px 0px;
    font-size: 0.8em;
}

.std_home_row {
    margin-top: 30px;
}

.act_table_title p {
    font-size: 1.1em;
    padding-bottom: 15px;
}

#stories_headlines_wrap {
    border: 1px solid #CCC;
    background-color: white;
    padding: 17px 10px 8px 10px;
}

.story_block {
    /* box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12); 
    border-radius: 4px;*/
    border: 1px solid #CCC;
    background-color: white;
    padding: 17px 17px 12px 10px;
}

#shw_title p {
    font-weight: bold;
    margin-bottom: 25px;
    padding-left: 10px;
}


/*
<div id="story_num_1" class="story_snippet row">    
    <div class="col-12">        
        <div class="ss_title_area">
            <p class="ss_title">
                <a href="/story/sky-bridge-and-nydig-say-institutional-crypto-interest-focused" class="std_onsite_link">Sky Bridge and NYDIG Say Institutional Crypto Interest Focused Fully on BTC</a>
            </p>
        </div>        
        <div class="ss_meta_area">
            <a class="ss_source_link" href="https://twitter.com/Scaramucci/status/1350921538762137601" target="_blank">Anthony Scaramucci</a> - 2 days ago
        </div>  
    </div>
</div>
*/


.ss_meta_area {
    padding: 0px 10px 12px 10px;
    border-bottom: 1px solid #AAA;
    margin-bottom: 12px;   
    font-size: 0.8em; 
}

.ss_title_area {
    padding: 0px 10px 0px 10px;
}

.ss_title { font-size: 0.9em; }

#ss_see_all_link p {
    margin-top: -10px;
    width: 100%; text-align: center;
}

#library_cta {
    border: 5px solid #FFC75B;
    width: 100%;
    padding: 20px 20px 20px 20px;
    text-align: center;
}

#more_stories_link p { width: 100%; text-align: center; margin-top: -15px; margin-bottom: 10px; }


 .crit_short_area {
    padding-bottom: 15px;
}
.cr_title p { font-size: 0.7em; }

.cr_crit_short {
    padding-top: 10px;
    line-height: 1.0em;
}
.cr_rebuttal_short {
    padding-top: 10px;
    line-height: 1.0em;
}

.cr_crit_short_label { 
    font-size: 0.9em; 
    font-weight: bold; 
}
.cr_crit_short_text { 
    font-size: 0.8em; 
}

.crit_subitem_abstract {
    display: inline-block;
    font-size: 0.9em;
    padding-left: 15px; padding-right: 15px;
}


.std_panel_wrap {
    border: 1px solid #DDD;
    background-color: white;
    padding: 15px 15px 5px 15px;
}
/*
#rand_crit_wrap {
    border: 1px solid #AAA;
    background-color: white;
    padding: 15px 15px 5px 15px;
}
*/
.mmv_panel_wrap { height: 100%; }
.sub_panel_button_wrap {
    margin-top: 5px;
    height: 30px;
}
.sub_panel_button {
    float: right;

    padding: 2px 15px 2px 15px;
    font-size: 0.7em;
    border: 1px solid #555;
    color: white;
    background-color: #555;
    border-radius: 10px;        
}

.sub_panel_button:hover {
    cursor: pointer;
    background-color: #ffc75b;
    color: black;
    border: 1px solid #EEE;
}

.tpi_img_wrap { width: 100%; }
.tpi_img_wrap img { width: 100%; }
.tpi_headline_wrap { width: 100%; }
.tpi_headline_wrap p { padding-top: 10px; }

.mmv_panel_item { margin-bottom: 20px; }

.mmvpi_img_area { width: 100%; }
.mmvpi_img_area img { width: 100%; }

.mmvpi_meta {  }
.mmvpi_name { font-size: 0.9em; font-weight: bold; }
.mmvpi_title { display: inline-block; font-size: 0.8em; color: #555; line-height: 1.3em; padding-bottom: 10px;}

.mmvpi_content { font-size: 0.8em; }

.mmvpi_content_meta { width: 100%; text-align: right; }
.mmvpi_date { color: #777; font-size: 0.7em; }