/* START LRKP CSS fixes */

/* COMPENDIUM IMPROVEMENTS */

/* START - New quote box implementation */
.text--quote-box {
    display: block !important;
    background-color: var(--compendium-quote-box-color, #FAF8EC) !important; /*Fallback: if the variable isn't declared, it'll default to pale yellow*/
    padding: 20px 25px 15px 25px !important;
    position: relative !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    border-radius: 0 !important;
    border-left: 1px solid !important;
    border-right: 1px solid !important;
    border-color: var(--compendium-quote-box-border, #620000) !important; /*Fallback: if the variable isn't declared, it'll default to dark red*/
    border-top: 0;
    border-bottom: 0;
    color: var(--theme-page-fg-color, #242527) !important;
    margin: 40px 0px !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
}
.text--quote-box::before {
    top: -4px !important;
}
.text--quote-box::before, .text--quote-box::after {
    content: '';
    border-radius: 50%;
    background-position: left !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 8px !important;
    width: 8px !important;
    left: -4px !important;
    position: absolute !important;
    background-color: var(--compendium-quote-box-corner, #620000);
}
.text--quote-box::after {
    bottom: -4px !important;
}
.text--quote-box p:first-of-type::before {
    top: -4px !important;
}
.text--quote-box p:first-of-type::before, .text--quote-box p:last-of-type::after {
    content: '';
    border-radius: 50%;
    background-position: right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 8px !important;
    width: 8px !important;
    right: -4px !important;
    position: absolute !important;
    background-color: var(--compendium-quote-box-corner, #620000);
}
.text--quote-box p:last-of-type::after {
    bottom: -4px !important;
}
.text--quote-box p:last-of-type {
    margin-bottom: 5px !important;
}
/* END - New quote box implementation */

/* START - New rules sidebar implementation */
.text--rules-sidebar {
    display: block !important;
    background-color: var(--compendium-rules-sidebar-color, #DAE4C1) !important; /*Fallback: if the variable isn't declared, it'll default to pale-green*/
    position: relative !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    margin: 30px 5px !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
    padding: 25px 28px 15px 30px !important;
    border-radius: 0 !important;
    border-top: 3px solid #231f20 !important;
    border-bottom: 3px solid #231f20 !important;
    border-left: 1.5px solid  #b3b3b3 !important;
    border-right: 1.5px solid  #b3b3b3 !important;
    color: var(--theme-page-fg-color, #242527) !important;
    filter: drop-shadow(0px 5px 8px #ccc);
}

.text--rules-sidebar p:first-of-type {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.text--rules-sidebar .action-tooltip, .text--rules-sidebar .condition-tooltip, .text--rules-sidebar .item-tooltip, .text--rules-sidebar .rule-tooltip, .text--rules-sidebar .sense-tooltip, .text--rules-sidebar .skill-tooltip, .text--rules-sidebar .weapon-properties-tooltip, .text--rules-sidebar .action-tooltip {
    color: #129b54 !important;
}

.text--rules-sidebar::before {
    top: -13px !important;
    right: 0.1px !important;
    left: 0.1px !important;
}

.text--rules-sidebar::before {
    content: '';
    background-image: url("https://media.dndbeyond.com/compendium-images/components/--right-rules.svg"),url("https://media.dndbeyond.com/compendium-images/components/--left-rules.svg") !important;
    background-position: left, right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 11px !important;
    position: absolute !important;
    z-index: -1;
}

.text--rules-sidebar::after {
    bottom: -13px !important;
    right: -0.1px !important;
    left: 0.1px !important;
}
.text--rules-sidebar::after {
    content: '';
    background-image: url("https://media.dndbeyond.com/compendium-images/components/--right-rules.svg"),url("https://media.dndbeyond.com/compendium-images/components/--left-rules.svg") !important;
    background-position: left, right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 11px !important;
    position: absolute !important;
    z-index: -1;
    transform: scaleY(-1);
}
/* END - New rules sidebar implementation */

/* START - Italicizes potion of healing specifically */
a.tooltip-hover.item-tooltip[href="/equipment/potion-of-healing"] {
    font-style: italic;
}
/* END - italicizes potion of healing specifically */

/* START - Turns the sidebar nested sections into variables */
.quick-menu .quick-menu-item-tier-3 {
  background-color: var(--compendium-sidebar-tier-3, #F5F5F5);
}
.quick-menu .quick-menu-item-tier-4 {
  background-color: var(--compendium-sidebar-tier-4, #EBEBEB);
}
.quick-menu .quick-menu-item-tier-5 {
  background-color: var(--compendium-sidebar-tier-5, #D9D9D9);
}
/* END - TURNS THE SIDEBAR NESTED SECTIONS INTO VARIABLES */

/* START - Makes the sidebar's hover color dark red */
.quick-menu-item .quick-menu-item-link:hover {
    color: #9F271D !important;
}
/* END - Makes the sidebar's hover color dark red */

/* START - Fixes padding issues with tier 5 of sidebar  */
.quick-menu.quick-menu-tier-5 li .quick-menu-item-link {
    padding: 8px 8px 6px 60px;
}
.quick-menu-item-tier-4.quick-menu-item-opened .quick-menu-item-link {
    padding-bottom: 6px;
}
/* END - Fixes padding issues with tier 5 of sidebar */

/* START - Adds flex-center class to center items in a flex-box */
.flexible-double-column.flex-center, .flexible-triple-column.flex-center {
    align-items: center;
}
/* END - Adds flex-center class to center items in a flex-box */

/* START - Adds flex-bottom class to align items to the bottom in a flex-box */
.flexible-double-column.flex-bottom, .flexible-triple-column.flex-bottom {
    align-items: flex-end;
}
/* END - Adds flex-bottom class to align items to the bottom in a flex-box */

/* START - Removes <br> tags from Figcaptions at lower resolutions */
@media (max-width: 457px) {
    figcaption br {
        display: none !important;
    }
}
/* END - Removes <br> tags from Figcaptions at lower resolutions */

/* START - Styles the double-div for the credits */
.flexible-double-column.hangingIndent {
    margin-bottom: 45px !important;
}
.body-page .p-article-a .p-article-content .flexible-double-column.hangingIndent h2, .body-page .p-article-a .p-article-content .flexible-double-column.hangingIndent h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
}
.body-page .p-article-a .p-article-content .flexible-double-column.hangingIndent h2::after, .body-page .p-article-a .p-article-content .flexible-double-column.hangingIndent h3::after {
    content: none;
}
/* END - Styles the double-div for the credits

/* TABLE FEATURES */

/* START - Minor tweak to table heading size */
.body-page .p-article-a .p-article-content table thead tr th {
    padding: 12px 20px !important;
}
/* END - Minor tweak to table heading size */

/* START - Trims table line-height a little */
.body-page .p-article-a .p-article-content table {
    line-height: 24px;
}
/* END - Trims table line-height a little */

/* START - Provides additional dice columns */
table.table--generic-dice-first th:first-child, table.table--generic-dice-first td:first-child,
table.table--generic-dice-col2 th:nth-child(2), table.table--generic-dice-col2 td:nth-child(2),
table.table--generic-dice-col3 th:nth-child(3), table.table--generic-dice-col3 td:nth-child(3),
table.table--generic-dice-col4 th:nth-child(4), table.table--generic-dice-col4 td:nth-child(4),
table.table--generic-dice-col5 th:nth-child(5), table.table--generic-dice-col5 td:nth-child(5),
table.table--generic-dice-last th:last-child, table.table--generic-dice-last td:last-child {
    width: 12% !important;
    font-weight: bold;
}
/* END - Provides additional dice columns */

/* START - Re-style headers when inside captions */
.body-page .p-article-a .p-article-content caption :is(h2, h3, h4, h5).compendium-hr,
.body-page .p-article-a .p-article-content caption :is(h2, h3, h4, h5).heading-anchor {
    font-size: 16px !important;
    font-weight: 700 !important;
}
.body-page .p-article-a .p-article-content caption :is(h2.compendium-hr, h2.heading-anchor, h3.compendium-hr, h3.heading-anchor)::after {
    content: none !important;
}
/* END - re-style headers when inside captions */

/* START - Adds option for 10% & 15% width table columns */
th.table-column-width--10pct {
    width: 10%;
}
th.table-column-width--15pct {
    width: 15%;
}
/* END - Adds option for 10% & 15% width table columns */

/* TABLE FIXES */

/* START - Fixes theme-table-header-bg-color & theme-table-header-fg-color not working */
.body-page .p-article-a .p-article-content table thead th {
    background: inherit;
    color: inherit;
}
/* END - fixes theme-table-header-bg-color & theme-table-header-fg-color not working */

/* START - Fixes the theme-table-bg-light variable not working */
.body-page .p-article-a .p-article-content table.table-compendium tbody tr:nth-child(2n) {
	background: var(--theme-table-row-bg-light, #FDFDFD);
}
/* END - Fixes the theme-table-bg-light variable not working */

/* COMPENDIUM STAT BLOCKS */

/* START - Makes tooltips within statblocks easier to read */
:is(.Basic-Text-Frame, .Basic-Text-Frame-2, .Basic-Text-Frame-3) :is(.action-tooltip, .condition-tooltip, .item-tooltip, .rule-tooltip, .sense-tooltip, .skill-tooltip, .weapon-properties-tooltip) {
    color: #0E8648 !important;
}
/* END -  Makes tooltips within statblocks easier to read */

/* START - Slight adjustments to better accommodate large scores within statblocks */
.stat-block-ability-scores-stat {
    padding: 10px 0px !important;
}
.stat-block-ability-scores-modifier {
    margin-left: 2px;
}
/* END - Slight adjustments to better accommodate large scores within statblocks */

/* START - Makes flex work nicely with vertical stat blocks */
.flexible-double-column :is(.Basic-Text-Frame-2, .Basic-Text-Frame-3) {
    float: none !important;
    margin-top: 10px !important;
    width: auto !important;
}
.flexible-double-column p :is(.Basic-Text-Frame-2, .Basic-Text-Frame-3) {
    float: none !important;
    margin-top: 20px !important;
    width: auto !important;
}
.flexible-double-column .Basic-Text-Frame {
    column-count: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}
/* END - Makes flex work nicely with vertical statblocks */

/* START - Adds space before proficiency bonus */
.Stat-Block-Styles_Stat-Block-Data-Last strong+strong {
    margin-left: 12px;
}
/* END - Adds space before proficiency bonus */

/* START - Adds bg color to stat block background */
.stat-block-background {
    background-color: #FEFCEF;
}
/* END - Adds bg color to stat block background */

/* START - Keeps any headers placed in the first line of a stat block intact */
.Basic-Text-Frame.stat-block-background :is(h2, h3, h4, h5).Stat-Block-Styles_Stat-Block-Title a {
  font-size: 18px !important;
}
.body-page .p-article-a .p-article-content .Basic-Text-Frame.stat-block-background h2.Stat-Block-Styles_Stat-Block-Title::after, .body-page .p-article-a .p-article-content .Basic-Text-Frame.stat-block-background h3.Stat-Block-Styles_Stat-Block-Title::after {
  content: none;
}
/* END - Keeps any headers placed in the first line of a stat block intact */

/* END LRKP CSS fixes */

/* MCv2 Claim Page */

.claim a.button,
.claim button[data-ga-click-event-tracking-label="source:mcv2"],
.claim button[data-ga-click-event-tracking-label="source:tg"],
.claim button[data-ga-click-event-tracking-label="source:prisoner-13"] {
    font-size: 18px !important;
    margin: 20px auto 0;
    padding: 0 20px;
}
.claim a.button,
.claim button[data-ga-click-event-tracking-label="source:mcv2"]:hover,
.claim button[data-ga-click-event-tracking-label="source:mcv2"]:active,
.claim button[data-ga-click-event-tracking-label="source:mcv2"]:focus,
.claim button[data-ga-click-event-tracking-label="source:tg"]:hover,
.claim button[data-ga-click-event-tracking-label="source:tg"]:active,
.claim button[data-ga-click-event-tracking-label="source:tg"]:focus,
.claim button[data-ga-click-event-tracking-label="source:prisoner-13"]:hover,
.claim button[data-ga-click-event-tracking-label="source:prisoner-13"]:active,
.claim button[data-ga-click-event-tracking-label="source:prisoner-13"]:focus {
    background: #0e7eca !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    font-size: 15px;
    font-weight: 700 !important;
}
.claim-secondary__content .book-cta {
    transition: transform 200ms,background 200ms;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.claim-secondary__content .book-cta:hover {
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.mcv2__claim p, .claim-secondary__content p {
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: normal !important;
}
a.button.button-claimed {
    background: #fff !important;
    border: none;
    text-shadow: none;
}
.claim-main__purchase-collected {
    text-align: center;
    margin-top: 12px !important;
}


/* Fix menu  */
button.toggle-party-time.mm-nav-item__label.mm-nav-item__label--link {
    height: inherit;
    width: inherit;
}

/* Dice Detail youtube video */
.body-newmarketplace-itemdetails-digital-dice .marketplace-item__description iframe {
    margin: 0 auto;
    display: flex;
    width: 100%;
    max-width: 640px;
}

/* Change Dice Rolling toggle from Alpha -> Beta */
.ddbc-popout-menu__item-dice-setting-info-dice:after {
    content: 'beta';
    background: #1B9AF0;
    color: #fff;
    padding: 0 5px;
    margin: 2px 10px;
    font-size: 11px;
    height: 15px;
}
.ddbc-popout-menu__item-dice-setting-info-alpha {
  display: none;
}
/** Dice temp fix **/
.ct-character-sheet--dice-enabled .ct-combat-mobile .integrated-dice__container:hover {
    color: #394b59;
}
.ct-character-sheet--dice-enabled .ct-combat-mobile .integrated-dice__container {
    color: #fff;
}
.babylonUnmuteIcon{
  z-index: 60000;
}
#noty_layout__bottomRight {
    z-index: 60001 !important;
}

/** gemstone temp icon fix **/
.list-row-icon .icon.equipment-gemstone {
    background-image: url('https://i.imgur.com/dwu8uXN.jpg');
}

/** Userback Feedback Styles  **/

.userback-comment .userback-comment-form button {
    background: #559aec;
    color: white;
}

@media(min-width: 800px) {
.userback-toolbar .userback-toolbar-tool-done {
border-radius: 0px !important;
width:100px !important;
background: #21b966 !important;
}

.userback-toolbar {
margin-top: 20px !important;
}

.userback-toolbar .userback-toolbar-tool-done:before {
    content: "SUBMIT";
    color: white;
    line-height: 34px;
    margin-left: 31px;

}

.userback-toolbar .userback-toolbar-tool-done svg {
display:none !important;
}
}

/** END Userback Feedback Styles  **/


.ddb-market-license-item-avatar { background-repeat: no-repeat; }

/** TEMP sidebar chrome scroll fix https://bugs.chromium.org/p/chromium/issues/detail?id=927066 **/
.ct-sidebar__pane {
    min-height: 0;
}
/** END sidebar chrome scroll fix **/

/** TEMP desktop navigation pop-in fix for legacy */
@media(min-width: 1232px) {
  #site-main nav.main {
    padding-left: 0 !important;
    padding-right: 0 !important;

    .b-list {
      padding-left: 0;
      padding-right: 0;
    }
  }
}

/** TEMP END desktop navigation pop-in fix for legacy */

body.responsive-enabled #site #site-main {
min-height: 100%;
}

.summoning-creatures-table td:nth-child(1), .compendium-left-aligned-table td:nth-child(1) {
    text-align: center !important;
}

/** TEMP new blockquote type for compendium content - needs to be added to compiled **/

blockquote.compendium-indented-callout-blockquote {
    background: transparent !important;
    font-size: 16px !important;
    border-left: 4px solid #e0dcdc !important;
    border-right: none !important;
    padding: 10px 20px !important;
    margin: 30px 0 !important;
}

blockquote.compendium-indented-callout-blockquote::before {
    content: none !important;
}

blockquote.compendium-indented-callout-blockquote::after {
    content: none !important;
}  

/** END TEMP new blockquote type **/

/* START -  table caption support for listings */
caption {
    display: table-caption !important;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 16px;
    font-family: Roboto, Helvetica, sans-serif;
    line-height: 1.3;
}
caption h3, caption h4, caption h5 {
    font-size: 16px !important;
    font-weight: 700 !important;
}
caption h3::after {
    content: none !important;
}
/* END - table caption support for listings */


/** TEMP remove "desktop view" button in mobile menu **/
.rs-link-to-desktop {
    display: none !important;
}
/** TEMP remove "desktop view" button in mobile menu **/


/** TEMP removing author bylines **/
.p-article .p-article-byline {
  display: none;
} 
.post .p-article-byline {
  display: block;
} 
/** end TEMP removing author bylines **/




/** TEMP fix for dumb marketplace message we've had since Day One **/

.body-marketplace-sourcedetails .ddb-market-digital-warning {
    display: none;
}

/** end TEMP fix for dumb **/



/** TEMP fix for plural tooltip spans **/

.plural-monster-tooltip {
    color: #bc0f0f !important;
    font-weight: bold !important;
}

.plural-spell-tooltip {
    color: #704cd9 !important;
    font-weight: bold !important;
    font-style: italic;
}

/** end TEMP plural tooltip fix **/


/** TEMP header size fix for compendium **/

h6 {
    font-size: 14px !important;
    font-weight: bold !important;
}

/** end TEMP header size fix **/


/** TEMP header size fix for listings **/

.more-info h4 {
    font-size: 16px;
}

/** end TEMP header size fix **/


.p-article-header > .user-actions { display: none; }

/** TEMP double column display **/
div.double-column { column-count: 2; }
/** end TEMP double column display **/


/** PERMANENT - Homepage Hero Image **/
.body-home-index #site-main::before {
    background-image: url(https://www.dndbeyond.com/attachments/10/725/ptb-new-web-image_.jpg);
    background-size: cover;
}
/** END PERMANENT - Homepage Hero Image **/





/* FIX - for spellcasting class table th's having too much padding based on defaults */
th.spell-level-column,
table.compendium-no-left-right-padding-table th {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* FIX - overriding article content table td's for the no left-right-padding tables to not have a minimum width */
.compendium-no-left-right-padding-table td {
    min-width: 0 !important;
}

/* DONE REMOVE - compendium article nav-select spacing on top... this is to do it a similar way as character details, but the correct way would be to increase padding-top on two column templates */
.p-article-a .nav-select {
    margin-top: 20px;
}

/* DONE fix top padding on create pages, remove when they have styles */
.body-rpgmagicitem-managemagicitemscopy #site #content {
    padding-top: 125px!important;
}

/* DONE fix forum buttons on ios, remove when style is moved to stylesheet */
.body-forum .b-userAction-a:not(.u-dropDownMenu) .b-userAction-item {
  vertical-align: top !important;
}


/* ==================================== */
/*  Survey Code, remove when done with survey */
/* =================================== */

.smcx-iframe-container iframe {
max-height: 1150px !important;
}

.p-comment-post[data-id="25962"] {
display:none;
}

.body-page .p-article-a .p-article-content table p {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0px;
}

.body-page .p-article-a .p-article-content table td {
padding-top: 8px;
padding-bottom: 8px;
}

.Core-Styles_Core-Body, .Boxed-Text-Style_Boxed-Text { 
margin-bottom: 12px !important;
}


.body-user #site input[type="radio"] {
-webkit-appearance: radio !important;
}

.body-home-index .site-interactions {
border-bottom-color: #bc0f0f;
}

/* FIX 2020-03-02 - for stat blocks appearing in spells in the sidebar of the character sheet */
div.ct-sidebar__pane-content .Basic-Text-Frame {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
}
/* force a linebreak before the ability score bonus */
div.ct-sidebar__pane-content .stat-block-ability-scores-modifier {
  display: block !important;
}
/* END FIX 2020-03-02 */

/* =========================== */
/*            Vanity Role Styles                     */
/* =========================== */
span.user-role-d-d-beyond-staff {
  color: #E40712 !important;
  padding-left: 16px;
  min-height: 16px;
  background: url(https://www.dndbeyond.com/attachments/0/12/ddbstaff.png) no-repeat left center;
}

span.user-role-d-d-staff {
  color: #7789C6 !important;
  padding-left: 16px;
  min-height: 16px;
  background: url(https://www.dndbeyond.com/attachments/0/22/dndstaff.png) no-repeat left center;
}

span.user-role-insider {
  color: #07aaff !important;
  padding-left: 16px;
  min-height: 16px;
  background: url(https://www.dndbeyond.com/attachments/0/11/ddbinsider.png) no-repeat left center;
}

span.user-role-moderator {
  color: #ff8502 !important;
  padding-left: 16px;
  min-height: 16px;
  background: url(https://www.dndbeyond.com/attachments/0/21/ddbmod.png) no-repeat left center;
}


/* =========================== */
/*            Vanity User Titles                     */
/* =========================== */

/* Adam Bradford */
div.j-comment[data-author-id="23611187"] .p-comment-statitem.forum-title {
    padding-left: 3.5em;
    text-decoration: overline;
    font-size: 14px;
    text-shadow: 0 0 3px #536A9C;
}

div.j-comment[data-author-id="23611187"] .p-comment-user-background {
background-image: url(https://media-waterdeep.cursecdn.com/attachments/0/79/bebackground.jpg) !important;
background-repeat: no-repeat !important;
}

/* Bullethawk */
div.j-comment[data-author-id="106022107"] .p-comment-statitem.forum-title {
font-size: 12px;
    color: #5d3b13;
    text-align:center;
    text-shadow: 0 0 4px #f89910;
}

/* molster */
div.j-comment[data-author-id="4371937"] .p-comment-statitem.forum-title {
font-size: 16px;
    color: #5d3b13;
    text-shadow: 0 0 7px #f89910;
}

div.j-comment[data-author-id="4371937"] .p-comment-user-background {
background-image: url(https://media-waterdeep.cursecdn.com/attachments/0/43/background.jpg) !important;
background-repeat: no-repeat !important;
}

/* Avi Samloff */
div.j-comment[data-author-id="15949613"] .p-comment-statitem.forum-title {
    cursor: default;
    color: #673150;
    text-transform: uppercase;
    justify-content: center;
}
div.j-comment[data-author-id="15949613"] .p-comment-user-background {
    background-image: url("http://i.imgur.com/KMbT0oP.jpg") !important;
    opacity: 0.2;
    background-position: center center !important;
}
@keyframes marquee {
    0%   { text-indent: 180px }
    100% { text-indent: -180px }
}

/* Benes */
div.j-comment[data-author-id="28667811"] .p-comment-statitem.forum-title {
    color: #3cd8fd;
    text-shadow: 1px 1px 0px #0081a0, 2px 2px 0px #018cad;
    transform: rotateZ(-2deg) translateY(-6px);
    font-size: 11px;
}

/* Caiazzo */
div.j-comment[data-author-id="25503598"] .p-comment-user-background {
background-image: url(https://media-waterdeep.cursecdn.com/avatars/thumbnails/13/142/315/315/636357409885255293.png) !important;
background-repeat: no-repeat !important;
opacity: 0.5;
}

/* Hartless */
div.j-comment[data-author-id="8500863"] .p-comment-statitem.forum-title {
text-shadow:1px 1px 3px rgba(0,0,0,1);
color:#E40812;
letter-spacing:2pt;
word-spacing:2pt;
font-size:14px;
text-align:center;
line-height:1;
}

div.j-comment[data-author-id="8500863"] .p-comment-user-background {
background-image: url(https://media-waterdeep.cursecdn.com/attachments/0/59/stevanus4.jpg) !important;
background-repeat: no-repeat !important;
}

/* Elliot */
div.j-comment[data-author-id="100022645"] .p-comment-user-background {
background-image: url(https://media-waterdeep.cursecdn.com/attachments/0/52/elliot_bg3.jpg) !important;
background-repeat: no-repeat !important;
}

/* Justin */
div.j-comment[data-author-id="100201484"] .p-comment-statitem.forum-title {
    justify-content: center;
}
div.j-comment[data-author-id="100201484"] .p-comment-statitem.forum-title:before, div.j-comment[data-author-id="100201484"] .p-comment-statitem.forum-title:after {
    transform: skewX(-10deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    background-image: linear-gradient(10deg, red, orange, cyan, blue, violet, purple);
}
div.j-comment[data-author-id="100201484"] .p-comment-statitem.forum-title:before {
    content: 'CSS';
}
div.j-comment[data-author-id="100201484"] .p-comment-statitem.forum-title:after {
    content: 'Wizard';
    background-position: 100%;
}

/* Lauren */
div.j-comment[data-author-id="100030730"] .p-comment-user-background {
  background-image: url(https://media-waterdeep.cursecdn.com/attachments/6/601/phoenix-concept-art.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-size: contain !important;
  opacity: 0.5;
}

/* Pat */
div.j-comment[data-author-id="100053269"] .p-comment-user-background {
  background-image: url(https://media-waterdeep.cursecdn.com/attachments/6/602/acererak.png) !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 100% auto !important;
  opacity: 0.5;
}

/* Exuperius / Jared */
div.j-comment[data-author-id="101888240"] .p-comment-user-background {
  background-image: url(https://media-waterdeep.cursecdn.com/attachments/9/382/jw-forum-bg-fade.png) !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 100% auto !important;
  opacity: 0.6;
}

/* Stormknight / Faith */
div.j-comment[data-author-id="100023662"] .p-comment-user-background {
  background-image: url(https://media-waterdeep.cursecdn.com/attachments/8/436/sk-forum-profile-bg2.png) !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 100% auto !important;
  opacity: 0.4;
}
div.j-comment[data-author-id="100023662"] .p-comment-statitem.forum-title {
  text-shadow:0px 0px 10px #fff;
  letter-spacing:1px;
  word-spacing:2pt;
  font-size:14px;
  line-height:1;
  margin-bottom:4px;
}

/* Timer / Adam Walton */
div.j-comment[data-author-id="100046438"] .p-comment-user-background {
    background-image: url(https://media-waterdeep.cursecdn.com/attachments/8/497/timer-forum-profile2.png) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: 100% auto !important;
    opacity: 0.3;
}
div.j-comment[data-author-id="100046438"] .p-comment-statitem.forum-title {
    text-shadow: 0px 0px 10px #fff;
    color: #E40812;
    padding-left: 1em;
    /*letter-spacing: 2px;*/
    word-spacing: 2pt;
    font-size: 12px;
    line-height: 1;
    /*margin-bottom: 4px;*/
}

/* GPyromania/Jay Jani */
div.j-comment[data-author-id="100005559"] .p-comment-user-background {
    background-image: url(https://media-waterdeep.cursecdn.com/attachments/8/996/gp-forum-profile.png) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: 100% auto !important;
    opacity: 0.6;
}
div.j-comment[data-author-id="100005559"] .p-comment-username {
  text-shadow: 0px 0px 4px #fff;
}
/* Thread Prefix */
.thread-prefix {
  display: inline-block !important;
  margin: 0px 0px 1px 0px !important;
}

.thread-prefix span.thread-prefix {
  background-color: #C98D0E;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 4px;
}

/* Generic Colors */
.thread-prefix span.red { background-color: #e51c23; }
.thread-prefix span.pink { background-color: #e91e63; }
.thread-prefix span.purple { background-color: #9c27b0; }
.thread-prefix span.deep-purple { background-color: #673ab7; }
.thread-prefix span.indigo { background-color: #3f51b5; }
.thread-prefix span.blue { background-color: #5677fc; }
.thread-prefix span.light-blue { background-color: #03a9f4; }
.thread-prefix span.cyan { background-color: #00bcd4; }
.thread-prefix span.teal { background-color: #009688; }
.thread-prefix span.green { background-color: #259b24; }
.thread-prefix span.light-green { background-color: #8bc34a; }
.thread-prefix span.lime { background-color: #cddc39; }
.thread-prefix span.yellow { background-color: #ffeb3b; }
.thread-prefix span.amber { background-color: #ffc107; }
.thread-prefix span.orange { background-color: #ff9800; }
.thread-prefix span.deep-orange { background-color: #ff5722; }
.thread-prefix span.brown { background-color: #795548; }
.thread-prefix span.grey { background-color: #9e9e9e; }
.thread-prefix span.blue-grey { background-color: #607d8b; }


.thread-prefix span.bug {
  background-color: #dd434b;
}

.thread-prefix span.resolved {
  background-color: #4f864f;
}

.thread-prefix span.request {
  background-color: #dd4398;
}


/* =========================== */
/*            Mod  hide first post                    */
/* =========================== */
.p-comment-post[data-id="6541"] {
display:none;
}

.next-staff-comment {
    background-color: #ad0109 !important;
    margin-right: 10px !important;
    border: 1px solid #a20108 !important;
}

.next-dev-comment {
    background-color: #ad0109 !important;
    margin-right: 10px !important;
    border: 1px solid #a20108 !important;
}

.molster-css-check{
color:red;
}
/* =========================== */
/*            Dice Roller                                */
/* =========================== */
.dice-roll-tampered
{
background-color:#f29693;
font-weight:bold;
padding:5px;
}

/* Pride Month Logo Change */
/* .main .logo {
    background-image: url(https://media.dndbeyond.com/media/logo/dnd-beyond-pride-logo.svg) !important;
} */
/* .site-bar .site-bar__container .logo {
    background-image: url(https://media.dndbeyond.com/media/logo/dnd-beyond-pride-logo.svg) !important;
} */
/* END: Pride Month Logo Change */

/* Subscriber Perks */
.ddb-subscriptions-purchase-flair img {
    max-width: 100%;
    height: auto;
}

/* Everlasting Rime dice page */
.body-newmarketplace-itemdetails-digital-dice .marketplace-item__description p {
    width: fit-content;
}

/* Marketplace scalefast CTA */
@media (min-width: 768px) {
    .marketplace-listing__bundle-listing--blurb.scalefast-large-preview .marketplace-bundle-listing-list-item__avatar.scalefast-preview {
        width: 128px;
        height: 192px;
    }
    .marketplace-listing__bundle-listing--blurb.scalefast-large-preview .marketplace-bundle-listing-list-item__avatar-img.scalefast-preview {
        max-width: 128px;
        max-height: 192px;
    }
}
.super-center-container {
    display: grid;
    place-items: center;
}
.claim-main__hero__desc__content details {
    margin: 16px 0 0 0 !important; 
}
.claim-main__hero__desc__content details p + ul {
    list-style: disc !important;
    margin: 0 0 8px 16px !important; 
    line-height: 24px !important;
}
.claim-main__hero__desc__content details ul li {
    margin: 0 0 0 12px !important; 
    font-size: 16px !important;
}
/* START - for listings that have an image in the description */
.mon-details__description-block-content p.listing-image {
    margin-bottom: 0px !important
}
/* END - for listings that have an image in the description */

/* NEW STAT BLOCK START */
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block {
  border: 1px solid #D4D0CE;
  background-color: #FEFCEF;
  padding: 15px;
  position: relative;
  background-repeat: no-repeat;
  box-shadow: 0 5px 8px 0 #AAA;
  background-position: top;
  background: var(--stat-block-bg-override, url(https://media.dndbeyond.com/compendium-images/tcoe/0gqawlEa2tjXGxpc/mm_statbg_sm.jpg));
  font-size: 14px;
  line-height: 19.6px;
  margin: 14px 0;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block::before, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block::after {
  content: "";
  background-image: var(--stat-block-scrollbar, url(https://media.dndbeyond.com/compendium-images/cm/c43LH2y2Gcaxb3V2/MMStatBar_lrg.png)) !important;
  background-size: 100% 100%;
  background-position: center;
  height: 4px;
  display: inline-block;
  position: absolute;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block::before {
  left: -3px;
  top: -3px;
  right: -3px;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block::after {
  left: -3px;
  bottom: -3px;
  right: -3px;
}
@media (max-width: 767px) {
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block br {
    display: none;
  }
}
@media (min-width: 768px) {
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block {
    column-count: 2;
  }
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block p {
  break-inside: avoid;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block h2, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block h3, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block h4, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block h5 {
  font-size: 18px !important;
  font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  display: inline !important;
  margin-right: 8px !important;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block p:first-of-type:not(.monster--stats p:first-of-type) {
  font-style: italic;
  border-bottom: 2px solid var(--stat-block-divider, #BC0F0F);
  padding-bottom: 5px;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block p:nth-child(odd) {
  margin-top: 12px !important;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 2px solid var(--stat-block-divider, #BC0F0F);
  border-bottom: 2px solid var(--stat-block-divider, #BC0F0F);
  margin: 12px 0;
  padding: 8px 0;
  text-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas: "STR-a DEX-a CON-a" "STR-b DEX-b CON-b" "INT-a WIS-a CHA-a" "INT-b WIS-b CHA-b";
    margin: 12px 6px 12px 0;
    padding: 0 12px 8px 0;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(1) {
    grid-area: STR-a;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(3) {
    grid-area: DEX-a;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(5) {
    grid-area: CON-a;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(7) {
    grid-area: INT-a;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(9) {
    grid-area: WIS-a;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(11) {
    grid-area: CHA-a;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(2) {
    grid-area: STR-b;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(4) {
    grid-area: DEX-b;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(6) {
    grid-area: CON-b;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(8) {
    grid-area: INT-b;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(10) {
    grid-area: WIS-b;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-of-type(12) {
    grid-area: CHA-b;
  }
  :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-child(odd) {
    margin-top: 12px !important;
  }
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p {
  font-size: 16px;
  margin: 3px 0 5px;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--stats p:nth-child(odd) {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px !important;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--data-last::after {
  content: "";
  display: block;
  border-bottom: 2px solid var(--stat-block-divider, #BC0F0F);
  padding: 0 0 8px;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--action-header {
  font-size: 16px !important;
  font-weight: bold;
  font-family: "Roboto Condensed", Roboto, Helvetica, sans-serif;
  padding-top: 4px;
  border-bottom: 1px solid var(--stat-block-divider, #BC0F0F);
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .monster--data-last strong + strong {
  margin-left: 12px;
}
:is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .action-tooltip, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .condition-tooltip, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .sense-tooltip, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .skill-tooltip, :is(.body-rpgmagicitem, .body-rpgclass, .body-rpgspell-details) .monster--stat-block .weapon-properties-tooltip {
  color: var(--stat-block-green-tooltip, #0E8648) !important;
}

/* NEW STAT BLOCK END */

/* START Table Compendium for listings fix */

:is(.body-rpgclass, .body-rpgspell, .body-rpgrace, .body-rpgmonster, .body-rpgfeat, .body-rpgbackground, .body-rpgigear, .body-rpgmagicitem) .table-compendium td {
    padding: 8px 20px !important;
    vertical-align: middle;
}

/* END Table Compendium for listings fix */.post-listing{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px 0}.post-listing>li{padding:0 8px 15px;width:100%}.post-listing>li:first-child .post-excerpt__link--content{background-color:rgba(9,8,9,.6);color:#fff;border:2px solid #595758;border-radius:3px;padding:5px 30px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;text-transform:uppercase;font-family:"Roboto Condensed";font-weight:bold;font-size:16px}.post-listing>li:first-child .post-excerpt__link--content:hover,.post-listing>li:first-child .post-excerpt__link--content:active,.post-listing>li:first-child .post-excerpt__link--content:visited{color:#fff}.post-listing>li:first-child .post-excerpt__link--content:hover{background-color:#090809}.post-listing>li:nth-child(2) .post-excerpt__link--content,.post-listing>li:nth-child(3) .post-excerpt__link--content{color:#bc0f0f}.post-listing>li:nth-child(2) .post-excerpt__link--content:active,.post-listing>li:nth-child(2) .post-excerpt__link--content:visited,.post-listing>li:nth-child(2) .post-excerpt__link--content:hover,.post-listing>li:nth-child(3) .post-excerpt__link--content:active,.post-listing>li:nth-child(3) .post-excerpt__link--content:visited,.post-listing>li:nth-child(3) .post-excerpt__link--content:hover{color:#bc0f0f}.post-listing>li:nth-child(2) .post-excerpt__link--content:hover,.post-listing>li:nth-child(3) .post-excerpt__link--content:hover{text-decoration:underline}.post-listing article{height:100%}@media(min-width: 768px){.post-listing>li{width:50%}}@media(min-width: 1024px){.post-listing>li{width:33.3333333333%}}.post-excerpt{box-shadow:0 10px 20px 0 rgba(0,0,0,.1);height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.post-excerpt__content{background-color:#fff;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;padding:20px 25px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.post-excerpt__preview{height:130px;position:relative;width:100%}.post-excerpt__preview-link{background:top right #222 no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0}.body-category-details .post-excerpt__video,.body-post-tagdetails .post-excerpt__video{display:none}.post-excerpt__video-iframe{display:block}.post-excerpt__title{font-family:"Roboto Condensed";font-size:20px;font-weight:bold;line-height:1.3}.post-excerpt__extras{position:absolute;bottom:100%;right:0}.post-excerpt__meta{display:inline-block;color:#fff;font-size:12px;background-color:rgba(9,8,9,.8);padding:6px 14px;font-family:"Roboto Condensed"}.post-excerpt__author a{margin-left:5px}.post-excerpt__author a .user-role-registered-users{color:#fff}.post-excerpt__author a .user-role-insiders{color:#fff}.post-excerpt__author a .user-role-discord-moderator{color:#fff}.post-excerpt__published abbr{text-decoration:none}.post-excerpt__description{display:none;font-size:16px;line-height:1.6;margin-top:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.post-excerpt__more{display:none;font-size:16px;line-height:1.6;margin-top:10px}@media(min-width: 768px){.post-excerpt__preview{height:150px}.post-excerpt__title{font-size:28px}}.body-home-index .post-listing>li:first-child .post-excerpt{position:relative}.body-home-index .post-listing>li:first-child .post-excerpt__video-iframe{width:355px;height:198px}.body-home-index .post-listing>li:first-child .post-excerpt .post-excerpt--video .post-excerpt__video{display:block}@media(max-width: 767px){.body-home-index .post-listing>li:first-child .post-excerpt__description{display:block;font-size:14px;line-height:1.4}.body-home-index .post-listing>li:first-child .post-excerpt__content{box-shadow:0 10px 20px 0 rgba(0,0,0,.1)}.body-home-index .post-listing>li:first-child .post-excerpt--video .post-excerpt__video{display:none}}@media(min-width: 768px){.body-home-index .post-listing>li:first-child .post-excerpt{height:310px;box-shadow:none}.body-home-index .post-listing>li:first-child .post-excerpt__preview{display:none}.body-home-index .post-listing>li:first-child .post-excerpt__video{background-color:#222;border:1px solid #333;box-shadow:0 0 5px 2px rgba(0,0,0,.3);position:absolute;right:0;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);margin-top:-15px;left:50%;display:flex;}.body-home-index .post-listing>li:first-child .post-excerpt__content{padding:0 10px 0 0;background:none;color:#fff;position:absolute;bottom:15px;left:0;right:50%}.body-home-index .post-listing>li:first-child .post-excerpt__title{font-size:36px;line-height:1.1}.body-home-index .post-listing>li:first-child .post-excerpt__title a{color:#fff}.body-home-index .post-listing>li:first-child .post-excerpt__title a:active,.body-home-index .post-listing>li:first-child .post-excerpt__title a:visited,.body-home-index .post-listing>li:first-child .post-excerpt__title a:hover{color:#fff}.body-home-index .post-listing>li:first-child .post-excerpt__extras{position:static;right:auto;bottom:auto;margin-top:10px}.body-home-index .post-listing>li:first-child .post-excerpt__meta{border-radius:3px}.body-home-index .post-listing>li:first-child .post-excerpt__more{display:block}}@media(min-width: 1024px){.body-home-index .post-listing>li:first-child .post-excerpt{height:400px}.body-home-index .post-listing>li:first-child .post-excerpt__content{bottom:50px}.body-home-index .post-listing>li:first-child .post-excerpt__video-iframe{width:484px;height:270px}.body-home-index .post-listing>li:first-child .post-excerpt__title{font-size:42px}.body-home-index .post-listing>li:first-child .post-excerpt__description{display:block}}@media(min-width: 1200px){.body-home-index .post-listing>li:first-child .post-excerpt__video-iframe{width:565px;height:316px}}.body-home-index .post-listing>li:not(:first-child) .post-excerpt__video{display:none}@media(min-width: 768px){.body-home-index .post-listing>li:first-child{width:100%}.body-home-index .post-listing>li:nth-child(2),.body-home-index .post-listing>li:nth-child(3){width:50%}.body-home-index .post-listing>li:nth-child(2) .post-excerpt__preview,.body-home-index .post-listing>li:nth-child(3) .post-excerpt__preview{height:200px}.body-home-index .post-listing>li:nth-child(2) .post-excerpt__description,.body-home-index .post-listing>li:nth-child(3) .post-excerpt__description{display:block}.body-home-index .post-listing>li:nth-child(2) .post-excerpt__more,.body-home-index .post-listing>li:nth-child(3) .post-excerpt__more{display:block}}


/* =========================== */
/*           Image page execprt                            */
/* =========================== */
.post-excerpt--video .post-excerpt__image {
display:none;
}
.post-excerpt--video .post-excerpt__image img {
width:100%;
}

@media (min-width: 768px)  {
.post-excerpt--video .post-excerpt__image {
    position: relative;
    width: 230px;
    right: -517px;
    display: block;
}
}

@media (min-width: 1024px)  {
.post-excerpt--video .post-excerpt__image {
    position: relative;
    width: 300px;
    right: -642px;
display:block;
}
}

.body-home-index .post-listing>li:not(:first-child) .post-excerpt__image {
    display: none;
}

.body-category-details .post-excerpt__image  {
    display: none;
}